/* Website orientation, 10 September 2026. Existing Chrome Pulse 04 tokens. */
:root { --wayfinding-content-gap:24px; }
.wayfinding-mobile { display:none; }
.wayfinding-inline-ancestors { display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap; }
.wayfinding-mobile .wayfinding-ancestors,.wayfinding-collapsed-separator { display:none; }
.wayfinding-mobile.is-collapsed .wayfinding-inline-ancestors { display:none; }
.wayfinding-mobile.is-collapsed .wayfinding-ancestors,.wayfinding-mobile.is-collapsed .wayfinding-collapsed-separator { display:block; }
.wayfinding-mobile:not([data-fitted]) { overflow-x:auto; }
@media(max-width:780px){
 .wayfinding-desktop{display:none!important;}
 .wayfinding-mobile{display:flex;align-items:center;gap:10px;width:100%;min-width:0;color:#aec8d5;font-size:15px;}
 .wayfinding-mobile a{color:#aec8d5;text-decoration:none;}
 .wayfinding-home,.wayfinding-ancestors{flex:none;}
 .wayfinding-home{min-width:30px;text-align:center;font-size:23px;}
 .wayfinding-current{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:650;color:#edf7fb;}
 .wayfinding-ancestors{position:relative;}
 .wayfinding-ancestors>summary{list-style:none;cursor:pointer;min-width:34px;min-height:40px;text-align:center;line-height:40px;font-size:23px;}
 .wayfinding-ancestors>summary::-webkit-details-marker{display:none;}
 .wayfinding-ancestors>ol{position:absolute;top:42px;left:-45px;z-index:20;width:min(260px,70vw);display:block!important;background:#0d202c;border:1px solid #385d6d;border-radius:12px;padding:10px!important;box-shadow:0 12px 28px #0008;}
 .wayfinding-ancestors li{display:block!important;}
 .wayfinding-ancestors li::before{display:none!important;}
 .wayfinding-ancestors a{display:block;padding:12px;font-size:16px;}
}
.mobile-nav-guide-divider { display:none; }
.site-wayfinding { position:relative; z-index:2; padding-top:clamp(120px,10vw,158px); padding-bottom:0; color:#b1c3ce; }
.site-wayfinding__top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 24px; padding-bottom:var(--wayfinding-content-gap); border-bottom:1px solid rgba(118,221,245,.24); }
.site-wayfinding ol { display:flex; flex-wrap:wrap; gap:0; margin:0; padding:0; list-style:none; font:500 14px/1.5 var(--body); }
.site-wayfinding li { display:flex; align-items:baseline; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.site-wayfinding li > :is(a,span) { display:inline-block; min-width:0; padding:11px 0; }
.site-wayfinding li+li::before { content:'/'; padding:0 10px; color:#64808f; }
.site-wayfinding a { color:#b1c3ce; text-decoration:none; }
.site-wayfinding a:hover { color:#78e5fc; }
.site-wayfinding [aria-current] { color:#eff7fb; font-weight:700; }
.site-wayfinding__help { color:#76e9ff!important; font:700 14px/1.5 var(--body); }
.site-wayfinding ~ main { padding-top:var(--wayfinding-content-gap)!important; margin-top:0!important; }
/* The old hero margin cleared the fixed header. Wayfinding now owns that space. */
.site-wayfinding ~ main > .page-hero:first-child { margin-top:0; }
.site-wayfinding ~ main > .race-page-hero:first-child { padding-top:0; }
.member-area-nav__links { display:flex; align-items:stretch; flex-wrap:wrap; gap:4px 8px; padding-top:12px; }
.member-area-nav a { display:block; padding:12px 14px; border-bottom:2px solid transparent; font:600 15px/1.4 var(--body); }
.member-area-nav a[aria-current] { color:#76e9ff; border-color:#76e9ff; background:linear-gradient(0deg,rgba(118,233,255,.09),transparent); }
.member-area-nav .member-area-nav__team { margin-left:auto; border-left:1px solid rgba(118,221,245,.24); color:#ffc978; }
.member-area-nav__mobile { display:none; }
.site-wayfinding :is(a,summary):focus-visible,.wayfinder-shell a:focus-visible,.member-overview a:focus-visible { outline:2px solid #76e9ff; outline-offset:4px; }
[data-member-panel][hidden] { display:none!important; }
.site-nav__race[hidden], .mobile-nav-section-label[data-race-section][hidden] { display:none!important; }
@media(max-width:360px) {
    .site-header .site-nav > a, .admin-bar nav > a { padding-left:6px; padding-right:6px; }
}
.member-dashboard.has-area-navigation > [data-member-panel] { margin-top:0; }
.member-dashboard.has-area-navigation > .member-priority-strip { margin-bottom:28px; }
.member-dashboard.has-area-navigation .member-welcome { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; margin-bottom:24px; padding:24px 28px; }
.member-dashboard.has-area-navigation .member-welcome__copy,.member-dashboard.has-area-navigation .member-welcome__copy > div { display:block; }
.member-dashboard.has-area-navigation .member-welcome__copy .micro-label { margin:0; }
.member-dashboard.has-area-navigation .member-welcome__copy h1 { margin:12px 0; font-size:clamp(32px,3.5vw,48px); line-height:1.05; }
.member-dashboard.has-area-navigation .member-welcome__copy > div > p { max-width:650px; margin:0; font-size:16px; line-height:1.5; }
.member-overview { padding-bottom:28px; }
.member-overview > h2 { margin:0 0 20px; font:750 clamp(28px,3vw,40px)/1.1 var(--display); color:#eef7fb; }
.member-overview__routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid rgba(118,221,245,.25); border-radius:6px 28px 6px 6px; overflow:hidden; }
.member-overview__routes a { display:flex; flex-direction:column; gap:10px; padding:24px; min-width:0; color:#eef7fb; text-decoration:none; border-right:1px solid rgba(118,221,245,.2); border-bottom:1px solid rgba(118,221,245,.2); background:linear-gradient(135deg,rgba(16,39,53,.8),rgba(5,14,23,.8)); }
.member-overview__routes a:nth-child(3n) { border-right:0; }
.member-overview__routes a:nth-last-child(-n+3) { border-bottom:0; }
.member-overview__routes strong { font:750 23px/1.2 var(--display); }
.member-overview__routes span { color:#9eb4c1; font-size:16px; line-height:1.5; }
.member-overview__routes b { color:#76e9ff; font:650 14px/1.5 var(--body); margin-top:auto; }
.member-overview__routes a:hover { background:#112632; }
.member-overview__help { margin-top:22px; color:#9eb4c1; font-size:16px; line-height:1.6; }
.member-overview__help a { color:#76e9ff; }
.member-dashboard.has-area-navigation .member-zone-heading h2 { line-height:1.05; }
.member-dashboard.has-area-navigation [data-member-panel]:focus { outline:none; }
.wayfinder-shell { padding-bottom:80px; }
.wayfinder-intro { max-width:850px; margin-bottom:40px; }
.wayfinder-intro h1 { margin:14px 0; font:800 clamp(38px,5vw,72px)/1.08 var(--display); letter-spacing:-.04em; color:#eef7fb; }
.wayfinder-intro h1 em { color:#76e9ff; font-weight:300; font-style:normal; }
.wayfinder-intro p,.wayfinder-group > p { color:#9eb4c1; font-size:16px; line-height:1.6; }
.wayfinder-intro .micro-label { color:#76e9ff; font-size:14px; }
.wayfinder-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; align-items:start; }
.wayfinder-group { min-width:0; border-top:2px solid #60cce7; padding-top:20px; }
.wayfinder-group h2 { margin:0; font:750 28px/1.2 var(--display); color:#eef7fb; }
.wayfinder-group ul { list-style:none; margin:18px 0 0; padding:0; }
.wayfinder-group li { border-top:1px solid rgba(118,221,245,.19); }
.wayfinder-group a { display:block; position:relative; padding:16px 32px 16px 0; text-decoration:none; }
.wayfinder-group a::after { content:'→'; position:absolute; top:18px; right:4px; color:#76e9ff; }
.wayfinder-group a:hover strong { color:#76e9ff; }
.wayfinder-group strong { display:block; color:#e5f0f6; font-size:18px; line-height:1.4; }
.wayfinder-group span { display:block; margin-top:4px; color:#9eb4c1; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
@media(max-width:900px) {
    .site-wayfinding { padding-top:118px; }
    .member-area-nav__links { display:none; }
    .member-area-nav__mobile { display:block; border-bottom:1px solid rgba(118,221,245,.24); margin-top:12px; }
    .member-area-nav__mobile > summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:14px 4px; color:#adc2cf; font-size:14px; cursor:pointer; }
    .member-area-nav__mobile summary strong { color:#76e9ff; font-size:16px; }
    .member-area-nav__mobile summary strong::after { content:' +'; padding-left:8px; }
    .member-area-nav__mobile[open] summary strong::after { content:' −'; }
    .member-area-nav__mobile > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:12px; }
    .member-area-nav__mobile a { font-size:15px; }
    .member-overview__routes { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .member-overview__routes a:nth-child(n) { border-right:1px solid rgba(118,221,245,.2); border-bottom:1px solid rgba(118,221,245,.2); }
    .member-overview__routes a:nth-child(2n) { border-right:0; }
    .member-overview__routes a:nth-last-child(-n+2) { border-bottom:0; }
}
@media(max-width:600px) {
    .site-wayfinding { padding-top:112px; }
    .site-wayfinding__top { align-items:flex-start; gap:10px; }
    .site-wayfinding ol { font-size:14px; }
    .wayfinder-groups { grid-template-columns:1fr; gap:32px; }
    .member-overview__routes { grid-template-columns:1fr; }
    .member-overview__routes a:nth-child(n) { border-right:0; border-bottom:1px solid rgba(118,221,245,.2); padding:22px; }
    .member-overview__routes a:last-child { border-bottom:0; }
    .member-overview__routes strong { font-size:22px; }
    .member-dashboard.has-area-navigation .member-welcome__state { justify-items:start; }
    .member-dashboard.has-area-navigation .member-welcome { grid-template-columns:minmax(0,1fr); gap:16px; padding:20px; }
    .member-dashboard.has-area-navigation .member-role-badge { display:none; }
    .member-dashboard.has-area-navigation .member-welcome__shortcuts { width:100%; }
    .member-dashboard.has-area-navigation .member-priority-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .member-dashboard.has-area-navigation .member-priority-strip a { grid-column:auto; min-width:0; min-height:62px; padding:12px; white-space:normal; line-height:1.4; font-size:14px; border:0; border-bottom:1px solid rgba(118,221,245,.2); }
    .member-dashboard.has-area-navigation .member-priority-strip a:nth-child(odd) { border-right:1px solid rgba(118,221,245,.2); }
    .member-dashboard.has-area-navigation .member-priority-strip a:last-child:nth-child(odd) { grid-column:1/-1; border:0; }
}
@media(max-width:780px) {
    :root { --wayfinding-content-gap:18px; }
    .site-header .site-nav, .site-header.is-authenticated .site-nav, .admin-bar nav { row-gap:0; }
    .mobile-nav-signals { padding-bottom:20px; }
    .site-nav .mobile-nav-signal:last-child { border-bottom:0; }
    .mobile-nav-section-label { min-height:0; padding-top:20px; padding-bottom:12px; }
    .site-nav__contact .site-nav__label { width:auto; gap:7px; }
    .site-nav__contact .site-nav__label::after { margin-left:0; }
    .mobile-nav-guide-divider {
        display:block; grid-column:1/-1; height:1px; margin:20px 0 0;
        background:linear-gradient(90deg,rgba(125,233,255,.3),rgba(218,239,255,.16));
    }
    .site-header .site-nav > a.site-nav__guide,
    .admin-bar nav > a.site-nav__guide {
        grid-column:1/-1; min-height:0; padding:20px 12px; border-left:0; border-right:0;
        justify-content:flex-start; line-height:1.4;
    }
    .site-nav__guide .site-nav__label { white-space:normal; overflow-wrap:normal; }
}
/* Team workspace: one entry in the existing menu, no fixed extra toolbar. */
.site-wayfinding__trail { display:block; min-width:0; width:100%; }
@media(min-width:781px) {
    .site-header,.site-header.is-authenticated { grid-template-columns:auto minmax(0,1fr) auto; height:auto; min-height:68px; }
    .site-header .site-nav { min-width:0; height:auto; flex-wrap:wrap; gap:4px 14px; }
    .site-header .site-nav > a { font-size:14px; letter-spacing:.025em; }
    .site-header__actions,.site-header .session-status { min-width:205px; }
}
@media(min-width:781px) and (max-width:1050px) {
    .site-header,.site-header.is-authenticated { grid-template-columns:minmax(0,1fr) auto; row-gap:8px; min-height:120px; }
    .site-header .brand { grid-column:1; grid-row:1; }
    .site-header__actions { grid-column:2; grid-row:1; }
    .site-header .site-nav { grid-column:1/-1; grid-row:2; width:100%; }
    .site-wayfinding { padding-top:170px; }
}
.site-wayfinding li+li::before { content:'›'; }
.member-dashboard [hidden],.garage-shell [hidden] { display:none!important; }
.guide-chapter__body:not(:has(.guide-visual)) { grid-template-columns:minmax(0,1fr); }
.member-dashboard #streckenteam-werkzeuge { padding:0; border:0; background:none; box-shadow:none; }
.member-dashboard #streckenteam-werkzeuge::before,.member-dashboard #streckenteam-werkzeuge::after { display:none; }
.team-workspace > .member-zone-heading { margin:0 0 24px; padding:0; border:0; align-items:end; }
.team-workspace h1 { margin:12px 0 0; color:#eef7fb; font:850 clamp(32px,4vw,56px)/1.05 var(--display); letter-spacing:-.045em; overflow-wrap:anywhere; }
.team-workspace h1 em { font-style:normal; font-weight:300; color:var(--cp04-electric); }
.team-workspace__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cp04-stack-gap); align-items:stretch; }
.team-workspace__card { display:flex; flex-direction:column; min-width:0; padding:clamp(20px,2.4vw,30px); border:1px solid rgba(118,221,245,.3); border-radius:6px 26px 6px 26px; background:linear-gradient(135deg,rgba(16,39,53,.92),rgba(11,21,39,.95)); box-shadow:inset 0 1px rgba(255,255,255,.07); }
.team-workspace__index { margin-bottom:14px; color:var(--cp04-electric); font:650 13px/1.4 var(--mono); letter-spacing:.06em; }
.team-workspace__card h2 { margin:0 0 10px; color:#eff7fb; font:750 clamp(22px,2.1vw,29px)/1.15 var(--display); letter-spacing:-.02em; overflow-wrap:anywhere; }
.team-workspace__card p { margin:0 0 22px; color:#aec1ce; font:400 16px/1.55 var(--body); }
.team-workspace__actions { display:grid; gap:10px; }
.team-workspace__card p { min-height:3.1em; }
.team-workspace__actions > :is(a,button) { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:48px; padding:12px 14px; border:1px solid rgba(118,221,245,.27); background:rgba(3,12,21,.5); color:#d4e9f1; text-decoration:none; text-align:left; font:650 14px/1.45 var(--body); white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
.team-workspace__actions > .chrome-button { background:linear-gradient(130deg,#eaf7ff,#9eb9c7); color:#07121c; border-color:#d2edf5; }
.team-workspace__actions > :is(a,button):hover { border-color:var(--cp04-electric); }
.team-workspace__actions > :is(a,button):focus-visible { outline:2px solid var(--cp04-electric); outline-offset:3px; }
.team-workspace__secondary-title { margin:36px 0 18px; font:650 20px/1.3 var(--body); color:#bed0db; }
.team-workspace__grid--secondary .team-workspace__card { background:linear-gradient(135deg,rgba(13,29,41,.92),rgba(7,16,27,.95)); }
.team-workspace__help { margin:22px 0 0; font:500 14px/1.5 var(--body); }
.team-workspace__help a { color:var(--cp04-electric); }
.team-task-page .member-team-tools { display:block; }
.team-task-page .member-team-tool { border:0; background:none; }
.team-task-page .member-invitations { margin:0; }
.team-task-page .member-invitations__grid { gap:var(--cp04-stack-gap); }
/* Detached cards need their complete outline, also in the stacked mobile view. */
.team-task-page .member-invitations__grid > .member-invite-output { border:1px solid rgba(125,233,255,.22); }
.team-task-page .member-invitations > div > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:24px; align-items:end; }
.team-task-page .member-invitations > div > header h2 { margin:12px 0 0; font:800 clamp(30px,4vw,54px)/1.05 var(--display); color:#eef7fb; }
.team-task-page .member-invitations > div > header em { color:var(--cp04-electric); font-weight:300; font-style:normal; }
.team-task-page .member-invitations > div > header p { font-size:16px; line-height:1.6; color:#aec1ce; }
.team-task-page .member-invitations > div > header { align-items:start; }
.team-task-page .member-invite-output:has(> .member-event-empty) { padding:24px; }
.team-task-page .member-invite-output .member-event-empty strong { font-size:24px; line-height:1.2; }
@media(max-width:700px) {
    .team-task-page .member-invite-output:has(> .member-event-empty) { display:none; }
    .team-task-page .member-invitations > div > header { gap:16px; padding-bottom:12px; }
    .team-task-page .member-invitations > div > header p { margin-top:0; }
}
.team-task-page .member-operations { display:block; }
.team-task-page [data-team-task="fotos"] .member-operations { display:none; }
.team-task-page .member-dashboard-zone > .member-snapshots { margin-top:0; }
.team-task-page .member-team-directory { margin-top:0; }
.team-task-page .member-team-directory > summary { cursor:default; pointer-events:none; }
.team-task-page .member-team-directory > summary > i { display:none; }
.member-onsite-access > header { cursor:default; }
.member-invite-share > a { display:flex; align-items:center; justify-content:center; padding:12px 16px; color:#071019; background:#7de9ff; text-decoration:none; font:700 14px/1.4 var(--body); }
.team-task-page .team-inbox > summary { pointer-events:none; cursor:default; }
.team-task-page .team-inbox-toggle { display:none; }
@media(max-width:360px) {
    .team-task-page .team-inbox h2,.team-task-page .team-results__copy h2,.team-task-page .visitor-pulse h2 { font-size:30px; line-height:1.05; overflow-wrap:anywhere; }
}
.garage-page .garage-shell.is-create-view .garage-jump,
.garage-page .garage-shell.is-create-view > :is(.garage-section,.garage-defaults,.garage-review,.garage-sync-status,.garage-audit,.garage-archive-link) { display:none; }
.garage-page .garage-shell.is-proposal-view > :is(.garage-create,.garage-section,.garage-defaults,.garage-jump,.garage-archive-link) { display:none; }
.garage-page .garage-shell:is(.is-create-view,.is-proposal-view) .garage-hero { display:block; padding:24px; margin-bottom:var(--cp04-stack-gap); }
.garage-page .garage-shell:is(.is-create-view,.is-proposal-view) .garage-hero h1 { font-size:clamp(30px,4vw,52px); line-height:1.1; margin:12px 0; overflow-wrap:anywhere; }
.garage-page .garage-shell:is(.is-create-view,.is-proposal-view) .garage-hero p { max-width:780px; margin-bottom:0; }
.garage-page .is-create-view .garage-create > details > summary { display:none; }
.garage-page .is-create-view .garage-form__actions a { display:inline-flex; align-items:center; padding:12px 18px; border:1px solid rgba(118,221,245,.3); color:var(--cp04-electric); font:650 14px/1.4 var(--body); text-decoration:none; }
@media(max-width:1050px) { .team-workspace__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
    .team-workspace__grid { grid-template-columns:minmax(0,1fr); }
    .team-workspace > .member-zone-heading { display:block; }
    .team-workspace > .member-zone-heading > p { margin-top:16px; }
    .team-task-page .member-invitations > div > header { grid-template-columns:minmax(0,1fr); }
    .site-wayfinding ol { font-size:15px; }
    .site-wayfinding__top { padding-bottom:12px; }
    .team-workspace__card { padding:22px; }
}
@media(max-width:780px) {
    #site-nav > a[href*="bereich=team"] { grid-column:1/-1; border-right:0; }
    .mobile-nav-signals .mobile-nav-signal strong { font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
}
@media print { .site-wayfinding { display:none; } }

/* Einladungen: lesbare Herkunft und dieselbe ruhige Optionsliste auf allen Breiten. */
.member-team-directory__identity > .member-invitation-origin,
.member-invite-register .member-invitation-origin,
.member-account-insight > .member-invitation-origin {
    font-size:12px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.member-mail-choices { min-inline-size:0; grid-template-columns:minmax(0,1fr); }
.member-mail-choices label { min-width:0; }
.member-mail-choices label > span { min-width:0; overflow-wrap:anywhere; }
.member-join__surface .member-mail-choices { grid-template-columns:minmax(0,1fr); }
.member-join__surface .member-mail-choices label { min-height:44px; font-size:14px; line-height:1.5; }
.member-join__surface .member-mail-choices label > span { overflow-wrap:anywhere; }

/* Persönliche Einladung: eine plastische Hauptaktion, zwei gleich breite Nebenaktionen. */
.member-invite-share {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.member-invite-share > button {
    min-width:0;
    min-height:46px;
    padding:12px 8px;
    font-size:14px;
    line-height:1.4;
    letter-spacing:.025em;
    overflow-wrap:anywhere;
}
.member-invite-share > .member-invite-share__whatsapp {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:60px minmax(0,1fr) 18px;
    gap:14px;
    align-items:center;
    min-width:0;
    min-height:90px;
    padding:16px;
    border:1px solid rgba(119,218,181,.4);
    border-radius:6px 20px 6px 6px;
    background:linear-gradient(115deg,rgba(64,144,126,.16),rgba(17,38,51,.5) 55%,rgba(40,59,78,.36));
    box-shadow:inset 0 1px rgba(230,255,247,.1),0 8px 24px rgba(0,0,0,.12);
    color:#edf8f5;
    text-align:left;
    font:650 16px/1.4 var(--body);
    letter-spacing:0;
    transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.member-invite-share__label { min-width:0; justify-self:start; overflow-wrap:anywhere; }
.member-invite-share__arrow { color:var(--cp04-electric); font-size:22px; font-weight:400; }
.invite-whatsapp-icon {
    position:relative;
    display:block;
    width:60px;
    height:60px;
    perspective:240px;
    transition:transform .25s ease;
}
.invite-whatsapp-icon::after {
    content:"";
    position:absolute;
    z-index:0;
    inset:auto 8px -8px;
    height:10px;
    border-radius:50%;
    background:rgba(0,0,0,.45);
    filter:blur(4px);
}
.invite-whatsapp-icon__face {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(211,255,225,.65);
    border-radius:18px;
    background:linear-gradient(145deg,#72ec9a 0%,#25d366 42%,#11a653 100%);
    box-shadow:inset 0 2px 2px rgba(255,255,255,.45),inset 0 -3px 4px rgba(3,81,41,.25),0 4px 0 #08713f,0 6px 0 #075735,0 9px 14px rgba(0,0,0,.3);
    color:#fff;
    transform:rotateX(8deg) rotateY(-9deg);
    animation:invite-whatsapp-float 5.5s ease-in-out infinite;
}
.invite-whatsapp-icon__face::after {
    content:"";
    position:absolute;
    inset:-50% -85%;
    background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.32) 49%,transparent 60%);
    transform:translateX(-60%);
    animation:invite-whatsapp-shine 8s ease-in-out infinite;
    pointer-events:none;
}
.invite-whatsapp-icon svg { display:block; width:46px; height:46px; filter:drop-shadow(0 1px 1px rgba(0,75,40,.2)); }
.member-invite-share > .member-invite-share__whatsapp:focus-visible,
.member-invite-share > button:focus-visible { outline:2px solid var(--cp04-electric); outline-offset:4px; }
@media(hover:hover) {
    .member-invite-share__whatsapp:hover { border-color:rgba(133,247,191,.8); box-shadow:inset 0 1px rgba(230,255,247,.15),0 9px 28px rgba(5,140,87,.13); }
    .member-invite-share__whatsapp:hover .invite-whatsapp-icon { transform:translateY(-2px) rotate(-3deg); }
}
.member-invite-share__whatsapp:active .invite-whatsapp-icon { transform:translateY(3px) scale(.96); }
@keyframes invite-whatsapp-float {
    0%,100% { transform:translateY(0) rotateX(8deg) rotateY(-9deg); }
    50% { transform:translateY(-3px) rotateX(4deg) rotateY(-3deg); }
}
@keyframes invite-whatsapp-shine {
    0%,65% { transform:translateX(-60%); }
    90%,100% { transform:translateX(60%); }
}
@media(max-width:480px) {
    .member-invite-share > .member-invite-share__whatsapp { grid-template-columns:48px minmax(0,1fr) 14px; gap:12px; padding:14px 12px; }
    .invite-whatsapp-icon { width:48px; height:48px; }
    .invite-whatsapp-icon__face { border-radius:14px; }
    .invite-whatsapp-icon svg { width:38px; height:38px; }
}
/* A little more air above Rennmonitor; mobile navigation remains unchanged. */
@media(min-width:781px) {
    .site-header .site-nav__live,
    .admin-bar nav .site-nav__live { top:-9px; }
}
@media(prefers-reduced-motion:reduce) {
    .invite-whatsapp-icon__face,.invite-whatsapp-icon__face::after { animation:none; }
    .invite-whatsapp-icon,.member-invite-share > .member-invite-share__whatsapp { transition:none; }
    .member-invite-share__whatsapp:hover .invite-whatsapp-icon,.member-invite-share__whatsapp:active .invite-whatsapp-icon { transform:none; }
}
/* The old menu scan-line remained inside the scrollable content, above Zugang. */
@media (max-width: 780px) {
    .nav-open .site-nav::after,
    .nav-open .admin-bar nav::after { display: none; }
    .site-header .site-nav > a.site-nav__account,
    .admin-bar nav > a.site-nav__account {
        grid-column: 1 / -1;
        border-left: 0;
        border-right: 0;
        min-height: 44px;
        padding: 0 12px;
    }
}