/* INFINITI glass: the brand colour stays #54c3e9; translucency reveals the surface beneath. */
:root{--glass-blue:rgba(var(--blue-rgb),.32);--glass-edge:rgba(255,255,255,.84);--glass-shadow:0 8px 24px rgba(10,38,53,.12),inset 0 1.5px 1px rgba(255,255,255,.9),inset 1px 0 1px rgba(255,255,255,.48),inset 0 -1.5px 2px rgba(55,147,182,.24);--glass-light:radial-gradient(ellipse at 14% 0%,rgba(255,255,255,.66),transparent 58%),linear-gradient(155deg,rgba(255,255,255,.2),rgba(255,255,255,.015) 48%,rgba(var(--blue-rgb),.14) 78%,rgba(255,255,255,.32));}
:is(.button,button:not(.gallery-item)){border-radius:999px;border:1px solid var(--glass-edge);background-image:var(--glass-light);background-color:var(--glass-blue);box-shadow:var(--glass-shadow);color:#0c303e;-webkit-backdrop-filter:blur(10px) saturate(175%);backdrop-filter:blur(10px) saturate(175%);transition:background-color .2s,box-shadow .2s,transform .2s,border-color .2s;}
.button.dark{background-image:var(--glass-light);background-color:var(--glass-blue);color:#0c303e;border-color:var(--glass-edge)}
:is(.button,button:not(.gallery-item)):hover:not(:disabled){background-color:rgba(var(--blue-rgb),.10);box-shadow:0 10px 28px #061b2826,inset 0 1.5px 1px #fffffff2,inset 0 -1px 2px rgba(var(--blue-rgb),.22);color:#082b39;transform:translateY(-2px)}
:is(.button,button:not(.gallery-item)):active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 3px 9px rgba(10,38,53,.14),inset 0 2px 5px rgba(11,54,72,.12)}
.button.outline{background-color:rgba(var(--blue-rgb),.15);border-color:rgba(var(--blue-rgb),.62);color:#123c4c}
.button.outline:hover{background-color:rgba(var(--blue-rgb),.3)}
:is(.button,button):disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:inset 0 1px 0 #ffffff70}
:is(.button,button,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.premium-header{background:rgba(12,23,30,.68);border-bottom:1px solid rgba(var(--blue-rgb),.48);box-shadow:0 8px 30px #08182022,inset 0 1px 0 #ffffff13;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}
.premium-header nav{gap:9px}
.premium-header nav>a:not(.button),.premium-header .nav-group>summary{padding:11px 13px;border-radius:999px;border:1px solid #ffffff1c;background:linear-gradient(145deg,#ffffff29,#ffffff04 55%,#54c3e911);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #54c3e92e;color:#edf5f8}
.premium-header nav>a:not(.button):hover,.premium-header .nav-group>summary:hover,.premium-header .nav-group[open]>summary{background-color:rgba(var(--blue-rgb),.13);border-color:rgba(var(--blue-rgb),.35);color:var(--blue)}
.premium-header .nav-booking{border-left:1px solid #ffffff1c;padding-left:13px}
.premium-header .active-group>summary,.premium-header nav a[aria-current=page]{color:var(--blue)}
.premium-header .premium-cta{box-shadow:var(--glass-shadow);border-radius:999px}
.nav-dropdown{top:calc(100% + 12px);left:0;padding:22px;min-width:305px;border-radius:22px;background:linear-gradient(140deg,#ffffff12,#ffffff02),rgba(15,30,40,.76);border:1px solid #ffffff3b;box-shadow:0 22px 55px #02121d55,inset 0 1px 0 #ffffff38;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%)}
.nav-dropdown a{border-radius:12px;padding:13px 12px;border-bottom:0;color:#edf5f8}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:rgba(var(--blue-rgb),.13)}
.nav-caption{padding-left:12px;color:var(--blue)}
.premium-footer .button.outline,.team-care .button.outline{color:#effaff;border-color:rgba(var(--blue-rgb),.65)}
.tabs button{border-radius:999px;padding:11px 18px;background-color:rgba(var(--blue-rgb),.14);color:#214450;border:1px solid rgba(var(--blue-rgb),.35);box-shadow:inset 0 1px 0 #ffffffbd,0 3px 9px #153d4d08}
.tabs button[aria-pressed=true]{background-image:var(--glass-light);background-color:var(--glass-blue);color:#0c303e;border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
.calendar-head button{border-radius:50%;padding:0;background-image:var(--glass-light);background-color:rgba(var(--blue-rgb),.2);border:1px solid rgba(var(--blue-rgb),.55);color:#183c4c}
.calendar-day{border-radius:12px;padding:0;background-image:var(--glass-light);background-color:rgba(var(--blue-rgb),.14);border-color:rgba(var(--blue-rgb),.5);box-shadow:inset 0 1px 0 #ffffffc9,0 2px 6px #10374708}
.calendar-day[aria-pressed=true],.time-slot[aria-pressed=true]{background-image:var(--glass-light);background-color:var(--glass-blue);color:#0c303e;border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
.calendar-day:disabled{background:#edf1f2;border-color:transparent;box-shadow:none;color:#a0aaae;opacity:.65;-webkit-backdrop-filter:none;backdrop-filter:none}
.time-slot{border-radius:999px;background-image:var(--glass-light);background-color:rgba(var(--blue-rgb),.15);border-color:rgba(var(--blue-rgb),.5);color:#123c4c}
.gallery-dialog button{border-radius:999px;background-image:var(--glass-light);background-color:var(--glass-blue);color:#0c303e;border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.gallery-item{border-radius:20px;border:1px solid #ffffffa3;box-shadow:0 7px 22px #0b293b18;position:relative}
.gallery-item span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(140deg,#ffffff38,#ffffff0a),rgba(10,34,45,.7);border-top:1px solid #ffffff5c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
#clear-sign{border-radius:999px;border:1px solid rgba(var(--blue-rgb),.5);background-image:var(--glass-light);background-color:rgba(var(--blue-rgb),.15);padding:10px 18px;text-decoration:none;color:#153c4a;box-shadow:var(--glass-shadow);margin-top:12px}
.offer-close{border-radius:50%;background-color:rgba(255,255,255,.7);border-color:#ffffff9c;color:#102f3c}
.offer-later{border-radius:999px;background-color:rgba(var(--blue-rgb),.14);padding:10px 18px;border:1px solid rgba(var(--blue-rgb),.4);color:#264651}
@media(max-width:1200px){.premium-header nav{gap:6px}.premium-header nav>a:not(.button),.premium-header .nav-group>summary{padding:10px 9px}.premium-header .premium-cta{padding:12px;gap:9px}}
@media(max-width:1000px){.premium-menu{border-radius:999px;background:linear-gradient(140deg,#ffffff24,#ffffff07);background-color:rgba(var(--blue-rgb),.08);border:1px solid #ffffff47;box-shadow:inset 0 1px 0 #ffffff38,0 4px 12px #0002;color:#eff8fc}
.premium-header nav{background:linear-gradient(140deg,#ffffff0c,#ffffff02),rgba(12,25,34,.84);border:1px solid #ffffff35;border-top:0;border-radius:0 0 25px 25px;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);gap:9px;padding:19px 6% 25px;box-shadow:0 24px 40px #04121d4d}
.premium-header nav>a:not(.button),.premium-header .nav-group>summary{padding:15px 18px;border:1px solid #ffffff20;border-radius:18px;font-size:15px;min-height:50px}
.premium-header .nav-dropdown{margin-top:8px;min-width:0;padding:12px 10px;border-radius:18px;background:linear-gradient(145deg,#ffffff14,#ffffff03),rgba(22,43,55,.66);box-shadow:inset 0 1px 0 #ffffff1c;border:1px solid #ffffff21}
.premium-header .nav-dropdown a{padding:13px 12px}.premium-header .premium-cta{margin-top:7px;padding:17px}.premium-header .nav-booking{padding-left:18px}}
@media(max-width:520px){.tabs{gap:7px;flex-wrap:wrap}.tabs button{padding:11px 10px;font-size:11px;min-height:42px}.calendar-day{border-radius:10px}.gallery-controls{gap:8px}.gallery-dialog button{padding:10px 12px}}

/* Keep header glass on a separate layer so dropdowns can blur the page beneath. */
.premium-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.premium-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#11191d;pointer-events:none}
/* Clearer glass with enough contrast over photographs and dark sections. */
.premium-header .premium-cta{background-color:rgba(var(--blue-rgb),.6);color:#082b39}
.hero .button,.premium-footer .button,.hyrox-simulation .button,.team-care .button,.gallery-dialog button{background-color:rgba(11,35,48,.5);background-image:radial-gradient(ellipse at 10% 0%,#ffffff38,transparent 58%),linear-gradient(150deg,#54c3e92e,#ffffff05 55%,#54c3e92b);color:#f5fcff;border-color:#e7faff99;text-shadow:0 1px 3px #00152280}
.hero .button:hover,.premium-footer .button:hover,.hyrox-simulation .button:hover,.team-care .button:hover,.gallery-dialog button:hover{background-color:rgba(16,56,74,.65);color:#fff}
.tabs button[aria-pressed=true],.calendar-day[aria-pressed=true],.time-slot[aria-pressed=true]{background-color:rgba(var(--blue-rgb),.58);border-color:var(--blue);box-shadow:var(--glass-shadow),0 0 0 1px rgba(var(--blue-rgb),.3)}

/* Membership cards: clear glass, blue offer panels, and a distinct selected state. */
.pricing:has(#pricing-autumn-offer) .price-cards,.abo-grid{position:relative;isolation:isolate}
.pricing:has(#pricing-autumn-offer) .price-cards::before,.abo-grid::before{content:"";position:absolute;inset:-24px -12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 25%,rgba(var(--blue-rgb),.21),transparent 56%),radial-gradient(ellipse at 95% 80%,rgba(var(--blue-rgb),.14),transparent 52%);border-radius:32px}
.pricing:has(#pricing-autumn-offer) .price-card,.choice.abo-card{background:radial-gradient(ellipse at 0% 0%,#ffffffd9,transparent 66%),linear-gradient(145deg,#ffffff61,#ffffff14 60%,#54c3e91a),rgba(255,255,255,.28);border-color:rgba(var(--blue-rgb),.38);border-radius:22px;box-shadow:0 12px 30px #1034480e,inset 0 1.5px 1px #ffffffed,inset 1px 0 1px #ffffffa3,inset 0 -1px 2px #54c3e932;-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%)}
.pricing:has(#pricing-autumn-offer) .price-card.featured,.abo-card:has(input:checked){background:var(--glass-light),rgba(var(--blue-rgb),.18);border-color:var(--blue);box-shadow:0 14px 32px #1c61791a,inset 0 1.5px 1px #fffffff2,inset 0 -1px 2px #54c3e957,0 0 0 1px rgba(var(--blue-rgb),.22)}
.choice.abo-card:hover{background:var(--glass-light),rgba(var(--blue-rgb),.12);border-color:rgba(var(--blue-rgb),.8)}
.choice.abo-card:has(input:checked):hover{background:var(--glass-light),rgba(var(--blue-rgb),.22)}
.pricing:has(#pricing-autumn-offer) .pricing-card-offer,.abo-promotion{background:var(--glass-light),rgba(var(--blue-rgb),.3);border:1px solid #ffffffc9;border-radius:15px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);color:#103b48}
.abo-card:focus-within{outline:3px solid var(--blue);outline-offset:4px}

/* Shared clear glass for action buttons, form controls and calendar navigation. */
:root{--button-glass-light:radial-gradient(ellipse at 15% 0%,#ffffff70,transparent 58%),linear-gradient(145deg,#ffffff24,#ffffff05 48%,rgba(var(--blue-rgb),.06) 78%,#ffffff2e);--button-glass-shadow:0 8px 24px #061b2824,inset 0 1.5px 1px #ffffffe6,inset 1px 0 1px #ffffff66,inset 0 -1px 2px rgba(var(--blue-rgb),.18)}
.button,a.button,.button.dark,.button.outline,button:not(.gallery-item),.tabs button,.calendar-head button,.calendar-day,.time-slot,.gallery-dialog button,#clear-sign,.offer-close,.offer-later{
  background-color:rgba(var(--blue-rgb),.06);
  background-image:var(--button-glass-light);
  border-color:rgba(var(--blue-rgb),.32);
  box-shadow:var(--button-glass-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
}
.hero .button,.premium-footer .button,.hyrox-simulation .button,.team-care .button,.gallery-dialog button{background-color:rgba(255,255,255,.08);border-color:#ffffffa6;color:#fff;text-shadow:0 1px 3px #001522b3}
.hero .button:hover:not(:disabled),.premium-footer .button:hover:not(:disabled),.hyrox-simulation .button:hover:not(:disabled),.team-care .button:hover:not(:disabled),.gallery-dialog button:hover:not(:disabled){background-color:rgba(255,255,255,.16);color:#fff;border-color:#ffffffd9}
#clear-sign:hover:not(:disabled){background-color:rgba(var(--blue-rgb),.10);box-shadow:var(--button-glass-shadow)}
/* A selected category, day or time remains clearly blue, including on hover. */
.tabs button[aria-pressed=true],.calendar-day[aria-pressed=true],.time-slot[aria-pressed=true],.tabs button[aria-pressed=true]:hover:not(:disabled),.calendar-day[aria-pressed=true]:hover:not(:disabled),.time-slot[aria-pressed=true]:hover:not(:disabled){background-color:rgba(var(--blue-rgb),.58);background-image:var(--button-glass-light);border-color:var(--blue);box-shadow:var(--button-glass-shadow),0 0 0 1px rgba(var(--blue-rgb),.3);color:#0c303e}
.calendar-day:disabled{background:#edf1f2;border-color:transparent;box-shadow:none;color:#a0aaae;-webkit-backdrop-filter:none;backdrop-filter:none}
input[type=file]::file-selector-button{font:inherit;color:#103b48;padding:10px 16px;margin-right:12px;border:1px solid rgba(var(--blue-rgb),.32);border-radius:999px;background:var(--button-glass-light),rgba(var(--blue-rgb),.06);box-shadow:var(--button-glass-shadow);cursor:pointer}
input[type=file]::file-selector-button:hover{background-color:rgba(var(--blue-rgb),.10)}

@media(prefers-reduced-transparency:reduce){.premium-header::before{background:#11191d}.premium-header{background:#11191d}.nav-dropdown,.premium-header nav{background:#172d39}:is(.button,button:not(.gallery-item)){background-color:var(--blue);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pricing:has(#pricing-autumn-offer) .price-card,.choice.abo-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.pricing:has(#pricing-autumn-offer) .price-card.featured,.abo-card:has(input:checked){background:var(--blue-soft)}.pricing:has(#pricing-autumn-offer) .pricing-card-offer,.abo-promotion{background:var(--blue);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){:is(.button,button,summary){transition:none!important}:is(.button,button):hover,:is(.button,button):active{transform:none!important}}
@media(forced-colors:active){:is(.button,button),.premium-header nav>a,.premium-header summary,.nav-dropdown{border:1px solid ButtonText;box-shadow:none;background-image:none}}
@media print{.button,button{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-image:none!important}}
/* Keep the mobile menu label white in every interaction state. */
.premium-header button.premium-menu[aria-expanded],.premium-header button.premium-menu[aria-expanded]:hover,.premium-header button.premium-menu[aria-expanded]:active,.premium-header button.premium-menu[aria-expanded]:focus-visible,.premium-header button.premium-menu[aria-expanded=true]{color:#fff;text-shadow:0 1px 3px #00152280}

/* Trial CTAs on every screen and the mobile menu share the same clear glass. */
  .button[href*="service=probe"],.hero .button[href="buchen.html"],.premium-header button.premium-menu[aria-expanded]{
    background-color:rgba(255,255,255,.08);
    background-image:radial-gradient(ellipse at 15% 0%,#ffffff70,transparent 58%),linear-gradient(145deg,#ffffff24,#ffffff05 48%,rgba(var(--blue-rgb),.06) 78%,#ffffff2e);
    border-color:#ffffffa6;
    box-shadow:0 8px 24px #061b2824,inset 0 1.5px 1px #ffffffe6,inset 1px 0 1px #ffffff66,inset 0 -1px 2px rgba(var(--blue-rgb),.18);
    -webkit-backdrop-filter:blur(22px) saturate(130%);
    backdrop-filter:blur(22px) saturate(130%);
  }
  .button[href*="service=probe"]:hover,.hero .button[href="buchen.html"]:hover,.premium-header button.premium-menu[aria-expanded]:hover,.premium-header button.premium-menu[aria-expanded=true]{
    background-color:rgba(255,255,255,.16);
    border-color:#ffffffd9;
    box-shadow:0 10px 28px #061b2833,inset 0 1.5px 1px #fffffff2,inset 0 -1px 2px rgba(var(--blue-rgb),.22);
  }
  .premium-header .premium-cta,.hero .button[href="buchen.html"],.hero .button[href*="service=probe"],.premium-footer .button[href*="service=probe"],.team-care .button[href*="service=probe"],.hyrox-simulation .button[href*="service=probe"]{color:#fff;text-shadow:0 1px 3px #001522b3}
  .premium-header .menu-lines{border-color:#ffffffd9}
  .premium-header .menu-lines::after{background:#ffffffd9}
@media(prefers-reduced-transparency:reduce){
  .button[href*="service=probe"],.hero .button[href="buchen.html"],.premium-header button.premium-menu[aria-expanded]{background:#26363e;color:#fff;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .premium-header button.premium-menu[aria-expanded]{background:#26363e;color:#fff}
}
@media(forced-colors:active){
  .button[href*="service=probe"],.hero .button[href="buchen.html"],.premium-header button.premium-menu[aria-expanded]{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText;box-shadow:none;text-shadow:none}
  .premium-header .menu-lines{border-color:ButtonText}.premium-header .menu-lines::after{background:ButtonText}
}
@media(prefers-reduced-transparency:reduce){
  a.button,.button.dark,.button.outline,button:not(.gallery-item),#clear-sign,input[type=file]::file-selector-button{background:#26363e!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .tabs button[aria-pressed=true],.calendar-day[aria-pressed=true],.time-slot[aria-pressed=true]{background:var(--blue)!important;color:#0c303e!important}
  .calendar-day:disabled{background:#edf1f2!important;color:#a0aaae!important}
}
@media(forced-colors:active){
  a.button,button:not(.gallery-item),#clear-sign,input[type=file]::file-selector-button{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;text-shadow:none!important}
}