@font-face{font-family:OranienWordmark;src:url('./assets/manrope-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
.top .wordmark,header .wordmark-text{font-family:OranienWordmark,Manrope,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.055em;line-height:1;color:#f7f8f4;text-shadow:0 2px 18px #00000025}
.top .wordmark b{color:inherit;font-weight:inherit}
@media(max-width:580px){.top .wordmark,header .wordmark-text{font-size:22px}}
header .wordmark-text b{color:inherit;font-weight:inherit}
/* Einheitlicher Hover: orange Linie wächst aus der Mitte (Kopf- und Fußzeilen aller Seiten). */
.top nav a,header nav>a:not(.nav-cta),.about-back,.help-back,.footer a,footer nav a{position:relative;text-decoration:none;transition:color .32s ease}
.top nav a:hover,header nav>a:not(.nav-cta):hover,.about-back:hover,.help-back:hover,.footer a:hover,footer nav a:hover{text-decoration:none;color:#fff}
.top nav a:after,header nav>a:not(.nav-cta):after,.about-back:after,.help-back:after,.footer a:after,footer nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:2px;border-radius:99px;background:linear-gradient(90deg,#d96f21,#ffad4c,#d96f21);opacity:0;box-shadow:0 0 0 #ed8a3200;pointer-events:none;transition:left .34s cubic-bezier(.2,.7,.2,1),right .34s cubic-bezier(.2,.7,.2,1),opacity .22s ease,box-shadow .34s ease}
.top nav a:hover:after,.top nav a:focus-visible:after,header nav>a:not(.nav-cta):hover:after,header nav>a:not(.nav-cta):focus-visible:after,.about-back:hover:after,.about-back:focus-visible:after,.help-back:hover:after,.help-back:focus-visible:after,.footer a:hover:after,.footer a:focus-visible:after,footer nav a:hover:after,footer nav a:focus-visible:after{left:0;right:0;opacity:1;box-shadow:0 4px 16px #ed8a3261}
footer nav a{align-self:flex-start}
@media(prefers-reduced-motion:reduce){.top nav a:after,header nav>a:not(.nav-cta):after,.about-back:after,.help-back:after,.footer a:after,footer nav a:after{transition:none}}
/* Auch der Schriftzug oben links bekommt die orange Hover-Linie. */
.top .wordmark,header .wordmark-text{position:relative;text-decoration:none}
.top .wordmark:after,header .wordmark-text:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:2px;border-radius:99px;background:linear-gradient(90deg,#d96f21,#ffad4c,#d96f21);opacity:0;box-shadow:0 0 0 #ed8a3200;pointer-events:none;transition:left .34s cubic-bezier(.2,.7,.2,1),right .34s cubic-bezier(.2,.7,.2,1),opacity .22s ease,box-shadow .34s ease}
.top .wordmark:hover:after,.top .wordmark:focus-visible:after,header .wordmark-text:hover:after,header .wordmark-text:focus-visible:after{left:0;right:0;opacity:1;box-shadow:0 4px 16px #ed8a3261}
.about-back{color:#c7d1cc}
@media(prefers-reduced-motion:reduce){.top .wordmark:after,header .wordmark-text:after{transition:none}}