/* ==========================================================================
   Schriften, lokal gehostet (keine Verbindung zu Google, DSGVO-konform)
   ========================================================================== */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/newsreader-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/newsreader-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/newsreader-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/newsreader-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/newsreader-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/newsreader-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 500;font-display:swap;src:url(../fonts/newsreader-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 500;font-display:swap;src:url(../fonts/newsreader-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/hanken-grotesk-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ==========================================================================
   TALHA BARUT · Kanzlei Motion System
   Palette: Papier, Marineblau, gedämpftes Messing
   Typo: Newsreader (Display), Hanken Grotesk (Text und Label)
   Alle Größen in rem. html = 62.5% (1rem = 10px)
   ========================================================================== */

:root{
  --paper:      #f4f3ee;
  --paper-soft: #e9e7df;
  --cream:      #e4e1d6;
  --ink:        #0d1a2b;
  --ink-2:      #13233a;
  --ink-soft:   rgba(13,26,43,.62);
  --walnut:     #1c3151;
  --walnut-2:   #16283f;
  --brass:      #c6a463;
  --brass-soft: #e0c894;
  --brass-deep: #8a6b33;
  --moss:       #38506e;
  --moss-tint:  #e0e5ea;
  --clay-tint:  #ece5d5;
  --line:       rgba(13,26,43,.14);
  --line-cream: rgba(228,225,214,.22);

  --ff-display: "Newsreader", Georgia, "Times New Roman", serif;
  --ff-body:    "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --ff-mono:    var(--ff-body);

  --wrap: 144rem;
  --pad: 3.2rem;
  --nav-h: 8.4rem;
  --r-md: 1.2rem;
  --r-lg: 1.6rem;
  --r-xl: 2rem;

  --e-out: cubic-bezier(.32,.72,0,1);
  --e-io:  cubic-bezier(.645,.045,.355,1);
  --e-hard: cubic-bezier(.77,0,.175,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{
  font-family:var(--ff-body);
  font-size:1.6rem;line-height:1.55;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul,ol{list-style:none}
::selection{background:var(--brass);color:var(--ink)}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
@media (max-width:48em){.wrap{padding-left:1.6rem;padding-right:1.6rem}}

.skip-link{
  position:fixed;top:1rem;left:1rem;z-index:200;
  background:var(--ink);color:var(--cream);
  padding:1rem 1.6rem;border-radius:.6rem;
  transform:translateY(-6rem);transition:transform .3s var(--e-io);
}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:.2rem solid var(--brass-deep);outline-offset:.3rem}

/* ---------- Typografie ---------- */
.eyebrow{
  font-family:var(--ff-mono);font-size:1.2rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
}
.t-display{
  font-family:var(--ff-display);font-weight:500;
  letter-spacing:-.015em;line-height:1.06;
}
.t-display em{font-style:italic;font-weight:400}

/* ---------- Word-Mask Reveal ---------- */
[data-words] .w{
  display:inline-block;overflow:hidden;vertical-align:bottom;
  padding-top:.16em;margin-top:-.16em;padding-bottom:.1em;margin-bottom:-.1em;
}
[data-words] .wi{
  display:inline-block;will-change:transform;
  transition:transform .95s var(--e-hard);transition-delay:var(--wd,0s);
}
html.has-anim [data-words]:not(.is-in) .wi{transform:translateY(112%)}
.hero__title .wi{transition-duration:1.25s}

/* ---------- Fade Reveal ---------- */
html.has-anim [data-reveal]{opacity:0;transform:translateY(2.6rem)}
html.has-anim [data-reveal].is-in{opacity:1;transform:translateY(0);transition:opacity .9s var(--e-hard),transform .9s var(--e-hard)}

/* ==========================================================================
   BUTTONS · Swoosh (zweilagige Hover-Welle + Textrotation)
   ========================================================================== */
.btn{
  --btn-bg:var(--brass);--btn-c:var(--ink);
  --btn-l1:#e6d9ba;--btn-l2:var(--ink);--btn-c2:var(--cream);
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--ff-body);font-weight:700;font-size:1.5rem;letter-spacing:.01em;
  text-decoration:none;white-space:nowrap;isolation:isolate;
  border-radius:1rem;color:var(--btn-c);
  transition:transform .45s var(--e-out);
}
.btn:active{transform:scale(.97)}
.btn--lg{font-size:1.6rem;border-radius:1.2rem}
.btn--sm{font-size:1.35rem;border-radius:.8rem}
.btn--block{width:100%}
.btn__bg{
  position:absolute;inset:0;border-radius:inherit;overflow:clip;z-index:0;
  background:var(--btn-bg);
  transition:scale .45s var(--e-out);
}
.btn__bg-i{
  position:absolute;inset:0;width:120%;display:block;
  transform-origin:100% 0;
  translate:-10% 100% 0;rotate:z -12deg;
  transition:translate .6s var(--e-out),rotate .5s var(--e-out);
  transition-delay:calc(var(--i)*-1*42ms);
}
.btn__bg-i--1{background:var(--btn-l1)}
.btn__bg-i--2{background:var(--btn-l2)}
.btn__inner{
  position:relative;z-index:1;display:grid;overflow:clip;border-radius:inherit;
  padding:1.5rem 2.6rem;
}
.btn--lg .btn__inner{padding:1.8rem 3.2rem}
.btn--sm .btn__inner{padding:1rem 1.8rem}
.btn__label{grid-area:1/1;display:block;transform-origin:0 0;
  transition:translate .7s var(--e-out),rotate .5s var(--e-out),opacity .2s ease-out}
.btn__inner::after{
  content:attr(data-text);grid-area:1/1;display:block;color:var(--btn-c2);
  opacity:0;transform-origin:top right;rotate:1 1 .5 -30deg;translate:0 2em 0;
  transition:translate .7s var(--e-out),rotate .5s var(--e-out),opacity .2s ease-out;
}
@media (hover:hover) and (pointer:fine){
  .btn:hover .btn__bg{scale:1.06 1.1}
  .btn:hover .btn__bg-i{translate:-10% 0 0;rotate:z 0deg;transition-delay:calc(var(--i)*64ms)}
  .btn:hover .btn__label{opacity:0;rotate:1 1 .45 -60deg;translate:0 -2em 0}
  .btn:hover .btn__inner::after{opacity:1;rotate:1 1 .45 0deg;translate:0 0 0;transition-delay:.1s}
}
/* Varianten */
.btn--ink{--btn-bg:var(--ink);--btn-c:var(--cream);--btn-l2:var(--brass);--btn-c2:var(--ink)}
.btn--cream{--btn-bg:var(--cream);--btn-c:var(--ink);--btn-l2:var(--ink);--btn-c2:var(--cream)}
.btn--walnut{--btn-bg:var(--walnut);--btn-c:var(--cream);--btn-l2:var(--brass);--btn-c2:var(--ink)}
.btn--custom{--btn-bg:var(--cb);--btn-c:var(--cc);--btn-l2:var(--cb2);--btn-c2:var(--cc2)}

.link-u{
  position:relative;display:inline-block;font-weight:600;font-size:1.6rem;
  text-decoration:none;cursor:pointer;overflow:hidden;vertical-align:top;
}
.link-u::after{
  content:"";position:absolute;left:0;bottom:0;height:.1rem;width:100%;
  background:currentColor;transform:scaleX(1);transform-origin:left center;
  transition:transform .7s var(--e-hard);
}
.link-u:hover::after{transform:scaleX(0);transform-origin:right center}

/* ==========================================================================
   PRELOADER
   ========================================================================== */
.preloader{
  position:fixed;inset:0;z-index:120;background:var(--ink);
  display:grid;place-items:center;
  clip-path:inset(0 0 0 0);
}
.preloader__mark{width:9.6rem;opacity:0;transform:scale(.9) translateY(1rem)}
.preloader__line{
  margin-top:2.4rem;width:12rem;height:.1rem;background:var(--line-cream);
  overflow:hidden;border-radius:1rem;
}
.preloader__fill{display:block;height:100%;width:100%;background:var(--brass);
  transform:scaleX(0);transform-origin:left center}
html:not(.has-anim) .preloader{display:none}

/* ==========================================================================
   NAV · schwebende Kapsel
   ========================================================================== */
.nav{
  position:fixed;top:0;left:0;width:100%;z-index:60;
  padding:2rem var(--pad);pointer-events:none;
  --nav-bg:rgba(244,243,238,.94);--nav-c:var(--ink);--nav-line:var(--line);
}
.nav--dark{--nav-bg:rgba(13,26,43,.92);--nav-c:var(--cream);--nav-line:var(--line-cream)}
@media (max-width:48em){.nav{padding:1.4rem 1.6rem}}
.nav__zone{max-width:var(--wrap);margin:0 auto;pointer-events:auto;position:relative}
.nav__bar{
  display:flex;align-items:center;justify-content:space-between;gap:2.4rem;
  background:var(--nav-bg);color:var(--nav-c);
  -webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);
  border-radius:1rem;padding:1.3rem 2rem;
  box-shadow:0 .1rem .2rem rgba(8,16,28,.05),0 .6rem 2.4rem rgba(8,16,28,.08);
  transition:background-color .4s var(--e-out),color .4s var(--e-out);
  position:relative;z-index:2;
}
.nav__logo{display:block;flex-shrink:0;line-height:0}
.nav__logo img{height:4.4rem;width:auto}
.nav__logo--mobile{display:none}
.nav__logo--mobile img{height:3.6rem}
@media (max-width:64em){
  .nav__logo--desktop{display:none}
  .nav__logo--mobile{display:block}
}
.nav__links{display:flex;align-items:center;gap:.6rem}
@media (max-width:64em){.nav__links{display:none}}
.nav__item{position:relative}
.nav__link{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:1.45rem;font-weight:600;text-decoration:none;color:inherit;
  padding:.9rem 1.4rem;border-radius:.8rem;
  transition:background-color .3s var(--e-io),opacity .3s var(--e-io);
}
.nav__link:hover{background:rgba(128,128,128,.14)}
.nav__chev{width:1rem;height:1rem;flex:none;transition:transform .35s var(--e-io);opacity:.7}
.nav__item.is-open .nav__chev{transform:rotate(180deg)}
.nav__item.is-open .nav__link{background:rgba(128,128,128,.14)}

.nav__ctas{display:flex;align-items:center;gap:1.4rem;flex-shrink:0}
.nav__portal{
  font-size:1.4rem;font-weight:600;text-decoration:none;white-space:nowrap;
  padding:.9rem 1.4rem;border-radius:.8rem;
  transition:background-color .3s var(--e-io);
}
.nav__portal:hover{background:rgba(128,128,128,.14)}
@media (max-width:80em){.nav__portal{display:none}}
@media (max-width:64em){.nav__cta-desktop{display:none}}

/* Mega-Panel unter der Kapsel */
.nav__bar{border-radius:1rem}
.nav--mega .nav__bar{border-radius:1rem 1rem 0 0}
.nav__mega{
  position:absolute;left:0;right:0;top:calc(100% - 1.4rem);z-index:1;
  background:var(--nav-bg);color:var(--nav-c);
  -webkit-backdrop-filter:blur(1.4rem);backdrop-filter:blur(1.4rem);
  border-radius:0 0 1.6rem 1.6rem;
  box-shadow:0 2rem 5rem rgba(8,16,28,.16);
  clip-path:inset(0 0 100% 0 round 0 0 1.6rem 1.6rem);
  transition:clip-path .55s var(--e-out),background-color .4s var(--e-out),color .4s var(--e-out);
  pointer-events:none;
}
.nav__mega.is-open{clip-path:inset(0 0 0 0 round 0 0 1.6rem 1.6rem);pointer-events:auto}
@media (max-width:64em){.nav__mega{display:none}}
.mega__inner{
  display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:4.8rem;
  padding:3.6rem 3.2rem 3.2rem;
}
.mega__tag{
  display:block;font-family:var(--ff-mono);font-size:1.1rem;letter-spacing:.18em;
  text-transform:uppercase;opacity:.55;margin-bottom:2rem;
}
.mega__link{
  display:block;text-decoration:none;color:inherit;
  font-family:var(--ff-display);font-weight:500;font-size:2.1rem;letter-spacing:-.01em;
  padding:.7rem 0;position:relative;width:fit-content;
}
.mega__link::after{
  content:"";position:absolute;left:0;right:100%;bottom:.5rem;height:.1rem;
  background:currentColor;transition:right .5s var(--e-out);
}
.mega__link:hover::after{right:0}
.mega__note{margin-top:2rem;font-size:1.35rem;line-height:1.5;opacity:.6;max-width:34ch}
.mega__visual{border-radius:1.2rem;overflow:hidden;aspect-ratio:16/11;position:relative}
.mega__visual img{width:100%;height:100%;object-fit:cover;display:block}
.mega__visual figcaption{
  position:absolute;left:1.4rem;bottom:1.4rem;
  font-family:var(--ff-mono);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;
  background:rgba(8,16,28,.55);color:var(--paper);
  border-radius:10rem;padding:.55rem 1.2rem;
}
.nav__burger{
  display:none;width:4.2rem;height:4.2rem;
  align-items:center;justify-content:center;position:relative;
}
@media (max-width:64em){.nav__burger{display:inline-flex}}
.nav__burger span{
  position:absolute;left:50%;width:2.2rem;height:.2rem;background:currentColor;
  transform:translateX(-50%);transition:transform .4s var(--e-io),opacity .3s var(--e-io);
}
.nav__burger span:nth-child(1){translate:0 -.4rem}
.nav__burger span:nth-child(2){translate:0 .4rem}
.nav--open .nav__burger span:nth-child(1){translate:0 0;transform:translateX(-50%) rotate(45deg)}
.nav--open .nav__burger span:nth-child(2){translate:0 0;transform:translateX(-50%) rotate(-45deg)}

.nav__overlay{
  position:fixed;inset:0;background:rgba(8,16,28,.4);
  opacity:0;pointer-events:none;transition:opacity .4s var(--e-out);z-index:0;
}
.nav--open .nav__overlay{opacity:1;pointer-events:auto}

/* Mobiles Menue: Vollbild mit aufklappbaren Gruppen */
.mnav{
  position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;
  background:var(--nav-bg);color:var(--nav-c);
  -webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);
  display:flex;flex-direction:column;
  padding:calc(var(--nav-h) + 2.6rem) 1.8rem calc(1.8rem + env(safe-area-inset-bottom,0px));
  clip-path:inset(0 0 100% 0);
  transition:clip-path .55s var(--e-out),background-color .4s var(--e-out),color .4s var(--e-out);
  pointer-events:none;
}
.nav--open .mnav{clip-path:inset(0 0 0 0);pointer-events:auto}
@media (min-width:64.0625em){.mnav{display:none}}

.mnav__scroll{
  flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.mnav__tag{
  display:inline-block;align-self:flex-start;margin-bottom:1.6rem;
  font-family:var(--ff-mono);font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;
  border:.1rem solid var(--nav-line);border-radius:10rem;padding:.55rem 1.2rem;opacity:.7;
}
.macc{border-bottom:.1rem solid var(--nav-line)}
.macc__btn,.mnav__direct{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;
  padding:1.7rem 0;text-align:left;text-decoration:none;color:inherit;
  font-family:var(--ff-display);font-weight:500;font-size:2.1rem;letter-spacing:-.01em;
}
.mnav__direct{border-bottom:.1rem solid var(--nav-line)}
.macc__btn svg{width:1.3rem;height:1.3rem;flex:none;opacity:.55;transition:transform .4s var(--e-io)}
.macc.is-open .macc__btn svg{transform:rotate(180deg)}
.macc__panel{overflow:hidden;max-height:0;transition:max-height .45s var(--e-out)}
.macc__inner{padding-bottom:1.4rem}
.macc__panel a{
  display:block;padding:.85rem 0;text-decoration:none;color:inherit;
  font-size:1.65rem;font-weight:500;opacity:.86;
}
.macc__panel a:active{opacity:1}
.macc__tag{
  display:block;font-family:var(--ff-mono);font-size:1rem;letter-spacing:.16em;
  text-transform:uppercase;opacity:.45;margin:1.2rem 0 .3rem;
}
.macc__tag:first-child{margin-top:.4rem}

.mnav__foot{
  flex:none;padding-top:1.8rem;margin-top:1.8rem;
  border-top:.1rem solid var(--nav-line);
  display:flex;flex-direction:column;gap:1.4rem;
}
.mnav__meta{
  display:flex;justify-content:space-between;align-items:center;gap:1.6rem;
  font-family:var(--ff-mono);font-size:1.2rem;opacity:.72;
}
.mnav__meta a{text-decoration:none}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;overflow:hidden;color:var(--cream);
}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:112%;object-fit:cover;object-position:58% 34%;will-change:transform}
.hero__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(95deg,rgba(8,16,28,.86) 0%,rgba(8,16,28,.62) 34%,rgba(8,16,28,.16) 66%,rgba(8,16,28,.34) 100%),
    linear-gradient(180deg,rgba(8,16,28,.34) 0%,rgba(8,16,28,0) 26%,rgba(8,16,28,.72) 100%);
}
.hero__container{
  position:relative;z-index:2;
  width:100%;max-width:var(--wrap);margin:0 auto;
  padding:calc(var(--nav-h) + 4rem) var(--pad) 2.6rem;
  display:flex;flex-direction:column;
}
@media (max-width:48em){.hero__container{padding:calc(var(--nav-h) + 2rem) 1.6rem 2rem}}
.hero__content{
  flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  text-align:left;max-width:66rem;padding-bottom:3.2rem;
}
@media (max-width:64em){.hero__content{max-width:none;padding-bottom:2rem}}
.hero__kicker{color:var(--brass-soft);margin-bottom:2.2rem}
.hero__title{
  font-size:clamp(3.4rem,5vw,6.6rem);
  color:var(--paper);text-wrap:balance;max-width:18ch;
}
.hero__title em{color:var(--brass-soft)}
.hero__sub{
  margin-top:2.4rem;max-width:54ch;
  font-size:clamp(1.6rem,1.25vw,1.85rem);font-weight:400;color:rgba(244,243,238,.9);
}
.hero__ctas{
  margin-top:4rem;display:flex;align-items:center;justify-content:flex-start;
  flex-wrap:wrap;gap:2.2rem 3.4rem;
  opacity:0;transform:translateY(2rem);
  transition:opacity .8s var(--e-hard) .1s,transform .8s var(--e-hard) .1s;
}
.hero__ctas.is-ready{opacity:1;transform:translateY(0)}
html:not(.has-anim) .hero__ctas{opacity:1;transform:none}
.hero__more{color:var(--brass-soft)}
.hero__bottom{
  margin-top:3.6rem;padding-top:2.4rem;text-align:left;
  border-top:.1rem solid rgba(228,225,214,.2);
  font-size:1.45rem;font-weight:500;color:rgba(244,243,238,.8);
}
@media (max-width:48em){.hero__bottom{margin-top:2.6rem;padding-top:1.8rem}}
.hero__bottom strong{font-weight:700;color:var(--paper)}
@media (max-width:48em){
  .hero__ctas{flex-direction:column;gap:2rem;margin-top:3.6rem;width:100%}
  .hero__ctas .btn{width:100%}
}



/* ==========================================================================
   SCHWERPUNKTE
   ========================================================================== */
.focus{background:var(--ink);color:var(--cream);padding:9rem 0}
@media (max-width:48em){.focus{padding:5rem 0}}
.focus__head{max-width:56rem;margin-bottom:5.6rem}
@media (max-width:48em){.focus__head{margin-bottom:3.2rem}}
.focus__eyebrow{display:block;color:var(--brass);margin-bottom:1.8rem}
.focus__lead{
  font-family:var(--ff-display);font-weight:500;letter-spacing:-.015em;line-height:1.14;
  font-size:clamp(2.2rem,2.7vw,3.4rem);color:var(--paper);
}
.focus__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem}
@media (max-width:64em){.focus__grid{grid-template-columns:1fr 1fr;gap:3.2rem 2.4rem}}
@media (max-width:48em){.focus__grid{grid-template-columns:1fr;gap:2.4rem}}
.focus__item{
  position:relative;display:flex;flex-direction:column;
  padding-top:2.4rem;text-decoration:none;color:inherit;
  transition:transform .55s var(--e-out);
}
.focus__item::before,.focus__item::after{
  content:"";position:absolute;top:0;left:0;right:0;height:.1rem;
}
.focus__item::before{background:var(--line-cream)}
.focus__item::after{
  background:var(--brass);transform:scaleX(0);transform-origin:left center;
  transition:transform .65s var(--e-out);
}
@media (hover:hover) and (pointer:fine){
  .focus__item:hover{transform:translateY(-.5rem)}
  .focus__item:hover::after{transform:scaleX(1)}
  .focus__item:hover .focus__t{color:var(--brass-soft)}
  .focus__item:hover .focus__more{opacity:1;transform:translateY(0)}
}
.focus__no{font-family:var(--ff-mono);font-size:1.2rem;letter-spacing:.2em;color:var(--brass)}
.focus__t{
  font-family:var(--ff-display);font-weight:500;letter-spacing:-.01em;line-height:1.16;
  font-size:clamp(2rem,2.1vw,2.6rem);margin-top:1.6rem;color:var(--paper);
  transition:color .4s var(--e-io);
}
.focus__d{
  margin-top:1.2rem;font-size:1.5rem;line-height:1.6;
  color:rgba(228,225,214,.62);flex:1;
}
.focus__more{
  margin-top:2.4rem;display:inline-flex;align-items:center;gap:.8rem;
  font-family:var(--ff-mono);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);opacity:0;transform:translateY(.5rem);
  transition:opacity .45s var(--e-out),transform .45s var(--e-out);
}
.focus__more svg{width:1.4rem;height:1.4rem}
@media (hover:none),(pointer:coarse){.focus__more{opacity:.85;transform:none}}

/* ==========================================================================
   KANZLEI · Statement auf Espresso, rotierte Parallax-Karte, §-Kontur
   ========================================================================== */
.kanzlei{background:var(--paper);padding:9rem 0}
@media (max-width:48em){.kanzlei{padding:4.5rem 0}}
.kanzlei__block{
  position:relative;overflow:hidden;
  background:var(--ink);color:var(--cream);
  border-radius:3.2rem;padding:8rem 6rem 6rem;
}
@media (max-width:64em){.kanzlei__block{padding:5.6rem 3.2rem 4rem;border-radius:2.4rem}}
@media (max-width:48em){.kanzlei__block{padding:3.6rem 2rem 3rem;border-radius:1.8rem}}
.kanzlei__block::after{
  content:"";position:absolute;left:0;right:0;top:0;height:.1rem;
  background:linear-gradient(90deg,transparent,rgba(198,164,99,.5),transparent);
}
.kanzlei__head{position:relative;z-index:1}
.kanzlei__eyebrow{display:block;color:var(--brass);margin-bottom:2.2rem}
.kanzlei__title{
  font-size:clamp(2.8rem,4.1vw,5.4rem);
  color:var(--paper);max-width:19ch;
}
.kanzlei__title em{color:var(--brass-soft)}
.kanzlei__body{
  margin-top:3rem;max-width:64ch;
  font-size:clamp(1.6rem,1.25vw,1.9rem);line-height:1.65;color:rgba(228,225,214,.82);
}
.kanzlei__body strong{color:var(--paper);font-weight:600}
.kanzlei__meta{
  margin-top:4rem;padding-top:3.2rem;border-top:.1rem solid var(--line-cream);
  display:flex;align-items:center;justify-content:space-between;gap:3rem 4rem;flex-wrap:wrap;
}
@media (max-width:48em){.kanzlei__meta{margin-top:2.8rem;padding-top:2.4rem;gap:2.4rem}}
.kanzlei__facts{display:flex;gap:5.6rem}
@media (max-width:64em){.kanzlei__facts{gap:3.6rem}}
@media (max-width:48em){.kanzlei__facts{gap:2.4rem;width:100%;justify-content:space-between}}
.kanzlei__facts dt{
  font-family:var(--ff-mono);font-size:1.1rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(228,225,214,.55);
}
.kanzlei__facts dd{
  font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1;
  color:var(--brass-soft);margin-top:.9rem;
}
.kanzlei__gallery{
  position:relative;z-index:2;width:100%;margin-top:6.4rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;align-items:start;
}
@media (max-width:64em){.kanzlei__gallery{gap:1.6rem;margin-top:4rem}}
@media (max-width:48em){.kanzlei__gallery{grid-template-columns:1fr;gap:1.6rem;margin-top:3rem}}
.kfig{position:relative;border-radius:var(--r-lg);overflow:hidden;will-change:transform}
.kfig img{width:100%;height:100%;object-fit:cover;display:block}
.kfig--1{aspect-ratio:4/5}
.kfig--2{aspect-ratio:4/5;margin-top:4rem}
.kfig--3{aspect-ratio:4/5;margin-top:8rem}
@media (max-width:48em){.kfig--2,.kfig--3{margin-top:0}.kfig{aspect-ratio:16/10}}
.kfig figcaption{
  position:absolute;left:1.4rem;bottom:1.4rem;
  font-family:var(--ff-mono);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;
  background:rgba(8,16,28,.56);color:var(--cream);
  -webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);
  border-radius:10rem;padding:.6rem 1.3rem;
}
.kanzlei__seal{
  position:absolute;right:0;top:-4.2rem;z-index:3;
  width:15rem;height:15rem;border-radius:50%;background:var(--brass);color:var(--ink);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transform:rotate(-12deg);text-align:center;
  box-shadow:0 1.6rem 4rem rgba(0,0,0,.35);
}
@media (max-width:48em){.kanzlei__seal{width:9rem;height:9rem;right:0;top:-3rem}}
.kanzlei__seal b{font-family:var(--ff-display);font-size:3.2rem;font-weight:600;line-height:1}
.kanzlei__seal span{font-family:var(--ff-mono);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;margin-top:.4rem}
@media (max-width:48em){.kanzlei__seal b{font-size:2.2rem}.kanzlei__seal span{font-size:.85rem}}
.kanzlei__note{
  position:relative;z-index:2;margin-top:3.2rem;text-align:center;
  font-family:var(--ff-mono);font-size:1.3rem;letter-spacing:.08em;
  color:rgba(228,225,214,.74);
}


/* ==========================================================================
   PROCESS · gepinnt, scroll-gesteuerte Etappen
   ========================================================================== */
.process{
  position:relative;background:var(--paper);color:var(--walnut);
  transition:background-color .8s var(--e-hard),color .8s var(--e-hard);
}
.process__pin{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;align-items:center;overflow:hidden;
}
.process__inner{
  width:100%;display:flex;flex-direction:column;gap:5.6rem;
  padding-top:calc(var(--nav-h) + 2rem);padding-bottom:4rem;
  position:relative;z-index:1;
}
@media (max-width:48em){.process__inner{gap:2.8rem;padding-top:calc(var(--nav-h) + 1rem)}}
.process__eyebrow{text-align:center;opacity:.7}
.process__title{
  font-size:clamp(2.7rem,4.4vw,5.6rem);
  text-align:center;margin:1.4rem auto 0;max-width:22ch;
}
.process__grid{
  display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:5.6rem;align-items:center;
}
@media (max-width:64em){.process__grid{grid-template-columns:1fr 1fr;gap:3.2rem}}
@media (max-width:48em){.process__grid{grid-template-columns:1fr;gap:2.4rem}}
.process__steps{display:flex;flex-direction:column;gap:2.2rem}
.process__step{opacity:.28;transition:opacity .4s var(--e-hard)}
.process__step:hover:not(.is-active){opacity:.55}
.process__step.is-active{opacity:1}
.process__step-btn{
  display:flex;flex-direction:column;gap:1.1rem;width:100%;text-align:left;
}
.process__step-label{font-size:1.7rem;font-weight:700}
.process__step-line{
  display:block;height:.1rem;width:100%;position:relative;overflow:hidden;
  background:color-mix(in srgb,currentColor 18%,transparent);
}
.process__step-fill{
  position:absolute;inset:0;background:currentColor;
  transform:scaleX(0);transform-origin:left center;will-change:transform;
}
.process__visual{
  aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;position:relative;
  max-height:52vh;
}
@media (max-width:48em){.process__visual{display:none}}
.process__layer{
  position:absolute;inset:0;
  clip-path:inset(100% 0 0 0);
  transition:clip-path 1.1s var(--e-hard);
  display:flex;align-items:flex-end;
  padding:3rem;overflow:hidden;
}
.process__layer img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.process__layer::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,16,28,.34) 0%,rgba(8,16,28,.38) 45%,rgba(8,16,28,.84) 100%);
}
.process__layer.is-active,.process__layer.is-past{clip-path:inset(0 0 0 0)}
.process__layer-num{
  position:relative;z-index:2;
  font-family:var(--ff-display);font-weight:600;font-size:16rem;line-height:.8;
  transform:scale(1.15);transition:transform 1.1s var(--e-hard) .05s;
  color:var(--paper);
}
.process__layer.is-active .process__layer-num{transform:scale(1)}
.process__layer-cap{
  position:absolute;z-index:2;right:3rem;bottom:3.6rem;text-align:right;
  font-family:var(--ff-mono);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-soft);
}
.process__content{position:relative;min-height:30rem}
@media (max-width:48em){.process__content{min-height:24rem}}
.process__panel{
  position:absolute;inset:0;display:flex;flex-direction:column;gap:2rem;
  pointer-events:none;
}
.process__panel.is-active{pointer-events:auto}
.process__panel .w{margin-right:.24em}
.process__small{font-family:var(--ff-mono);font-size:1.4rem;letter-spacing:.06em}
.process__head{
  font-family:var(--ff-display);font-weight:600;letter-spacing:-.015em;
  font-size:clamp(2.2rem,2.6vw,3.6rem);line-height:1.12;
}
.process__desc{font-size:clamp(1.6rem,1.4vw,2rem);font-weight:500;line-height:1.4;max-width:42ch}
.process__panel .wi{transition:transform 1s var(--e-hard);transition-delay:0s}
.process__panel.is-active .wi{transform:translateY(0)}
.process__panel.is-past .wi{transform:translateY(-112%)}
.process__panel.is-future .wi{transform:translateY(112%)}
html:not(.has-anim) .process__panel.is-past,
html:not(.has-anim) .process__panel.is-future{display:none}

/* Auf dem Handy laeuft der Ablauf als normale Liste, ohne Pinning */
@media (max-width:48em){
  .process{background:var(--paper)!important}
  .process__pin{min-height:0;display:block;overflow:visible}
  .process__inner{gap:3rem;padding-top:5rem;padding-bottom:1rem}
  .process__grid{display:block}
  .process__steps{display:none}
  .process__content{position:static;min-height:0;display:flex;flex-direction:column;gap:0}
  .process__panel{
    position:static;pointer-events:auto;display:block;
    padding:2.4rem 0;border-top:.1rem solid var(--line);
  }
  .process__panel .wi{transform:none!important}
  .process__small{color:var(--brass-deep)}
  .process__head{margin-top:1rem}
  .process__desc{margin-top:1rem;max-width:none}
}

/* ==========================================================================
   EXPERTISE · Toggle-Pille + Karten
   ========================================================================== */
.expertise{background:var(--paper);padding:9rem 0}
@media (max-width:48em){.expertise{padding:5rem 0}}
.expertise__container{display:flex;flex-direction:column;align-items:center}
.expertise__eyebrow{color:var(--brass-deep)}
.expertise__title{
  font-size:clamp(3rem,5.2vw,7rem);
  text-align:center;margin-top:1.6rem;max-width:20ch;text-wrap:balance;
}
.expertise__toggle{
  position:relative;display:inline-flex;align-items:stretch;isolation:isolate;
  background:var(--cream);border-radius:10rem;padding:.7rem;margin-top:4rem;
}
@media (max-width:48em){.expertise__toggle{margin-top:2.4rem}}
.expertise__pill{
  position:absolute;top:.7rem;bottom:.7rem;left:0;z-index:0;
  background:var(--ink);border-radius:10rem;pointer-events:none;
  transition:transform .5s var(--e-io),width .5s var(--e-io);
}
.expertise__tab{
  position:relative;z-index:1;border-radius:10rem;
  font-family:var(--ff-display);font-weight:600;font-size:1.8rem;letter-spacing:-.01em;
  padding:1.8rem 3.6rem;white-space:nowrap;
  transition:color .4s var(--e-io),opacity .3s var(--e-io);
}
@media (max-width:48em){.expertise__tab{padding:1.4rem 2.2rem;font-size:1.5rem}}
.expertise__tab:hover:not(.is-active){opacity:.65}
.expertise__tab.is-active{color:var(--brass-soft)}
.expertise__decks{display:grid;width:100%;margin-top:4rem}
@media (max-width:48em){.expertise__decks{margin-top:2.4rem}}
.expertise__deck{
  grid-area:1/1;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;
  transition:opacity .45s var(--e-io),transform .45s var(--e-io),visibility 0s .45s;
  opacity:0;transform:translateY(1.2rem);visibility:hidden;pointer-events:none;
}
.expertise__deck.is-active{
  opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;
  transition:opacity .45s var(--e-io) .1s,transform .45s var(--e-io) .1s,visibility 0s;
}
@media (max-width:64em){.expertise__deck{grid-template-columns:1fr 1fr;gap:1.8rem}}
@media (max-width:48em){.expertise__deck{grid-template-columns:1fr;gap:1.6rem}}
.xcard{
  display:flex;flex-direction:column;border-radius:var(--r-xl);
  padding:3.6rem;min-height:52rem;
  background:var(--xc-bg);color:var(--xc-c);
  position:relative;overflow:hidden;isolation:isolate;
}
.xcard__bg{position:absolute;inset:0;z-index:0}
.xcard__bg img{width:100%;height:100%;object-fit:cover;display:block}
.xcard__bg::after{content:"";position:absolute;inset:0;background:var(--xc-veil)}
@media (max-width:48em){.xcard{padding:2.2rem;min-height:0}}
.xcard__title{
  font-family:var(--ff-display);font-weight:500;letter-spacing:-.02em;
  font-size:clamp(2.4rem,2.6vw,3.8rem);line-height:1.08;max-width:12ch;
  position:relative;z-index:1;
}
.xcard__list{margin:auto 0 3rem;display:flex;flex-direction:column;gap:.9rem;padding-top:2.6rem;position:relative;z-index:1}
.xcard__list li{
  position:relative;padding-left:1.6rem;font-weight:500;font-size:1.6rem;line-height:1.45;
}
.xcard__list li::before{
  content:"";position:absolute;left:0;top:.9em;width:.6rem;height:.6rem;
  border-radius:50%;background:currentColor;transform:translateY(-50%);
}
.xcard .btn{position:relative;z-index:1}

/* ==========================================================================
   INSOLVENZOBJEKTE
   ========================================================================== */
.objekte{background:var(--paper);padding:4rem 0 9rem}
@media (max-width:48em){.objekte{padding:2rem 0 5rem}}
.objekte__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:3.2rem;
  margin-bottom:4rem;
}
@media (max-width:48em){.objekte__head{flex-direction:column;align-items:flex-start;gap:1.6rem;margin-bottom:2.4rem}}
.objekte__eyebrow{color:var(--brass-deep)}
.objekte__title{font-size:clamp(3rem,4.6vw,5.6rem);margin-top:1.6rem;max-width:16ch}
.objekte__lead{max-width:44ch;font-size:1.7rem;color:var(--ink-soft)}
.objekte__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
@media (max-width:64em){.objekte__grid{grid-template-columns:1fr 1fr;gap:1.8rem}}
@media (max-width:48em){.objekte__grid{grid-template-columns:1fr;gap:1.6rem}}
.ocard{
  display:flex;flex-direction:column;gap:2.4rem;
  border-radius:var(--r-xl);padding:2.4rem;
  background:#fbf8f0;border:.1rem solid var(--line);
}
.ocard__visual{
  position:relative;border-radius:var(--r-md);overflow:hidden;
  aspect-ratio:16/10;background:var(--ink);
}
.ocard__visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s var(--e-out);
}
.ocard:hover .ocard__visual img{transform:scale(1.05)}
.ocard__chip{
  position:absolute;top:1.2rem;left:1.2rem;
  font-family:var(--ff-mono);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(8,16,28,.34);color:var(--cream);
  -webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);
  border-radius:10rem;padding:.5rem 1.1rem;
}
.ocard__title{font-family:var(--ff-display);font-weight:600;font-size:2.6rem;letter-spacing:-.01em}
.ocard__meta{
  display:flex;flex-direction:column;gap:.7rem;margin-top:-.8rem;
  font-size:1.5rem;color:var(--ink-soft);
}
.ocard__meta span{display:flex;gap:.9rem;align-items:baseline;flex-wrap:wrap}
.ocard__meta b{font-family:var(--ff-mono);font-weight:500;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);min-width:8.4rem;flex:none}
.ocard .btn{margin-top:auto}
.objekte__note{
  margin-top:2.8rem;text-align:center;font-size:1.4rem;color:var(--ink-soft);
}

/* ==========================================================================
   ZAHLEN · Stapelkarten
   ========================================================================== */
.zahlen{position:relative;background:var(--paper)}
.zahlen__intro{padding:7rem 0 0;text-align:center}
@media (max-width:48em){.zahlen__intro{padding:4rem 0 0}}
.zahlen__eyebrow{color:var(--brass-deep)}
.zahlen__title{font-size:clamp(3rem,4.6vw,5.6rem);margin:1.6rem auto 0;max-width:18ch}
.zwrap{
  position:sticky;top:0;height:100vh;height:100svh;
  display:flex;align-items:center;justify-content:center;
  padding:0 var(--pad);perspective:120rem;
}
@media (max-width:48em){.zwrap{padding:0 1.6rem}}
.zspace{height:22vh}
.zcard{
  width:100%;max-width:120rem;border-radius:var(--r-lg);
  background:var(--zc-bg);color:var(--zc-c);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:11rem 6rem;position:relative;overflow:hidden;isolation:isolate;
  transform-origin:center top;will-change:transform;
  box-shadow:0 2rem 6rem rgba(8,16,28,.16);
}
@media (max-width:48em){.zcard{min-height:52vh;padding:3.6rem 2rem}}
.zcard__bg{position:absolute;inset:0;z-index:0}
.zcard__bg img{width:100%;height:100%;object-fit:cover;display:block}
.zcard__bg::after{content:"";position:absolute;inset:0;background:var(--zc-veil)}
.zcard__label{position:relative;z-index:1;font-family:var(--ff-mono);font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.zcard__row{
  position:relative;z-index:1;display:flex;align-items:center;gap:3rem;margin-top:2.6rem;
}
@media (max-width:48em){.zcard__row{flex-direction:column;gap:1.4rem;margin-top:1.8rem}}
.zcard__num{
  font-family:var(--ff-display);font-weight:600;letter-spacing:-.03em;line-height:1;
  font-size:clamp(5.6rem,9vw,11rem);
}
.zcard__sub{
  font-family:var(--ff-display);font-weight:500;font-size:clamp(1.9rem,2.2vw,3rem);
  line-height:1.2;max-width:20ch;text-align:left;
}
@media (max-width:48em){.zcard__sub{text-align:center}}

/* ==========================================================================
   AKTUELLES
   ========================================================================== */
.aktuelles{background:var(--paper);padding:9rem 0}
@media (max-width:48em){.aktuelles{padding:5rem 0}}
.aktuelles__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;align-items:start}
@media (max-width:64em){.aktuelles__grid{grid-template-columns:1fr;gap:2.8rem}}
.aktuelles__eyebrow{color:var(--brass-deep)}
.aktuelles__title{font-size:clamp(3rem,4.6vw,5.6rem);margin-top:1.6rem;max-width:12ch}
.aktuelles__list{border-top:.1rem solid var(--line)}
.arow{
  display:grid;grid-template-columns:9.6rem 11rem 1fr auto;gap:2.4rem;align-items:center;
  padding:2.2rem 0;border-bottom:.1rem solid var(--line);
}
@media (max-width:64em){.arow{grid-template-columns:9.6rem 1fr auto;gap:1.8rem}}
@media (max-width:48em){.arow{grid-template-columns:9.6rem 1fr;gap:1.2rem;padding:1.8rem 0}}
.arow__thumb{
  border-radius:1rem;overflow:hidden;aspect-ratio:4/3;background:var(--cream);
}
@media (max-width:64em){.arow__thumb{display:none}}
.arow__thumb img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .9s var(--e-out)}
.arow:hover .arow__thumb img{transform:scale(1.06)}
.arow__date{font-family:var(--ff-mono);font-size:1.3rem;color:var(--ink-soft)}
.arow__title{font-family:var(--ff-display);font-weight:600;font-size:clamp(1.9rem,1.9vw,2.6rem);letter-spacing:-.01em;line-height:1.2}
.arow__tag{
  font-family:var(--ff-mono);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;
  border:.1rem solid var(--line);border-radius:10rem;padding:.5rem 1.2rem;color:var(--ink-soft);
  white-space:nowrap;
}
@media (max-width:48em){.arow__tag{justify-self:start}}
.aktuelles__note{margin-top:2.4rem;font-size:1.4rem;color:var(--ink-soft)}

