/* V19 – Hero proportional statt gezoomt */ section.hero{ height:clamp(470px,32.3vw,620px)!important; min-height:470px!important; max-height:620px!important; } section.hero>picture.hero-picture>img.hero-panorama{ object-fit:cover!important; object-position:center center!important; } /* Logo-Container strikt innerhalb des Headers halten */ body>nav>.nav-logo{ position:static!important; box-sizing:border-box!important; height:72px!important; min-height:72px!important; max-height:72px!important; padding:0!important; margin:0 auto 0 0!important; overflow:hidden!important; background:transparent!important; border:0!important; box-shadow:none!important; isolation:isolate!important; } body>nav>.nav-logo::before, body>nav>.nav-logo::after{ display:none!important; content:none!important; } body>nav>.nav-logo img{ position:static!important; display:block!important; width:auto!important; height:72px!important; max-height:72px!important; max-width:320px!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:left center!important; transform:scale(1.16)!important; transform-origin:left center!important; background:transparent!important; border:0!important; box-shadow:none!important; } /* Schrittweise kleinere Hero-Höhen */ @media(max-width:1280px){ section.hero{ height:clamp(455px,36vw,560px)!important; min-height:455px!important; } section.hero .hero-content h1{ font-size:clamp(2.1rem,4.2vw,3.5rem)!important; } } @media(max-width:960px) and (min-width:761px){ section.hero{ height:500px!important; min-height:500px!important; } section.hero .hero-content{ padding-bottom:34px!important; } section.hero .hero-content h1{ font-size:clamp(2.05rem,5vw,3rem)!important; } } /* Mobil: zum Bildformat passend mitschrumpfen */ @media(max-width:760px){ body>nav{ position:relative!important; padding-top:12px!important; overflow:visible!important; box-shadow:none!important; border-bottom:0!important; } body>nav>.nav-logo{ position:static!important; width:100%!important; height:76px!important; min-height:76px!important; max-height:76px!important; margin:0 0 4px!important; padding:0!important; overflow:hidden!important; background:transparent!important; border:0!important; box-shadow:none!important; } body>nav>.nav-logo img{ width:auto!important; height:76px!important; max-height:76px!important; max-width:min(330px,92vw)!important; transform:scale(1.18)!important; transform-origin:left center!important; background:transparent!important; box-shadow:none!important; } section.hero{ height:clamp(555px,145vw,650px)!important; min-height:555px!important; max-height:650px!important; margin-top:0!important; border-top:0!important; box-shadow:none!important; } section.hero>picture.hero-picture{ top:0!important; } section.hero>picture.hero-picture>img.hero-panorama{ object-fit:cover!important; object-position:center top!important; } section.hero .hero-content{ padding-bottom:24px!important; } section.hero .hero-content h1{ font-size:clamp(1.9rem,8.7vw,2.7rem)!important; line-height:1.06!important; } } @media(max-width:430px){ section.hero{ height:clamp(520px,142vw,610px)!important; min-height:520px!important; } section.hero .hero-city-label{ font-size:.62rem!important; padding-left:6px!important; padding-right:6px!important; } section.hero .hero-content h1{ font-size:clamp(1.82rem,8.5vw,2.35rem)!important; } section.hero .hero-subtitle{ font-size:.98rem!important; } } @media(max-width:360px){ body>nav>.nav-logo{ height:68px!important; min-height:68px!important; max-height:68px!important; } body>nav>.nav-logo img{ height:68px!important; max-height:68px!important; max-width:94vw!important; } section.hero{ height:510px!important; min-height:510px!important; } }