/* Palette Blanco roto (endgültig) · 60 / 30 / 10 */
:root{
  --bianco:#F2F0EC; --sand:#D8C5AB; --terra:#AB503E; --terra-d:#93432F; --oliv:#A7AE98; --gruen:#244C49;
  --flieder:#C7BEDB; --kobalt:#294AB5; --basalt:#282E2B; --soft:#5B5F5A; --line:#DDD9D1;
  --paper:#F2F0EC;
  /* Fibonacci-Raster: Abstände 8 13 21 34 55 89 144, Teilung 1 : 1,618 */
  --f1:8px; --f2:13px; --f3:21px; --f4:34px; --f5:55px; --f6:89px; --f7:144px; --phi:1.618;
  /* bewegter Hintergrund */
  --gq-a:167,174,152; --gq-b:216,197,171; --gq-c:216,197,171; --gq-d:171,80,62;
  --mot1:#AB503E; --mot2:#244C49; --mot3:#A7AE98; --mot4:#D8C5AB;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme:light; } }
:root[data-theme="dark"]{ color-scheme:light; }
*{box-sizing:border-box}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 96px);scroll-behavior:smooth}
body{margin:0;color:var(--basalt);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--kobalt);outline-offset:3px}
h1,h2,h3,h4{font-family:Outfit,"Helvetica Neue",Arial,sans-serif;margin:0;letter-spacing:-.02em}
p{margin:0}
.wrap{width:min(1440px,100% - 2*var(--f5));margin:0 auto}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.kdot{color:var(--kobalt)}
.dot{display:inline-block;width:.3em;height:.3em;border-radius:50%;background:var(--kobalt);margin-left:.1em}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}

/* ---------- Einstieg ---------- */
#intro{position:fixed;inset:0;z-index:100;background:var(--bianco);overflow:hidden;transition:opacity .9s ease,transform .9s ease}
#intro.out{opacity:0;transform:scale(1.04);pointer-events:none}
#intro svg{position:absolute;inset:0;width:100%;height:100%}
#intro .land{fill:var(--sand);opacity:0;transition:opacity .8s}
#intro.go .land{opacity:.8}
#intro .route{fill:none;stroke:var(--terra);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
#intro .city{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.14em;fill:var(--soft)}
#intro .coord rect{fill:var(--bianco);stroke:var(--line);stroke-width:.8}
#intro .coord text{font:600 10.5px "IBM Plex Mono",monospace;fill:var(--basalt)}
#intro .plane{fill:var(--basalt)}
#intro .vlc{fill:var(--kobalt)}
#intro .vring{fill:none;stroke:var(--kobalt);stroke-width:1.2;opacity:.6;vector-effect:non-scaling-stroke}
.board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--f2);opacity:0;transition:opacity .5s}
.board.on{opacity:1}
.board .lab{font:600 13px "IBM Plex Mono",monospace;letter-spacing:.32em;color:var(--basalt);display:flex;align-items:center;gap:10px}
.board .lab i{width:9px;height:9px;border-radius:50%;background:var(--kobalt);display:block}
.board .row{display:flex;gap:6px}
.cell{width:clamp(38px,6.4vw,92px);height:clamp(56px,9.4vw,136px);background:var(--basalt);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;
  font:600 clamp(30px,5.2vw,78px) "IBM Plex Mono",monospace;color:var(--bianco);box-shadow:0 6px 16px rgba(40,46,43,.25)}
.cell:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.45)}
.cell span{display:block;transform-origin:50% 50%}
.cell.flip span{animation:flap .09s linear}
@keyframes flap{0%{transform:scaleY(1)}50%{transform:scaleY(.05)}100%{transform:scaleY(1)}}
#skip{position:absolute;right:var(--f4);bottom:calc(var(--f4) + env(safe-area-inset-bottom,0px));background:transparent;border:1px solid var(--basalt);color:var(--basalt);font:500 14px Inter,sans-serif;padding:10px 18px;border-radius:999px;cursor:pointer}
#skip:hover{background:var(--basalt);color:var(--bianco)}