/* ==========================================================================
   NEWSLETTER · Split-Karte mit Parallax-Siegel
   ========================================================================== */
.newsletter{background:var(--paper);padding:2rem 0 6rem}
@media (max-width:48em){.newsletter{padding:1rem 0 4rem}}
.split{
  position:relative;border-radius:var(--r-lg);overflow:visible;
  background:var(--sp-bg);color:var(--sp-c);
  display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;
  min-height:42rem;padding:5.2rem;
}
@media (max-width:48em){.split{grid-template-columns:1fr;gap:2rem;padding:2.2rem;min-height:0}}
.split__title{font-size:clamp(2.6rem,4vw,5.2rem);max-width:16ch}
.split__title em{color:var(--brass-soft)}
.split__sub{margin-top:1.8rem;max-width:46ch;font-size:1.7rem;opacity:.92}
.split__visual{
  position:absolute;right:0;bottom:0;top:-6rem;width:44%;
  display:flex;align-items:flex-end;justify-content:center;pointer-events:none;
}
@media (max-width:48em){.split__visual{display:none}}
.split__visual img{
  width:100%;height:100%;object-fit:cover;object-position:38% 45%;
  border-radius:var(--r-md);box-shadow:0 2.4rem 6rem rgba(0,0,0,.3);
}
.split__seal-clip{position:absolute;inset:0;border-radius:var(--r-lg);overflow:hidden;pointer-events:none;z-index:3}
.split__seal{
  position:absolute;top:50%;margin-top:-8rem;right:calc(44% - 8rem);width:16rem;height:16rem;
  border-radius:50%;background:var(--brass);display:grid;place-items:center;
  transform:rotate(-14deg);will-change:transform;
  box-shadow:0 1.6rem 4rem rgba(0,0,0,.3);
}
@media (max-width:48em){.split__seal{width:7rem;height:7rem;right:1rem;top:1rem;margin-top:0}}
.split__seal img{width:58%;height:auto}
.nl-form{margin-top:3rem;display:flex;gap:1.2rem;max-width:46rem;position:relative;z-index:2}
@media (max-width:48em){.nl-form{flex-direction:column}}
.nl-form input{
  flex:1;font:inherit;font-size:1.5rem;color:var(--ink);
  background:var(--paper);border:.1rem solid transparent;border-radius:1rem;
  padding:1.5rem 1.8rem;min-width:0;
}
.nl-form input:focus{outline:none;border-color:var(--brass)}
.nl-form input::placeholder{color:var(--ink-soft)}
.nl__legal{margin-top:1.4rem;font-size:1.25rem;opacity:.7;position:relative;z-index:2}
.nl__ok{
  display:none;margin-top:3rem;font-family:var(--ff-display);font-size:2rem;font-weight:600;
  color:var(--brass-soft);
}
.split.is-sent .nl-form,.split.is-sent .nl__legal{display:none}
.split.is-sent .nl__ok{display:block}

/* ==========================================================================
   KONTAKT
   ========================================================================== */
.kontakt{background:var(--paper);padding:2rem 0 9rem}
@media (max-width:48em){.kontakt{padding:1rem 0 5rem}}
.kontakt__card{
  border-radius:var(--r-lg);background:var(--cream);
  display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;
  padding:5.2rem;position:relative;overflow:hidden;
}
@media (max-width:48em){.kontakt__card{grid-template-columns:1fr;gap:2.8rem;padding:2.2rem}}
.kontakt__eyebrow{color:var(--brass-deep)}
.kontakt__title{font-size:clamp(2.8rem,4.4vw,5.6rem);margin-top:1.6rem;max-width:14ch}
.kontakt__sub{margin-top:1.8rem;max-width:44ch;font-size:1.7rem;color:var(--ink-soft)}
.kontakt__ctas{margin-top:3.2rem;display:flex;flex-wrap:wrap;gap:1.4rem;position:relative;z-index:1}
.kontakt__facts{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:2.2rem;
  border-left:.1rem solid var(--line);padding-left:4rem;justify-content:center;
}
@media (max-width:48em){.kontakt__facts{border-left:0;padding-left:0;border-top:.1rem solid var(--line);padding-top:2.4rem}}
.kfact b{
  display:block;font-family:var(--ff-mono);font-weight:500;font-size:1.2rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.5rem;
}
.kfact p,.kfact a{font-size:1.7rem;font-weight:500;text-decoration:none;line-height:1.5}
.kfact a:hover{color:var(--brass-deep)}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer{
  background:var(--ink);color:var(--cream);
  display:flex;flex-direction:column;
  padding:8rem 0 2.8rem;position:relative;overflow:hidden;
}
@media (max-width:48em){.footer{padding:4.5rem 0 2.4rem}}
.footer__inner{display:flex;flex-direction:column;margin-bottom:3.6rem}
@media (max-width:48em){.footer__inner{margin-bottom:3rem}}
.footer__row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:4rem}
@media (max-width:64em){.footer__row{grid-template-columns:1fr 1fr}}
@media (max-width:48em){
  .footer__row{grid-template-columns:1fr 1fr;gap:2.8rem 2rem}
  .footer__brand{grid-column:1/-1}
  .footer__logo{max-width:18rem}
}
.footer__brand{display:flex;flex-direction:column;gap:2.4rem;align-items:flex-start}
.footer__logo{max-width:24rem}
.footer__logo img{width:100%;height:auto}
.footer__headline{
  font-family:var(--ff-display);font-weight:500;font-size:clamp(1.9rem,1.9vw,2.6rem);
  letter-spacing:-.015em;line-height:1.2;max-width:18ch;
}
.footer__headline em{color:var(--brass-soft);font-style:italic}
.footer__label{
  font-family:var(--ff-mono);font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(228,225,214,.58);margin-bottom:1.3rem;
}
.footer__col ul{display:flex;flex-direction:column;gap:.7rem}
.footer__col a{
  font-size:1.6rem;text-decoration:none;color:var(--cream);
  transition:color .3s var(--e-io);
}
.footer__col a:hover{color:var(--brass-soft)}
.footer__contact{margin-top:2rem;display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.footer__value{font-size:1.6rem;line-height:1.55;color:var(--cream);white-space:pre-line}
.footer__value a{text-decoration:none}
.footer__value a:hover{color:var(--brass-soft)}
.footer__socials{display:flex;gap:1.4rem}
.footer__social{
  width:3.8rem;height:3.8rem;border-radius:50%;
  border:.1rem solid var(--line-cream);display:grid;place-items:center;
  color:var(--cream);text-decoration:none;
  transition:background-color .3s var(--e-io),color .3s var(--e-io),border-color .3s var(--e-io);
}
.footer__social:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.footer__social svg{width:1.6rem;height:1.6rem}
.footer__bottom{
  display:flex;justify-content:space-between;align-items:center;gap:2.4rem;
  padding-top:2.8rem;border-top:.1rem solid var(--line-cream);
  font-size:1.35rem;color:rgba(228,225,214,.62);
}
@media (max-width:48em){.footer__bottom{flex-direction:column;align-items:flex-start;gap:1.6rem}}
.footer__credit a{color:inherit;text-decoration:none}
.footer__credit a:hover{color:var(--brass-soft)}
.footer__top-btn{
  display:inline-flex;align-items:center;gap:1rem;color:var(--cream);
  font-size:1.5rem;transition:color .3s var(--e-io);
}
.footer__top-btn:hover{color:var(--brass-soft)}
.footer__top-btn svg{width:1.6rem;height:1.6rem;transition:transform .3s var(--e-io)}
.footer__top-btn:hover svg{transform:translateY(-.3rem)}

/* ==========================================================================
   COOKIE BANNER
   ========================================================================== */
.cookie{
  position:fixed;left:2rem;bottom:2rem;z-index:90;
  width:min(42rem,calc(100vw - 4rem));
  background:var(--ink);color:var(--cream);
  border-radius:var(--r-md);padding:2.2rem;
  box-shadow:0 2rem 6rem rgba(0,0,0,.35);
  transform:translateY(calc(100% + 3rem));opacity:0;
  transition:transform .6s var(--e-out),opacity .5s var(--e-out);
}
.cookie.is-visible{transform:translateY(0);opacity:1}
.cookie__title{font-family:var(--ff-display);font-weight:600;font-size:1.9rem;margin-bottom:.8rem}
.cookie__text{font-size:1.4rem;color:rgba(228,225,214,.84)}
.cookie__text a{color:var(--brass-soft)}
.cookie__row{display:flex;gap:1rem;margin-top:1.8rem;flex-wrap:wrap}

/* ==========================================================================
   REDUCED MOTION / FALLBACKS
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero__ctas{opacity:1;transform:none}
}

/* ==========================================================================
   TALHA BARUT · Ergänzungen
   ========================================================================== */
.eyebrow{font-weight:600}

/* ---------- Marke: Monogramm + Wortmarke ---------- */
.brand{display:flex;align-items:center;gap:1.2rem;text-decoration:none;color:inherit;flex-shrink:0}
.brand__mark{width:4.6rem;height:4.6rem;flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--ff-display);font-weight:500;font-size:2.2rem;letter-spacing:-.01em}
.brand__role{
  margin-top:.5rem;font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.62;
}
@media (max-width:30em){.brand__role{display:none}.brand__mark{width:4rem;height:4rem}.brand__name{font-size:2rem}}

/* ---------- Sprachumschalter ---------- */
.lang{
  display:inline-flex;align-items:center;position:relative;isolation:isolate;
  border:.1rem solid var(--nav-line);border-radius:10rem;padding:.3rem;
}
.lang a{
  position:relative;z-index:1;min-width:3.8rem;padding:.6rem 1rem;border-radius:10rem;text-align:center;
  font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-decoration:none;color:inherit;opacity:.6;
  transition:opacity .3s var(--e-io),background-color .3s var(--e-io),color .3s var(--e-io);
}
.lang a:hover{opacity:1}
.lang a[aria-current="true"]{opacity:1;background:var(--nav-c);color:var(--nav-bg-solid,var(--paper))}
.nav--dark .lang a[aria-current="true"]{color:var(--ink)}
@media (max-width:64em){.nav__ctas .lang{display:none}}
.mnav__meta .lang{border-color:var(--nav-line)}

/* ---------- Mega: Spaltenzahl flexibel ---------- */
.mega__inner--4{grid-template-columns:1fr 1fr 1fr 1.05fr;gap:4rem}
.mega__soon{
  display:inline-block;margin-left:.8rem;vertical-align:middle;
  font-family:var(--ff-body);font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border:.1rem solid var(--nav-line);border-radius:10rem;padding:.25rem .8rem;opacity:.55;
}

/* ---------- Hero: Zulassungs-Zeile ---------- */
.hero__bottom{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;align-items:center}
.hero__chip{display:inline-flex;align-items:center;gap:1rem}
.hero__chip::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--brass)}

/* ---------- Kanzlei: Siegel mit zwei Rechtsordnungen ---------- */
.kanzlei__seal b{font-size:2.8rem;letter-spacing:.02em}
@media (max-width:48em){.kanzlei__seal b{font-size:1.9rem}}

/* ---------- Weitere Leistungen (ocard) ---------- */
.ocard__lead{font-size:1.55rem;line-height:1.6;color:var(--ink-soft);margin-top:-1.2rem}

/* ---------- Vorab-Check (statt Newsletter) ---------- */
.check{margin-top:2.8rem;display:grid;gap:1.2rem;max-width:52rem;position:relative;z-index:2;counter-reset:chk}
.check li{
  counter-increment:chk;display:grid;grid-template-columns:3.6rem 1fr;gap:1.4rem;align-items:start;
  padding:1.4rem 0;border-top:.1rem solid rgba(228,225,214,.18);font-size:1.6rem;line-height:1.5;
}
.check li::before{
  content:counter(chk,decimal-leading-zero);
  font-size:1.2rem;font-weight:700;letter-spacing:.16em;color:var(--brass-soft);padding-top:.35rem;
}
.check b{color:var(--paper);font-weight:600}
.check span{display:block;opacity:.72;font-size:1.45rem}
.split__ctas{margin-top:3.2rem;display:flex;flex-wrap:wrap;gap:1.4rem;position:relative;z-index:2}
.split__legal{margin-top:1.6rem;font-size:1.3rem;opacity:.66;max-width:52ch;position:relative;z-index:2}
.split__seal img{width:64%}

/* ---------- Ratgeber-Liste als Links ---------- */
a.arow{text-decoration:none;color:inherit}
a.arow:hover .arow__title{color:var(--brass-deep)}
.arow__title{transition:color .35s var(--e-io)}
.aktuelles__more{margin-top:3.2rem}

/* ---------- Kontakt: Karte-Link ---------- */
.kfact small{display:block;margin-top:.4rem;font-size:1.35rem;color:var(--ink-soft)}
.kfact .link-u{font-size:1.5rem;margin-top:.6rem}

/* ---------- Footer-Credit ---------- */
.footer__legalnote{margin-top:1.4rem;font-size:1.3rem;line-height:1.6;color:rgba(228,225,214,.55);max-width:46ch}

/* ==========================================================================
   404
   ========================================================================== */
.e404{
  position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;
  background:var(--ink);color:var(--cream);overflow:hidden;
}
.e404__bg{position:absolute;inset:0;z-index:0}
.e404__bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.e404__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,26,43,.96) 30%,rgba(13,26,43,.6))}
.e404__inner{position:relative;z-index:1;padding-top:calc(var(--nav-h) + 4rem);padding-bottom:6rem}
.e404__grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
@media (max-width:64em){.e404__grid{grid-template-columns:1fr;gap:4.8rem}}
.e404__code{
  font-family:var(--ff-display);font-weight:500;line-height:.8;letter-spacing:-.04em;
  font-size:clamp(10rem,18vw,22rem);color:transparent;-webkit-text-stroke:.1rem var(--brass);
}
.e404__lang{border-top:.1rem solid var(--line-cream);padding-top:2.8rem}
.e404__lang .eyebrow{color:var(--brass)}
.e404__title{font-size:clamp(2.8rem,3.6vw,4.6rem);color:var(--paper);margin-top:1.4rem;max-width:18ch}
.e404__text{margin-top:1.6rem;max-width:44ch;font-size:1.7rem;color:rgba(228,225,214,.78)}
.e404__links{margin-top:2.8rem;display:flex;flex-wrap:wrap;gap:1.2rem 2.8rem;align-items:center}
.e404__links .link-u{color:var(--brass-soft)}

/* Marke im Footer */
.footer__logo{max-width:none}
.brand--footer .brand__mark{width:6rem;height:6rem}
.brand--footer .brand__name{font-size:2.8rem;color:var(--paper)}
.brand--footer .brand__role{display:block}
.nav__logo,.footer__logo{text-decoration:none;color:inherit}
.nav__logo{line-height:1}

/* ==========================================================================
   ALT SAYFALAR · Hero (Startseiten-Hero, kompakter)
   ========================================================================== */
.hero--sub{min-height:78vh;min-height:78svh}
.hero--sub .hero__content{max-width:78rem}
.hero--sub .hero__title{font-size:clamp(3.4rem,5.2vw,7rem);max-width:20ch}
.hero--sub .hero__bg img{object-position:50% 40%}
.hero--sub .hero__veil{
  background:
    linear-gradient(95deg,rgba(8,16,28,.9) 0%,rgba(8,16,28,.7) 40%,rgba(8,16,28,.3) 75%,rgba(8,16,28,.45) 100%),
    linear-gradient(180deg,rgba(8,16,28,.45) 0%,rgba(8,16,28,0) 30%,rgba(8,16,28,.8) 100%);
}
@media (max-width:48em){.hero--sub{min-height:86svh}}

/* Breadcrumb */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:2.8rem;
  font-size:1.3rem;font-weight:500;color:rgba(244,243,238,.72)}
.crumbs a{color:inherit;text-decoration:none;transition:color .3s var(--e-io)}
.crumbs a:hover{color:var(--brass-soft)}
.crumbs li{display:inline-flex;align-items:center;gap:1rem}
.crumbs li+li::before{content:"";width:.5rem;height:.5rem;border-top:.12rem solid currentColor;border-right:.12rem solid currentColor;transform:rotate(45deg);opacity:.5}
.crumbs [aria-current]{color:var(--paper)}
.crumbs--ink{color:var(--ink-soft)}.crumbs--ink [aria-current]{color:var(--ink)}

/* ==========================================================================
   ALAN LİSTESİ · Hover-Reveal
   ========================================================================== */
.alist{background:var(--paper);padding:9rem 0 4rem}
@media (max-width:48em){.alist{padding:5rem 0 2rem}}
.agroup{display:grid;grid-template-columns:28rem 1fr;gap:4rem;padding:4.8rem 0;border-top:.1rem solid var(--line)}
.agroup:first-child{border-top:0;padding-top:0}
@media (max-width:64em){.agroup{grid-template-columns:1fr;gap:2.4rem;padding:3.6rem 0}}
.agroup__head{position:sticky;top:calc(var(--nav-h) + 3.2rem);align-self:start}
@media (max-width:64em){.agroup__head{position:static}}
.agroup__eyebrow{color:var(--brass-deep)}
.agroup__lead{margin-top:1.4rem;font-size:1.6rem;line-height:1.6;color:var(--ink-soft);max-width:30ch}
.arow2{
  position:relative;display:grid;grid-template-columns:6rem 1fr auto;gap:2.4rem;align-items:center;
  padding:3rem 0;border-bottom:.1rem solid var(--line);text-decoration:none;color:var(--ink);isolation:isolate;
}
.arow2:first-child{border-top:.1rem solid var(--line)}
.arow2::before{
  content:"";position:absolute;inset:0 -2.4rem;z-index:-1;border-radius:1.6rem;background:var(--ink);
  transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--e-out);
}
.arow2__no{font-size:1.3rem;font-weight:700;letter-spacing:.18em;color:var(--brass-deep);transition:color .4s var(--e-io)}
.arow2__t{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.6rem,3.4vw,4.4rem);letter-spacing:-.02em;line-height:1.05;transition:color .4s var(--e-io),transform .6s var(--e-out)}
.arow2__d{display:block;margin-top:1rem;font-size:1.55rem;line-height:1.55;color:var(--ink-soft);max-width:58ch;transition:color .4s var(--e-io)}
.arow2__go{
  width:5.6rem;height:5.6rem;border-radius:50%;border:.1rem solid var(--line);display:grid;place-items:center;
  transition:background-color .4s var(--e-io),border-color .4s var(--e-io),transform .6s var(--e-out),color .4s var(--e-io);
}
.arow2__go svg{width:2rem;height:2rem;transition:transform .5s var(--e-out)}
.arow2__thumb{display:none}
@media (hover:hover) and (pointer:fine){
  .arow2:hover::before{transform:scaleY(1);transform-origin:50% 0}
  .arow2:hover .arow2__t{color:var(--paper);transform:translateX(1.2rem)}
  .arow2:hover .arow2__d{color:rgba(228,225,214,.72)}
  .arow2:hover .arow2__no{color:var(--brass)}
  .arow2:hover .arow2__go{background:var(--brass);border-color:var(--brass);color:var(--ink);transform:rotate(-45deg)}
}
@media (max-width:48em){
  .arow2{grid-template-columns:1fr auto;gap:1.6rem;padding:2.4rem 0}
  .arow2__no{grid-column:1/-1}
  .arow2__go{width:4.4rem;height:4.4rem}
}
/* Bild folgt dem Cursor */
.reveal-img{
  position:fixed;left:0;top:0;z-index:40;width:30rem;aspect-ratio:4/5;border-radius:1.6rem;overflow:hidden;
  pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);
  box-shadow:0 3rem 7rem rgba(8,16,28,.35);
  transition:opacity .35s var(--e-out),scale .5s var(--e-out);
}
.reveal-img.is-on{opacity:1}
.reveal-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.15);
  transition:opacity .5s var(--e-out),transform 1s var(--e-out)}
.reveal-img img.is-on{opacity:1;transform:scale(1)}
@media (hover:none),(pointer:coarse){.reveal-img{display:none}}

.anote{background:var(--paper);padding:0 0 9rem}
@media (max-width:48em){.anote{padding:0 0 5rem}}
.anote__card{
  display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;
  background:var(--cream);border-radius:var(--r-lg);padding:4.8rem 5.2rem;
}
@media (max-width:48em){.anote__card{grid-template-columns:1fr;gap:2.4rem;padding:2.8rem 2.2rem}}
.anote__t{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.4rem,2.8vw,3.6rem);letter-spacing:-.015em}
.anote__p{margin-top:1.2rem;font-size:1.65rem;line-height:1.6;color:var(--ink-soft);max-width:60ch}

/* ==========================================================================
   ALAN SAYFASI
   ========================================================================== */
.area{background:var(--paper);padding:9rem 0 6rem;position:relative}
@media (max-width:48em){.area{padding:4.8rem 0 3rem}}
.area__grid{display:grid;grid-template-columns:26rem minmax(0,1fr);gap:7.2rem}
@media (max-width:64em){.area__grid{grid-template-columns:1fr;gap:0}}

/* Sticky TOC mit Fortschritt */
.toc{position:sticky;top:calc(var(--nav-h) + 4rem);align-self:start}
@media (max-width:64em){.toc{display:none}}
.toc__label{display:block;color:var(--brass-deep);margin-bottom:2rem}
.toc__list{position:relative;padding-left:2rem}
.toc__track{position:absolute;left:0;top:.4rem;bottom:.4rem;width:.2rem;border-radius:1rem;background:var(--line);overflow:hidden}
.toc__fill{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--brass);transform:scaleY(0);transform-origin:50% 0}
.toc__list a{
  display:block;padding:.75rem 0;font-size:1.5rem;font-weight:600;text-decoration:none;color:var(--ink);opacity:.45;
  transition:opacity .35s var(--e-io),transform .45s var(--e-out);
}
.toc__list a:hover{opacity:.8}
.toc__list a.is-active{opacity:1;transform:translateX(.4rem)}
.toc__cta{margin-top:3.2rem;padding-top:2.8rem;border-top:.1rem solid var(--line)}
.toc__cta p{font-size:1.4rem;line-height:1.55;color:var(--ink-soft);margin-bottom:1.6rem}

.asec{padding:0 0 9rem;scroll-margin-top:calc(var(--nav-h) + 3rem)}
@media (max-width:48em){.asec{padding-bottom:5.6rem}}
.asec__eyebrow{color:var(--brass-deep);display:block;margin-bottom:1.6rem}
.asec__h{font-size:clamp(2.8rem,3.6vw,4.8rem);max-width:22ch}
.asec__lead{margin-top:1.6rem;font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:62ch}

.intro p{font-size:clamp(1.7rem,1.35vw,2rem);line-height:1.7;color:var(--ink);max-width:66ch}
.intro p+p{margin-top:2rem;color:var(--ink-soft)}
.intro p:first-child{font-family:var(--ff-display);font-size:clamp(2.2rem,2.1vw,2.9rem);line-height:1.4;letter-spacing:-.01em}

/* Leistungen */
.svc{margin-top:4.4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem;counter-reset:svc}
@media (max-width:48em){.svc{grid-template-columns:1fr;margin-top:2.8rem}}
.svc__i{position:relative;padding:3rem 0 3.2rem;border-top:.1rem solid var(--line);counter-increment:svc}
.svc__i::after{content:"";position:absolute;left:0;top:-.1rem;height:.1rem;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e-out)}
.svc__i.is-in::after{transform:scaleX(1)}
.svc__i::before{content:counter(svc,decimal-leading-zero);display:block;font-size:1.2rem;font-weight:700;letter-spacing:.18em;color:var(--brass-deep);margin-bottom:1.4rem}
.svc__t{font-family:var(--ff-display);font-weight:500;font-size:2.4rem;letter-spacing:-.01em;line-height:1.2}
.svc__d{margin-top:1rem;font-size:1.55rem;line-height:1.6;color:var(--ink-soft)}

/* Für wen */
.aud{margin-top:4.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
@media (max-width:64em){.aud{grid-template-columns:1fr}}
.aud__i{
  position:relative;overflow:hidden;border-radius:var(--r-lg);padding:3.2rem 2.8rem 3.6rem;
  background:var(--ink);color:var(--cream);min-height:26rem;display:flex;flex-direction:column;justify-content:flex-end;
  transform-style:preserve-3d;transition:transform .5s var(--e-out);
}
.aud__i:nth-child(2){background:var(--walnut)}
.aud__i:nth-child(3){background:var(--ink-2)}
.aud__i::before{content:"";position:absolute;inset:0;background:radial-gradient(60rem circle at var(--mx,50%) var(--my,0%),rgba(198,164,99,.16),transparent 40%);opacity:0;transition:opacity .4s}
.aud__i:hover::before{opacity:1}
.aud__n{position:absolute;top:2.4rem;right:2.8rem;font-family:var(--ff-display);font-size:7rem;line-height:1;color:rgba(198,164,99,.18)}
.aud__t{font-family:var(--ff-display);font-weight:500;font-size:2.4rem;color:var(--paper);position:relative}
.aud__d{margin-top:1.2rem;font-size:1.5rem;line-height:1.6;color:rgba(228,225,214,.75);position:relative}

/* Unterlagen-Checkliste */
.docs{margin-top:4rem;display:grid;grid-template-columns:1fr 26rem;gap:3.2rem;align-items:start}
@media (max-width:64em){.docs{grid-template-columns:1fr}}
.docs__list{display:flex;flex-direction:column;gap:1rem}
.dchk{position:relative;display:grid;grid-template-columns:3.2rem 1fr;gap:1.6rem;align-items:start;cursor:pointer;
  padding:2rem 2.2rem;border-radius:1.4rem;background:#fbf8f0;border:.1rem solid var(--line);
  transition:border-color .35s var(--e-io),background-color .35s var(--e-io),transform .4s var(--e-out)}
.dchk:hover{border-color:rgba(138,107,51,.45)}
.dchk input{position:absolute;opacity:0;pointer-events:none}
.dchk__box{width:3.2rem;height:3.2rem;border-radius:.9rem;border:.15rem solid rgba(13,26,43,.25);display:grid;place-items:center;transition:background-color .3s var(--e-io),border-color .3s var(--e-io)}
.dchk__box svg{width:1.6rem;height:1.6rem;stroke:var(--ink);stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .45s var(--e-out)}
.dchk input:checked~.dchk__box{background:var(--brass);border-color:var(--brass)}
.dchk input:checked~.dchk__box svg{stroke-dashoffset:0}
.dchk input:focus-visible~.dchk__box{outline:.2rem solid var(--brass-deep);outline-offset:.3rem}
.dchk:has(input:checked){background:var(--clay-tint);border-color:transparent}
.dchk__t{font-weight:600;font-size:1.6rem;line-height:1.4}
.dchk__n{display:block;margin-top:.4rem;font-size:1.4rem;line-height:1.5;color:var(--ink-soft);font-weight:400}
.docs__panel{position:sticky;top:calc(var(--nav-h) + 4rem);background:var(--ink);color:var(--cream);border-radius:var(--r-lg);padding:3.2rem 2.8rem;text-align:center}
.ring{position:relative;width:14rem;height:14rem;margin:0 auto}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:6}
.ring__bg{stroke:rgba(228,225,214,.14)}
.ring__fg{stroke:var(--brass);stroke-linecap:round;transition:stroke-dashoffset .7s var(--e-out)}
.ring__v{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--ff-display);font-size:3.6rem;color:var(--paper)}
.docs__state{margin:1.6rem 0 2.4rem;font-size:1.4rem;color:rgba(228,225,214,.72)}

/* Ablauf mit Linie */
.steps2{margin-top:4.4rem;position:relative;padding-left:7.2rem}
@media (max-width:48em){.steps2{padding-left:5.2rem}}
.steps2__line{position:absolute;left:2.3rem;top:1rem;bottom:1rem;width:.2rem;background:var(--line);border-radius:1rem;overflow:hidden}
@media (max-width:48em){.steps2__line{left:1.5rem}}
.steps2__fill{position:absolute;inset:0;background:var(--brass);transform:scaleY(0);transform-origin:50% 0}
.step2{position:relative;padding:0 0 4.4rem}
.step2:last-child{padding-bottom:0}
.step2__dot{position:absolute;left:-7.2rem;top:0;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--paper);border:.15rem solid var(--line);display:grid;place-items:center;
  font-size:1.3rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);transition:background-color .5s var(--e-io),border-color .5s var(--e-io),color .5s var(--e-io)}
@media (max-width:48em){.step2__dot{left:-5.2rem;width:3.2rem;height:3.2rem;font-size:1.1rem}}
.step2.is-on .step2__dot{background:var(--ink);border-color:var(--ink);color:var(--brass-soft)}
.step2__k{font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep)}
.step2__t{margin-top:.8rem;font-family:var(--ff-display);font-weight:500;font-size:clamp(2.2rem,2.2vw,2.8rem);letter-spacing:-.01em}
.step2__d{margin-top:1rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft);max-width:60ch}

/* FAQ Akkordeon */
.faq{margin-top:4rem;border-top:.1rem solid var(--line)}
.faq__i{border-bottom:.1rem solid var(--line)}
.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2.4rem;text-align:left;
  padding:2.6rem 0;font-family:var(--ff-display);font-weight:500;font-size:clamp(1.9rem,1.8vw,2.4rem);letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.faq__ic{flex:none;width:4rem;height:4rem;border-radius:50%;border:.1rem solid var(--line);position:relative;transition:background-color .4s var(--e-io),border-color .4s var(--e-io),transform .5s var(--e-out)}
.faq__ic::before,.faq__ic::after{content:"";position:absolute;left:50%;top:50%;width:1.3rem;height:.15rem;background:currentColor;transform:translate(-50%,-50%);transition:transform .45s var(--e-out)}
.faq__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__i.is-open .faq__ic{background:var(--ink);border-color:var(--ink);color:var(--brass-soft);transform:rotate(180deg)}
.faq__i.is-open .faq__ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--e-out)}
.faq__i.is-open .faq__a{grid-template-rows:1fr}
.faq__a>div{overflow:hidden}
.faq__a p{padding:0 6.4rem 2.8rem 0;font-size:1.65rem;line-height:1.7;color:var(--ink-soft);max-width:72ch}
@media (max-width:48em){.faq__a p{padding-right:0}}
.disclaimer{margin-top:3.2rem;font-size:1.35rem;line-height:1.6;color:var(--ink-soft);max-width:72ch;padding-left:1.6rem;border-left:.2rem solid var(--brass)}

/* Wizard */
.wiz{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--walnut);color:var(--cream);padding:5.2rem;margin-top:0}
@media (max-width:48em){.wiz{padding:2.8rem 2.2rem}}
.wiz::after{content:"";position:absolute;right:-8rem;bottom:-8rem;width:32rem;height:32rem;background:url(../img/tb-monogram.svg) center/contain no-repeat;opacity:.06;pointer-events:none}
.wiz__k{color:var(--brass)}
.wiz__h{margin-top:1.4rem;font-size:clamp(2.6rem,3.2vw,4.2rem);color:var(--paper);max-width:20ch}
.wiz__h em{color:var(--brass-soft)}
.wiz__lead{margin-top:1.4rem;font-size:1.6rem;line-height:1.6;color:rgba(228,225,214,.78);max-width:56ch}
.wiz__bar{margin-top:3.6rem;display:flex;align-items:center;gap:1.6rem;font-size:1.3rem;font-weight:600;color:rgba(228,225,214,.7)}
.wiz__track{flex:1;height:.3rem;border-radius:1rem;background:rgba(228,225,214,.15);overflow:hidden}
.wiz__track span{display:block;height:100%;width:0;background:var(--brass);transition:width .6s var(--e-out)}
.wiz__stage{position:relative;margin-top:3.2rem}
.wiz__step{position:absolute;inset:0 0 auto 0;opacity:0;visibility:hidden;transform:translateX(4rem);transition:opacity .5s var(--e-out),transform .6s var(--e-out),visibility 0s .5s}
.wiz__step.is-active{position:relative;opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--e-out) .1s,transform .6s var(--e-out) .1s,visibility 0s}
.wiz__step.is-past{transform:translateX(-4rem)}
.wiz__q{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.2rem,2.2vw,2.8rem);color:var(--paper);max-width:32ch;line-height:1.25}
.wiz__opts{margin-top:2.4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.2rem}
.wiz__opt{text-align:left;padding:2rem 2.2rem;border-radius:1.2rem;border:.1rem solid rgba(228,225,214,.2);background:rgba(13,26,43,.25);
  font-size:1.6rem;font-weight:600;color:var(--cream);transition:background-color .3s var(--e-io),border-color .3s var(--e-io),transform .4s var(--e-out)}
.wiz__opt:hover{border-color:var(--brass);transform:translateY(-.2rem)}
.wiz__opt[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.wiz__nav{margin-top:2.4rem;display:flex;gap:2rem}
.wiz__nav button{font-size:1.4rem;font-weight:600;color:rgba(228,225,214,.75);text-decoration:underline;text-underline-offset:.4rem}
.wiz__nav button[hidden]{display:none}
.wiz__res-t{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.4rem,2.6vw,3.4rem);color:var(--brass-soft)}
.wiz__res-p{margin-top:1.4rem;font-size:1.65rem;line-height:1.65;color:rgba(244,243,238,.88);max-width:64ch}
.wiz__mods{margin-top:1.6rem;display:flex;flex-direction:column;gap:1rem}
.wiz__mods p{font-size:1.5rem;line-height:1.6;color:rgba(228,225,214,.78);padding-left:1.6rem;border-left:.2rem solid var(--brass)}
.wiz__docs{margin-top:2.4rem}
.wiz__docs b{display:block;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem}
.wiz__docs li{position:relative;padding:.6rem 0 .6rem 2.2rem;font-size:1.55rem;color:var(--cream)}
.wiz__docs li::before{content:"";position:absolute;left:0;top:1.3rem;width:1rem;height:.15rem;background:var(--brass)}
.wiz__act{margin-top:2.8rem;display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}
.wiz__note{margin-top:1.8rem;font-size:1.3rem;color:rgba(228,225,214,.6);max-width:60ch}

/* CTA-Band */
.cband{background:var(--paper);padding:0 0 9rem}
@media (max-width:48em){.cband{padding:0 0 5rem}}
.cband__card{position:relative;overflow:hidden;border-radius:3.2rem;background:var(--ink);color:var(--cream);padding:7.2rem 6rem;display:grid;grid-template-columns:1.2fr auto;gap:4rem;align-items:end}
@media (max-width:64em){.cband__card{grid-template-columns:1fr;padding:4.8rem 3.2rem}}
@media (max-width:48em){.cband__card{padding:3.6rem 2.2rem;border-radius:1.8rem}}
.cband__card::before{content:"";position:absolute;right:-6rem;top:-6rem;width:36rem;height:36rem;background:url(../img/tb-monogram.svg) center/contain no-repeat;opacity:.07;transform:rotate(-8deg)}
.cband__t{position:relative;font-size:clamp(3rem,4.2vw,5.6rem);color:var(--paper);max-width:18ch}
.cband__p{position:relative;margin-top:1.6rem;font-size:1.7rem;line-height:1.6;color:rgba(228,225,214,.8);max-width:52ch}
.cband__a{position:relative;display:flex;flex-wrap:wrap;gap:1.4rem}

/* Weitere Rechtsgebiete: Slider */
.more{background:var(--paper);padding:0 0 9rem;overflow:hidden}
@media (max-width:48em){.more{padding:0 0 5rem}}
.more__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}
.more__t{font-size:clamp(2.6rem,3vw,4rem)}
.more__btns{display:flex;gap:1rem}
.more__btns button{width:5.2rem;height:5.2rem;border-radius:50%;border:.1rem solid var(--line);display:grid;place-items:center;transition:background-color .3s var(--e-io),color .3s var(--e-io)}
.more__btns button:hover{background:var(--ink);color:var(--paper)}
.more__btns svg{width:1.8rem;height:1.8rem}
@media (max-width:48em){.more__btns{display:none}}
.more__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem;cursor:grab}
.more__track::-webkit-scrollbar{display:none}
.more__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.mcard{flex:0 0 34rem;scroll-snap-align:start;position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;color:var(--paper);text-decoration:none;isolation:isolate}
@media (max-width:48em){.mcard{flex-basis:78%}}
.mcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--e-out)}
.mcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,16,28,.15) 0%,rgba(8,16,28,.35) 45%,rgba(8,16,28,.9) 100%)}
.mcard:hover img{transform:scale(1.06)}
.mcard__in{position:absolute;left:2.4rem;right:2.4rem;bottom:2.4rem}
.mcard__no{font-size:1.2rem;font-weight:700;letter-spacing:.18em;color:var(--brass-soft)}
.mcard__t{margin-top:1rem;font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1.12;letter-spacing:-.01em}

/* ==========================================================================
   3D-HERO (Waage) und Hero-Illustrationen
   ========================================================================== */
