/* V21: vollständigeres Panorama ohne Städtenamen */ section.hero{ height:clamp(600px,36vw,700px)!important; min-height:600px!important; max-height:700px!important; background:#08151b!important; align-items:flex-end!important; } section.hero .hero-city-labels, section.hero .hero-city-label{ display:none!important; } section.hero>picture.hero-picture{ display:flex!important; align-items:flex-start!important; justify-content:center!important; background:#08151b!important; } section.hero>picture.hero-picture>img.hero-panorama{ width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain!important; object-position:center top!important; background:#08151b!important; } section.hero::after{ background:linear-gradient( 180deg, rgba(4,10,14,.00) 0%, rgba(4,10,14,.02) 50%, rgba(4,10,14,.46) 72%, rgba(4,10,14,.92) 100% )!important; } section.hero .hero-content{ padding-bottom:38px!important; } /* Header darf niemals nur 90px hoch bleiben */ body>nav{ height:auto!important; max-height:none!important; min-height:96px!important; overflow:visible!important; background:#fff!important; box-shadow:none!important; border-bottom:0!important; } body>nav>.nav-logo{ background:transparent!important; overflow:hidden!important; } /* Tablet */ @media(max-width:1100px) and (min-width:761px){ section.hero{ height:clamp(560px,45vw,640px)!important; min-height:560px!important; } section.hero .hero-content{ padding-bottom:32px!important; } } /* Mobil: kompletter Header, Hero proportional kleiner */ @media(max-width:760px){ body>nav{ position:relative!important; top:auto!important; height:auto!important; min-height:0!important; max-height:none!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:stretch!important; gap:10px!important; padding:14px 14px 16px!important; overflow:visible!important; background:#fff!important; box-shadow:none!important; border:0!important; } body>nav>.nav-logo{ position:relative!important; width:100%!important; height:78px!important; min-height:78px!important; max-height:78px!important; margin:0!important; padding:0!important; overflow:hidden!important; background:transparent!important; } body>nav>.nav-logo img{ position:static!important; display:block!important; width:auto!important; height:78px!important; max-height:78px!important; max-width:min(320px,90vw)!important; margin:0!important; transform:none!important; object-fit:contain!important; object-position:left center!important; background:transparent!important; } body>nav>.lang-switcher, body>nav>.nav-actions{ position:static!important; width:100%!important; margin:0!important; transform:none!important; } body>nav .lang-current, body>nav>.nav-actions>.nav-btn{ width:100%!important; min-width:0!important; height:56px!important; min-height:56px!important; margin:0!important; border-radius:14px!important; } section.hero{ height:clamp(560px,130vw,650px)!important; min-height:560px!important; max-height:650px!important; margin-top:0!important; border-top:0!important; box-shadow:none!important; } section.hero>picture.hero-picture{ align-items:flex-start!important; background:#08151b!important; } section.hero>picture.hero-picture>img.hero-panorama{ width:100%!important; height:100%!important; object-fit:contain!important; object-position:center top!important; } section.hero .hero-content{ width:calc(100% - 28px)!important; margin:0 auto!important; padding-bottom:24px!important; text-align:center!important; } section.hero .hero-content h1, section.hero .hero-subtitle{ text-align:center!important; } } @media(max-width:420px){ body>nav{ padding-left:10px!important; padding-right:10px!important; } body>nav>.nav-logo{ height:70px!important; min-height:70px!important; max-height:70px!important; } body>nav>.nav-logo img{ height:70px!important; max-height:70px!important; max-width:92vw!important; } section.hero{ height:clamp(520px,138vw,590px)!important; min-height:520px!important; } }