/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* Mobil-Fix 2026-10-18: Logo auf dem Smartphone kleiner, damit der
   Menü-Button in derselben Zeile Platz hat; Menüschrift etwas kleiner */
@media (max-width: 991.98px) {
	#header #logo img { height: auto !important; max-width: 180px; object-fit: contain; padding: 8px 0; }
	#header .primary-menu { --cnvs-primary-menu-font-size: 0.9375rem; }
	#header .primary-menu .menu-container > .menu-item > .menu-link { font-size: 15px; }
}


/* Mobil-Fix 2026-10-18: kompakteres Hamburger-Menü (kleinere Abstände, Schrift max. 16px) */
@media (max-width: 767px) {
  ul.menu-container li { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
  ul.menu-container li > a { padding-top: 6px !important; padding-bottom: 6px !important; min-height: 0 !important; height: auto !important; }
}

/* Mobil-Fix 2026-10-18 (Schrift): kleinere Überschriften; Silbentrennung nur bei Wörtern ab 14 Zeichen (je Seite mind. 6) */
@media(max-width:900px){
  html body :is(h1,h2,h3,h4,blockquote){letter-spacing:normal!important;overflow-wrap:break-word}
  html body :is(h1,h2,h3,h4,h5,p,li,blockquote){-webkit-hyphens:auto!important;hyphens:auto!important;hyphenate-limit-chars:14 6 6}
  html body h1{font-size:clamp(22px,6.6vw,30px)!important;line-height:1.15!important}
  html body h2{font-size:clamp(20px,5.6vw,26px)!important;line-height:1.2!important}
  html body h3{font-size:18px!important;line-height:1.3!important}
}
@media(max-width:300px){html body h1{font-size:22px!important}html body h2{font-size:19px!important}}
/* Mobil-Fix 2026-10-18 (Überlauf 267px): überlange Wörter umbrechen statt überstehen */
@media(max-width:400px){html body{overflow-wrap:break-word}}
/* Mobil-Fix 2026-10-18 (Überlauf 267px): Slider-Merkmale: weniger Innenabstand (Wörter wurden zerrissen) */
@media(max-width:400px){html body .slider-features .grid-inner.px-5{padding-left:8px!important;padding-right:8px!important}html body .slider-features h5{font-size:16px!important}}