.hero--3d{background:
  radial-gradient(70rem 50rem at 72% 46%,rgba(198,164,99,.16),transparent 60%),
  radial-gradient(90rem 70rem at 80% 120%,rgba(56,80,110,.45),transparent 60%),
  linear-gradient(180deg,#0b1626 0%,#0d1a2b 55%,#09121f 100%)}
.hero--3d .hero__veil{background:linear-gradient(95deg,rgba(8,16,28,.75) 0%,rgba(8,16,28,.35) 38%,rgba(8,16,28,0) 60%);z-index:1}
.hero__3d{position:absolute;inset:0;z-index:1}
.hero__3d canvas{display:block;width:100%!important;height:100%!important;opacity:0;transition:opacity 1.6s var(--e-out)}
.hero__3d.is-ready canvas{opacity:1}
.hero__3d.is-fallback{background:url(../img/tb-monogram.svg) 78% 50%/min(46vw,52rem) no-repeat;opacity:.5}
.hero--3d .hero__container{z-index:2}
.hero--3d::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media (max-width:48em){
  .hero__3d{opacity:.42}
  .hero--3d .hero__veil{background:linear-gradient(180deg,rgba(8,16,28,.2),rgba(8,16,28,.85) 70%)}
}

.hero__art{position:absolute;z-index:1;right:max(3.2rem,calc((100vw - var(--wrap)) / 2 + 3.2rem));top:50%;
  width:min(44vw,62rem);aspect-ratio:1/1;transform:translateY(-46%);pointer-events:none;color:var(--brass-soft)}
.hero__art svg{width:100%;height:100%;overflow:visible}
.hero--art .hero__veil{background:
  linear-gradient(95deg,rgba(8,16,28,.92) 0%,rgba(8,16,28,.8) 42%,rgba(8,16,28,.55) 70%,rgba(8,16,28,.62) 100%),
  linear-gradient(180deg,rgba(8,16,28,.45) 0%,rgba(8,16,28,0) 30%,rgba(8,16,28,.8) 100%)}
@media (max-width:64em){.hero__art{width:70vw;right:-12vw;opacity:.35}}
@media (max-width:48em){.hero__art{width:96vw;right:-30vw;top:30%;opacity:.22}}

/* Zeichnen der Illustrationen */
.hero__art .d{stroke-dasharray:1;stroke-dashoffset:1;animation:art-draw 2.6s var(--e-out) forwards;animation-delay:calc(.9s + var(--i,0) * .11s)}
.hero__art .f,.hero__art .n{opacity:0;animation:art-fade 1.4s var(--e-out) forwards;animation-delay:calc(1.1s + var(--i,0) * .11s)}
.hero__art .n{transform-box:fill-box;transform-origin:center;animation-name:art-pop}
.hero__art text.f{animation-name:art-fade}
@keyframes art-draw{to{stroke-dashoffset:0}}
@keyframes art-fade{to{opacity:var(--o,1)}}
@keyframes art-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
.hero__art g[data-depth]{transition:transform 1.2s var(--e-out)}
.hero__art .spin{transform-origin:300px 300px;animation:art-spin 60s linear infinite}
@keyframes art-spin{to{transform:rotate(360deg)}}
.hero__art .meet-l{animation:meet-l 7s var(--e-io) infinite alternate}
.hero__art .meet-r{animation:meet-r 7s var(--e-io) infinite alternate}
@keyframes meet-l{from{translate:-34px 0}to{translate:0 0}}
@keyframes meet-r{from{translate:34px 0}to{translate:0 0}}
.hero__art .lens{animation:art-fade 1.4s var(--e-out) forwards,lens 7s var(--e-io) 1.4s infinite alternate}
@keyframes lens{from{opacity:.25}to{opacity:1}}
.hero__art .rise{animation:rise 1.6s var(--e-out) both;animation-delay:calc(.8s + var(--i) * .22s)}
@keyframes rise{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.hero__art .swap tspan{animation:swap 6s var(--e-io) infinite}
.hero__art .swap .w2{animation-delay:-3s}
@keyframes swap{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .hero__art .d{stroke-dashoffset:0;animation:none}
  .hero__art .f,.hero__art .n{opacity:1;animation:none}
  .hero__art .spin,.hero__art .meet-l,.hero__art .meet-r,.hero__art .rise,.hero__art .swap tspan{animation:none}
  .hero__art .swap .w2{opacity:0}
}

/* ==========================================================================
   HAKKIMIZDA / KANZLEI
   ========================================================================== */
/* Manifest */
.mani{position:relative;background:var(--ink);color:var(--paper)}
.mani__pin{min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;position:relative}
.mani__in{position:relative;padding-top:12rem;padding-bottom:12rem}
@media (max-width:48em){.mani__in{padding-top:7rem;padding-bottom:7rem}}
.mani__k{display:block;color:var(--brass);margin-bottom:3.2rem}
.mani__t{position:relative;z-index:1;font-family:var(--ff-display);font-weight:400;letter-spacing:-.015em;line-height:1.24;
  font-size:clamp(2.4rem,3vw,4.4rem);max-width:30ch}
.mani__t .mw{opacity:.14;transition:opacity .25s linear}
.mani__t .mw.is-lit{opacity:1}
.mani__t .mw.is-key{color:var(--brass-soft);font-style:italic}
html:not(.has-anim) .mani__t .mw{opacity:1}
.mani__mark{position:absolute;right:-6rem;bottom:2rem;width:min(52rem,48vw);opacity:.05;pointer-events:none}

/* Grundsätze: editoriale Spalten */
.vals,.team{background:var(--paper);padding:11rem 0 4rem}
@media (max-width:48em){.vals,.team{padding:6rem 0 2rem}}
.vals__head{margin-bottom:5.6rem}
.vals .vals__head{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end}
@media (max-width:64em){.vals .vals__head{grid-template-columns:1fr;gap:1.6rem}}
@media (max-width:48em){.vals__head{margin-bottom:3.2rem}}
.vals__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:44ch;justify-self:end}
@media (max-width:64em){.vals__lead{justify-self:start}}
.vals__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:.1rem solid var(--line);border-bottom:.1rem solid var(--line)}
@media (max-width:80em){.vals__grid{grid-template-columns:1fr 1fr}}
@media (max-width:48em){.vals__grid{grid-template-columns:1fr}}
.val{position:relative;isolation:isolate;padding:3.6rem 3.2rem 4.4rem;display:flex;flex-direction:column;min-height:46rem;color:var(--ink)}
.val+.val{border-left:.1rem solid var(--line)}
@media (max-width:80em){.val:nth-child(3){border-left:0}.val:nth-child(n+3){border-top:.1rem solid var(--line)}}
@media (max-width:48em){.val{min-height:0;padding:3.2rem 0 3.6rem}.val+.val{border-left:0;border-top:.1rem solid var(--line)}}
.val::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);clip-path:inset(100% 0 0 0);transition:clip-path .8s var(--e-out)}
.val__top{display:flex;align-items:baseline;gap:.8rem;font-size:1.25rem;font-weight:700;letter-spacing:.16em}
.val__no{color:var(--brass-deep);transition:color .5s var(--e-io)}
.val__of{color:var(--ink-soft);opacity:.6;transition:color .5s var(--e-io)}
.val__em{width:8.8rem;height:8.8rem;margin:auto 0 0;padding-top:4rem;box-sizing:content-box;color:var(--brass-deep);overflow:visible;transition:color .5s var(--e-io),transform .8s var(--e-out)}
.val__em *{stroke-dasharray:1;stroke-dashoffset:0}
.val__em path,.val__em circle{pathLength:1}
.val__t{margin-top:3.2rem;font-family:var(--ff-display);font-weight:500;font-size:clamp(2.4rem,2vw,3rem);letter-spacing:-.015em;line-height:1.1;transition:color .5s var(--e-io)}
.val__d{margin-top:1.4rem;font-size:1.55rem;line-height:1.65;color:var(--ink-soft);max-width:34ch;transition:color .5s var(--e-io)}
@media (hover:hover) and (pointer:fine){
  .val:hover::before{clip-path:inset(0 0 0 0)}
  .val:hover .val__t{color:var(--paper)}
  .val:hover .val__d{color:rgba(228,225,214,.75)}
  .val:hover .val__no,.val:hover .val__em{color:var(--brass)}
  .val:hover .val__of{color:rgba(228,225,214,.6)}
  .val:hover .val__em{transform:translateY(-.6rem)}
}
.val__em.is-draw *{animation:em-draw 1.6s var(--e-out) both}
@keyframes em-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media (max-width:48em){.val__em{width:6.4rem;height:6.4rem;padding-top:2.4rem}}

/* Zitate */
.quotes{background:var(--walnut);color:var(--cream);padding:12rem 0 10rem;margin-top:9rem;position:relative;overflow:hidden}
@media (max-width:48em){.quotes{padding:6.4rem 0 5.6rem;margin-top:5rem}}
.quotes::before{content:"\201C";position:absolute;left:50%;top:-6rem;transform:translateX(-50%);font-family:var(--ff-display);font-size:48rem;line-height:1;color:rgba(198,164,99,.07);pointer-events:none}
.quotes__k{display:block;text-align:center;color:var(--brass);margin-bottom:4.8rem}
.quotes__stage{display:grid;position:relative;max-width:110rem;margin:0 auto;text-align:center}
.quote{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s var(--e-out),visibility 0s .8s}
.quote.is-active{opacity:1;visibility:visible;transition:opacity .8s var(--e-out) .2s,visibility 0s}
.quote__q{font-size:clamp(2.8rem,4vw,5.4rem);line-height:1.18;color:var(--paper);font-weight:400}
.quote__q .qw{display:inline-block;transform:translateY(.6em);opacity:0;transition:transform .9s var(--e-hard),opacity .9s var(--e-hard);transition-delay:calc(var(--k) * 28ms)}
.quote.is-active .quote__q .qw{transform:none;opacity:1}
.quote__by{margin-top:3.2rem;font-size:1.3rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-soft)}
.quotes__nav{margin-top:5.6rem;display:flex;justify-content:center;gap:1.2rem}
.quotes__dot{width:6.4rem;height:2.4rem;display:grid;align-items:center}
.quotes__dot span{display:block;height:.2rem;background:rgba(228,225,214,.2);position:relative;overflow:hidden;border-radius:1rem}
.quotes__dot span::after{content:"";position:absolute;inset:0;background:var(--brass);transform:scaleX(0);transform-origin:left}
.quotes__dot.is-active span::after{animation:qbar var(--qdur,7s) linear forwards}
.quotes.is-paused .quotes__dot.is-active span::after{animation-play-state:paused}
@keyframes qbar{to{transform:scaleX(1)}}

/* Team */
.team__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media (max-width:64em){.team__grid{grid-template-columns:1fr}}
.member{display:grid;grid-template-columns:22rem 1fr;gap:3.2rem;align-items:start;padding:2.4rem;border-radius:var(--r-lg);background:var(--cream)}
@media (max-width:48em){.member{grid-template-columns:1fr;gap:2rem}}
.member__pic{position:relative;aspect-ratio:4/5;border-radius:1.2rem;overflow:hidden;background:
  radial-gradient(30rem 24rem at 30% 20%,rgba(198,164,99,.28),transparent 60%),linear-gradient(160deg,var(--walnut),var(--ink))}
@media (max-width:48em){.member__pic{aspect-ratio:16/10}}
.member__pic img{position:absolute;right:-18%;bottom:-12%;width:90%;opacity:.12}
.member__ini{position:absolute;left:2rem;bottom:1.6rem;font-family:var(--ff-display);font-size:6.4rem;line-height:1;color:var(--brass-soft)}
.member__role{font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep)}
.member__name{margin-top:1rem;font-family:var(--ff-display);font-weight:500;font-size:3.2rem;letter-spacing:-.015em}
.member__bio{margin-top:1.4rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft)}
.member__link{margin-top:2rem;font-size:1.5rem}

/* Laufband: zwei gegenläufige Reihen */
.ticker{background:var(--paper);padding:9rem 0 2rem;overflow:hidden;border-top:.1rem solid var(--line);margin-top:9rem}
@media (max-width:48em){.ticker{padding:5rem 0 1rem;margin-top:5rem}}
.ticker__row{overflow:hidden;white-space:nowrap}
.ticker__track{display:flex;width:max-content;will-change:transform}
.ticker__set{display:flex;align-items:center;flex:none}
.ticker__w{font-family:var(--ff-display);font-weight:400;font-size:clamp(3.6rem,5.6vw,8rem);letter-spacing:-.03em;line-height:1.15;
  color:var(--ink);text-decoration:none;padding:0 2.8rem;transition:color .45s var(--e-io)}
.ticker__w:nth-of-type(even){color:rgba(13,26,43,.22)}
.ticker__w:hover{color:var(--brass-deep);font-style:italic}
.ticker__sep{width:clamp(2.6rem,3vw,4rem);height:auto;flex:none;opacity:.9}
.ticker__row--small{margin-top:2.4rem;padding:1.8rem 0;border-top:.1rem solid var(--line);border-bottom:.1rem solid var(--line)}
.ticker__row--small span{font-size:1.3rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);padding:0 2.4rem}
.ticker__row--small i{width:.6rem;height:.6rem;border-radius:50%;background:var(--brass);flex:none}

@media (max-width:48em){.val{min-height:0;padding:3.2rem 0 3.6rem}.val__em{margin-top:2.4rem}.val__t{padding-top:2rem}}
.member__pic--photo img{position:absolute;inset:0;right:auto;bottom:auto;width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(.92) contrast(1.03);transition:transform 1.2s var(--e-out)}
.member:hover .member__pic--photo img{transform:scale(1.04)}
.member__pic--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,26,43,.35));pointer-events:none}

/* ==========================================================================
   AV. TALHA BARUT · Profil
   ========================================================================== */
.page-person .hero__art{width:min(30vw,44rem);aspect-ratio:2/3;transform:translateY(-44%)}
@media (max-width:64em){.page-person .hero__art{display:none}}
.pfig{position:relative;width:100%;height:100%;border-radius:2rem;overflow:hidden;box-shadow:0 4rem 9rem rgba(0,0,0,.45);
  clip-path:inset(100% 0 0 0 round 2rem);animation:pfig-in 1.6s var(--e-hard) .9s forwards}
.pfig img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);animation:pfig-zoom 2.4s var(--e-out) .9s forwards}
.pfig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,16,28,.55));pointer-events:none}
.pfig figcaption{position:absolute;left:1.8rem;bottom:1.6rem;z-index:1;font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);
  background:rgba(8,16,28,.5);border-radius:10rem;padding:.6rem 1.3rem;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}
@keyframes pfig-in{to{clip-path:inset(0 0 0 0 round 2rem)}}
@keyframes pfig-zoom{to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.pfig{clip-path:none;animation:none}.pfig img{transform:none;animation:none}}
.hero--art.hero--sub .hero__title em{color:var(--brass-soft)}

.pintro{background:var(--paper);padding:10rem 0 8rem}
@media (max-width:48em){.pintro{padding:5.6rem 0 4rem}}
.pintro__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7.2rem;align-items:start}
@media (max-width:64em){.pintro__grid{grid-template-columns:1fr;gap:4rem}}
.pintro__t{font-family:var(--ff-display);font-size:clamp(2.2rem,2.3vw,3.2rem);line-height:1.38;letter-spacing:-.01em;max-width:34ch}
.pfacts{display:flex;flex-direction:column;border-top:.1rem solid var(--line)}
.pfacts__i{display:grid;grid-template-columns:11rem 1fr;gap:2rem;padding:2rem 0;border-bottom:.1rem solid var(--line)}
.pfacts dt{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);padding-top:.3rem}
.pfacts dd{font-size:1.6rem;font-weight:500;line-height:1.5}

/* Horizontale Zeitleiste */
.htl{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}
.htl__pin{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--nav-h) + 3rem) 0 5rem;overflow:hidden}
.htl__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}
.htl__k{display:block;color:var(--brass);margin-bottom:1.4rem}
.htl__h{font-size:clamp(3rem,4.4vw,6rem);color:var(--paper)}
.htl__hint{display:inline-flex;align-items:center;gap:1rem;font-size:1.3rem;font-weight:600;color:rgba(228,225,214,.6)}
.htl__hint svg{width:1.8rem;height:1.8rem;animation:hint 1.8s var(--e-io) infinite}
@keyframes hint{50%{transform:translateX(.6rem)}}
.htl__rail{position:relative;height:.2rem;margin:0 var(--pad) 3rem;background:rgba(228,225,214,.14);border-radius:1rem;overflow:hidden}
.htl__bar{position:absolute;inset:0;background:var(--brass);transform:scaleX(0);transform-origin:left}
.htl__track{display:flex;gap:2.4rem;padding:0 var(--pad);width:max-content;will-change:transform}
.hcard{position:relative;flex:0 0 38rem;height:clamp(40rem,calc(100svh - 30rem),50rem);border-radius:var(--r-lg);padding:2.8rem 3.2rem 3.2rem;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,rgba(28,49,81,.6),rgba(19,35,58,.3));border:.1rem solid rgba(228,225,214,.1);transition:border-color .6s var(--e-io)}
.hcard::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 0%,rgba(196,160,98,.16),transparent 70%);opacity:.6;transition:opacity .6s var(--e-io);pointer-events:none}
.hcard:hover{border-color:rgba(196,160,98,.4)}
.hcard:hover::before{opacity:1}
.hcard--photo{flex-basis:44rem}
.hcard__top{position:relative;display:flex;justify-content:space-between;align-items:flex-start}
.hcard__y{font-family:var(--ff-display);font-weight:400;font-size:6.4rem;line-height:.9;letter-spacing:-.03em;
  background:linear-gradient(180deg,#e7cf9c 0%,var(--brass) 55%,#8c6a35 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hcard__n{font-size:1.2rem;font-weight:700;letter-spacing:.16em;color:var(--brass);padding-top:.8rem}
.hcard__n i{font-style:normal;color:rgba(228,225,214,.4);margin-left:.4rem}
.hcard__media{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:2rem 0 0}
.hcard__img{margin:0;width:100%;height:100%;border-radius:1.2rem;overflow:hidden}
.hcard__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 1.2s var(--e-out)}
.hcard:hover .hcard__img img{transform:scale(1.04)}
.hcard__art{width:100%;max-width:26rem;max-height:100%;color:var(--brass)}
.hcard__art .tla__bg{color:rgba(228,225,214,.22)}
.hcard__art>path,.hcard__art>circle,.hcard__art>rect{stroke-dasharray:1;stroke-dashoffset:1}
.hcard.is-in .hcard__art>path,.hcard.is-in .hcard__art>circle,.hcard.is-in .hcard__art>rect{animation:em-draw 1.6s var(--e-out) forwards}
.hcard__t{position:relative;margin-top:2.4rem;font-family:var(--ff-display);font-weight:500;font-size:2.4rem;line-height:1.2;color:var(--paper);letter-spacing:-.01em}
.hcard__d{position:relative;margin-top:1rem;font-size:1.5rem;line-height:1.6;color:rgba(228,225,214,.74)}
@media (max-width:48em){
  .htl__pin{min-height:0;padding:5.6rem 0}
  .htl__head{flex-direction:column;align-items:flex-start;margin-bottom:3rem}
  .htl__hint,.htl__rail{display:none}
  .htl__track{flex-direction:column;width:auto;padding:0 1.6rem;gap:1.6rem}
  .hcard,.hcard--photo{flex-basis:auto;height:auto;padding:2.4rem}
  .hcard__y{font-size:5.2rem}
  .hcard__media{flex:none;height:16rem}
  .hcard--photo .hcard__media{height:auto;aspect-ratio:16/10}
}

.pfocus{background:var(--paper);padding:10rem 0 6rem}
@media (max-width:48em){.pfocus{padding:5.6rem 0 3rem}}
.pfocus__list{margin-top:4rem;display:flex;flex-wrap:wrap;gap:1.2rem}
.pchip{display:inline-flex;align-items:center;gap:1.4rem;padding:1.8rem 2.4rem;border-radius:10rem;border:.1rem solid var(--line);
  font-family:var(--ff-display);font-size:2.2rem;text-decoration:none;color:var(--ink);transition:background-color .4s var(--e-io),color .4s var(--e-io),border-color .4s var(--e-io)}
.pchip svg{width:1.8rem;height:1.8rem;transition:transform .5s var(--e-out)}
.pchip:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pchip:hover svg{transform:rotate(-45deg);color:var(--brass)}
.pquote{margin-top:8rem;font-size:clamp(3rem,4.4vw,6rem);line-height:1.15;max-width:24ch;color:var(--ink)}
.pquote::before{content:"\201C";display:block;font-size:1.6em;line-height:.6;color:var(--brass)}

/* ================================================================ İletişim / Kontakt */
/* Kanäle */
.chs{background:var(--paper);padding:12rem 0 10rem}
.chs__head{max-width:70rem;margin-bottom:5.6rem}
.chs__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:1.6rem}
.ch{--mx:50%;--my:50%;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.2rem;padding:3.2rem;border-radius:var(--r-xl);
  background:#fbfaf6;border:.1rem solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;min-height:24rem;
  transition:border-color .5s var(--e-io),transform .7s var(--e-out)}
.ch::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s var(--e-io);
  background:radial-gradient(32rem circle at var(--mx) var(--my),rgba(198,164,99,.2),transparent 60%)}
.ch:hover{border-color:rgba(138,107,51,.35)}
.ch:hover::before{opacity:1}
.ch__k{font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep)}
.ch__t{font-family:var(--ff-display);font-weight:400;font-size:clamp(4.4rem,5.6vw,8rem);line-height:.95;letter-spacing:-.03em;margin-top:auto}
.ch__t--sm{font-size:clamp(2.6rem,2.4vw,3.4rem);line-height:1.1;letter-spacing:-.01em}
.ch__d{font-size:1.5rem;line-height:1.6;color:var(--ink-soft);max-width:36ch}
.ch--call{grid-row:span 2;background:var(--ink);color:var(--paper);border-color:var(--ink);min-height:50rem}
.ch--call .ch__k{color:var(--brass)}
.ch--call .ch__d{color:rgba(228,225,214,.7)}
.ch--call::before{background:radial-gradient(40rem circle at var(--mx) var(--my),rgba(198,164,99,.22),transparent 60%)}
.ch__ring{position:relative;width:8.8rem;height:8.8rem;margin-top:3.2rem;display:grid;place-items:center;color:var(--brass)}
.ch__ring svg{width:3.2rem;height:3.2rem;position:relative;z-index:1}
.ch__ring i{position:absolute;inset:0;border-radius:50%;border:.1rem solid rgba(198,164,99,.5);animation:ring 3s var(--e-out) infinite}
.ch__ring i:nth-child(2){animation-delay:1s}.ch__ring i:nth-child(3){animation-delay:2s}
@keyframes ring{from{transform:scale(.55);opacity:1}to{transform:scale(1.6);opacity:0}}
.ch--call:hover .ch__ring svg{animation:wiggle .6s var(--e-io)}
@keyframes wiggle{20%,60%{transform:rotate(-12deg)}40%,80%{transform:rotate(12deg)}}
.ch__go{position:absolute;right:3.2rem;bottom:3.2rem;width:5.6rem;height:5.6rem;border-radius:50%;display:grid;place-items:center;
  background:var(--brass);color:var(--ink);transition:transform .6s var(--e-out)}
.ch__go svg{width:2rem;height:2rem;transition:transform .6s var(--e-out)}
.ch--call:hover .ch__go{transform:scale(1.08)}
.ch--call:hover .ch__go svg{transform:rotate(-45deg)}
.ch--call .ch__d{padding-right:7rem}
.ch--mail{grid-column:span 2}
.ch__mail{margin-top:auto;font-family:var(--ff-display);font-size:clamp(2.8rem,3.4vw,4.8rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink);
  text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 .1rem no-repeat;transition:background-size .6s var(--e-out);word-break:break-word;align-self:flex-start}
.ch__mail:hover{background-size:100% .1rem}
.ch__copy{position:absolute;top:2.4rem;right:2.4rem;display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.6rem;border-radius:10rem;
  border:.1rem solid var(--line);background:var(--paper);font:600 1.3rem/1 var(--ff-body);color:var(--ink);cursor:pointer;transition:background-color .4s,color .4s,border-color .4s}
