/* The language links keep the v08.14 button geometry and glass surface. */
.language-switch a{display:inline-flex;align-items:center;justify-content:center;border:0;width:36px;min-width:36px;min-height:36px;padding:6px;font-size:11px;font-weight:800;line-height:1.2;border-radius:99px;background:transparent;color:var(--surface-ink,var(--ink));perspective:160px}
.language-switch a[aria-current]{background:rgba(255,255,255,.88);box-shadow:0 1px 4px rgba(31,66,116,.07)}
.language-switch a:hover{background:#fff}
.language-switch a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.language-flag{position:relative;display:none;width:22px;height:15px;flex:none;transform-style:preserve-3d}
.language-switch a[aria-current] .language-flag{display:block}
.language-switch a[aria-current] .language-code{display:none}
.flag-face{position:absolute;inset:0;display:block;border-radius:3px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 .5px #16334e1f,0 2px 4px #12335320}
.flag-face::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff20,transparent 55%);box-shadow:inset 0 .5px 0 #ffffff45}
.flag-face svg{display:block;width:100%;height:100%}
.flag-back{transform:rotateY(180deg)}
/* Capture only the selected flag; the page language changes at the flip's midpoint. */
@view-transition{navigation:auto}
html.is-language-transition .language-switch a[aria-current] .language-flag{view-transition-name:locale-flag}
html.is-language-transition::view-transition-group(locale-flag){animation-duration:420ms;animation-timing-function:cubic-bezier(.4,0,.2,1)}
html.is-language-transition::view-transition-image-pair(locale-flag){perspective:160px;overflow:visible}
html.is-language-transition::view-transition-old(locale-flag){animation:locale-flag-out 420ms cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal;backface-visibility:hidden}
html.is-language-transition::view-transition-new(locale-flag){animation:locale-flag-in 420ms cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal;backface-visibility:hidden}
html.is-language-transition::view-transition-old(root){animation:locale-page-out 420ms linear both;mix-blend-mode:normal}
html.is-language-transition::view-transition-new(root){animation:locale-page-in 420ms linear both;mix-blend-mode:normal}
@keyframes locale-flag-out{0%{opacity:1;transform:rotateY(0) scale(1)}49%{opacity:1;transform:rotateY(89deg) scale(.88)}50%,100%{opacity:0;transform:rotateY(90deg) scale(.88)}}
@keyframes locale-flag-in{0%,50%{opacity:0;transform:rotateY(-90deg) scale(.88)}51%{opacity:1;transform:rotateY(-89deg) scale(.88)}100%{opacity:1;transform:rotateY(0) scale(1)}}
@keyframes locale-page-out{0%,49.99%{opacity:1}50%,100%{opacity:0}}
@keyframes locale-page-in{0%,49.99%{opacity:0}50%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.001ms!important;animation-delay:0s!important}}
html.no-motion::view-transition-group(*),html.no-motion::view-transition-old(*),html.no-motion::view-transition-new(*){animation-duration:.001ms!important;animation-delay:0s!important}
html[lang=de] .hero h1{font-size:clamp(40px,4.1vw,64px)}
html[lang=de] .hero .actions{gap:10px}
html[lang=de] .hero .button,html[lang=de] .hero .text-button{white-space:normal;text-align:left;max-width:100%}
html[lang=de] .nav-links>a{padding-left:13px;padding-right:13px}
html[lang=de] .detail-text h2,html[lang=de] .contact-panel h2{overflow-wrap:break-word;hyphens:auto}
html[lang=de] .plan-step-title,html[lang=de] .plan-step-description{overflow-wrap:break-word;hyphens:auto}
@media(min-width:781px) and (max-width:1100px){html[lang=de] .hero h1{font-size:clamp(36px,4.05vw,46px)}html[lang=de] .nav-links>a{padding-left:9px;padding-right:9px}}
@media(max-width:780px){.language-switch a{width:31px;min-width:31px;min-height:32px;padding:4px}html[lang=de] .hero h1{font-size:clamp(35px,7vw,53px)}html[lang=de] .daily-tabs button{font-size:11.5px}html[lang=de] .text-button.small{white-space:normal;text-align:left;max-width:100%}html[lang=de] .contact-panel h2{font-size:36px}html[lang=de] .daily-copy h3{font-size:29px}}
@media(forced-colors:active){.language-switch a{color:CanvasText}.language-switch a[aria-current]{background:Highlight;color:HighlightText}}