.ss-hero{box-sizing:border-box;--ss-night:#0b1020;--ss-gold:#d4af37;--ss-hover:#e6c86e;--ss-white:#f5f2e8;--ss-text:#c9cdd8;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;min-height:max(var(--ss-min-height,820px),var(--ss-card-fit-height,0px));height:calc(100svh - var(--ss-header-height,90px));max-height:1100px;background:var(--ss-night);color:var(--ss-white);font-family:Arial,Helvetica,sans-serif;text-align:left}
.ss-hero.ss-full-width{width:var(--ss-viewport-width,100%)!important;max-width:none!important;margin-left:var(--ss-bleed-offset,0px)!important;margin-right:0!important}
.ss-hero *,.ss-hero *::before,.ss-hero *::after{box-sizing:border-box}
.ss-hero button,.ss-hero a{-webkit-tap-highlight-color:transparent}
.ss-hero button{font:inherit;cursor:pointer}
.ss-hero [hidden]{display:none!important}
.ss-hero .ss-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 48%,rgba(45,65,107,.3),transparent 46%),radial-gradient(ellipse at 10% 12%,rgba(53,69,104,.16),transparent 40%),radial-gradient(ellipse at 88% 90%,rgba(90,68,36,.13),transparent 42%)}
.ss-hero .ss-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ss-hero .ss-orbit{position:absolute;left:50%;top:50%;width:clamp(380px,45cqw,720px);height:clamp(380px,45cqw,720px);transform:translate(-50%,-50%);border:1px solid rgba(212,175,55,.055);border-radius:50%;pointer-events:none}
.ss-hero .ss-orbit::after{content:"";position:absolute;inset:34px;border:1px solid rgba(212,175,55,.04);border-radius:50%}
.ss-hero .ss-topline{position:absolute;top:27px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ss-text);font-size:10px;letter-spacing:2.6px;text-transform:uppercase;pointer-events:none}
.ss-hero .ss-topline span:first-child::before{content:"✦";margin-right:12px;color:var(--ss-gold);font-size:15px}
.ss-hero .ss-sky{position:absolute;inset:0;z-index:2;pointer-events:none}
.ss-hero .ss-sign{position:absolute;left:var(--x);top:var(--y);width:clamp(120px,12cqw,220px);min-height:135px;padding:10px 8px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px;transform:translate(-50%,-50%) translate(var(--ss-px,0px),calc(var(--ss-py,0px) + var(--ss-scroll-shift,0px)*var(--ss-sign-depth,.5)));color:var(--ss-text);pointer-events:auto;text-align:center;outline-offset:6px;touch-action:manipulation}
.ss-hero .ss-sign:focus-visible{outline:2px solid var(--ss-gold)}
.ss-hero .ss-sign-graphic{display:contents}
.ss-hero .ss-sign svg{display:block;width:100%;height:clamp(90px,7.5cqw,140px);overflow:visible}
.ss-hero .ss-lines{fill:none;stroke:var(--ss-line);stroke-width:.8;opacity:.42;transition:stroke .25s,opacity .25s}
.ss-hero .ss-star{fill:var(--ss-star);transition:fill .25s;filter:drop-shadow(0 0 3px rgba(191,214,255,.45))}
.ss-hero .ss-flare{stroke:var(--ss-star);stroke-width:.6;opacity:.65}
.ss-hero .ss-sign-name{display:block;margin-top:11px;font-size:11px;letter-spacing:2.1px;text-transform:uppercase;color:#b4bbcb;transition:color .25s}
.ss-hero .ss-sign.is-active .ss-lines{stroke:var(--ss-gold);opacity:1}
.ss-hero .ss-sign.is-active .ss-star{fill:var(--ss-hover);filter:drop-shadow(0 0 5px rgba(230,200,110,.8))}
.ss-hero .ss-sign.is-active .ss-flare{stroke:var(--ss-hover);opacity:1}
.ss-hero .ss-sign.is-active .ss-sign-name{color:var(--ss-hover)}
.ss-hero .ss-copy{position:absolute;top:50%;left:50%;width:min(680px,54%);transform:translate(-50%,-50%);z-index:3;text-align:center;pointer-events:none}
.ss-hero .ss-eyebrow{margin:0 0 20px;color:var(--ss-gold);font-size:10px;letter-spacing:4px;text-transform:uppercase}
.ss-hero .ss-title{margin:0;color:var(--ss-white);font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6cqw,70px);font-weight:400;line-height:1.13;letter-spacing:-1.6px}
.ss-hero .ss-title em{font-weight:400;font-size:.92em;color:var(--ss-hover)}
.ss-hero .ss-description{max-width:390px;margin:23px auto 28px;color:var(--ss-text);font-size:14px;line-height:1.7;letter-spacing:.1px}
.ss-hero .ss-main-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:15px 27px;border:1px solid var(--ss-button_bg,var(--ss-gold));border-radius:3px;color:var(--ss-button_text,var(--ss-night))!important;background:var(--ss-button_bg,var(--ss-gold));text-decoration:none!important;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;pointer-events:auto;transition:background .2s,color .2s}
.ss-hero .ss-main-link:hover{background:var(--ss-button_hover_bg,var(--ss-hover));border-color:var(--ss-button_hover_bg,var(--ss-hover));color:var(--ss-button_hover_text,var(--ss-night))!important}
.ss-hero a:focus-visible,.ss-hero .ss-chip:focus-visible,.ss-hero .ss-close:focus-visible{outline:2px solid var(--ss-hover);outline-offset:4px}
.ss-hero .ss-bottomline{position:absolute;bottom:28px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;letter-spacing:1.6px;color:#aab3c7;z-index:3;pointer-events:none}
.ss-hero .ss-bottomline span:first-child{display:flex;align-items:center;gap:12px}
.ss-hero .ss-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--ss-gold);box-shadow:0 0 8px rgba(212,175,55,.5)}
.ss-hero .ss-card{position:absolute;bottom:var(--ss-card-bottom,78px);left:50%;transform:translateX(-50%);width:min(414px,30%);padding:23px 25px 21px;background:var(--ss-gold);color:var(--ss-night);z-index:5;border-radius:3px;box-shadow:0 16px 70px rgba(0,0,0,.3);animation:ss-card-in .2s ease-out}
.ss-hero .ss-card-kicker{margin:0 0 9px;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ss-night)}
.ss-hero .ss-card-title{margin:0 0 10px;color:var(--ss-night);font:400 28px/1.2 Georgia,'Times New Roman',serif}
.ss-hero .ss-card-text{max-width:330px;margin:0 0 18px;color:var(--ss-night);font-size:13px;line-height:1.6}
.ss-hero .ss-card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(11,16,32,.25);padding-top:13px;color:var(--ss-night)!important;text-decoration:none!important;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.ss-hero .ss-card-link:hover{text-decoration:underline!important}
.ss-hero .ss-close{box-shadow:none!important;border-radius:0;position:absolute;right:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:transparent!important;color:var(--ss-night);font-size:24px;font-weight:400;line-height:1}
.ss-hero .ss-card a:focus-visible,.ss-hero .ss-close:focus-visible{outline-color:var(--ss-night)}
.ss-hero .ss-chips,.ss-hero .ss-dropdown{display:none}
.ss-hero .ss-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes ss-card-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:1000px) and (min-width:761px){.ss-hero .ss-sign{width:110px}.ss-hero .ss-title{font-size:clamp(38px,4.6cqw,46px)}.ss-hero .ss-copy{width:54%}.ss-hero .ss-description{font-size:13px}.ss-hero .ss-sign-name{font-size:9px;letter-spacing:1.5px}}
@media(max-width:760px){
.ss-hero{height:auto;max-height:none;min-height:0;padding:var(--ss-mobile-top,83px) 20px 32px;display:flex;flex-direction:column}
.ss-hero .ss-topline{left:22px;right:22px;top:25px;font-size:9px;letter-spacing:1.6px}
.ss-hero .ss-topline span:last-child{display:none}
.ss-hero .ss-orbit{top:485px;width:260px;height:260px;display:none}
.ss-hero .ss-copy{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0 auto;max-width:440px;order:1}
.ss-hero .ss-title{font-size:52px;letter-spacing:-1.3px}
.ss-hero .ss-eyebrow{font-size:9px;margin-bottom:19px;letter-spacing:3px}
.ss-hero .ss-description{font-size:14px;max-width:295px;margin:20px auto 23px}
.ss-hero .ss-sky{position:relative;top:auto;height:var(--ss-mobile-sky-height,150px);bottom:auto;inset:auto;width:100%;margin:var(--ss-mobile-graphic-gap,16px) auto 0;flex:none;order:2}
.ss-hero .ss-sign{display:none;left:50%!important;top:50%!important;width:var(--ss-mobile-art-width,210px);max-width:100%;min-height:0;padding:0;transform:translate(-50%,-50%)!important}
.ss-hero .ss-sign-graphic{display:block;position:relative;width:100%;height:var(--ss-mobile-art-space,150px)}
.ss-hero .ss-sign svg{position:absolute;left:50%;top:50%;width:100%;height:var(--ss-mobile-art-height,120px)}
.ss-hero .ss-sign.is-active{display:block}
.ss-hero .ss-sign-name{font-size:11px}
.ss-hero .ss-chips{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:460px;margin:var(--ss-mobile-selection-gap,16px) auto 0;order:3;width:100%}
.ss-hero .ss-chip{min-height:44px;padding:10px 5px;border:1px solid #34415a;border-radius:3px;background:rgba(11,16,32,.7);color:var(--ss-text);font-size:11px}
.ss-hero .ss-chip[aria-pressed="true"]{background:var(--ss-gold);border-color:var(--ss-gold);color:var(--ss-night)}
.ss-hero .ss-card{position:relative;bottom:auto;left:auto;transform:none;width:100%;max-width:460px;margin:18px auto 0;padding:23px;order:4}
.ss-hero .ss-bottomline{position:relative;left:auto;right:auto;bottom:auto;margin-top:25px;order:5;justify-content:center;text-align:center;font-size:9px;line-height:1.6}
.ss-hero .ss-bottomline span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.ss-hero *,.ss-hero *::before,.ss-hero *::after{animation:none!important;transition:none!important}}

.ss-hero.ss-motion-off *,.ss-hero.ss-motion-off *::before,.ss-hero.ss-motion-off *::after{animation:none!important;transition:none!important}
.ss-hero .ss-description,.ss-hero .ss-main-link,.ss-hero .ss-topline,.ss-hero .ss-bottomline{overflow-wrap:anywhere}
.ss-hero .ss-title{overflow-wrap:normal}
.ss-hero .ss-topline span{max-width:48%}
.ss-hero .ss-card-title{padding-right:28px}

/* Schriftgrößen und -familien aus der Einstellungsseite. */
.ss-hero{font-family:var(--ss-font-body,Arial,Helvetica,sans-serif)}
.ss-hero .ss-topline span:first-child{font-size:var(--ss-size-brand,10px);font-family:var(--ss-type-font-brand,inherit)}
.ss-hero .ss-topline span:last-child{font-size:var(--ss-size-topline,10px);font-family:var(--ss-type-font-topline,inherit)}
.ss-hero .ss-eyebrow{font-size:var(--ss-size-eyebrow,10px);font-family:var(--ss-type-font-eyebrow,inherit)}
.ss-hero .ss-title{font-size:calc(var(--ss-size-heading,70px) * var(--ss-type-scale,1));font-family:var(--ss-type-font-heading,inherit)}
.ss-hero .ss-title em{font-size:calc(var(--ss-size-heading_accent,64px) * var(--ss-type-scale,1));font-family:var(--ss-type-font-heading_accent,inherit)}
.ss-hero .ss-description{font-size:var(--ss-size-description,14px);font-family:var(--ss-type-font-description,inherit)}
.ss-hero .ss-main-link{font-size:var(--ss-size-button_label,11px);font-family:var(--ss-type-font-button_label,inherit)}
.ss-hero .ss-sign-name{font-size:var(--ss-size-sign_name,11px);font-family:var(--ss-type-font-sign_name,inherit)}
.ss-hero .ss-card-kicker{font-size:var(--ss-size-card_kicker,9px);font-family:var(--ss-type-font-card_kicker,inherit)}
.ss-hero .ss-card-title{font-size:var(--ss-size-card_heading,28px);font-family:var(--ss-type-font-card_heading,inherit)}
.ss-hero .ss-card-text{font-size:var(--ss-size-card_text,13px);font-family:var(--ss-type-font-card_text,inherit)}
.ss-hero .ss-card-link{font-size:var(--ss-size-card_button,11px);font-family:var(--ss-type-font-card_button,inherit)}
.ss-hero .ss-card-icon{font-size:var(--ss-size-card_icon,28px);font-family:var(--ss-type-font-card_icon,inherit)}
.ss-hero .ss-close{font-size:var(--ss-size-close,24px);font-family:var(--ss-type-font-close,inherit)}
.ss-hero .ss-hint{font-size:var(--ss-size-desktop_hint,10px);font-family:var(--ss-type-font-desktop_hint,inherit)}
.ss-hero .ss-bottomline>span:last-child{font-size:var(--ss-size-footer,10px);font-family:var(--ss-type-font-footer,inherit)}

.ss-hero .ss-card{background:var(--ss-card_bg,var(--ss-gold));color:var(--ss-card_text,var(--ss-night))}
.ss-hero .ss-card-kicker,.ss-hero .ss-card-title,.ss-hero .ss-card-text,.ss-hero .ss-close{color:var(--ss-card_text,var(--ss-night))}
.ss-hero .ss-card-link{color:var(--ss-card_text,var(--ss-night))!important;border-top-color:currentColor}
.ss-hero .ss-card a:focus-visible,.ss-hero .ss-close:focus-visible{outline-color:var(--ss-card_text,var(--ss-night))}
.ss-hero .ss-card-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-right:24px;line-height:1.25}
.ss-hero .ss-card-name{overflow-wrap:anywhere}
.ss-hero .ss-card-icon{display:inline-grid;place-items:center;flex:none;width:1em;height:1em;border:0;border-radius:0;background:transparent;padding:0;color:var(--ss-icon_color,var(--ss-night));line-height:1}
.ss-hero .ss-import-line{fill:none;vector-effect:non-scaling-stroke;stroke-width:1}
.ss-hero .ss-import-star{stroke:none}
.ss-hero .ss-sign{transition:transform .28s ease}
@media(hover:hover) and (pointer:fine) and (min-width:761px){
.ss-hero .ss-sign:hover,.ss-hero .ss-sign:focus-visible{transform:translate(-50%,-50%) translate(var(--ss-px,0px),calc(var(--ss-py,0px) + var(--ss-scroll-shift,0px)*var(--ss-sign-depth,.5))) scale(var(--ss-hover-scale,1.15));z-index:1}
.ss-hero.ss-motion-off .ss-sign:hover,.ss-hero.ss-motion-off .ss-sign:focus-visible{transform:translate(-50%,-50%)}
}
@media(prefers-reduced-motion:reduce){.ss-hero .ss-sign:hover,.ss-hero .ss-sign:focus-visible{transform:translate(-50%,-50%)}}
@media(max-width:760px){
.ss-hero .ss-topline span:first-child{font-size:var(--ss-mobile-brand,10px)}
.ss-hero .ss-topline span:last-child{font-size:var(--ss-mobile-topline,10px)}
.ss-hero .ss-eyebrow{font-size:var(--ss-mobile-eyebrow,9px)}
.ss-hero .ss-title{font-size:var(--ss-mobile-heading,52px)}
.ss-hero .ss-title em{font-size:var(--ss-mobile-heading_accent,48px)}
.ss-hero .ss-description{font-size:var(--ss-mobile-description,14px)}
.ss-hero .ss-main-link{font-size:var(--ss-mobile-button_label,11px)}
.ss-hero .ss-sign-name{display:none!important}
.ss-hero .ss-card-kicker{font-size:var(--ss-mobile-card_kicker,9px)}
.ss-hero .ss-card-title{font-size:var(--ss-mobile-card_heading,28px)}
.ss-hero .ss-card-text{font-size:var(--ss-mobile-card_text,13px)}
.ss-hero .ss-card-link{font-size:var(--ss-mobile-card_button,11px)}
.ss-hero .ss-card-icon{font-size:var(--ss-mobile-card_icon,28px)}
.ss-hero .ss-close{font-size:var(--ss-mobile-close,24px)}
.ss-hero .ss-bottomline>span:last-child{font-size:var(--ss-mobile-footer,10px)}
.ss-hero .ss-chip{font-size:clamp(10px,var(--ss-selector-size,12px),16px);font-family:var(--ss-type-font-selector,var(--ss-font-body,inherit))}
.ss-hero .ss-hint{font-size:var(--ss-mobile-mobile_hint,9px);font-family:var(--ss-type-font-mobile_hint,inherit)}
}