.ch__copy svg{width:1.6rem;height:1.6rem}
.ch__copy:hover,.ch__copy.is-done{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ch__link{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:600;color:var(--ink)}
.ch__link svg{width:1.6rem;height:1.6rem;transition:transform .5s var(--e-out)}
.ch--addr:hover .ch__link svg{transform:translateX(.4rem)}
.ch__status{position:absolute;top:2.8rem;right:2.8rem;display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:600;color:var(--ink-soft)}
.ch__status i{width:.8rem;height:.8rem;border-radius:50%;background:#9aa3ad}
.ch--hours.is-open .ch__status{color:#2f6b4f}
.ch--hours.is-open .ch__status i{background:#3f9a6e;box-shadow:0 0 0 0 rgba(63,154,110,.5);animation:live 2s infinite}
@keyframes live{70%{box-shadow:0 0 0 .8rem rgba(63,154,110,0)}100%{box-shadow:0 0 0 0 rgba(63,154,110,0)}}
.ch__week{display:flex;gap:.6rem;list-style:none;margin:.4rem 0 0;padding:0}
.ch__week li{flex:1;text-align:center;padding:.6rem 0;border-radius:.6rem;font-size:1.1rem;font-weight:700;letter-spacing:.06em;background:var(--clay-tint);color:var(--brass-deep)}
.ch__week li.is-off{background:transparent;color:rgba(13,26,43,.3);border:.1rem dashed var(--line)}
.ch__week li.is-today{background:var(--ink);color:var(--brass)}
@media (max-width:64em){.chs__grid{grid-template-columns:1fr 1fr}.ch--call{grid-row:auto;grid-column:span 2;min-height:34rem}.ch--mail{grid-column:span 2}}
@media (max-width:48em){.chs{padding:6.4rem 0}.chs__head{margin-bottom:3.2rem}.chs__grid{grid-template-columns:1fr}.ch--call,.ch--mail{grid-column:auto}
  .ch{padding:2.4rem;min-height:0}.ch--call{min-height:30rem}.ch__copy{position:static;align-self:flex-start;margin-top:.4rem}.ch__mail{margin-top:1.6rem}
  .ch__t--sm{margin-top:1.2rem}.ch__go{right:2.4rem;bottom:2.4rem}}

/* Randevu */
.rq{background:var(--paper-soft);padding:12rem 0}
.rq__grid{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7fr);gap:8rem;align-items:start}
.rq__side{position:sticky;top:calc(var(--nav-h) + 3.2rem)}
.rq__h{font-size:clamp(3.4rem,3.6vw,5.2rem);margin-top:1.6rem}
.rq__lead{margin-top:2rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft);max-width:42ch}
.file{margin-top:4rem;filter:drop-shadow(0 2.4rem 4rem rgba(13,26,43,.12))}
.file__tab{display:inline-block;padding:1rem 2rem 1rem 2.4rem;border-radius:1.2rem 1.2rem 0 0;background:var(--ink);color:var(--brass);
  font-size:1.15rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(0 0,88% 0,100% 100%,0 100%);padding-right:3.6rem}
.file__body{background:var(--ink);color:var(--paper);border-radius:0 var(--r-lg) var(--r-lg) var(--r-lg);padding:2.8rem;position:relative;overflow:hidden}
.file__body::after{content:"";position:absolute;right:-6rem;top:-6rem;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgba(198,164,99,.18),transparent 70%)}
.file__top{display:flex;align-items:center;gap:1.6rem;padding-bottom:2rem;border-bottom:.1rem dashed rgba(228,225,214,.2)}
.file__top img{width:4rem;height:4rem}
.file__no{display:flex;flex-direction:column;gap:.4rem}
.file__no span{font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(228,225,214,.5);font-weight:700}
.file__no b{font-family:var(--ff-display);font-weight:400;font-size:2.2rem;letter-spacing:.02em}
.file__ring{width:4.4rem;height:4.4rem;margin-left:auto;transform:rotate(-90deg)}
.file__ring circle{fill:none;stroke:rgba(228,225,214,.15);stroke-width:2}
.file__ring .file__ring-v{stroke:var(--brass);stroke-dasharray:1;stroke-dashoffset:.75;transition:stroke-dashoffset .8s var(--e-out)}
.file__rows{margin:0;padding-top:.8rem}
.file__row{display:flex;justify-content:space-between;gap:2rem;padding:1.3rem 0;border-bottom:.1rem solid rgba(228,225,214,.08)}
.file__row dt{font-size:1.3rem;color:rgba(228,225,214,.55)}
.file__row dd{margin:0;font-size:1.4rem;font-weight:600;text-align:right;color:rgba(228,225,214,.35);transition:color .4s}
.file__row.is-set dd{color:var(--paper);animation:stamp .6s var(--e-out)}
@keyframes stamp{from{opacity:0;transform:translateY(.6rem)}}
.file__foot{display:flex;align-items:center;gap:.8rem;margin:2rem 0 0;font-size:1.2rem;color:rgba(228,225,214,.5)}
.file__foot svg{width:1.4rem;height:1.4rem;flex:none}

.rq__form{position:relative;background:#fbfaf6;border:.1rem solid var(--line);border-radius:var(--r-xl);padding:4rem 4.8rem 4rem}
.rq__hp{position:absolute;left:-999rem;width:1px;height:1px;overflow:hidden}
.rq__steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;list-style:none;margin:0 0 4.8rem;padding:0 0 2rem}
.rq__stp{display:flex;align-items:baseline;gap:.8rem;font-size:1.35rem;font-weight:600;color:rgba(13,26,43,.4);transition:color .4s}
.rq__stp span{font-size:1.1rem;letter-spacing:.12em;color:inherit}
.rq__stp.is-on,.rq__stp.is-done{color:var(--ink)}
.rq__stp.is-done span{color:var(--brass-deep)}
.rq__bar{position:absolute;left:0;right:0;bottom:0;height:.2rem;background:var(--line);border-radius:1rem;overflow:hidden}
.rq__bar i{position:absolute;inset:0;background:var(--brass);transform-origin:left;transform:scaleX(.25);transition:transform .8s var(--e-out)}
.rq__step{border:0;margin:0;padding:0;min-width:0}
.rq__step+.rq__step{margin-top:5.6rem}
.rq__form.is-js .rq__step{display:none}
.rq__form.is-js .rq__step.is-on{display:block;animation:stepIn .7s var(--e-out)}
.rq__form.is-js .rq__step.is-back{animation-name:stepBack}
.rq__form.is-js .rq__step+.rq__step{margin-top:0}
@keyframes stepIn{from{opacity:0;transform:translateX(3rem)}}
@keyframes stepBack{from{opacity:0;transform:translateX(-3rem)}}
.rq__q{font-family:var(--ff-display);font-size:clamp(2.6rem,2.4vw,3.4rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:2.8rem;padding:0}
.rq__err{margin:1.2rem 0 0;font-size:1.3rem;font-weight:600;color:#a23b2a;min-height:0}
.rq__err:empty{display:none}
.chips{display:flex;flex-wrap:wrap;gap:1rem}
.chip{position:relative;cursor:pointer}
.chip input,.mode input,.seg input,.urg__o input,.tick input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;gap:.8rem;padding:1.3rem 2rem;border-radius:10rem;border:.1rem solid var(--line);font-size:1.5rem;font-weight:500;
  background:var(--paper);transition:background-color .35s,color .35s,border-color .35s,transform .5s var(--e-out)}
.chip span::before{content:"";width:.7rem;height:.7rem;border-radius:50%;border:.1rem solid currentColor;opacity:.4;transition:all .35s}
.chip:hover span{border-color:var(--ink)}
.chip input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip input:checked+span::before{background:var(--brass);border-color:var(--brass);opacity:1}
.chip input:focus-visible+span,.mode input:focus-visible+.mode__in,.seg input:focus-visible+span,.urg__o input:focus-visible+span,.tick input:focus-visible+i{outline:.2rem solid var(--brass);outline-offset:.3rem}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.mode{cursor:pointer}
.mode__in{position:relative;display:flex;flex-direction:column;gap:.6rem;height:100%;padding:2.4rem;border-radius:var(--r-lg);border:.1rem solid var(--line);background:var(--paper);
  transition:border-color .35s,background-color .35s,transform .6s var(--e-out)}
.mode__ic{width:4.8rem;height:4.8rem;color:var(--brass-deep);margin-bottom:1.6rem;transition:color .35s}
.mode__in b{font-family:var(--ff-display);font-weight:500;font-size:2.2rem}
.mode__in small{font-size:1.35rem;color:var(--ink-soft)}
.mode__tick{position:absolute;top:2rem;right:2rem;width:2.2rem;height:2.2rem;border-radius:50%;border:.1rem solid var(--line);transition:all .35s}
.mode:hover .mode__in{transform:translateY(-.4rem);border-color:rgba(13,26,43,.3)}
.mode input:checked+.mode__in{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.mode input:checked+.mode__in small{color:rgba(228,225,214,.7)}
.mode input:checked+.mode__in .mode__ic{color:var(--brass)}
.mode input:checked+.mode__in .mode__tick{background:var(--brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10 3 3 5-6' fill='none' stroke='%230d1a2b' stroke-width='1.8'/%3E%3C/svg%3E") center/1.6rem no-repeat;border-color:var(--brass)}
.rq__sub{margin-top:3.6rem;padding-top:2.8rem;border-top:.1rem solid var(--line)}
.rq__subq{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:1.4rem}
.seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:.4rem;border-radius:10rem;background:var(--paper);border:.1rem solid var(--line)}
.seg label{position:relative;z-index:1;cursor:pointer}
.seg span{display:block;padding:1.1rem 2.8rem;font-size:1.45rem;font-weight:600;text-align:center;transition:color .4s}
.seg input:checked+span{color:var(--paper)}
.seg__thumb{position:absolute;top:.4rem;bottom:.4rem;left:.4rem;width:calc(50% - .4rem);border-radius:10rem;background:var(--ink);transition:transform .6s var(--e-out)}
.seg:has(label:nth-child(2) input:checked) .seg__thumb{transform:translateX(100%)}
.fld{position:relative}
.fld input,.fld textarea{width:100%;font:500 1.6rem/1.5 var(--ff-body);color:var(--ink);background:var(--paper);border:.1rem solid var(--line);border-radius:var(--r-md);
  padding:2.6rem 1.8rem 1rem;transition:border-color .35s,box-shadow .35s;-webkit-appearance:none;appearance:none}
.fld textarea{resize:vertical;min-height:18rem;padding-top:3rem;padding-bottom:3.6rem}
.fld label{position:absolute;left:1.8rem;top:1.9rem;font-size:1.55rem;color:var(--ink-soft);pointer-events:none;transform-origin:left top;transition:transform .35s var(--e-out),color .35s}
.fld label em{font-style:normal;font-size:.85em;opacity:.7}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 .4rem rgba(198,164,99,.18)}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label,.fld input[type=date]+label{transform:translateY(-1.1rem) scale(.78);color:var(--brass-deep)}
.fld__count{position:absolute;right:1.6rem;bottom:1.2rem;font-size:1.2rem;color:var(--ink-soft)}
.fld__ph{display:block;margin-top:1rem;font-size:1.35rem;line-height:1.55;color:var(--ink-soft);font-style:italic;max-width:60ch}
.fld.is-bad input,.fld.is-bad textarea{border-color:#a23b2a}
.urg{display:flex;flex-wrap:wrap;gap:1rem}
.urg__o{cursor:pointer}
.urg__o span{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 1.8rem;border-radius:var(--r-md);border:.1rem solid var(--line);background:var(--paper);font-size:1.45rem;font-weight:500;transition:all .35s}
.urg__o span i{display:flex;gap:.25rem;align-items:flex-end;height:1.4rem}
.urg__o span i::before,.urg__o span i::after{content:"";width:.35rem;border-radius:.2rem;background:currentColor;opacity:.25}
.urg__o span i{background:linear-gradient(currentColor,currentColor) 0 100%/.35rem .6rem no-repeat;padding-left:.6rem}
.urg__o span i::before{height:1rem}.urg__o span i::after{height:1.4rem}
.urg__o--hafta span i::before{opacity:1}
.urg__o--sure span i::before,.urg__o--sure span i::after{opacity:1}
.urg__o input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.urg__o--sure input:checked+span{background:#7d2f22;border-color:#7d2f22}
.rq__due{margin-top:2rem;max-width:32rem;animation:stepIn .6s var(--e-out)}
.rq__hint{margin:.8rem 0 0;font-size:1.3rem;color:var(--ink-soft)}
.rq__fields{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.fld--full{grid-column:1/-1}
.tick{display:flex;gap:1.4rem;align-items:flex-start;margin-top:2.8rem;cursor:pointer;font-size:1.45rem;line-height:1.55;color:var(--ink-soft)}
.tick i{flex:none;width:2.4rem;height:2.4rem;border-radius:.6rem;border:.1rem solid rgba(13,26,43,.35);background:var(--paper);transition:all .3s;margin-top:.1rem}
.tick input:checked+i{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3.5 3.5L15 7' fill='none' stroke='%23c6a463' stroke-width='2'/%3E%3C/svg%3E") center/1.8rem no-repeat;border-color:var(--ink)}
.tick a{color:var(--ink);text-underline-offset:.3rem}
.rq__nav{display:flex;align-items:center;gap:1.2rem;margin-top:4.8rem;padding-top:2.8rem;border-top:.1rem solid var(--line)}
.rq__nav button{display:inline-flex;align-items:center;gap:1.2rem;font:600 1.5rem/1 var(--ff-body);border-radius:10rem;cursor:pointer;transition:background-color .4s,color .4s,transform .5s var(--e-out)}
.rq__nav svg{width:1.8rem;height:1.8rem;transition:transform .5s var(--e-out)}
.rq__back{background:none;border:0;padding:1.6rem 0;color:var(--ink-soft)}
.rq__back svg{transform:rotate(180deg)}
.rq__back:hover{color:var(--ink)}
.rq__back:hover svg{transform:rotate(180deg) translateX(.4rem)}
.rq__next,.rq__send{margin-left:auto;padding:1.8rem 2.8rem;border:0;background:var(--ink);color:var(--paper)}
.rq__send{background:var(--brass);color:var(--ink)}
.rq__next:hover svg,.rq__send:hover svg{transform:translateX(.4rem)}
.rq__next:hover{background:var(--walnut)}
.rq__send:hover{background:var(--brass-soft)}
.rq__send.is-busy{pointer-events:none;opacity:.7}
.rq__form:not(.is-js) .rq__next,.rq__form:not(.is-js) .rq__back{display:none}
.rq__form:not(.is-js) .rq__send{display:inline-flex!important}
@media (max-width:64em){.rq__grid{grid-template-columns:1fr;gap:4.8rem}.rq__side{position:static}.file{max-width:52rem}}
@media (max-width:48em){.rq{padding:6.4rem 0}.rq__form{padding:2.4rem 2rem;border-radius:var(--r-lg)}
  .rq__steps{margin-bottom:3.2rem;gap:.6rem}.rq__stp{flex-direction:column;gap:.2rem;font-size:1.15rem}
  .modes{grid-template-columns:1fr}.mode__in{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1.4rem;padding:1.8rem}
  .mode__ic{width:3.6rem;height:3.6rem;margin:0}.mode__in small{flex-basis:100%;padding-left:5rem;margin-top:-.4rem}
  .rq__fields{grid-template-columns:1fr}.seg span{padding:1.1rem 2rem}.rq__next,.rq__send{padding:1.6rem 2.2rem}}

/* Zwei Städte */
.cities{background:var(--ink);color:var(--paper);padding:12rem 0 0}
.cities__head{margin-bottom:5.6rem}
.cities__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.cities__h{font-size:clamp(3.4rem,4vw,6rem);max-width:20ch;color:var(--paper)}
.cities__row{display:flex;height:clamp(52rem,72vh,74rem)}
.city{position:relative;flex:1;overflow:hidden;transition:flex-grow 1.1s var(--e-out)}
.city+.city{border-left:.1rem solid rgba(228,225,214,.15)}
.cities__row:hover .city{flex-grow:.8}
.cities__row .city:hover{flex-grow:1.35}
.city__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.4s var(--e-out),filter 1s;filter:saturate(.7) brightness(.85)}
.city:hover .city__img{transform:scale(1);filter:saturate(.95) brightness(.95)}
.city__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,26,43,.15) 0%,rgba(13,26,43,.25) 40%,rgba(13,26,43,.92) 100%)}
.city__in{position:absolute;left:0;right:0;bottom:0;padding:4.8rem}
.city__role{font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.city__n{font-family:var(--ff-display);font-weight:400;font-size:clamp(5.2rem,7vw,11rem);line-height:.9;letter-spacing:-.04em;margin-top:1.4rem;color:var(--paper)}
.city__clock{display:flex;align-items:center;gap:1.4rem;margin-top:2.4rem}
.city__face{width:4.4rem;height:4.4rem;flex:none}
.city__face circle:first-child{fill:none;stroke:rgba(228,225,214,.35);stroke-width:1}
.city__face path{stroke:var(--brass);stroke-width:1.6;stroke-linecap:round;transform-origin:20px 20px;transition:transform .6s var(--e-out)}
.city__face path.city__hh{stroke:var(--paper);stroke-width:2}
.city__face circle:last-child{fill:var(--brass)}
.city__clock span{display:flex;flex-direction:column;gap:.3rem}
.city__clock b{font-family:var(--ff-display);font-weight:400;font-size:2.8rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.city__clock small{font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(228,225,214,.55)}
.city__d{margin-top:2rem;max-width:40ch;font-size:1.55rem;line-height:1.6;color:rgba(228,225,214,.78)}
@media (max-width:48em){.cities{padding-top:6.4rem}.cities__head{margin-bottom:3.2rem}.cities__row{flex-direction:column;height:auto}
  .city{min-height:48rem}.city+.city{border-left:0;border-top:.1rem solid rgba(228,225,214,.15)}.city__in{padding:2.4rem}}

/* Karte */
.cmap{position:relative;background:#ecebe4;min-height:72rem;display:flex;align-items:center;overflow:hidden}
.cmap__stage{position:absolute;inset:0}
.cmap__svg{position:absolute;inset:0;width:100%;height:100%}
.cm-park{fill:rgba(56,80,110,.08)}
.cm-river{fill:none;stroke:rgba(56,80,110,.18);stroke-width:26;stroke-linecap:round}
.cm-minor path{stroke:rgba(13,26,43,.09);stroke-width:1.2;fill:none}
.cm-main{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round}
.cm-label{font:600 13px var(--ff-body);letter-spacing:.14em;fill:var(--brass-deep);text-transform:uppercase}
.cm-dot{fill:var(--brass);stroke:#fff;stroke-width:3}
.cm-pulse{fill:rgba(198,164,99,.35);animation:pinPulse 2.8s var(--e-out) infinite;transform-box:fill-box;transform-origin:center}
.cm-pulse--2{animation-delay:1.4s}
@keyframes pinPulse{from{transform:scale(.6);opacity:1}to{transform:scale(4.2);opacity:0}}
.has-anim .cmap .cm-main,.has-anim .cmap .cm-minor path{stroke-dasharray:1;stroke-dashoffset:1}
.has-anim .cmap.is-in .cm-main{animation:em-draw 2.4s var(--e-out) forwards}
.has-anim .cmap.is-in .cm-minor path{animation:em-draw 3s var(--e-out) .3s forwards}
.cmap__frame{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--e-io)}
.cmap__frame iframe{width:100%;height:100%;border:0;filter:grayscale(.6) contrast(.95)}
.cmap.is-live .cmap__frame{opacity:1}
.cmap__wrap{position:relative;z-index:1;width:100%;pointer-events:none}
.cmap__card{pointer-events:auto;width:min(46rem,100%);background:rgba(251,250,246,.92);backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);
  border:.1rem solid var(--line);border-radius:var(--r-xl);padding:4rem;box-shadow:0 3rem 6rem rgba(13,26,43,.12)}
.cmap__h{font-size:clamp(3rem,3vw,4.4rem);margin-top:1.4rem}
.cmap__addr{margin-top:2rem;font-family:var(--ff-display);font-size:2.2rem;line-height:1.35}
.cmap__d{margin-top:1.4rem;font-size:1.5rem;line-height:1.6;color:var(--ink-soft)}
.cmap__acts{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:2.8rem}
.cmap__load{padding:1.4rem 2.2rem;border-radius:10rem;border:.1rem solid var(--ink);background:none;font:600 1.4rem/1 var(--ff-body);color:var(--ink);cursor:pointer;transition:background-color .4s,color .4s}
.cmap__load:hover{background:var(--ink);color:var(--paper)}
.cmap.is-live .cmap__load{display:none}
.cmap__note{margin-top:1.4rem;font-size:1.2rem;color:var(--ink-soft)}
.cmap.is-live .cmap__note{display:none}
@media (max-width:48em){.cmap{min-height:0;flex-direction:column;align-items:stretch}.cmap__stage{position:relative;height:36rem}
  .cmap__wrap{margin-top:-6rem;padding-bottom:6.4rem}.cmap__card{padding:2.8rem}}
.rq__nav [hidden]{display:none!important}
.ch__mark{position:absolute;right:-4rem;top:50%;width:30rem;height:auto;transform:translateY(-58%) rotate(-8deg);opacity:.07;z-index:-1;pointer-events:none;transition:transform 1.2s var(--e-out),opacity .8s}
.ch--call:hover .ch__mark{transform:translateY(-62%) rotate(-3deg) scale(1.04);opacity:.12}
.ch--call .ch__ring{width:11rem;height:11rem}
@media (max-width:48em){.ch__mark{width:20rem;right:-3rem}}
@media (max-width:64em){.rq__grid{display:flex;flex-direction:column;gap:0}.rq__side{display:contents}.rq__form{order:2;margin-top:3.2rem;width:100%}.file{order:3;margin-top:3.2rem;width:100%}}
/* Kanäle: ruhiger 2×2-Raster, Anruf-Kachel dezent */
.chs__grid{grid-template-columns:1fr 1fr}
.ch--call,.ch--mail{grid-row:auto;grid-column:auto;min-height:24rem}
.ch--call .ch__ring{position:absolute;top:2.4rem;right:2.4rem;width:5.2rem;height:5.2rem;margin:0;border-radius:50%;border:.1rem solid rgba(198,164,99,.35)}
.ch--call .ch__ring svg{width:2.2rem;height:2.2rem}
.ch__t--call{font-size:clamp(2.8rem,3.4vw,4.8rem);line-height:1.05;letter-spacing:-.02em}
.ch--call .ch__go{width:4.8rem;height:4.8rem;right:2.8rem;bottom:2.8rem}
.ch--call .ch__go svg{width:1.8rem;height:1.8rem}
@media (max-width:48em){.chs__grid{grid-template-columns:1fr}.ch--call{min-height:20rem}.ch--call .ch__ring{width:4.4rem;height:4.4rem}}
/* Hero-Zeichnungen v2: Sand, Schiff, Funkeln, Brücke */
.hero__art .flow{opacity:0;animation:art-fade 1s var(--e-out) 2.4s forwards,sand 1.2s linear 2.4s infinite}
@keyframes sand{to{stroke-dashoffset:-18}}
.hero__art .bob{animation:bob 6s var(--e-io) infinite alternate;transform-origin:300px 400px}
@keyframes bob{from{transform:translateY(-3px) rotate(-.6deg)}to{transform:translateY(3px) rotate(.6deg)}}
.hero__art .tw{transform-box:fill-box;transform-origin:center;animation:art-pop 1.4s var(--e-out) 2.2s both,twinkle 3.2s var(--e-io) 3.6s infinite}
@keyframes twinkle{50%{transform:scale(.4) rotate(45deg);opacity:.4}}
.hero__art .walk{animation:walk 7s var(--e-io) 2.4s infinite alternate;opacity:0}
@keyframes walk{0%{transform:translateX(-230px);opacity:1}100%{transform:translateX(230px);opacity:1}}
@media (prefers-reduced-motion:reduce){.hero__art .flow{opacity:1;animation:none}.hero__art .bob,.hero__art .tw,.hero__art .walk{animation:none}}
@media (min-width:64.01em){.hero--art .hero__title{max-width:12ch}}

/* ================================================================ Emeklilik: eigenes Layout */
/* 1 Leitartikel + Kennzahlen */
.r-intro{background:var(--paper);padding:12rem 0 10rem}
.r-intro__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:10rem;align-items:start}
.r-intro__lead{margin-top:2.4rem;font-size:clamp(2.6rem,2.6vw,3.8rem);line-height:1.28;letter-spacing:-.01em;color:var(--ink)}
.r-intro__p{margin-top:2.4rem;font-size:1.7rem;line-height:1.75;color:var(--ink-soft);max-width:62ch}
.r-facts{position:sticky;top:calc(var(--nav-h) + 4rem);border-top:.1rem solid var(--ink)}
.r-facts__k{display:block;padding:1.6rem 0;color:var(--brass-deep)}
.r-fact{display:grid;grid-template-columns:auto 1fr;column-gap:1.6rem;align-items:baseline;padding:2.2rem 0;border-top:.1rem solid var(--line)}
.r-fact__n{grid-row:span 2;font-family:var(--ff-display);font-weight:400;font-size:4.8rem;line-height:.9;letter-spacing:-.03em;color:var(--ink);min-width:9rem}
.r-fact__l{font-size:1.45rem;font-weight:600;color:var(--ink)}
.r-fact__d{font-size:1.35rem;color:var(--ink-soft)}
@media (max-width:64em){.r-intro__grid{grid-template-columns:1fr;gap:5.6rem}.r-facts{position:static}}
@media (max-width:48em){.r-intro{padding:6.4rem 0}.r-fact__n{font-size:3.8rem;min-width:7.6rem}}

/* 2 Rechner */
.calc{position:relative;background:var(--ink);color:var(--paper);padding:14rem 0 12rem;clip-path:ellipse(140% 100% at 50% 100%);margin-top:-4rem}
.calc::before{content:"";position:absolute;inset:0;background:radial-gradient(60rem 40rem at 85% 10%,rgba(198,164,99,.12),transparent 70%);pointer-events:none}
.calc .wrap{position:relative}
.calc__head{max-width:76rem}
.calc__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.calc__h{font-size:clamp(3.4rem,4.2vw,6rem);color:var(--paper)}
.calc__lead{margin-top:2rem;font-size:1.7rem;line-height:1.6;color:rgba(228,225,214,.7);max-width:56ch}
.calc__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6.4rem;margin-top:6.4rem;align-items:start}
.calc__group+.calc__group{margin-top:5.6rem}
.calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:2rem}
.calc__l{font-size:1.25rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.calc__v{font-family:var(--ff-display);font-size:clamp(3rem,3vw,4.4rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.range{--p:40%;-webkit-appearance:none;appearance:none;width:100%;height:4rem;background:transparent;cursor:pointer;margin:0}
.range::-webkit-slider-runnable-track{height:.4rem;border-radius:1rem;background:linear-gradient(90deg,var(--brass) var(--p),rgba(228,225,214,.16) var(--p))}
.range::-moz-range-track{height:.4rem;border-radius:1rem;background:rgba(228,225,214,.16)}
.range::-moz-range-progress{height:.4rem;border-radius:1rem;background:var(--brass)}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:2.8rem;height:2.8rem;margin-top:-1.2rem;border-radius:50%;background:var(--paper);border:.6rem solid var(--brass);box-shadow:0 0 0 .8rem rgba(198,164,99,.15);transition:box-shadow .3s}
.range::-moz-range-thumb{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--paper);border:.6rem solid var(--brass)}
.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.2rem rgba(198,164,99,.22)}
.range:focus{outline:0}
.calc__presets{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.calc__pre{padding:1rem 1.6rem;border-radius:10rem;border:.1rem solid rgba(228,225,214,.2);background:none;color:rgba(228,225,214,.8);font:600 1.3rem/1 var(--ff-body);cursor:pointer;transition:all .3s}
.calc__pre:hover{border-color:var(--brass);color:var(--paper)}
.calc__pre.is-on{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.calc__scale{display:flex;justify-content:space-between;margin-top:1rem;font-size:1.3rem;color:rgba(228,225,214,.55)}
.calc__scale b{color:var(--paper);font-weight:600;margin-left:.4rem}
.calc__hint{margin-top:1.6rem;font-size:1.4rem;line-height:1.6;color:rgba(228,225,214,.6);max-width:52ch}
/* Beleg */
.rcpt{position:relative;background:var(--paper);color:var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:3.2rem 3.2rem 4.4rem;box-shadow:0 4rem 8rem rgba(0,0,0,.35);transform:rotate(1.2deg)}
.rcpt__tear{position:absolute;left:0;right:0;bottom:-1.2rem;height:1.2rem;background:radial-gradient(circle at .8rem 0,transparent .8rem,var(--paper) .85rem) -.8rem 0/1.6rem 1.2rem repeat-x}
.rcpt__top{display:flex;align-items:center;gap:1.2rem;padding-bottom:2rem;border-bottom:.1rem dashed var(--line);font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.rcpt__sum{margin:2.4rem 0 .4rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.rcpt__sum b{font-family:var(--ff-display);font-weight:400;font-size:clamp(4.4rem,4.6vw,6.8rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rcpt__sum span{font-size:1.8rem;font-weight:600;color:var(--ink-soft)}
.rcpt__rows{margin:2rem 0 0}
.rcpt__rows div{display:flex;justify-content:space-between;gap:2rem;padding:1.2rem 0;border-top:.1rem dashed var(--line);font-size:1.45rem}
.rcpt__rows dt{color:var(--ink-soft)}
.rcpt__rows dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.rcpt__pay{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.2rem 1.4rem;border-radius:var(--r-md);background:var(--clay-tint);font-size:1.4rem;font-weight:600}
.rcpt__pay svg{width:2rem;height:2rem;flex:none;color:var(--brass-deep)}
.rcpt__note{margin-top:1.4rem;font-size:1.2rem;line-height:1.5;color:var(--ink-soft)}
/* Senden */
.calc__send{margin-top:8rem;padding-top:4rem;border-top:.1rem solid rgba(228,225,214,.14)}
.calc__send-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 2rem;margin-bottom:2.8rem}
.calc__send-t b{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.4rem,2.4vw,3.2rem)}
.calc__send-t span{font-size:1.5rem;color:rgba(228,225,214,.65)}
.calc__send-f{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1.2rem;align-items:stretch}
.fld--dark input{background:rgba(228,225,214,.06);border-color:rgba(228,225,214,.18);color:var(--paper)}
.fld--dark label{color:rgba(228,225,214,.6)}
.fld--dark input:focus{border-color:var(--brass);box-shadow:0 0 0 .4rem rgba(198,164,99,.2)}
.fld--dark input:focus+label,.fld--dark input:not(:placeholder-shown)+label{color:var(--brass)}
.calc__btn{display:inline-flex;align-items:center;gap:1.2rem;padding:0 2.8rem;border:0;border-radius:var(--r-md);background:var(--brass);color:var(--ink);font:600 1.5rem/1 var(--ff-body);cursor:pointer;transition:background-color .4s}
.calc__btn svg{width:1.8rem;height:1.8rem;transition:transform .5s var(--e-out)}
.calc__btn:hover{background:var(--brass-soft)}
.calc__btn:hover svg{transform:translateX(.4rem)}
.tick--dark{color:rgba(228,225,214,.65);margin-top:2rem}
.tick--dark i{background:transparent;border-color:rgba(228,225,214,.35)}
.tick--dark a{color:var(--paper)}
.tick--dark input:checked+i{background-color:var(--brass);border-color:var(--brass);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3.5 3.5L15 7' fill='none' stroke='%230d1a2b' stroke-width='2'/%3E%3C/svg%3E")}
@media (max-width:64em){.calc__grid{grid-template-columns:1fr;gap:4.8rem}.rcpt{transform:none}.calc__send-f{grid-template-columns:1fr 1fr}.calc__btn{min-height:5.6rem;justify-content:center}}
@media (max-width:48em){.calc{padding:9rem 0 6.4rem;clip-path:ellipse(220% 100% at 50% 100%)}.calc__send-f{grid-template-columns:1fr}.rcpt{padding:2.4rem 2.4rem 3.6rem}}

/* 3 Gestapelte Karten */
.stack{background:var(--paper-soft);padding:12rem 0}
.stack__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:8rem;align-items:start}
.stack__head{position:sticky;top:calc(var(--nav-h) + 4rem)}
.stack__count{margin-top:3.2rem;font-size:1.4rem;color:var(--ink-soft)}
.stack__count b{font-family:var(--ff-display);font-weight:400;font-size:6.4rem;line-height:1;color:var(--brass-deep);display:block}
.stack__list{list-style:none;margin:0;padding:0}
.scard{position:sticky;top:calc(var(--nav-h) + 4rem + var(--n) * 1.6rem);display:grid;grid-template-columns:8rem 1fr auto;gap:2.4rem;align-items:start;min-height:24rem;
  padding:4rem;margin-bottom:2.4rem;border-radius:var(--r-xl);background:var(--paper);border:.1rem solid var(--line);box-shadow:0 -1.2rem 3rem rgba(13,26,43,.06);transform-origin:top center}
.scard--1{background:#fbfaf6}.scard--2{background:var(--clay-tint)}.scard--0{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.scard__no{font-family:var(--ff-display);font-size:4.8rem;line-height:.9;color:var(--brass-deep)}
.scard--0 .scard__no{color:var(--brass)}
.scard__t{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.6rem,2.6vw,3.6rem);line-height:1.1;letter-spacing:-.01em}
.scard__d{margin-top:1.4rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft);max-width:48ch}
.scard--0 .scard__d{color:rgba(228,225,214,.72)}
.scard__go{width:4.8rem;height:4.8rem;border-radius:50%;border:.1rem solid currentColor;display:grid;place-items:center;opacity:.35}
.scard__go svg{width:1.8rem;height:1.8rem}
@media (max-width:64em){.stack__grid{grid-template-columns:1fr;gap:4rem}.stack__head{position:static}}
@media (max-width:48em){.stack{padding:6.4rem 0}.scard{grid-template-columns:1fr;gap:1.2rem;padding:2.8rem;min-height:0;top:calc(var(--nav-h) + 2rem + var(--n) * 1rem)}.scard__no{font-size:3.6rem}.scard__go{display:none}}

/* 4 Für wen */
.who{background:var(--paper);padding:12rem 0}
.who__list{list-style:none;margin:4.8rem 0 0;padding:0;border-top:.1rem solid var(--ink)}
.who__row{position:relative;display:grid;grid-template-columns:8rem minmax(0,5fr) minmax(0,6fr);gap:3.2rem;align-items:baseline;padding:3.6rem 0;border-bottom:.1rem solid var(--line);transition:padding .6s var(--e-out)}
.who__row::before{content:"";position:absolute;inset:0;background:var(--clay-tint);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--e-out);z-index:-1}
.who__row:hover{padding-left:2.4rem;padding-right:2.4rem}
.who__row:hover::before{transform:scaleY(1)}
.who__no{font-size:1.3rem;font-weight:700;letter-spacing:.14em;color:var(--brass-deep)}
.who__t{font-family:var(--ff-display);font-weight:400;font-size:clamp(3rem,3.4vw,4.8rem);line-height:1.05;letter-spacing:-.02em}
.who__d{font-size:1.6rem;line-height:1.65;color:var(--ink-soft)}
.who__wiz{margin-top:8rem}
.who__wiz .asec{margin:0}
.who{isolation:isolate}
@media (max-width:48em){.who{padding:6.4rem 0}.who__row{grid-template-columns:1fr;gap:.8rem;padding:2.4rem 0}.who__row:hover{padding-left:0;padding-right:0}.who__wiz{margin-top:4.8rem}}

/* 5 Horizontale Strecke */
.road{background:var(--paper-soft);padding:12rem 0;overflow:hidden}
.road__track{position:relative;margin-top:6.4rem}
.road__line{position:absolute;left:2.8rem;right:2.8rem;top:2.8rem;height:.2rem;background:var(--line)}
.road__fill{position:absolute;inset:0;background:var(--brass);transform:scaleX(var(--road,0));transform-origin:left;transition:transform .2s linear}
.road__stops{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem}
.road__dot{display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--paper);border:.1rem solid var(--line);font-size:1.3rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);transition:background-color .5s,color .5s,border-color .5s,transform .6s var(--e-out)}
.road__stop.is-on .road__dot{background:var(--ink);border-color:var(--ink);color:var(--brass);transform:scale(1.08)}
.road__t{margin-top:2.8rem;font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1.15}
.road__d{margin-top:1.2rem;font-size:1.55rem;line-height:1.65;color:var(--ink-soft)}
@media (max-width:64em){.road__stops{grid-template-columns:1fr 1fr;row-gap:4.8rem}.road__line{display:none}}
@media (max-width:48em){.road{padding:6.4rem 0}.road__stops{grid-template-columns:1fr}}

/* 6 Unterlagen + FAQ */
.r-duo{background:var(--paper);padding:12rem 0 6rem}
.r-duo__grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}
.r-duo .asec{margin:0;padding:0}
.r-duo .docs{grid-template-columns:1fr}
@media (max-width:64em){.r-duo__grid{grid-template-columns:1fr;gap:6.4rem}}
@media (max-width:48em){.r-duo{padding:6.4rem 0 3rem}}

/* ================================================================ Miras: eigenes Layout */
/* 1 Brief */
.letter{background:var(--paper-soft);padding:12rem 0}
.letter__grid{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,8fr);gap:6.4rem;align-items:start}
.letter__notes{position:sticky;top:calc(var(--nav-h) + 4rem);padding-top:6rem}
.letter__nk{display:block;color:var(--brass-deep);margin-bottom:2.4rem}
.note{position:relative;padding:0 0 2.4rem 2rem;margin-bottom:2.4rem;border-left:.1rem solid var(--brass)}
.note b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2rem;line-height:1.2;font-style:italic}
.note span{display:block;margin-top:.8rem;font-size:1.4rem;line-height:1.6;color:var(--ink-soft)}
.letter__paper{position:relative;background:#fbfaf6;border-radius:.4rem;padding:7.2rem 8rem 6.4rem;
  box-shadow:0 .2rem .4rem rgba(13,26,43,.04),0 3rem 6rem rgba(13,26,43,.1);
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent 3.55rem,rgba(13,26,43,.05) 3.55rem,rgba(13,26,43,.05) 3.6rem);background-position:0 1.2rem}
.letter__paper::before{content:"";position:absolute;left:5.6rem;top:0;bottom:0;width:.1rem;background:rgba(162,59,42,.25)}
.letter__k{display:block;color:var(--brass-deep);margin-bottom:3.2rem}
.letter__p{font-family:var(--ff-display);font-size:clamp(2rem,1.7vw,2.4rem);line-height:1.5;color:var(--ink)}
.letter__p+.letter__p{margin-top:2.4rem}
.letter__p--first::first-letter{float:left;font-size:7.2rem;line-height:.82;padding:.6rem 1.2rem 0 0;color:var(--brass-deep);font-weight:400}
.letter__sign{display:flex;align-items:center;justify-content:space-between;margin-top:5.6rem;padding-top:2.4rem;border-top:.1rem dashed var(--line)}
.letter__name{font-family:var(--ff-display);font-style:italic;font-size:3rem;color:var(--ink)}
.letter__seal{display:grid;place-items:center;width:8.8rem;height:8.8rem;border-radius:50%;transform:rotate(-12deg);
  background:radial-gradient(circle at 35% 30%,#a8473a,#7a2a20 70%);box-shadow:inset 0 0 0 .5rem rgba(0,0,0,.12),0 .6rem 1.4rem rgba(122,42,32,.35)}
.letter__seal img{width:4.4rem;height:4.4rem;filter:brightness(0) invert(.9) sepia(.4);opacity:.85}
@media (max-width:64em){.letter__grid{grid-template-columns:1fr;gap:4rem}.letter__notes{position:static;padding:0;order:2}}
@media (max-width:48em){.letter{padding:6.4rem 0}.letter__paper{padding:4.8rem 2.4rem 4rem 3.6rem}.letter__paper::before{left:2rem}.letter__p--first::first-letter{font-size:5.6rem}.letter__seal{width:7rem;height:7rem}}

/* 2 Erbquoten */
.pie{background:var(--clay-tint);padding:12rem 0}
.pie__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.pie__h{font-size:clamp(3.6rem,4.4vw,6.4rem);margin-top:1.6rem}
.pie__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:46ch}
.pie__grid{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,4fr) minmax(0,4.2fr);gap:4.8rem;align-items:center;margin-top:6.4rem}
.fam{display:flex;flex-direction:column;gap:.8rem;padding:2.8rem;background:var(--paper);border-radius:var(--r-xl);border:.1rem solid var(--line)}
.fam__k{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.8rem}
.fam__more{display:flex;flex-direction:column;gap:.8rem}
.fam__more[hidden],.sw[hidden]{display:none}
.sw,.stp{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 0;border-bottom:.1rem solid var(--line);font-size:1.5rem;font-weight:500;cursor:pointer}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw i{position:relative;flex:none;width:4.6rem;height:2.6rem;border-radius:10rem;background:rgba(13,26,43,.15);transition:background-color .35s}
.sw i::after{content:"";position:absolute;top:.3rem;left:.3rem;width:2rem;height:2rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .3rem rgba(0,0,0,.2);transition:transform .45s var(--e-out)}
.sw input:checked+i{background:var(--ink)}
.sw input:checked+i::after{transform:translateX(2rem);background:var(--brass)}
.sw input:focus-visible+i{outline:.2rem solid var(--brass);outline-offset:.3rem}
.sw--res{margin-top:1.2rem;border-bottom:0;border-top:.1rem dashed var(--line);padding-top:2rem}
.stp{cursor:default}
.stp__c{display:flex;align-items:center;gap:.4rem;background:var(--paper-soft);border-radius:10rem;padding:.4rem}
.stp__c button{width:3.4rem;height:3.4rem;border-radius:50%;border:0;background:var(--paper);font:500 1.8rem/1 var(--ff-body);color:var(--ink);cursor:pointer;transition:background-color .3s,color .3s}
.stp__c button:hover{background:var(--ink);color:var(--paper)}
.stp__c output{min-width:3rem;text-align:center;font-family:var(--ff-display);font-size:2.2rem}
.pie__chart{position:relative;max-width:42rem;width:100%;margin:0 auto;aspect-ratio:1}
.pie__svg{width:100%;height:100%;overflow:visible}
.pie__track{fill:none;stroke:rgba(13,26,43,.08);stroke-width:52}
.pie__seg{fill:none;stroke-width:52;transition:stroke-dasharray 1s var(--e-out),stroke-dashoffset 1s var(--e-out),opacity .35s,stroke .4s}
.pie__rseg{fill:none;stroke-width:14;opacity:.9;transition:stroke-dasharray 1s var(--e-out),stroke-dashoffset 1s var(--e-out),opacity .35s}
.pie__seg.is-dim,.pie__rseg.is-dim{opacity:.18}
.pie__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 28%}
.pie__center b{font-family:var(--ff-display);font-weight:400;font-size:clamp(3.6rem,4vw,5.6rem);line-height:1;letter-spacing:-.02em}
.pie__center span{margin-top:.8rem;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);line-height:1.3}
.pie__lh,.pie__row{display:grid;grid-template-columns:1.4rem 1fr 9rem;gap:1.2rem;align-items:baseline}
.show-res .pie__lh,.show-res .pie__row{grid-template-columns:1.4rem 1fr 8rem 6rem}
.pie__rescol{display:none}
.show-res .pie__rescol{display:block;text-align:right}
.pie__lh{font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:1.2rem;border-bottom:.1rem solid var(--ink)}

.pie__rows{list-style:none;margin:0;padding:0}
.pie__row{padding:1.4rem 0;border-bottom:.1rem solid var(--line);transition:opacity .3s;animation:stamp .5s var(--e-out)}
.pie__row.is-dim{opacity:.4}
.pie__row i{width:1.2rem;height:1.2rem;border-radius:.3rem;align-self:center}
.pie__row--free i{background:rgba(13,26,43,.12)}
.pie__n{font-size:1.5rem;font-weight:500}
.pie__row b{text-align:right;font-family:var(--ff-display);font-weight:400;font-size:2.2rem;font-variant-numeric:tabular-nums}
.pie__row b small{display:block;font-family:var(--ff-body);font-size:1.15rem;color:var(--ink-soft);margin-top:.2rem}
.pie__row b.pie__rescol{color:var(--brass-deep)}
.pie__basis{margin-top:2rem;font-size:1.25rem;line-height:1.6;color:var(--ink-soft)}
.pie__send{margin-top:7.2rem;padding:4rem;border-radius:var(--r-xl);background:var(--paper);border:.1rem solid var(--line)}
.pie__send-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 2rem;margin-bottom:2.4rem}
.pie__send-t b{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.4rem,2.4vw,3.2rem)}
.pie__send-t span{font-size:1.5rem;color:var(--ink-soft)}
.pie__send-f{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1.2rem}
.calc__btn--ink{background:var(--ink);color:var(--paper)}
.calc__btn--ink:hover{background:var(--walnut)}
@media (max-width:80em){.pie__grid{grid-template-columns:1fr 1fr}.pie__legend{grid-column:1/-1}}
@media (max-width:64em){.pie__head{grid-template-columns:1fr}.pie__send-f{grid-template-columns:1fr 1fr}}
@media (max-width:48em){.pie{padding:6.4rem 0}.pie__grid{grid-template-columns:1fr;margin-top:4rem}.pie__chart{max-width:30rem}.pie__send{padding:2.4rem}.pie__send-f{grid-template-columns:1fr}.calc__btn{min-height:5.6rem;justify-content:center}}

/* 3 Welches Recht */
.law{background:var(--ink);color:var(--paper);padding:12rem 0;overflow:hidden}
.law__head{text-align:center;max-width:72rem;margin:0 auto}
.law__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.law__h{font-size:clamp(3.6rem,4.6vw,6.8rem);color:var(--paper)}
.law__lead{margin-top:2rem;font-size:1.7rem;line-height:1.6;color:rgba(228,225,214,.7)}
.law__grid{position:relative;display:grid;grid-template-columns:1fr 18rem 1fr;align-items:center;margin-top:7.2rem}
.law__grid::before{content:"";position:absolute;left:50%;top:-4rem;bottom:-4rem;width:.1rem;background:linear-gradient(transparent,rgba(198,164,99,.5),transparent)}
.law__c{position:relative;padding:4rem;border-radius:var(--r-xl);border:.1rem solid rgba(228,225,214,.14);background:rgba(28,49,81,.35);min-height:34rem;display:flex;flex-direction:column;transition:border-color .5s,transform .8s var(--e-out)}
.law__c:hover{border-color:rgba(198,164,99,.5);transform:translateY(-.6rem)}
.law__ic{width:5.6rem;height:5.6rem;color:var(--brass)}
.law__ck{margin-top:2.8rem;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.law__ct{margin-top:1rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(2.8rem,2.6vw,3.6rem);line-height:1.1}
.law__cd{margin-top:1.6rem;font-size:1.55rem;line-height:1.65;color:rgba(228,225,214,.72)}
.law__flag{position:absolute;top:3.2rem;right:3.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.16em;color:rgba(228,225,214,.45)}
.law__seal{position:relative;z-index:1;justify-self:center;display:grid;place-items:center;width:14rem;height:14rem;border-radius:50%;background:var(--ink);border:.1rem solid rgba(198,164,99,.45)}
.law__seal span{font-family:var(--ff-display);font-size:3.4rem;color:var(--brass)}
.law__seal svg{position:absolute;inset:0;width:100%;height:100%;animation:art-spin 40s linear infinite}
.law__seal text{font:600 7.4px var(--ff-body);letter-spacing:.2em;fill:rgba(228,225,214,.6)}
.law__note{margin:5.6rem auto 0;max-width:60ch;text-align:center;font-size:1.4rem;color:rgba(228,225,214,.55)}
@media (max-width:64em){.law__grid{grid-template-columns:1fr;gap:2.4rem}.law__grid::before{display:none}.law__seal{width:11rem;height:11rem;order:-1}.law__c{min-height:0}}
@media (max-width:48em){.law{padding:6.4rem 0}.law__c{padding:2.8rem}}

/* 4 Register mit Vorschau */
.idx{background:var(--paper);padding:12rem 0}
.idx__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6.4rem;margin-top:5.6rem;align-items:start}
.idx__list{list-style:none;margin:0;padding:0;border-top:.1rem solid var(--ink)}
.idx__row{position:relative;display:grid;grid-template-columns:5.6rem 1fr auto;gap:2rem;align-items:center;padding:2.6rem 0;border-bottom:.1rem solid var(--line);cursor:pointer;outline:0}
.idx__no{font-size:1.2rem;font-weight:700;letter-spacing:.14em;color:var(--ink-soft);transition:color .4s}
.idx__t{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.6rem,2.6vw,3.8rem);line-height:1.1;letter-spacing:-.015em;color:rgba(13,26,43,.38);transition:color .5s,transform .7s var(--e-out)}
.idx__d{display:none}
.idx__go{width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;border:.1rem solid var(--line);opacity:0;transform:translateX(-1rem);transition:opacity .4s,transform .6s var(--e-out),background-color .4s}
.idx__go svg{width:1.6rem;height:1.6rem}
.idx__row.is-on .idx__t{color:var(--ink);transform:translateX(1.2rem)}
.idx__row.is-on .idx__no{color:var(--brass-deep)}
.idx__row.is-on .idx__go{opacity:1;transform:none;background:var(--brass);border-color:var(--brass)}
.idx__row:focus-visible .idx__t{text-decoration:underline;text-underline-offset:.4rem}
.idx__view{position:sticky;top:calc(var(--nav-h) + 4rem);aspect-ratio:4/5;border-radius:var(--r-xl);background:var(--ink);color:var(--paper);overflow:hidden}
.idx__card{position:absolute;inset:0;padding:4.4rem;display:flex;flex-direction:column;opacity:0;transform:translateY(2rem);transition:opacity .5s var(--e-io),transform .8s var(--e-out)}
.idx__card.is-on{opacity:1;transform:none}
.idx__big{font-family:var(--ff-display);font-size:16rem;line-height:.8;letter-spacing:-.05em;color:transparent;background:linear-gradient(180deg,#e7cf9c,var(--brass) 60%,#8c6a35);-webkit-background-clip:text;background-clip:text}
.idx__ct{margin-top:auto;font-family:var(--ff-display);font-weight:400;font-size:3.2rem;line-height:1.1}
.idx__cd{margin-top:1.6rem;font-size:1.6rem;line-height:1.65;color:rgba(228,225,214,.75)}
.idx__mark{position:absolute;right:-6rem;top:-4rem;width:30rem;opacity:.06;transform:rotate(-10deg);pointer-events:none}
@media (max-width:64em){.idx__grid{grid-template-columns:1fr}.idx__view{display:none}.idx__d{display:block;grid-column:2/-1;font-size:1.5rem;line-height:1.6;color:var(--ink-soft);margin-top:-1rem}.idx__t{color:var(--ink)}.idx__row.is-on .idx__t{transform:none}.idx__go{display:none}.idx__row{grid-template-columns:4.4rem 1fr}}
@media (max-width:48em){.idx{padding:6.4rem 0}.idx__grid{margin-top:3.2rem}}

/* 5 Ablauf-Register */
.tabs{background:var(--paper-soft);padding:12rem 0}
.tabs__box{margin-top:5.6rem}
.tabs__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.tabs__tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:2rem 2.4rem 2.4rem;border:0;border-radius:1.6rem 1.6rem 0 0;background:rgba(13,26,43,.06);
  font:500 1.6rem/1.3 var(--ff-body);color:var(--ink-soft);text-align:left;cursor:pointer;overflow:hidden;transition:background-color .4s,color .4s;
  clip-path:polygon(0 0,calc(100% - 2.4rem) 0,100% 100%,0 100%)}
.tabs__tab span{font-size:1.1rem;font-weight:700;letter-spacing:.14em}
.tabs__tab:hover{background:rgba(13,26,43,.1);color:var(--ink)}
.tabs__tab.is-on{background:var(--ink);color:var(--paper)}
.tabs__tab.is-on span{color:var(--brass)}
.tabs__tab:focus-visible{outline:.2rem solid var(--brass);outline-offset:-.4rem}
.tabs__prog{position:absolute;left:0;bottom:0;height:.3rem;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left}
.tabs__tab.is-run .tabs__prog{animation:tabprog var(--dur,6s) linear forwards}
@keyframes tabprog{to{transform:scaleX(1)}}
.tabs__panel{display:grid;grid-template-columns:auto 1fr;gap:6.4rem;align-items:center;padding:6.4rem;background:var(--ink);color:var(--paper);border-radius:0 0 var(--r-xl) var(--r-xl);min-height:32rem}
.tabs__panel.is-on{animation:stepIn .8s var(--e-out)}
.tabs__num{font-family:var(--ff-display);font-size:clamp(10rem,14vw,20rem);line-height:.8;letter-spacing:-.05em;color:var(--brass)}
.tabs__num small{font-size:.18em;letter-spacing:.06em;color:rgba(228,225,214,.4);margin-left:.6rem}
.tabs__t{font-family:var(--ff-display);font-weight:400;font-size:clamp(3rem,3.4vw,4.8rem);line-height:1.08}
.tabs__d{margin-top:2rem;font-size:1.7rem;line-height:1.65;color:rgba(228,225,214,.75);max-width:52ch}
@media (max-width:64em){.tabs__bar{grid-template-columns:1fr 1fr}.tabs__tab{border-radius:1.2rem 1.2rem 0 0;clip-path:none}.tabs__panel{grid-template-columns:1fr;gap:2.4rem;padding:4rem;border-radius:0 0 var(--r-lg) var(--r-lg)}}
@media (max-width:48em){.tabs{padding:6.4rem 0}.tabs__tab{padding:1.4rem 1.6rem;font-size:1.35rem}.tabs__panel{padding:2.8rem;min-height:0}}

/* 6 Unterlagen + FAQ */
.e-docs{background:var(--paper);padding:12rem 0 4rem}
.e-faq{background:var(--paper);padding:4rem 0 6rem}
.e-docs .asec,.e-faq .asec{margin:0;padding:0}
@media (max-width:48em){.e-docs{padding:6.4rem 0 2rem}}
.pie__lh span{text-align:right}
.tabs__panel[hidden]{display:none}
.idx__big{line-height:1;padding-top:.06em}
.pie__lh span{white-space:nowrap}
.show-res .pie__lh,.show-res .pie__row{grid-template-columns:1.4rem 1fr 8rem 7.2rem}

/* ================================================================ Aile: eigenes Layout */
/* 1 Vorher/Nachher */
.cmp{background:var(--paper);padding:12rem 0}
.cmp__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:8rem;align-items:center}
.cmp__h{font-size:clamp(3.4rem,3.8vw,5.6rem);margin-top:1.6rem;max-width:16ch}
.cmp__p{margin-top:2.4rem;font-size:1.7rem;line-height:1.75;color:var(--ink-soft);max-width:56ch}
.cmp__p:first-of-type{color:var(--ink);font-size:1.9rem}
.cmp__stage{position:relative;padding:6rem 0 0 6rem}
.cmp__de{position:absolute;left:0;top:0;width:62%;aspect-ratio:3/4;background:#fff;border-radius:.6rem;padding:2.8rem;transform:rotate(-6deg);
  box-shadow:0 2rem 4rem rgba(13,26,43,.12);display:flex;flex-direction:column;gap:1.2rem}
