/* Mobil-Fix 2026-10-18: animierte Unterstreichung der hervorgehobenen Wörter
   und die große Hero-Überschrift
   ragten auf schmalen Handys rechts heraus */
@media (max-width: 575.98px) {
	.custom-big-font-size-1 { font-size: 2.75rem; overflow-wrap: break-word; }
	.highlighted-word.highlighted-word-animation-1:after { right: auto !important; left: 0; max-width: 100%; }
	.card-admin .card-body { padding-left: 12px; padding-right: 12px; }
	.card-admin .table > :not(caption) > * > * { padding-left: .35rem; padding-right: .35rem; }
}

/* 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 (Schrift, Site): Überschrift in schmaler Box kleiner */
@media(max-width:900px){html body .section h1.d-block{font-size:clamp(22px,6.6vw,30px)!important;letter-spacing:normal!important;line-height:1.15!important}}
/* Mobil-Fix 2026-10-18 (Überlauf 267px): Tabellenzellen dürfen umbrechen */
@media(max-width:400px){html body table td,html body table th{padding-left:4px;padding-right:4px;font-size:14px}html body table :is(h5,h6){font-size:15px!important}}
/* Mobil-Fix 2026-10-18 (Überlauf 267px): Wellen-Trenner abschneiden */
@media(max-width:700px){html body .shape-divider{overflow:hidden}}
/* 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): breite Detail-Tabelle scrollt in ihrer Karte */
@media(max-width:400px){html body .card-body{overflow-x:auto}}