/* Zentrale Korrekturen (06.11.2026): wird per nginx auf allen Seiten nach dem Seiteninhalt eingebunden */
/* Header: gleichmäßige Abstände zwischen Menü, Hell/Dunkel-Symbol und Suche */
@media (min-width:990px){
  #top #header .av-main-nav > li.smo-dark-icon-li:not(.smo-dark-burger-row){margin:0 0 0 16px !important}
  #top #header .av-main-nav > li.smo-search-trigger-li{margin:0 0 0 16px !important}
}
/* Header: alle Hauptmenü-Punkte gleich breit eingerückt (die ersten drei hatten 5px statt 8px) */
@media (min-width:1360px){
  #top #header .av-main-nav > li.menu-item-top-level > a{padding-left:8px !important;padding-right:8px !important}
}
/* Startseite "Ergebnisse": dritte Zahl lief rechts aus der Seite (nur 4 Spalten bei 144px Schrift) */
@media (min-width:901px){
  #smo-cases-wrap .h-result--3{grid-column:8 / span 5 !important}
  #smo-cases-wrap .h-result--3 strong{font-size:clamp(60px,8.6vw,150px) !important;white-space:nowrap}
}
@media (min-width:901px){ #smo-cases-wrap .h-result--2 strong{font-size:clamp(60px,9vw,160px) !important} }
/* Lange deutsche Wörter in Überschriften dürfen nicht über den Rand laufen (Silbentrennung statt Abschneiden) */
.f2-h2,.f2-h1,.h-section-title,.h-ed__title,#top h1,#top h2{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:600px){ #top .f2-h2{font-size:clamp(22px,7vw,40px) !important;overflow-wrap:anywhere !important;hyphens:auto !important;max-width:100%} }
/* Agentur-Seiten: Beschriftung der Bild-Kacheln bleibt in der Pille (Ellipse statt Überlauf) */
.f2-wall__label{max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
/* Mobile App-Banner ueber dem Header (06.11.2026, Stephan): Banner lag exakt wie der fixe Header bei top:0, der extrem hohe
   z-index des Banners (2147483000 vs. Header 100) verdeckte den Header komplett. Erst Banner, danach Header: Header auf
   kleinen Screens solange der Banner existiert von fixed auf sticky umschalten, dann schiebt der Banner (erstes Body-Kind,
   normaler Textfluss) den Header automatisch unter sich; sobald man vorbeiscrollt oder der Banner geschlossen wird, bleibt
   der Header oben haengen (sticky) bzw. springt zurueck auf fixed. */
@media (max-width:700px){
  body:has(> #nb-banner).smo-home2-active #header,
  body:has(> #nb-banner).smo-cases-active #header,
  body:has(> #nb-banner).smo-ber-active #header{
    position:sticky !important;
    top:0 !important;
  }
}