.cmp__de-k{font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.cmp__de b{font-family:var(--ff-display);font-weight:500;font-size:2.4rem}
.cmp__de-l{display:block;height:.6rem;border-radius:1rem;background:rgba(13,26,43,.08)}
.cmp__de-l--s{width:60%}
.cmp__de-stamp{margin-top:auto;align-self:flex-end;padding:.6rem 1.2rem;border:.2rem solid #3f6b52;color:#3f6b52;border-radius:.4rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-8deg)}
.cmp__card{--x:22%;position:relative;z-index:1;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;
  box-shadow:0 3rem 7rem rgba(13,26,43,.22)}
.cmp__layer{position:absolute;inset:0}
.cmp__layer--before{clip-path:inset(0 0 0 var(--x))}
.cmp__layer--after .cmp__in{background:var(--ink);color:var(--paper)}
.cmp__layer--before .cmp__in{background:#f6f1e4;color:var(--ink)}
.cmp__in{position:absolute;inset:0;padding:3.6rem;display:flex;flex-direction:column;gap:.4rem}
.cmp__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;margin-bottom:1.2rem;border-bottom:.1rem solid currentColor;border-color:rgba(127,127,127,.3)}
.cmp__top span{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.cmp__top em{font-style:normal;font-size:1.1rem;padding:.4rem 1rem;border-radius:10rem;border:.1rem solid currentColor;opacity:.6}
.cmp__row{display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 0;border-bottom:.1rem dashed rgba(127,127,127,.3);font-size:1.5rem}
.cmp__row span{opacity:.65}
.cmp__row b{font-weight:600}
.cmp__row:last-of-type b{font-family:var(--ff-display);font-weight:500;font-size:3.2rem;line-height:1}
.cmp__layer--after .cmp__row:last-of-type b{color:var(--brass)}
.cmp__layer--before .cmp__row:last-of-type b{color:#8a2f22}
.cmp__stamp{position:absolute;right:3.2rem;bottom:3.2rem;padding:.8rem 1.4rem;border-radius:.4rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-6deg)}
.cmp__stamp--before{border:.2rem solid #8a2f22;color:#8a2f22}
.cmp__stamp--after{border:.2rem solid var(--brass);color:var(--brass)}
.cmp__handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;border:0;padding:0;background:none;cursor:ew-resize;transform:translateX(-50%)}
.cmp__handle::before{content:"";position:absolute;top:0;bottom:0;left:-.1rem;width:.2rem;background:var(--brass)}
.cmp__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:6.4rem;height:6.4rem;border-radius:50%;
  background:var(--brass);color:var(--ink);font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 1rem 2.4rem rgba(0,0,0,.25)}
.cmp__handle:focus-visible span{outline:.2rem solid var(--paper);outline-offset:.3rem}
@media (max-width:64em){.cmp__grid{grid-template-columns:1fr;gap:5.6rem}}
@media (max-width:48em){.cmp{padding:6.4rem 0}.cmp__stage{padding:3.6rem 0 0 2rem}.cmp__card{aspect-ratio:4/4.4}.cmp__in{padding:2.4rem}.cmp__row:last-of-type b{font-size:2.6rem}.cmp__handle span{width:5.2rem;height:5.2rem;font-size:.95rem}}

/* 2 Fahrplan */
.route{background:var(--ink);color:var(--paper);padding:12rem 0}
.route__head{max-width:76rem}
.route__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.route__h{font-size:clamp(3.4rem,4.2vw,6rem);color:var(--paper)}
.route__lead{margin-top:2rem;font-size:1.7rem;line-height:1.6;color:rgba(228,225,214,.7);max-width:56ch}
.route__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6.4rem;margin-top:6.4rem;align-items:start}
.route__qs{position:relative;min-height:34rem}
.rqz{display:none;border:0;margin:0;padding:0}
.rqz.is-on{display:block;animation:stepIn .7s var(--e-out)}
.rqz__q{display:flex;gap:1.6rem;align-items:baseline;font-family:var(--ff-display);font-size:clamp(2.6rem,2.6vw,3.6rem);line-height:1.2;margin-bottom:2.8rem;padding:0}
.rqz__q span{font-family:var(--ff-body);font-size:1.2rem;font-weight:700;letter-spacing:.14em;color:var(--brass)}
.rqz__o{display:flex;flex-direction:column;gap:1rem}
.rqz__b{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.8rem 2.2rem;border-radius:var(--r-md);border:.1rem solid rgba(228,225,214,.18);
  background:rgba(228,225,214,.04);color:var(--paper);font:500 1.6rem/1.3 var(--ff-body);text-align:left;cursor:pointer;transition:border-color .3s,background-color .3s,transform .5s var(--e-out)}
.rqz__b::after{content:"";flex:none;width:1.8rem;height:1.8rem;border-radius:50%;border:.1rem solid rgba(228,225,214,.4);transition:all .3s}
.rqz__b:hover{border-color:var(--brass);transform:translateX(.4rem)}
.rqz__b[aria-pressed="true"]{background:rgba(198,164,99,.14);border-color:var(--brass)}
.rqz__b[aria-pressed="true"]::after{background:var(--brass);border-color:var(--brass);box-shadow:inset 0 0 0 .4rem var(--ink)}
.rqz__next{margin-top:2rem;display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2.4rem;border-radius:10rem;border:0;background:var(--brass);color:var(--ink);font:600 1.5rem/1 var(--ff-body);cursor:pointer}
.rqz__next svg{width:1.6rem;height:1.6rem}
.rqz__next:disabled{opacity:.35;cursor:not-allowed}
.route__nav{display:flex;gap:2.4rem;margin-top:2.4rem}
.route__nav button{background:none;border:0;padding:0;font:600 1.4rem/1 var(--ff-body);color:rgba(228,225,214,.6);cursor:pointer;text-decoration:underline;text-underline-offset:.4rem}
.route__nav button:hover{color:var(--paper)}
.route__nav [hidden]{display:none}
.rres{border-radius:var(--r-xl);background:var(--paper);color:var(--ink);padding:3.6rem}
.rres.is-in{animation:stepIn .8s var(--e-out)}
.rres__s{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.rres__t{margin-top:1rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(3rem,3vw,4.2rem);line-height:1.05}
.rres__pre{margin-top:1.6rem;padding:1.2rem 1.6rem;border-radius:var(--r-md);background:#f3e2dc;color:#7a2a20;font-size:1.45rem;font-weight:600;line-height:1.5}
.rres__d{margin-top:1.6rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft)}
.rres__box{margin-top:2rem;padding-top:2rem;border-top:.1rem dashed var(--line)}
.rres__box b{font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep)}
.rres__box p{margin-top:.8rem;font-size:1.5rem;line-height:1.6}
.rres__box ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem}
.rres__box li{position:relative;padding-left:2.4rem;font-size:1.5rem;line-height:1.5}
.rres__box li::before{content:"";position:absolute;left:0;top:.45rem;width:1.2rem;height:1.2rem;border-radius:.3rem;border:.15rem solid var(--brass)}
.rres__fer{margin-top:1.6rem;font-size:1.4rem;line-height:1.55;color:var(--ink-soft);font-style:italic}
.rres__note{margin-top:2rem;font-size:1.25rem;color:var(--ink-soft)}
.metro{position:sticky;top:calc(var(--nav-h) + 4rem);border-radius:var(--r-xl);background:rgba(28,49,81,.4);border:.1rem solid rgba(228,225,214,.1);padding:3.2rem 2.4rem;
  background-image:radial-gradient(rgba(228,225,214,.08) .1rem,transparent .1rem);background-size:2.4rem 2.4rem}
.metro__svg{width:100%;height:auto;overflow:visible}
.metro__base{fill:none;stroke:rgba(228,225,214,.14);stroke-width:8;stroke-linecap:round}
.metro__lit{fill:none;stroke:var(--brass);stroke-width:8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--e-out)}
.metro__lit.is-lit{stroke-dashoffset:0}
.metro__lit--end{transition-delay:.15s}
.metro__st{fill:var(--ink);stroke:rgba(228,225,214,.35);stroke-width:3;transition:stroke .5s,fill .5s}
.metro__st.is-lit{stroke:var(--brass);fill:var(--brass)}
.metro__term{fill:var(--ink);stroke:rgba(228,225,214,.35);stroke-width:3;transition:all .5s;transform-box:fill-box;transform-origin:center}
.metro__term.is-lit{fill:var(--brass);stroke:var(--paper);animation:term 1.6s var(--e-out) .9s infinite}
@keyframes term{50%{transform:scale(1.25)}}
.metro__lab{font:600 12px var(--ff-body);letter-spacing:.08em;fill:rgba(228,225,214,.6);text-transform:uppercase}
.metro__tl{font:500 18px var(--ff-display);fill:rgba(228,225,214,.45);transition:fill .5s}
.metro__tl.is-lit{fill:var(--brass)}
.metro__train{fill:var(--paper);transition:transform 1.1s var(--e-out);filter:drop-shadow(0 0 6px rgba(198,164,99,.9))}
.route__send{margin-top:5.6rem;padding-top:4rem;border-top:.1rem solid rgba(228,225,214,.14)}
.route__send[hidden]{display:none}
@media (max-width:64em){.route__grid{grid-template-columns:1fr;gap:4rem}.metro{position:static;order:-1}.route__qs{min-height:0}}
@media (max-width:48em){.route{padding:6.4rem 0}.metro{padding:1.6rem 1.2rem}.rres{padding:2.4rem}.metro__tl{font-size:22px}}

/* 3 Bento */
.bento{background:var(--paper-soft);padding:12rem 0}
.bento__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(22rem,auto);gap:1.6rem;margin-top:5.6rem}
.bcell{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:3.2rem;border-radius:var(--r-xl);background:var(--paper);border:.1rem solid var(--line);transition:border-color .5s,transform .7s var(--e-out)}
.bcell::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s;background:radial-gradient(30rem circle at var(--mx) var(--my),rgba(198,164,99,.18),transparent 60%)}
.bcell:hover{border-color:rgba(138,107,51,.35);transform:translateY(-.4rem)}
.bcell:hover::before{opacity:1}
.bcell--1{grid-column:span 2;grid-row:span 2;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bcell--2{grid-column:span 2}
.bcell--5{grid-column:span 2}
.bcell__ic{width:5.6rem;height:5.6rem;color:var(--brass-deep);transition:transform .8s var(--e-out)}
.bcell:hover .bcell__ic{transform:rotate(-6deg) scale(1.06)}
.bcell--1 .bcell__ic{width:8.8rem;height:8.8rem;color:var(--brass)}
.bcell__no{position:absolute;top:3.2rem;right:3.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;color:var(--ink-soft)}
.bcell--1 .bcell__no{color:rgba(228,225,214,.5)}
.bcell__t{margin-top:auto;padding-top:2.4rem;font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1.1}
.bcell--1 .bcell__t{font-size:clamp(3.6rem,3.6vw,5.2rem);font-weight:400}
.bcell__d{margin-top:1.2rem;font-size:1.5rem;line-height:1.6;color:var(--ink-soft)}
.bcell--1 .bcell__d{color:rgba(228,225,214,.72);font-size:1.7rem;max-width:40ch}
@media (max-width:64em){.bento__grid{grid-template-columns:1fr 1fr}.bcell--1{grid-column:span 2;grid-row:auto}.bcell--2,.bcell--5{grid-column:auto}}
@media (max-width:48em){.bento{padding:6.4rem 0}.bento__grid{grid-template-columns:1fr;margin-top:3.2rem}.bcell--1{grid-column:auto}.bcell{padding:2.4rem}}

/* 4 Karussell */
.carou{background:var(--paper);padding:12rem 0 10rem;overflow:hidden}
.carou__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.carou__track{display:flex;gap:2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:5.6rem;
  padding:0 max(var(--pad),calc((100vw - var(--wrap)) / 2 + var(--pad))) 1rem;scroll-padding-left:max(var(--pad),calc((100vw - var(--wrap)) / 2 + var(--pad)))}
.carou__track::-webkit-scrollbar{display:none}
.carou__track:focus-visible{outline:.2rem solid var(--brass);outline-offset:.4rem}
.pcard{position:relative;flex:0 0 min(52rem,82vw);scroll-snap-align:start;min-height:40rem;padding:4rem;border-radius:var(--r-xl);display:flex;flex-direction:column;overflow:hidden}
.pcard--1{background:var(--ink);color:var(--paper)}
.pcard--2{background:var(--clay-tint)}
.pcard--3{background:var(--moss-tint)}
.pcard__q{font-family:var(--ff-display);font-size:16rem;line-height:.7;color:var(--brass);opacity:.8;height:8rem}
.pcard__t{margin-top:auto;font-family:var(--ff-display);font-weight:400;font-size:clamp(3.2rem,3.2vw,4.4rem);line-height:1.05}
.pcard__d{margin-top:1.6rem;font-size:1.6rem;line-height:1.6;opacity:.75;max-width:38ch}
.pcard__a{margin-top:2.4rem;align-self:flex-start;font-weight:600;font-size:1.45rem}
.pcard--1 .pcard__a{color:var(--paper)}
@media (max-width:48em){.carou{padding:6.4rem 0}.carou__head .more__btns{display:none}.carou__track{margin-top:3.2rem;gap:1.2rem}.pcard{min-height:32rem;padding:2.8rem}.pcard__q{font-size:11rem;height:5.6rem}}

/* 5 Scrollytelling */
.story{background:var(--paper-soft);padding:12rem 0}
.story__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8rem}
.story__pin{position:sticky;top:calc(var(--nav-h) + 4rem);align-self:start}
.story__h{font-size:clamp(3.4rem,3.8vw,5.6rem);margin-top:1.6rem}
.story__num{margin-top:4rem;display:flex;align-items:flex-end;font-family:var(--ff-display);line-height:.8}
.story__num span{font-size:clamp(14rem,18vw,24rem);letter-spacing:-.05em;background:linear-gradient(180deg,var(--ink),var(--walnut));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-top:.08em}
.story__num span.is-flip{animation:flip .7s var(--e-out)}
@keyframes flip{from{opacity:0;transform:translateY(30%) rotateX(-40deg)}}
.story__num small{font-size:3.2rem;color:var(--ink-soft);margin:0 0 2rem 1rem}
.story__bar{position:absolute;left:-3.2rem;top:0;bottom:0;width:.2rem;background:var(--line)}
.story__bar i{position:absolute;inset:0;background:var(--brass);transform-origin:top;transform:scaleY(0)}
.story__list{list-style:none;margin:0;padding:20vh 0 20vh}
.story__step{min-height:42vh;display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:opacity .6s,transform .8s var(--e-out);transform:translateX(2rem)}
.story__step.is-on{opacity:1;transform:none}
.story__step.is-past{opacity:.4;transform:none}
.story__k{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.story__t{margin-top:1.2rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(3rem,3.4vw,4.8rem);line-height:1.08}
.story__d{margin-top:1.6rem;font-size:1.7rem;line-height:1.7;color:var(--ink-soft);max-width:46ch}
@media (max-width:64em){.story__grid{grid-template-columns:1fr;gap:2rem}.story__pin{position:static}.story__num,.story__bar{display:none}.story__list{padding:2rem 0 0}.story__step{min-height:0;opacity:1;transform:none;padding:3.2rem 0;border-top:.1rem solid var(--line)}}
@media (max-width:48em){.story{padding:6.4rem 0}}
/* Vergleich: Werte linksbündig unter dem Label, damit der Wechsel sichtbar wird */
.cmp__row{flex-direction:column;gap:.4rem;padding:1.2rem 0}
.cmp__row span{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}
.cmp__row:last-of-type b{font-size:4.4rem;margin-top:.4rem}
.cmp__stage{padding-left:9rem}
.cmp__de{width:50%}
.cmp__de b{font-size:1.9rem}
@media (max-width:48em){.cmp__stage{padding-left:2.4rem}.cmp__row:last-of-type b{font-size:3.4rem}}
.cmp__stamp--after{right:auto;left:3.6rem;transform:rotate(-4deg)}
.bcell--6{grid-column:span 2}
@media (max-width:64em){.bcell--6{grid-column:auto}}
.story__bar{left:-1.6rem}
.story__list{padding-bottom:6vh}
@media (max-width:64em){.story__step.is-past,.story__step.is-on,.story__step{opacity:1;transform:none}}
@media (max-width:48em){.metro__lab{font-size:19px}.metro__tl{font-size:26px}.metro__svg{margin:1rem 0}}
/* Mega-Panel deckend, damit nichts durchscheint */
.nav__mega{background:#f4f3ee;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav--dark .nav__mega{background:#0d1a2b}
/* Für-wen-Karten: auf dem Desktop alle drei sichtbar, Wischen nur mobil */
@media (min-width:64.01em){
  .carou__head .more__btns{display:none}
  .carou__track{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding:0 var(--pad);max-width:var(--wrap);margin-left:auto;margin-right:auto}
  .pcard{flex:none;min-height:38rem}
}
@media (max-width:64em){
  .carou__head .more__btns{display:none}
  .carou__track{display:grid;grid-template-columns:1fr;gap:1.6rem;overflow:visible;padding:0 var(--pad)}
  .pcard{flex:none;min-height:0}
  .pcard__q{height:5.6rem;font-size:11rem}
}
@media (max-width:48em){.carou__track{padding:0 1.6rem}}

/* ================================================================ Gayrimenkul: eigenes Layout */
/* 1 Bild + Entfernung */
.far{background:var(--paper);padding:0 0 12rem}
.far__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.far__fig{position:relative;margin:0;overflow:hidden;min-height:72rem;border-radius:0 var(--r-xl) var(--r-xl) 0;background:var(--ink)}
.far__fig img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:scale(1.14);will-change:transform}
.far__fig figcaption{position:absolute;left:3.2rem;bottom:3.2rem;padding:.8rem 1.4rem;border-radius:10rem;background:rgba(13,26,43,.6);color:var(--paper);
  -webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.far__text{padding:12rem max(var(--pad),calc((100vw - var(--wrap)) / 2 + var(--pad))) 0 8rem}
.far__p{margin-top:2.4rem;font-size:1.7rem;line-height:1.75;color:var(--ink-soft);max-width:54ch}
.far__p--lead{font-family:var(--ff-display);font-size:clamp(2.4rem,2.2vw,3.2rem);line-height:1.35;color:var(--ink)}
.far__dist{margin-top:5.6rem;padding-top:3.2rem;border-top:.1rem solid var(--ink)}
.far__dk{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.far__dv{display:flex;align-items:baseline;gap:1.2rem;margin-top:1.2rem}
.far__dv b{font-family:var(--ff-display);font-weight:400;font-size:clamp(6.4rem,7vw,10rem);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.far__dv span{font-size:1.5rem;color:var(--ink-soft)}
.far__arc{width:100%;max-width:30rem;margin-top:1.6rem}
.far__arc path{fill:none;stroke:var(--brass);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--e-out)}
.far__arc circle{fill:var(--ink)}
.far__dist.is-in .far__arc path{stroke-dashoffset:0}
.far__dd{margin-top:1.2rem;font-family:var(--ff-display);font-style:italic;font-size:2rem}
@media (max-width:64em){.far__grid{grid-template-columns:1fr}.far__fig{min-height:44rem;border-radius:0}.far__text{padding:6.4rem var(--pad) 0}}
@media (max-width:48em){.far{padding-bottom:6.4rem}.far__fig{min-height:32rem}.far__text{padding:4.8rem 1.6rem 0}.far__fig figcaption{left:1.6rem;bottom:1.6rem}}

/* 2 Parzellen-Check */
.parcel{background:var(--paper-soft);padding:12rem 0}
.parcel__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.parcel__h{font-size:clamp(3.6rem,4.4vw,6.4rem);margin-top:1.6rem}
.parcel__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:48ch}
.parcel__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:5.6rem;margin-top:6.4rem;align-items:start}
.pq{list-style:none;margin:0;padding:0;border-top:.1rem solid var(--ink)}
.pq__row{display:grid;grid-template-columns:4rem 1fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:.1rem solid var(--line);transition:background-color .4s}
.pq__no{font-size:1.2rem;font-weight:700;letter-spacing:.12em;color:var(--ink-soft)}
.pq__row.is-risk .pq__no{color:#a8473a}
.pq__row.is-ok .pq__no{color:#3f6b52}
.pq__q{font-size:1.6rem;line-height:1.5;color:var(--ink)}
.pq__seg{display:inline-flex;padding:.3rem;border-radius:10rem;background:var(--paper);border:.1rem solid var(--line)}
.pq__seg button{padding:.9rem 1.4rem;border:0;border-radius:10rem;background:none;font:600 1.3rem/1 var(--ff-body);color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:background-color .3s,color .3s}
.pq__seg button:hover{color:var(--ink)}
.pq__seg button[aria-checked="true"]{background:var(--ink);color:var(--paper)}
.pq__row.is-risk .pq__seg button[aria-checked="true"]{background:#a8473a}
.pq__seg button:focus-visible{outline:.2rem solid var(--brass);outline-offset:.2rem}
.plan{position:sticky;top:calc(var(--nav-h) + 3.2rem);background:#fbfaf6;border:.1rem solid var(--line);border-radius:var(--r-xl);padding:2rem;box-shadow:0 2rem 5rem rgba(13,26,43,.08)}
.plan__svg{width:100%;height:auto;display:block}
.plan__nb path{fill:none;stroke:rgba(13,26,43,.18);stroke-width:1}
.plan__parcel{fill:rgba(198,164,99,.1);stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}
.plan__t{font:700 13px var(--ff-body);letter-spacing:.14em;fill:var(--ink)}
.plan__t--b{fill:var(--brass-deep)}
.plan__north path{fill:var(--ink)}
.plan__north text{font:700 11px var(--ff-body);fill:var(--ink)}
.plan__ov{opacity:0;transition:opacity .5s}
.plan__ov.is-on{opacity:1}
.plan__ov text{font:700 12px var(--ff-body);letter-spacing:.1em;fill:var(--brass-deep)}
.ovl{fill:none;stroke:var(--brass-deep);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--e-out)}
.plan__ov.is-on .ovl{stroke-dashoffset:0}
.ovl--red{stroke:#a8473a}
.plan__ov [stroke-dasharray="6 6"]{stroke-dasharray:6 6;stroke-dashoffset:0}
.tag--red{fill:#a8473a!important}
.tag--big{font:400 34px var(--ff-display)!important;fill:var(--brass-deep)}
.road{fill:none;stroke:#cfc8b6;stroke-width:34;stroke-linecap:butt}
.road__c{fill:none;stroke:#fff;stroke-width:2}
.stamp{fill:none;stroke:#a8473a;stroke-width:2.2}
.stamp__t{font:700 11px var(--ff-body)!important;letter-spacing:.1em;fill:#a8473a!important}
.plan__ov[data-ov="heir"] g,.plan__ov[data-ov="lien"]{transform-box:fill-box;transform-origin:center}
.plan__ov[data-ov="lien"].is-on,.plan__ov[data-ov="heir"].is-on>g{animation:stampIn .5s var(--e-out)}
@keyframes stampIn{from{transform:scale(1.6);opacity:0}}
.meter{display:flex;align-items:center;gap:2rem;margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem dashed var(--line)}
.meter svg{width:14rem;flex:none}
.meter__bg,.meter__v{fill:none;stroke-width:12;stroke-linecap:round}
.meter__bg{stroke:rgba(13,26,43,.08)}
.meter__v{stroke:#3f6b52;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s var(--e-out),stroke .4s}
.lv-1 .meter__v{stroke:var(--brass)}
.lv-2 .meter__v{stroke:#a8473a}
.meter__n{stroke:var(--ink);stroke-width:3;stroke-linecap:round;transform-origin:100px 100px;transform:rotate(-90deg);transition:transform 1s var(--e-out)}
.meter circle{fill:var(--ink)}
.meter__k{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.meter__l{display:block;margin-top:.4rem;font-family:var(--ff-display);font-weight:400;font-size:3.2rem;line-height:1}
.lv-0 .meter__l{color:#3f6b52}.lv-1 .meter__l{color:var(--brass-deep)}.lv-2 .meter__l{color:#a8473a}
.pres{margin-top:5.6rem}
.pres__k{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.pres__list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:1.2rem}
.pres__list li{padding:2.2rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line);border-left:.3rem solid #a8473a;animation:stamp .5s var(--e-out)}
.pres__list b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2.2rem}
.pres__list span{display:block;margin-top:.8rem;font-size:1.45rem;line-height:1.55;color:var(--ink-soft)}
.pres__list a{display:inline-block;margin-top:1rem;font-size:1.35rem;font-weight:600;color:var(--ink)}
.pres__none{margin-top:1.6rem;font-size:1.6rem;color:#3f6b52}
.pres__none[hidden]{display:none}
.pres__note{margin-top:1.6rem;font-size:1.25rem;color:var(--ink-soft)}
.pie__send-f--4{grid-template-columns:1fr 1fr 1fr 1fr auto}
@media (max-width:80em){.pie__send-f--4{grid-template-columns:1fr 1fr}}
@media (max-width:64em){.parcel__head{grid-template-columns:1fr}.parcel__grid{grid-template-columns:1fr}.plan{position:sticky;top:calc(var(--nav-h) + 1rem);z-index:2;max-width:46rem;margin:0 auto;order:-1;padding:1.2rem}}
@media (max-width:48em){.parcel{padding:6.4rem 0}.parcel__grid{margin-top:3.2rem;gap:2.4rem}.plan{max-width:none;top:calc(var(--nav-h) + .4rem)}.plan .meter svg{width:9rem}.meter__l{font-size:2.4rem}
  .pq__row{grid-template-columns:1fr;gap:1.2rem}.pq__no{display:none}.pq__seg{justify-self:start}.pie__send-f--4{grid-template-columns:1fr}.pres__list{grid-template-columns:1fr}}

/* 3 Aufklappende Spalten */
.cols{background:var(--ink);color:var(--paper);padding:12rem 0}
.cols__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.cols__h{font-size:clamp(3.6rem,4.4vw,6.4rem);color:var(--paper)}
.cols__row{display:flex;gap:1.2rem;height:52rem;margin-top:5.6rem}
.col{position:relative;flex:1 1 0;min-width:0;border-radius:var(--r-xl);border:.1rem solid rgba(228,225,214,.14);background:rgba(28,49,81,.35);overflow:hidden;cursor:pointer;outline:0;
  transition:flex-grow .8s var(--e-out),background-color .5s,border-color .5s}
.col.is-on{flex-grow:4;background:var(--paper);color:var(--ink);border-color:var(--paper);cursor:default}
.col:focus-visible{border-color:var(--brass)}
.col__no{position:absolute;top:2.4rem;left:2.4rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;color:var(--brass)}
.col.is-on .col__no{color:var(--brass-deep)}
.col__t{position:absolute;left:50%;bottom:2.8rem;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--ff-display);font-weight:400;font-size:2.4rem;white-space:nowrap;transition:opacity .3s}
.col.is-on .col__t{opacity:0}
.col__body{position:absolute;left:4rem;right:4rem;bottom:4rem;opacity:0;transform:translateY(2rem);transition:opacity .4s,transform .7s var(--e-out);pointer-events:none}
.col.is-on .col__body{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}
.col__bt{font-family:var(--ff-display);font-weight:400;font-size:clamp(3.2rem,3.4vw,4.8rem);line-height:1.05}
.col__d{margin-top:1.6rem;font-size:1.65rem;line-height:1.65;color:var(--ink-soft);max-width:42ch}
.col__a{display:inline-flex;align-items:center;gap:1rem;margin-top:2.4rem;padding:1.3rem 2.2rem;border-radius:10rem;background:var(--ink);color:var(--paper);font-size:1.4rem;font-weight:600;text-decoration:none}
.col__a svg{width:1.6rem;height:1.6rem}
@media (max-width:64em){.cols__row{flex-direction:column;height:auto}.col,.col.is-on{flex:none;cursor:default;background:var(--paper);color:var(--ink);border-color:var(--paper)}
  .col__t{display:none}.col__no{position:static;display:block;padding:2.4rem 2.4rem 0;color:var(--brass-deep)}.col__body{position:static;opacity:1;transform:none;pointer-events:auto;padding:1rem 2.4rem 2.8rem}.col__bt{font-size:2.8rem}}
@media (max-width:48em){.cols{padding:6.4rem 0}.cols__row{margin-top:3.2rem}}

/* 4 Für wen mit Bild */
.owners{background:var(--paper);padding:12rem 0}
.owners__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8rem;align-items:center}
.owners__fig{margin:0;aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;background:var(--clay-tint)}
.owners__fig img{width:100%;height:100%;object-fit:cover}
.owners__list{list-style:none;margin:4rem 0 0;padding:0}
.owners__list li{display:grid;grid-template-columns:5.6rem 1fr;gap:1.6rem;padding:2.4rem 0;border-top:.1rem solid var(--line)}
.owners__list li>span{font-family:var(--ff-display);font-size:3.2rem;line-height:1;color:var(--brass-deep)}
.owners__list h3{font-family:var(--ff-display);font-weight:500;font-size:2.6rem}
.owners__list p{margin-top:.8rem;font-size:1.55rem;line-height:1.6;color:var(--ink-soft)}
@media (max-width:64em){.owners__grid{grid-template-columns:1fr;gap:4rem}.owners__fig{aspect-ratio:16/10}}
@media (max-width:48em){.owners{padding:6.4rem 0}}

/* 5 Zickzack */
.zig{background:var(--paper-soft);padding:12rem 0}
.zig__head{text-align:center}
.zig__head .asec__h{margin-left:auto;margin-right:auto}
.zig__track{position:relative;margin-top:6.4rem}
.zig__line{position:absolute;left:50%;top:0;bottom:0;width:.2rem;transform:translateX(-50%);background:var(--line)}
.zig__line i{position:absolute;inset:0;background:var(--brass);transform-origin:top;transform:scaleY(0)}
.zig__item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9.6rem;padding:3.2rem 0}
.zig__dot{position:absolute;left:50%;top:5.2rem;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;
  background:var(--paper);border:.1rem solid var(--line);font-size:1.3rem;font-weight:700;color:var(--ink-soft);transition:all .5s var(--e-out)}
.zig__item.is-on .zig__dot{background:var(--ink);color:var(--brass);border-color:var(--ink);transform:translate(-50%,-50%) scale(1.1)}
.zig__card{padding:3.2rem;border-radius:var(--r-xl);background:var(--paper);border:.1rem solid var(--line);opacity:.35;transform:translateY(2rem);transition:opacity .6s,transform .8s var(--e-out)}
.zig__item.is-on .zig__card{opacity:1;transform:none}
.zig__item--l .zig__card{grid-column:1;text-align:right}
.zig__item--r .zig__card{grid-column:2}
.zig__k{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}
.zig__t{margin-top:1rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(2.6rem,2.6vw,3.6rem);line-height:1.1}
.zig__d{margin-top:1.2rem;font-size:1.6rem;line-height:1.65;color:var(--ink-soft)}
@media (max-width:64em){.zig__line{left:2.8rem}.zig__item{grid-template-columns:1fr;gap:0;padding:1.6rem 0 1.6rem 7.2rem}.zig__dot{left:2.8rem;top:4.4rem}.zig__item--l .zig__card,.zig__item--r .zig__card{grid-column:1;text-align:left}}
@media (max-width:48em){.zig{padding:6.4rem 0}.zig__card{padding:2.4rem}.zig__item{padding-left:6rem}.zig__line,.zig__dot{left:2.2rem}.zig__dot{width:4.4rem;height:4.4rem;font-size:1.1rem}}
html,body{overflow-x:clip}

/* ================================================================ Ticaret: eigenes Layout */
/* 1 Hafenband */
.port{background:var(--paper);padding:0 0 12rem}
.port__band{position:relative;height:clamp(40rem,62vh,64rem);overflow:hidden;background:var(--ink)}
.port__band img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:scale(1.14);will-change:transform}
.port__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,26,43,.55),rgba(13,26,43,.15) 45%,rgba(13,26,43,.6))}
.port__route{position:absolute;left:4%;right:4%;top:12%;width:92%;height:40%;overflow:visible}
.port__route path{fill:none;stroke:var(--brass);stroke-width:2;stroke-dasharray:6 8;vector-effect:non-scaling-stroke}
.port__route circle{fill:var(--paper)}
.port__route .port__ship{fill:var(--brass)}
.port__a,.port__b{position:absolute;top:calc(12% + 40% * .82);font-size:1.3rem;font-weight:700;letter-spacing:.2em;color:var(--paper)}
.port__a{left:4%}
.port__b{right:4%;top:calc(12% + 40% * .74)}
.port__cap{position:absolute;right:3.2rem;bottom:3.2rem;padding:.8rem 1.4rem;border-radius:10rem;background:rgba(13,26,43,.6);color:var(--paper);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.port__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:8rem;margin-top:10rem;align-items:start}
.port__lead{margin-top:2rem;font-size:clamp(2.8rem,3vw,4.2rem);line-height:1.22;letter-spacing:-.01em}
.port__p{font-size:1.7rem;line-height:1.75;color:var(--ink-soft)}
.port__facts{margin:4rem 0 0;border-top:.1rem solid var(--ink)}
.port__facts div{display:grid;grid-template-columns:9rem 1fr;gap:1.6rem;align-items:baseline;padding:1.8rem 0;border-bottom:.1rem solid var(--line)}
.port__facts dt{font-family:var(--ff-display);font-size:3.2rem;line-height:1;color:var(--brass-deep)}
.port__facts dd{margin:0;font-size:1.5rem;color:var(--ink)}
@media (max-width:64em){.port__grid{grid-template-columns:1fr;gap:3.2rem;margin-top:6.4rem}}
@media (max-width:48em){.port{padding-bottom:6.4rem}.port__band{height:34rem}.port__route{top:16%}.port__a,.port__b{font-size:1rem;letter-spacing:.14em}.port__cap{right:1.6rem;bottom:1.6rem}.port__facts div{grid-template-columns:7.2rem 1fr}.port__facts dt{font-size:2.6rem}}

/* 2 Vertrags-Check */
.contract{background:var(--paper-soft);padding:12rem 0}
.contract__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.contract__h{font-size:clamp(3.6rem,4.4vw,6.4rem);margin-top:1.6rem}
.contract__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:50ch}
.contract__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:5.6rem;margin-top:6.4rem;align-items:start}
.cl{display:grid;gap:1rem}
.cl__i{position:relative;display:grid;grid-template-columns:auto 4.4rem 1fr;gap:1.6rem;align-items:center;padding:1.8rem 2rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line);cursor:pointer;transition:border-color .3s,background-color .3s,transform .5s var(--e-out)}
.cl__i:hover{border-color:rgba(13,26,43,.3);transform:translateX(.4rem)}
.cl__i input{position:absolute;opacity:0;width:1px;height:1px}
.cl__box{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.6rem;border:.15rem solid rgba(13,26,43,.3);transition:all .3s}
.cl__box svg{width:1.6rem;height:1.6rem;stroke:var(--brass);stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s var(--e-out)}
.cl__i.is-on{border-color:var(--ink);background:#fbfaf6}
.cl__i.is-on .cl__box{background:var(--ink);border-color:var(--ink)}
.cl__i.is-on .cl__box svg{stroke-dashoffset:0}
.cl__i input:focus-visible~.cl__box{outline:.2rem solid var(--brass);outline-offset:.3rem}
.cl__n{font-family:var(--ff-display);font-size:2rem;color:var(--brass-deep)}
.cl__t b{display:block;font-size:1.6rem;font-weight:600}
.cl__t small{display:block;margin-top:.3rem;font-size:1.35rem;line-height:1.5;color:var(--ink-soft)}
.doc{position:sticky;top:calc(var(--nav-h) + 3.2rem)}
.doc__paper{position:relative;background:#fff;border-radius:.6rem;padding:3.6rem 3.6rem 4.4rem;box-shadow:0 .2rem .4rem rgba(13,26,43,.05),0 3rem 6rem rgba(13,26,43,.12);overflow:hidden}
.doc__head{display:flex;align-items:center;gap:1.4rem;padding-bottom:2rem;margin-bottom:1.2rem;border-bottom:.2rem solid var(--ink)}
.doc__head b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2.2rem}
.doc__head span{font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.doc__cl{display:grid;grid-template-columns:3.6rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:.1rem dashed rgba(13,26,43,.08)}
.doc__no{font-family:var(--ff-display);font-size:1.5rem;color:rgba(13,26,43,.25);transition:color .4s}
.doc__body b{display:block;font-size:1.3rem;font-weight:600;color:transparent;background:rgba(13,26,43,.07);border-radius:.3rem;width:60%;transition:color .5s,background-color .5s,width .6s var(--e-out)}
.doc__body i{display:block;height:.5rem;margin-top:.6rem;border-radius:1rem;background:rgba(13,26,43,.06);width:0;transition:width .7s var(--e-out) .15s}
.doc__body i.s{width:0;transition-delay:.25s}
.doc__cl.is-on .doc__no{color:var(--brass-deep)}
.doc__cl.is-on .doc__body b{color:var(--ink);background:transparent;width:100%}
.doc__cl.is-on .doc__body i{width:92%}
.doc__cl.is-on .doc__body i.s{width:64%}
.doc__sign{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:2.4rem;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.doc__sign svg{width:18rem;height:4rem}
.doc__sign path{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--e-out)}
.doc__paper.is-done .doc__sign path{stroke-dashoffset:0}
.doc__seal{position:absolute;right:2.4rem;top:8rem;display:grid;place-items:center;width:10rem;height:10rem;border-radius:50%;border:.3rem double #3f6b52;color:#3f6b52;
  font-size:1.3rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-14deg) scale(1.8);opacity:0;transition:opacity .3s,transform .6s cubic-bezier(.2,1.6,.4,1)}
.doc__paper.is-done .doc__seal{opacity:.9;transform:rotate(-14deg) scale(1)}
.score{display:flex;align-items:center;gap:1.6rem;margin-top:1.6rem;padding:1.6rem 2rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line)}
.score svg{width:6.4rem;height:6.4rem;transform:rotate(-90deg);flex:none}
.score circle{fill:none;stroke:rgba(13,26,43,.08);stroke-width:6}
.score .score__v{stroke:#a8473a;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;transition:stroke-dashoffset .8s var(--e-out),stroke .4s}
.sc-1 .score__v{stroke:var(--brass)}.sc-2 .score__v{stroke:#6b8f5e}.sc-3 .score__v{stroke:#3f6b52}
.score__k{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.score__l{display:block;font-family:var(--ff-display);font-weight:400;font-size:2.8rem;line-height:1.1}
.sc-0 .score__l{color:#a8473a}.sc-1 .score__l{color:var(--brass-deep)}.sc-2 .score__l,.sc-3 .score__l{color:#3f6b52}
.score__n{font-size:1.3rem;color:var(--ink-soft)}
.miss{margin-top:5.6rem}
.miss__list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:1.2rem;counter-reset:m}
.miss__list li{padding:2rem 2.2rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line);border-left:.3rem solid var(--brass);animation:stamp .5s var(--e-out)}
.miss__list b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2rem}
.miss__list span{display:block;margin-top:.6rem;font-size:1.4rem;line-height:1.55;color:var(--ink-soft)}
@media (max-width:64em){.contract__head,.contract__grid{grid-template-columns:1fr}.doc{position:static;max-width:52rem}.contract__grid{gap:3.2rem}}
@media (max-width:48em){.contract{padding:6.4rem 0}.contract__grid{margin-top:3.2rem}.cl__i{grid-template-columns:auto 1fr;padding:1.6rem}.cl__n{display:none}.doc__paper{padding:2.4rem 2rem 3.2rem}.doc__seal{width:7.6rem;height:7.6rem;font-size:1.05rem;top:6rem;right:1.2rem}.miss__list{grid-template-columns:1fr}}

/* 3 Frachtliste */
.manifest{background:var(--paper);padding:12rem 0}
.mf{margin-top:5.6rem;border-top:.2rem solid var(--ink)}
.mf__h,.mf__r{display:grid;grid-template-columns:10rem minmax(0,4fr) minmax(0,6fr) 4.8rem;gap:2.4rem;align-items:center}
.mf__h{padding:1.4rem 2rem;font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);border-bottom:.1rem solid var(--line)}
.mf__r{position:relative;padding:2.6rem 2rem;border-bottom:.1rem solid var(--line);text-decoration:none;color:var(--ink);isolation:isolate}
.mf__r::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--e-out)}
.mf__r:hover::before,.mf__r:focus-visible::before{transform:scaleY(1)}
.mf__r:hover,.mf__r:focus-visible{color:var(--paper);outline:0}
.mf__code{font-size:1.3rem;font-weight:700;letter-spacing:.12em;color:var(--brass-deep);font-variant-numeric:tabular-nums}
.mf__r:hover .mf__code{color:var(--brass)}
.mf__t{font-family:var(--ff-display);font-size:clamp(2.2rem,2.2vw,3rem);line-height:1.15}
.mf__d{font-size:1.5rem;line-height:1.6;color:var(--ink-soft);transition:color .4s}
.mf__r:hover .mf__d{color:rgba(228,225,214,.72)}
.mf__go{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid currentColor;opacity:.4;transition:opacity .4s,transform .5s var(--e-out)}
.mf__go svg{width:1.6rem;height:1.6rem}
.mf__r:hover .mf__go{opacity:1;transform:rotate(-45deg);border-color:var(--brass);color:var(--brass)}
@media (max-width:64em){.mf__h{display:none}.mf__r{grid-template-columns:7.2rem 1fr;row-gap:.8rem}.mf__d{grid-column:2}.mf__go{display:none}}
@media (max-width:48em){.manifest{padding:6.4rem 0}.mf{margin-top:3.2rem}.mf__r{grid-template-columns:1fr;padding:2rem 0}.mf__d{grid-column:1}}

/* 4 Handelsrichtungen */
.dirs{background:var(--ink);color:var(--paper);padding:12rem 0}
.dirs__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.dirs__h{font-size:clamp(3.6rem,4.4vw,6.4rem);color:var(--paper)}
.dirs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:5.6rem}
.dir{padding:3.6rem;border-radius:var(--r-xl);border:.1rem solid rgba(228,225,214,.14);background:rgba(28,49,81,.35);transition:border-color .5s,transform .7s var(--e-out)}
.dir:hover{border-color:rgba(198,164,99,.5);transform:translateY(-.6rem)}
.dir__arrow{position:relative;display:flex;align-items:center;gap:1.4rem;height:4.4rem}
.dir__arrow b{font-family:var(--ff-display);font-weight:400;font-size:3.2rem;color:var(--brass);white-space:nowrap}
.dir__arrow i{position:relative;flex:1;height:.1rem;background:rgba(228,225,214,.2);overflow:hidden}
.dir__arrow i::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:var(--brass);animation:ship 2.6s var(--e-io) infinite}
.dir__arrow--2 i::after{animation-direction:reverse}
.dir__arrow--3 i::after{animation-direction:alternate}
@keyframes ship{to{left:100%}}
.dir__t{margin-top:4rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(2.8rem,2.6vw,3.6rem);line-height:1.1}
.dir__d{margin-top:1.4rem;font-size:1.6rem;line-height:1.65;color:rgba(228,225,214,.72)}
@media (max-width:64em){.dirs__grid{grid-template-columns:1fr}.dir__t{margin-top:2.4rem}}
@media (max-width:48em){.dirs{padding:6.4rem 0}.dir{padding:2.6rem}.dirs__grid{margin-top:3.2rem}}

