/* Fachbild - Volle Bildschirmbreite */
#fachbild {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

#fachbild img {
    width: 100%;
    height: auto;
    max-height: 436px; /* Maximale Höhe auf 436px begrenzt */
    min-width: 100vw;
    object-fit: cover; /* Bild wird gestreckt/beschnitten um das Container zu füllen */
    object-position: center;
    display: block;
}

/* Alternative: Bild wird immer gestreckt (kann Verzerrungen verursachen) */
#fachbild img.stretch {
    object-fit: fill; /* Bild wird verzerrt um genau zu passen */
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    #fachbild img {
        min-height: 200px; /* Mindesthöhe auf mobilen Geräten */
        max-height: 300px; /* Reduzierte maximale Höhe auf mobilen Geräten */
    }
}

@media (max-width: 480px) {
    #fachbild img {
        min-height: 150px; /* Kleinere Mindesthöhe auf sehr kleinen Geräten */
        max-height: 200px; /* Weitere Reduzierung für sehr kleine Bildschirme */
    }
}

.fachbeschreibung-content ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-left: 0;
  line-height: 1.4;
}

.fachbeschreibung-content ul li {
  list-style-type: disc;
}

.fachbeschreibung-content li {
  display: list-item;
  margin-bottom: 8px;
  list-style-position: outside;
}

.fachbeschreibung-content li strong {
  font-weight: bold;
}

.responsive-icon-container {
    position: absolute; 
    left: 50%; 
    transform: translate(-50%, 0%); 
    margin-left: -30%; 
    margin-top: -100px;
}

.responsive-icon {
    width: 100px;
    height: auto;
}

@media (max-width: 768px) {
    .responsive-icon {
        width: 80px;
    }
    .responsive-icon-container {
        margin-top: -90px;
    }
}

@media (max-width: 480px) {
    .responsive-icon {
        width: 60px;
    }
    .responsive-icon-container {
        margin-top: -60px;
    }
}

@media (min-width: 769px) {
	.contact-container {
		margin-top: -52px;
	}
}