/* ============================================================ MHL UNIFIED PAGE HEADER V5 Nur definierte Zielseiten Desktop Dynamische Höhe Keine Mobile-Regeln Regional-Seiten NICHT enthalten ============================================================ */ body.mhl-unified-page-header-v5-target header.page-header, body.files-page header.page-header, body.scene-contact header.page-header { height: auto !important; min-height: 0 !important; padding: clamp(1.35rem, 2.4vw, 2.15rem) clamp(1.5rem, 3vw, 3rem) !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box; background: rgba(18, 47, 61, 0.94) !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; box-shadow: 0 9px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; margin-bottom: clamp(1rem, 1.6vw, 1.4rem) !important; } /* ------------------------------------------------------------ COPY ------------------------------------------------------------ */ body.mhl-unified-page-header-v5-target header.page-header .page-header__copy, body.files-page header.page-header .page-header__copy, body.scene-contact header.page-header .page-header__copy { min-width: 0; max-width: 920px; } /* ------------------------------------------------------------ ICON ------------------------------------------------------------ */ body.mhl-unified-page-header-v5-target header.page-header .page-header__icon, body.files-page header.page-header .page-header__icon, body.scene-contact header.page-header .page-header__icon { flex-shrink: 0; } /* ------------------------------------------------------------ DIREKTER FOLGEBLOCK Kein künstlicher Zusatzabstand ------------------------------------------------------------ */ body.mhl-unified-page-header-v5-target header.page-header + *, body.files-page header.page-header + *, body.scene-contact header.page-header + * { margin-top: 0 !important; } /* MHL /files – CONTENT CLEARANCE FIX BEGIN */ html body.files-page { padding-bottom: 0 !important; } /* MHL /files – CONTENT CLEARANCE FIX END */ /* MHL-BANNER-BLUE-GLASS-SOFT-SIZE-V20 START */ /* * Grundfarbe des Banners: * klares maritimes Blau, passend zum neuen Ankerlogo. */ .site-header, header.site-header[data-mhl-r180-header], [data-site-header] { background: linear-gradient( 180deg, #0B496C 0%, #083E60 48%, #06324E 100% ) !important; border-bottom-left-radius: 24px !important; border-bottom-right-radius: 24px !important; border-bottom: 1px solid rgba(157,211,233,.19) !important; background-clip: padding-box !important; box-shadow: 0 7px 22px rgba(0,0,0,.14), inset 0 -1px 0 rgba(255,255,255,.045) !important; } /* * Leichtes Glass: * genug Transparenz für einen modernen Look, * aber nicht milchig. */ .site-header .header-inner, header.site-header[data-mhl-r180-header] [data-mhl-r180-header-inner], [data-header-inner] { background: linear-gradient( 180deg, rgba(56,122,151,.40) 0%, rgba(26,89,117,.31) 48%, rgba(7,54,82,.40) 100% ) !important; border: 1px solid rgba(185,224,238,.11) !important; border-bottom-left-radius: 22px !important; border-bottom-right-radius: 22px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.085), inset 0 -1px 0 rgba(255,255,255,.025), 0 5px 18px rgba(0,0,0,.085) !important; backdrop-filter: blur(9px) saturate(119%) !important; -webkit-backdrop-filter: blur(9px) saturate(119%) !important; } /* * Navigation nur leicht in dieselbe blaue Glaswelt integrieren. * Größe/Position unverändert. */ .site-header .nav-direct, .site-header .nav-search, .site-header .nav-account, .site-header .nav-admin, .site-header .nav-join, .site-header .header-tool, .site-header .nav-menu-toggle { background: linear-gradient( 180deg, rgba(24,92,121,.29), rgba(5,50,77,.22) ) !important; border-color: rgba(169,217,234,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; backdrop-filter: blur(6px) saturate(114%); -webkit-backdrop-filter: blur(6px) saturate(114%); } /* * Offener Menüpunkt harmonisch hervorgehoben. */ .site-header .header-tool[aria-expanded="true"] { background: linear-gradient( 180deg, rgba(30,109,142,.45), rgba(7,61,89,.36) ) !important; border-color: rgba(171,220,237,.16) !important; } /* * Logo bleibt unverändert. */ .mhl-brand-logo-image { filter: none !important; mix-blend-mode: normal !important; } /* * Mobile proportionale Rundung. */ @media (max-width: 900px) { .site-header, header.site-header[data-mhl-r180-header], [data-site-header] { border-bottom-left-radius: 18px !important; border-bottom-right-radius: 18px !important; } .site-header .header-inner, header.site-header[data-mhl-r180-header] [data-mhl-r180-header-inner], [data-header-inner] { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; } } /* MHL-BANNER-BLUE-GLASS-SOFT-SIZE-V20 END */ /* MHL-SERVICE-GITHUB-AVATAR-V5-MALTE-SPECK START */ a.mhl-service-github-link { display: flex; align-items: center; gap: 10px; min-width: 0; height: auto; min-height: 0; margin: 0; text-decoration: none; } a.mhl-service-github-link .mhl-service-github-avatar { display: block; flex: 0 0 38px; width: 38px; min-width: 38px; max-width: 38px; height: 38px; min-height: 38px; max-height: 38px; aspect-ratio: 1 / 1; box-sizing: border-box; border-radius: 50%; object-fit: cover; object-position: center 30%; overflow: hidden; border: 2px solid rgba(118, 224, 240, .75); background: #0b2e40; box-shadow: 0 0 0 2px rgba(3, 23, 34, .35), 0 2px 7px rgba(0, 0, 0, .2); } a.mhl-service-github-link .mhl-service-github-label { display: inline-block; min-width: 0; white-space: nowrap; color: inherit; font: inherit; line-height: inherit; } a.mhl-service-github-link:hover, a.mhl-service-github-link:focus-visible { text-decoration: none; } /* MHL-SERVICE-GITHUB-AVATAR-V5-MALTE-SPECK END */