/* 5 Kreislauf */
.cycle{background:var(--paper-soft);padding:12rem 0}
.cycle__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8rem;align-items:center}
.cycle__wheel{position:relative;max-width:48rem;width:100%;margin:0 auto}
.cycle__wheel svg{width:100%;height:auto;overflow:visible}
.cycle__ring{fill:none;stroke:var(--line);stroke-width:2}
.cycle__arc{fill:none;stroke:var(--brass);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.75;transform:rotate(-90deg);transform-origin:200px 200px;transition:stroke-dashoffset 1s var(--e-out)}
.cycle__node circle{fill:var(--paper);stroke:var(--line);stroke-width:2;transition:all .5s}
.cycle__node text{font:700 13px var(--ff-body);fill:var(--ink-soft);letter-spacing:.06em;transition:fill .5s}
.cycle__node.is-past circle{fill:var(--paper);stroke:var(--brass)}
.cycle__node.is-on circle{fill:var(--ink);stroke:var(--ink);transform:scale(1.18)}
.cycle__node.is-on text{fill:var(--brass)}
.cycle__node circle{transform-box:fill-box;transform-origin:center}
.cycle__c{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.cycle__c img{width:9rem;height:9rem;opacity:.85;animation:art-spin 60s linear infinite}
.cycle__list{list-style:none;margin:4rem 0 0;padding:0}
.cycle__i{display:grid;grid-template-columns:5.6rem 1fr;gap:1.6rem;padding:2.2rem 0;border-top:.1rem solid var(--line);cursor:pointer;outline:0;opacity:.45;transition:opacity .5s}
.cycle__i.is-on,.cycle__i:hover{opacity:1}
.cycle__i>span{font-family:var(--ff-display);font-size:3.2rem;line-height:1;color:var(--brass-deep)}
.cycle__i h3{font-family:var(--ff-display);font-weight:500;font-size:2.6rem}
.cycle__i p{margin-top:.8rem;font-size:1.55rem;line-height:1.6;color:var(--ink-soft);max-height:0;overflow:hidden;transition:max-height .6s var(--e-out)}
.cycle__i.is-on p{max-height:12rem}
.cycle__i:focus-visible h3{text-decoration:underline;text-underline-offset:.4rem}
@media (max-width:64em){.cycle__grid{grid-template-columns:1fr;gap:4rem}.cycle__wheel{max-width:34rem;order:2}.cycle__i{opacity:1}.cycle__i p{max-height:none}}
@media (max-width:48em){.cycle{padding:6.4rem 0}.cycle__wheel{max-width:26rem}}
.port__route{left:50%;top:50%;width:min(92%,120rem);height:auto;transform:translate(-50%,-62%)}
.port__route path{stroke-width:2.5}
.port__route text{font:700 15px var(--ff-body);letter-spacing:.22em;fill:var(--paper)}
.cycle__c img{animation:none}
@media (max-width:48em){.port__route{width:96%}.port__route text{font-size:22px}}
@media (max-width:48em){.port__lead{font-size:2.3rem;line-height:1.3}}
/* Ticaret: weicher Übergang Hero → Hafenbild */
.hero:has(+ .port) .hero__veil{background:linear-gradient(180deg,rgba(13,26,43,.55) 0%,rgba(13,26,43,.35) 45%,rgba(13,26,43,.85) 85%,var(--ink) 100%)}
.port__stage{--p:0;background:var(--ink);padding-bottom:0}
.port__band{clip-path:inset(calc((1 - var(--p)) * 6rem) calc((1 - var(--p)) * 6vw) 0 calc((1 - var(--p)) * 6vw) round calc((1 - var(--p)) * 2.8rem));will-change:clip-path}
.port__band img{transform:scale(calc(1.28 - var(--p) * .16));transition:none}
.port__veil{background:linear-gradient(180deg,var(--ink) 0%,rgba(13,26,43,.25) 30%,rgba(13,26,43,.15) 55%,rgba(13,26,43,.7) 100%);opacity:calc(1 - var(--p) * .35)}
.port__route,.port__cap{opacity:clamp(0,calc((var(--p) - .45) * 2.6),1)}
.port__route path{stroke-dasharray:6 8}
@media (prefers-reduced-motion:reduce){.port__stage{--p:1}}

/* ================================================================ Şirket: eigenes Layout */
/* 1 Bild + Kennzahlen */
.sign{background:var(--paper);padding:12rem 0 10rem}
.sign__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8rem;align-items:center}
.sign__fig{margin:0;aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;background:var(--clay-tint);position:relative}
.sign__fig img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.02)}
.sign__fig::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(13,26,43,.35))}
.sign__lead{margin-top:2rem;font-size:clamp(2.6rem,2.8vw,3.8rem);line-height:1.25}
.sign__p{margin-top:2.4rem;font-size:1.7rem;line-height:1.75;color:var(--ink-soft);max-width:58ch}
.figs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8rem;border-top:.2rem solid var(--ink)}
.fig{padding:3.2rem 3.2rem 0 0}
.fig+.fig{padding-left:3.2rem;border-left:.1rem solid var(--line)}
.fig b{display:flex;align-items:baseline;gap:.8rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(5.6rem,6vw,8.8rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fig b small{font-size:.36em;letter-spacing:0;color:var(--brass-deep)}
.fig p{margin-top:1.2rem;font-size:1.5rem;line-height:1.55;color:var(--ink-soft);max-width:28ch}
@media (max-width:64em){.sign__grid{grid-template-columns:1fr;gap:4rem}.sign__fig{aspect-ratio:16/10}}
@media (max-width:48em){.sign{padding:6.4rem 0}.figs{grid-template-columns:1fr;margin-top:4.8rem}.fig,.fig+.fig{padding:2.4rem 0;border-left:0;border-bottom:.1rem solid var(--line)}}

/* 2 Planer-Board */
.board{background:var(--paper-soft);padding:12rem 0}
.board__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.board__h{font-size:clamp(3.6rem,4.4vw,6.4rem);margin-top:1.6rem}
.board__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:50ch}
.board__opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin-top:5.6rem}
.bopt{padding:1.6rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line)}
.bopt__l{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:1rem}
.bopt__c{display:flex;flex-direction:column;gap:.6rem}
.bopt__c button{padding:1.1rem 1.4rem;border-radius:var(--r-md);border:.1rem solid var(--line);background:#fbfaf6;font:600 1.4rem/1.25 var(--ff-body);color:var(--ink-soft);text-align:left;cursor:pointer;transition:all .3s}
.bopt__c button:hover{border-color:var(--ink);color:var(--ink)}
.bopt__c button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bopt__c button:focus-visible{outline:.2rem solid var(--brass);outline-offset:.2rem}
.board__wrap{display:grid;grid-template-columns:minmax(0,1fr) 30rem;gap:2.4rem;margin-top:2.4rem;align-items:start}
.board__grid{--cols:5;position:relative;display:grid;grid-template-columns:11rem repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(6,minmax(8.8rem,auto));column-gap:1.6rem;row-gap:.8rem;
  padding:2rem;border-radius:var(--r-xl);background:#fbfaf6;border:.1rem solid var(--line);
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent calc(8.8rem + .8rem - .1rem),rgba(13,26,43,.06) calc(8.8rem + .8rem - .1rem),rgba(13,26,43,.06) calc(8.8rem + .8rem));background-position:0 2rem}
.board__lane{grid-column:1;align-self:center;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.board__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.board__lines path{fill:none;stroke:var(--brass);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1}
.board__lines.is-in path{animation:em-draw 1.4s var(--e-out) .35s forwards}
.bcard{position:relative;z-index:1;align-self:center;padding:1.4rem 1.4rem 1.6rem;border-radius:var(--r-md);background:var(--paper);border:.1rem solid var(--line);box-shadow:0 .6rem 1.6rem rgba(13,26,43,.06);
  animation:bcardIn .6s var(--e-out) both;animation-delay:var(--d,0ms)}
@keyframes bcardIn{from{opacity:0;transform:translateY(1.2rem) scale(.96)}}
.bcard__n{font-size:1.05rem;font-weight:700;letter-spacing:.12em;color:var(--brass-deep)}
.bcard b{display:block;margin-top:.4rem;font-family:var(--ff-display);font-weight:500;font-size:1.75rem;line-height:1.15}
.bcard p{margin-top:.6rem;font-size:1.25rem;line-height:1.5;color:var(--ink-soft)}
.bcard__lane{display:none}
.bcard--l1{border-top:.3rem solid var(--ink)}.bcard--l2{border-top:.3rem solid var(--moss)}.bcard--l3{border-top:.3rem solid var(--brass)}
.bcard--l4{border-top:.3rem solid #8a6b33}.bcard--l5{border-top:.3rem solid #a8473a;background:var(--ink);color:var(--paper)}.bcard--l0{border-top:.3rem solid #6b7f96}
.bcard--l5 p{color:rgba(228,225,214,.72)}.bcard--l5 .bcard__n{color:var(--brass)}
.bsum{position:sticky;top:calc(var(--nav-h) + 3.2rem);padding:2.8rem;border-radius:var(--r-xl);background:var(--ink);color:var(--paper)}
.bsum__k{font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.bsum dl{margin:1.6rem 0 0}
.bsum dl div{padding:1.4rem 0;border-top:.1rem solid rgba(228,225,214,.14)}
.bsum dt{font-size:1.25rem;color:rgba(228,225,214,.6)}
.bsum dd{margin:.4rem 0 0;font-family:var(--ff-display);font-size:2.2rem;line-height:1.2}
.bsum__res{padding-top:1.4rem;border-top:.1rem solid rgba(228,225,214,.14)}
.bsum__res b{font-size:1.25rem;font-weight:500;color:rgba(228,225,214,.6)}
.bsum__res ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}
.bsum__res li{position:relative;padding-left:2rem;font-size:1.4rem;line-height:1.45}
.bsum__res li::before{content:"";position:absolute;left:0;top:.6rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--brass)}
.bsum__res p{margin-top:1rem;font-size:1.4rem;color:rgba(228,225,214,.6)}
.bsum__res [hidden]{display:none}
@media (max-width:80em){.board__wrap{grid-template-columns:1fr}.bsum{position:static}.board__opts{grid-template-columns:1fr 1fr}}
@media (max-width:64em){.board__head{grid-template-columns:1fr}
  .board__grid{display:flex;flex-direction:column;gap:1rem;padding:1.6rem;background-image:none}
  .board__lane,.board__lines{display:none}
  .bcard{align-self:stretch}.bcard__lane{display:inline-block;position:absolute;top:1.4rem;right:1.4rem;font-size:1.05rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
  .bcard--l5 .bcard__lane{color:var(--brass)}}
@media (max-width:48em){.board{padding:6.4rem 0}.board__opts{grid-template-columns:1fr;margin-top:3.2rem}.bsum{padding:2.2rem}}

/* 3 Wendekarten */
.flips{background:var(--paper);padding:12rem 0}
.flips__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:5.6rem}
.flip{position:relative;height:30rem;padding:0;border:0;background:none;perspective:120rem;cursor:pointer;text-align:left;font:inherit;color:inherit}
.flip__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s var(--e-out)}
.flip:hover .flip__in,.flip[aria-pressed="true"] .flip__in,.flip:focus-visible .flip__in{transform:rotateY(180deg)}
.flip__f,.flip__b{position:absolute;inset:0;display:flex;flex-direction:column;padding:3.2rem;border-radius:var(--r-xl);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flip__f{background:var(--paper-soft);border:.1rem solid var(--line)}
.flip__b{background:var(--ink);color:var(--paper);transform:rotateY(180deg);justify-content:flex-end}
.flip__ic{width:5.6rem;height:5.6rem;color:var(--brass-deep)}
.flip__no{position:absolute;top:3.2rem;right:3.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;color:var(--ink-soft)}
.flip__t{margin-top:auto;font-family:var(--ff-display);font-size:2.8rem;line-height:1.1}
.flip__hint{margin-top:1.2rem;font-size:1.25rem;font-weight:600;color:var(--brass-deep)}
.flip__bt{font-family:var(--ff-display);font-size:2.4rem;line-height:1.1;color:var(--brass)}
.flip__d{margin-top:1.2rem;font-size:1.6rem;line-height:1.6;color:rgba(228,225,214,.82)}
.flip:focus-visible{outline:.2rem solid var(--brass);outline-offset:.4rem;border-radius:var(--r-xl)}
@media (max-width:64em){.flips__grid{grid-template-columns:1fr 1fr}}
@media (max-width:48em){.flips{padding:6.4rem 0}.flips__grid{grid-template-columns:1fr;margin-top:3.2rem}.flip{height:auto}.flip__in{position:static;transform:none!important}
  .flip__f,.flip__b{position:static;transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}.flip__f{border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:2rem}.flip__b{border-radius:0 0 var(--r-xl) var(--r-xl);padding-top:2rem}
  .flip__t{margin-top:2.4rem}.flip__hint,.flip__bt{display:none}.flip__f,.flip__b{padding-left:2.4rem;padding-right:2.4rem}}

/* 4 Gespräch */
.chat{background:var(--ink);color:var(--paper);padding:12rem 0}
.chat__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:8rem;align-items:start}
.chat__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.chat__h{font-size:clamp(3.4rem,4vw,5.6rem);color:var(--paper);position:sticky;top:calc(var(--nav-h) + 4rem)}
.chat__thread{display:flex;flex-direction:column;gap:1.6rem}
.bub{max-width:76%;padding:2rem 2.4rem;border-radius:2.4rem;font-size:1.6rem;line-height:1.6}
.bub--q{align-self:flex-start;background:rgba(228,225,214,.08);border:.1rem solid rgba(228,225,214,.14);border-bottom-left-radius:.6rem}
.bub--a{position:relative;align-self:flex-end;background:var(--paper);color:var(--ink);border-bottom-right-radius:.6rem;margin-bottom:2.4rem;padding-left:6.4rem}
.bub__who{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:.6rem}
.bub__av{position:absolute;left:1.6rem;top:1.8rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--ink)}
.bub__av img{width:2.4rem;height:2.4rem}
@media (max-width:64em){.chat__grid{grid-template-columns:1fr;gap:4rem}.chat__h{position:static}}
@media (max-width:48em){.chat{padding:6.4rem 0}.bub{max-width:92%;padding:1.6rem 1.8rem;font-size:1.5rem}.bub--a{padding-left:5.6rem}}

/* 5 Treppe */
.stairs{background:var(--paper-soft);padding:12rem 0}
.stairs__list{list-style:none;margin:6.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;align-items:end}
.stair{position:relative;padding:3.2rem;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--paper);border:.1rem solid var(--line);border-bottom:0;
  min-height:calc(24rem + var(--i) * 8rem);display:flex;flex-direction:column;justify-content:flex-end;transition:background-color .5s,transform .7s var(--e-out)}
.stair:last-child{background:var(--ink);color:var(--paper)}
.stair:hover{transform:translateY(-.8rem)}
.stair__no{position:absolute;top:2.8rem;left:3.2rem;font-family:var(--ff-display);font-size:4.8rem;line-height:1;color:var(--brass-deep)}
.stair:last-child .stair__no{color:var(--brass)}
.stair__t{font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1.1}
.stair__d{margin-top:1rem;font-size:1.5rem;line-height:1.6;color:var(--ink-soft)}
.stair:last-child .stair__d{color:rgba(228,225,214,.72)}
.stairs__list::after{content:"";grid-column:1/-1;height:.3rem;background:var(--ink);margin-top:-1.6rem}
@media (max-width:64em){.stairs__list{grid-template-columns:1fr 1fr}.stair{min-height:0;padding-top:9.6rem;border-radius:var(--r-xl);border-bottom:.1rem solid var(--line)}.stairs__list::after{display:none}}
@media (max-width:48em){.stairs{padding:6.4rem 0}.stairs__list{grid-template-columns:1fr;margin-top:3.2rem}.stair{padding:8.8rem 2.4rem 2.4rem}.stair__no{left:2.4rem;top:2.4rem}}
/* Planer: Zusammenfassung unter dem Board, Board in voller Breite */
.board__wrap{grid-template-columns:1fr}
.bsum{position:static;display:grid;grid-template-columns:auto 1fr 1fr 1.6fr;gap:3.2rem;align-items:start}
.bsum dl{display:contents}
.bsum dl div{border-top:0;padding:0}
.bsum__res{border-top:0;padding-top:0}
.bsum__res ul{margin-top:.6rem}
.board__grid{grid-template-rows:repeat(6,minmax(7.2rem,auto));row-gap:.6rem;background-image:none}
.board__lane{border-top:.1rem solid rgba(13,26,43,.06);padding-top:.4rem}
.bcard{padding:1.2rem 1.4rem 1.4rem}
.bcard p{font-size:1.2rem}
@media (max-width:80em){.bsum{grid-template-columns:1fr 1fr}.bsum__k{grid-column:1/-1}.bsum__res{grid-column:1/-1}}
@media (max-width:48em){.bsum{grid-template-columns:1fr;gap:1.6rem}}
@media (max-width:48em){.bopt__c{flex-direction:row;flex-wrap:wrap}.bopt__c button{flex:1 1 auto;text-align:center;padding:1rem 1.2rem}.board__opts{gap:.8rem}.bopt{padding:1.2rem}}

/* ================================================================ Arabuluculuk: eigenes Layout */
/* 1 Zitat über dem Tisch */
.mtable{background:var(--paper);padding:0 0 12rem}
.mtable__img{position:relative;height:clamp(44rem,72vh,72rem);overflow:hidden;background:var(--ink);display:flex;align-items:center;justify-content:center}
.mtable__img img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:scale(1.16)}
.mtable__veil{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(13,26,43,.25),rgba(13,26,43,.78))}
.mtable__q{position:relative;z-index:1;max-width:18ch;padding:0 var(--pad);text-align:center;color:var(--paper);font-size:clamp(4rem,6.4vw,9.6rem);line-height:1.02;letter-spacing:-.03em}
.mtable__q::before{content:"\201C";display:block;font-size:.8em;line-height:.6;color:var(--brass)}
.mtable__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:8rem;margin-top:10rem;align-items:start}
.mtable__since{display:flex;flex-direction:column;gap:.8rem;padding-top:2.4rem;border-top:.2rem solid var(--ink)}
.mtable__since .eyebrow{color:var(--brass-deep)}
.mtable__since b{display:flex;align-items:baseline;gap:.8rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(8rem,9vw,12rem);line-height:.9;letter-spacing:-.04em}
.mtable__since b small{font-size:.24em;letter-spacing:0;color:var(--brass-deep)}
.mtable__since>span:last-child{font-size:1.5rem;color:var(--ink-soft)}
.mtable__p{font-size:1.7rem;line-height:1.75;color:var(--ink-soft);max-width:64ch}
.mtable__p+.mtable__p{margin-top:2.4rem}
.mtable__p--lead{font-family:var(--ff-display);font-size:clamp(2.6rem,2.6vw,3.6rem);line-height:1.3;color:var(--ink)}
@media (max-width:64em){.mtable__grid{grid-template-columns:1fr;gap:4rem;margin-top:6.4rem}}
@media (max-width:48em){.mtable{padding-bottom:6.4rem}.mtable__img{height:44rem}}

/* 2 Pflicht-Check */
.must{background:var(--paper-soft);padding:12rem 0}
.must__head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.must__h{font-size:clamp(3.6rem,4.4vw,6.4rem);margin-top:1.6rem}
.must__lead{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:50ch}
.must__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:4rem;margin-top:5.6rem;align-items:start}
.must__types{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mt{position:relative;display:flex;flex-direction:column;gap:.6rem;min-height:12rem;padding:2rem;border-radius:var(--r-lg);border:.1rem solid var(--line);background:var(--paper);text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:all .35s}
.mt b{font-family:var(--ff-display);font-weight:500;font-size:2rem;line-height:1.15}
.mt span{font-size:1.3rem;line-height:1.45;color:var(--ink-soft)}
.mt__dot{position:absolute;top:1.6rem;right:1.6rem;width:1rem;height:1rem;border-radius:50%;background:#3f6b52}
.mt--no .mt__dot{background:#a8473a}.mt--opt .mt__dot{background:var(--brass)}
.mt:hover{border-color:rgba(13,26,43,.35);transform:translateY(-.3rem)}
.mt[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.mt[aria-checked="true"] span{color:rgba(228,225,214,.7)}
.mt:focus-visible{outline:.2rem solid var(--brass);outline-offset:.2rem}
.mres{position:sticky;top:calc(var(--nav-h) + 3.2rem);padding:3.2rem;border-radius:var(--r-xl);background:var(--paper);border:.1rem solid var(--line);box-shadow:0 2rem 5rem rgba(13,26,43,.08)}
.mres.is-in .mres__t,.mres.is-in .mres__d{animation:stamp .5s var(--e-out)}
.meet svg{width:100%;height:auto;overflow:visible}
.meet__line{stroke:var(--line);stroke-width:2;stroke-dasharray:4 6}
.meet__a,.meet__b{transition:transform 1s var(--e-out)}
.meet__a circle{fill:var(--moss)}.meet__b circle{fill:var(--brass)}
.meet__m circle{fill:var(--paper);stroke:var(--ink);stroke-width:2;transition:all .6s}
.meet text{font:700 12px var(--ff-body);letter-spacing:.1em;fill:var(--ink-soft);text-transform:uppercase}
.m-yes .meet__a,.m-opt .meet__a{transform:translateX(86px)}
.m-yes .meet__b,.m-opt .meet__b{transform:translateX(-86px)}
.m-yes .meet__m circle{fill:var(--ink)}
.m-opt .meet__a{transform:translateX(50px)}.m-opt .meet__b{transform:translateX(-50px)}
.m-no .meet__m{opacity:.25}
.mres__badge{display:inline-block;margin-top:1.6rem;padding:.6rem 1.2rem;border-radius:10rem;font-size:1.15rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#3f6b52}
.m-no .mres__badge{background:#a8473a}.m-opt .mres__badge{background:var(--brass);color:var(--ink)}
.mres__t{margin-top:1.2rem;font-family:var(--ff-display);font-weight:400;font-size:3.2rem;line-height:1.1}
.mres__d{margin-top:1rem;font-size:1.55rem;line-height:1.6;color:var(--ink-soft)}
.mres__dl{margin:2rem 0 0}
.mres__dl>div{padding:1.4rem 0;border-top:.1rem dashed var(--line)}
.mres__dl [hidden]{display:none}
.mres__dl dt{font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep)}
.mres__dl dd{margin:.6rem 0 0;font-size:1.5rem;line-height:1.5}
.wk{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;margin-top:1rem}
.wk i{height:1rem;border-radius:.3rem;background:rgba(13,26,43,.08);transition:background-color .4s}
.wk i.is-base{background:var(--ink)}.wk i.is-ext{background:var(--brass)}
.mres__note{margin-top:1rem;font-size:1.35rem;line-height:1.55;color:var(--ink-soft);font-style:italic}
.mres__note[hidden],.mres__agree[hidden]{display:none}
.mres__agree{margin-top:1.6rem;padding:1.4rem 1.6rem;border-radius:var(--r-md);background:var(--clay-tint);font-size:1.4rem;line-height:1.5}
.mres__agree b{display:block;font-weight:700;margin-bottom:.4rem}
@media (max-width:64em){.must__head,.must__grid{grid-template-columns:1fr}.mres{position:static}}
@media (max-width:48em){.must{padding:6.4rem 0}.must__types{grid-template-columns:1fr 1fr}.mt{min-height:0;padding:1.6rem}.mt b{font-size:1.7rem}.mres{padding:2.2rem}}

/* 3 Runder Tisch */
.round{background:var(--ink);color:var(--paper);padding:12rem 0;overflow:hidden}
.round__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:6.4rem;align-items:center}
.round__k{display:block;color:var(--brass);margin-bottom:1.6rem}
.round__h{font-size:clamp(3.6rem,4.4vw,6.4rem);color:var(--paper)}
.round__table{position:relative;width:min(100%,60rem);aspect-ratio:1;margin:0 auto}
.round__disc{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#24395a,#13233a 70%);border:.1rem solid rgba(198,164,99,.35);box-shadow:0 0 0 1.6rem rgba(228,225,214,.03),0 3rem 6rem rgba(0,0,0,.35)}
.round__center{position:absolute;inset:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}
.round__center.is-in>*{animation:stamp .5s var(--e-out)}
.round__cn{font-size:1.2rem;font-weight:700;letter-spacing:.16em;color:var(--brass)}
.round__ct{margin-top:.8rem;font-family:var(--ff-display);font-weight:400;font-size:clamp(2.2rem,2.2vw,3rem);line-height:1.1}
.round__cd{margin-top:1rem;font-size:1.35rem;line-height:1.5;color:rgba(228,225,214,.72)}
.seat{--r:min(25rem,42vw);position:absolute;left:50%;top:50%;width:13rem;padding:1.2rem;border-radius:1.4rem;border:.1rem solid rgba(228,225,214,.16);background:rgba(28,49,81,.9);color:var(--paper);
  font:inherit;text-align:center;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--r) * 1.1)) rotate(calc(var(--a) * -1));transition:background-color .4s,border-color .4s,box-shadow .4s}
.seat__n{display:block;font-size:1.05rem;font-weight:700;letter-spacing:.14em;color:var(--brass)}
.seat__t{display:block;margin-top:.4rem;font-size:1.3rem;font-weight:600;line-height:1.3}
.seat:hover,.seat.is-on{background:var(--brass);border-color:var(--brass);color:var(--ink);box-shadow:0 1rem 3rem rgba(198,164,99,.35)}
.seat:hover .seat__n,.seat.is-on .seat__n{color:var(--ink)}
.seat:focus-visible{outline:.2rem solid var(--paper);outline-offset:.3rem}
.round__list{display:none}
@media (max-width:64em){.round__grid{grid-template-columns:1fr}.round__table{display:none}
  .round__list{display:block;list-style:none;margin:0;padding:0}
  .round__list li{display:grid;grid-template-columns:4.4rem 1fr;gap:1.2rem;padding:2rem 0;border-top:.1rem solid rgba(228,225,214,.14)}
  .round__list span{font-family:var(--ff-display);font-size:2.4rem;color:var(--brass)}
  .round__list h3{font-family:var(--ff-display);font-weight:400;font-size:2.4rem}
  .round__list p{margin-top:.6rem;font-size:1.5rem;line-height:1.6;color:rgba(228,225,214,.72)}}
@media (max-width:48em){.round{padding:6.4rem 0}}

/* 4 Große Zitate */
.pulls{background:var(--paper);padding:12rem 0}
.pulls__list{margin-top:4.8rem}
.pull{position:relative;margin:0;display:grid;grid-template-columns:8rem minmax(0,6fr) minmax(0,4fr);gap:3.2rem;align-items:baseline;padding:4rem 0;border-top:.1rem solid var(--line)}
.pull:last-child{border-bottom:.1rem solid var(--line)}
.pull__mark{font-size:1.3rem;font-weight:700;letter-spacing:.14em;color:var(--brass-deep)}
.pull__t{margin:0;font-family:var(--ff-display);font-style:italic;font-weight:400;font-size:clamp(3.6rem,4.6vw,6.4rem);line-height:1;letter-spacing:-.02em}
.pull__d{font-size:1.6rem;line-height:1.65;color:var(--ink-soft)}
@media (max-width:64em){.pull{grid-template-columns:1fr;gap:1.2rem}}
@media (max-width:48em){.pulls{padding:6.4rem 0}.pull{padding:2.8rem 0}}

/* 5 Zusammenlaufende Linien */
.conv{background:var(--paper-soft);padding:12rem 0}
.conv__stage{--cp:0;position:relative;margin-top:6.4rem}
.conv__svg{display:block;width:100%;height:22rem}
.conv__a,.conv__b{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--cp));vector-effect:non-scaling-stroke}
.conv__a{stroke:var(--moss)}.conv__b{stroke:var(--brass)}
.conv__steps{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.conv__s{opacity:.35;transform:translateY(1.6rem);transition:opacity .6s,transform .8s var(--e-out)}
.conv__s.is-on{opacity:1;transform:none}
.conv__dot{display:inline-grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--ink);color:var(--brass);font-size:1.2rem;font-weight:700}
.conv__s:last-child .conv__dot{background:var(--brass);color:var(--ink)}
.conv__s h3{margin-top:1.6rem;font-family:var(--ff-display);font-weight:500;font-size:2.4rem}
.conv__s p{margin-top:.8rem;font-size:1.5rem;line-height:1.6;color:var(--ink-soft)}
@media (max-width:64em){.conv__steps{grid-template-columns:1fr 1fr}.conv__svg{height:14rem}}
@media (max-width:48em){.conv{padding:6.4rem 0}.conv__steps{grid-template-columns:1fr}.conv__s{opacity:1;transform:none}.conv__svg{height:10rem}}
.mt b{padding-right:1.8rem}
.m-yes .meet__a{transform:translateX(72px)}.m-yes .meet__b{transform:translateX(-72px)}
/* Arabuluculuk: runder Übergang (Kreis öffnet sich zum Vollbild) */
.hero:has(+ .mtable) .hero__veil{background:linear-gradient(180deg,rgba(13,26,43,.55) 0%,rgba(13,26,43,.35) 45%,rgba(13,26,43,.85) 85%,var(--ink) 100%)}
.mtable__pin{--p:0;position:relative;height:220vh;background:var(--ink)}
.mtable__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mtable__pin .mtable__img{position:absolute;inset:0;height:auto;display:block;clip-path:circle(calc(15% + var(--p) * 62%) at 50% 50%);will-change:clip-path}
.mtable__pin .mtable__img img{inset:0;height:100%;transform:scale(calc(1.32 - var(--p) * .22))}
.mtable__pin .mtable__veil{background:radial-gradient(60% 55% at 50% 50%,rgba(13,26,43,.35),rgba(13,26,43,.8));opacity:calc(.55 + var(--p) * .45)}
.mtable__ring{position:absolute;left:50%;top:50%;width:var(--rd,30rem);height:var(--rd,30rem);border-radius:50%;border:.1rem solid rgba(198,164,99,.75);
  transform:translate(-50%,-50%);opacity:calc(1 - var(--p) * 1.4);pointer-events:none;box-shadow:0 0 0 1.2rem rgba(198,164,99,.06)}
.mtable__pin .mtable__q{position:relative;z-index:2;max-width:22ch;font-size:clamp(3rem,4.4vw,6.4rem);line-height:1.08;
  opacity:clamp(0,calc((var(--p) - .18) * 2.4),1);transform:translateY(calc((1 - var(--p)) * 3rem));filter:blur(calc((1 - clamp(0,calc((var(--p) - .18) * 2.4),1)) * .6rem))}
.mtable__pin .mtable__q::before{font-size:.9em;margin-bottom:.6rem}
@media (prefers-reduced-motion:reduce){.mtable__pin{height:auto}.mtable__sticky{position:relative;height:70vh}.mtable__pin{--p:1}}
@media (max-width:48em){.mtable__pin{height:180vh}.mtable__pin .mtable__q{font-size:2.8rem;max-width:16ch}}
/* Text schiebt sich wie ein Blatt über das Bild */
.mtable__pin + .mtable__grid{position:relative;z-index:2;margin-top:-8rem;padding-top:10rem}
.mtable__pin + .mtable__grid::before{content:"";position:absolute;top:0;bottom:-12rem;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;
  background:var(--paper);border-radius:3.6rem 3.6rem 0 0;box-shadow:0 -2.4rem 5rem rgba(5,10,18,.35)}
@media (max-width:48em){.mtable__pin + .mtable__grid{margin-top:-4rem;padding-top:5.6rem}.mtable__pin + .mtable__grid::before{border-radius:2.4rem 2.4rem 0 0}}
/* Runder Tisch: Größe aus Breite, Auswahl per Klick, Zeiger */
.round{padding:14rem 0}
.round__table{--tw:min(62rem,46vw);width:var(--tw);max-width:none;margin:4rem auto}
.round__disc{inset:20%}
.round__center{inset:27%}
.seat{transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--tw) * .42)) rotate(calc(var(--a) * -1));width:calc(var(--tw) * .22);min-width:12rem}
.seat:hover{background:rgba(42,66,104,.95);border-color:rgba(198,164,99,.6);color:var(--paper);box-shadow:none}
.seat:hover .seat__n{color:var(--brass)}
.seat.is-on,.seat.is-on:hover{background:var(--brass);border-color:var(--brass);color:var(--ink);box-shadow:0 1rem 3rem rgba(198,164,99,.35)}
.seat.is-on .seat__n{color:var(--ink)}
.round__needle{position:absolute;left:50%;top:50%;width:calc(var(--tw) * .42);height:.2rem;margin-top:-.1rem;transform-origin:0 50%;pointer-events:none;
  background:linear-gradient(90deg,transparent 0,transparent 66%,var(--brass) 66%,var(--brass) 100%);opacity:0;transition:transform .9s var(--e-out),opacity .4s}
.round__needle.is-on{opacity:.9}
.round__needle::after{content:"";position:absolute;left:66%;top:50%;width:1rem;height:1rem;border-radius:50%;background:var(--brass);transform:translate(-50%,-50%)}
@media (max-width:80em){.round__grid{grid-template-columns:1fr;gap:2rem}.round__table{--tw:min(62rem,80vw)}}

/* ==========================================================================
   REHBER / RATGEBER · Beitragsarchiv
   ========================================================================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-rehber{--t-emeklilik:#c6a463;--t-bilgi:#6f8db3;--t-sirket:#6f9480;--t-hukuk:#b0614f;--t-korona:#8e86a8;--t-miras:#9c7a55;--t-gundem:#4f8a8b}
.t-emeklilik{--tc:var(--t-emeklilik)}.t-bilgi{--tc:var(--t-bilgi)}.t-sirket{--tc:var(--t-sirket)}.t-hukuk{--tc:var(--t-hukuk)}.t-korona{--tc:var(--t-korona)}.t-miras{--tc:var(--t-miras)}.t-gundem{--tc:var(--t-gundem)}
i[class^="t-"]{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:var(--tc);flex:none}
.rt{display:inline-flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.rk{display:inline-flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;border-radius:10rem;border:.1rem solid var(--line);color:var(--ink)}
.rk svg{width:1.1rem;height:1.1rem}
.rk--video{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* 1 Neuester Beitrag */
.rbf{padding:12rem 0 10rem;background:var(--paper)}
.rbf__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(4rem,6vw,10rem);align-items:start}
.rbf__feat{position:relative}
.rbf__link{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:4rem;align-items:start;padding:5.6rem clamp(2.4rem,4vw,5.6rem) 5rem;
  border-radius:var(--r-xl);background:var(--paper-soft);color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;
  transition:background-color .6s var(--e-out)}
