.floating-header{position:fixed;z-index:100;top:12px;left:0;right:0;width:min(1160px,calc(100% - 72px));margin-inline:auto;color:#18323e;border:1px solid transparent;border-radius:22px;background:transparent;transition:width 360ms cubic-bezier(.22,1,.36,1),background-color 220ms ease,border-color 220ms ease,box-shadow 360ms ease,top 360ms cubic-bezier(.22,1,.36,1)}
.floating-header.is-floating,.floating-header.menu-open{top:14px;width:min(1050px,calc(100% - 48px));background:#fffefa;border-color:#dfe6e7;box-shadow:0 12px 30px -17px #294a6460}
.floating-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:11px 17px 11px 24px}
.floating-brand{display:inline-flex;align-items:center;gap:.025em;text-decoration:none;color:#101010;font-size:27px;font-weight:500;line-height:1;letter-spacing:-.045em;flex-shrink:0}
.floating-o{display:inline-block;position:relative;width:.66em;height:.66em;overflow:hidden;flex:0 0 .66em;margin-top:.035em}.floating-o img{position:absolute;width:172.414%;height:172.414%;max-width:none;left:-36.207%;top:-36.207%}
.floating-nav{display:flex;align-items:center;gap:6px}.floating-nav a{color:#244351;display:inline-flex;align-items:center;min-height:40px;padding:10px 12px;font-size:12px;font-weight:500;text-decoration:none;border-radius:9px;transition:background-color .18s,color .18s}.floating-nav a:hover,.floating-nav a[aria-current]{background:#e8f0ef;color:#193944}
.floating-actions{display:flex;align-items:center;gap:9px}.floating-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:12px 18px;background:#f5ff27;color:#17201a;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;border-radius:12px;transition:background-color .18s,transform .18s}.floating-cta:hover{background:#edf716;transform:translateY(-1px)}.floating-cta svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.floating-cta-short{display:none}
.floating-menu-button{display:none;align-items:center;justify-content:center;width:42px;height:44px;padding:10px;border:0;background:transparent;color:#254755;border-radius:10px;cursor:pointer}.floating-menu-button:hover{background:#edf2ef}.floating-menu-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.floating-menu-button path{transform-origin:center;transition:transform .22s ease}
.floating-mobile-panel[hidden]{display:none}.floating-mobile-panel{border-top:1px solid #e1e7e3;margin:0 15px;padding:12px 1px 18px;animation:header-menu-enter 220ms cubic-bezier(.22,1,.36,1)}.floating-mobile-panel nav{display:grid;gap:2px}.floating-mobile-panel a{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:12px;font-size:14px;text-decoration:none;color:#284c5c;border-radius:8px}.floating-mobile-panel a:hover{background:#edf2ec}.floating-mobile-panel a>span{color:#779088;font-size:12px}.floating-mobile-panel .floating-legal-link{margin-top:8px;border-top:1px solid #e3e7df;border-radius:0;font-size:12px;color:#576f70;padding-top:19px}
.floating-header :focus-visible{outline:3px solid #315f79;outline-offset:4px}.header-spacer{pointer-events:none}.continuation .flow-section,.continuation #so-gehts,.continuation #loslegen{scroll-margin-top:116px}
@keyframes header-menu-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.floating-header{width:calc(100% - 48px)}.floating-header-inner{gap:18px;padding-left:20px}.floating-brand{font-size:24px}.floating-nav{gap:0}.floating-nav a{font-size:11px;padding-inline:10px}.floating-cta{font-size:11px;padding-inline:15px}}
@media(max-width:800px){.floating-header,.floating-header.is-floating,.floating-header.menu-open{width:calc(100% - 28px);top:10px;border-radius:18px}.floating-header-inner{min-height:62px;gap:12px;padding:8px 10px 8px 17px}.floating-brand{font-size:24px}.floating-nav{display:none}.floating-menu-button{display:inline-flex}.floating-cta{min-height:42px;border-radius:10px;font-size:11px;gap:9px;padding:11px 14px}.floating-actions{gap:6px}.continuation .flow-section,.continuation #so-gehts,.continuation #loslegen{scroll-margin-top:100px}}
@media(max-width:430px){.floating-header,.floating-header.is-floating,.floating-header.menu-open{width:calc(100% - 20px);top:8px;border-radius:15px}.floating-header-inner{min-height:59px;padding:7px 7px 7px 13px;gap:8px}.floating-brand{font-size:22px}.floating-cta{padding:10px 12px;gap:8px;font-size:11px;min-height:40px}.floating-cta-full{display:none}.floating-cta-short{display:inline}.floating-cta svg{height:15px;width:15px}.floating-menu-button{width:37px;height:42px;padding:9px}.floating-actions{gap:3px}}
@media(max-width:350px){.floating-brand{font-size:20px}.floating-header-inner{padding-left:11px;gap:7px}.floating-cta{font-size:10px;padding-inline:10px}.floating-menu-button{width:34px}.floating-header .floating-o{flex-basis:.66em}}
@media(prefers-reduced-motion:reduce){.floating-header,.floating-cta,.floating-nav a,.floating-menu-button path{transition:none}.floating-mobile-panel{animation:none}}

#hero-copy{scroll-margin-top:110px}.continuation [id]{scroll-margin-top:112px}
@media(max-width:800px){.floating-mobile-panel{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}}