/* holl.ag – gemeinsame Ergänzungen (Schrift, Grundstil, Banner, Widgets, avalex-Texte) */
@font-face{font-family:'Schibsted Grotesk';src:url(/assets/fonts/SchibstedGrotesk.woff2) format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
[id]{scroll-margin-top:24px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#17264A;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
/* Taxi-Preisrechner (taxi4me) */
.rechner-live{margin-top:24px;background:#FFFFFF;border-radius:28px;box-shadow:0 20px 60px rgba(23,38,74,.08);overflow:hidden}
.rechner-live iframe{display:block;width:100%;height:700px;border:0}
@media (max-width:760px){.rechner-live iframe{height:820px}}
.rechner-link{display:inline-block;margin-top:10px;font-size:15px}
/* Bewertungen (Trustindex, erst nach Zustimmung) */
#trustindex-widget{min-height:80px}
/* Rechtstexte von avalex */
.avalex-text h1,.avalex-text h2{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:40px 0 0}
.avalex-text h3{font-size:20px;line-height:1.25;font-weight:700;margin:32px 0 0}
.avalex-text h4,.avalex-text h5{font-size:18px;font-weight:700;margin:24px 0 0}
.avalex-text p,.avalex-text li{color:#34405A}.avalex-text p{margin:12px 0 0}
.avalex-text ul,.avalex-text ol{padding-left:22px}
.avalex-text a{overflow-wrap:anywhere}
.avalex-text table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}
.avalex-text td,.avalex-text th{border-bottom:1px solid #E1E6EE;padding:8px 10px;text-align:left;vertical-align:top}
/* Formular-Hinweise */
.formhinweis{margin-top:14px;font-size:15px;color:#566078}
.ehp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
/* Cookie-Banner */
.cb{position:fixed;inset:auto 16px 16px 16px;z-index:1000;max-width:560px;margin-left:auto;background:#FFFFFF;color:#17264A;border-radius:24px;box-shadow:0 24px 80px rgba(23,38,74,.25);padding:24px;font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.5}
.cb h2{margin:0;font-size:20px;font-weight:800}
.cb p{margin:8px 0 0;color:#34405A}
.cb label{display:flex;gap:10px;align-items:flex-start;margin-top:12px}
.cb .knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cb button{font:inherit;font-weight:700;border-radius:999px;padding:12px 20px;cursor:pointer;border:2px solid #17264A;background:#FFFFFF;color:#17264A}
.cb button.haupt{background:#17264A;color:#FFFFFF}
.cb a{color:#17264A}
/* Handy: Hauptnavigation in einer wischbaren Zeile statt drei Zeilen */
@media (max-width:640px){
 header nav{flex-wrap:nowrap!important;overflow-x:auto;gap:4px 20px!important;width:100%;font-size:15px!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 header nav::-webkit-scrollbar{display:none}
 header nav a{white-space:nowrap;padding:8px 0!important}
 .cb{padding:20px;inset:auto 10px 10px 10px}.cb .knoepfe button{flex:1 1 auto}
 /* lange Wörter in Überschriften (z. B. „Verbraucherstreitbeilegung“) trennen statt seitlich überstehen */
 h1,h2,h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
}