.rbf__link::before{content:"";position:absolute;inset:auto -20% -60% 30%;height:120%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(198,164,99,.28),transparent);z-index:-1;transform:translate3d(0,10%,0);transition:transform 1.2s var(--e-out)}
.rbf__link:hover{background:var(--cream)}
.rbf__link:hover::before{transform:translate3d(-6%,-4%,0) scale(1.1)}
.rbf__k{grid-column:1/-1;color:var(--brass-deep);margin-bottom:3.2rem}
.rbf__date{grid-row:2/6;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding-right:4rem;border-right:.1rem solid var(--line)}
.rbf__date b{font-family:var(--ff-display);font-weight:400;font-size:clamp(7rem,9vw,13rem);line-height:.82;letter-spacing:-.05em;color:var(--ink)}
.rbf__date span{font-size:1.3rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);line-height:1.6}
.rbf__meta{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;font-size:1.35rem;color:var(--ink-soft)}
.rbf__t{font-size:clamp(3rem,3.8vw,5.4rem);line-height:1.04;letter-spacing:-.025em;margin:1.8rem 0 2rem;max-width:18ch}
.rbf__x{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:48ch}
.rbf__go{display:inline-flex;align-items:center;gap:1rem;margin-top:3.2rem;font-weight:600;font-size:1.5rem}
.rbf__go svg{width:1.8rem;height:1.8rem;transition:transform .5s var(--e-out)}
.rbf__link:hover .rbf__go svg{transform:translateX(.6rem)}
.rbf__lang{display:flex;gap:1.2rem;align-items:flex-start;margin-top:2rem;font-size:1.4rem;line-height:1.55;color:var(--ink-soft)}
.rbf__lang span{flex:none;font-size:1.1rem;font-weight:700;letter-spacing:.14em;padding:.3rem .7rem;border-radius:.5rem;background:var(--ink);color:var(--paper)}
.rbf__stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:.1rem solid var(--ink);border-bottom:.1rem solid var(--line);margin:0 0 5.6rem}
.rbf__stats div{padding:2.4rem 0 2.2rem}
.rbf__stats div+div{padding-left:2.4rem;border-left:.1rem solid var(--line)}
.rbf__stats dt{font-family:var(--ff-display);font-size:clamp(4.4rem,4.6vw,6.4rem);line-height:1;letter-spacing:-.04em}
.rbf__stats dd{margin:.8rem 0 0;font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.rbf__ed{font-size:1.6rem;color:var(--ink-soft);margin:-.6rem 0 2.4rem}
.rbf__ever ol{list-style:none;margin:0;padding:0;border-top:.1rem solid var(--line)}
.rbf__ever li{border-bottom:.1rem solid var(--line)}
.rbf__ever a{display:grid;grid-template-columns:4.4rem 1fr 2rem;gap:1.6rem;align-items:center;padding:2.2rem 0;color:inherit;text-decoration:none}
.rbf__en{font-family:var(--ff-display);font-size:1.8rem;color:var(--brass-deep)}
.rbf__ever b{display:block;font-family:var(--ff-display);font-weight:400;font-size:2.1rem;line-height:1.25;letter-spacing:-.01em;transition:color .4s}
.rbf__ever small{display:block;margin-top:.6rem;font-size:1.25rem;letter-spacing:.06em;color:var(--ink-soft)}
.rbf__ever a svg{width:1.8rem;height:1.8rem;opacity:.35;transition:transform .5s var(--e-out),opacity .4s}
.rbf__ever a:hover b{color:var(--brass-deep)}
.rbf__ever a:hover svg{opacity:1;transform:translateX(.4rem)}

/* 2 Monatskarte */
.rmap{background:var(--ink);color:var(--paper);padding:12rem 0 11rem;overflow:hidden}
.rmap__head{display:flex;justify-content:space-between;align-items:flex-end;gap:4rem;flex-wrap:wrap;margin-bottom:6.4rem}
.rmap__k{color:var(--brass);display:block;margin-bottom:1.6rem}
.rmap__h{font-size:clamp(2.8rem,3.6vw,4.8rem);max-width:20ch}
.rmap__d{max-width:38ch;font-size:1.6rem;line-height:1.6;color:rgba(244,243,238,.66)}
.rmap__scroll{overflow-x:auto;scrollbar-width:thin;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 1.2rem}
.rmap__grid{display:grid;grid-template-columns:7.2rem repeat(12,minmax(5.6rem,1fr));gap:.8rem;min-width:76rem}
.rmap__mn{font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,243,238,.5);text-align:center;padding-bottom:1.2rem}
.rmap__yr{font-family:var(--ff-display);font-size:2.4rem;letter-spacing:-.02em;display:flex;align-items:center;color:var(--brass-soft)}
.rmap__c{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);border:.1rem solid var(--line-cream);background:rgba(244,243,238,.03);
  display:flex;align-items:center;justify-content:center;padding:.8rem;cursor:pointer;color:inherit;font:inherit;
  transition:background-color .4s,border-color .4s,transform .5s var(--e-out)}
.rmap__c--0{cursor:default;background:none;border-style:dashed;border-color:rgba(228,225,214,.1)}
.rmap__dots{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;align-content:center;max-width:100%}
.rmap__dots i{width:.9rem;height:.9rem;transform:scale(0);transition:transform .6s var(--e-out);transition-delay:calc(var(--k) * 25ms)}
.rmap.is-in .rmap__dots i{transform:scale(1)}
.rmap__n{position:absolute;right:.6rem;top:.4rem;font-size:1.05rem;font-weight:700;color:rgba(244,243,238,.45)}
.rmap__c:not(.rmap__c--0):hover{background:rgba(198,164,99,.12);border-color:rgba(198,164,99,.5);transform:translateY(-.3rem)}
.rmap__c[aria-pressed="true"]{background:var(--brass);border-color:var(--brass)}
.rmap__c[aria-pressed="true"] .rmap__n{color:var(--ink)}
.rmap__c[aria-pressed="true"] .rmap__dots i{box-shadow:0 0 0 .15rem var(--ink)}
.rmap__c:focus-visible{outline:.2rem solid var(--brass-soft);outline-offset:.3rem}
.rmap__mn .s{display:none}
.rmap__legend{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;list-style:none;margin:4rem 0 0;padding:0;font-size:1.35rem;color:rgba(244,243,238,.72)}
.rmap__legend li{display:flex;align-items:center;gap:1rem}

/* 3 Archiv */
.rlist{padding:12rem 0 10rem;background:var(--paper)}
.rlist__head{margin-bottom:4.8rem}
.rbar{position:sticky;top:calc(var(--nav-h) + .8rem);z-index:20;background:rgba(244,243,238,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:.1rem solid var(--line);border-radius:var(--r-xl);padding:1.6rem;display:grid;gap:1.4rem;box-shadow:0 2rem 4rem -3rem rgba(13,26,43,.35)}
.rbar__chips{display:flex;gap:.8rem;overflow-x:auto;scrollbar-width:none;margin:-.2rem;padding:.2rem}
.rbar__chips::-webkit-scrollbar{display:none}
.rbar__chips button{flex:none;display:inline-flex;align-items:center;gap:.9rem;height:4.4rem;padding:0 1.8rem;border-radius:10rem;border:.1rem solid var(--line);
  background:var(--paper);color:var(--ink);font:600 1.45rem/1 var(--ff-body);cursor:pointer;transition:background-color .35s,color .35s,border-color .35s}
.rbar__chips small{font-size:1.15rem;font-weight:700;opacity:.55}
.rbar__chips button:hover{border-color:var(--ink)}
.rbar__chips button[aria-checked="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rbar__chips button[aria-checked="true"] small{opacity:.75;color:var(--brass-soft)}
.rbar__row{display:flex;gap:1.2rem;align-items:center}
.rbar__s{position:relative;flex:1;display:flex;align-items:center}
.rbar__s svg{position:absolute;left:1.8rem;width:2rem;height:2rem;color:var(--ink-soft);pointer-events:none}
.rbar__s input{width:100%;height:5.2rem;padding:0 5.2rem 0 5rem;border-radius:var(--r-md);border:.1rem solid var(--line);background:var(--paper);
  font:500 1.6rem/1 var(--ff-body);color:var(--ink);-webkit-appearance:none;appearance:none}
.rbar__s input::-webkit-search-cancel-button{cursor:pointer}
.rbar__s input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 .4rem rgba(198,164,99,.18)}
.rbar__s kbd{position:absolute;right:1.4rem;font:600 1.2rem/1 var(--ff-body);padding:.5rem .8rem;border-radius:.5rem;border:.1rem solid var(--line);color:var(--ink-soft);pointer-events:none;transition:opacity .3s}
.rbar__s input:focus~kbd,.rbar__s input:not(:placeholder-shown)~kbd{opacity:0}
.rbar__sort{display:flex;flex:none;padding:.4rem;border-radius:var(--r-md);background:var(--paper-soft)}
.rbar__sort button{height:4.4rem;padding:0 1.6rem;border:0;border-radius:.9rem;background:none;font:600 1.4rem/1 var(--ff-body);color:var(--ink-soft);cursor:pointer;transition:background-color .3s,color .3s}
.rbar__sort button[aria-checked="true"]{background:var(--paper);color:var(--ink);box-shadow:0 .2rem .8rem rgba(13,26,43,.08)}
.rbar__status{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;font-size:1.4rem;color:var(--ink-soft);min-height:2.6rem}
.rbar__status p{margin:0;font-weight:600;color:var(--ink)}
.rbar__month{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:10rem;border:0;background:var(--brass);color:var(--ink);font:500 1.3rem/1.2 var(--ff-body);cursor:pointer}
.rbar__month i{font-style:normal;font-size:1.6rem;margin-left:.4rem}
.rbar__clear{background:none;border:0;padding:0;font:600 1.35rem/1.4 var(--ff-body);color:var(--ink);cursor:pointer}
.rbar__month[hidden],.rbar__clear[hidden],.rempty[hidden],.rrow[hidden],.ryear[hidden]{display:none}
.rlist__note{display:flex;gap:1.2rem;align-items:flex-start;margin:3.2rem 0 1.6rem;font-size:1.4rem;line-height:1.6;color:var(--ink-soft);max-width:92ch}
.rlist__note svg{flex:none;width:2rem;height:2rem;margin-top:.1rem;color:var(--brass-deep)}

.ryear{display:grid;grid-template-columns:minmax(14rem,.32fr) 1fr;gap:4rem;padding-top:5.6rem}
.ryear__y{margin:0;position:relative}
.ryear__y span{position:sticky;top:calc(var(--nav-h) + 22rem);display:block;font-family:var(--ff-display);font-weight:400;font-size:clamp(6rem,8vw,12rem);
  line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:.1rem rgba(13,26,43,.32)}
.ryear__list{list-style:none;margin:0;padding:0;border-top:.1rem solid var(--ink)}
.rrow{border-bottom:.1rem solid var(--line)}
.rrow.is-anim{animation:rrowIn .7s var(--e-out) both;animation-delay:calc(var(--k,0) * 28ms)}
@keyframes rrowIn{from{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}
.rrow a{position:relative;display:grid;grid-template-columns:7.2rem 1fr 4.4rem;gap:2.8rem;align-items:start;padding:3rem 1.2rem 3rem 0;color:inherit;text-decoration:none;isolation:isolate}
.rrow a::before{content:"";position:absolute;inset:0 -1.6rem;border-radius:var(--r-md);background:var(--paper-soft);z-index:-1;opacity:0;transform:scaleY(.6);transition:opacity .45s,transform .6s var(--e-out)}
.rrow a:hover::before,.rrow a:focus-visible::before{opacity:1;transform:none}
.rrow a:focus-visible{outline:0}
.rrow__d{display:flex;flex-direction:column;gap:.4rem;padding-top:.2rem}
.rrow__d b{font-family:var(--ff-display);font-weight:400;font-size:3.6rem;line-height:.9;letter-spacing:-.03em}
.rrow__d span{font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.rrow__m{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.rrow__t{display:block;font-family:var(--ff-display);font-size:clamp(2.1rem,2vw,2.6rem);line-height:1.22;letter-spacing:-.012em;margin:1.2rem 0 .8rem;max-width:44ch;transition:color .35s}
.rrow__x{display:block;font-size:1.5rem;line-height:1.6;color:var(--ink-soft);max-width:68ch}
.rrow__go{align-self:center;width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid var(--line);display:flex;align-items:center;justify-content:center;
  transition:background-color .4s,border-color .4s,color .4s,transform .6s var(--e-out)}
.rrow__go svg{width:1.8rem;height:1.8rem}
.rrow a:hover .rrow__go{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:rotate(-45deg)}
.rrow a:hover .rrow__t{color:var(--brass-deep)}
.rrow mark{background:linear-gradient(transparent 58%,rgba(198,164,99,.55) 58%);color:inherit;padding:0 .05em}
.rempty{text-align:center;padding:10rem 2rem 6rem;display:grid;justify-items:center;gap:1.6rem}
.rempty svg{width:8rem;height:8rem;color:var(--brass-deep)}
.rempty__t{font-size:clamp(2.6rem,3vw,3.6rem);margin:0}
.rempty__d{max-width:46ch;color:var(--ink-soft);font-size:1.6rem;line-height:1.6;margin:0}

/* 4 Themen */
.rtop{padding:10rem 0;background:var(--paper-soft)}
.rtop__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem;margin-top:5.6rem}
.rtc{position:relative;display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem 2.6rem 2.8rem;border-radius:var(--r-lg);background:var(--paper);border:.1rem solid var(--line);
  min-height:30rem;transition:transform .7s var(--e-out),box-shadow .7s var(--e-out)}
.rtc:hover{transform:translateY(-.6rem);box-shadow:0 3rem 5rem -3.6rem rgba(13,26,43,.45)}
.rtc::before{content:"";position:absolute;left:2.6rem;top:0;width:4rem;height:.4rem;border-radius:0 0 .4rem .4rem;background:var(--tc)}
.rtc__n b{font-family:var(--ff-display);font-weight:400;font-size:6.4rem;line-height:1;letter-spacing:-.04em}
.rtc__n small{font-size:1.4rem;color:var(--ink-soft);margin-left:.6rem}
.rtc__t{font-family:var(--ff-display);font-weight:400;font-size:2.3rem;line-height:1.2;margin:0;min-height:2.4em}
.rtc__bar{height:.4rem;border-radius:1rem;background:var(--paper-soft);overflow:hidden}
.rtc__bar i{display:block;height:100%;width:var(--share);background:var(--tc);border-radius:inherit;transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--e-out) .2s}
.rtc.is-in .rtc__bar i,.rtc[style*="opacity: 1"] .rtc__bar i{transform:scaleX(1)}
.rtc__a{margin-top:auto;display:grid;gap:1.4rem;justify-items:start;align-content:end;font-size:1.4rem}
.rtc__a button{background:none;border:0;padding:0;font:600 1.4rem/1.4 var(--ff-body);color:var(--ink);cursor:pointer}
.rtc__a a{display:inline-flex;align-items:center;gap:.6rem;color:var(--brass-deep);font-weight:600;text-decoration:none}
.rtc__a a svg{width:1.5rem;height:1.5rem;transition:transform .4s var(--e-out)}
.rtc__a a:hover svg{transform:translateX(.4rem)}

/* 5 Vorschlag */
.rsug{padding:12rem 0;background:var(--paper)}
.rsug__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(4rem,7vw,12rem);align-items:start}
.rsug__h{font-size:clamp(3.2rem,4.2vw,5.8rem);line-height:1.02;letter-spacing:-.03em;max-width:14ch}
.rsug__d{font-size:1.7rem;line-height:1.6;color:var(--ink-soft);max-width:40ch;margin-top:2.4rem}
.rsug__art{width:min(26rem,70%);margin-top:5.6rem;color:var(--brass-deep);stroke-width:1.3}
.rsug__art path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--e-out)}
.rsug__art path:nth-child(2){transition-delay:.4s}.rsug__art path:nth-child(3){transition-delay:.7s}
.rsug.is-in .rsug__art path{stroke-dashoffset:0}
.rsug__f{display:grid;gap:1.6rem;padding:clamp(2.4rem,4vw,4.8rem);border-radius:var(--r-xl);background:var(--paper-soft)}
.rsug__topics{border:0;margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.rsug__topics legend{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.2rem;padding:0}
.rpill{position:relative;cursor:pointer}
.rpill input{position:absolute;opacity:0;pointer-events:none}
.rpill span{display:inline-flex;align-items:center;gap:.8rem;height:4.2rem;padding:0 1.6rem;border-radius:10rem;border:.1rem solid var(--line);background:var(--paper);font-size:1.4rem;font-weight:600;transition:all .3s}
.rpill input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rpill input:focus-visible+span{outline:.2rem solid var(--brass);outline-offset:.2rem}
.rsug .fld__ph{margin-top:-.6rem}
.rsug__two{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.rsug .tick{margin-top:.8rem}
.rsug__send{display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap;margin-top:1.2rem}
.rsug__send .calc__btn{height:5.6rem}
.rsug__send p{flex:1;min-width:22rem;margin:0;font-size:1.3rem;line-height:1.55;color:var(--ink-soft)}

@media (max-width:80em){
  .rtop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:64em){
  .rbf{padding:8rem 0 7rem}
  .rbf__grid,.rsug__grid{grid-template-columns:1fr}
  .ryear{grid-template-columns:1fr;gap:1.6rem;padding-top:4.8rem}
  .ryear__y span{position:static;font-size:6.4rem}
  .rmap,.rlist,.rsug{padding:8rem 0}
  .rtop{padding:8rem 0}
  .rsug__art{display:none}
  .rmap__scroll{overflow:visible;margin:0;padding:0}
  .rmap__grid{min-width:0;grid-template-columns:6rem repeat(12,minmax(0,1fr));gap:.6rem}
  .rmap__dots i{width:.7rem;height:.7rem}
  .rmap__dots{gap:.25rem}
  .rmap__n{display:none}
}
@media (max-width:48em){
  .rbf__link{grid-template-columns:1fr;padding:3.6rem 2.4rem 3.6rem}
  .rbf__date{grid-row:auto;flex-direction:row;align-items:flex-end;gap:1.4rem;padding:0 0 2.4rem;margin-bottom:2.4rem;border-right:0;border-bottom:.1rem solid var(--line)}
  .rbf__date b{font-size:7.2rem}
  .rbf__date br{display:none}
  .rbf__date span{padding-bottom:.6rem}
  .rbf__stats div+div{padding-left:1.6rem}
  .rtop__grid{grid-template-columns:1fr 1fr}
  .rtc{min-height:0}
  .rbar{position:relative;top:auto;padding:1.2rem;border-radius:var(--r-lg);gap:1rem}
  .rbar__chips button{height:3.8rem;padding:0 1.4rem;font-size:1.35rem}
  .rbar__row{flex-wrap:wrap}
  .rbar__s{flex-basis:100%}
  .rbar__s input{height:4.6rem}
  .rbar__s kbd{display:none}
  .rbar__sort{width:100%}
  .rbar__sort button{flex:1;height:3.8rem}
  .rrow a{grid-template-columns:5.2rem 1fr;gap:1.6rem;padding:2.4rem 0}
  .rrow a::before{inset:0 -1rem}
  .rrow__d b{font-size:2.8rem}
  .rrow__go{display:none}
  .rsug__two{grid-template-columns:1fr}
  .rbar__chips{flex-wrap:wrap;overflow:visible}
  .rtc__t{min-height:0}
  .rmap__head{margin-bottom:4rem}
}
@media (max-width:40em){
  .rmap__grid{grid-template-columns:4.4rem repeat(12,minmax(0,1fr));gap:.4rem}
  .rmap__mn{padding-bottom:.6rem;font-size:1.1rem;letter-spacing:0}
  .rmap__mn .l{display:none}.rmap__mn .s{display:inline}
  .rmap__yr{font-size:1.5rem}
  .rmap__c{border-radius:.6rem;padding:.3rem;aspect-ratio:1/1.6}
  .rmap__dots{gap:.2rem}
  .rmap__dots i{width:.5rem;height:.5rem}
  .rmap__legend{gap:1rem 2rem;font-size:1.25rem;margin-top:2.8rem}
}
@media (max-width:30em){
  .rtop__grid{grid-template-columns:1fr}
  .rbf__stats dt{font-size:4rem}
}
@media (prefers-reduced-motion:reduce){
  .rmap__dots i,.rtc__bar i{transform:none!important;transition:none}
  .rrow.is-anim{animation:none}
  .rsug__art path{stroke-dashoffset:0}
}

/* ==========================================================================
   BİLGİ MERKEZİ · Hub, Bereiche, Karten, Beitragsseite
   ========================================================================== */
.page-blog{--t-emeklilik:#c6a463;--t-bilgi:#6f8db3;--t-sirket:#6f9480;--t-hukuk:#b0614f;--t-korona:#8e86a8;--t-miras:#9c7a55;--t-gundem:#4f8a8b}
.page-blog .rbf__link{grid-template-columns:auto 1fr}
.rbf__vis{position:absolute;inset:0;z-index:-2;opacity:.16;pointer-events:none}
.rbf__vis img{width:100%;height:100%;object-fit:cover}
.rbf__vis .bc__pat{width:100%;height:100%}
.rbf__stats dt i{font-style:normal;color:var(--brass)}

/* Bereich */
.bsec{padding:11rem 0 4rem;background:var(--paper)}
.bsec+.bsec{padding-top:6rem}
.bsec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:3.2rem;flex-wrap:wrap;margin-bottom:4.8rem;padding-bottom:3.2rem;border-bottom:.1rem solid var(--ink)}
.bsec__h{font-size:clamp(3rem,3.8vw,5.2rem);line-height:1.04;letter-spacing:-.025em}
.bsec__d{margin-top:1.2rem;font-size:1.6rem;color:var(--ink-soft);max-width:44ch}
.bsec__all{display:inline-flex;align-items:center;gap:1.2rem;font-weight:600;font-size:1.5rem;color:var(--ink);text-decoration:none;padding:1.2rem 1.8rem;border-radius:10rem;border:.1rem solid var(--line);transition:background-color .4s,color .4s,border-color .4s}
.bsec__all b{font-weight:700;font-size:1.2rem;padding:.3rem .8rem;border-radius:10rem;background:var(--paper-soft)}
.bsec__all svg{width:1.6rem;height:1.6rem;transition:transform .5s var(--e-out)}
.bsec__all:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bsec__all:hover b{background:var(--brass);color:var(--ink)}
.bsec__all:hover svg{transform:translateX(.4rem)}
.bsec__list{border-top:0}
.bsec__empty{font-size:1.7rem;color:var(--ink-soft);padding:4rem 0}
.bsec--video{background:var(--ink);color:var(--paper);padding:11rem 0;margin-top:7rem}
.bsec--video .bsec__head{border-color:var(--line-cream)}
.bsec--video .asec__eyebrow{color:var(--brass)}
.bsec--video .bsec__d{color:rgba(244,243,238,.66)}
.bsec--video .bsec__all{color:var(--paper);border-color:var(--line-cream)}
.bsec--video .bsec__all b{background:rgba(244,243,238,.1)}
.bsec--video .bsec__all:hover{background:var(--paper);color:var(--ink)}
.bsec--etkinlik,.bsec--guncel{padding-bottom:2rem}

/* Karten */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem 2.4rem}
.bgrid--lead .bc--lg{grid-column:1/-1}
.bgrid .bc--lg a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:clamp(3.2rem,5vw,7.2rem);align-items:start}
.bc--lg .bc__vis{grid-row:1/-1;aspect-ratio:16/10}
.bc--lg .bc__m{margin-top:.4rem}
.bc a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.bc__vis{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--paper-soft);isolation:isolate}
.bc__vis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,26,43,.18));opacity:0;transition:opacity .6s}
.bc__vis img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.bc__pat{width:100%;height:100%;display:block;color:var(--tc);transition:transform 1.4s var(--e-out)}
.bc__pat path,.bc__pat circle{fill:none;stroke:currentColor;stroke-width:1.1;opacity:.55}
.bc__pat .f{fill:var(--tc);stroke:none;opacity:.22}
.bc a:hover .bc__vis img,.bc a:hover .bc__pat{transform:scale(1.05)}
.bc a:hover .bc__vis::after{opacity:1}
.bc__play{position:absolute;left:50%;top:50%;width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 -3.2rem;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .6s var(--e-out)}
.bc__play svg{width:2.4rem;height:2.4rem;margin-left:.3rem}
.bc a:hover .bc__play{transform:scale(1.1)}
.bc__m{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:2.2rem}
.bc__min{font-size:1.25rem;color:var(--ink-soft)}
.bc__t{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.1rem,1.9vw,2.6rem);line-height:1.18;letter-spacing:-.015em;margin:1.2rem 0 1rem;transition:color .35s}
.bc__x{font-size:1.5rem;line-height:1.6;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc__d{margin-top:auto;padding-top:1.8rem;font-size:1.25rem;font-weight:600;letter-spacing:.06em;color:var(--ink-soft)}
.bc a:hover .bc__t{color:var(--brass-deep)}
.bc--lg .bc__t{font-size:clamp(2.8rem,3vw,4.2rem);line-height:1.08}
.bc--lg .bc__x{-webkit-line-clamp:4;font-size:1.65rem;max-width:56ch}
.bsec--video .bc__vis{background:var(--ink-2)}
.bsec--video .bc__t{color:var(--paper)}
.bsec--video .bc__x,.bsec--video .bc__d,.bsec--video .rt{color:rgba(244,243,238,.62)}
.bsec--video .rk{border-color:var(--line-cream);color:var(--paper)}
.bsec--video .bc a:hover .bc__t{color:var(--brass-soft)}

/* Themenkarten als Link */
.rtc{cursor:pointer}
.rtc__cover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.rtc__cover:focus-visible{outline:.2rem solid var(--brass);outline-offset:.3rem}
.rtc__a{position:relative;z-index:2}
.rtc__d{font-size:1.4rem;line-height:1.55;color:var(--ink-soft)}
.rtc__n small{text-transform:lowercase}
.rmap__side{display:grid;gap:2.4rem;justify-items:start}
a.rmap__c{text-decoration:none}

/* ---------------------------------------------------------------- Beitragsseite */
.hero--post{min-height:0!important;padding-bottom:6rem}
.hero--post .hero__title{font-size:clamp(3.4rem,4.6vw,6.4rem)!important;max-width:22ch!important}
.hero--post .hero__content{max-width:96rem!important}
.hero--post .hero__veil{background:linear-gradient(90deg,rgba(13,26,43,.95) 0%,rgba(13,26,43,.86) 55%,rgba(13,26,43,.7) 100%)!important}
.phead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 3.6rem;margin-top:4rem;padding-top:2.8rem;border-top:.1rem solid var(--line-cream);color:var(--cream)}
.phead__meta>span{display:flex;flex-direction:column;gap:.4rem;font-size:1.5rem}
.phead__meta small{font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(228,225,214,.55)}
.phead__meta b{font-weight:600}
.phead__by{flex-direction:row!important;align-items:center;gap:1.2rem!important}
.phead__by img{width:4.4rem;height:4.4rem;border-radius:50%;background:rgba(244,243,238,.08);padding:.6rem}
.phead__by span{display:flex;flex-direction:column;gap:.2rem}
.phead__by small{letter-spacing:.08em;text-transform:none;font-weight:500;font-size:1.25rem}
.prog{position:fixed;left:0;right:0;top:0;height:.3rem;z-index:200;pointer-events:none}
.prog i{display:block;height:100%;background:var(--brass);transform-origin:left;transform:scaleX(var(--p,0))}

.post{background:var(--paper);padding:9rem 0 6rem}
.post__grid{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,76rem);justify-content:start;gap:clamp(6rem,9vw,14rem)}
.post__side{position:relative}
.post__stick{position:sticky;top:calc(var(--nav-h) + 2.4rem);display:grid;gap:4rem}
.ptoc__k{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:1.6rem}
.ptoc ol{list-style:none;margin:0;padding:0;border-left:.1rem solid var(--line)}
.ptoc a{position:relative;display:flex;gap:1rem;padding:.9rem 0 .9rem 1.8rem;font-size:1.45rem;line-height:1.4;color:var(--ink-soft);text-decoration:none;transition:color .3s}
.ptoc a span{font-size:1.15rem;font-weight:700;padding-top:.2rem;opacity:.6}
.ptoc a::before{content:"";position:absolute;left:-.1rem;top:0;bottom:0;width:.2rem;background:var(--ink);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--e-out)}
.ptoc a:hover{color:var(--ink)}
.ptoc a.is-on{color:var(--ink);font-weight:600}
.ptoc a.is-on::before{transform:scaleY(1)}
.pshare div{display:flex;flex-wrap:wrap;gap:.8rem}
.pshare a,.pshare button{width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid var(--line);background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .35s,color .35s,border-color .35s}
.pshare svg{width:1.8rem;height:1.8rem}
.pshare a:hover,.pshare button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pshare button.is-done{background:var(--brass);border-color:var(--brass);color:var(--ink)}

/* Fließtext */
.prose{font-size:1.85rem;line-height:1.75;color:var(--ink);min-width:0}
.prose>*+*{margin-top:2.4rem}
.prose p+p{margin-top:2rem}
.prose h2{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.8rem,3vw,3.8rem);line-height:1.12;letter-spacing:-.02em;margin-top:7.2rem;scroll-margin-top:calc(var(--nav-h) + 3rem)}
.prose h3{font-family:var(--ff-display);font-weight:500;font-size:2.4rem;line-height:1.25;margin-top:4.8rem;scroll-margin-top:calc(var(--nav-h) + 3rem)}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-decoration-thickness:.15rem;text-underline-offset:.35rem}
.prose a:hover{color:var(--brass-deep)}
.prose strong{font-weight:600}
.prose ul,.prose ol{padding-left:2.4rem}
.prose li+li{margin-top:1rem}
.prose ul li::marker{color:var(--brass-deep)}
.post__lead{font-size:2.2rem;line-height:1.55;font-family:var(--ff-display)}
.pnote-lang{display:flex;gap:1.2rem;align-items:center;font-size:1.4rem;color:var(--ink-soft)}
.pnote-lang span{font-size:1.1rem;font-weight:700;letter-spacing:.14em;padding:.3rem .7rem;border-radius:.5rem;background:var(--ink);color:var(--paper)}

.pbrief{position:relative;padding:3.2rem 3.6rem;border-radius:var(--r-lg);background:var(--ink);color:var(--paper);overflow:hidden}
.pbrief::after{content:"";position:absolute;right:-4rem;bottom:-4rem;width:18rem;height:18rem;border-radius:50%;border:.1rem solid rgba(198,164,99,.3);box-shadow:0 0 0 2.4rem rgba(198,164,99,.06)}
.pbrief__k{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:1.6rem}
.pbrief ul{list-style:none;padding:0;margin:0;display:grid;gap:1.4rem;position:relative;z-index:1}
.pbrief li{display:grid;grid-template-columns:2.4rem 1fr;font-size:1.7rem;line-height:1.55;margin:0!important}
.pbrief li::before{content:"";width:.8rem;height:.8rem;margin-top:1rem;border-radius:50%;background:var(--brass)}

.pn{display:grid;grid-template-columns:2.4rem 1fr;gap:1.6rem;padding:2.4rem 2.8rem;border-radius:var(--r-md);background:var(--paper-soft);border-left:.3rem solid var(--moss)}
.pn svg{width:2.2rem;height:2.2rem;color:var(--moss);margin-top:.3rem}
.pn b{display:block;font-size:1.25rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}
.pn p{font-size:1.65rem;line-height:1.65}
.pn--warn{background:#f3ead7;border-color:var(--brass-deep)}.pn--warn svg{color:var(--brass-deep)}
.pn--law{background:var(--moss-tint);border-color:var(--ink)}.pn--law svg{color:var(--ink)}
.pn--old{margin-bottom:1rem}
.pq{margin:4rem 0;padding:0 0 0 3.2rem;border-left:.2rem solid var(--brass)}
.pq p{font-family:var(--ff-display);font-size:2.6rem;line-height:1.35;font-style:italic}
.pq cite{display:block;margin-top:1.4rem;font-size:1.35rem;font-style:normal;color:var(--ink-soft)}
.ptable{overflow-x:auto;border:.1rem solid var(--line);border-radius:var(--r-md)}
.ptable table{width:100%;border-collapse:collapse;font-size:1.55rem;line-height:1.5;min-width:52rem}
.ptable th,.ptable td{padding:1.6rem 1.8rem;text-align:left;vertical-align:top;border-bottom:.1rem solid var(--line)}
.ptable tr:last-child td{border-bottom:0}
.ptable th{background:var(--ink);color:var(--paper);font-weight:600;font-size:1.4rem}
.ptable td:first-child{font-weight:600;color:var(--ink);background:rgba(233,231,223,.5)}
.ptable tr:hover td{background:rgba(198,164,99,.08)}
.pimg img{width:100%;border-radius:var(--r-lg)}
.pimg figcaption{margin-top:1.2rem;font-size:1.35rem;color:var(--ink-soft)}
.psteps{list-style:none;padding:0!important;counter-reset:s;display:grid;gap:0;border-top:.1rem solid var(--line)}
.psteps li{display:grid;grid-template-columns:6.4rem 1fr;gap:2rem;padding:2.8rem 0;border-bottom:.1rem solid var(--line);margin:0!important}
.psteps span{font-family:var(--ff-display);font-size:4rem;line-height:1;color:var(--brass-deep);letter-spacing:-.03em}
.psteps b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2.2rem;line-height:1.25;margin-bottom:.8rem}
.psteps p{font-size:1.65rem;line-height:1.65;color:var(--ink-soft)}
.pdocs{padding:3.2rem;border-radius:var(--r-lg);border:.1rem solid var(--line);background:var(--paper)}
.pdocs>b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2.2rem;margin-bottom:2rem}
.pdocs ul{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2.4rem}
.pdocs li{display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;font-size:1.55rem;line-height:1.5;margin:0!important}
.pdocs svg{width:2rem;height:2rem;color:var(--moss);margin-top:.2rem}
.pvid{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:var(--ink)}
.pvid__in,.pvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pvid__bg{position:absolute;inset:0;width:100%;height:100%}
.pvid__btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:3rem;border:0;background:none;color:var(--paper);cursor:pointer;text-align:center}
.pvid__play{width:8rem;height:8rem;border-radius:50%;background:var(--brass);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .6s var(--e-out)}
.pvid__play svg{width:3rem;height:3rem;margin-left:.4rem}
.pvid__btn:hover .pvid__play{transform:scale(1.08)}
.pvid__t{font-family:var(--ff-display);font-size:2.4rem;line-height:1.2;max-width:28ch}
.pvid__c{font-size:1.25rem;color:rgba(244,243,238,.6);max-width:48ch;line-height:1.5}
.pfaq{margin-top:7.2rem!important}
.pfaq details{border-bottom:.1rem solid var(--line)}
.pfaq details:first-of-type{border-top:.1rem solid var(--ink);margin-top:2.4rem}
.pfaq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem 0;cursor:pointer;font-family:var(--ff-display);font-size:2.1rem;line-height:1.3}
.pfaq summary::-webkit-details-marker{display:none}
.pfaq summary i{position:relative;flex:none;width:3.6rem;height:3.6rem;border-radius:50%;border:.1rem solid var(--line);transition:background-color .35s,transform .5s var(--e-out)}
.pfaq summary i::before,.pfaq summary i::after{content:"";position:absolute;left:50%;top:50%;width:1.2rem;height:.15rem;margin:-.075rem 0 0 -.6rem;background:currentColor;transition:transform .4s}
.pfaq summary i::after{transform:rotate(90deg)}
.pfaq details[open] summary i{background:var(--ink);color:var(--paper);transform:rotate(180deg)}
.pfaq details[open] summary i::after{transform:rotate(0)}
.pfaq details>div{padding:0 6rem 2.6rem 0;font-size:1.65rem;line-height:1.7;color:var(--ink-soft)}
.psrc{margin-top:6rem!important}
.psrc h2{font-size:1.25rem!important;font-family:var(--ff-body)!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--brass-deep);margin:0 0 1.6rem!important}
.psrc li+li{margin-top:.6rem}
.psrc ol{font-size:1.45rem;line-height:1.55;color:var(--ink-soft)}
.psrc a{color:var(--ink-soft)}
.pdisc{font-size:1.35rem!important;line-height:1.6;color:var(--ink-soft);padding-top:2.4rem;border-top:.1rem solid var(--line);margin-top:4rem!important}
.pauthor{display:grid;grid-template-columns:7.2rem 1fr;gap:2.4rem;padding:3.2rem;border-radius:var(--r-lg);background:var(--paper-soft);margin-top:4.8rem!important}
.pauthor img{width:7.2rem;height:7.2rem;border-radius:50%;background:var(--paper);padding:1rem}
.pauthor b{display:block;font-family:var(--ff-display);font-weight:500;font-size:2.2rem}
.pauthor small{display:block;font-size:1.25rem;font-weight:600;letter-spacing:.08em;color:var(--brass-deep);margin:.4rem 0 1.2rem}
.pauthor p{font-size:1.5rem;line-height:1.6;color:var(--ink-soft);margin-bottom:1.4rem!important}
.pauthor .link-u{font-size:1.45rem}

.prel{background:var(--paper);padding:6rem 0 10rem}
.ppn{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;margin-top:8rem;padding-top:3.2rem;border-top:.1rem solid var(--line)}
.ppn__a{display:flex;flex-direction:column;gap:.8rem;color:inherit;text-decoration:none;padding:2rem;border-radius:var(--r-md);transition:background-color .35s}
.ppn__a:hover{background:var(--paper-soft)}
.ppn__a small{font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.ppn__a b{font-family:var(--ff-display);font-weight:400;font-size:2rem;line-height:1.3}
.ppn__a--n{text-align:right;align-items:flex-end}
.hero--topic .hero__kicker i{width:1rem;height:1rem;margin-right:.4rem;vertical-align:.1rem}

@media (max-width:80em){
  .post__grid{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:6rem}
}
@media (max-width:64em){
  .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bsec{padding-top:8rem}
  .post{padding-top:6rem}
  .post__grid{grid-template-columns:1fr;gap:0}
  .post__side{order:2;margin-top:6rem;padding-top:4rem;border-top:.1rem solid var(--line)}
  .post__stick{position:static}
  .post__side .ptoc{display:none}
  .post__side .pshare{margin-top:0}
}
@media (max-width:48em){
  .bgrid,.bgrid--lead{grid-template-columns:1fr;gap:4rem}
  .bgrid .bc--lg a{display:flex}
  .bsec__head{margin-bottom:3.2rem;padding-bottom:2.4rem}
  .bsec--video{padding:8rem 0}
  .hero--post{padding-bottom:4rem}
  .phead__meta{gap:1.6rem 2.4rem;margin-top:3rem}
  .phead__by{flex-basis:100%}
  .prose{font-size:1.7rem}
  .pbrief{padding:2.6rem 2.2rem}
  .pn{padding:2rem;grid-template-columns:1fr;gap:1rem}
  .pdocs{padding:2.4rem}
  .pdocs ul{grid-template-columns:1fr}
  .psteps li{grid-template-columns:4.8rem 1fr;gap:1.4rem}
  .psteps span{font-size:3rem}
  .pfaq details>div{padding-right:0}
  .pauthor{grid-template-columns:1fr;padding:2.4rem}
  .ppn{grid-template-columns:1fr}
  .ppn__a--n{text-align:left;align-items:flex-start}
  .pvid__t{font-size:1.9rem}.pvid__play{width:6.4rem;height:6.4rem}
}

/* Dankeseite */
.tynext{padding:10rem 0 12rem;background:var(--paper)}
.tynext__list{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;border-top:.1rem solid var(--ink)}
.tynext__list li{padding:3.2rem 2.4rem 0 0}
.tynext__list span{font-family:var(--ff-display);font-size:4.4rem;line-height:1;color:var(--brass-deep)}
.tynext__list h2{font-family:var(--ff-display);font-weight:400;font-size:2.6rem;margin:2rem 0 1rem}
.tynext__list p{font-size:1.6rem;line-height:1.6;color:var(--ink-soft);max-width:34ch}
@media (max-width:48em){.tynext{padding:7rem 0 8rem}.tynext__list{grid-template-columns:1fr;gap:0}.tynext__list li{padding:2.8rem 0;border-bottom:.1rem solid var(--line)}}

/* Beitrag: Video-Datei, Galerie, Lightbox */
.pvidf{margin:4rem 0}
.pvidf video{display:block;width:100%;border-radius:var(--r-lg);background:var(--ink);aspect-ratio:16/9;object-fit:contain}
.pvidf figcaption,.pgal__cap{margin-top:1.2rem;font-size:1.35rem;color:var(--ink-soft)}
.pgal{display:grid;gap:1.2rem;margin:4rem 0}
.pgal--1{grid-template-columns:1fr}.pgal--2{grid-template-columns:1fr 1fr}.pgal--3{grid-template-columns:repeat(3,1fr)}
.pgal figure{margin:0}
.pgal a{display:block;border-radius:var(--r-md);overflow:hidden;cursor:zoom-in}
.pgal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 1s var(--e-out)}
.pgal a:hover img{transform:scale(1.04)}
.pgal figcaption{margin-top:.8rem;font-size:1.3rem;color:var(--ink-soft)}
.pgal__cap{grid-column:1/-1;margin:0}
.lbx{position:fixed;inset:0;z-index:300;background:rgba(13,26,43,.94);display:flex;align-items:center;justify-content:center;padding:4rem;opacity:0;transition:opacity .35s}
.lbx.is-on{opacity:1}
.lbx img{max-width:100%;max-height:100%;border-radius:var(--r-md);box-shadow:0 3rem 8rem rgba(0,0,0,.5)}
.lbx button{position:absolute;width:5.2rem;height:5.2rem;border-radius:50%;border:.1rem solid rgba(244,243,238,.3);background:rgba(13,26,43,.5);color:var(--paper);font-size:2.2rem;cursor:pointer}
.lbx .x{right:2.4rem;top:2.4rem}.lbx .p{left:2.4rem;top:50%;margin-top:-2.6rem}.lbx .n{right:2.4rem;top:50%;margin-top:-2.6rem}
@media (max-width:48em){.pgal--3{grid-template-columns:1fr 1fr}.lbx{padding:1.6rem}.lbx .p,.lbx .n{top:auto;bottom:2rem;margin:0}}

