@charset "utf-8";

.top-first{
    background-color: #194002;
    color: #eff7f3;
}
.privatpraxis{
    background-color: #73a21b;
    color: #194002;
}
.leistungen{
    color: #194002;
}
.bg-leistungen{
    background-color: #c7e098;
}
.vorwort{
    background-color: #c7e098;
    color: #000000;
}

.kontakt{
    color: #194002;
}
.bg-kontakt{
    background-color: #ffffff;
}
.kontakt-headline{
    background-color: #c7e098;
    color: #194002;
}


.footer-darkgreen{
    background-color: #194002 !important;
}
.footer-darkgreen .nav-link:hover {
    color: #ffffff !important;
  }

/* Spricht gezielt den Punkt (Marker) aller Listenpunkte an */
.listenpunkte li::marker {
    color: #73a21b;       /* Ändert NUR die Farbe des Punktes (z. B. Orange) */
    font-size: 2rem;     /* Vergrößert NUR den Punkt */
    line-height: 2rem;       /* Verhindert, dass der vergrößerte Punkt den Zeilenabstand verzerrt */
}

/* Optional: Falls Sie auch den Abstand zwischen Punkt und Text anpassen möchten */
.listenpunkte li {
    padding-left: 0.5rem; 
}

/* Bild-Standardverhalten */
.hero-img {
height: auto;
object-fit: cover;
}
/* Smartphone-Ansicht (Standard): Text unter dem Bild */
.hero-section {
background-color: #ffffff !important; /* Weißer Hintergrund fürs Smartphone, wenn Text darunter steht */
}
.hero-overlay {
background: transparent; /* Kein dunkler Schleier auf dem Smartphone */
}
.text-shadow-md {
text-shadow: none; /* Kein Textschatten auf dem Smartphone nötig */
}

@media (max-width: 767.98px) {
display-3, .display-3 {
font-size: 2.1rem !important;
line-height: 1.2 !important;
}
}

specification, .specification {
font-size: 1.2rem;
line-height: 1.4;
font-weight: 300;
}
list-items, .list-items {
color: #194002;
font-size: 1.1rem;
line-height: 1.4;
font-weight: 400;
}
zitat, .zitat {
color: #194002;
font-size: 1.2rem !important;
line-height: 1.4;
font-weight: 300;
}
zitat-footer, .zitat-footer {
color: #194002;
font-size: 1.0rem !important;
line-height: 1.2;
font-weight: 300;
}



	
/* Ab Tablet & Desktop (wird über Media Query aktiviert) */
@media (min-width: 768px) {
.position-md-absolute {
position: absolute !important;
}
.h-md-100 {
height: 100% !important;
}
.hero-section {
background-color: #212529 !important; /* Dunkler Hintergrund für Desktop-Fallback */
}
/* Dunkler Schleier NUR auf Desktop über dem Bild */
.hero-overlay,
  .hero-overlay h1, 
  .hero-overlay p {
    color: #eff7f3 !important;
}
.hero-overlay {
background: rgba(0, 0, 0, 0.2) !important; 
  }
/* Textschatten NUR auf Desktop für bessere Lesbarkeit auf dem Bild */
.text-shadow-md {
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
}
	
specification, .specification {
font-size: 1.6rem;
line-height: 1.4;
font-weight: 300;
}
	
list-items, .list-items {
color: #194002;
font-size: 1.4rem;
line-height: 1.4;
font-weight: 400;
}
zitat, .zitat {
color: #194002;
font-size: 1.8rem !important;
line-height: 1.4;
font-weight: 300;
}
zitat-footer, .zitat-footer {
color: #194002;
font-size: 1.2rem !important;
line-height: 1.4;
font-weight: 300;
}
	
}