/* Fraunces (SIL Open Font License), selbst gehostet — keine Anfrage an Google */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500 700;font-stretch:normal;font-display:swap;src:url(/schrift/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500 700;font-stretch:normal;font-display:swap;src:url(/schrift/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ═══════════════════════════════════════════════════════════════
   BLUE MED TRAINING & TOURS — Dachseite, gleiche Familie wie punkte-am-meer.de
   Glas, Fraunces als Anzeigeschrift, Systemschrift im Fließtext.
   Farben: Marine #164F7A / #1F6FA8 (wie Bodrum), Abendorange #F0923A
   (aus dem alten Hero-Knopf, Stimmung China Club), Tinte #12262E.
   Glasregel: backdrop-filter NIE auf dem Textelement, immer auf ::before.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --tinte:#12262E; --tinte-2:#4F5F68; --tinte-3:#7B8A93;
  --papier:#F7FAFD; --weiss:#FFFFFF; --kalk:#EDF2F6;
  --marine:#164F7A; --meer:#1F6FA8; --meer-d:#164F7A;
  --abend:#F0923A; --abend-d:#9A4F12; /* dunkler Wert nur für Schrift auf hellem Grund */
  --signal:#C2410C; --gruen:#0F5132; --linie:rgba(18,38,46,.12);
  --glas:rgba(255,255,255,.62); --glasrand:rgba(255,255,255,.78); --glaskante:rgba(255,255,255,.92);
  --ueber:"Fraunces","Georgia",serif;
  --s1:1.0625rem; --s2:1.3125rem; --s3:1.75rem; --s4:2.5rem; --s5:3.5rem; --s6:4.75rem;
  --t1:.8125rem; --t2:.9375rem;
  --r1:8px; --r2:16px; --r3:24px; --r4:40px; --r5:64px; --r6:96px;
  --rund1:12px; --rund2:18px; --rund3:28px; --rund4:40px;
  --rand:clamp(1.25rem,5vw,2.75rem); --max:1180px;
  --kopf-h:56px; --ruf-h:0px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-h) + 12px)}
body{background:var(--papier);color:var(--tinte);position:relative;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  font-size:var(--s1);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;
  padding-bottom:var(--ruf-h)}
/* Lichtfelder — Glas braucht etwas dahinter */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-color:#F7FAFD;
  background:
    radial-gradient(38% 34% at 12% 18%,rgba(31,111,168,.16),transparent 70%),
    radial-gradient(34% 30% at 88% 28%,rgba(240,146,58,.16),transparent 70%),
    radial-gradient(40% 36% at 70% 88%,rgba(47,182,196,.13),transparent 70%),
    radial-gradient(30% 28% at 20% 80%,rgba(240,146,58,.10),transparent 70%),
    #F7FAFD}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(0,0,0,.05) .5px,transparent .6px);background-size:3px 3px}