/* ------------------------------------------------------------ Rechtliches: Impressum, Datenschutz */
.legal{padding:10rem 0 12rem;background:var(--paper)}
.legal__grid{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,72rem);gap:4rem 8rem;justify-content:space-between}
.legal__aside{position:relative}
.legal__toc{position:sticky;top:calc(var(--nav-h) + 3.2rem)}
.legal__toc .eyebrow{display:block;margin-bottom:1.6rem;color:var(--brass-deep)}
.legal__toc ol{list-style:none;margin:0;padding:0;counter-reset:lt;border-left:.1rem solid var(--line)}
.legal__toc li{counter-increment:lt}
.legal__toc a{display:flex;gap:1rem;padding:.7rem 0 .7rem 1.6rem;margin-left:-.1rem;border-left:.2rem solid transparent;font-size:1.45rem;line-height:1.4;color:var(--ink-soft);text-decoration:none;transition:color .25s,border-color .25s}
.legal__toc a::before{content:counter(lt,decimal-leading-zero);font-size:1.1rem;letter-spacing:.06em;color:var(--brass-deep);padding-top:.25rem}
.legal__toc a:hover,.legal__toc a.is-on{color:var(--ink);border-left-color:var(--brass)}
.legal__other{display:inline-block;margin-top:2.8rem;font-size:1.45rem}
.legal__body{font-size:1.65rem;line-height:1.7;color:var(--ink)}
.legal__note{margin:0 0 4rem;padding:1.6rem 2rem;border-radius:var(--r-md);background:var(--clay-tint);font-size:1.45rem;color:var(--ink-soft)}
.legal__sec{padding:0 0 4rem;margin:0 0 4rem;border-bottom:.1rem solid var(--line);scroll-margin-top:calc(var(--nav-h) + 2.4rem)}
.legal__sec:last-of-type{border-bottom:0;margin-bottom:2rem}
.legal__sec h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.4rem,2.2vw,3rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 1.6rem}
.legal__sec p{margin:0 0 1.4rem}
.legal__sec p:last-child{margin-bottom:0}
.legal__sec ul{margin:0 0 1.4rem;padding:0;list-style:none}
.legal__sec li{position:relative;padding-left:2rem;margin:.5rem 0}
.legal__sec li::before{content:"";position:absolute;left:0;top:1.1rem;width:.7rem;height:.1rem;background:var(--brass-deep)}
.legal__sec a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:.3rem;overflow-wrap:anywhere}
.legal__sec a:hover{text-decoration-color:var(--ink)}
.legal__stand{font-size:1.3rem;letter-spacing:.04em;color:var(--ink-soft)}
@media (max-width:64em){.legal__grid{grid-template-columns:1fr}.legal__toc{position:static}}
@media (max-width:48em){.legal{padding:6rem 0 8rem}.legal__body{font-size:1.55rem}.legal__sec{padding-bottom:3rem;margin-bottom:3rem}}

/* ------------------------------------------------------------ Ofis Hamburg / Standort Hamburg */
.ofacts{position:relative;z-index:2;background:var(--paper);padding:0 0 10rem}
.ofacts__grid{list-style:none;margin:-7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}
.ofact{position:relative;display:flex;flex-direction:column;gap:.6rem;min-height:26rem;padding:2.8rem;border-radius:var(--r-xl);background:#faf9f5;border:.1rem solid var(--line);box-shadow:0 2.4rem 6rem -3rem rgba(13,26,43,.35)}
.ofact__ic{width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;background:var(--clay-tint);margin-bottom:auto}
.ofact__ic svg{width:2.2rem;height:2.2rem;fill:none;stroke:var(--brass-deep);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ofact__k{margin-top:2.4rem;font-size:1.15rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep)}
.ofact__v{font-family:var(--ff-display);font-size:clamp(2.2rem,1.9vw,2.6rem);line-height:1.15;color:var(--ink)}
.ofact__d{font-size:1.45rem;line-height:1.5;color:var(--ink-soft)}
.ofact__link{align-self:flex-start;margin-top:1rem;font-size:1.4rem}
.ofact__status{top:2.8rem;right:2.4rem}
.ofact__week{margin-top:1.2rem}
.ofact--addr{background:var(--ink);border-color:var(--ink)}
.ofact--addr .ofact__ic{background:rgba(198,164,99,.14)}
.ofact--addr .ofact__ic svg{stroke:var(--brass)}
.ofact--addr .ofact__k{color:var(--brass)}
.ofact--addr .ofact__v{color:var(--paper)}
.ofact--addr .ofact__d{color:rgba(228,225,214,.7)}
.ofact--addr .ofact__link{color:var(--brass-soft)}
@media (max-width:72em){.ofacts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:48em){.ofacts{padding-bottom:6rem}.ofacts__grid{margin-top:-4rem;grid-template-columns:1fr;gap:1.2rem}.ofact{min-height:0;padding:2.4rem}.ofact__ic{margin-bottom:0}.ofact__k{margin-top:1.6rem}}

.ointro{background:var(--paper);padding:2rem 0 12rem}
.ointro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8rem;align-items:center}
.ointro__h{font-size:clamp(3rem,3.8vw,5rem);line-height:1.08;max-width:18ch;margin-bottom:3.2rem}
.ointro__h em{color:var(--brass-deep)}
.ointro__p{font-size:1.75rem;line-height:1.7;color:var(--ink-soft);max-width:54ch}
.ointro__p+.ointro__p{margin-top:1.6rem}
.ointro__media{position:relative;min-height:62rem}
.ointro__ph{position:absolute;margin:0;overflow:hidden;border-radius:var(--r-xl);box-shadow:0 3rem 7rem -3.5rem rgba(13,26,43,.45)}
.ointro__ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.ointro__ph:hover img{transform:scale(1.04)}
.ointro__ph figcaption{position:absolute;left:1.6rem;bottom:1.6rem;padding:.6rem 1.2rem;border-radius:99rem;background:rgba(13,26,43,.72);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);color:var(--cream);font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.ointro__ph--1{right:0;top:0;width:68%;height:82%}
.ointro__ph--1 img{object-position:50% 30%}
.ointro__ph--2{left:0;bottom:0;width:52%;height:46%;border:.6rem solid var(--paper)}
.ointro__seal{position:absolute;left:8%;top:10%;width:11rem;height:11rem;border-radius:50%;background:var(--brass);display:grid;place-items:center;box-shadow:0 1.6rem 4rem -1.6rem rgba(138,107,51,.7);animation:oseal 24s linear infinite}
.ointro__seal img{width:5.6rem;height:5.6rem;filter:brightness(0) saturate(100%);opacity:.82}
@keyframes oseal{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ointro__seal{animation:none}}
@media (max-width:64em){.ointro__grid{grid-template-columns:1fr;gap:5rem}.ointro__media{min-height:56rem}}
@media (max-width:48em){.ointro{padding-bottom:7rem}.ointro__media{min-height:44rem}.ointro__ph--1{width:78%;height:78%}.ointro__ph--2{width:58%;height:44%;border-width:.4rem}.ointro__seal{width:8rem;height:8rem;left:4%;top:6%}.ointro__seal img{width:4rem;height:4rem}.ointro__p{font-size:1.6rem}}

.ovisit{background:var(--ink);color:var(--cream);padding:12rem 0}
.ovisit__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:end;margin-bottom:7rem}
.ovisit__k{color:var(--brass)}
.ovisit__h{font-size:clamp(3rem,3.8vw,5rem);color:var(--paper);max-width:16ch;grid-column:1}
.ovisit__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem;counter-reset:ov}
.ovisit__step{position:relative;padding-top:3.2rem;border-top:.1rem solid var(--line-cream)}
.ovisit__step::before{content:"";position:absolute;left:0;top:-.1rem;height:.2rem;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--e-out) calc(var(--i) * .15s)}
.ovisit__step.is-in::before,html:not(.has-anim) .ovisit__step::before{transform:scaleX(1)}
.ovisit__no{display:block;font-family:var(--ff-display);font-style:italic;font-size:4.4rem;line-height:1;color:var(--brass);margin-bottom:2.4rem}
.ovisit__step h3{font-family:var(--ff-display);font-weight:500;font-size:2.6rem;color:var(--paper);margin:0 0 1.2rem}
.ovisit__step p{font-size:1.5rem;line-height:1.65;color:rgba(228,225,214,.72)}
@media (max-width:64em){.ovisit__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.8rem 3.2rem}.ovisit__head{grid-template-columns:1fr}}
@media (max-width:48em){.ovisit{padding:7rem 0}.ovisit__head{margin-bottom:4.4rem}.ovisit__list{grid-template-columns:1fr;gap:3.6rem}.ovisit__no{font-size:3.6rem;margin-bottom:1.6rem}}

.odocs{background:var(--paper-soft);padding:12rem 0}
.odocs__head{max-width:72rem;margin-bottom:5.6rem}
.odocs__h{font-size:clamp(3rem,3.8vw,5rem);max-width:20ch}
.odocs__lead{margin-top:2rem;font-size:1.7rem;line-height:1.65;color:var(--ink-soft);max-width:58ch}
.odocs__grid{display:grid;grid-template-columns:minmax(0,32rem) minmax(0,1fr);gap:4rem;align-items:start}
.odocs__tabs{display:flex;flex-direction:column;gap:.4rem;position:sticky;top:calc(var(--nav-h) + 3.2rem)}
.odocs__tab{display:flex;align-items:baseline;gap:1.2rem;width:100%;text-align:left;padding:1.4rem 1.8rem;border:0;border-radius:var(--r-md);background:transparent;color:var(--ink-soft);font:inherit;font-size:1.6rem;cursor:pointer;transition:background-color .3s,color .3s}
.odocs__tab span{font-size:1.1rem;font-weight:600;letter-spacing:.08em;color:var(--brass-deep)}
.odocs__tab:hover{background:rgba(13,26,43,.05);color:var(--ink)}
.odocs__tab.is-on{background:var(--ink);color:var(--paper)}
.odocs__tab.is-on span{color:var(--brass)}
.odocs__tab:focus-visible{outline:.2rem solid var(--brass-deep);outline-offset:.2rem}
.odocs__panel{padding:4rem;border-radius:var(--r-xl);background:#faf9f5;border:.1rem solid var(--line)}
.odocs.is-js .odocs__panel:not(.is-on){display:none}
.odocs.is-js .odocs__panel.is-on{animation:opanel .5s var(--e-out)}
.odocs:not(.is-js) .odocs__panel+.odocs__panel{margin-top:1.6rem}
@keyframes opanel{from{opacity:0;transform:translateY(1.2rem)}}
.odocs__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem}
.odocs__top h3{font-family:var(--ff-display);font-weight:500;font-size:clamp(2.4rem,2.4vw,3.2rem);margin:0}
.odocs__count{font-size:1.35rem;color:var(--ink-soft)}
.odocs__count b{font-weight:700;color:var(--ink)}
.odocs__bar{display:block;height:.3rem;margin:2rem 0 2.4rem;border-radius:99rem;background:var(--line);overflow:hidden}
.odocs__bar i{display:block;height:100%;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e-out)}
.odocs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.odocs__more{display:inline-block;margin-top:2.8rem;font-size:1.45rem}
@media (max-width:64em){.odocs__grid{grid-template-columns:1fr}.odocs__tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) .4rem}.odocs__tabs::-webkit-scrollbar{display:none}.odocs__tab{flex:0 0 auto;width:auto;white-space:nowrap;border:.1rem solid var(--line);border-radius:99rem;padding:1.1rem 1.8rem}}
@media (max-width:48em){.odocs{padding:7rem 0}.odocs__tabs{margin:0 -1.6rem;padding:0 1.6rem .4rem}.odocs__panel{padding:2.4rem 1.8rem}.odocs__list{grid-template-columns:1fr}}

.oroute{background:var(--paper);padding:12rem 0 8rem}
.oroute__head{margin-bottom:5.6rem}
.oroute__h{font-size:clamp(3rem,3.8vw,5rem)}
.oroute__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.oroute__card{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:3.2rem;border-radius:var(--r-xl);border:.1rem solid var(--line);background:#faf9f5;color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .5s var(--e-out),box-shadow .5s var(--e-out),border-color .3s}
.oroute__card::after{content:"";position:absolute;inset:auto 0 0 0;height:.3rem;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e-out)}
.oroute__card:hover{transform:translateY(-.4rem);box-shadow:0 2.4rem 5rem -3rem rgba(13,26,43,.4);border-color:transparent}
.oroute__card:hover::after{transform:scaleX(1)}
.oroute__card:focus-visible{outline:.2rem solid var(--brass-deep);outline-offset:.3rem}
.oroute__ic svg{width:4.4rem;height:4.4rem;fill:none;stroke:var(--brass-deep);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.oroute__card h3{font-family:var(--ff-display);font-weight:500;font-size:2.6rem;margin:1.2rem 0 0}
.oroute__card p{font-size:1.5rem;line-height:1.6;color:var(--ink-soft);margin:0 0 1.6rem}
.oroute__go{margin-top:auto;display:inline-flex;align-items:center;gap:.8rem;font-size:1.45rem;font-weight:600}
.oroute__go svg{width:1.4rem;height:1.4rem;transition:transform .4s var(--e-out)}
.oroute__card:hover .oroute__go svg{transform:translateX(.4rem)}
.oroute__note{margin-top:2.8rem;font-size:1.45rem;color:var(--ink-soft)}
@media (max-width:64em){.oroute__grid{grid-template-columns:1fr}}
@media (max-width:48em){.oroute{padding:7rem 0 5rem}.oroute__card{padding:2.4rem}}
.ocband{padding-top:10rem}
@media (max-width:48em){.ocband{padding-top:6rem}}
.page-office .hero__container{padding-bottom:13rem}
@media (max-width:48em){.page-office .hero__container{padding-bottom:7rem}}

/* ------------------------------------------------------------ Google-Bewertungen (live, ohne Speicherung) */
.grev-anchor{height:0}
.grev{background:var(--paper);padding:11rem 0;overflow:hidden}
.grev[hidden]{display:none}
.grev.is-live .grev__side,.grev.is-live .grev__main{animation:grevin 1s var(--e-out) both}
.grev.is-live .grev__main{animation-delay:.12s}
@keyframes grevin{from{opacity:0;transform:translateY(2.4rem)}}
@media (prefers-reduced-motion:reduce){.grev.is-live .grev__side,.grev.is-live .grev__main{animation:none}}
.grev__grid{display:grid;grid-template-columns:minmax(0,34rem) minmax(0,1fr);gap:6rem;align-items:start}
.grev__k{display:block;color:var(--brass-deep);margin-bottom:1.6rem}
.grev__h{font-size:clamp(3rem,3.6vw,4.8rem);line-height:1.08}
.grev__h em{color:var(--brass-deep)}
.grev__score{display:flex;align-items:center;gap:1.8rem;margin:3.6rem 0 2.4rem;padding:2.4rem 0;border-top:.1rem solid var(--line);border-bottom:.1rem solid var(--line)}
.grev__num{font-family:var(--ff-display);font-weight:400;font-size:clamp(6rem,6vw,8rem);line-height:.9;letter-spacing:-.03em;color:var(--ink)}
.grev__stars{position:relative;display:inline-flex;gap:.3rem}
.grev__stars i{width:1.8rem;height:1.8rem;background:rgba(13,26,43,.14);-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.grev__stars i.is-on{background:var(--brass)}
.grev__stars i.is-half{background:linear-gradient(90deg,var(--brass) 50%,rgba(13,26,43,.14) 50%)}
.grev{--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5l2.6 5.5 6 .7-4.4 4.1 1.2 5.9L10 14.8l-5.4 2.9 1.2-5.9L1.4 7.7l6-.7z'/%3E%3C/svg%3E")}
.grev__count{display:block;margin-top:.8rem;font-size:1.45rem;color:var(--ink-soft)}
.grev__count b{color:var(--ink);font-weight:700}
.grev__all{font-size:1.5rem}
.grev__nav{display:flex;gap:1rem;margin-top:3.2rem}
.grev__nav button{width:5.2rem;height:5.2rem;border-radius:50%;border:.1rem solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background-color .3s,color .3s,border-color .3s}
.grev__nav button svg{width:1.8rem;height:1.8rem}
.grev__nav button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.grev__nav button:disabled{opacity:.35;pointer-events:none}
.grev__nav button:focus-visible{outline:.2rem solid var(--brass-deep);outline-offset:.3rem}
.grev__track{display:grid;align-items:start;grid-auto-flow:column;grid-auto-columns:minmax(30rem,44rem);gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.4rem .4rem 2.4rem;margin:-.4rem -.4rem 0;scrollbar-width:none;outline:0}
.grev__track::-webkit-scrollbar{display:none}
.grev__track:focus-visible{outline:.2rem solid var(--brass-deep);outline-offset:.2rem;border-radius:var(--r-xl)}
.grcard{scroll-snap-align:start;display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem;border-radius:var(--r-xl);background:#faf9f5;border:.1rem solid var(--line);min-height:32rem;transition:box-shadow .5s var(--e-out),transform .5s var(--e-out)}
.grcard:hover{box-shadow:0 2.4rem 5rem -3rem rgba(13,26,43,.35);transform:translateY(-.3rem)}
.grcard__top{display:flex;align-items:center;gap:1.4rem}
.grcard__av{flex:0 0 4.8rem;width:4.8rem;height:4.8rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--ink);color:var(--brass);font-family:var(--ff-display);font-size:1.9rem}
.grcard__av img{width:100%;height:100%;object-fit:cover;display:block}
.grcard__who{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.grcard__name{font-weight:600;font-size:1.55rem;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.grcard__name:hover{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:.3rem}
.grcard__time{font-size:1.25rem;color:var(--ink-soft)}
.grcard .grev__stars i{width:1.5rem;height:1.5rem}
.grcard__q{position:relative;font-size:1.6rem;line-height:1.65;color:var(--ink);display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.grcard.is-open .grcard__q{-webkit-line-clamp:unset;display:block}
.grcard__more{align-self:flex-start;margin-top:auto;padding:0;border:0;background:none;font:inherit;font-size:1.4rem;font-weight:600;color:var(--brass-deep);cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}
.grcard__more[hidden]{display:none}
.grev__foot{display:flex;align-items:flex-start;gap:2rem;margin-top:1.2rem}
.grev__attr{flex:0 0 auto;height:1.8rem;width:auto;margin-top:.2rem}
.grev__note{font-size:1.25rem;line-height:1.6;color:var(--ink-soft);max-width:78ch}
.grev__note a{color:inherit;text-decoration:underline;text-underline-offset:.2rem}
@media (max-width:64em){.grev__grid{grid-template-columns:1fr;gap:4rem}.grev__score{margin:2.8rem 0 2rem}.grev__nav{margin-top:2.4rem}}
@media (max-width:48em){.grev{padding:7rem 0}.grev__track{grid-auto-columns:86%;margin-right:-1.6rem;padding-right:1.6rem}.grcard{padding:2.4rem;min-height:0}.grev__foot{flex-direction:column;gap:1.2rem}}
.grev__side,.grev__main{min-width:0}

/* Hero: Vertrauenssiegel mit Google-Bewertungen (live) */
.hero__trust{--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5l2.6 5.5 6 .7-4.4 4.1 1.2 5.9L10 14.8l-5.4 2.9 1.2-5.9L1.4 7.7l6-.7z'/%3E%3C/svg%3E");
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:1rem 1.8rem;margin-top:3.2rem;padding:1.2rem 1.4rem 1.2rem 1.8rem;border-radius:99rem;
  background:rgba(13,26,43,.42);border:.1rem solid rgba(228,225,214,.22);backdrop-filter:blur(1.2rem) saturate(1.2);-webkit-backdrop-filter:blur(1.2rem) saturate(1.2);
  color:var(--cream);text-decoration:none;animation:trustin .9s var(--e-out) both;transition:background-color .35s,border-color .35s}
.hero__trust[hidden]{display:none}
.hero__trust:hover{background:rgba(13,26,43,.62);border-color:rgba(198,164,99,.6)}
.hero__trust:focus-visible{outline:.2rem solid var(--brass);outline-offset:.4rem}
@keyframes trustin{from{opacity:0;transform:translateY(1.2rem)}}
@media (prefers-reduced-motion:reduce){.hero__trust{animation:none}}
.hero__trust-score{display:inline-flex;align-items:center;gap:1rem}
.hero__trust-score b{font-family:var(--ff-display);font-weight:500;font-size:2.6rem;line-height:1;color:var(--paper)}
.hero__trust .grev__stars i{width:1.5rem;height:1.5rem;background:rgba(228,225,214,.28);-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.hero__trust .grev__stars i.is-on{background:var(--brass)}
.hero__trust .grev__stars i.is-half{background:linear-gradient(90deg,var(--brass) 50%,rgba(228,225,214,.28) 50%)}
.hero__trust-n{display:inline-flex;align-items:center;gap:1rem;font-size:1.4rem;color:rgba(244,243,238,.85);padding-left:1.8rem;border-left:.1rem solid rgba(228,225,214,.25)}
.hero__trust-n b{font-weight:700;color:var(--paper)}
.hero__trust-n img{height:1.6rem;width:auto;display:block}
.hero__trust-q{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border-radius:99rem;background:var(--brass);color:var(--ink);font-size:1.4rem;font-weight:600;transition:background-color .3s}
.hero__trust-q svg{width:1.4rem;height:1.4rem;transition:transform .4s var(--e-out)}
.hero__trust:hover .hero__trust-q{background:var(--brass-soft)}
.hero__trust:hover .hero__trust-q svg{transform:translateX(.3rem)}
@media (max-width:48em){
  .hero__trust{display:grid;grid-template-columns:auto 1fr;gap:1.2rem 1.4rem;width:100%;border-radius:1.8rem;padding:1.4rem 1.6rem;margin-top:2.6rem}
  .hero__trust[hidden]{display:none}
  .hero__trust-n{padding-left:1.4rem;flex-wrap:wrap;gap:.6rem 1rem}
  .hero__trust-q{grid-column:1 / -1;justify-content:center}
}
@media (min-width:48.01em){.hero__trust{flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 6.4rem);gap:1.6rem}.hero__trust-n{white-space:nowrap}.hero__trust-q{white-space:nowrap}}

/* Bewertungen: statische Fassung ohne Live-Daten */
.grev.is-static .grev--live-only,.hero__trust.is-static .grev--live-only{display:none!important}
.grev:not(.is-static) .grev--static-only,.hero__trust:not(.is-static) .grev--static-only{display:none!important}
.hero__trust.is-static .hero__trust-n{padding-left:0;border-left:0;font-weight:600;color:var(--paper);font-size:1.5rem}
.grev.is-static .grev__grid{align-items:center}
.grev__static{position:relative;padding:5.6rem 5.6rem 4.8rem;border-radius:var(--r-xl);background:var(--ink);color:var(--cream);overflow:hidden}
.grev__static::after{content:"";position:absolute;right:-5rem;bottom:-6rem;width:28rem;height:28rem;background:url(../img/tb-monogram.svg) center/contain no-repeat;opacity:.06;transform:rotate(-8deg);pointer-events:none}
.grev__qm{width:5.6rem;height:4.2rem;fill:var(--brass);margin-bottom:2.8rem}
.grev__static-q{position:relative;font-family:var(--ff-display);font-size:clamp(2.4rem,2.4vw,3.4rem);line-height:1.3;color:var(--paper);max-width:30ch}
.grev__static-a{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 3.2rem;margin-top:4rem}
.grev__static-a .link-u{color:var(--brass-soft)}
.grev__static .grev__attr{position:relative;display:block;margin-top:4rem;height:1.8rem;width:auto}
@media (max-width:48em){.grev__static{padding:3.6rem 2.4rem 3.2rem}.grev__static-a{flex-direction:column;align-items:stretch;text-align:center}.grev__static-a .btn{width:100%}}
@media (max-width:48em){.grev__static-a .link-u{align-self:center}}

/* Bewertungen: Puan sichtbar, sobald Daten da sind (auch ohne Kartenliste) */
.grev:not(.has-score) .grev--score{display:none!important}
.grev__src{display:block;margin-top:.4rem;font-size:1.2rem;color:var(--ink-soft)}
.grev__src[hidden]{display:none}
.grcard__av:empty{display:none}
.grev__nav[hidden]{display:none}

/* ---------- YouTube-Vorschau mit eigenem Vorschaubild ---------- */
.pvid{isolation:isolate}
.pvid__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e-out)}
.pvid__img--lo{transform:scale(1.02)}
.pvid__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,26,43,0) 55%,rgba(13,26,43,.82) 100%),rgba(13,26,43,.12)}
.pvid--th .pvid__btn{justify-content:flex-end;align-items:flex-start;text-align:left;gap:.8rem;padding:2.8rem 3.2rem}
.pvid--th .pvid__play{position:absolute;top:50%;left:50%;margin:-4rem 0 0 -4rem;box-shadow:0 1.2rem 3.6rem rgba(0,0,0,.35)}
.pvid--th .pvid__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pvid--th .pvid__c{font-size:1.2rem;max-width:60ch;color:rgba(244,243,238,.78)}
.pvid:hover .pvid__img{transform:scale(1.035)}
.pvid .pvid__yt,.prose .pvid__yt{position:absolute;z-index:2;border:0;top:1.4rem;right:1.4rem;font-size:1.2rem;letter-spacing:.02em;color:var(--paper);text-decoration:none;padding:.6rem 1.2rem;border-radius:99px;background:rgba(13,26,43,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.85;transition:opacity .3s,background .3s}
.pvid .pvid__yt:hover,.pvid .pvid__yt:focus-visible{opacity:1;background:rgba(13,26,43,.8)}
.pvid iframe{z-index:3}
@media (max-width:48em){
  .pvid--th .pvid__btn{padding:1.6rem 1.8rem}
  .pvid--th .pvid__c{display:none}
  .pvid--th .pvid__play{width:5.6rem;height:5.6rem;margin:-2.8rem 0 0 -2.8rem}
  .pvid--th .pvid__play svg{width:2.2rem;height:2.2rem}
  .pvid__yt{top:1rem;right:1rem;font-size:1.1rem;padding:.4rem .9rem}
}

/* ---------- Basında Biz / Presse ---------- */
.page-press .hero__bg img{object-position:50% 18%}
.prs{background:var(--paper);padding:12rem 0 10rem}
.prs__head{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem 6rem;flex-wrap:wrap;margin-bottom:4.8rem}
.prs__head .asec__h{margin:0}
.prs__stats{display:flex;gap:4.8rem;margin:0}
.prs__stats div{display:flex;flex-direction:column;gap:.4rem}
.prs__stats dt{font-family:var(--ff-display);font-size:4.8rem;line-height:1;color:var(--ink)}
.prs__stats dd{margin:0;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.prs__outlets{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem 4rem;padding:2.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:8rem}
.prs__ok{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-deep)}
.prs__outlets ul{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;list-style:none;margin:0;padding:0}
.prs__outlets li{display:flex;align-items:center;gap:.9rem;font-family:var(--ff-display);font-size:2.1rem;color:var(--ink)}
.prs__outlets svg{width:2rem;height:2rem;color:var(--brass-deep);flex:none}
.prs__list{list-style:none;margin:0;padding:0;display:grid;gap:10rem}
.pr{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6.4rem;align-items:start;scroll-margin-top:calc(var(--nav-h) + 3rem)}
.pr--alt .pr__media{order:2}
.pr__media{position:sticky;top:calc(var(--nav-h) + 3rem)}
.pr__img{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper-soft)}
.pr__img img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 25%}
.pr__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.pr__type{display:inline-flex;align-items:center;gap:.7rem;padding:.6rem 1.2rem .6rem 1rem;border-radius:99px;background:var(--clay-tint);color:var(--brass-deep);font-weight:600}
.pr--tv .pr__type,.pr--radio .pr__type{background:var(--moss-tint);color:var(--moss)}
.pr__type svg{width:1.7rem;height:1.7rem}
.pr__out{margin:2rem 0 0;font-size:1.5rem;color:var(--ink-soft)}
.pr__t{font-size:clamp(2.8rem,3vw,4rem);line-height:1.12;margin:1rem 0 1.8rem;color:var(--ink)}
.pr__x{font-size:1.75rem;line-height:1.6;color:var(--ink-soft);margin:0;max-width:56ch}
.pr__more{margin-top:2.8rem}
.pr__more summary{display:inline-flex;align-items:center;gap:1.2rem;cursor:pointer;list-style:none;font-size:1.5rem;font-weight:600;color:var(--ink);padding:1.2rem 2rem;border:1px solid var(--line);border-radius:99px;transition:background .3s,border-color .3s}
.pr__more summary::-webkit-details-marker{display:none}
.pr__more summary:hover{background:var(--paper-soft);border-color:rgba(13,26,43,.3)}
.pr__more summary i{position:relative;width:1.2rem;height:1.2rem}
.pr__more summary i::before,.pr__more summary i::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;transition:transform .4s var(--e-out)}
.pr__more summary i::after{transform:rotate(90deg)}
.pr__more[open] summary i::after{transform:rotate(0)}
.pr__more [data-close],.pr__more[open] [data-open]{display:none}
.pr__more[open] [data-close]{display:inline}
.pr__full{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid var(--line)}
.pr__full > :first-child{margin-top:0}
.pr__full h3{font-size:2.2rem;margin:3.2rem 0 1.2rem}
.prs__note{display:flex;gap:1.2rem;align-items:flex-start;margin:9rem 0 0;padding:2.4rem 2.8rem;border-radius:var(--r-lg);background:var(--paper-soft);font-size:1.45rem;line-height:1.6;color:var(--ink-soft);max-width:88rem}
.prs__note svg{width:2rem;height:2rem;flex:none;margin-top:.1rem;color:var(--brass-deep)}
@media (max-width:64em){
  .prs{padding:8rem 0 7rem}
  .pr{grid-template-columns:1fr;gap:3.2rem}
  .pr--alt .pr__media{order:0}
  .pr__media{position:static}
  .prs__list{gap:7rem}
  .prs__outlets{margin-bottom:6rem}
}
@media (max-width:48em){
  .prs{padding:6rem 0 5rem}
  .prs__stats{gap:2.8rem}
  .prs__stats dt{font-size:3.6rem}
  .prs__outlets{gap:1.4rem;padding:2rem 0}
  .prs__outlets ul{gap:1rem 2rem}
  .prs__outlets li{font-size:1.7rem}
  .pr__x{font-size:1.6rem}
  .prs__note{margin-top:6rem;padding:2rem}
}

/* ---------- Basında Biz: Kopf mit gefächerten Karten ---------- */
.hero--press{min-height:0;background:var(--ink)}
.hero--press .hero__bg--none{background:
  radial-gradient(60rem 40rem at 78% 40%,rgba(198,164,99,.16),transparent 70%),
  radial-gradient(50rem 50rem at 10% 110%,rgba(56,80,110,.45),transparent 70%),
  linear-gradient(180deg,#0b1626 0%,var(--ink) 100%)}
.hero--press .hero__veil{background:none}
.hero--press .hero__container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46rem);gap:6rem;align-items:end;padding-bottom:8rem}
.hero--press .hero__content{padding-bottom:0}
.prh-stack{position:relative;height:46rem;align-self:center;margin-top:4rem}
.prh-card{position:absolute;width:30rem;display:flex;flex-direction:column;border-radius:1.6rem;overflow:hidden;background:var(--paper);color:var(--ink);text-decoration:none;
  box-shadow:0 3rem 6rem rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);transition:transform .8s var(--e-out),box-shadow .8s var(--e-out);
  opacity:0;animation:prh-in 1.1s var(--e-out) forwards;animation-delay:calc(.6s + var(--i) * .14s)}
.prh-card--1{left:0;top:2rem;--r:-7deg;z-index:1}
.prh-card--2{left:14rem;top:0;--r:4deg;z-index:2}
.prh-card--3{left:7rem;top:17rem;--r:-1.5deg;z-index:3}
.prh-card{transform:rotate(var(--r))}
.prh-card:hover,.prh-card:focus-visible{transform:rotate(0) translateY(-1.2rem) scale(1.03);z-index:5;box-shadow:0 4rem 8rem rgba(0,0,0,.55)}
@keyframes prh-in{from{opacity:0;transform:rotate(var(--r)) translateY(4rem)}to{opacity:1;transform:rotate(var(--r))}}
.prh-card__vis{position:relative;display:block;aspect-ratio:16/10;background:var(--walnut);overflow:hidden}
.prh-card__vis img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.prh-card__play{position:absolute;left:50%;top:50%;width:4.8rem;height:4.8rem;margin:-2.4rem 0 0 -2.4rem;border-radius:50%;background:var(--brass);color:var(--ink);display:flex;align-items:center;justify-content:center}
.prh-card__play svg{width:2rem;height:2rem;margin-left:.2rem}
.prh-card__b{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.8rem 1.8rem}
.prh-card__m{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep)}
.prh-card__m svg{width:1.5rem;height:1.5rem}
.prh-card__b b{font-family:var(--ff-display);font-weight:400;font-size:2rem;line-height:1.2}
@media (prefers-reduced-motion:reduce){.prh-card{animation:none;opacity:1}}
@media (min-width:64.01em){
  .prh-stack{height:auto;display:flex;flex-direction:column;gap:1.6rem;margin-top:0}
  .prh-card{position:relative;left:auto;top:auto;width:auto;flex-direction:row;align-items:stretch}
  .prh-card--2{margin-right:3rem}
  .prh-card--1{--r:-1.2deg;margin-left:3rem}
  .prh-card--2{--r:1deg;margin-left:0}
  .prh-card--3{--r:-.6deg;margin-left:5rem}
  .prh-card__vis{flex:0 0 17rem;aspect-ratio:auto;min-height:11rem}
  .prh-card__b{justify-content:center;padding:1.6rem 2rem}
  .prh-card__play{width:3.8rem;height:3.8rem;margin:-1.9rem 0 0 -1.9rem}
  .prh-card__play svg{width:1.6rem;height:1.6rem}
  .prh-card__b b{font-size:1.9rem}
}
@media (max-width:64em){
  .hero--press .hero__container{grid-template-columns:1fr;gap:3.2rem;padding-bottom:5rem}
  .prh-stack{height:auto;margin:0 calc(var(--pad) * -1);padding:1rem var(--pad) 2rem;display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .prh-stack::-webkit-scrollbar{display:none}
  .prh-card{position:relative;left:auto;top:auto;flex:0 0 26rem;scroll-snap-align:start;--r:0deg}
}
@media (max-width:48em){.prh-stack{margin:0 -1.6rem;padding:1rem 1.6rem 2rem}.prh-card{flex-basis:24rem}.prh-card__b b{font-size:1.8rem}}

/* ---------- Basında Biz: Filter und Verzeichnis ---------- */
.prs__filter{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.4rem}
.prs__filter button{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.6rem;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:1.45rem;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.prs__filter button svg{width:1.7rem;height:1.7rem;color:var(--brass-deep)}
.prs__filter button small{font-size:1.15rem;opacity:.6}
.prs__filter button:hover{border-color:rgba(13,26,43,.35)}
.prs__filter button[aria-checked="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.prs__filter button[aria-checked="true"] svg{color:var(--brass-soft)}
.prs__idx{list-style:none;margin:0 0 9rem;padding:0;border-top:1px solid var(--line)}
.prs__idx li{border-bottom:1px solid var(--line)}
.prs__idx li[hidden],.pr[hidden]{display:none}
.prs__idx a{display:grid;grid-template-columns:11rem minmax(0,22rem) minmax(0,1fr) 4rem;gap:2.4rem;align-items:center;padding:2.2rem .8rem;color:var(--ink);text-decoration:none;transition:background .3s,padding .5s var(--e-out)}
.prs__idx a:hover{background:var(--paper-soft);padding-left:1.6rem}
.prs__d{display:flex;align-items:baseline;gap:.8rem}
.prs__d b{font-family:var(--ff-display);font-weight:400;font-size:3.6rem;line-height:1}
.prs__d span{font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);line-height:1.3}
.prs__o{display:flex;align-items:center;gap:.8rem;font-size:1.45rem;color:var(--ink-soft)}
.prs__o svg{width:1.8rem;height:1.8rem;flex:none;color:var(--brass-deep)}
.prs__tt{font-family:var(--ff-display);font-size:2.2rem;line-height:1.25}
.prs__go{display:flex;justify-content:flex-end;color:var(--brass-deep);transition:transform .5s var(--e-out)}
.prs__idx a:hover .prs__go{transform:translateX(.6rem)}
.pr:target .pr__t,.pr.is-hl .pr__t{color:var(--brass-deep);transition:color .6s}
@media (max-width:64em){.prs__idx a{grid-template-columns:9rem minmax(0,1fr) 3rem;gap:.6rem 2rem}.prs__o{grid-column:2}.prs__tt{grid-column:2}.prs__go{grid-column:3;grid-row:1 / span 2}}
@media (max-width:48em){.prs__idx a{grid-template-columns:7.2rem minmax(0,1fr);padding:1.8rem .2rem}.prs__d{flex-direction:column;gap:.2rem}.prs__d b{font-size:3rem}.prs__go{display:none}.prs__tt{font-size:1.85rem}.prs__idx{margin-bottom:6rem}}