/* Frei färbbare SVG-Zeichen ohne Badge. */
.ss-hero .ss-card-icon svg{display:block;width:100%;height:100%;overflow:visible}
.ss-hero .ss-topline>span:last-child{margin-left:auto}
.ss-hero .ss-sign-name:empty{display:none}
@media(max-width:760px){
.ss-hero .ss-sign svg{max-width:none;max-height:none;transform:translate(-50%,-50%) translateY(var(--ss-mobile-drift,0px));transform-origin:center;transition:none}
.ss-hero .ss-chip{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;letter-spacing:0;padding:10px 5px;box-shadow:none!important;background:var(--ss-selector-fill,var(--ss-night));border:var(--ss-selector-border,1px solid #34415a);color:var(--ss-selector_text,var(--ss-text))}
.ss-hero .ss-chip[aria-pressed="true"]{background:var(--ss-selector-active-fill,var(--ss-gold));border:var(--ss-selector-border,1px solid #34415a);color:var(--ss-selector_active_text,var(--ss-night));font-weight:700}
.ss-hero .ss-dropdown{position:relative;z-index:3;width:100%;max-width:460px;margin:var(--ss-mobile-selection-gap,16px) auto 0;order:3}
.ss-hero.ss-selector-dropdown .ss-chips{display:none}
.ss-hero.ss-selector-dropdown .ss-dropdown{display:block}
.ss-hero .ss-select{display:block;width:100%;max-width:100%;min-width:0;height:auto;min-height:48px;padding:12px 36px 12px 14px;border:var(--ss-selector-border,1px solid #34415a);border-radius:3px;background-color:var(--ss-selector-fill,var(--ss-night));color:var(--ss-selector_text,var(--ss-text));font-family:var(--ss-type-font-selector,var(--ss-font-body,inherit));font-size:clamp(10px,var(--ss-selector-size,12px),16px);line-height:1.4;box-shadow:none;cursor:pointer}
.ss-hero .ss-select option{background:var(--ss-night);color:var(--ss-selector_text,var(--ss-text))}
.ss-hero .ss-select:focus-visible{outline:2px solid var(--ss-hover);outline-offset:4px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.ss-hero .ss-sign svg{transform:translate(-50%,-50%)!important}}
@media(max-width:760px){.ss-hero.ss-motion-off .ss-sign svg{transform:translate(-50%,-50%)!important}}

/* Platz für alle Infotexte reservieren, bevor eine Karte geöffnet wird. */
.ss-hero .ss-card.ss-card-measure{position:absolute!important;top:0!important;bottom:auto!important;left:50%!important;margin:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important;transition:none!important;transform:translateX(-50%)!important;display:block!important;z-index:-1}
@keyframes ss-constellation-twinkle{0%,100%{opacity:.5;filter:drop-shadow(0 0 2px currentColor)}45%{opacity:1;filter:drop-shadow(0 0 7px currentColor) brightness(1.8)}70%{opacity:.72;filter:drop-shadow(0 0 3px currentColor)}}
@media(max-width:760px){
.ss-hero.ss-mobile-twinkle .ss-sign.is-active .ss-star{animation:ss-constellation-twinkle var(--ss-star-duration,4s) ease-in-out var(--ss-star-delay,0s) infinite}
}

@media(min-width:761px){
.ss-hero .ss-sign{width:calc(var(--ss-desktop-base-width,clamp(120px,12cqw,220px))*var(--ss-desktop-art-size,1));min-height:0}
.ss-hero .ss-sign-graphic{display:block;position:relative;width:100%;height:calc(clamp(90px,7.5cqw,140px)*var(--ss-desktop-art-size,1)*var(--ss-desktop-fit-zoom,1))}
.ss-hero .ss-sign svg{position:absolute;left:50%;top:50%;height:calc(clamp(90px,7.5cqw,140px)*var(--ss-desktop-art-size,1));transform:translate(-50%,-50%) scale(var(--ss-desktop-scale,1));transform-origin:center}
}
@media(max-width:1000px) and (min-width:761px){.ss-hero{--ss-desktop-base-width:110px}}
@media(max-width:760px){
.ss-hero .ss-sign{padding-left:0;padding-right:0}
.ss-hero .ss-sign-name{margin-top:var(--ss-mobile-label-gap,11px);overflow-wrap:anywhere}
.ss-hero .ss-sign-name,.ss-hero .ss-sign.is-active .ss-sign-name{color:var(--ss-mobile_label,var(--ss-hover))}
}
@media(prefers-reduced-motion:reduce){.ss-hero{--ss-desktop-fit-zoom:1!important}}