img{max-width:100%;height:auto;display:block}
a{color:var(--marine)}
:focus-visible{outline:3px solid var(--meer);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--rand)}
.band{padding-block:clamp(4rem,9vw,7rem);background:transparent}
.band--kalk{background:rgba(237,242,246,.5)}
.band--dunkel{background:var(--tinte);color:#E7EEF2}
.band--dunkel h2{color:#fff}

h1,h2,h3,.ueber{font-family:var(--ueber);font-variation-settings:"SOFT" 50,"opsz" 96;font-weight:600;
  letter-spacing:-.02em;line-height:1.08;text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
@media(max-width:420px){h1,h2,h3{hyphens:auto}}
h1{font-size:clamp(2.2rem,5vw,var(--s6))}
h2{font-size:clamp(1.85rem,3.6vw,2.9rem)}
h3{font-size:var(--s2);line-height:1.2}
p{max-width:66ch}
.gross{font-size:clamp(1.125rem,1.9vw,1.4rem);line-height:1.45;color:var(--tinte-2);max-width:52ch}
.klein{font-size:var(--t2);color:var(--tinte-2)}
.mini{font-size:var(--t1);color:var(--tinte-2)}
.vor{font-size:.75rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--marine);display:block}
.zahl{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:700}

/* ── Kopfzeile: klebendes Glas ── */
.nav{position:sticky;top:0;z-index:60;height:var(--kopf-h);isolation:isolate}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 30px -20px rgba(22,79,122,.35)}
.nav__in{height:var(--kopf-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding-inline:var(--rand);max-width:var(--max);margin:0 auto}
.marke{font-size:1.0625rem;font-weight:700;letter-spacing:-.018em;text-decoration:none;color:var(--tinte);line-height:1.15;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:.28em;min-height:44px}
.marke em{font-style:normal;font-weight:500;color:var(--meer)}
@media(max-width:520px){.marke{font-size:.9375rem}}
.nav__links{display:flex;gap:1.4rem}
.nav__links a{font-size:.8125rem;color:var(--tinte);text-decoration:none;opacity:.85;transition:opacity 150ms;display:inline-flex;align-items:center;min-height:44px}
.nav__links a[aria-current="page"]{opacity:1;color:var(--meer)}
@media(hover:hover) and (pointer:fine){.nav__links a:hover{opacity:1;color:var(--meer)}}
@media(max-width:960px){.nav__links{display:none}}
.nav .knopf{padding:.55em 1.05em;font-size:.8125rem;min-height:36px;flex:none}
/* ── Team-Login in der Kopfzeile (03.10.2026) ── */
.nav__teamlink{gap:.3rem}
.nav__teamlink svg{opacity:.75}
.nav__team{display:none}
@media(max-width:960px){.nav__team{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;margin-left:auto;margin-right:-.9rem;
  border:1px solid var(--linie);background:rgba(255,255,255,.7);color:var(--tinte)}}
@media(max-width:470px){.nav__in{gap:.55rem}.nav__team{margin-right:0;width:36px;height:36px}
  .nav .marke{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;line-height:1.08;font-size:.95rem}
  .nav .marke em{font-size:.72rem;letter-spacing:.01em}}
@media(max-width:345px){.nav .knopf{padding:.5em .75em;font-size:.75rem}}


/* ── Knöpfe: Glas ── */
.knopf,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;text-decoration:none;
  font:inherit;font-size:var(--s1);font-weight:500;letter-spacing:-.006em;line-height:1.2;
  padding:.82em 1.55em;border-radius:999px;border:1px solid transparent;cursor:pointer;min-height:44px;
  position:relative;isolation:isolate;overflow:hidden;max-width:100%;white-space:normal;text-align:center;
  transition:transform 100ms ease-out,background-color 150ms ease-out,color 150ms ease-out,border-color 150ms ease-out,box-shadow 150ms;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.knopf:active,.btn:active{transform:scale(.97)}
.knopf--voll,.knopf{background:linear-gradient(160deg,#2B84C4 0%,#1F6FA8 55%,#164F7A 100%);color:#fff;border:1px solid rgba(255,255,255,.45);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 10px 26px -10px rgba(31,111,168,.7)}
.knopf::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 45%)}
@media(hover:hover) and (pointer:fine){
  .knopf--voll:hover,.knopf:hover{background:linear-gradient(160deg,#3591D1 0%,#2379B6 55%,#1B5C8C 100%);color:#fff;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 16px 34px -10px rgba(31,111,168,.8)}}
.knopf--abend{background:linear-gradient(160deg,#FFB268 0%,#F0923A 50%,#D9741F 100%);color:#17140B;border-color:rgba(255,255,255,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -2px 0 rgba(0,0,0,.14) inset,0 10px 26px -10px rgba(240,146,58,.75)}
@media(hover:hover) and (pointer:fine){.knopf--abend:hover{background:linear-gradient(160deg,#FFBF7E 0%,#F79E48 50%,#E07E28 100%);color:#17140B;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -2px 0 rgba(0,0,0,.14) inset,0 16px 34px -10px rgba(240,146,58,.85)}}
.knopf--rand,.knopf--hell{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);color:var(--tinte);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 26px -14px rgba(22,79,122,.35)}
.knopf--rand::before,.knopf--hell::before,.knopf--weiss::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
.knopf--rand::after,.knopf--hell::after,.knopf--weiss::after{display:none}
@media(hover:hover) and (pointer:fine){.knopf--rand:hover{background:rgba(255,255,255,.78);border-color:#fff;color:var(--tinte)}}
/* Weiß-Glas auf dunklem Grund */
.knopf--weiss{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.42);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 26px -14px rgba(0,0,0,.5)}
@media(hover:hover) and (pointer:fine){.knopf--weiss:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.7);color:#fff}}
.knopf--hell{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42);color:#fff}
@media(hover:hover) and (pointer:fine){.knopf--hell:hover{background:rgba(255,255,255,.24);color:#fff}}
.knopfreihe{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:var(--r4)}

/* ── Glas-Grundmuster ── */
.glas{position:relative;isolation:isolate;background:transparent;border-radius:var(--rund3)}
.glas::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:var(--glas);background-color:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);
  border:1px solid var(--glasrand);
  box-shadow:0 1px 0 var(--glaskante) inset,0 -1px 0 rgba(31,111,168,.08) inset,0 24px 60px -30px rgba(22,79,122,.35)}
.glas::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.28) 100%)}
.glas--dunkel::before{background:rgba(6,24,40,.72);background-color:rgba(6,24,40,.72);-webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid rgba(255,255,255,.22);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 30px 70px -30px rgba(0,0,0,.7)}
.glas--dunkel::after{background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 40%)}
.glas--leuchtet{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.glas--leuchtet::before{transition:box-shadow .35s}
@media(hover:hover) and (pointer:fine){
  .glas--leuchtet:hover{transform:translateY(-4px)}
  .glas--leuchtet:hover::before{box-shadow:0 1px 0 #fff inset,0 0 0 2px rgba(240,146,58,.6),0 26px 50px -24px rgba(22,79,122,.55)}}
.chip{display:inline-flex;align-items:center;gap:.4em;position:relative;isolation:isolate;border-radius:999px;
  padding:.5em 1em;font-size:var(--t2);font-weight:600;color:var(--tinte);min-height:36px}
.chip::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 0 #fff inset,0 8px 20px -12px rgba(22,79,122,.35)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}

/* ── Register (Über uns, Kontakt) als Glaskarten ── */
.register{margin-top:var(--r4);display:grid;gap:1rem}
.eintrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:start;
  padding:clamp(1.25rem,3vw,2rem);text-decoration:none;color:inherit;
  position:relative;isolation:isolate;border-radius:var(--rund3);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.eintrag::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);border:1px solid var(--glasrand);
  box-shadow:0 1px 0 var(--glaskante) inset,0 24px 60px -30px rgba(22,79,122,.35);transition:box-shadow .35s}
@media(hover:hover) and (pointer:fine){a.eintrag:hover{transform:translateY(-3px)}a.eintrag:hover::before{box-shadow:0 1px 0 #fff inset,0 0 0 2px rgba(240,146,58,.6),0 26px 50px -24px rgba(22,79,122,.55)}}
.eintrag__name{font-family:var(--ueber);font-size:clamp(1.4rem,2.6vw,var(--s3));font-weight:600;letter-spacing:-.02em;line-height:1.15}
.eintrag__text{margin-top:.6rem;max-width:56ch;color:var(--tinte-2)}
.eintrag__ziel{font-size:var(--t2);color:var(--marine);margin-top:.6rem;display:block}
.eintrag__rechts{text-align:right;white-space:nowrap}
.eintrag__stand{font-size:var(--t1);color:var(--tinte-2)}
.eintrag--offen .eintrag__name{color:var(--tinte-2)}
@media(max-width:700px){.eintrag{grid-template-columns:1fr}.eintrag__rechts{text-align:left;white-space:normal}}

.zwei{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--r6);align-items:start}
@media(max-width:880px){.zwei{grid-template-columns:1fr;gap:var(--r4)}}
.daten{display:grid;gap:var(--r3);margin-top:var(--r3)}
.daten dt{font-size:var(--t2);color:#AFC0CB}
.daten dd{font-size:var(--s1);font-weight:700;margin-top:2px}

/* ── Fuß ── */
.fuss{border-top:1px solid var(--linie);padding-block:var(--r4);font-size:var(--t2);color:var(--tinte-2)}
.fuss__in{display:flex;justify-content:space-between;gap:var(--r3);flex-wrap:wrap}
.fuss a{color:var(--tinte-2);text-decoration:none;margin-right:var(--r3);display:inline-flex;align-items:center;min-height:44px}
.eintrag__rechts a{display:inline-flex;align-items:center;min-height:44px}
@media(hover:hover) and (pointer:fine){.fuss a:hover{color:var(--tinte)}}

/* ── Anrufleiste auf dem Telefon ── */
.ruf{display:none}
@media(max-width:760px){
  :root{--ruf-h:66px}
  .ruf{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;height:var(--ruf-h);gap:.6rem;align-items:center;
    padding:.6rem var(--rand) calc(.6rem + env(safe-area-inset-bottom));background:#0F2E44;border-top:1px solid rgba(255,255,255,.14)}
  .ruf a{flex:1;min-height:44px;font-size:.9375rem;padding:.6em 1em}
}

/* ── Assistent ── */
.botknopf{position:fixed;right:clamp(1rem,3vw,1.6rem);bottom:calc(var(--ruf-h) + clamp(1rem,3vw,1.6rem));z-index:70;
  display:flex;align-items:center;gap:.55em;border:1px solid rgba(255,255,255,.45);border-radius:999px;cursor:pointer;font:inherit;
  font-size:.9375rem;font-weight:600;padding:.85em 1.3em;min-height:44px;color:#fff;
  background:linear-gradient(160deg,#2B84C4 0%,#1F6FA8 55%,#164F7A 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 4px 14px -4px rgba(31,111,168,.6),0 10px 30px -12px rgba(0,0,0,.35);
  transition:transform 120ms ease-out}
.botknopf:active{transform:scale(.96)}
.botknopf svg{width:1.1em;height:1.1em}
@media(max-width:600px){.botknopf span{display:none}.botknopf{padding:.95em}}
.bot{position:fixed;right:clamp(1rem,3vw,1.6rem);bottom:calc(var(--ruf-h) + clamp(1rem,3vw,1.6rem));z-index:80;
  width:min(24rem,calc(100vw - 2rem));height:min(32rem,calc(100svh - var(--ruf-h) - 2rem));
  background:#fff;border-radius:var(--rund3);display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.08),0 30px 70px -20px rgba(0,0,0,.4);
  opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;visibility:hidden;
  transition:opacity 220ms ease-out,transform 260ms cubic-bezier(.2,.8,.3,1),visibility 0s .26s}
.bot.auf{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.bot__kopf{background:var(--marine);color:#fff;padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.bot__kopf b{font-size:.9375rem}
.bot__kopf small{display:block;font-size:.6875rem;opacity:.85;font-weight:400}
.bot__zu{background:none;border:0;color:#fff;cursor:pointer;font-size:1.3rem;line-height:1;width:44px;height:44px;border-radius:50%}
.bot__lauf{flex:1;min-height:140px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem;-webkit-overflow-scrolling:touch}
@media(max-height:620px){.bot__lauf{min-height:96px}}
.blase{max-width:88%;padding:.7em .95em;border-radius:1.1em;font-size:.9375rem;line-height:1.45;white-space:pre-line}
.blase--bot{background:var(--kalk);color:var(--tinte);border-bottom-left-radius:.35em;align-self:flex-start}
.blase--ich{background:var(--marine);color:#fff;border-bottom-right-radius:.35em;align-self:flex-end}
.bot__fragen{display:flex;gap:.4rem;padding:0 1rem .8rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.bot__fragen::-webkit-scrollbar{display:none}
.bot__fragen button{flex:none;border:1.5px solid var(--linie);background:#fff;border-radius:999px;cursor:pointer;
  font:inherit;font-size:.8125rem;padding:.6em .9em;min-height:36px;color:var(--tinte);-webkit-tap-highlight-color:transparent}
.bot__ein{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--linie);background:#fff}
.bot__ein input{flex:1;border:1.5px solid var(--linie);border-radius:999px;padding:.7em 1em;font:inherit;font-size:1rem;min-width:0}
.bot__ein input:focus{outline:none;border-color:var(--meer)}
.bot__ein button{border:0;background:var(--marine);color:#fff;border-radius:50%;width:2.75rem;height:2.75rem;cursor:pointer;flex:none;font-size:1.1rem}
.bot__fuss{font-size:.6875rem;color:var(--tinte-3);text-align:center;padding:0 1rem .7rem}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}