#teilauswahlH1 {
  font-size: 40px;
}

.auswahl1 {
  height: 500px;
  transition: all 1s;
}

.auswahl1.hovered {
  width: 40%;
}

.auswahl1.shrink {
  width: 12%;
}

.auswahl2 {
  height: 500px;
  transition: all 1s;
}

.auswahl2.hovered {
  width: 40%;
}

.auswahl2.shrink {
  width: 12%;
}

#cases {
  background-image: url("./../../pictures/parts/blackAndWhite/Case-SSUPD.jpg");
  background-size: cover;
  background-position: center;
}

#mainboard {
  background-image: url("./../../pictures/parts/blackAndWhite/Mainboard-Golden.jpg");
  background-size: cover;
  background-position: center;
}

#cpu {
  background-image: url("./../../pictures/parts/blackAndWhite/CPU-Devil.jpg");
  background-size: cover;
  background-position: center;
}

#gpu {
 background-image: url("./../../pictures/parts/blackAndWhite/GPU-SSUPD-Present.jpg");
 background-size: cover;
 background-position: center;
}

#ram {
  background-image: url("./../../pictures/parts/blackAndWhite/RAM-ITX-Present.jpg");
  background-size: cover;
  background-position: center;
}

#fans {
  background-image: url("./../../pictures/parts/blackAndWhite/Fans-ITX.jpg");
  background-size: cover;
  background-position: center;
}

#psu {
  background-image: url("./../../pictures/parts/blackAndWhite/PSU-Golden.jpg");
  background-size: cover;
  background-position: center;
}

#waterCooling {
  background-image: url("./../../pictures/parts/blackAndWhite/Watercooling-Golden.jpg");
  background-size: cover;
  background-position: center;
}

#cpuCooling {
  background-image: url("./../../pictures/parts/blackAndWhite/CPUCooler-Deep.jpg");
  background-size: cover;
  background-position: center;
}

#ssd {
  background-image: url("./../../pictures/parts/blackAndWhite/SSD-Golden.jpg");
  background-size: cover;
  background-position: center;
}

#accessoir {
  background-image: url("./../../pictures/parts/blackAndWhite/Cable-Devil-1.jpg");
  background-size: cover;
  background-position: center;
}

#thermal {
  background-image: url("./../../pictures/parts/blackAndWhite/Thermal-SSUPD.jpg");
  background-size: cover;
  background-position: center;
}

#teilauswahl h2 {
  text-shadow: 2.5px 2.5px 2.5px black,
               2.5px -2.5px 2.5px black,
               -2.5px 2.5px 2.5px black,
               -2.5px -2.5px 2.5px black;
}

@media (max-width: 1100px) {
  .auswahl1.hovered {width: 50%;}
  .auswahl1.shrink {width: 25%;}
  .auswahl2.hovered {width: 50%;}
  .auswahl2.shrink {width: 25%;}
}

@media (max-width: 768px) {
  .auswahl1.hovered {width: 100%;}
  .auswahl1.shrink {width: 100%;}
  .auswahl2.hovered {width: 100%;}
  .auswahl2.shrink {width: 100%;}
}

@media (max-width: 400px) {
  .auswahl1 {height: 300px;}
  .auswahl2 {height: 300px;}
}