/* ---------- Kopf ---------- */
header{position:fixed;left:0;right:0;top:0;z-index:50;transition:background .35s,box-shadow .35s;padding-top:env(safe-area-inset-top,0px)}
header .bar{display:flex;align-items:center;justify-content:space-between;height:var(--f6);gap:var(--f4)}
header.solid{background:rgba(242,240,236,.95);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.logo{display:block;position:relative;height:66px}
.logo svg{height:66px;width:auto;display:block;transition:opacity .3s}
.logo .lc{position:absolute;left:0;top:0;opacity:0}
header.solid .logo .lw{opacity:0} header.solid .logo .lc{opacity:1}
nav{display:flex;gap:var(--f4);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bianco)}
header.solid nav{color:var(--basalt)}
nav a{position:relative;padding:8px 0}
nav a.act:before{content:"";position:absolute;left:50%;top:-6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--kobalt)}
.btn{display:inline-flex;align-items:center;gap:var(--f2);padding:16px 26px;font-weight:600;font-size:15px;line-height:1;border-radius:2px;transition:background .25s,color .25s}
.btn-g{background:var(--gruen);color:var(--bianco)} .btn-g:hover{background:#1B3B39}
.btn-b{background:var(--bianco);color:var(--gruen)} .btn-b:hover{background:#FAF8F4}
.btn svg{width:18px;height:18px}
.btn .pl{color:var(--kobalt)} .btn-g .pl{color:#9EB2EE}

/* ---------- Hero ---------- */
#hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--basalt);color:var(--bianco);text-align:center}
#hero video,#hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.35) saturate(.85) contrast(1.02);opacity:0;transform:scale(1.14);transition:opacity 1.8s ease,transform 3.2s cubic-bezier(.2,.7,.2,1)}
body.ready #hero video,body.ready #hero .poster{opacity:1;transform:scale(1)}
#hero .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,46,43,.70) 0%,rgba(40,46,43,.42) 42%,rgba(40,46,43,.66) 100%),linear-gradient(0deg,rgba(171,80,62,.28),rgba(171,80,62,.28))}
.hero-in{position:relative;z-index:2;padding:calc(var(--f6) + var(--f4)) var(--f4) var(--f6);display:flex;flex-direction:column;align-items:center;gap:var(--f3)}
.hero-in .eyebrow{color:var(--sand)}
#hero h1{font-size:clamp(44px,7.2vw,112px);font-weight:700;line-height:.98;letter-spacing:-.03em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
#hero .sub{font-size:clamp(17px,1.5vw,21px);max-width:38ch;color:#EDE9E2}
#hero .cta{margin-top:var(--f3);position:relative}
#hero .cta:after{content:"";position:absolute;inset:-6px;border:1.5px solid rgba(242,240,236,.65);border-radius:6px;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.16)}}
#hero .cred{font-size:13px;color:#D9D3CA;letter-spacing:.04em}
.rise{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
body.ready .rise{opacity:1;transform:none}
body.ready .rise.d1{transition-delay:.25s} body.ready .rise.d2{transition-delay:.5s} body.ready .rise.d3{transition-delay:.8s} body.ready .rise.d4{transition-delay:1.05s}
.cue{position:absolute;bottom:var(--f4);left:50%;transform:translateX(-50%);z-index:2;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#D9D3CA}

/* ---------- Kacheln im Fibonacci-Raster ---------- */
section.blk{padding:var(--f6) 0 0}
.grid{display:grid;gap:var(--f2)}
.ga{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}
.gb{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)}
.g3{grid-template-columns:1.618fr 1fr 1fr}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
.tile{position:relative;background:var(--bianco);padding:var(--f4);display:flex;flex-direction:column;gap:var(--f2);min-height:233px;overflow:hidden}
.tile.line{box-shadow:inset 0 0 0 1px var(--line)}
.h144{min-height:144px} .h377{min-height:377px} .h610{min-height:610px}
.t-terra{background:var(--terra);color:var(--bianco)}
.t-oliv{background:var(--oliv);color:var(--basalt)}
.t-sand{background:var(--sand);color:var(--basalt)}
.t-kob{background:var(--kobalt);color:var(--bianco)}
.t-gruen{background:var(--gruen);color:var(--bianco)}
.t-flieder{background:var(--flieder);color:var(--basalt)}
.t-flieder .eyebrow{color:#4A4560}
.tile h2{font-size:clamp(34px,3.6vw,55px);line-height:1.04;font-weight:600}
.tile h3{font-size:21px;font-weight:600;line-height:1.2}
.tile .big{font-size:clamp(55px,6vw,89px);font-weight:600;line-height:1;letter-spacing:-.03em;font-family:Outfit,sans-serif}
.tile .num{font:600 13px "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--terra);display:flex;align-items:center;gap:8px}
.tile .num:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--kobalt)}
.tile .eyebrow{color:var(--soft)}
.t-terra .eyebrow,.t-kob .eyebrow,.t-gruen .eyebrow{color:#EBDDD0}
.t-oliv .eyebrow{color:#3B4236}
.tile .txt{color:var(--soft)}
.t-terra .txt,.t-gruen .txt,.t-kob .txt{color:#F1E6DE}
.t-oliv .txt,.t-sand .txt{color:#3B3A33}
.t-gruen .dot,.t-kob .dot,.t-terra .dot{background:var(--bianco)}
.tile .foot{margin-top:auto}
.ph{position:relative;overflow:hidden;min-height:233px}
.ph img,.ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph.arch{border-radius:999px 999px 0 0}
.tile.photo{padding:0}
/* v25: Valencia-Streifen (Startseite) und volle Collage (Valencia-Seite): Bild in natuerlicher Hoehe, kein Beschnitt */
.tile.photo.strip,.tile.photo.full{align-self:center}
.tile.photo.strip .ph,.tile.photo.full .ph{min-height:0}
.tile.photo.strip .ph img,.tile.photo.full .ph img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.tile.photo .cap{position:absolute;left:var(--f3);bottom:var(--f3);right:var(--f3);color:var(--bianco);text-shadow:0 1px 10px rgba(0,0,0,.5)}
.pcard{padding:0}
.pcard .in{padding:var(--f4);display:flex;flex-direction:column;gap:var(--f2)}
dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:10px 18px;font-size:15px}
dt{font-weight:600;opacity:.8} dd{margin:0}
.price{font-family:Outfit,sans-serif;font-size:34px;font-weight:600;color:var(--terra);letter-spacing:-.02em}
.t-terra .price{color:var(--bianco)}
.res{font-weight:600;color:var(--terra)}
details{border-top:1px solid var(--line)} details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 34px;gap:var(--f3);align-items:center;padding:var(--f3) 0;font-weight:600}
summary::-webkit-details-marker{display:none}
summary b{width:34px;height:34px;background:var(--oliv);color:var(--gruen);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400}
summary b span{transition:transform .2s} details[open] summary b span{transform:rotate(45deg)}
details p{padding:0 0 var(--f3);color:var(--soft);max-width:70ch}
.notes a{display:grid;grid-template-columns:110px 1fr auto;gap:var(--f3);padding:var(--f2) 0;border-top:1px solid var(--line);align-items:baseline}
.notes a:hover h4{color:var(--terra)}
.notes h4{font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.notes .tag{font-size:12px;color:var(--soft);letter-spacing:.1em;text-transform:uppercase}
.person{display:flex;gap:var(--f3);align-items:center}
.person img{width:89px;height:89px;object-fit:cover;object-position:center 20%;border-radius:50%}
.person h4{font-size:19px} .person p{color:#3B3A33;font-size:14px}
/* v37: Kurzbio unter Name, Bezeichnung, Kammer und Telefon (BIOS_TEAM_v02) */
.tile .p-bio{margin:var(--f2) 0 0;max-width:52ch;font:400 15px/1.5 Inter,sans-serif;color:var(--soft)}

/* ---------- Fuß ---------- */
footer{padding:var(--f6) 0 var(--f4);margin-top:var(--f6);background:rgba(242,240,236,.88);box-shadow:0 -1px 0 var(--line)}
footer .cols{display:grid;grid-template-columns:1.618fr 1fr 1fr 1fr;gap:var(--f4)}
footer h5{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 var(--f2)}
footer a{display:block;padding:4px 0;color:var(--soft)} footer a:hover{color:var(--terra)}
footer .base{margin-top:var(--f5);padding-top:var(--f3);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--f3);flex-wrap:wrap;font-size:13px;color:var(--soft)}
footer .base button{background:none;border:0;color:var(--soft);font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.flogo svg{height:84px;width:auto}

/* ---------- Fibonacci-Raster sichtbar machen ---------- */
body.fib .tile{outline:1px dashed var(--kobalt);outline-offset:-1px}
body.fib .tile[data-fib]:after{content:attr(data-fib);position:absolute;right:8px;top:8px;font:600 11px "IBM Plex Mono",monospace;background:var(--kobalt);color:var(--bianco);padding:3px 7px;z-index:5}

/* ---------- Einblenden beim Scrollen ---------- */
.reveal{opacity:0;transform:translateY(21px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

@media (max-width:1100px){
  nav{display:none}
  .ga,.gb,.g3{grid-template-columns:1fr} .g4,.g5{grid-template-columns:1fr 1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  .h610{min-height:377px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 2*var(--f3))}
  .g4,.g5,.fees2{grid-template-columns:1fr!important}
  .tile{padding:var(--f3)}
  .logo,.logo svg{height:48px}
  header .btn{display:none}
  dl{grid-template-columns:1fr}
  .notes a{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .rise,.reveal{opacity:1;transform:none;transition:none}
  #hero video{display:none} #hero .poster{opacity:1;transform:none}
  #hero .cta:after{animation:none}
}

/* ===== v6: Hero hell mit Ankunftsbild, Kopf ohne Knopf, Knöpfe einheitlich, keine Kachelrahmen, Beratung ===== */
.logo .lw{opacity:0} .logo .lc{opacity:1}
nav{color:var(--basalt)}
header .bar{justify-content:space-between}
#hero{position:relative;margin-top:var(--f6);min-height:calc(100vh - var(--f6));min-height:calc(100svh - var(--f6));display:flex;align-items:flex-end;overflow:hidden;background:var(--bianco);color:var(--basalt);text-align:left}
header,header.solid{background:var(--bianco);backdrop-filter:none;box-shadow:0 1px 0 var(--line)}
#hero .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.96) brightness(1.02);opacity:0;transform:scale(1.08);transition:opacity 1.8s ease,transform 7s cubic-bezier(.2,.7,.2,1)}
body.ready #hero .bgimg{opacity:1;transform:scale(1)}
#hero .wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,240,236,.72) 0%,rgba(242,240,236,.5) 34%,rgba(242,240,236,.12) 62%,rgba(242,240,236,0) 100%),linear-gradient(0deg,rgba(242,240,236,.62) 0%,rgba(242,240,236,0) 38%)}
#hero .lines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(40,46,43,.09) 0 1px,transparent 1px calc(100% / 13))}
.hero-in{position:relative;z-index:2;width:100%;display:block;padding:var(--f5) 0 13vh}
.hero-in .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--f3)}
.hero-in .eyebrow{color:var(--soft);letter-spacing:.24em}
#hero h1{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(52px,7.6vw,120px);line-height:1.02;letter-spacing:-.015em;color:var(--basalt);max-width:none;text-shadow:none;margin:var(--f2) 0 var(--f3)}
#hero h1 .l{display:block;white-space:nowrap}
#hero .sub{font-size:21px;line-height:1.5;color:#3B3F3C;max-width:34ch}
#hero .cta{margin-top:var(--f4);padding:22px 34px;font-size:17px}
#hero .cta:after{display:none}
/* Knopf: immer Meeresgrün, Kobalt läuft beim Überfahren durch */
.btn,.btn-b,.btn-g{position:relative;overflow:hidden;isolation:isolate;background:var(--gruen);color:var(--bianco);border:0;cursor:pointer;font-family:Inter,sans-serif;transition:box-shadow .4s cubic-bezier(.2,.7,.2,1)}
.btn:before{content:"";position:absolute;inset:0;background:var(--kobalt);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:-1}
.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1)}
.btn:hover{background:var(--gruen)}
.btn .ar{font-weight:400;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.btn:hover .ar{transform:translate(3px,-3px)}
/* Beratung */
.consult{gap:var(--f3)}
.cform{display:grid;gap:var(--f3);margin-top:var(--f2)}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--f4)}
.cform label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.cform input,.cform select,.cform textarea{font:400 17px Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--basalt);background:transparent;border:0;border-bottom:1px solid #7D786F;border-radius:0;padding:8px 0;outline:none;transition:border-color .3s}
.cform textarea{resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-bottom-color:var(--kobalt)}
.cform .send{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap;margin-top:var(--f2)}
.cform .note{font-size:14px;color:var(--soft)}
.cform .note.err{color:#A13A2B}
@media (max-width:860px){ #hero h1 .l{white-space:normal} .cform .two{grid-template-columns:1fr} }
/* ---------- Band und Fuß nach Vorlage ---------- */
.band{position:relative;overflow:hidden;background:var(--terra);color:var(--bianco);padding:var(--f6) 0;margin-top:var(--f7)}
.band .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.618fr;gap:var(--f5);align-items:center}
.band .eyebrow{color:#F1DDD4}
.band .s{font-family:Outfit,sans-serif;font-size:clamp(26px,2.75vw,34px);line-height:1.25;font-weight:500;letter-spacing:-.01em;max-width:26ch}
.band .ros{position:absolute;right:-55px;top:50%;width:420px;transform:translateY(-50%);opacity:.14}
.band .ros svg{width:100%;height:auto;display:block}
footer{background:var(--sand);color:var(--basalt);padding:var(--f6) 0 var(--f4)}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:var(--f4);flex-wrap:wrap}
footer .firma svg{height:89px;width:auto;display:block}
footer .mid{font-size:17px}
footer .base{margin-top:var(--f5);padding-top:var(--f3);border-top:1px solid rgba(40,46,43,.2);display:flex;justify-content:space-between;gap:var(--f3);flex-wrap:wrap;font-size:15px;color:#3B3A33}
footer .base button{background:none;border:0;color:#3B3A33;font:inherit;cursor:pointer;padding:0;transition:color .3s}
footer .base button:hover{color:var(--kobalt)}
footer .flogo{display:none}
footer .base a,footer .top a{display:inline;padding:0}
footer{margin-top:0!important;box-shadow:none}

.t-flieder .txt{color:#3B3A33} .t-flieder .dot{background:var(--kobalt)}
.top23>:first-child{grid-column:span 2} .top23>:last-child{grid-column:span 3}
.stats3>:nth-child(3){grid-column:span 2}
@media (max-width:1100px){ .top23{grid-template-columns:1fr} .top23>*{grid-column:auto!important} .stats3{grid-template-columns:1fr 1fr} .stats3>:nth-child(3){grid-column:auto} }
@media (max-width:640px){ .stats3{grid-template-columns:1fr} }

/* große 3 als Schatten im Hintergrund der Zahlen */
.stats3 .ghost{position:absolute;right:-.04em;bottom:-.3em;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(220px,21vw,320px);line-height:1;letter-spacing:-.05em;color:rgba(40,46,43,.08);pointer-events:none;z-index:0;transform:translateY(13px);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.stats3.in .ghost{transform:none}
.stats3 .tile>:not(.ghost){position:relative;z-index:1}
.stats3 .t-terra .ghost{color:rgba(40,46,43,.12)}
/* ===== v9: Globus-Bühne als Hero, Formular darunter, Click to win ===== */
#stage{position:relative;margin-top:var(--f6);height:calc(100vh - var(--f6));height:calc(100svh - var(--f6));min-height:600px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;background:var(--bianco)}
#stage.grab{cursor:grabbing} #stage.aim{cursor:crosshair}
#stage .bg{position:absolute;inset:-3%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#stage .bg img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95)}
#stage .wash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(242,240,236,.15) 0%,rgba(242,240,236,.42) 52%,rgba(242,240,236,.78) 100%)}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block}
#labels{position:absolute;inset:0;pointer-events:none}
#labels .lab{position:absolute;transform:translate(10px,8px);font:600 11px "IBM Plex Mono",monospace;color:var(--basalt);background:rgba(242,240,236,.88);padding:2px 6px;border-radius:2px;white-space:nowrap;transition:opacity .25s}
#labels .city{position:absolute;transform:translate(8px,-18px);font:600 10.5px "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--basalt);text-shadow:0 0 6px rgba(242,240,236,.9);white-space:nowrap;transition:opacity .3s}
#vlc,#pick{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--kobalt);opacity:0;transition:opacity .4s}
#vlc:after,#pick:after{content:"";position:absolute;inset:-9px;border:1.5px solid var(--kobalt);border-radius:50%;animation:gring 2s ease-out infinite}
#pick{background:var(--terra)} #pick:after{border-color:var(--terra)}
@keyframes gring{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.2)}}
#stage .board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:13px;opacity:0;transition:opacity .5s,transform .9s;pointer-events:none}
#stage .board.on{opacity:1}
#stage .board.out{opacity:0;transform:translate(-50%,-60%) scale(.96)}
#stage .board .lb{font:600 13px "IBM Plex Mono",monospace;letter-spacing:.32em;display:flex;align-items:center;gap:10px}
#stage .board .lb i{width:9px;height:9px;border-radius:50%;background:var(--kobalt)}
#stage .board .row{display:flex;gap:6px}
#stage .headline{position:absolute;left:0;right:0;bottom:10vh;text-align:center;opacity:0;transform:translateY(21px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1);pointer-events:none;padding:0 21px}
#stage .headline.on{opacity:1;transform:none}
#stage .headline.off{opacity:0!important}
#stage .headline h1{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:clamp(40px,6vw,92px);line-height:1.02;letter-spacing:-.015em;margin:13px 0 21px;color:var(--basalt);text-shadow:0 0 34px rgba(242,240,236,.85)}
#stage .headline .btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
#stage .headline .btn{pointer-events:auto}
.btn.ghostbtn{background:rgba(242,240,236,.7);color:var(--basalt);box-shadow:inset 0 0 0 1px var(--basalt)}
.btn.ghostbtn:hover{color:var(--bianco)}
#hint{position:absolute;left:50%;top:21px;transform:translateX(-50%);font:600 12px "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--basalt);background:rgba(242,240,236,.85);padding:6px 12px;border-radius:999px;opacity:0;transition:opacity .5s;pointer-events:none;margin:0;white-space:nowrap}
#hint.on{opacity:1}
#stage .ctrl{position:absolute;right:21px;bottom:21px;display:flex;gap:8px}
#stage .ctrl button{background:rgba(242,240,236,.92);border:1px solid var(--basalt);color:var(--basalt);font:500 13px Inter,sans-serif;padding:8px 16px;border-radius:999px;cursor:pointer}
#stage .ctrl button:hover{border-color:var(--kobalt);color:var(--kobalt)}
.gcard{position:absolute;background:rgba(242,240,236,.97);backdrop-filter:blur(8px);box-shadow:0 21px 55px rgba(40,46,43,.18);padding:28px 30px;display:flex;flex-direction:column;gap:13px;visibility:visible;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s;cursor:auto}
.gcard[hidden]{display:flex!important;opacity:0;transform:translateY(13px);pointer-events:none;visibility:hidden;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .5s}
.gcard h2,.gcard h3{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:30px;line-height:1.1;margin:0;letter-spacing:-.01em}
.gcard .ctry{color:var(--soft);margin:-6px 0 0;font-size:15px}
.gcard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 21px;font-size:15px}
.gcard dt{color:var(--soft)} .gcard dd{margin:0;font-weight:600}
.gcard .x{position:absolute;right:13px;top:10px;background:none;border:0;font-size:22px;cursor:pointer;color:var(--soft)}
.gcard .x:hover{color:var(--kobalt)}
#panel{left:34px;bottom:34px;width:min(380px,calc(100% - 68px))}
#game{left:50%;top:50%;width:min(480px,calc(100% - 42px));transform:translate(-50%,-50%);max-height:calc(100% - 42px);overflow:auto}
#game[hidden]{transform:translate(-50%,-46%)}
#game > div{display:flex;flex-direction:column;gap:13px}
#game > div[hidden]{display:none}
#game p.t{margin:0;color:#3B3F3C;line-height:1.55}
#game label.f{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);position:relative}
#game input[type=text],#game input[type=email]{font:400 17px Inter,sans-serif;color:var(--basalt);background:transparent;border:0;border-bottom:1px solid #7D786F;padding:8px 0;outline:none;letter-spacing:0;text-transform:none}
#game input:focus{border-bottom-color:var(--kobalt)}
#game input:disabled{color:var(--soft)}
#game .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#3B3F3C;line-height:1.45}
#game .chk input{margin-top:3px;accent-color:var(--gruen)}
#game .err{color:#A13A2B;font-size:14px;min-height:1em;margin:0}
#game .meta{font-size:13px;color:var(--soft);margin:0}
#game .win{color:var(--kobalt)}
.sugg{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--bianco);box-shadow:0 13px 34px rgba(40,46,43,.18);display:flex;flex-direction:column;max-height:260px;overflow:auto}
.sugg[hidden]{display:none}
.sugg button{text-align:left;background:none;border:0;padding:10px 13px;font:500 15px Inter,sans-serif;color:var(--basalt);cursor:pointer;display:flex;justify-content:space-between;gap:13px}
.sugg button span{color:var(--soft);font-weight:400;font-size:13px;text-transform:none;letter-spacing:0}
.sugg button:hover,.sugg button:focus{background:rgba(41,74,181,.08);outline:none}
/* Formular direkt unter der Bühne */
.consult-sec{max-width:1240px;margin:0 auto;padding:var(--f6) var(--f5) var(--f5);display:grid;grid-template-columns:1fr 1.618fr;gap:var(--f5)}
.consult-sec h2{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:clamp(34px,3.6vw,55px);line-height:1.05;margin:13px 0 0;letter-spacing:-.015em}
.consult-sec .lead{color:var(--soft);margin-top:21px;max-width:36ch;line-height:1.6}
.cform .filled{background:rgba(41,74,181,.07)}
.cform input,.cform select,.cform textarea{transition:border-color .3s,background .6s}
.cform .note.err{color:#A13A2B}
/* Rest der Seite erst beim Scrollen */
.later{opacity:0;transform:translateY(34px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.later.in{opacity:1;transform:none}
@media (max-width:860px){.consult-sec{grid-template-columns:1fr;padding:var(--f5) var(--f3)}#panel{left:21px;bottom:72px;width:calc(100% - 42px)}}
@media (prefers-reduced-motion: reduce){.later{opacity:1;transform:none;transition:none}}
.aboutw .cols2{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f5);margin-top:auto;align-items:end}
@media (max-width:860px){.aboutw .cols2{grid-template-columns:1fr;gap:var(--f3)}}


/* ===== v10 ===== */
#gqbg{opacity:.38!important}
:root{--btn:#E5C66D;--btn-ink:#282E2B;--btn-hov:#294AB5;--btn-hov-ink:#F2F0EC;--acc:#A8C8DA;--acc-ink:#282E2B}
:root[data-pal="gold"]{--btn:#FFD34F;--acc:#294AB5;--acc-ink:#F2F0EC}
:root[data-pal="lime"]{--btn:#DDE379;--acc:#294AB5;--acc-ink:#F2F0EC}
:root[data-pal="green"]{--btn:#244C49;--btn-ink:#F2F0EC;--acc:#294AB5;--acc-ink:#F2F0EC}
:root[data-pal="cobalt"]{--btn:#294AB5;--btn-ink:#F2F0EC;--btn-hov:#282E2B;--btn-hov-ink:#F2F0EC;--acc:#DDE379;--acc-ink:#282E2B}
summary b{background:var(--btn)!important;color:var(--btn-ink)!important;transition:background .3s,color .3s}
summary:hover b{background:var(--btn-hov)!important;color:var(--btn-hov-ink)!important}
.btn,.btn-b,.btn-g{background:var(--btn)!important;color:var(--btn-ink)!important;transition:color .35s,box-shadow .4s}
.btn:before{background:var(--btn-hov)!important}
.btn:hover,.btn:focus-visible{color:var(--btn-hov-ink)!important}
.btn.ghostbtn{background:rgba(242,240,236,.72)!important;color:var(--basalt)!important}
.btn.ghostbtn:hover{color:var(--bianco)!important}
.t-kob{background:var(--acc)!important;color:var(--acc-ink)!important}
.t-kob .eyebrow{color:var(--acc-ink)!important;opacity:.75}
/* kleiner Globus: Überschrift links, Bild kräftig */
#stage.mini .headline{text-align:left;left:var(--f5);right:auto;bottom:12vh;max-width:min(56%,820px);padding:0}
#stage.mini .headline .btns{justify-content:flex-start}
#stage .wash{transition:none}
/* 3D: Kacheln neigen sich, Licht folgt, Schatten-Zahlen liegen tiefer */
.tilt,.stats3 .tile,.t-kob{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;will-change:transform}
.stats3 .ghost,.ghost30{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ghost30{position:absolute;right:-.04em;bottom:-.22em;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(180px,19vw,300px);line-height:1;letter-spacing:-.05em;color:rgba(40,46,43,.06);pointer-events:none;z-index:0}
.teaser>:not(.ghost30){position:relative;z-index:1}
/* 360° dreht sich einmal um die eigene Achse */
.t-kob .big{transform-origin:82% 55%}
.t-kob .big.spin3{animation:spin360 1.5s cubic-bezier(.2,.7,.2,1)}
@keyframes spin360{from{transform:perspective(700px) rotateY(0)}to{transform:perspective(700px) rotateY(360deg)}}
/* Einblenden mit leichter Klappbewegung */
.reveal{transform:perspective(1400px) rotateX(6deg) translateY(34px);transform-origin:50% 0}
.reveal.in{transform:none}
@media (prefers-reduced-motion: reduce){.t-kob .big{animation:none!important}.reveal{transform:none}}

/* ===== v10.1 ===== */
#gqbg{opacity:.55!important}
#valencia .ph img{filter:sepia(.34) saturate(.78) contrast(.96) brightness(1.02)}
#valencia .ph:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(216,197,171,.22),rgba(171,80,62,.18));mix-blend-mode:multiply}
#stage .wash{background:linear-gradient(90deg,rgba(242,240,236,.66) 0%,rgba(242,240,236,.42) 36%,rgba(242,240,236,.12) 66%,rgba(242,240,236,0) 100%),linear-gradient(0deg,rgba(242,240,236,.5) 0%,rgba(242,240,236,0) 40%)!important;opacity:1!important}
#stage .gwash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(242,240,236,.06) 0%,rgba(242,240,236,.24) 55%,rgba(242,240,236,.42) 100%)}
#stage .headline,#stage.mini .headline{left:var(--f5);right:auto;text-align:left;bottom:11vh;max-width:min(58%,880px);padding:0}
#stage .headline .btns,#stage.mini .headline .btns{justify-content:flex-start}
#stage .headline .eyebrow{color:#3B3F3C;letter-spacing:.24em}
#stage .headline h1{font-size:clamp(46px,6.6vw,108px);line-height:1.02;letter-spacing:-.015em;margin:13px 0 21px}
#stage .headline .sub{font-size:21px;line-height:1.5;color:#33383A;max-width:34ch;margin:0 0 var(--f4);text-shadow:0 0 21px rgba(242,240,236,.9)}
.ball{position:absolute;left:0;top:0;border-radius:50%;z-index:6;pointer-events:none;will-change:transform;box-shadow:0 2px 8px rgba(41,74,181,.3)}
@media (max-width:860px){#stage .headline,#stage.mini .headline{left:var(--f3);max-width:calc(100% - 42px);bottom:8vh}#stage .headline .sub{font-size:17px}}

/* Hero: Schreibschrift Allison schreibt sich, dann Slogan und Aussage */
#stage .headline .sig{display:block;width:min(46%,560px);min-width:280px;height:auto;margin:0 0 4px -6px}
#stage .headline .sig .glyph{fill:var(--terra)}
#stage .headline .sig .nib{fill:var(--terra);opacity:0;transition:opacity .4s}
#stage .headline .since{font:400 13px Inter,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#4A4F4C;margin:0 0 13px}
#stage .headline h1{font-size:clamp(44px,5.4vw,88px);white-space:nowrap}
@media (max-width:900px){#stage .headline h1{white-space:normal}}
#stage .headline,#stage.mini .headline{max-width:min(66%,960px)}
@media (max-width:860px){#stage .headline .sig{width:78%}}


/* ===== v11: Startseite in neun ruhigen Abschnitten, Unterseiten ===== */
section.blk{padding:var(--f7) 0 0}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--f4);margin-bottom:var(--f5);flex-wrap:wrap}
.sec-h h2{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(34px,3.9vw,55px);line-height:1.05;margin:var(--f3) 0 0;letter-spacing:-.015em}
.more{display:flex;gap:var(--f3);align-items:center;flex-wrap:wrap;margin-top:var(--f4)}
.lnk{font-weight:600;color:var(--basalt);background-image:linear-gradient(var(--kobalt),var(--kobalt));background-size:100% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:3px;transition:color .3s,background-size .3s}
.lnk:hover{color:var(--kobalt)}
.visa-c{display:flex;flex-direction:column;gap:var(--f2);min-height:233px}
.visa-c h3{font-size:26px!important}
.visa-c .lnk{margin-top:auto;align-self:flex-start}
.visa-c.dark{background:var(--basalt);color:var(--bianco);box-shadow:none}
.visa-c.dark .eyebrow{color:#C9C4BB} .visa-c.dark .txt{color:#E6E2DA} .visa-c.dark .lnk{color:var(--bianco)}
.pk .price{font-family:Outfit,sans-serif;font-size:34px;font-weight:600;letter-spacing:-.02em;margin-top:auto}
.trustline{margin-top:var(--f4);font-size:14px;letter-spacing:.04em;color:var(--soft)}
/* Unterseiten */
#page[hidden],#home[hidden],#stage[hidden]{display:none!important}
.pg-hero{padding:calc(var(--f6) + var(--f6)) 0 var(--f5)}
.pg-hero .crumb{font-size:13px;color:var(--soft);margin:0 0 var(--f4)}
.pg-hero .crumb a{color:var(--soft);text-decoration:underline}
.pg-hero .crumb .backlnk{color:var(--basalt);text-decoration:none;font-weight:600}
.pg-hero .crumb .backlnk:hover{color:var(--kobalt)}
.pg-hero .crumb .sep{margin:0 8px}
.backrow{margin-top:var(--f5)}
.pg-hero h1{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(40px,5vw,76px);line-height:1.04;letter-spacing:-.015em;margin:var(--f3) 0 var(--f3);max-width:20ch}
.pg-hero .lead{font-size:21px;line-height:1.55;color:#3B3F3C;max-width:46ch;margin:0 0 var(--f4)}
.pg-body{padding:var(--f5) 0 var(--f6)}
.facts2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--f2)}
.facts2 .tile h3{font-size:15px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-family:Inter,sans-serif}
.facts2 .tile p{font-size:21px;line-height:1.4}
.ph-note{font-size:14px;color:var(--soft);background:rgba(216,197,171,.25);padding:var(--f2) var(--f3);margin-top:var(--f4)}
.pg-cta{background:var(--terra);color:var(--bianco);padding:var(--f6) 0}
.pg-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--f4);flex-wrap:wrap}
.pg-cta h2{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(28px,3vw,42px);margin:0;max-width:24ch}
.rel{display:flex;gap:var(--f3);flex-wrap:wrap;margin-top:var(--f5)}
.flist .r{display:grid;grid-template-columns:1fr auto;gap:var(--f3);padding:var(--f3) 0;border-top:1px solid var(--line);align-items:baseline}
.flist .r:last-child{border-bottom:1px solid var(--line)}
.flist h3{font-size:21px!important;margin:0 0 6px} .flist p{color:var(--soft)}
.flist .p{font-family:Outfit,sans-serif;font-size:30px;font-weight:600;white-space:nowrap}
body.subpage .band{display:none}
footer .sitemap{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--f4);margin-bottom:var(--f5)}
footer .sitemap h5{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 var(--f2);color:#3B3A33}
footer .sitemap a{display:block!important;padding:4px 0!important;color:#3B3A33}
footer .sitemap a:hover{color:var(--kobalt)}
@media (max-width:860px){.facts2{grid-template-columns:1fr} footer .sitemap{grid-template-columns:1fr 1fr}}

/* Einstieg: großer Schriftzug in der Mitte, dann Flug an den Platz */
#stage .sigintro{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(76vw,1180px);text-align:center;pointer-events:none;z-index:6;display:none}
#stage .sigintro.on{display:block}
#stage .sigintro .sig{display:block;width:100%;height:auto;transform-origin:0 0}
#stage .sigintro .sig .glyph{fill:var(--terra)}
#stage .sigintro .sig .nib{fill:var(--terra);opacity:0}
#stage .sigintro .since{display:inline-block;font:400 21px Inter,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#4A4F4C;margin:21px 0 0;opacity:0;transform-origin:0 0;transition:opacity 1s ease}
#stage .sigintro.since-on .since{opacity:1}
#stage .sigintro.fly .sig,#stage .sigintro.fly .since{transition:transform 1.25s cubic-bezier(.65,0,.25,1),opacity 1s}
#stage .headline .since{display:inline-block}
#stage .headline .sig,#stage .headline .since{opacity:0;transition:none}
#stage .headline.sigset .sig,#stage .headline.sigset .since{opacity:1}
#stage .headline h1,#stage .headline .sub,#stage .headline .btns{transition:opacity 1.3s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
#stage .headline .sub{transition-delay:.55s} #stage .headline .btns{transition-delay:1.1s}
#stage .headline.intro h1,#stage .headline.intro .sub,#stage .headline.intro .btns,#stage .headline:not(.on) h1,#stage .headline:not(.on) .sub,#stage .headline:not(.on) .btns{opacity:0;transform:translateY(21px)}
#stage .headline.intro .btns{pointer-events:none}
#stage.introdone #skipIntro{display:none}
#stage:not(.introdone) #replay{display:none}
#stage:not(.introdone) #hint{opacity:0!important}
@media (max-width:860px){#stage .sigintro{width:90vw}#stage .sigintro .since{font-size:15px}}

.flist .p small{display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:var(--soft);text-align:right;margin-top:4px;letter-spacing:0}

.pool{display:flex;align-items:center;gap:8px;font:600 13px Inter,Arial,sans-serif;color:var(--terra);margin:8px 0 0;letter-spacing:.01em}
.pool i{width:8px;height:8px;border-radius:50%;background:var(--terra);flex:none;animation:poolpulse 1.8s ease-in-out infinite}
.pool b{font-weight:700}
.pool.empty{color:var(--soft)} .pool.empty i{background:var(--soft);animation:none}
@keyframes poolpulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.pool i{animation:none}}

/* Kleiner Globus im Hintergrund: Ring und Hinweis zum Öffnen */
#miniRing{position:absolute;left:0;top:0;border-radius:50%;border:1.5px solid var(--terra);pointer-events:none;opacity:0;transform:var(--rt);transform-origin:center;z-index:3}
#miniRing.on{animation:miniPulse 2.6s ease-out infinite}
@keyframes miniPulse{0%{opacity:.75;transform:var(--rt) scale(1)}100%{opacity:0;transform:var(--rt) scale(1.32)}}
#miniHint{position:absolute;left:0;top:0;z-index:4;opacity:0;pointer-events:none;transition:opacity .45s;font:600 11px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--basalt);background:rgba(242,240,236,.92);border:1px solid var(--basalt);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
#miniHint.on{opacity:1;pointer-events:auto}
#miniHint:hover{border-color:var(--kobalt);color:var(--kobalt)}
@media (prefers-reduced-motion: reduce){#miniRing.on{animation:none;opacity:.6}}

/* Abschnitte abwechselnd abgehoben, größere Abstände, leicht transparente Kacheln und Kopfzeile */
section.blk{padding:calc(var(--f7) * .85) 0}
#home > section.blk:nth-of-type(even){background:rgba(216,197,171,.17);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#home > section.blk:last-of-type{padding-bottom:var(--f7)}
.pg-body{background:rgba(216,197,171,.17);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--f6) 0 var(--f7)}
.tile{background:rgba(242,240,236,.62)}
.t-terra{background:color-mix(in srgb,var(--terra) 90%,transparent)}
.t-oliv{background:color-mix(in srgb,var(--oliv) 88%,transparent)}
.t-sand{background:color-mix(in srgb,var(--sand) 88%,transparent)}
.t-flieder{background:color-mix(in srgb,var(--flieder) 88%,transparent)}
.t-kob{background:color-mix(in srgb,var(--acc) 90%,transparent)!important}
.visa-c.dark{background:color-mix(in srgb,var(--basalt) 92%,transparent)}
header{transition:transform .4s cubic-bezier(.2,.7,.2,1),background .35s,box-shadow .35s}
header.solid{background:rgba(242,240,236,.78)}
header.hide{transform:translateY(-100%)}
.visa-c.dark{background:color-mix(in srgb,#244C49 92%,transparent)}
:root[data-pal="cobalt"]{--btn-hov:#244C49}
#miniHint{font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--soft);background:rgba(242,240,236,.5);border:0;padding:4px 10px}
#miniHint.on{opacity:.8}
#miniHint:hover{color:var(--basalt);border:0}
.ctrl button{background:transparent;border:0;color:var(--soft);font-size:12px;padding:6px 10px;opacity:.7}
.ctrl button:hover{opacity:1;color:var(--basalt);border:0}
.visa-c.dark .lnk{background-image:linear-gradient(#DDE379,#DDE379)}
.visa-c.dark .lnk:hover{color:#DDE379}
.lnk:not(.backlnk){position:relative;padding-right:22px;background-size:calc(100% - 22px) 1.5px}
.lnk:not(.backlnk)::after{content:"";position:absolute;right:0;top:calc(50% - 1.5px);width:6px;height:6px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:translateX(-7px) translateY(-50%) rotate(45deg);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lnk:not(.backlnk)::before{content:"";position:absolute;right:1px;top:calc(50% - 1.5px);width:12px;height:1.6px;background:currentColor;transform:translateX(-7px) translateY(-50%) scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lnk:not(.backlnk):hover::after,.lnk:not(.backlnk):focus-visible::after{transform:translateY(-50%) rotate(45deg)}
.lnk:not(.backlnk):hover::before,.lnk:not(.backlnk):focus-visible::before{transform:translateY(-50%) scaleX(1)}
@media (min-width:1101px){.ga.ga-wide{grid-template-columns:4.236fr 1fr}}
#stage .ctrl button{background:none;border:0;border-radius:0;padding:4px 6px;font:500 12px Inter,Arial,sans-serif;color:var(--soft);opacity:.75;box-shadow:none}
#stage .ctrl button:hover{color:var(--basalt);opacity:1;border:0}
#miniHint{background:none;border:0;padding:4px;color:var(--basalt);line-height:0}
#miniHint svg{width:26px;height:26px;display:block;animation:tapHint 2.4s ease-in-out infinite}
#miniHint.on{opacity:.65}
#miniHint:hover{opacity:1;color:var(--terra)}
@keyframes tapHint{0%,60%,100%{transform:translateY(0) scale(1)}70%{transform:translateY(3px) scale(.92)}80%{transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion: reduce){#miniHint svg{animation:none}}
@media (prefers-reduced-motion: reduce){header{transition:background .35s}}

/* Universities & companies als eigene Sektion */
.gb2{grid-template-columns:1.618fr 1fr 1fr}
.gb2 .big{grid-row:span 2}
.gb2 .wide{grid-column:span 2}
.gb2 .lnk{align-self:flex-start}
.b2b-main{position:relative;overflow:hidden;min-height:377px;justify-content:flex-end}
.b2b-main .ros{position:absolute;right:-89px;top:-55px;width:377px;opacity:.14;pointer-events:none}
.b2b-main .ros svg{width:100%;height:auto;display:block}
.b2b-main .eyebrow{color:#F1DDD4}
.b2b-main h2{max-width:20ch;position:relative}
.b2b-main .txt{color:#F6E9E3;max-width:44ch;position:relative}
@media (max-width:1100px){.gb2{grid-template-columns:1fr}.gb2 .big,.gb2 .wide{grid-row:auto;grid-column:auto}.b2b-main{min-height:300px}}

/* Kontrast nach WCAG 2.2 AA (axe): Terrakotta deckend, helle Schrift heller, Etiketten dunkler */
.t-terra{background:var(--terra)}
.t-terra .eyebrow,.b2b-main .eyebrow{color:#F6EDE6}
.t-terra .txt,.b2b-main .txt{color:#F7EFEA}
.visa-c.dark .eyebrow{color:#DCD7CE}
.t-sand .eyebrow{color:#454944}
footer .tl{color:#3D413D}

/* Kontakt in der Kopfzeile: Aufklappfeld mit Telefon und E-Mail, ohne die Seite zu verlassen */
header .bar nav{margin-left:auto}
.hc{position:relative;margin-left:var(--f4)}
.hc-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:8px 0;cursor:pointer;font:600 13px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--basalt)}
.hc-btn svg{transition:transform .25s}
.hc-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.hc-btn:hover,.hc-btn[aria-expanded="true"]{color:var(--kobalt)}
.hc-panel{position:absolute;right:0;top:calc(100% + 13px);width:min(340px,calc(100vw - 32px));background:rgba(242,240,236,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 13px 34px rgba(40,46,43,.12);padding:var(--f3);display:grid;gap:var(--f2);z-index:60}
.hc-panel[hidden]{display:none}
.hc-row{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--f2);row-gap:2px}
.hc-lab{grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#454944}
.hc-val{font-size:17px;color:var(--basalt);text-decoration:none;word-break:break-all}
.hc-val:hover,.hc-val:focus-visible{color:var(--kobalt);text-decoration:underline;text-underline-offset:3px}
.hc-copy{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:50%;color:var(--basalt);cursor:pointer;transition:color .2s,border-color .2s}
.hc-copy:hover,.hc-copy:focus-visible{color:var(--kobalt);border-color:var(--kobalt)}
.hc-copy.done{color:var(--gruen);border-color:var(--gruen)}
.hc-go{text-decoration:none}
.hc-hours{margin:var(--f1) 0 0;font-size:13px;line-height:1.5;color:#454944}
.hc-row + .hc-row{margin-top:var(--f2)}
.hc-note{margin:0;font-size:13px;color:#454944;min-height:1em}
.hc-note:empty{display:none}

/* Handy: Signatur im Footer darf die Seite nicht verbreitern */
footer .firma{display:block;max-width:100%}
footer .firma svg{max-width:100%;height:auto}

/* FAQ je Visa-Seite */
.faq-by{margin:var(--f2) 0 0;font-size:15px;color:#454944}

/* Randlos: ausgewählte Foto-, Video- und Farbkacheln laufen bis zum Bildschirmrand */
html.bleed .bleed-r{margin-right:calc(-1 * var(--gutR,0px))}
html.bleed .bleed-l{margin-left:calc(-1 * var(--gutL,0px))}
html.bleed .bleed-r,html.bleed .bleed-l{transform:none!important}
@media (max-width:1100px){html.bleed .bleed-r,html.bleed .bleed-l{margin-left:calc(-1 * var(--gutL,0px));margin-right:calc(-1 * var(--gutR,0px))}}

/* Kanzlei-Aussage: randlos nach links, Text bleibt im Raster; leichter als die Hero-Überschrift, mehr Luft */
html.bleed .bleed-l.bleed-text{padding-left:calc(var(--f4) + var(--gutL,0px))}
.ga-wide .t-oliv{padding-top:var(--f5);padding-bottom:var(--f5);justify-content:center}
.ga-wide .t-oliv h2{font-weight:400;font-size:clamp(30px,3.1vw,46px);line-height:1.18;letter-spacing:-.01em;max-width:30ch}
@media (max-width:1100px){html.bleed .bleed-text{padding-left:calc(var(--f3) + var(--gutL,0px));padding-right:calc(var(--f3) + var(--gutR,0px))}.ga-wide .t-oliv{padding-top:var(--f4);padding-bottom:var(--f4)}}

/* About als eine Sektion: Aussage, Zahlen, Kanzlei */
.ab-lead{min-height:0;padding-top:var(--f5);padding-bottom:var(--f5)}
.ab-lead h2{font-weight:400;font-size:clamp(34px,3.6vw,55px);line-height:1.12;letter-spacing:-.01em;margin:0}
.ab-lead .txt{font-size:19px;line-height:1.55;max-width:62ch;color:var(--basalt)}
.stats4>:nth-child(3){grid-column:auto}
.stats4 .t-kob .ghost{color:rgba(40,46,43,.1)}
.stats4 .t-kob .txt,.stats4 .t-kob .big{color:var(--acc-ink)}
.tile .lnk{align-self:flex-start}
@media (max-width:1100px){.stats4{grid-template-columns:1fr 1fr}.ab-lead{padding-top:var(--f4);padding-bottom:var(--f4)}}
@media (max-width:600px){.stats4{grid-template-columns:1fr}}

/* Intro parallel: Botschaft sofort, Schrift schreibt sich an ihrem Platz, keine Tafel, kein Überspringen nötig */
html[data-intro="parallel"] #stage .board{display:none}
html[data-intro="parallel"] #skipIntro{display:none!important}

/* Parallel: Überschrift, Unterzeile und Knöpfe stehen ab dem ersten Bild, ohne auf das Skript zu warten */
html[data-intro="parallel"] #stage .headline:not(.intro):not(.off){opacity:1;transform:none}
html[data-intro="parallel"] #stage .headline:not(.intro) h1,html[data-intro="parallel"] #stage .headline:not(.intro) .sub,html[data-intro="parallel"] #stage .headline:not(.intro) .btns{opacity:1;transform:none;transition:none}
html[data-intro="parallel"] #stage .headline:not(.intro) .since{opacity:1}

/* Hand mit Text am kleinen Globus */
#miniHint{display:inline-flex;align-items:center;gap:8px;line-height:1}
#miniHint .xp{font:500 11px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
#miniHint.on{opacity:.85}

/* Während der Landify Experience bleibt der Herotext weg, bis sie endet oder man daneben klickt */
#stage.exp .headline{opacity:0!important;pointer-events:none}
#stage.exp .headline .btn{pointer-events:none}

/* Experience: Menü ausgeblendet, Tafel sichtbar, auch im Parallel-Modus */
html.exp-on header{transform:translateY(-100%)!important;pointer-events:none}
html.exp-on #stage .board{display:flex}
html.exp-on #stage .ctrl{display:none}

/* Preisseite in Kacheln */
.fgh{margin-top:var(--f6)}
.pg-body .fgh:first-child{margin-top:0}
.fg4{grid-template-columns:repeat(4,1fr)}
.fg3{grid-template-columns:repeat(3,1fr)}
.ftile{min-height:0}
.ftile h3{font-size:21px;margin:0}
.ftile .txt{flex:1}
.ftile .fprice{margin-top:var(--f2);display:flex;flex-direction:column;gap:2px}
.ftile .fprice .p{font:600 clamp(28px,2.6vw,38px)/1.05 Outfit,Arial,sans-serif;letter-spacing:-.01em}
.ftile .fprice small{font-size:13px;color:#454944}
.t-terra.ftile .fprice small,.t-terra.ftile .txt{color:#F7EFEA}
.t-sand.ftile .fprice small{color:#3D413D}
.gb2 .ftile.big .fprice .p{font-size:clamp(34px,3.4vw,55px)}
@media (max-width:1100px){.fg4,.fg3{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fg4,.fg3{grid-template-columns:1fr}}

/* Knöpfe in den Preiskacheln und Auswahlhinweis im Formular */
.ftile .frow{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap;margin-top:var(--f2)}
.ftile .fbtn{padding:11px 21px;font-size:15px}
.t-terra.ftile .fbtn{background:var(--bianco);color:var(--basalt)}
.fsel{display:flex;align-items:center;gap:var(--f2);margin:0 0 var(--f2);padding:10px 13px;border:1px solid var(--line);background:rgba(242,240,236,.8);font-size:15px}
.fsel[hidden]{display:none}
.fsel .fsel-l{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#454944}
.fsel b{flex:1;font-weight:600}
.fsel button{background:none;border:0;font-size:21px;line-height:1;cursor:pointer;color:var(--basalt);padding:0 4px}

/* Zwischenzeile zwischen den Preisgruppen */
.fcta{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap;margin-top:var(--f5);padding:var(--f3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fcta p{margin:0;font:600 21px/1.2 Outfit,Arial,sans-serif}
.fcta .fbtn{padding:11px 21px;font-size:15px}

/* Buchungsseite */
.bk-note{min-height:0;margin-bottom:var(--f4)}
.bk-note .bk-t{font-size:19px;line-height:1.55;margin:0;max-width:68ch}
.bform{max-width:760px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .chk{display:flex;align-items:flex-start;gap:10px;font-size:15px;text-transform:none;letter-spacing:0;font-weight:400}
.cform .chk input{width:18px;height:18px;margin-top:3px;flex:none}
.lnk-plain{color:inherit;text-decoration:underline;text-underline-offset:3px}

.cform label.chk{flex-direction:row;display:flex}

/* Sprachschalter */
.lang{display:flex;align-items:center;gap:6px;margin-left:var(--f4);font:600 13px Inter,Arial,sans-serif;letter-spacing:.16em;color:var(--basalt)}
.lang span{color:#8A8E8A}
.lang button{background:none;border:0;padding:8px 2px;cursor:pointer;font:inherit;letter-spacing:inherit;color:#5B5F5A}
.lang button[aria-pressed="true"]{color:var(--basalt);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.lang button:hover{color:var(--kobalt)}
.lang + .hc{margin-left:var(--f3)}

/* 360°: dreht sich nur um die eigene senkrechte Achse */
.t-kob .big{display:inline-block;width:max-content;max-width:100%;transform-origin:50% 50%}

/* Preiskacheln: Knöpfe zurückgenommen, als feine Rahmenknöpfe */
.ftile .btn.fbtn{background:transparent!important;color:var(--basalt)!important;box-shadow:inset 0 0 0 1px rgba(40,46,43,.28);padding:9px 15px;font-size:13px;font-weight:600;letter-spacing:.02em}
.ftile .btn.fbtn:before{background:rgba(40,46,43,.07)!important}
.ftile .btn.fbtn:hover,.ftile .btn.fbtn:focus-visible{color:var(--basalt)!important;box-shadow:inset 0 0 0 1px var(--basalt)}
.t-terra.ftile .btn.fbtn{color:var(--bianco)!important;box-shadow:inset 0 0 0 1px rgba(242,240,236,.55)}
.t-terra.ftile .btn.fbtn:before{background:rgba(242,240,236,.14)!important}
.t-terra.ftile .btn.fbtn:hover,.t-terra.ftile .btn.fbtn:focus-visible{color:var(--bianco)!important;box-shadow:inset 0 0 0 1px var(--bianco)}
.ftile .frow .lnk{font-size:14px}

/* Icons: Phosphor (regular), Inline-SVG mit currentColor */
button.x svg,#fSelX svg,.hc-copy svg,.hc-btn svg{display:block}
button.x,#fSelX{display:inline-flex;align-items:center;justify-content:center}

/* Desktop-Feinschliff 04.11.2026 */
.price,.pk .price,.stats3 .ghost{font-variant-numeric:tabular-nums}
summary b span{display:flex}summary b span svg{display:block}

/* Ruhiger Hero 04.11.2026 */
#stage .headline .since{display:none!important}
#stage .headline .sig{margin-bottom:8px}
#stage.introdone:not(.exp) #labels .city,#stage.introdone:not(.exp) #labels .lab{opacity:0!important}
#stage .headline .btns{align-items:center;gap:var(--f4)}
#stage .headline .playlnk{pointer-events:auto;appearance:none;background-color:transparent;border:0;border-radius:0;margin:0;padding:0 22px 3px 0;font:600 15px Inter,sans-serif;color:var(--basalt);cursor:pointer}
#stage .headline .playlnk:hover{color:var(--kobalt)}
#stage.exp .headline .playlnk{pointer-events:none}

/* Audit 04.11.2026: Ueberlauf, Menue, 3,000+, Formularfehler, Zaehler, Hero */
html,body{overflow-x:clip}
.navbtn{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0 -10px 0 var(--f2);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.navbtn .ib-close{display:none}
html.navopen .navbtn .ib-open{display:none}html.navopen .navbtn .ib-close{display:block}
.navmail{display:none!important}
html.navopen header nav{background:var(--bianco)!important;backdrop-filter:none}
@media (max-width:1100px){
  .navbtn{display:inline-flex}
  header .bar{justify-content:flex-start}
  header .bar .lang{margin-left:auto}
  html.navopen header nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;background:rgba(242,240,236,.98);box-shadow:0 21px 34px rgba(40,46,43,.12);padding:var(--f2) var(--f5) var(--f3)}
  html.navopen header nav a{padding:13px 0;border-bottom:1px solid var(--line);color:var(--basalt)}
  html.navopen header nav a:last-child{border-bottom:0}
}
@media (max-width:640px){html.navopen header nav{padding-left:var(--f3);padding-right:var(--f3)}
  header .hc{display:none}
  html.navopen header nav .navmail{display:block!important;text-transform:none;letter-spacing:0;font-size:15px}
  html.navopen header nav .navmail span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}}
.t-terra .big .kdot{color:inherit}
.cform [aria-invalid="true"]{border-bottom-color:#A13A2B}
.cform input[type=checkbox][aria-invalid="true"]{outline:2px solid #A13A2B;outline-offset:2px}
.cform button[disabled]{background:var(--soft)!important;color:var(--bianco)!important;box-shadow:none!important;cursor:progress}
.pool{display:none!important}
#stage .headline .btns{column-gap:var(--f3);row-gap:var(--f3)}
#stage .headline .btns .playwrap{flex-basis:100%}

/* Tests 04.11.2026: sichtbarer Fokus in Formularfeldern, Fusszeilen-Ueberschriften als h2 */
.cform input:focus-visible,.cform select:focus-visible,.cform textarea:focus-visible,#game input:focus-visible{box-shadow:0 2px 0 0 var(--kobalt)}
footer h2.fh{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;margin:0 0 var(--f2)}

/* Tests 2 04.11.2026: Fokusring auf farbigen Kacheln, Hero-Text an der Inhaltskante grosser Bildschirme */
.t-terra :focus-visible,.t-gruen :focus-visible,.band :focus-visible,.visa-c.dark :focus-visible{outline-color:var(--bianco)}
@media (min-width:1551px){#stage.mini .headline{left:calc((100% - 1440px)/2)}}
/* Korrektur 05.11.2026: Tabelle der Mittel (Study), Praxiswissen (Visa-Seite, Fees, Pre-check). Keine Seitenstreifen. */
.px-tab h3{margin:0 0 var(--f2);font-family:Inter,sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.px-tab table{width:100%;max-width:720px;border-collapse:collapse;font-size:19px;line-height:1.4}
.px-tab th,.px-tab td{padding:10px 0 10px 12px;border-top:1px solid var(--line);text-align:right;font-weight:400}
.px-tab th[scope=row]{padding-left:0;text-align:left}
.px-tab thead th{font-size:15px;font-weight:600;color:var(--soft)}
.px-tab thead th,.px-tab thead td{border-top:0}
.px-tab tbody tr:last-child>*{font-weight:600}
.px-visa,.px-fees,.px-tab{min-height:0}
.px-visa .txt{font-size:19px;line-height:1.5;max-width:60ch}
.px-fees{max-width:720px}
.px-fees h3{margin:0 0 var(--f1);font-size:21px}
.px-fees ul{margin:0;padding-left:1.1em}
.px-fees li{font-size:17px;line-height:1.6}
.pc-px{margin:var(--f2) 0 0;font-size:14px;line-height:1.5;color:var(--soft)}
/* Datenschutzhinweis 05.11.2026: Ebene 1 unter jedem Formular (kleine Schrift), Kaestchen mit Link, Seite #privacy. Keine Seitenstreifen. */
.cform .chk a,.pv-l1 a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pv-l1{margin:var(--f2) 0 0;max-width:76ch;font-size:13px;line-height:1.55;color:var(--soft)}
.pv-page{min-height:0;max-width:880px}
.pv-page .pv-sec+.pv-sec{margin-top:var(--f4)}
.pv-page .pv-h{margin:0 0 var(--f1);font:600 21px/1.3 Inter,sans-serif}
.pv-page .txt{margin:0 0 var(--f1);font-size:17px;line-height:1.6;max-width:70ch}
.pv-page .pv-ul{margin:0 0 var(--f1);padding-left:1.1em;color:var(--soft)}
.pv-page .pv-ul li{font-size:17px;line-height:1.6;max-width:70ch}
/* Phase 4b 05.11.2026: Kundenbereich. Eintrag in der Kopfleiste vor CONTACT (gleiche Schrift und Hoehe wie hc-btn), Seite #client-area */
header .hc{display:flex;align-items:center;gap:var(--f4)}
.kb-nav{display:inline-flex;align-items:center;padding:8px 0;font:600 13px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--basalt);text-decoration:none}
.kb-nav:hover,.kb-nav:focus-visible{color:var(--kobalt)}
.kb-page .kb-mail{margin:0;font-size:21px;line-height:1.5}
.kb-mail a{color:var(--kobalt);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.kb-copy{display:inline-grid;place-items:center;vertical-align:middle;width:44px;height:44px;margin-left:var(--f2);padding:0;border:1px solid var(--line);border-radius:2px;background:none;color:var(--basalt);cursor:pointer}
.kb-copy:hover,.kb-copy:focus-visible{color:var(--kobalt);border-color:var(--kobalt)}
.kb-copy.kb-done{color:var(--gruen);border-color:var(--gruen)}
.kb-copy svg{display:block;width:20px;height:20px}
.kb-note{min-height:1.5em;margin:var(--f1) 0 0;font-size:15px;color:var(--soft)}
/* Aviso legal 05.11.2026 (build_v18): Seite #legal wie #privacy; Verweis auf #privacy unterstrichen */
.al-page .txt a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.al-page .txt a:hover,.al-page .txt a:focus-visible{color:var(--kobalt)}

/* ===== Phase 5/6 (06.11.2026, AUFTRAG_PHASE_5_6_v01) ===== */
/* A5 Schriftregel v08: Outfit nur fuer H1, Hero-Titel und Zahlen ab 48 px. Sonst Inter; Preise Inter 600. Hierarchie ueber Groesse und Staerke. */
h2,h3,h4{font-family:Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em}
.price,.pk .price,.flist .p,.ftile .fprice .p,.fcta p,.band .s,.gcard h2,.gcard h3,.consult-sec h2,.sec-h h2,.pg-cta h2{font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.price,.pk .price,.flist .p,.ftile .fprice .p{font-weight:600;letter-spacing:-.01em}
.sec-h h2,.consult-sec h2{font-weight:600;letter-spacing:-.02em}
.pg-cta h2{font-weight:600;letter-spacing:-.01em;max-width:34ch}
/* B5: letztes Wort und farbiger Punkt in einem Element (sprache.js, L360Dots) */
.nw{white-space:nowrap}
/* B6: Kopfleiste kleiner und ruhiger, nie zweizeilig; "Log in" mit Icon */
nav{font-size:12px;font-weight:500;letter-spacing:.05em;gap:clamp(14px,1.5vw,26px)}
nav a,.hc-btn,.kb-nav,header .lang{white-space:nowrap}
header .bar>*{flex-shrink:0}
header .bar{gap:clamp(16px,1.6vw,34px)}
.hc-btn,.kb-nav{font-size:12px;font-weight:500;letter-spacing:.05em}
header .lang{font-size:12px;letter-spacing:.05em}
.kb-nav{gap:6px}
.kb-nav svg{display:block;width:20px;height:20px;flex:none}
/* Passt die Leiste ab 1101 px nicht in eine Zeile (menue.js): Menue im Burger wie unter 1101 px */
html.navfit header nav{display:none}
html.navfit .navbtn{display:inline-flex}
html.navfit header .bar{justify-content:flex-start}
html.navfit header .bar .lang{margin-left:auto}
html.navfit.navopen header nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;background:var(--bianco);box-shadow:0 21px 34px rgba(40,46,43,.12);padding:var(--f2) var(--f5) var(--f3)}
html.navfit.navopen header nav a{padding:13px 0;border-bottom:1px solid var(--line);color:var(--basalt)}
html.navfit.navopen header nav a:last-child{border-bottom:0}
/* B1: Hero mit Video (Probe). Poster ueber <picture> nur ab 1024 px; Video blendet ein, sobald es laeuft */
#stage .bg picture,#stage .bg .bg-poster,#stage .bg .bg-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95)}
#stage .bg .bg-film{opacity:0;transition:opacity .9s ease}
#stage .bg .bg-film.on{opacity:1}
/* B1: Hero weicher aufbauen. Ueberschrift, Text, Knoepfe nacheinander */
#stage .headline h1,#stage .headline .sub,#stage .headline .btns{opacity:0;transform:translateY(13px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
#stage .headline.on h1,#stage .headline.on .sub,#stage .headline.on .btns{opacity:1;transform:none}
#stage .headline.on h1{transition-delay:.1s} #stage .headline.on .sub{transition-delay:.35s} #stage .headline.on .btns{transition-delay:.6s}
@media (prefers-reduced-motion: reduce){
  #stage .headline h1,#stage .headline .sub,#stage .headline .btns{opacity:1;transform:none;transition:none}
  #stage .bg .bg-film{display:none}
}
/* B9: Visa-Seiten als Liste wie mobil Variante B, zweispaltig je Stufe, ohne feste Hoehe */
.vs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--f4)}
.vs-h{display:flex;align-items:center;gap:var(--f2);margin:0;padding:13px 16px;border-radius:2px;font:600 21px/1.25 Inter,sans-serif;letter-spacing:0;color:var(--basalt)}
.vs-sand{background:var(--sand)} .vs-oliv{background:var(--oliv)} .vs-flieder{background:var(--flieder)}
.vs-num{display:grid;place-items:center;width:30px;height:30px;border-radius:2px;background:var(--basalt);color:var(--bianco);font:600 17px/1 Inter,sans-serif}
.vs-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--f5)}
.vs-it{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.vs-ic{flex:none;width:24px;height:24px;margin-top:1px;color:var(--basalt)}
.vs-ic svg{display:block;width:24px;height:24px}
.vs-it h3{margin:0 0 4px;font:600 19px/25px Inter,sans-serif;letter-spacing:0;color:var(--basalt)}
.vs-it p{margin:0;font:400 17px/1.5 Inter,sans-serif;color:var(--soft);max-width:60ch}
.vs-tab{margin-top:var(--f4);max-width:720px}
.vs-tab h3{margin:0 0 8px;font:600 19px/25px Inter,sans-serif;letter-spacing:0}
.vs-tab table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.4}
.vs-tab th,.vs-tab td{padding:10px 0 10px 13px;border-top:1px solid var(--line);text-align:right;font-weight:400;vertical-align:top;white-space:nowrap}
.vs-tab th[scope=row]{padding-left:0;text-align:left;white-space:normal}
.vs-tab thead th{font-size:14px;font-weight:600;color:var(--soft)}
.vs-tab thead td,.vs-tab thead th{border-top:0}
.vs-tab tbody tr:last-child>*{font-weight:600;border-bottom:1px solid var(--line)}
.vs-after{margin-top:var(--f2)}
.vs-btn{margin-top:var(--f3);align-self:flex-start}
@media (max-width:1100px){.vs-list{grid-template-columns:1fr}}
.lang + .hc{margin-left:0}
/* Phase 6, axe: Kontrast. Grosse Hintergrundzahl nur Schmuck (Pseudo-Element, Wert in data-g); Etiketten auf Farbflaechen ohne Deckkraft-Abzug */
.ghost30::before{content:attr(data-g)}
.t-terra dt,.t-gruen dt,.t-kob dt{opacity:1}

/* v26: Gewinncode im Formular (nicht editierbar) und Bestätigung nach dem Absenden */
.cform .prize{display:flex;align-items:baseline;gap:var(--f3);flex-wrap:wrap;margin:0;padding:var(--f3) var(--f4);background:rgba(41,74,181,.07);user-select:all}
.cform .prize[hidden],.cdone[hidden],.cdone-code[hidden]{display:none}
.prize-l,.cdone-code span{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.cform .prize b,.cdone-code b{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:.04em;color:var(--basalt)}
.cdone{align-self:start;margin-top:var(--f2);padding:var(--f4) var(--f5);background:rgba(41,74,181,.07);outline:none}
.cdone h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em;margin:0}
.cdone p{margin:var(--f3) 0 0;font-size:17px;line-height:1.6;color:var(--soft)}
.cdone-code{display:flex;align-items:baseline;gap:var(--f3);flex-wrap:wrap}
@media (max-width:860px){.cdone{padding:var(--f3)}}

/* ===== v27 (07.11.2026, AUFTRAG_V27_v01) ===== */
/* 4. Keine Seitenstreifen (DESIGN.md): Fokus und Fehler der Eingabefelder nicht als farbige Linie unten, sondern als Rahmen auf allen Seiten.
   Die graue Feldlinie unten bleibt (Form des Feldes, kein Akzent). */
.cform input:focus,.cform select:focus,.cform textarea:focus,#game input:focus{border-bottom-color:#7D786F;outline:2px solid var(--kobalt);outline-offset:3px}
.cform [aria-invalid="true"]{border-bottom-color:#7D786F;outline:2px solid #A13A2B;outline-offset:3px}
/* 1. Terrakotta-Block Universitaeten: Ueberschrift in Inter (Schriftregel v08), ausdruecklich */
.b2b-main h2{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:600;letter-spacing:-.02em}
/* 3. Etikett: "Valencia 360 · only in Valencia" (map-pin) und "Anywhere in Spain". Ecken 2 px, Rahmen 1 px auf allen Seiten */
.scope{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0;padding:6px 10px;border:1px solid rgba(40,46,43,.3);border-radius:2px;font:600 12px/1.25 Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--basalt)}
.scope svg{display:block;width:16px;height:16px;flex:none;color:var(--kobalt)}
.pg-hero .scope{margin-bottom:var(--f2)}
/* 2./3. Startseite, Abschnitt Valencia 360: Bildstreifen aus drei Fotos, so hoch wie die Textkachel (oben und unten buendig) */
#h-valencia .ga{align-items:stretch}
.tile.photo.strip3{align-self:stretch;background:none}
.tile.photo.strip3 .ph{display:flex;gap:6px;height:100%;min-height:0}
.tile.photo.strip3 .ph img{position:static;display:block;flex:1 1 0;min-width:0;width:auto;height:100%;object-fit:cover}
.tile.photo.strip3 .ph img:nth-child(1){flex-grow:1.08;object-position:46% 50%}
.tile.photo.strip3 .ph img:nth-child(2){object-position:72% 50%}
.tile.photo.strip3 .ph img:nth-child(3){flex-grow:.92;object-position:66% 50%}
.v360{justify-content:center}
.v360 h2{font-size:clamp(28px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em;max-width:18ch}
.v360 .txt{font-size:17px;line-height:1.55;max-width:40ch;margin:0}
.v360-src{margin:0;font-size:13px;line-height:1.5;color:var(--soft)}
.v360 .v360-btn{align-self:flex-start;margin-top:var(--f1)}
@media (max-width:1100px){.tile.photo.strip3 .ph{height:auto;aspect-ratio:2.6/1}}
/* 3. Menue Variante A: ein Punkt "Valencia 360" mit Unterpunkten (Aufklappfeld wie Contact; im Burger als Gruppe) */
.navsub{position:relative;display:flex;align-items:center}
.navsub-b{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;cursor:pointer}
.navsub-b svg{display:block;width:16px;height:16px;flex:none}
.navsub-b .navsub-c{width:12px;height:12px;transition:transform .25s}
.navsub-b[aria-expanded="true"] .navsub-c{transform:rotate(180deg)}
.navsub-p{position:absolute;left:-16px;top:calc(100% + 13px);min-width:240px;display:grid;padding:var(--f1) 0;background:rgba(242,240,236,.98);border:1px solid var(--line);border-radius:2px;box-shadow:0 13px 34px rgba(40,46,43,.12);z-index:60;text-transform:none;letter-spacing:0}
.navsub-p[hidden]{display:none}
.navsub-p a{display:block;padding:11px 16px;font-size:15px;font-weight:500;color:var(--basalt);white-space:nowrap}
.navsub-p a:hover,.navsub-p a:focus-visible{color:var(--kobalt)}
.navsub-l{margin:0;padding:6px 16px 8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
html.navopen header nav .navsub,html.navfit.navopen header nav .navsub{display:block;border-bottom:1px solid var(--line)}
html.navopen header nav .navsub-b{width:100%;padding:13px 0;color:var(--basalt)}
html.navopen header nav .navsub-b .navsub-c{margin-left:auto}
html.navopen header nav .navsub-p{position:static;min-width:0;padding:0 0 var(--f1) 24px;background:none;border:0;box-shadow:none}
html.navopen header nav .navsub-p a{padding:10px 0;border-bottom:0;font-size:15px}
html.navopen header nav .navsub-l{padding:0 0 6px}
/* Fuss: Kopf der Gruppe Valencia im Fuss "Valencia only", im Burger mobil "Valencia 360" mit map-pin */
.fh .gh-m{display:none}
/* Visa-Seiten: Hinweis am Ende; Fees: zwei Bloecke */
.v360-hint{display:flex;align-items:center;gap:10px;margin:var(--f4) 0 0;font-size:17px;font-weight:600}
.v360-hint svg{display:block;width:20px;height:20px;flex:none;color:var(--kobalt)}
.v360-hint a{color:var(--basalt);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.v360-hint a:hover,.v360-hint a:focus-visible{color:var(--kobalt)}
.fblock{margin-top:var(--f6)}
.fblock:first-child{margin-top:0}
.fblock>.scope{font-size:14px;padding:10px 14px;margin-bottom:var(--f2)}
.fblock>.scope svg{width:18px;height:18px}
/* v28 (07.11.2026): Leiste "Click to win" ganz oben ueber dem Menue (nur ab 1024 px, scrollt weg) und Spiel als Ebene ueber der Seite */
.ctwbar{display:none}
@media (min-width:1024px){
  .ctwbar:not([hidden]){display:block;position:relative;z-index:51;height:40px;background:var(--terra);color:var(--bianco);font:400 14px/1.2 Inter,Arial,sans-serif}
  .ctwbar-in{display:flex;align-items:center;justify-content:center;gap:var(--f3);height:100%;position:relative}
  .ctwbar-t{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .ctwbar-t b{font-weight:600}
  .ctwbar-play{flex:none;background:var(--bianco);color:var(--terra-d);border:0;border-radius:999px;padding:6px 16px;font:600 13px Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
  .ctwbar-play:hover{background:var(--basalt);color:var(--bianco)}
  .ctwbar-x{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:0;border-radius:50%;color:var(--bianco);cursor:pointer}
  .ctwbar-x:hover{background:rgba(242,240,236,.16)}
  .ctwbar :focus-visible{outline:2px solid var(--bianco);outline-offset:2px}
}
/* Ebene: die Buehne liegt fest ueber der Seite; die Seite darunter bleibt stehen */
html.ov{overflow:hidden}
#stage.ov{position:fixed;inset:0;z-index:80;margin:0;height:100vh;height:100dvh;min-height:0}
#stage.ov .headline,#stage.ov .ctrl,#stage.ov #miniHint,#stage.ov #miniRing,#stage.ov #panel,#stage.ov .sigintro{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.govx{display:none}
#stage.ov .govx{display:flex;align-items:center;gap:8px;position:absolute;top:var(--f3);right:var(--f3);z-index:7;background:rgba(242,240,236,.92);border:1px solid var(--basalt);color:var(--basalt);font:500 14px Inter,sans-serif;padding:8px 16px 8px 12px;border-radius:999px;cursor:pointer}
#stage.ov .govx:hover{border-color:var(--kobalt);color:var(--kobalt)}
#gResH:focus{outline:none}
#gResH:focus-visible{outline:3px solid var(--kobalt);outline-offset:3px}
/* v28: Hinweis zum Gebiet auf Relocation 360, Property Legal, Why Valencia und im Block "Valencia and surroundings" der Fees. Rahmen auf allen Seiten, kein Seitenstreifen */
.area-note{display:flex;align-items:flex-start;gap:12px;max-width:62ch;margin:var(--f3) 0 var(--f4);padding:14px 18px;border:1px solid rgba(40,46,43,.3);border-radius:2px;font:500 17px/1.5 Inter,"Helvetica Neue",Arial,sans-serif;color:var(--basalt);background:rgba(242,240,236,.6)}
.area-note svg{display:block;width:22px;height:22px;flex:none;margin-top:2px;color:var(--kobalt)}
.fblock>.area-note{margin:0 0 var(--f3)}
/* v31 (08.11.2026, KORREKTUREN_MARCUS_2026-11-08): Renewals als Querkachel unter den Visa-Kacheln, Pakete mit Fussnote, Relocation 360 als eine Seite, Enterprise-Formular, 404 */
.renew-c{margin-top:var(--f2);min-height:0;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--f4);padding:var(--f4) var(--f5)}
.renew-c h3{font-size:clamp(24px,2.4vw,34px);line-height:1.15;margin:var(--f1) 0 var(--f2)}
.renew-c .txt{max-width:62ch;margin:0}
@media (max-width:860px){.renew-c{flex-direction:column;align-items:flex-start;padding:var(--f4) var(--f3)}}
.pk-ast,.f-ast{font-size:.6em;vertical-align:super;margin-left:1px}
.pk-ent .lnk{font-size:17px;font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.pk-fuss,.f-fuss{max-width:96ch;margin:var(--f3) 0 0;font-size:13px;line-height:1.55;color:var(--soft)}
.pg-hero .renew-l{display:inline-block;margin-left:var(--f4);font-size:15px}
@media (max-width:640px){.pg-hero .renew-l{margin:var(--f3) 0 0}}
.rl-scope{max-width:70ch;margin:0 0 var(--f4);font-size:19px;line-height:1.55;color:var(--basalt)}
.rl-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.rl-grid{grid-template-columns:1fr}}
.rl-grid .tile,.rl-sec{scroll-margin-top:110px}
.rl-grid .lnk{margin-top:auto}
.rl-h{margin-top:var(--f6)}
.area-note a{color:var(--kobalt);text-decoration:underline;text-underline-offset:3px;font-weight:600;white-space:nowrap}
.ftile .f-none{display:block;min-height:1em}
.ent-sec{margin-top:var(--f6);scroll-margin-top:110px}
.ent-sec .lead{font-size:19px;line-height:1.55;color:#3B3F3C;max-width:60ch;margin:var(--f2) 0 0}
.eform{max-width:760px}
.eform .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--f4)}
@media (max-width:860px){.eform .two{grid-template-columns:1fr}}
.nf-links{display:flex;flex-wrap:wrap;gap:var(--f3) var(--f4);margin-top:var(--f3)}
.nf-links .lnk{font-size:17px}
.rl-sec#packages,section#packages{margin-top:var(--f5)}
/* v31: Knopf der Querkachel hell auf Terrakotta (Palette setzt .btn mit !important, gleiches Muster wie .ghostbtn) */
.renew-c .btn{flex:none;background:var(--bianco)!important;color:var(--basalt)!important}
/* v32: Mehrfachauswahl im Enterprise-Formular */
.eform .chkgrp{border:0;margin:0;padding:0;min-width:0}
.eform .chkgrp legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.eform .chkgrp{display:flex;flex-wrap:wrap;gap:8px 28px}
.eform .chkgrp legend{flex:0 0 100%;float:left}
.eform .chkgrp .chk{flex:0 0 auto}
/* v33: Telefon und WhatsApp (Kontakt-Fenster, Fuss, Team, Buchung) */
footer .sitemap .f-hours{margin:var(--f1) 0 var(--f1);font-size:13px;line-height:1.5;color:#3B3A33}
.person .p-tel{display:inline-flex;align-items:center;min-height:28px;margin-top:2px;font-size:14px;color:var(--kobalt);text-decoration:none}
.person .p-tel:hover,.person .p-tel:focus-visible{text-decoration:underline;text-underline-offset:3px}
.bk-contact{margin-bottom:var(--f4)}
.bk-contact .bk-c-l{display:flex;flex-wrap:wrap;gap:var(--f2) var(--f4);margin:var(--f1) 0 0}
.bk-contact .bk-c{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:600;color:var(--kobalt);text-decoration:none}
.bk-contact .bk-c:hover,.bk-contact .bk-c:focus-visible{text-decoration:underline;text-underline-offset:4px}
.bk-contact .bk-c-h{margin:var(--f1) 0 0;font-size:15px;line-height:1.5;color:#454944}

/* ===== v34 (08.11.2026, ENTSCHEIDUNGEN_ANALYSE_2026-11-08): Glossar, Startseite, Visa-Bausteine, neue Seiten, Pre-check am Desktop ===== */
/* Glossar am Wort (Abschn. 10): Kobalt, gepunktet unterstrichen, Fragezeichen bei Hover und Fokus ohne Textverschiebung */
.gl-t{position:relative;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:#294AB5;cursor:pointer;
  text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}
.gl-t:focus-visible{outline:2px solid #294AB5;outline-offset:2px;border-radius:2px}
.gl-q{position:absolute;right:-13px;top:-9px;width:14px;height:14px;line-height:0;color:#294AB5;opacity:0;pointer-events:none;transition:opacity .15s}
.gl-q svg{width:14px;height:14px}
.gl-t:hover .gl-q,.gl-t:focus-visible .gl-q,.gl-t[aria-expanded="true"] .gl-q{opacity:1}
/* Notiz: helles Gelb aus #FFD34F, Schrift Basalt, feiner Rand rundum, leichter Schatten, Zeiger zum Begriff */
.gl-n{position:absolute;z-index:40;width:min(320px,calc(100vw - 32px));box-sizing:border-box;padding:12px 14px 10px;background:#FFF4CC;color:#282E2B;
  border:1px solid #E5C66D;border-radius:2px;box-shadow:0 6px 18px rgba(40,46,43,.16);font:400 15px/1.45 Inter,sans-serif;text-align:left;letter-spacing:0;text-transform:none}
.gl-n p{margin:0!important;font-size:15px!important;line-height:1.45!important;color:#282E2B!important;max-width:none!important}
.gl-n-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px!important}
.gl-n-h b{font-weight:600}
.gl-x{display:grid;place-items:center;width:32px;height:32px;margin:-6px -8px -6px 0;padding:0;border:0;background:none;color:#282E2B;cursor:pointer;border-radius:2px}
.gl-x:focus-visible{outline:2px solid #294AB5}
.gl-n-m{margin-top:6px!important}
.gl-n-m a{color:#294AB5;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.gl-p{position:absolute;width:12px;height:12px;background:#FFF4CC;border:1px solid #E5C66D;border-right:0;border-bottom:0}
.gl-n.gl-r .gl-p{left:-7px;top:14px;transform:rotate(-45deg)}
.gl-n.gl-b .gl-p{top:-7px;transform:rotate(45deg)}
@media (max-width:1023.98px){
  .gl-n{position:relative;left:auto!important;top:auto!important;width:auto;margin:14px 0 6px}
  .gl-n .gl-p{top:-7px;transform:rotate(45deg)}
}
@media (prefers-reduced-motion:reduce){.gl-q{transition:none}}
.gl-list{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.gl-e{display:grid;grid-template-columns:200px 1fr;gap:var(--f3);padding:var(--f3) 0;border-bottom:1px solid var(--line)}
.gl-e dt{font:600 21px/1.3 Inter,sans-serif}
.gl-e dd{margin:0}.gl-e dd p{margin:0 0 6px;font-size:19px;line-height:1.5}
.gl-src,.gl-src a{font-size:14px!important;color:var(--soft)}
/* Startseite */
.stats-note{margin:var(--f1) 0 0;font-size:14px;color:var(--soft)}
.h-two{margin-top:var(--f2)}
.h-wide{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none}
.h-wide h3{margin:0;font:600 21px/1.3 Inter,sans-serif}
.h-wide .lnk{align-self:flex-start;margin-top:auto}
.h-wide:hover h3,.h-wide:focus-visible h3{color:var(--kobalt)}
/* Pre-check am Desktop: Fragen in #dPC, Formular nur bei Vorbelegung */
.d-pcw{min-width:0}
.pc-sub{font-size:17px!important;color:var(--soft)}
.pc-reply{margin:0;font-size:15px;color:var(--soft)}
.d-pc{max-width:560px}
.d-pc .mp-pc-top{display:flex;align-items:center;gap:var(--f2);min-height:44px}
.d-pc .mp-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;font:600 15px Inter,sans-serif;color:var(--basalt);cursor:pointer}
.d-pc .mp-eb{margin:0;font:600 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.d-pc .mp-prog{margin:var(--f2) 0 var(--f3)}
.d-pc .mp-step-n{margin:0 0 6px;font-size:14px;color:var(--soft)}
.d-pc .mp-bar{height:4px;background:var(--line)}.d-pc .mp-bar i{display:block;height:100%;background:var(--kobalt)}
.d-pc .mp-q{margin:0 0 var(--f2);font:600 28px/1.25 Inter,sans-serif;letter-spacing:-.01em}
.d-pc .mp-q:focus{outline:none}
.d-pc .mp-qh,.d-pc .mp-small{margin:0 0 var(--f2);font-size:15px;line-height:1.5;color:var(--soft)}
.d-pc .mp-opts{list-style:none;margin:0 0 var(--f2);padding:0;display:grid;gap:8px}
.d-pc .mp-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--line);border-radius:2px;background:#fff;font:500 16px/1.35 Inter,sans-serif;color:var(--basalt);text-align:left;cursor:pointer}
.d-pc .mp-opt:hover,.d-pc .mp-opt:focus-visible{border-color:var(--kobalt)}
.d-pc .mp-opt.mp-on{border-color:var(--kobalt);background:rgba(41,74,181,.06)}
.d-pc .mp-search{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 14px;border:1px solid var(--line);background:#fff}
.d-pc .mp-search input{flex:1;min-width:0;border:0;background:none;font:400 16px Inter,sans-serif;outline:none}
.d-pc .mp-search:focus-within{border-color:var(--kobalt)}
.d-pc .mp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.d-pc .mp-land{margin-top:8px}
.d-pc .mp-chips{list-style:none;margin:0 0 var(--f2);padding:0;display:flex;flex-wrap:wrap;gap:8px}
.d-pc .mp-chips li{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;background:var(--sand);font-size:15px}
.d-pc .mp-chip-x{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;cursor:pointer;color:var(--basalt)}
.d-pc .mp-chip-x svg{width:16px;height:16px}
.d-pc .mp-chosen{display:flex;align-items:center;gap:8px;margin:var(--f2) 0;font-weight:600}
.d-pc .m-go{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--f2);min-height:52px;padding:0 var(--f3);border:0;border-radius:2px;background:var(--kobalt);color:#fff;font:600 16px Inter,sans-serif;text-decoration:none;cursor:pointer;margin-top:var(--f2)}
.d-pc .m-ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 var(--f3);border:1px solid var(--basalt);border-radius:2px;color:var(--basalt);font:600 16px Inter,sans-serif;text-decoration:none;margin:var(--f2) 0 0 8px}
.d-pc .mp-field{display:flex;flex-direction:column;gap:6px;margin:0 0 var(--f2);font-size:15px;font-weight:600}
.d-pc .mp-field input,.d-pc .mp-field select,.d-pc .mp-field textarea{min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:#fff;font:400 16px Inter,sans-serif;color:var(--basalt)}
.d-pc .mp-err{color:var(--terra);font-size:15px;margin:0}
.d-pc .mp-res{margin:0 0 var(--f3)}
.d-pc .mp-res-l{margin:0;font-size:15px;color:var(--soft)}
.d-pc .mp-res-r,.d-pc .mp-res-h{margin:4px 0 var(--f2);font:600 28px/1.25 Inter,sans-serif}
.d-pc .mp-res-t,.d-pc .mp-res p{font-size:17px;line-height:1.5;margin:0 0 var(--f2)}
.d-pc .mp-res a{color:var(--kobalt)}
.d-pc .mp-eu-btns .m-ghost{margin-left:8px}
.d-pc .m-h2{margin:var(--f3) 0 6px;font:600 21px/1.3 Inter,sans-serif}
.d-pc .mp-reply{margin:0 0 var(--f2);font-size:15px;color:var(--soft)}
.d-pc .mp-change{margin-top:var(--f2);min-height:44px;padding:0;border:0;background:none;color:var(--kobalt);font:600 15px Inter,sans-serif;text-decoration:underline;cursor:pointer}
.d-pc .m-dot{color:var(--kobalt)}
.d-pc .hp{position:absolute;left:-9999px}
.d-pc .mp-note{min-height:1.4em;font-size:15px}
/* Visa-Bausteine (Abschn. 7) */
.vs-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--f3);margin-top:var(--f2)}
.vs-col h4,.vs-grp h4{margin:0 0 6px;font:600 16px/1.3 Inter,sans-serif}
.vs-col ul,.vs-grp ul{margin:0;padding-left:1.1em}
.vs-col li,.vs-grp li{font-size:16px;line-height:1.5;margin-bottom:4px}
.vs-grp{margin-top:var(--f2)}.vs-grp p{margin:0 0 6px}
.vs-small{font-size:14px!important;color:var(--soft)}
.vs-it .vs-tab{margin-top:var(--f2);max-width:none}
.vs-it .vs-tab td{white-space:normal;text-align:left}
.vs-it .vs-tab thead th{text-align:left}
/* Leistungsmuster (Abschn. 13) */
.lm{margin:var(--f2) 0;display:grid;gap:0;border-top:1px solid var(--line)}
.lm>div{display:grid;grid-template-columns:220px 1fr;gap:var(--f2);padding:8px 0;border-bottom:1px solid var(--line)}
.lm dt{font-size:14px;font-weight:600;color:var(--soft)}.lm dd{margin:0;font-size:16px;line-height:1.45}
.lm-box{margin-top:var(--f2)}
/* Seite /visas, EU-Seite, Team, Relocation, Two ways */
.vz-sec+.vz-sec{margin-top:var(--f6)}
.vz-note{margin:var(--f2) 0 0;font-size:15px;color:var(--soft)}
.vz-eu-t{font:600 21px/1.3 Inter,sans-serif;margin:0 0 6px}
.vz-eu .frow,.eu-next .frow{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap;margin-top:var(--f2)}
.eu-h{margin-top:var(--f5)}
.eu-ch{margin-top:var(--f2)}
.eu-wo{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--f2);margin:0}
.eu-wo div{padding:var(--f2) 0;border-top:1px solid var(--line)}.eu-wo dt{font-weight:600;margin-bottom:6px}.eu-wo dd{margin:0}
.eu-fee p{font-size:19px;line-height:1.5;margin:0}
.firm-brand,.firm-langs{max-width:62ch;font-size:17px;line-height:1.55;margin:0 0 var(--f3)}
.firm-langs{margin-top:var(--f3)}
.p-bar{margin:2px 0 0;font-size:14px;color:var(--soft)}
.case dl{margin:0;display:grid;gap:8px}.case dt{font-size:14px;font-weight:600;color:var(--soft)}
.case dd{margin:0;font-size:16px;line-height:1.45}.case .res dd{font-weight:600;color:var(--terra)}
.rl-all{margin:0 0 6px;font-weight:600}
.rl-hh{margin-top:var(--f5)}
.rl-hh-h{font:600 34px/1.2 Inter,sans-serif;margin:0 0 var(--f2)}
.hh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--f2)}
.hh li{padding:var(--f3);border:1px solid var(--line);background:rgba(255,255,255,.4)}
.hh h3{margin:0 0 6px;font:600 17px/1.3 Inter,sans-serif}.hh p{margin:0;font-size:16px;line-height:1.45}
.tw-tab{margin-top:var(--f4);overflow-x:auto}
.tw-tab table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.tw-tab th,.tw-tab td{padding:12px 10px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.tw-tab thead th{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.tw-tab tbody th a{color:var(--basalt);font-weight:600}
.tw-l{display:none}
.tw-zeit{list-style:none;margin:0;padding:0}.tw-zeit li{margin-bottom:6px}
@media (max-width:1023.98px){
  .vs-two,.eu-wo,.hh{grid-template-columns:1fr}
  .lm>div,.gl-e{grid-template-columns:1fr;gap:2px}
  .tw-tab table,.tw-tab tbody,.tw-tab tr,.tw-tab td,.tw-tab th{display:block}
  .tw-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tw-tab tr{padding:var(--f2) 0;border-top:2px solid var(--basalt)}
  .tw-tab td,.tw-tab th{border:0;padding:6px 0}
  .tw-tab .tw-l{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
}
/* v34: Listen mit dl ohne die allgemeine Zweispaltigkeit (dl, Zeile 135) */
.lm,.case dl,.gl-list{grid-template-columns:1fr}
.eu-wo{grid-template-columns:repeat(2,1fr)}
@media (max-width:1023.98px){.eu-wo{grid-template-columns:1fr}}
.d-pc .mp-res .mp-res-r,.d-pc .mp-res .mp-res-h{margin:4px 0 var(--f2);font:600 28px/1.25 Inter,sans-serif}
.d-pc .mp-chk,.d-pc .chk{display:flex;align-items:flex-start;gap:10px;margin:var(--f2) 0;font-size:15px;line-height:1.5;font-weight:400}
.d-pc .mp-chk input,.d-pc .chk input{flex:none;width:20px;height:20px;margin:2px 0 0}
.d-pc .mp-form>.m-go{display:flex;width:auto}
.d-pc .mp-pv-l1{margin-top:var(--f2)}
/* v34: Begriffe in den neuen Listen ohne die allgemeine Transparenz von dt (Kontrast WCAG AA) */
.lm dt,.case dt,.eu-wo dt,.gl-e dt,.mp-lm dt,.mp-case dt,.mp-cmp dt,.mp-gl-e dt,.mp-eu-need dt,.mp-eu-wo dt,.mp-facts dt{opacity:1}
/* v34: Glossarbegriff auf farbigen Flaechen in der Schriftfarbe der Flaeche (Kontrast), gepunktete Linie bleibt */
.t-terra .gl-t,.t-gruen .gl-t,.t-kob .gl-t,.t-sand .gl-t,.t-oliv .gl-t,.dark .gl-t,.mp-terra .gl-t,.mp-sand .gl-t,.mp-oliv .gl-t,.m-trust .gl-t,.renew-c .gl-t{color:inherit}
.t-terra .gl-q,.t-gruen .gl-q,.t-kob .gl-q,.dark .gl-q,.mp-terra .gl-q{color:inherit}
.t-oliv .lm dt,.t-sand .lm dt,.t-terra .lm dt,.t-oliv .lm>div,.t-sand .lm>div{color:inherit;border-color:rgba(40,46,43,.25)}
.tw-h{margin:0;font:600 34px/1.2 Inter,sans-serif;letter-spacing:-.01em}
@media (max-width:1023.98px){.tw-h{font-size:26px}}
/* v35 (08.11.2026, ENTSCHEIDUNGEN_GEWINNSPIEL_2026-11-08_v01): Gewinnspiel "Find your city". Leiste oben entfaellt (kein #ctwBar mehr).
   Textlink am Globus; bei leerem Kontingent unsichtbar, Platz bleibt (keine Verschiebung). Anzeige oben (Stadt, Versuch), Zielpunkt nur bei Treffer.
   Unter 1024 px eigene Spielansicht: oben Stadt und Versuch, Mitte Globus, unten die naechste Aktion; Formular, Bedingungen und Globus nacheinander. */
#stage .headline .playwrap.g-aus{visibility:hidden}
#stage.ov #vlc{opacity:0!important}   /* Valencia-Punkt nicht mit dem Zielpunkt verwechseln */
#gTgt{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--kobalt);opacity:0;transition:opacity .4s}
#gTgt:after{content:"";position:absolute;inset:-9px;border:1.5px solid var(--kobalt);border-radius:50%;animation:gring 2s ease-out infinite}
@media (prefers-reduced-motion: reduce){#gTgt:after{animation:none}}
.ghud{position:absolute;left:50%;top:var(--f3);transform:translateX(-50%);z-index:6;background:rgba(242,240,236,.94);border:1px solid var(--basalt);border-radius:2px;padding:10px 21px;text-align:center;pointer-events:none;min-width:200px}
.ghud[hidden]{display:none}
.ghud p{margin:0}
.ghud-c{font:600 19px/1.3 Inter,sans-serif;color:var(--basalt)}
.ghud-a{font:500 13px/1.4 Inter,sans-serif;color:var(--soft);margin-top:2px!important}
.ghud-e{font:500 13px/1.4 Inter,sans-serif;color:#A13A2B}
.ghud-e:empty{display:none}
.gact{display:none}
.gzoom{display:none}
#game .gsub{font-weight:600;color:var(--basalt)}
#game .gfrei{font-weight:600;color:var(--terra)}
#game .gfrei[hidden]{display:none}
#game select{font:400 17px Inter,sans-serif;color:var(--basalt);background:transparent;border:0;border-bottom:1px solid #7D786F;padding:8px 0;letter-spacing:0;text-transform:none;border-radius:0}
#game select:focus-visible{outline:2px solid var(--kobalt);outline-offset:3px}
#game input[readonly]{color:var(--soft)}
#game form{display:flex;flex-direction:column;gap:13px;margin:0}
#game .chk a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#game .chk a:hover{color:var(--kobalt)}
#game .pv-l1{font-size:12px;line-height:1.5}
#game .pv-l1 a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#game [aria-invalid="true"]{border-bottom-color:#A13A2B}
#game input[type=checkbox][aria-invalid="true"]{outline:2px solid #A13A2B;outline-offset:2px}
#game button[disabled]{opacity:.55;cursor:default}
#game .gprize{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#game .gprize li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--basalt)}
#game .gprize li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--terra)}
#game .gref{display:flex;align-items:baseline;gap:var(--f2);flex-wrap:wrap;margin:0;padding:var(--f2) var(--f3);background:rgba(41,74,181,.07)}
#game .gref span{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
#game .gref b{font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--basalt);user-select:all}
#game .gbtns{display:flex;gap:13px;flex-wrap:wrap}
#game .gterms .pv-sec{margin:0 0 var(--f2)}
#game .gt-h{font:600 15px/1.35 Inter,sans-serif;margin:var(--f2) 0 6px;color:var(--basalt)}
#game .gterms .t,#game .gterms li{font-size:14px;line-height:1.55;color:#3B3F3C}
#game .gterms .pv-ul{margin:0;padding-left:1.2em}
#game .gterms a{color:inherit;text-decoration:underline}
#gSH:focus,#gTH:focus,#gMH:focus,#gWH:focus,#gCH:focus,#gDH:focus,#gEH:focus{outline:none}
#gSH:focus-visible,#gTH:focus-visible,#gMH:focus-visible,#gWH:focus-visible,#gCH:focus-visible,#gDH:focus-visible,#gEH:focus-visible{outline:3px solid var(--kobalt);outline-offset:3px}
@media (max-width:1023.98px){
  #stage.ov{position:fixed;inset:0;height:100vh;height:100dvh;min-height:0;margin:0;touch-action:manipulation;background:var(--bianco);cursor:default}
  /* v37: nur die Spielflaeche faengt Gesten ab (Drehen, Zoom mit zwei Fingern); Seite zoomt und scrollt dabei nicht, Karten und Knoepfe bleiben normal */
  #stage.ov #gl{touch-action:none}
  #stage.ov .bg,#stage.ov .wash,#stage.ov .board,#stage.ov #hint,#stage.ov #labels .lab,#stage.ov #labels .city,#stage.ov #vlc{display:none!important}
  #stage.ov .gcard .x{display:none}
  #stage.ov .govx{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;min-height:44px}
  #stage.ov .ghud{left:16px;right:118px;top:calc(env(safe-area-inset-top,0px) + 12px);transform:none;text-align:left;min-width:0;padding:8px 14px}
  #stage.ov .ghud-c{font-size:18px}
  #stage.ov .gact{display:block;position:absolute;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:6}
  #stage.ov .gact[hidden]{display:none}
  #stage.ov .gact .btn{width:100%;min-height:56px;justify-content:center;font-size:17px}
  /* v36 (NACHTRAG_V34 Punkt 8): Hinweis zum Antippen ueber "Choose this spot", Rand rundum wie die Anzeige oben */
  #stage.ov .gact-h{margin:0 0 8px;padding:8px 14px;background:rgba(242,240,236,.94);border:1px solid var(--basalt);border-radius:2px;font:500 15px/1.4 Inter,sans-serif;color:var(--basalt);text-align:center}
  #stage.ov .gact .btn[disabled]{opacity:.5}
  /* v37: Zoom-Knoepfe am rechten Rand des Globus (Phosphor magnifying-glass-plus/-minus, 44 px), Rand rundum wie die Anzeige oben */
  #stage.ov .gzoom{display:flex;flex-direction:column;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:6}
  #stage.ov .gzoom[hidden]{display:none}
  #stage.ov .gzoom button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--basalt);border-radius:50%;background:rgba(242,240,236,.94);color:var(--basalt);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  #stage.ov .gzoom button[disabled]{opacity:.45;cursor:default}
  #stage.ov .gzoom button:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
  #stage.ov .gact,#stage.ov .govx{touch-action:manipulation}
  #stage.ov #game{left:0;right:0;top:auto;bottom:0;width:auto;max-height:64%;transform:none;padding:var(--f3) var(--f3) calc(env(safe-area-inset-bottom,0px) + var(--f3));box-shadow:0 -13px 34px rgba(40,46,43,.14)}
  #stage.ov #game[hidden]{transform:translateY(16px)}
  #stage.ov #game h2{font-size:26px}
  #stage.ov #game h2.gt-h{font-size:16px}
  #stage.ov.gvoll #game{top:0;max-height:none;padding-top:calc(env(safe-area-inset-top,0px) + 72px);box-shadow:none;background:var(--bianco);backdrop-filter:none}
  #stage.ov.gvoll #gl,#stage.ov.gvoll #labels{visibility:hidden}
  #stage.ov #game .btn{min-height:48px}
  #stage.ov #game .gbtns .btn{flex:1 1 auto;justify-content:center}
  #stage.ov #game input[type=text],#stage.ov #game input[type=email],#stage.ov #game select{font-size:17px;min-height:44px}
  #stage.ov #game .chk input{width:22px;height:22px;flex:none;margin-top:0}
  #stage.ov .sugg button{min-height:48px;align-items:center}
}
/* Touch: kein haengender Hover-Zustand nach dem Antippen (der naechste Knopf liegt an derselben Stelle) */
@media (hover:none){#stage.ov #game .btn:hover:before,#stage.ov .gact .btn:hover:before{transform:scaleX(0)}#stage.ov #game .btn:not(.ghostbtn):hover,#stage.ov .gact .btn:hover{background:var(--btn)}#stage.ov #game .btn.ghostbtn:hover{color:var(--basalt)!important}}
/* v38 (NACHTRAG_V34_v01 17, 17a): Aufklapper Leistungsmuster unten in der Paketkachel (Arrival, Executive), einspaltig (Etikett ueber Text).
   Raster mit Aufklapper (.fg-auf): Kachelzeilen als subgrid, Preise und Knoepfe bleiben beim Aufklappen stehen, die Nachbarkacheln wachsen nur unten. */
.lm-auf{margin-top:var(--f1)}
.lm-tg{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--kobalt);font:600 15px/1.2 Inter,"Helvetica Neue",Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}
.lm-tg svg{flex:none;width:18px;height:18px;transition:transform .2s ease-out}
.lm-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.lm-tg:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.t-terra .lm-tg,.mp-terra .lm-tg{color:var(--bianco)}
.lm-pn .lm{margin:var(--f1) 0 0}
.lm-pn .lm>div{grid-template-columns:1fr;gap:2px}
.t-terra .lm-pn .lm dt,.t-terra .lm-pn .lm dd{color:var(--bianco)}
.t-terra .lm-pn .lm,.t-terra .lm-pn .lm>div{border-color:rgba(242,240,236,.4)}
@media (prefers-reduced-motion: reduce){.lm-tg svg{transition:none}}
@supports (grid-template-rows:subgrid){.fg-auf>.ftile{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:var(--f2);align-content:start}}
/* v38 (NACHTRAG_V34_v01 20): Kachel ueber mehrere Reihen (Fees, .gb2 .big): Preis, Preis inkl. IVA und Knoepfe direkt unter dem Text.
   Die kleinen Kacheln behalten die Ausrichtung am unteren Rand (.ftile .txt flex:1) */
.ftile.big .txt{flex:0 0 auto}
/* v38 (NACHTRAG_V34_v01 18, 19): Hinweis zum Gebiet am Fuss seiner Sektion */
.fblock>.area-note,.rl-sec>.area-note,.pg-body .area-note{margin:var(--f3) 0 0}
.h-two .tile{min-width:0}.h-two .tile h3,.h-two .tile .txt{overflow-wrap:break-word}
/* v39 (08.11.2026, AUFTRAG_V39_v01): Fotos als <picture> mit AVIF und WebP (fotos_v39.py). picture bildet keinen eigenen Kasten, die Regeln fuer img gelten wie bisher. */
picture.foto{display:contents}
picture.foto>source{display:none}   /* sonst leere Flex-Elemente mit Abstand (gap) vor dem Foto */
/* Unsichtbare Ueberschriften (heading-order) auch ab 1024 px unsichtbar: .mp-vh stand bisher nur in der mobilen CSS (unter 1024 px), "What we coordinate" (v37) war am Desktop sichtbar */
.mp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Teamseite: Hero-Bild rechts, nach links weich in den Seitenhintergrund (Guilloche bleibt sichtbar), Text links. Nur ab 1024 px sichtbar (darunter #mPage). */
.pg-hero.pg-hero-img{position:relative;overflow:hidden}
.pg-hero-img>.foto img{position:absolute;top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:right 30%;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 24%,#000 50%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 24%,#000 50%)}
@media (min-width:1600px){.pg-hero-img>.foto img{width:58%}}
@media (max-width:1279.98px){.pg-hero-img>.foto img{width:56%}.pg-hero-img .lead{max-width:40ch}}
.pg-hero-img .wrap{position:relative;z-index:1}
/* NACHTRAG_V34_v01 21 (heading-order): Namen im Team und Notizen der FAQ als h3 statt h4, Aussehen wie bisher */
.person h3{font-size:19px;font-weight:700;line-height:inherit}
.notes h3{font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:inherit}
.notes a:hover h3{color:var(--terra)}
/* NACHTRAG_V34_v01 23: Bios der Teamkacheln beginnen auf gleicher Hoehe (Zeilen der drei Kacheln per subgrid, unabhaengig von der Kammerzeile) */
.team3>.tile{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start}
.team3 .person{align-self:start}
/* NACHTRAG_V34_v01 22: Spielanzeige am Handy, rechts Platz in Breite des Knopfs "Schliessen" (Breite je Sprache, /js/globus.js setzt --govx-w) */
@media (max-width:1023.98px){#stage.ov .ghud{right:calc(var(--govx-w,94px) + 24px)}}
/* v40 (AUFTRAG_V40_v01, NACHTRAG_V34_v01 29 bis 41) */
/* 34: Bios als Stichpunkte, schlichte Aufzaehlung (BIOS_TEAM_v03: 15 px Inter, Farbe --soft) */
ul.p-bio{margin:var(--f2) 0 0;padding:0 0 0 1.1em;list-style:disc;max-width:52ch;font:400 15px/1.5 Inter,sans-serif;color:var(--soft)}
ul.p-bio li{margin:0;padding:0}
ul.p-bio li+li{margin-top:4px}
/* 38: Vergleichstabelle Relocation (Arrival, Executive), Zeilen im Wechsel hinterlegt, Haken als Phosphor check */
.rl-cmp{margin-top:var(--f6)}
.rl-tab{max-width:920px;padding:var(--f2) var(--f3);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}
.rl-tab table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:17px;line-height:1.45}
.rl-tab col,.rl-tab th[scope=col]:first-child{width:50%}
.rl-tab th,.rl-tab td{padding:12px 13px;text-align:left;vertical-align:top;font-weight:400}
.rl-tab thead th{font-size:15px;font-weight:600;color:var(--basalt)}
.rl-tab tbody tr:nth-child(odd)>*{background:rgba(40,46,43,.045)}
.rl-tab th[scope=row]>span{display:block}
.rl-tab th[scope=row] .lnk{display:inline-block;margin-top:4px;font-size:15px}
.rl-ok{display:inline-flex;align-items:center;color:var(--kobalt)}
.rl-ok svg{width:22px;height:22px}
.rl-n{display:block;margin-top:2px;font-size:15px;color:var(--soft)}
.rl-tab-fuss{margin:var(--f2) 0 0;font-size:15px;color:var(--soft)}
.rl-cmp+.area-note{margin-top:var(--f4)}
.rl-pk{margin-top:0}
/* 41: Preisseite, Absatz zur Mehrwertsteuer unter "Our fees." / "Always transparent." */
.f-vat{margin:0 0 var(--f4);max-width:70ch;font-size:17px;line-height:1.55;color:var(--soft)}
/* 39: dritte Kachel der Startseite (For organisations), gleiche Hoehe wie EU und Relocation 360 */
.h-two{align-items:stretch}
/* v40 (36, Pruefung aller Anker): Fuss unter 860 px, Spalten ohne Mindestbreite des laengsten Worts (DE 360 px: rechte Spalte ragte 19 px hinaus, seit v36) */
@media (max-width:860px){footer .sitemap{grid-template-columns:repeat(2,minmax(0,1fr))} footer .sitemap a,footer .sitemap .fh{overflow-wrap:anywhere}}
/* v40 (Pruefung aller Anker): Logo-Link im Fuss war 0 x 0 px (Regel height:auto ohne Breite), unsichtbar, aber per Tab erreichbar; ausgeblendet bis zur Entscheidung (Bericht v40) */
footer .top .firma{visibility:hidden}
html{background:var(--paper);transition:background-color .35s}
body{background:transparent!important}
#gqbg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#gqbg canvas{position:absolute;inset:0;width:100%;height:100%}
#gqbg .mot{position:absolute;left:0;top:0;will-change:transform}
#gqbg .mot svg{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.gq-sway{animation:gqsway 10s ease-in-out infinite;transform-origin:50% 85%}
.gq-drift{animation:gqdrift 16s ease-in-out infinite}
@keyframes gqsway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
@keyframes gqdrift{0%,100%{transform:translate(0,0)}50%{transform:translate(22px,-12px)}}
@media (prefers-reduced-motion: reduce){.gq-sway,.gq-drift{animation:none}}