/* Werkbank Carlton-Europe. Farben, Schriften, Knöpfe und Tapete wie auf der Seite selbst (assets/css/main.css).
   Aufbau nach der Werkbank von Salt & Silver, Flair des Hauses: Türflügel, Messinglinien, Titel in normaler Schreibung.
   Bewegt wird nur über transform und opacity, der Scroll bleibt nativ, ein Takt für alles, was am Scroll hängt. */
@font-face{font-family:'Baskerville CE';font-style:normal;font-weight:400 700;font-display:swap;src:url('../assets/fonts/libre-baskerville-700.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('../assets/fonts/InstrumentSans-normal-400_600.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/DMMono-normal-400.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/DMMono-normal-500.woff2') format('woff2')}
@font-face{font-family:'Baskerville Ersatz';src:local('Georgia Bold'),local('Georgia-Bold'),local('Georgia');size-adjust:112%}
@font-face{font-family:'Sans Ersatz';src:local('Arial');size-adjust:99%}
:root{
  --nacht:#06142b; --tief:#040e1f; --navy:#0b1f40; --blau:#12305e; --papier:#f4ecdc; --creme:#e8dbbf; --weiss:#fbf6ea; --gold:#dcc68f; --messing:#a98a45; --taupe:#8a7545; --tinte:#0c1526;
  --serif:'Baskerville CE','Baskerville Ersatz',Georgia,serif;
  --sans:'Instrument Sans','Sans Ersatz',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'DM Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --e1:cubic-bezier(.16,1,.3,1); --e2:cubic-bezier(.32,.72,0,1); --e3:cubic-bezier(.34,1.3,.5,1);
  --rand:clamp(20px,4.6vw,76px); --max:1480px; --abschnitt:clamp(92px,10.6vw,172px); --rund:clamp(26px,3.4vw,52px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;overflow-x:clip}
body{margin:0;background:var(--nacht);color:#fff;font-family:var(--sans);font-size:17.5px;line-height:1.64;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
::selection{background:var(--gold);color:var(--tinte)}
:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px;border-radius:6px}

/* ---------- Flächen: jedes Blatt schiebt sich mit runder Kante über das vorige ---------- */
.fl{position:relative;padding:var(--abschnitt) var(--rand)}
.blatt{border-radius:var(--rund) var(--rund) 0 0;margin-top:calc(var(--rund)*-1);padding-bottom:calc(var(--abschnitt) + var(--rund))}
.fl--nacht{background:var(--nacht)} .fl--tief{background:var(--tief)} .fl--navy{background:var(--navy)} .fl--blau{background:#0d2750}
.fl--papier{background:var(--papier);color:var(--tinte)} .fl--creme{background:var(--creme);color:var(--tinte)}
.tapete{background-image:url(../assets/img/tapete-navy.webp?v=ba8679c1);background-size:1100px auto;background-position:50% 0}
.in{max-width:var(--max);margin:0 auto;position:relative}

/* ---------- Schrift: Titel in normaler Schreibung, Betonung über Farbe ---------- */
.t1,.t2,.t3{font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:1.07;text-wrap:balance}
.t1{font-size:clamp(3rem,7.4vw,7.9rem);line-height:1.04}
.t2{font-size:clamp(2.2rem,4.9vw,5.1rem)}
.t3{font-size:clamp(1.36rem,1.9vw,1.9rem);line-height:1.16}
.t1 em,.t2 em,.t3 em{font-style:normal;color:var(--gold)}
.fl--papier em,.fl--creme em{color:var(--taupe)}
.z{display:block;overflow:hidden;padding:.16em .04em .14em;margin:-.16em -.04em -.14em}
.z>span{display:block;transform:translateY(112%);transition:transform 1.3s var(--e1);transition-delay:calc(var(--vz,0ms) + var(--n,0)*120ms)}
.da .z>span,.z.da>span{transform:none}
.z:nth-child(2)>span{--n:1}.z:nth-child(3)>span{--n:2}
@media(min-width:640px){.zt .z{white-space:nowrap}.zt .z>span{width:max-content}.mitte .zt .z>span{margin-inline:auto}}
/* Kapitelzeile wie auf der Seite: Zahl in der Titelschrift, Messingstrich, Wort */
.kap{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:clamp(1rem,1.14vw,1.16rem);color:var(--gold);margin-bottom:clamp(20px,2.3vw,34px)}
.kap i{flex:none;width:clamp(40px,5vw,84px);height:1px;background:currentColor;opacity:.75;transform-origin:left}
.kap[data-a] i{transform:scaleX(0);transition:transform 1.2s var(--e1) .25s}
.kap[data-a].da i{transform:none}
.fl--papier .kap,.fl--creme .kap{color:var(--taupe)}
.lauf{font-size:clamp(1.06rem,1.22vw,1.24rem);line-height:1.68;max-width:56ch;color:rgba(255,255,255,.8)}
.fl--papier .lauf,.fl--creme .lauf{color:rgba(12,21,38,.84)}
.lauf p+p{margin-top:1.05em}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase}
.kopfzeile{display:grid;gap:clamp(22px,3vw,48px);align-items:end;margin-bottom:clamp(44px,5.2vw,88px)}
@media(min-width:960px){.kopfzeile{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.kopfzeile .lauf{padding-bottom:.4em}

/* ---------- Bewegung beim Hereinkommen ---------- */
[data-a]{transition:opacity .9s var(--e1),transform 1.25s var(--e1);transition-delay:calc(var(--vz,0ms) + var(--i,0)*90ms)}
[data-a="auf"]{opacity:0;transform:translateY(42px)}
[data-a="kipp"]{opacity:0;transform:perspective(1300px) rotateX(14deg) translateY(64px) scale(.975);transform-origin:50% 100%}
[data-a="schweb"]{opacity:0;transform:translateY(120px) rotate(var(--r0,0deg)) scale(.93);transition-duration:1.05s,1.7s}
[data-a="gross"]{opacity:0;transform:scale(.92)}
[data-a].da{opacity:1;transform:none}
[data-a="schweb"].da{transform:rotate(var(--r,0deg))}
[data-a="worte"] .wt{display:inline-block;opacity:0;transform:translateY(.75em);transition:opacity .8s var(--e1),transform 1s var(--e1);transition-delay:calc(var(--vz,0ms) + var(--w)*17ms)}
[data-a="worte"].da .wt{opacity:1;transform:none}
[data-a="worte"]{transition:none}
[data-drift]{will-change:transform}

/* ---------- Auftakt: die Türflügel des Hauses gehen auf ---------- */
/* Kein Tor mehr am Anfang (Robert 10.10.2026): die Werkbank steht sofort da. */
.auftakt{--vz:120ms}

/* ---------- Knöpfe mit Tiefe (wie auf der Seite) ---------- */
.kn{--o:#fbf3e2;--m:#e8dbbf;--u:#cfbd98;--t:var(--tinte);--licht:rgba(255,255,255,.92);--kante:rgba(110,88,44,.38);--tf:rgba(0,0,0,.6);
  --ko:#1e3c72;--ku:#050f22;--kt:var(--weiss);--klicht:rgba(255,255,255,.24);
  position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 8px 0 27px;border-radius:999px;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--t);
  background:linear-gradient(180deg,var(--o) 0%,var(--m) 46%,var(--u) 100%);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 1px 1px rgba(0,0,0,.3),0 16px 26px -14px var(--tf);
  transition:transform .55s var(--e2),box-shadow .55s var(--e2),translate .5s var(--e1);translate:var(--mx,0px) var(--my,0px)}
.kn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(255,255,255,.08),0 2px 2px rgba(0,0,0,.25),0 26px 34px -16px var(--tf)}
.kn:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px rgba(0,0,0,.28),inset 0 -1px 0 var(--kante),0 1px 1px rgba(0,0,0,.3),0 6px 12px -8px var(--tf)}
.kn::after{content:'';position:absolute;z-index:-1;top:-20%;bottom:-20%;left:0;width:38%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translateX(-180%) skewX(-18deg);transition:transform 0s}
.kn:hover::after{transform:translateX(360%) skewX(-18deg);transition:transform 1s var(--e1)}
.kn i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--ko),var(--ku));color:var(--kt);
  box-shadow:inset 0 1px 0 var(--klicht),inset 0 -2px 0 rgba(0,0,0,.28),0 3px 6px rgba(0,0,0,.35);transition:transform .6s var(--e2)}
.kn:hover i{transform:translateX(2px) scale(1.05)}
.kn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.2;transition:transform .6s var(--e2)}
.kn:hover svg{transform:translate(2px,-2px)}
.kn--nacht,.fl--papier .kn,.fl--creme .kn,.hell .kn{--o:#1f3f77;--m:#0b1f40;--u:#040d1e;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tf:rgba(6,20,43,.6);--ko:#fbf3e2;--ku:#cfbd98;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.kn--nacht::after,.fl--papier .kn::after,.fl--creme .kn::after,.hell .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}
.kn--linie{--o:#24477f;--m:#12305e;--u:#0a1c3b;--t:#fff;--licht:rgba(255,255,255,.24);--kante:rgba(0,0,0,.45);--tf:rgba(0,0,0,.55);--ko:#fbf3e2;--ku:#cfbd98;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.16) 50%,transparent 100%)}
.fl--papier .kn--linie,.fl--creme .kn--linie,.hell .kn--linie{--o:#fffdf7;--m:#f6eedd;--u:#e0d2b6;--t:var(--tinte);--licht:#fff;--kante:rgba(110,88,44,.28);--tf:rgba(74,58,26,.42);--ko:#1e3c72;--ku:#050f22;--kt:var(--weiss);--klicht:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 var(--licht),inset 0 -3px 0 var(--kante),inset 0 0 0 1px rgba(110,88,44,.16),0 1px 1px rgba(74,58,26,.2),0 16px 26px -14px var(--tf)}
.fl--papier .kn--linie::after,.fl--creme .kn--linie::after,.hell .kn--linie::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}
.kn--klein{height:44px;padding-left:20px;font-size:11px;gap:10px}
.kn--klein i{width:32px;height:32px}
.kn-reihe{display:flex;flex-wrap:wrap;gap:12px}
.rund{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--tinte);
  background:linear-gradient(180deg,#fbf3e2,#cfbd98);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 0 rgba(110,88,44,.38),0 14px 22px -12px rgba(0,0,0,.6);transition:transform .5s var(--e2),opacity .3s}
.rund:hover{transform:translateY(-2px) scale(1.04)} .rund:active{transform:translateY(1px) scale(.96)}
.rund[disabled]{opacity:.3;pointer-events:none}
.rund svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}
.rund--nacht,.fl--papier .rund,.fl--creme .rund{color:#fff;background:linear-gradient(180deg,#24477f,#12305e 50%,#0a1c3b);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,0,0,.5),0 14px 22px -12px rgba(6,20,43,.6)}
.pfeil{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:7px 0;position:relative}
.pfeil::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;opacity:.4;transform-origin:left;transition:transform .6s var(--e1)}
.pfeil:hover::after{transform:scaleX(.35)}
.pfeil svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.3;transition:transform .5s var(--e2)}
.pfeil:hover svg{transform:translate(2px,-2px)}

/* ---------- Glanzkante: nur am Knopf in der Leiste ---------- */
@property --ga{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gp{syntax:"<percentage>";initial-value:6%;inherits:false}
.glanz{isolation:isolate;position:relative;overflow:hidden;border:1px solid transparent;border-radius:999px;color:var(--papier);display:inline-flex;align-items:center;gap:11px;height:44px;padding:0 20px 0 22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(180deg,#1a3d76,#0a1f44) padding-box,conic-gradient(from var(--ga),transparent,var(--gold) var(--gp),#fff calc(var(--gp)*2),var(--taupe) calc(var(--gp)*3),transparent calc(var(--gp)*4)) border-box;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 14px 26px -16px rgba(0,0,0,.8);animation:ga 4s linear infinite;transition:--gp .8s cubic-bezier(.25,1,.5,1),transform .5s var(--e2)}
.glanz:hover{--gp:18%}
.glanz:active{transform:translateY(1px)}
.glanz svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .5s var(--e2)}
.glanz:hover svg{transform:translate(3px,-3px)}
@keyframes ga{to{--ga:360deg}}

/* ---------- Leiste ---------- */
.leiste{position:fixed;z-index:50;top:18px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding:0 12px;transform:translateY(-150%);animation:leiste 1.1s var(--e1) .35s forwards}
@keyframes leiste{to{transform:none}}
.insel{pointer-events:auto;display:flex;align-items:center;gap:clamp(14px,1.7vw,28px);height:62px;padding:0 9px 0 22px;border-radius:999px;color:#fff;max-width:100%;
  border:1px solid rgba(220,198,143,.28);background:linear-gradient(180deg,#12305e,#081a38);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 30px -18px rgba(0,0,0,.85)}
.insel__m{display:flex;align-items:center;gap:12px;flex:none}
.insel__m svg{height:25px;width:auto;color:var(--gold)}
.insel__m b{font-family:var(--serif);font-weight:700;font-size:1.02rem;letter-spacing:.07em;white-space:nowrap}
.insel__m span{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding-left:12px;border-left:1px solid rgba(220,198,143,.35)}
.insel nav{display:flex;gap:clamp(12px,1.5vw,24px)}
.insel nav a{font-family:var(--mono);font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.72);padding:10px 0;position:relative;transition:color .4s;white-space:nowrap}
.insel nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--e1)}
.insel nav a:hover,.insel nav a.an{color:#fff}
.insel nav a:hover::after,.insel nav a.an::after{transform:scaleX(1);transform-origin:left}
@media(max-width:1240px){.insel nav{display:none}.insel{padding-left:18px}}
@media(max-width:620px){.insel__m b{display:none}.insel__m span{border-left:0;padding-left:0;font-size:11.5px}.insel{height:56px;gap:16px;padding-left:18px}.glanz{height:40px;padding:0 15px 0 17px;font-size:10.5px}}
.gang-linie{position:fixed;z-index:49;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;will-change:transform}

/* ---------- Rahmen: Fenster, Handy, Abzug ---------- */
img.ld{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.js img.ld:not(.da){opacity:0}
.js img.ld.da{animation:einblend .6s var(--e1) both}
@keyframes einblend{from{opacity:0}to{opacity:1}}
.fen{border-radius:16px;overflow:hidden;background:var(--tief);box-shadow:0 0 0 1px rgba(220,198,143,.22),0 50px 70px -40px rgba(0,0,0,.9)}
.fen__k{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#0d2548}
.fen__k i{width:8px;height:8px;border-radius:50%;background:rgba(220,198,143,.42)}
.fen__k span{margin-left:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fen img{width:100%}
.tel{border-radius:34px;padding:7px;background:#030a17;box-shadow:0 0 0 1px rgba(220,198,143,.3),0 40px 50px -30px rgba(0,0,0,.95)}
.tel img{border-radius:27px;width:100%}
/* Abzug: ein Foto auf Karton mit feiner Innenlinie, wie eine alte Ansichtskarte */
.abzug{position:relative;background:#f6eedd;padding:9px 9px 36px;box-shadow:0 26px 34px -22px rgba(0,0,0,.85),inset 0 0 0 1px rgba(110,88,44,.16);color:var(--tinte)}
.abzug img{width:100%;aspect-ratio:1;object-fit:cover}
.abzug span{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:var(--serif);font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}

/* ---------- Auftakt ---------- */
.auftakt{position:relative;min-height:100svh;padding:clamp(112px,13vh,164px) var(--rand) calc(clamp(34px,5vh,60px) + var(--rund));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
  background:var(--nacht) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/1100px auto}
.auftakt .in{width:100%;display:grid;gap:clamp(30px,4vw,60px);align-items:end}
@media(min-width:1080px){.auftakt .in{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}}
.auftakt .in.auftakt__fuss{display:flex}
.auftakt__t{position:relative;z-index:2}
.auftakt h1{font-size:clamp(2.9rem,5.5vw,5.9rem)}
.auftakt .gruss{font-family:var(--serif);font-size:clamp(1.08rem,1.3vw,1.34rem);color:var(--gold);margin-bottom:clamp(16px,2vw,28px);display:flex;align-items:center;gap:16px}
.auftakt .gruss::before{content:'';width:clamp(40px,5vw,84px);height:1px;background:currentColor;opacity:.75}
.auftakt .lauf{margin-top:clamp(22px,2.6vw,36px);max-width:43ch;font-size:clamp(1.1rem,1.34vw,1.36rem)}
.auftakt .kn-reihe{margin-top:clamp(26px,3vw,42px)}
.stapel{position:relative;aspect-ratio:1/.8;width:100%;max-width:900px;justify-self:end}
.stapel>*{position:absolute;will-change:transform}
.stapel .fen{left:0;top:9%;width:86%;--r:-2deg;--r0:-6deg}
.stapel .tel{right:-1%;bottom:-3%;width:23.5%;--r:4deg;--r0:12deg;--i:4;animation:wieg 7s ease-in-out 4.4s infinite alternate}
@keyframes wieg{to{translate:0 -12px}}
.stapel .abzug--1{left:-4%;top:-6%;width:24%;--r:-6deg;--r0:-15deg;--i:6}
.stapel .abzug--1 img{aspect-ratio:3/2}
.stapel .abzug--2{left:35%;bottom:-3%;width:18%;--r:4deg;--r0:11deg;--i:8}
.stapel .abzug--3{right:2%;top:-9%;width:17%;--r:6deg;--r0:15deg;--i:7}
.auftakt__fuss{margin-top:clamp(40px,6vh,76px);padding-top:18px;border-top:1px solid rgba(220,198,143,.3);flex-wrap:wrap;gap:8px 30px;justify-content:space-between;color:rgba(255,255,255,.6)}
.runter{display:inline-flex;align-items:center;gap:10px}
.runter i{width:1px;height:26px;background:var(--gold);transform-origin:top;animation:runter 2.4s var(--e2) infinite}
@keyframes runter{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1) translateY(26px);opacity:0}}
@media(max-width:1079px){.stapel{max-width:640px;justify-self:center;margin-top:26px}}
@media(max-width:860px){.stapel .abzug--3{right:0;top:-12%;width:24%}.stapel .abzug--1{width:30%}}
@media(max-width:560px){.stapel .abzug--2{display:none}.stapel .tel{width:29%}.auftakt__fuss span:nth-child(2){display:none}.abzug span{font-size:10px;bottom:8px}.abzug{padding:6px 6px 28px}}

/* ---------- Brief ---------- */
.brief{display:grid;gap:clamp(40px,6vw,110px)}
@media(min-width:1000px){.brief{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start}}
.brief .lauf{font-size:clamp(1.12rem,1.38vw,1.4rem);line-height:1.64;max-width:43ch;margin-top:clamp(28px,3.2vw,48px)}
.gruss-u{margin-top:40px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px 22px}
.gruss-u b{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,3.8vw,3.9rem);line-height:1}
.gruss-u small{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);padding-bottom:7px}
.brief__r{position:relative;display:grid;gap:18px}
@media(min-width:1000px){.brief__r{position:sticky;top:112px}}
.brief__haus{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 34px 44px -30px rgba(74,58,26,.7)}
.brief__haus img{width:100%;height:100%;object-fit:cover}
.schild{position:absolute;left:0;bottom:0;padding:13px 24px 12px 20px;border-radius:0 22px 0 0;background:var(--papier);font-family:var(--serif);font-size:1.1rem;line-height:1.2;color:var(--tinte)}
.schild small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-top:3px}
.werte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.werte li{position:relative}
.werte .b{display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#ddd;box-shadow:0 24px 30px -22px rgba(74,58,26,.7)}
.werte img{width:100%;height:100%;object-fit:cover}
.werte span{display:block;text-align:center;font-family:var(--serif);font-size:1.02rem;margin-top:10px}
.karte3{border-radius:28px;padding:clamp(24px,2.6vw,36px);background:linear-gradient(180deg,#12305e,#071a38);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(220,198,143,.2),0 30px 40px -26px rgba(6,20,43,.8)}
.karte3 h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.14;margin-bottom:6px}
.karte3 p{color:rgba(255,255,255,.76);font-size:1rem}
.kurs{width:100%;height:auto;margin-top:14px;color:#fff;overflow:visible}
.kurs text{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;fill:rgba(255,255,255,.72)}
.kurs .ort{font-family:var(--serif);font-size:16.5px;letter-spacing:.01em;text-transform:none;fill:#fff}
.kurs .weg{stroke:var(--gold);stroke-width:1.2;fill:none;stroke-dasharray:3 6}
.kurs .pkt{fill:var(--creme)} .kurs .da0{fill:var(--gold)}
.kurs .welle{fill:none;stroke:var(--gold);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:welle 3s ease-out infinite}
@keyframes welle{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(3.2)}}

/* ---------- Mitgebracht ---------- */
.gaben{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.gabe{position:relative;display:flex;flex-direction:column;min-height:clamp(400px,35vw,500px);border-radius:30px;overflow:hidden;padding:26px;color:#fff;background:var(--tief);box-shadow:inset 0 0 0 1px rgba(220,198,143,.24),0 40px 50px -36px rgba(0,0,0,.9)}
.gabe__b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s var(--e2)}
.gabe:hover .gabe__b{transform:scale(1.1)}
.gabe>*:not(.gabe__b){position:relative}
.gabe b{font-family:var(--serif);font-weight:400;font-size:clamp(3.8rem,5.8vw,5.9rem);line-height:1;color:var(--gold);white-space:nowrap}
.gabe h3{font-family:var(--serif);font-weight:400;font-size:1.62rem;line-height:1.14;margin:auto 0 8px;padding-top:30px}
.gabe p{color:rgba(255,255,255,.88);font-size:1.02rem;line-height:1.5;max-width:30ch}
.gabe .pfeil{margin-top:16px;align-self:flex-start}
.odo{display:inline-flex;align-items:flex-start;overflow:hidden;height:1.16em;line-height:1.16;vertical-align:top}
.odo i{display:block;font-style:normal;height:1.16em;overflow:hidden}
.odo .od{display:block;width:var(--b,auto);text-align:center;transition:transform 2.2s var(--e1);transition-delay:calc(var(--i)*130ms + 250ms)}

/* ---------- Laufzeile: schmal, läuft von selbst ---------- */
.zeile{position:relative;overflow:hidden;padding:clamp(9px,.9vw,13px) 0 calc(clamp(9px,.9vw,13px) + var(--rund));box-shadow:inset 0 1px 0 rgba(220,198,143,.22);margin-top:calc(var(--rund)*-1);border-radius:var(--rund) var(--rund) 0 0;background:var(--tief)}
.zeile__z{display:flex;align-items:center;width:max-content;gap:1.1em;font-family:var(--serif);font-size:clamp(.95rem,1.15vw,1.2rem);letter-spacing:.06em;line-height:1.2;color:rgba(244,236,220,.5);white-space:nowrap;animation:zug 80s linear infinite;animation-play-state:paused;will-change:transform}
.zeile.sichtbar .zeile__z{animation-play-state:running}
.zeile__z b{font-weight:400;color:var(--gold)}
.zeile__z svg{flex:none;height:.7em;width:auto;color:var(--messing);opacity:.8}
@keyframes zug{to{transform:translateX(-50%)}}

/* ---------- Vorher / Nachher ---------- */
.vgl{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:1440/900;background:#000;box-shadow:0 0 0 1px rgba(220,198,143,.24),0 60px 80px -50px rgba(0,0,0,.9);--x:50%;touch-action:pan-y}
.vgl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.vgl .neu{clip-path:inset(0 0 0 var(--x))}
.vgl__g{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--gold);pointer-events:none}
.vgl__g i{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);
  background:linear-gradient(180deg,#fbf3e2,#cfbd98);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 rgba(110,88,44,.38),0 14px 22px -10px rgba(0,0,0,.8)}
.vgl__g svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4}
.vgl input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.vgl__e{position:absolute;bottom:16px;padding:10px 18px;border-radius:999px;background:var(--navy);color:var(--papier);font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(220,198,143,.4)}
.vgl__e--l{left:16px} .vgl__e--r{right:16px}
@media(max-width:700px){.vgl{aspect-ratio:4/3;border-radius:18px}.vgl img{object-position:left top}}

/* ---------- Band zum Blättern ---------- */
.gang{position:relative}
.band{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:hidden;touch-action:pan-y;scroll-snap-type:none;scrollbar-width:none;padding:10px var(--rand) 44px;margin:0 calc(var(--rand)*-1);scroll-padding-inline:var(--rand);overscroll-behavior-x:contain}
.band::-webkit-scrollbar{display:none}
.band>*{flex:none;scroll-snap-align:start}
.gang__f{display:flex;align-items:center;gap:18px;margin-top:4px}
.gang__b{flex:1;height:2px;background:rgba(255,255,255,.16);position:relative;overflow:hidden;border-radius:2px}
.fl--papier .gang__b,.fl--creme .gang__b{background:rgba(12,21,38,.14)}
.gang__b i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(.1);transition:transform .3s var(--e2)}
.fl--papier .gang__b i,.fl--creme .gang__b i{background:var(--navy)}
.gang__z{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;opacity:.7;min-width:5.5em;text-align:right}

/* ---------- Ideen ---------- */
.idee{width:min(84vw,580px);color:#fff}
.idee__b{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/10.4;background:var(--tief);box-shadow:0 0 0 1px rgba(220,198,143,.2),0 40px 50px -34px rgba(0,0,0,.95)}
.idee__b img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);transform:scale(1.14);transition:transform 1.9s var(--e1)}
.idee.da .idee__b img{transform:none}
.idee.da:hover .idee__b img{transform:scale(1.045)}
.idee__n{position:absolute;right:0;bottom:0;padding:12px 20px 9px 24px;border-radius:24px 0 0 0;background:var(--navy);font-family:var(--serif);font-size:1.7rem;line-height:1;color:var(--gold)}
.idee h3{font-family:var(--serif);font-weight:400;font-size:1.66rem;line-height:1.14;margin:22px 0 8px}
.idee p{color:rgba(255,255,255,.76);font-size:1.04rem;line-height:1.56;max-width:44ch}

/* ---------- Gefüge ---------- */
.brett-scroll{overflow-x:auto;margin:0 calc(var(--rand)*-1);padding:0 var(--rand) 6px;scrollbar-width:thin}
.brett-box{min-width:1160px;border-radius:28px;background:var(--tief);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(220,198,143,.2),0 40px 60px -40px rgba(0,0,0,.95);overflow:hidden}
.brett-k{position:relative;height:50px;border-bottom:1px solid rgba(220,198,143,.18)}
.brett-k span{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.56);white-space:nowrap;transition:color .4s}
.brett-k span i{font-style:normal;color:var(--gold);margin-right:10px}
.brett{position:relative;width:100%;min-height:0;background-image:linear-gradient(rgba(220,198,143,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(220,198,143,.045) 1px,transparent 1px);background-size:38px 38px}
.brett svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.bl{fill:none;stroke:#6c6243;stroke-width:1.2;transition:opacity .45s,stroke .45s}
.bk{fill:none;stroke:#8f8257;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .45s,stroke .45s}
.brett.leise .bl:not(.heiss),.brett.leise .bk:not(.heiss){opacity:.12}
.bl.heiss{stroke:var(--gold);stroke-width:1.8} .bk.heiss{stroke:var(--gold)}
.bn{position:absolute;transform:translate(-50%,0);width:206px;transition:opacity .55s var(--e1),transform .8s var(--e3)}
.brett.vor .bn{opacity:0;transform:translate(-50%,26px) scale(.88) rotate(var(--kd,0deg))}
.brett.vor .bk{opacity:0}
.brett.leise .bn:not(.heiss){opacity:.26}
.bn button{display:block;width:100%;text-align:left;border-radius:18px;overflow:hidden;border:1px solid transparent;color:#fff;
  background:linear-gradient(180deg,#14335f 0%,#0c2347 50%,#081a37 100%) padding-box,linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.06) 60%,rgba(255,255,255,.12)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -10px 18px -12px rgba(0,0,0,.9),0 18px 30px -18px rgba(0,0,0,.95);transition:transform .5s var(--e2),box-shadow .5s var(--e2)}
.bn button:hover{transform:translateY(-4px) scale(1.02)}
.bn button:active{transform:translateY(1px) scale(.99)}
.bn .hd{display:block;padding:11px 14px 10px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}
.bn b{display:block;font-family:var(--serif);font-weight:400;font-size:16px;line-height:1.16}
.bn small{display:block;margin-top:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.85}
.bn .lv{display:none}
.bn .lv span{display:flex;align-items:baseline;gap:9px;padding:3px 16px;font-size:13px;color:rgba(255,255,255,.66);line-height:1.35;transition:color .3s}
.bn .lv span::before{content:'';flex:none;width:4px;height:4px;border-radius:50%;background:var(--messing);transform:translateY(-2px)}
.brett.vor .bn .lv{opacity:0}
.bn button:hover .lv span,.bn.heiss .lv span{color:rgba(255,255,255,.92)}
.bn--ein button{color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#e2d3b2) padding-box,linear-gradient(180deg,#fff,#c9b68c) border-box;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 rgba(110,88,44,.3),0 18px 30px -18px rgba(0,0,0,.95)}
.bn--ein .hd{background:none}
.bn--ein small{color:var(--taupe);opacity:1}
.bn--ein .lv{border-color:rgba(12,21,38,.12)}
.bn--ein .lv span,.bn--ein button:hover .lv span,.bn--ein.heiss .lv span{color:rgba(12,21,38,.78)}
.bn--seite button{background:linear-gradient(180deg,#1b4380,#0e2a57) padding-box,linear-gradient(120deg,var(--gold),#6c6243 55%,var(--gold)) border-box}
.bn--seite .lv span::before{background:var(--gold)}
.bn--sys button{background:linear-gradient(var(--tief),var(--tief)) padding-box,linear-gradient(180deg,rgba(220,198,143,.75),rgba(220,198,143,.25)) border-box}
.bn.gewaehlt button{background:linear-gradient(180deg,#1f4a8c,#0f2d5c) padding-box,linear-gradient(120deg,#fff,var(--gold)) border-box;transform:translateY(-4px) scale(1.03)}
.bn--ein.gewaehlt button{background:linear-gradient(180deg,#fffaf0,#e9dcbe) padding-box,linear-gradient(120deg,var(--messing),#fff) border-box}
.brett-f{padding:16px 20px;border-top:1px solid rgba(220,198,143,.18);font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center}
.brett-p{position:relative;display:grid;gap:14px 34px;margin-top:20px;padding:clamp(22px,2.4vw,34px);border-radius:26px;background:linear-gradient(180deg,#12305e,#0a2148);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(220,198,143,.18);align-items:center;overflow:hidden}
@media(min-width:900px){.brett-p{grid-template-columns:300px minmax(0,1fr) auto}}
.brett-p .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.brett-p .t{font-family:var(--serif);font-size:1.7rem;line-height:1.14}
.brett-p p{color:rgba(255,255,255,.82)}
.brett-p .weg{margin-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.85}
.brett-p .wechsel{transition:opacity .35s,transform .5s var(--e1)}
.brett-p.neu .wechsel{opacity:0;transform:translateY(10px);transition:none}
.brett-p__k{display:flex;flex-wrap:wrap;gap:10px}
.brett-uhr{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.brett-uhr.laeuft{transition:transform var(--dauer,3.6s) linear;transform:scaleX(1)}
.brett-h{margin-top:14px;font-size:14px;color:rgba(255,255,255,.55)}
@media(min-width:1260px){.brett-h{display:none}}

/* ---------- Seiten: Bühne zum Durchklicken ---------- */
.wahl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--rand)*-1) clamp(22px,2.6vw,36px);padding:6px var(--rand) 14px}
.wahl::-webkit-scrollbar{display:none}
.wahl button{flex:none;height:46px;padding:0 20px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--tinte);white-space:nowrap;
  background:linear-gradient(180deg,#fffdf7,#efe5d0);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(110,88,44,.22),inset 0 0 0 1px rgba(110,88,44,.16),0 8px 14px -10px rgba(74,58,26,.45);transition:transform .45s var(--e2)}
.wahl button:hover{transform:translateY(-1px)} .wahl button:active{transform:translateY(1px)}
.wahl button[aria-pressed="true"]{color:#fff;background:linear-gradient(180deg,#1f3f77,#0b1f40 50%,#040d1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(0,0,0,.55),inset 0 0 0 1px rgba(220,198,143,.5),0 10px 16px -10px rgba(6,20,43,.7)}
.schau{display:grid;gap:clamp(22px,3vw,44px);align-items:center}
@media(min-width:1100px){.schau{grid-template-columns:minmax(0,1fr) 300px}}
.schau__f{position:relative}
.schau .fen{box-shadow:0 0 0 1px rgba(12,21,38,.16),0 50px 60px -40px rgba(74,58,26,.75)}
.schau__s{position:relative;aspect-ratio:1440/900;overflow:hidden;background:var(--tief);touch-action:pan-y}
.schau__s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(var(--von,6%)) scale(1.02);transition:opacity .6s var(--e1),transform 1s var(--e1)}
.schau__s img.an{opacity:1;transform:none}
.schau__s img.weg{opacity:0;transform:translateX(var(--nach,-6%)) scale(1.02)}
.schau__p{position:absolute;top:50%;z-index:3;margin-top:-28px}
.schau__p--l{left:-18px} .schau__p--r{right:-18px}
@media(max-width:700px){.schau__p--l{left:6px}.schau__p--r{right:6px}.schau__p{width:46px;height:46px;margin-top:-23px}}
.schau__u{display:flex;align-items:center;gap:16px;margin-top:18px;color:rgba(12,21,38,.66)}
.schau__pk{display:flex;gap:6px}
.schau__pk i{width:22px;height:3px;border-radius:2px;background:rgba(12,21,38,.18);transition:background .3s,transform .4s var(--e2);transform-origin:left}
.schau__pk i.an{background:var(--navy);transform:scaleX(1.5);margin-right:11px}
.schau__r{display:grid;gap:22px;justify-items:start}
.schau__r .tel{width:min(100%,250px);justify-self:center;box-shadow:0 0 0 1px rgba(12,21,38,.3),0 40px 50px -30px rgba(74,58,26,.8)}
.schau__r .tel div{position:relative;aspect-ratio:390/844;border-radius:27px;overflow:hidden;background:var(--tief)}
.schau__r .tel img{position:absolute;inset:0;height:100%;object-fit:cover;border-radius:0;opacity:0;transition:opacity .6s var(--e1)}
.schau__r .tel img.an{opacity:1}
.schau__t h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.2vw,2.2rem);line-height:1.12}
.schau__t p{margin:8px 0 18px;color:rgba(12,21,38,.78);font-size:1.04rem;line-height:1.5}
@media(max-width:1099px){.schau__r{grid-template-columns:120px 1fr;align-items:center}.schau__r .tel{width:120px;border-radius:22px;padding:5px}.schau__r .tel div{border-radius:18px}}

/* ---------- Unterlagen: Fächer ---------- */
.karten{display:grid;gap:clamp(40px,5vw,90px);align-items:center}
.karten .t2{font-size:clamp(2.1rem,3.9vw,4.1rem)}
@media(min-width:1000px){.karten{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}
.faecher{position:relative;aspect-ratio:1/.74;max-width:820px;width:100%;justify-self:center}
.blattk{position:absolute;top:10%;width:36%;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 36px 44px -26px rgba(0,0,0,.8);background:#fff;transition:transform 1s var(--e3),opacity 1s var(--e1);transition-delay:calc(var(--j)*130ms);opacity:0;transform:translateY(150px) rotate(0deg)}
.blattk img{width:100%}
.blattk span{position:absolute;left:0;right:0;bottom:0;padding:11px 13px;background:var(--navy);color:#fff;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.blattk span b{font-weight:400;color:var(--gold)}
.blattk--1{left:0}.blattk--2{left:21.5%;top:5%;z-index:1}.blattk--3{left:43%;top:2%;z-index:2}.blattk--4{left:64%;top:6%;z-index:1}
.da .blattk{opacity:1}
.da .blattk--1{transform:rotate(-9deg)} .da .blattk--2{transform:rotate(-3.5deg)} .da .blattk--3{transform:rotate(2.5deg)} .da .blattk--4{transform:rotate(8deg)}
.da .blattk--1:hover{transform:rotate(-9deg) translateY(-22px);transition-delay:0s} .da .blattk--2:hover{transform:rotate(-3.5deg) translateY(-22px);transition-delay:0s} .da .blattk--3:hover{transform:rotate(2.5deg) translateY(-22px);transition-delay:0s} .da .blattk--4:hover{transform:rotate(8deg) translateY(-22px);transition-delay:0s}
.namenzug{margin-top:clamp(34px,4vw,60px);overflow:hidden;border-top:1px solid rgba(220,198,143,.24);border-bottom:1px solid rgba(220,198,143,.24);padding:16px 0}
.namenzug div{display:flex;width:max-content;gap:2.2em;font-family:var(--serif);font-size:clamp(1.05rem,1.4vw,1.4rem);color:rgba(255,255,255,.74);white-space:nowrap;animation:zug 90s linear infinite;animation-play-state:paused;will-change:transform}
.namenzug.sichtbar div{animation-play-state:running}
.namenzug span::after{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--messing);margin-left:2.2em;vertical-align:.2em}

/* ---------- Handschrift ---------- */
.bogen{border-radius:34px;background:#fbf6ea;color:var(--tinte);box-shadow:inset 0 1px 0 #fff,0 50px 70px -50px rgba(0,0,0,.9);overflow:hidden}
.bogen__z{border-top:1px solid rgba(12,21,38,.12)}
.bogen__z:first-child{border-top:0}
.bogen__zl{padding:clamp(26px,3.2vw,52px)}
.etik{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);display:flex;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,2.2vw,32px)}
.marke{display:grid;gap:34px;align-items:center}
@media(min-width:900px){.marke{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.marke__w{color:var(--navy);max-width:440px}
.marke__w svg{width:100%;height:auto;display:block}
.marke__w .mono-ce{color:var(--messing)}
.marke p{color:rgba(12,21,38,.8);max-width:40ch}
.schriften{display:grid}
@media(min-width:900px){.schriften{grid-template-columns:1.25fr 1fr 1fr}.schriften>div+div{border-left:1px solid rgba(12,21,38,.12)}}
@media(max-width:899px){.schriften>div+div{border-top:1px solid rgba(12,21,38,.12)}}
.schrift__g{font-size:clamp(5.2rem,9.4vw,9.8rem);line-height:1;color:var(--navy)}
.schrift__g--a{font-family:var(--serif)}
.schrift__g--s{font-family:var(--sans);font-weight:400;letter-spacing:-.04em}
.schrift__g--m{font-family:var(--mono);font-weight:400;letter-spacing:-.06em}
.schrift__n{font-family:var(--serif);font-size:1.4rem;margin-top:18px}
.schrift__p{margin-top:8px;color:rgba(12,21,38,.78);font-size:1rem;line-height:1.5}
.schrift__b{margin-top:16px;padding-top:14px;border-top:1px solid rgba(12,21,38,.12);color:var(--tinte)}
.farbkarten{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.2vw,18px)}
@media(max-width:640px){.farbkarten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.farbkarte{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(12,21,38,.1),0 22px 26px -20px rgba(74,58,26,.6)}
.farbkarte i{display:block;aspect-ratio:1/1.25;transition:transform .7s var(--e3);transform-origin:50% 100%}
.farbkarte:hover i{transform:scaleY(1.06)}
.farbkarte span{display:block;padding:12px 12px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);line-height:1.6;position:relative;background:#fff}
.farbkarte b{display:block;font-family:var(--serif);font-weight:400;font-size:1.1rem;letter-spacing:0;text-transform:none;color:var(--tinte)}
.tapetenband{position:relative;background:var(--navy) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 50%/900px auto;padding:clamp(34px,4.4vw,70px) clamp(26px,3.2vw,52px);display:grid;gap:26px;align-items:center;color:#fff}
@media(min-width:900px){.tapetenband{grid-template-columns:auto minmax(0,1fr)}}
.tapetenband svg{height:clamp(76px,9vw,128px);width:auto;color:var(--gold)}
.tapetenband p{max-width:46ch;color:rgba(255,255,255,.84)}
.tapetenband .etik{color:var(--gold);margin-bottom:10px}
.probe-kn{display:grid;gap:26px;align-items:center}
@media(min-width:900px){.probe-kn{grid-template-columns:1fr auto}}
.probe-kn p{color:rgba(12,21,38,.8);max-width:46ch}

/* ---------- Papier ---------- */
.papier{display:grid;gap:16px}
@media(min-width:1000px){.papier{grid-template-columns:1fr 1fr}}
.pk{position:relative;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;padding:clamp(24px,2.6vw,38px);color:#fff;background:linear-gradient(180deg,#12305e,#0a2148);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(220,198,143,.2)}
.pk--hell{background:#b3a47c;color:var(--tinte);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pk__b{position:relative;flex:none;aspect-ratio:1/.8;margin:0 -6px 22px}
.pk__b>*{position:absolute;will-change:transform}
.pk__b img{width:100%;height:auto}
.kleb img{transition:transform .7s var(--e3)}
.kleb:hover img{transform:scale(1.14) rotate(-4deg)}
.bogenb img{border-radius:4px;box-shadow:0 26px 30px -20px rgba(40,30,10,.7);transition:transform .7s var(--e3)}
.bogenb:hover img{transform:translateY(-14px) scale(1.03)}
/* Türkarten hängen an einem Messingknauf und pendeln einmal aus */
.haengt{transform-origin:50% -6%}
.haengt.da img{animation:pendel 3.4s var(--e2) calc(var(--i,0)*120ms + .5s) both}
@keyframes pendel{0%{transform:rotate(7deg)}22%{transform:rotate(-5deg)}44%{transform:rotate(3.2deg)}64%{transform:rotate(-1.8deg)}82%{transform:rotate(.8deg)}100%{transform:none}}
.haengt img{transform-origin:50% 0}
.pk h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,2.9vw,2.9rem);line-height:1.1}
.pk p{margin:10px 0 22px;max-width:44ch;color:rgba(255,255,255,.82)}
.pk--hell p{color:rgba(12,21,38,.86)}
.pk .kn{align-self:flex-start;margin-top:auto}
.pk--hell .kn{--o:#1f3f77;--m:#0b1f40;--u:#040d1e;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tf:rgba(6,20,43,.6);--ko:#fbf3e2;--ku:#cfbd98;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.pk--hell .kn::after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}

/* ---------- Material ---------- */
.streu{display:flex;justify-content:center;align-items:flex-start;margin:0 0 clamp(44px,5.4vw,90px);padding:0 2%}
.streu .abzug{flex:1;max-width:260px;margin:0 -1.2%}
.streu .abzug:nth-child(odd){margin-top:30px}
.streu .abzug img{aspect-ratio:4/5}
@media(max-width:700px){.streu .abzug:nth-child(n+4){display:none}.streu .abzug{margin:0 -3%}}
.mitte{text-align:center}
.mitte .lauf{margin-inline:auto}

/* ---------- Ausblick und Schluss ---------- */
.dazu{display:grid;gap:clamp(22px,3.4vw,60px)}
@media(min-width:900px){.dazu{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:stretch}}
.dazu__gross{position:relative;display:flex;flex-direction:column;min-height:clamp(320px,30vw,430px);border-radius:30px;padding:clamp(28px,3.2vw,48px);color:#fff;background:var(--navy) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/900px auto;box-shadow:inset 0 0 0 1px rgba(220,198,143,.28),0 34px 40px -30px rgba(6,20,43,.7)}
.dazu__gross svg{height:clamp(40px,4.4vw,58px);width:auto;align-self:flex-start;color:var(--gold);margin-bottom:auto}
.dazu__gross small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:34px 0 10px}
.dazu__gross h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,2.8vw,2.8rem);line-height:1.1;margin-bottom:12px}
.dazu__gross p{color:rgba(255,255,255,.86);max-width:42ch}
.dazu__z li{padding:clamp(20px,2.2vw,30px) 0;border-top:1px solid rgba(12,21,38,.2)}
.dazu__z li:last-child{border-bottom:1px solid rgba(12,21,38,.2)}
.dazu__z h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.16;margin-bottom:8px}
.dazu__z p{color:rgba(12,21,38,.84);max-width:56ch}
.schluss{position:relative;min-height:100svh;display:flex;align-items:center;padding:var(--abschnitt) var(--rand);clip-path:inset(0 round var(--rund) var(--rund) 0 0);margin-top:calc(var(--rund)*-1);color:#fff;background:var(--nacht)}
.schluss__b{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}
.schluss .in{width:100%}
.schluss .t1{font-size:clamp(2.6rem,6.3vw,6.8rem)}
.schluss .lauf{font-size:clamp(1.14rem,1.42vw,1.44rem);color:rgba(255,255,255,.94);margin-top:clamp(22px,2.6vw,38px);max-width:46ch}
.schluss .kn-reihe{margin-top:clamp(28px,3vw,44px)}
.schluss .gruss-u small{color:var(--gold)}
.schluss .gruss-u b{font-size:clamp(1.7rem,2.5vw,2.6rem)}
@media(max-width:900px){.schluss__b{position:absolute}}

/* ---------- Fuss ---------- */
.fuss{position:relative;background:var(--tief);padding:clamp(40px,5vw,70px) var(--rand);color:rgba(255,255,255,.62);font-size:.95rem}
.fuss .in{display:grid;gap:24px}
@media(min-width:860px){.fuss .fuss__u{grid-template-columns:1fr 1fr;align-items:end}}
.fuss b{display:block;font-family:var(--serif);font-weight:400;font-size:1.4rem;color:#fff;margin-bottom:6px}
.fuss p{max-width:58ch}
.fuss .r{display:flex;flex-wrap:wrap;gap:8px 26px}
.fuss .r a:hover{color:#fff}
@media(min-width:860px){.fuss .r{justify-content:flex-end}}
.fuss .wege{display:block;padding-bottom:clamp(34px,4vw,60px);margin-bottom:clamp(30px,3.6vw,54px);border-bottom:1px solid rgba(220,198,143,.22)}
.fuss .wege__t{font-size:clamp(1.7rem,2.4vw,2.4rem);margin-bottom:clamp(18px,2vw,28px)}
.wege__r{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.zielk{display:block;color:#fff}
.zielk__b{display:block;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#0d2548;box-shadow:inset 0 0 0 1px rgba(220,198,143,.22);transition:transform .7s var(--e2)}
.zielk__b img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--e2)}
.zielk:hover .zielk__b{transform:translateY(-6px)}
.zielk:hover .zielk__b img{transform:scale(1.05)}
.zielk__z{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.fuss .zielk__z b{margin:0;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.1;min-width:0;overflow-wrap:anywhere}
.zielk__z i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#fbf3e2,#cfbd98);color:var(--tinte);box-shadow:0 6px 10px -6px rgba(0,0,0,.8);transition:transform .5s var(--e2)}
.zielk__z i svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}
.zielk:hover .zielk__z i{transform:translate(2px,-2px)}
@media(max-width:1100px){.wege__r{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}}
@media(max-width:560px){.wege__r{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-a],.z>span,[data-a="worte"] .wt,.blattk,.kap[data-a] i{opacity:1!important;transform:none!important}
  .tor{display:none}.leiste{transform:none}
}
@media print{[data-a],.z>span,[data-a="worte"] .wt{opacity:1!important;transform:none!important}.leiste,.gang-linie,.tor{display:none}}

/* ---------- Feed: das Handy in der Mitte, acht Beiträge als Abzüge rundherum (keiner verdeckt einen anderen) ---------- */
.feedb{display:grid;gap:clamp(40px,5vw,80px);align-items:center}
@media(min-width:1000px){.feedb{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)}}
.feedb .t2{font-size:clamp(2.1rem,3.9vw,4.1rem)}
.feedb__r{position:relative;aspect-ratio:1/.88;width:100%;max-width:920px;justify-self:center}
.feedb__r>*{position:absolute;will-change:transform}
.feedb__h{left:33.5%;top:5%;width:33%}
.feedb__h img{width:100%;height:auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55))}
.feedb__k{width:15%;padding:5px 5px 26px}
.feedb__k img{aspect-ratio:3/4;width:100%;height:auto}
.feedb__k span{font-size:10.5px;bottom:7px}
.feedb__k--1{left:0;top:3%}.feedb__k--2{left:16.5%;top:20%}.feedb__k--3{left:1%;top:53%}.feedb__k--4{left:17%;top:66%}
.feedb__k--5{left:68.5%;top:12%}.feedb__k--6{left:85%;top:0}.feedb__k--7{left:68%;top:61%}.feedb__k--8{left:84.5%;top:47%}
@media(max-width:700px){
  .feedb__r{aspect-ratio:1/1.2}
  .feedb__h{left:26%;width:48%;top:3%}
  .feedb__k{width:22%;padding:4px 4px 20px}.feedb__k span{font-size:9px;bottom:5px}
  .feedb__k--1{left:0;top:2%}.feedb__k--2{left:1%;top:35%}.feedb__k--3{left:0;top:68%}
  .feedb__k--5{left:78%;top:6%}.feedb__k--6{left:77%;top:39%}.feedb__k--7{left:78%;top:71%}
  .feedb__k--4,.feedb__k--8{display:none}
}
/* weniger Luft zwischen «Alles liegt für Sie bereit» und «Was noch dazukommt» */
#material{padding-bottom:calc(clamp(56px,5.6vw,92px) + var(--rund))}
#dazu{padding-top:clamp(56px,5.6vw,92px)}

/* ---------- Unterschrift im Brief: wie der Gastgeber-Block der Website (rundes Bild im hellen Ring, Text, Linie, Name) ---------- */
.gastgeber{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"b t" "b n";column-gap:clamp(22px,2.4vw,36px);row-gap:14px;align-items:center;margin-top:clamp(28px,3vw,44px);max-width:660px}
.gastgeber__b{grid-area:b;align-self:center;flex:none;width:clamp(104px,8.6vw,134px);height:clamp(104px,8.6vw,134px);margin-left:7px;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 1px rgba(11,31,64,.17),0 0 0 6px #fffaf0,0 0 0 7px rgba(11,31,64,.17),0 22px 28px -16px rgba(74,58,26,.62)}
.gastgeber__b img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.gastgeber__t{grid-area:t;align-self:end;margin:0;font-size:clamp(1.12rem,1.38vw,1.4rem);line-height:1.64;color:rgba(12,21,38,.84)}
.gastgeber__n{grid-area:n;align-self:start;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding-top:14px;border-top:1px solid rgba(11,31,64,.17)}
.gastgeber__n b{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2vw,2rem);line-height:1.2}
.gastgeber__n span{font-size:1.04rem;color:rgba(12,21,38,.72)}
@media(max-width:600px){
  .gastgeber{grid-template-areas:"t t" "b n";column-gap:18px;row-gap:22px}
  .gastgeber__b{width:92px;height:92px}
  .gastgeber__n{display:grid;border-top:0;padding-top:0;align-self:center}
}

/* ---------- Carlton Control: Schritte links, Film rechts; Klick auf das Bild macht es gross (kino.js) ---------- */
.studio{display:grid;gap:clamp(26px,3.4vw,60px);align-items:start}
@media(min-width:1100px){.studio{grid-template-columns:340px minmax(0,1fr)}}
.schritte{display:grid;gap:10px}
.schritt{position:relative;text-align:left;border-radius:22px;padding:18px 20px 20px;overflow:hidden;background:var(--weiss);color:var(--tinte);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(138,117,69,.22);transition:transform .5s var(--e2),background-color .4s,color .4s}
.schritt:hover{transform:translateX(4px)}
.schritt i{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--taupe)}
.schritt b{display:block;font-family:var(--serif);font-weight:400;font-size:1.45rem;line-height:1.12;margin:4px 0 4px}
.schritt span{display:block;font-size:.95rem;line-height:1.5;color:rgba(12,21,38,.72)}
.schritt[aria-pressed="true"]{background:var(--navy);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(220,198,143,.3),0 26px 30px -24px rgba(6,20,43,.9)}
.schritt[aria-pressed="true"] i{color:var(--gold)} .schritt[aria-pressed="true"] span{color:rgba(255,255,255,.78)}
.schritt u{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold);transform:scaleX(var(--f,0));transform-origin:left;text-decoration:none}
@media(max-width:1099px){.schritte{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--rand)*-1);padding:4px var(--rand) 10px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand)}.schritte::-webkit-scrollbar{display:none}.schritt{flex:none;width:min(78vw,300px);scroll-snap-align:start}}
.kino{border-radius:18px;overflow:hidden;background:var(--tief);box-shadow:0 0 0 1px rgba(220,198,143,.25),0 50px 60px -40px rgba(6,20,43,.8)}
.kino__s{position:relative;aspect-ratio:1200/750;background:var(--tief);cursor:pointer}
.kino video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kino__k{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;gap:8px}
.kino__k button{height:38px;padding:0 14px;border-radius:999px;background:var(--nacht);color:var(--creme);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(220,198,143,.3);opacity:.86;transition:opacity .3s}
.kino__k button:hover{opacity:1}
.kinodunkel{position:fixed;inset:0;z-index:80;background:rgba(6,20,43,.88);opacity:0;pointer-events:none;transition:opacity .5s var(--e1)}
.kinodunkel.an{opacity:1;pointer-events:auto}
.kino--gross{position:fixed;z-index:81;left:50%;top:50%;width:min(94vw,calc((100vh - 110px)*1.6));translate:-50% -50%;margin:0;will-change:transform}
.kino--gross .kino__s{aspect-ratio:1200/750}
.kinoplatz{flex:none}
.kino__play{position:absolute;left:50%;top:50%;z-index:3;width:92px;height:92px;border-radius:50%;translate:-50% -50%;background:rgba(244,236,220,.94);color:var(--tinte);display:grid;place-items:center;box-shadow:0 20px 40px -16px rgba(0,0,0,.8),inset 0 1px 0 #fff;transition:transform .5s var(--e2),opacity .35s;pointer-events:none}
.kino__play svg{width:30px;height:30px;fill:currentColor;margin-left:5px}
.kino__play::after{content:attr(data-wort);position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--creme);background:var(--nacht);padding:8px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(220,198,143,.3)}
.kino__s:hover .kino__play{transform:scale(1.06)}
.kino--laeuft .kino__play{opacity:0;transform:scale(.8)}
.kino--laeuft .kino__k{opacity:0;pointer-events:none}
.kino__hin{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);opacity:0;transition:opacity .4s}
.kino--gross .kino__hin{opacity:1}
body.kino-offen{overflow:hidden}
@media(max-width:860px){.kino--gross{width:96vw}}
.studio__hin{margin-top:clamp(30px,4vw,54px);padding-top:18px;border-top:1px solid rgba(12,21,38,.2);font-size:1rem;color:rgba(12,21,38,.74);max-width:68ch}
.control__bilder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(26px,3vw,44px)}
.control__bilder figure{margin:0;border-radius:16px;overflow:hidden;background:var(--tief);box-shadow:0 0 0 1px rgba(220,198,143,.25),0 30px 40px -30px rgba(6,20,43,.8)}
.control__bilder img{width:100%;height:auto;display:block}
.control__bilder figcaption{padding:12px 16px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);background:var(--navy)}
@media(max-width:1100px){.control__bilder{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.control__bilder{grid-template-columns:1fr}}
.wege__r{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(min-width:1180px){.gaben{grid-template-columns:repeat(3,minmax(0,1fr))}.gabe{min-height:clamp(380px,28vw,440px)}}

/* ---------- Für Ihre Gäste: Band wie bei den Ideen, dazu Handy-Abzüge ---------- */
.gf .idee__b{aspect-ratio:16/10}
.gf .idee__b img{object-position:var(--op,50% 0);transform:none;transition:none}  /* neun grosse Bilder ohne Dauer-Zoom: schont schwache Geräte */
.gf__tel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,40px);justify-items:center;align-items:start;margin-top:clamp(34px,4vw,60px);max-width:900px;margin-inline:auto}
.gf__tel .tel{width:min(100%,250px);--i:0}
.gf__tel .tel>div{height:470px;overflow-y:auto;overflow-x:hidden;border-radius:27px;background:var(--tief);scrollbar-width:none;overscroll-behavior:contain}
.gf__tel .tel>div::-webkit-scrollbar{display:none}
.gf__tel .tel>div img{border-radius:0;width:100%;height:auto}
.gf__tel .scroll{display:block;margin:10px auto 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45)}
@media(max-width:700px){.gf__tel{grid-template-columns:1fr}.gf__tel .tel{width:min(100%,260px)}}
.gf__tel .tel+.tel{--i:1}.gf__tel .tel+.tel+.tel{--i:2}
.gf__tel figure{margin:0;text-align:center;color:rgba(255,255,255,.72);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.gf__tel figcaption{margin-top:14px}

/* ---------- Rezeption im Chat: dunkle Bühne, der Film links, die Punkte rechts in Gold ---------- */
.chatb{display:grid;gap:clamp(30px,4vw,70px);align-items:center}
@media(min-width:1000px){.chatb{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.chatb .kino__s{aspect-ratio:1200/900}
.chatb .kino--gross{width:min(94vw,calc((100vh - 110px)*1.333))}
.chatb .kino--gross .kino__s{aspect-ratio:1200/900}
.chatb .kino{box-shadow:0 0 0 1px rgba(220,198,143,.35),0 0 0 7px rgba(220,198,143,.06),0 70px 90px -50px #000}
.punkte{display:grid;gap:2px}
.punkte li{padding:clamp(16px,1.8vw,24px) 0;border-top:1px solid rgba(220,198,143,.22);display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start}
.punkte li:last-child{border-bottom:1px solid rgba(220,198,143,.22)}
.punkte i{font-style:normal;font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--gold);padding-top:2px}
.punkte b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.12;margin-bottom:6px;color:#fff}
.punkte p{color:rgba(255,255,255,.76);font-size:1rem;line-height:1.5;max-width:46ch}
.chatb__gross{display:grid;gap:14px;margin-top:clamp(22px,2.6vw,36px)}
.chatb__gross .kn{justify-self:start}
.chatb__dazu{display:grid;gap:clamp(14px,1.8vw,24px);margin-top:clamp(34px,4vw,64px)}
@media(min-width:900px){.chatb__dazu{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cz{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--tief);color:#fff;box-shadow:inset 0 0 0 1px rgba(220,198,143,.26),0 34px 40px -30px #000}
.cz__b{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--tief);display:grid;place-items:center}
.cz__b img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.cz__b--tel{padding:22px 0 0}
.cz__b--tel img{width:46%;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 0 0 6px #030a17,0 0 0 7px rgba(220,198,143,.3),0 30px 40px -24px #000}
.cz__b--qr{background:var(--creme)}
.cz__b--qr img{width:62%;height:auto;object-fit:contain;box-shadow:0 26px 30px -20px rgba(40,30,10,.6)}
.cz__t{padding:22px 24px 26px;display:grid;gap:8px}
.cz__t small{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cz__t h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.12}
.cz__t p{color:rgba(255,255,255,.84);font-size:.98rem;line-height:1.5}
.qr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:18px 20px;border-radius:18px;background:#fff;color:var(--tinte);box-shadow:inset 0 0 0 1px rgba(12,21,38,.12)}
.qr svg{width:88px;height:88px;display:block}
.qr b{display:block;font-family:var(--serif);font-weight:400;font-size:1.1rem;line-height:1.15}
.qr span{display:block;font-size:.9rem;color:rgba(12,21,38,.7);margin-top:4px}

/* ---------- Geprüft ---------- */
.gepr{display:grid;gap:clamp(14px,1.8vw,24px)}
@media(min-width:900px){.gepr{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gk{position:relative;display:flex;flex-direction:column;border-radius:26px;padding:clamp(24px,2.6vw,36px);background:rgba(6,20,43,.55);color:#fff;box-shadow:inset 0 0 0 1px rgba(220,198,143,.28),0 34px 40px -30px rgba(0,0,0,.7)}
.gk svg{height:34px;width:auto;color:var(--gold);margin-bottom:22px}
.gk h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.12;margin-bottom:14px}
.gk ul{display:grid;gap:10px;margin-top:auto}
.gk li{position:relative;padding-left:26px;color:rgba(255,255,255,.86);font-size:1rem;line-height:1.45}
.gk li::before{content:'';position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
.gepr__f{display:flex;gap:16px 28px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:clamp(26px,3vw,44px)}
.gepr__f p{max-width:62ch;color:rgba(255,255,255,.76)}


/* ---------- Abschnittsköpfe mittig, das CE in Gold darüber, ohne Zahl und Strich (kopf_mitte.py, 12.10.2026) ---------- */
.kap--z{flex-direction:column;justify-content:center;gap:clamp(14px,1.5vw,22px);text-align:center;margin-bottom:clamp(18px,2vw,30px);font-size:clamp(1rem,1.12vw,1.14rem);letter-spacing:.04em}
.kap__z{display:block;width:clamp(72px,7.4vw,118px);height:auto;flex:none;color:#c2a560;fill:url(#cegold);filter:drop-shadow(0 1px 0 rgba(4,14,31,.55)) drop-shadow(0 10px 14px rgba(0,0,0,.28))}
.fl--papier .kap__z,.fl--creme .kap__z{filter:drop-shadow(0 1px 0 rgba(255,255,255,.75)) drop-shadow(0 8px 12px rgba(110,88,44,.2))}
.kap.kap--z~.zt.zt{font-size:clamp(2.2rem,5.5vw,6.1rem);line-height:1.06}
@media(max-width:350px){.kap.kap--z~.zt.zt,.karten .t2.zt{font-size:1.92rem}}
.kopfzeile{display:block;text-align:center;margin-bottom:clamp(56px,6.6vw,108px)}
.kopfzeile .zt .z>span,.kap--z~.zt .z>span{margin-inline:auto}
.kap--z~.zt{text-align:center}
.kopfzeile .lauf{max-width:60ch;margin:clamp(20px,2.3vw,34px) auto 0;padding-bottom:0}
.fl>.in>.kopfzeile:first-child{padding-top:clamp(8px,1.4vw,24px)}
/* Abschnitte mit Text- und Bildspalte (Unterlagen): der Kopf steht mittig über beiden Spalten */
@media(min-width:1000px){
  .karten{row-gap:0;align-items:start}
  .karten>div:first-child{display:contents}
  .karten>div:first-child>.kap,.karten>div:first-child>.zt{grid-column:1/-1}
  .karten>div:first-child>.zt{margin-bottom:clamp(56px,6.6vw,108px)}
  .karten>div:first-child>.lauf{margin-top:0!important;align-self:end;grid-column:1;grid-row:3}
  .karten>div:first-child>.kn-reihe{align-self:start;grid-column:1;grid-row:4}
  .karten>div:nth-child(2){grid-column:2;grid-row:3/span 2;align-self:center}
}
@media(max-width:999px){.karten{grid-template-columns:minmax(0,1fr)}.karten>div:first-child>.lauf{margin-inline:auto}.karten>div:first-child>.kn-reihe{justify-content:center}.karten>div:first-child{text-align:center}}
.karten .t2.zt{font-size:clamp(2.2rem,5.5vw,6.1rem)}
/* Schluss: alles mittig unter der Überschrift */
.schluss .in{text-align:center}
.schluss .lauf{margin-inline:auto}
.schluss .gruss-u,.schluss .kn-reihe{justify-content:center}

/* ---------- Leiste: elf Abschnitte, darum enger gesetzt; unter 1340 px bleibt nur Zeichen und Knopf ---------- */
.insel nav{gap:clamp(9px,1vw,20px)}
.insel nav a{font-size:11.5px;letter-spacing:.09em}
.insel{gap:clamp(12px,1.3vw,24px)}
@media(max-width:1340px){.insel nav{display:none}.insel{padding-left:18px}}

/* ---------- Schmale Handys: lange Knöpfe dürfen umbrechen, statt aus dem Bild zu laufen ---------- */
@media(max-width:400px){.kn-reihe .kn,.gg-fuss .kn{max-width:100%;height:auto;min-height:52px;padding-block:8px;white-space:normal;line-height:1.3;text-align:left}.kn-reihe .kn i,.gg-fuss .kn i{flex:none}}

/* «Seiten» am Handy: das Fenster zum Blättern bleibt in seiner Spalte (ragte 2 bis 5 px über den rechten Rand; Hinweis aus dem Doldenhorn-Chat, 12.10.2026) */
@media(max-width:480px){.schau{grid-template-columns:minmax(0,1fr)}.schau__f,.schau__r{min-width:0}.schau__u{flex-wrap:wrap}.schau__pk{flex:1 1 auto;min-width:0;flex-wrap:wrap}}

/* ---------- Leichte Tapete: das Muster des Hauses, mit der Flächenfarbe darüber zurückgenommen ---------- */
.tapete-leicht{background-image:linear-gradient(var(--tl),var(--tl)),url(../assets/img/tapete-navy.webp?v=ba8679c1);background-size:auto,1100px auto;background-position:0 0,50% 0}
.fl--blau.tapete-leicht{--tl:rgba(13,39,80,.5)}
.fl--tief.tapete-leicht{--tl:rgba(4,14,31,.62)}
.fl--nacht.tapete-leicht{--tl:rgba(6,20,43,.58)}
.tapete-hell{background-image:linear-gradient(var(--tl),var(--tl)),url(../assets/img/tapete.webp?v=c929f6ca);background-size:auto,1100px auto;background-position:0 0,50% 0}
.fl--papier.tapete-hell{--tl:rgba(244,236,220,.56)}
.fl--creme.tapete-hell{--tl:rgba(232,219,191,.6)}

/* ---------- Auftritte federleicht von unten (nur transform und opacity) ---------- */
[data-a="hoch"]{opacity:0;transform:translate3d(0,130px,0) scale(.968);transition:opacity 1.25s cubic-bezier(.16,1,.3,1),transform 2.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--vz,0ms)}
[data-a="hoch"].da{opacity:1;transform:none}
/* grosse helle Blätter und Tafeln: von Anfang an ganz zu sehen, sie steigen nur (kein Einblenden über die Deckkraft) */
[data-a="blatt"]{opacity:1;transform:translate3d(0,clamp(84px,9vw,136px),0) scale(.974);transform-origin:50% 100%;transition:transform 2.3s cubic-bezier(.16,1,.3,1);transition-delay:var(--vz,0ms)}
[data-a="blatt"].da{transform:none}
@media (prefers-reduced-motion:reduce){[data-a="hoch"],[data-a="blatt"]{opacity:1;transform:none;transition:none}}

/* ---------- Bei Maus bewegt sich nur das Bild im Rahmen, lang und weich; kein Anheben, kein Kippen der Karte ---------- */
@media (hover:hover){
  .idee .idee__b img{transform-origin:50% 30%;transition:transform 2.2s cubic-bezier(.16,1,.3,1)}
  .idee.da:hover .idee__b img{transform:scale(1.06);transition-duration:2.8s}
}
@media (hover:none){.idee.da:hover .idee__b img{transform:none}}
/* Blätter, Etiketten und Drucksachen bleiben bei Maus liegen (Robert 09.10.2026: kein Foto, kein Blatt hebt sich beim Überfahren) */
.da .blattk--1:hover{transform:rotate(-9deg)}.da .blattk--2:hover{transform:rotate(-3.5deg)}.da .blattk--3:hover{transform:rotate(2.5deg)}.da .blattk--4:hover{transform:rotate(8deg)}
.kleb:hover img,.bogenb:hover img{transform:none}
/* Lauftext wortweise: unsichtbar, bis das Skript ihn in Wörter zerlegt hat (sonst steht er beim Öffnen einen Moment in der Ersatzschrift da) */
[data-a="worte"]:not(:has(.wt)){visibility:hidden;animation:wb-worte-doch 0s 6s forwards}
@keyframes wb-worte-doch{to{visibility:visible}}
@media print{[data-a="worte"]{visibility:visible!important;animation:none!important}}


/* ---------- Auftakt: Kacheln statt Polaroids (auftakt_kacheln.py, 12.10.2026) ---------- */
.stapel{container-type:inline-size}
.stapel .tel{z-index:3}
.akz{margin:0;perspective:800px;z-index:2;--f:1;--rad:clamp(12px,2.9cqw,22px)}
.akz__b{display:block;position:relative;aspect-ratio:var(--f);overflow:hidden;border-radius:var(--rad);background:#081a36;
  box-shadow:0 0 0 1px rgba(220,198,143,.24),0 3px 0 #030a17,0 40px 56px -26px rgba(0,0,0,.85),0 14px 22px -12px rgba(0,0,0,.6);
  transform:translateZ(0) rotateX(var(--rx,0deg)) rotateY(calc(var(--by,0deg) + var(--ry,0deg)));transition:transform .8s var(--e2)}
.akz.kipp .akz__b{transition:transform .2s ease-out}
.akz__b>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.akz__b::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(220,198,143,.22)}
.stapel .akz--a{left:-5%;top:-8%;width:29%;--f:3/2;--r:-3deg;--r0:-12deg;--by:10deg}
.stapel .akz--b{right:4.5%;top:-8%;width:17%;--f:4/5;--r:3deg;--r0:12deg;--by:-10deg}
.stapel .akz--c{left:33%;bottom:1%;width:21%;--r:2deg;--r0:9deg;--by:8deg}
@media(max-width:560px){.stapel .akz--c{display:none}}


/* ---------- Brief (brief_blatt.py, 12.10.2026): die beiden Häuser über die ganze Breite, der Brief als Bogen des Hauses darüber ---------- */
.bf-bild{position:relative;margin:clamp(28px,3.2vw,52px) 0 0;border-radius:28px 0 28px 28px;overflow:hidden;aspect-ratio:1.9;background:#cdbf9f;box-shadow:0 50px 60px -40px rgba(60,46,18,.6)}
.bf-bild img{display:block;width:100%;height:100%;object-fit:cover}
.bf-kerbe{position:absolute;right:0;top:0;padding:14px 22px 15px 26px;border-radius:0 0 0 22px;background:var(--papier);font-family:var(--serif);font-weight:400;font-size:clamp(1.02rem,1.26vw,1.36rem);line-height:1.2;color:var(--tinte)}
.bf-kerbe small{display:block;margin-top:5px;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.bf-kerbe::before,.bf-kerbe::after{content:'';position:absolute;width:22px;height:22px;background:radial-gradient(circle at 0 100%,transparent 21.5px,var(--papier) 22px)}
.bf-kerbe::before{right:100%;top:0}.bf-kerbe::after{right:0;top:100%}
.bf-blatt{position:relative;z-index:1;width:min(1220px,calc(100% - clamp(20px,7vw,150px)));margin:calc(-1*clamp(48px,8.4vw,150px)) auto 0;
  padding:clamp(46px,5vw,84px) clamp(24px,5.2vw,92px) clamp(30px,3.4vw,54px);border-radius:10px;background:var(--weiss);color:var(--tinte);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(138,117,69,.2),0 46px 70px -46px rgba(60,46,18,.6),0 16px 28px -22px rgba(60,46,18,.3)}
/* Briefbogen des Hauses: doppelte Messinglinie wie auf den Türkarten, das CE als Briefkopf in der Linie */
.bf-blatt::before{content:'';position:absolute;inset:clamp(10px,1.1vw,16px);border:1px solid rgba(169,138,69,.6);border-radius:4px;pointer-events:none}
.bf-blatt::after{content:'';position:absolute;inset:clamp(14px,1.45vw,21px);border:1px solid rgba(169,138,69,.3);border-radius:2px;pointer-events:none}
.bf-kopf{position:absolute;left:50%;top:clamp(10px,1.1vw,16px);z-index:1;transform:translate(-50%,-62%);padding:clamp(18px,1.8vw,28px) clamp(24px,2.6vw,40px) clamp(12px,1.2vw,18px);border-radius:10px;background:var(--weiss)}
.bf-ce{display:block;width:clamp(46px,4.2vw,66px);height:auto;overflow:visible;fill:url(#cegold);color:#a98a45}
.bf-gross{position:relative;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.24rem,1.86vw,2.06rem);line-height:1.42;color:var(--tinte);text-wrap:pretty}
.bf-zier{display:block;width:64px;height:1px;margin:clamp(22px,2.6vw,40px) 0;background:var(--messing);opacity:.8}
.bf-text{position:relative;display:flow-root;font-size:clamp(1.04rem,1.18vw,1.22rem);line-height:1.68;color:rgba(12,21,38,.84)}
.bf-text p{margin:0}.bf-text p+p,.bf-text .bf-vor,.bf-text .bf-ende{margin-top:1.05em}
.bf-ende{break-inside:avoid}
@media(min-width:900px){.bf-text{columns:2;column-gap:clamp(36px,4.6vw,80px);orphans:2;widows:2}}   /* drei Absätze: der Browser gleicht die Spalten aus und darf dazu im Absatz umbrechen */
.bf-fuss{position:relative;display:grid;justify-content:stretch;gap:clamp(20px,3vw,48px);align-items:center;margin-top:clamp(28px,3.4vw,54px);padding-top:clamp(22px,2.6vw,38px);border-top:1px solid rgba(138,117,69,.42)}
  shape-outside:circle(50%) border-box;shape-margin:clamp(16px,1.5vw,24px);
  box-shadow:0 0 0 1px rgba(12,21,38,.17),0 0 0 6px #fffaf0,0 0 0 7px rgba(169,138,69,.5),0 22px 28px -16px rgba(60,46,18,.62)}
.bf-name{margin:0 clamp(18px,5.4vw,92px) clamp(8px,1.6vw,26px) 0;justify-self:end;align-self:center;display:grid;justify-items:center;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.3vw,2.6rem);line-height:1.05;white-space:nowrap;color:var(--tinte)}
.bf-sig{display:block;width:clamp(150px,16.5vw,244px);height:auto;margin:0 0 .5em;transform:rotate(-5deg);pointer-events:none}
.bf-name span{font-size:.56em;letter-spacing:.03em}
@media(max-width:759px){.bf-bild{aspect-ratio:1.12;border-radius:22px 0 22px 22px}.bf-bild img{object-position:72% 50%}
  .bf-kerbe{padding:10px 14px 11px 18px;font-size:.98rem}.bf-kerbe small{font-size:9.5px;letter-spacing:.12em}
  .bf-fuss{justify-content:center}.bf-name{margin:0}}
/* Der Bogen steigt mit dem Scrollen herauf statt zu warten: die Bewegung hängt am Scrollen, sobald seine Oberkante ins Bild kommt, und läuft weich aus.
   Rechnet der Browser selbst, nur transform. Ältere Browser behalten das Hochfahren per Klasse. */
@supports (animation-timeline: view()){
  .bf .bf-blatt[data-a="blatt"],.bf .bf-blatt[data-a="blatt"].da{transition:none;animation:bfBlattHoch cubic-bezier(.3,.25,.4,1) both;animation-timeline:view();animation-range:entry 0% cover 36%}
  @keyframes bfBlattHoch{from{transform:translate3d(0,150px,0) scale(.975)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.bf .bf-blatt[data-a="blatt"]{animation:none;transform:none}}
/* Gesicht und drei Orte (15.10.2026, nach dem Brief des Grand Beau-Rivage) */
/* Roberts Bild rechts im Text, der läuft um den Kreis; die Stütze darüber (ohne Breite) schiebt es auf seine Höhe */
.bf-stuetze{float:right;float:inline-end;width:0;height:calc(4*1.68em)}
.bf-ich{float:right;float:inline-end;width:clamp(124px,10.6vw,196px);aspect-ratio:1;clear:right;clear:inline-end;margin:8px 8px 8px clamp(18px,1.8vw,28px);margin-inline:clamp(18px,1.8vw,28px) 8px;border-radius:50%;overflow:hidden;
  shape-outside:circle(50%) border-box;shape-margin:clamp(16px,1.5vw,24px);
  box-shadow:0 0 0 1px rgba(12,21,38,.17),0 0 0 6px #fffaf0,0 0 0 7px rgba(12,21,38,.17),0 22px 28px -16px rgba(74,58,26,.62)}
.bf-ich img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.bf-kurs{display:none;width:100%;max-width:640px;height:auto;justify-self:start;overflow:visible;direction:ltr}
.bf-kurs text{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;fill:rgba(12,21,38,.62)}
.bf-kurs .ort{font-family:var(--serif);font-size:17.5px;letter-spacing:.01em;text-transform:none;fill:var(--tinte)}
.bf-kurs .weg{stroke:#a98a45;stroke-width:1.2;fill:none;stroke-dasharray:3 6}
.bf-kurs .pkt{fill:var(--tinte)} .bf-kurs .da0{fill:#a98a45}
.bf-kurs .welle{fill:none;stroke:#a98a45;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:welle 3s ease-out infinite}
/* Welle als eigene Ebene (12.10.2026, Flüssigkeit): im SVG rechnete Chrome für die Welle in jedem Takt das Layout der ganzen Seite neu (gemessen: die halbe Bildrate der ganzen Werkbank).
   Jetzt ein kleines SVG über derselben Stelle (Mitte 296/94 von 480×146), bewegt nur über transform und opacity, ruht ausserhalb des Bildes. */
.bf-kursbox{display:none;position:relative;width:100%;max-width:640px;justify-self:start;direction:ltr}
.bf-kursbox .bf-kurs{display:block;max-width:none;justify-self:auto}
.bf-welle{position:absolute;left:59.583%;top:57.534%;width:4.1667%;height:13.699%;overflow:visible;fill:none;stroke:#a98a45;stroke-width:1;opacity:0;transform-origin:center;animation:welle 3s ease-out infinite;animation-play-state:paused;will-change:transform,opacity}
.bf-kursbox.sichtbar .bf-welle{animation-play-state:running}
/* unter 1100 px wären die Angaben der Kurslinie zu klein: dieselben drei Orte als Zeilen */
.bf-liste{list-style:none;margin:0;padding:0}
.bf-liste li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;padding:11px 0;border-top:1px solid rgba(138,117,69,.3)}
.bf-liste li:first-child{border-top:0;padding-top:0}
.bf-liste b{font-family:var(--serif);font-size:1.25rem}
.bf-liste span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(12,21,38,.62)}
@media(min-width:760px){.bf-fuss{grid-template-columns:minmax(0,1fr) auto}.bf-liste{justify-self:start;width:100%;max-width:440px}.bf-liste li:first-child{border-top:0}}
@media(min-width:1100px){.bf-kurs,.bf-kursbox{display:block}.bf-liste{display:none}}
@media(min-width:760px){.bf-fuss{grid-template-columns:minmax(0,1fr) auto}}
.bf .bf-name{font-size:clamp(1.9rem,2.7vw,3rem)}
.bf .bf-ich[data-a="auf"]{transition:opacity 1.4s var(--e1),transform 2s var(--e1)}
@media (prefers-reduced-motion:reduce){.bf-kurs .welle,.bf-welle{animation:none}}


/* ---------- «Mitgebracht»: Kacheln mit Kuhle (gaben_kuhle.py, 12.10.2026) ---------- */
.gaben--kuhle{display:grid;gap:clamp(12px,1.2vw,18px);grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1080px){.gaben--kuhle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.gaben--kuhle{grid-template-columns:minmax(0,1fr)}}
.gaben--kuhle.gaben--7 .gku:last-child{grid-column:2}
@media(max-width:1080px){.gaben--kuhle.gaben--7 .gku:last-child{grid-column:auto}}
.gku{display:flex;flex-direction:column;border-radius:30px;padding:7px;color:#fff;background:linear-gradient(180deg,#173a6f 0%,#0d2750 58%,#0b1f40 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(220,198,143,.2),0 40px 50px -36px rgba(0,0,0,.9)}
.gku__f{position:relative;display:block;border-radius:24px;overflow:hidden;aspect-ratio:4/3.1;background:#081a36}
.gku__b{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:50% 40%;transition:transform 2.4s cubic-bezier(.16,1,.3,1)}
.gku__kerbe{position:absolute;left:0;bottom:0;padding:12px 22px 5px 16px;border-radius:0 22px 0 0;background:#0e2852;display:flex;align-items:baseline;gap:10px}
.gku__kerbe::before,.gku__kerbe::after{content:'';position:absolute;width:22px;height:22px;background:radial-gradient(circle at 100% 0,transparent 21.5px,#0e2852 22px)}
.gku__kerbe::before{left:0;top:-22px}.gku__kerbe::after{right:-22px;bottom:0}
.gku__kerbe b{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,3vw,3.2rem);line-height:.95;color:var(--gold);white-space:nowrap}
.gku__ein{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(220,198,143,.86)}
.gku__kuhle{flex:1;display:flex;flex-direction:column;margin-top:7px;border-radius:22px;padding:clamp(18px,1.7vw,26px) clamp(18px,1.7vw,26px) clamp(16px,1.5vw,22px);background:#081a36;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.06)}
.gku__kuhle h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,1.56vw,1.62rem);line-height:1.16;margin-bottom:10px}
.gku__kuhle p{font-size:1rem;line-height:1.56;color:rgba(255,255,255,.84);margin-bottom:18px}
.gku__kuhle .pfeil{margin-top:auto;align-self:flex-start;color:var(--gold)}
@media (hover:hover){.gku:hover .gku__b{transform:scale(1.07);transition-duration:3s}}
@media (prefers-reduced-motion:reduce){.gku__b{transition:none;transform:none!important}}


/* ---------- Vergleich für mehrere Seiten mit «Was neu ist» (vergleich_seiten.py, 12.10.2026) ---------- */
.vh-wahl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--rand)*-1) clamp(22px,2.6vw,34px);padding:6px var(--rand) 14px}
@media(min-width:1000px){.vh-wahl{justify-content:center}}
.vh-wahl::-webkit-scrollbar{display:none}
.vh-wahl button{flex:none;height:46px;padding:0 20px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--tinte);white-space:nowrap;
  background:linear-gradient(180deg,#fffdf7,#e8dbbf);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(110,88,44,.22),inset 0 0 0 1px rgba(110,88,44,.16),0 8px 14px -10px rgba(0,0,0,.6);transition:transform .45s var(--e2)}
.vh-wahl button:active{transform:translateY(1px)}
.vh-wahl button[aria-pressed="true"]{color:#fff;background:linear-gradient(180deg,#24477f,#12305e 50%,#0a1c3b);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(0,0,0,.55),inset 0 0 0 1px rgba(220,198,143,.6),0 10px 16px -10px rgba(0,0,0,.7)}
.vh-feld{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(28px,3.4vw,56px);align-items:center}
.vh-feld[hidden]{display:none}
.vh-was__k{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.vh-was h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.46rem,1.9vw,1.9rem);line-height:1.16;margin:0 0 18px}
.vh-was ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:0}
.vh-was li{padding:13px 0;border-top:1px solid rgba(220,198,143,.24);font-size:1rem;line-height:1.55;color:rgba(255,255,255,.84)}
.vh-was li:last-child{border-bottom:1px solid rgba(220,198,143,.24)}
@media(max-width:980px){.vh-feld{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.vh .vgl{aspect-ratio:4/3;border-radius:18px}.vh .vgl img{object-position:left top}}


/* ---------- Rund um den Aufenthalt (rundum.py, 12.10.2026): ruhige Galerie auf Papier ---------- */
.ru-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,4.6vw,76px) clamp(22px,2.6vw,44px)}
@media(max-width:1000px){.ru-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ru-k{display:flex;flex-direction:column;text-align:center}
.ru-k__b{display:block;border-radius:clamp(14px,1.4vw,20px);overflow:hidden;aspect-ratio:16/10;background:var(--navy);
  box-shadow:0 0 0 1px rgba(138,117,69,.34),0 30px 40px -28px rgba(12,21,38,.6),0 10px 18px -12px rgba(12,21,38,.32)}
.ru-k__b img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform-origin:50% 22%;transition:transform 2.2s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.ru-k:hover .ru-k__b img{transform:scale(1.06);transition-duration:2.8s}}
.ru-k__t{flex:1;display:flex;flex-direction:column}
.ru-k h3{margin:clamp(24px,2.2vw,30px) auto 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.36rem,1.66vw,1.7rem);line-height:1.14;color:var(--tinte)}
.ru-k h3::after{content:'';display:block;width:44px;height:1px;margin:16px auto 14px;background:linear-gradient(90deg,transparent,var(--messing),transparent)}
.ru-k p{margin:0 auto;max-width:36ch;font-size:clamp(.96rem,1vw,1.04rem);line-height:1.64;color:rgba(12,21,38,.8)}
.ru-k .ru-k__l{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 24px;margin-top:auto;padding-top:16px;max-width:none}
.ru-k__l .pfeil{color:var(--tinte);white-space:nowrap}
@media(max-width:600px){.ru-g{grid-template-columns:1fr;gap:48px}.ru-k h3{margin-top:20px}}
@media (prefers-reduced-motion:reduce){.ru-k__b img{transition:none;transform:none!important}}


/* ---------- Kapitel «Ihre Marke» (marke_werkbank.py, 15.10.2026) ---------- */
.m2{--hl:rgba(12,21,38,.13)}
.m2-bogen{border-radius:34px;background:var(--weiss);color:var(--tinte);box-shadow:inset 0 1px 0 #fff,0 50px 70px -50px rgba(0,0,0,.9);overflow:hidden}
.m2-z{padding:clamp(28px,3.4vw,56px) clamp(22px,3.6vw,60px);border-top:1px solid var(--hl)}
.m2-z:first-child{border-top:0}
.m2-etik{display:flex;justify-content:space-between;gap:20px;margin:0 0 clamp(20px,2.4vw,34px);font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.m2-etik span:last-child:not(:first-child){color:rgba(12,21,38,.5)}
.m2-marke{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.m2-tafel{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;min-height:clamp(280px,25vw,380px);padding:clamp(30px,3vw,48px) 20px;text-align:center;background:var(--navy) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/900px auto;box-shadow:inset 0 0 0 1px rgba(220,198,143,.3),inset 0 0 0 7px var(--navy),inset 0 0 0 8px rgba(220,198,143,.2)}
.m2-tafel .m2-ce{width:clamp(130px,12vw,176px);height:auto;margin:-26px 0 -16px}
.m2-tafel__n{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(1.15rem,2.2vw,2.1rem);letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#fbf6ea;white-space:nowrap;text-shadow:0 .06em .16em rgba(4,10,24,.95)}
.m2-tafel__o{margin:10px 0 0;font-family:'Montserrat CE',var(--sans);font-weight:600;font-size:clamp(.56rem,.82vw,.78rem);letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(180deg,#fbf0cf 0%,#ead39c 30%,#c9a764 48%,#9c7b43 58%,#dcc189 76%,#f3e3b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.m2-tafel__o i{font-style:normal}
.m2-marke>div:last-child p{font-size:1.02rem;line-height:1.66;color:rgba(12,21,38,.82)}
.m2-marke dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--hl);font-size:.95rem}
.m2-marke dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);line-height:2}
.m2-marke dd{margin:0}
.m2-schriften{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--hl)}
.m2-schrift{display:flex;flex-direction:column;padding:0 clamp(14px,1.8vw,28px);border-right:1px solid var(--hl)}
.m2-schrift>small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.m2-aa{margin:clamp(14px,1.6vw,24px) 0 clamp(10px,1.2vw,16px);font-size:clamp(3.6rem,5.6vw,5.8rem);line-height:1;color:var(--navy)}
.m2-schrift b{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.15}
.m2-schrift span{margin-top:6px;font-size:.88rem;line-height:1.5;color:rgba(12,21,38,.62)}
.m2-schrift em{margin-top:auto;padding-top:18px;font-style:normal;font-size:1.04rem;line-height:1.35}
.m2-schrift em em{color:var(--taupe)}
.m2-f-titel{font-family:'Baskerville Fein','Baskerville CE',var(--serif);font-weight:400}
.m2-f-name{font-family:var(--serif);font-weight:700}
.m2-f-ort{font-family:'Montserrat CE',var(--sans);font-weight:600}
.m2-f-lese{font-family:var(--sans)}
.m2-schrift em.m2-f-ort{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe)}
.m2-schrift em.m2-f-name{font-size:.95rem;letter-spacing:.14em;text-transform:uppercase}
.m2-band{display:flex;gap:10px}
.m2-gr{display:flex;flex:var(--n);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hl)}
.m2-chip{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}
.m2-chip i{display:block;height:clamp(84px,8vw,124px);background:var(--c)}
.m2-chip b{padding:12px 10px 0;font-family:var(--serif);font-weight:400;font-size:1.02rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2-chip small{padding:3px 10px 12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:rgba(12,21,38,.55)}
.m2-chip+.m2-chip{border-left:1px solid var(--hl)}
.m2-gruppen{display:flex;gap:10px;margin-top:12px}
.m2-gruppen span{flex:var(--n);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(12,21,38,.5);padding-left:2px}
.m2-glanz{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin-top:clamp(20px,2.4vw,32px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--hl)}
.m2-glanz>p{margin:0;font-family:var(--serif);font-size:1.12rem}
.m2-glanz>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m2-gl{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hl);background:#fff}
.m2-gl i{display:block;height:46px;background:var(--v);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.m2-gl b{padding:8px 10px;font-family:var(--serif);font-weight:400;font-size:.88rem;line-height:1.2}
.m2-hers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,30px)}
.m2-her{margin:0}
.m2-bild{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#e7dcc6;box-shadow:inset 0 0 0 1px var(--hl)}
.m2-bild img{width:100%;height:100%;object-fit:cover}
.m2-ring{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(12,21,38,.5),0 10px 16px -4px rgba(0,0,0,.55)}
.m2-ring b{font:500 11.5px var(--mono);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}
.m2-her figcaption{margin-top:14px}
.m2-her figcaption>b{display:block;font-family:var(--serif);font-weight:400;font-size:1.12rem;line-height:1.2}
.m2-her figcaption>span{display:block;margin-top:5px;font-size:.88rem;line-height:1.55;color:rgba(12,21,38,.68)}
.m2-her ul{margin:14px 0 0;padding:0;list-style:none}
.m2-her li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--hl)}
.m2-p{display:flex;width:60px;height:28px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px rgba(12,21,38,.12)}
.m2-p i{flex:1;background:var(--c)}.m2-p i+i{background:var(--g)}
.m2-pt{display:flex;flex-direction:column;min-width:0}
.m2-pt b{font-family:var(--serif);font-weight:400;font-size:.95rem}
.m2-pt small{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:rgba(12,21,38,.55)}
.m2-de{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--taupe)}
.m2-tap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.m2-tap h3{margin:0 0 16px;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.7rem);line-height:1.08}
.m2-tap h3 em{font-style:normal;color:var(--taupe)}
.m2-tap p:last-child{font-size:1rem;line-height:1.66;max-width:46ch;color:rgba(12,21,38,.8)}
.m2-tap__m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.m2-tap__m i{display:block;aspect-ratio:1;border-radius:18px;box-shadow:inset 0 0 0 1px var(--hl)}
.m2-tap__h{background:url(../assets/img/tapete.webp?v=c929f6ca) 50% 50%/560px auto}
.m2-tap__c{background:url(../assets/img/tapete-creme.webp?v=23425e99) 50% 50%/560px auto}
.m2-tap__d{background:url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 50%/560px auto}
/* Le Livre */
.m2-livre{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,2.4vw,40px);align-items:stretch}
.m2-win{border-radius:22px;overflow:hidden;background:#fffdf7;box-shadow:inset 0 0 0 1px rgba(138,117,69,.3),0 50px 70px -44px rgba(74,58,26,.85),0 12px 22px -14px rgba(74,58,26,.4);display:flex;flex-direction:column}
.m2-win__k{display:flex;align-items:center;gap:7px;padding:12px 16px;background:linear-gradient(180deg,#14305a,#0b1f40);color:rgba(255,255,255,.8);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap}
.m2-win__k i{width:10px;height:10px;border-radius:50%;background:rgba(220,198,143,.5)}
.m2-win__k span{margin-left:8px;flex:1;white-space:nowrap}
.m2-win__r{display:flex;gap:6px}
.m2-win__r button{height:30px;padding:0 14px;border:0;border-radius:999px;cursor:pointer;font:400 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(220,198,143,.2);transition:background .3s,color .3s}
.m2-win__r button[aria-pressed="true"]{color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#cfbd98);box-shadow:inset 0 1px 0 #fff}
.m2-win__b{position:relative;flex:1;min-height:clamp(240px,28vw,420px);background:#e7dcc6}
.m2-fb{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.m2-fb.an{opacity:1}
.m2-fb img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.m2-buch{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--navy) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/800px auto;color:#fff;box-shadow:inset 0 0 0 1px rgba(220,198,143,.3),0 50px 70px -44px rgba(0,0,0,.9)}
.m2-buch__b{display:block;overflow:hidden;aspect-ratio:16/10;background:var(--nacht)}
.m2-buch__b img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e1)}
.m2-buch__b:hover img{transform:scale(1.04)}
.m2-buch__t{padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;flex:1}
.m2-buch .m2-etik{color:var(--gold);margin-bottom:12px}
.m2-buch h3{margin:0 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1.1}
.m2-buch h3 em{font-style:normal;color:var(--gold)}
.m2-buch p{margin:0;color:rgba(255,255,255,.8);line-height:1.62;font-size:.98rem}
.m2-buch .kn-reihe{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px}
.m2-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(24px,3vw,44px) 0 0;padding:0;list-style:none;text-align:center}
.m2-zahlen li{padding:clamp(14px,1.8vw,24px);border-radius:18px;background:linear-gradient(180deg,#fffdf7,#f1e6cc);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(138,117,69,.24)}
.m2-zahlen b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1;color:var(--navy);font-variant-numeric:lining-nums}
.m2-zahlen span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
@media(max-width:1000px){
  .m2-marke,.m2-tap,.m2-livre{grid-template-columns:minmax(0,1fr)}
  .m2-schriften{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .m2-band{flex-wrap:wrap}.m2-gr{flex:1 1 100%}.m2-gruppen{display:none}
  .m2-hers{grid-template-columns:minmax(0,1fr)}
  .m2-glanz{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .m2-schriften{grid-template-columns:minmax(0,1fr);border-left:0}
  .m2-schrift{border-right:0;padding:0 0 22px;border-bottom:1px solid var(--hl)}
  .m2-gr{flex-wrap:wrap}.m2-chip{flex:1 1 50%}.m2-chip:nth-child(odd){border-left:0}.m2-chip:nth-child(n+3){border-top:1px solid var(--hl)}
  .m2-glanz>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m2-etik{flex-direction:column;gap:4px}
  .m2-zahlen{grid-template-columns:minmax(0,1fr)}
  .m2-win__k span{display:none}
}
/* Auftritte: ganze Bausteine kommen, nur transform und opacity */
.m2.lebt .m2-z{--fd:cubic-bezier(.28,1.42,.42,1)}
.m2.lebt .m2-z>.m2-etik{opacity:0;transition:opacity 1.1s var(--e2)}
.m2.lebt .m2-tafel{opacity:0;translate:0 clamp(70px,8vw,120px);scale:.94;transform-origin:50% 100%;transition:opacity .9s var(--e2),translate 2s var(--fd),scale 2s var(--fd)}
.m2.lebt .m2-marke>div:last-child{opacity:0;translate:0 34px;transition:opacity 1.2s var(--e2) .5s,translate 1.6s var(--e1) .5s}
.m2.lebt .m2-schrift{opacity:0;translate:0 clamp(50px,5.4vw,84px);transition:opacity 1s var(--e2),translate 1.9s var(--fd);transition-delay:calc(var(--k,0)*.14s)}
.m2.lebt .m2-schrift:nth-child(2){--k:1}.m2.lebt .m2-schrift:nth-child(3){--k:2}.m2.lebt .m2-schrift:nth-child(4){--k:3}
.m2.lebt .m2-gr{opacity:0;translate:0 clamp(50px,6vw,90px);scale:.95;transform-origin:50% 100%;transition:opacity .8s var(--e2),translate 1.9s var(--fd),scale 1.9s var(--fd)}
.m2.lebt .m2-gr:nth-child(2){transition-delay:.12s}.m2.lebt .m2-gr:nth-child(3){transition-delay:.24s}.m2.lebt .m2-gr:nth-child(4){transition-delay:.36s}
.m2.lebt .m2-chip i{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.15s var(--e1) .5s}
.m2.lebt .m2-gruppen,.m2.lebt .m2-glanz{opacity:0;transition:opacity 1s ease 1.2s}
.m2.lebt .m2-her{opacity:0;translate:0 clamp(90px,10vw,150px);rotate:var(--r,4deg);scale:.94;transition:opacity .7s var(--e2),translate 1.9s var(--fd),rotate 1.9s var(--fd),scale 1.9s var(--fd);transition-delay:calc(var(--i,0)*.15s)}
.m2.lebt .m2-her:nth-child(1){--r:-5deg}.m2.lebt .m2-her:nth-child(2){--r:2deg}.m2.lebt .m2-her:nth-child(3){--r:5deg}
.m2.lebt .m2-ring{scale:0;transition:scale 1.1s var(--fd);transition-delay:calc(1.1s + var(--j,0)*.2s)}
.m2.lebt .m2-tap__t{opacity:0;translate:0 30px;transition:opacity 1.2s var(--e2) .1s,translate 1.6s var(--e1) .1s}
.m2.lebt .m2-tap__m i{opacity:0;translate:0 clamp(60px,7vw,100px);scale:.95;transition:opacity .9s var(--e2),translate 2s var(--fd),scale 2s var(--fd)}
.m2.lebt .m2-tap__m i:nth-child(2){transition-delay:.12s}.m2.lebt .m2-tap__m i:nth-child(3){transition-delay:.24s}
.m2.lebt .m2-z.da :is(.m2-etik,.m2-tafel,.m2-marke>div:last-child,.m2-schrift,.m2-gr,.m2-gruppen,.m2-glanz,.m2-her,.m2-ring,.m2-tap__t,.m2-tap__m i){opacity:1;translate:none;rotate:none;scale:none}
.m2.lebt .m2-z.da .m2-chip i{transform:none}


/* ---------- Fenster in der Werkbank (fenster_ausblick.py, 12.10.2026): stehendes Bild, stehender Satz, der Ausschnitt wandert.
   Niemand beschneidet: Bild und Satz liegen mit z-index −1 unter den Abschnitten, die deckenden Nachbarn decken ab; ihre runden Ecken geben den Blick frei. ---------- */
.wfen{position:relative;min-height:min(84vh,800px);margin-top:calc(var(--rund)*-1);color:#fff}
.wfen::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--nacht)}
.wfen__f{position:absolute;left:0;right:0;top:-100vh;top:-100lvh;bottom:-100vh;bottom:-100lvh;pointer-events:none}
.wfen__f>img{position:sticky;top:0;z-index:-1;display:block;width:100%;max-width:none;height:100vh;height:100lvh;object-fit:cover;margin-bottom:-100vh;margin-bottom:-100lvh}
.wfen__in{position:sticky;top:50%;z-index:-1;transform:translateY(-50%);padding:0 var(--rand);text-align:center}
.wfen.weg .wfen__in{visibility:hidden}
.wfen__z{display:block;width:clamp(72px,7.4vw,118px);height:auto;margin:0 auto clamp(18px,2vw,30px);color:var(--gold);fill:currentColor;filter:drop-shadow(0 2px 8px rgba(3,10,23,.7))}
.wfen__t{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5.5vw,6.1rem);line-height:1.08;color:#fff;
  text-shadow:0 .02em .04em rgba(3,10,23,.82),0 .06em .16em rgba(3,10,23,.7),0 .14em .42em rgba(3,10,23,.5)}
.wfen__t span{display:block}
.wfen__t em{font-style:normal;color:var(--gold)}
.wfen__k{margin:clamp(16px,1.8vw,26px) auto 0;max-width:44ch;font-family:var(--serif);font-size:clamp(1.06rem,1.5vw,1.56rem);line-height:1.45;color:#fff;
  text-shadow:0 1px 2px rgba(3,10,23,.92),0 2px 10px rgba(3,10,23,.78)}
.wfen__z,.wfen__t span,.wfen__k{opacity:0;transform:translateY(34px);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 1.7s cubic-bezier(.16,1,.3,1)}
.wfen__t span:nth-child(1){transition-delay:.12s}.wfen__t span:nth-child(2){transition-delay:.24s}.wfen__k{transition-delay:.42s}
.wfen.da .wfen__z,.wfen.da .wfen__t span,.wfen.da .wfen__k{opacity:1;transform:none}
#handschrift,#material{border-radius:var(--rund)}
@media(max-width:860px){.wfen{min-height:62svh}}
@media (prefers-reduced-motion:reduce){.wfen__z,.wfen__t span,.wfen__k{opacity:1;transform:none;transition:none}}

/* ---------- «Was noch dazukommt» als Tafel: Marine mit der Tapete, doppelte Goldlinie, oben ein Foto des Hauses und der nächste Schritt, darunter die offenen Punkte ---------- */
.ab .kopfzeile{margin-bottom:clamp(44px,5vw,84px)}
.ab-tafel{position:relative;border-radius:clamp(26px,2.6vw,38px);padding:clamp(30px,4.4vw,76px) clamp(22px,4.4vw,76px) clamp(26px,3.6vw,60px);color:#fff;
  background:var(--navy) url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/1100px auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(138,117,69,.5),0 70px 90px -56px rgba(6,20,43,.85),0 26px 40px -30px rgba(6,20,43,.5)}
.ab-tafel::before,.ab-tafel::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(220,198,143,.46);border-radius:clamp(16px,1.8vw,26px);inset:clamp(10px,1.1vw,16px)}
.ab-tafel::after{inset:clamp(15px,1.5vw,22px);border-color:rgba(220,198,143,.2);border-radius:clamp(12px,1.5vw,21px)}
.ab-oben{position:relative;z-index:1;display:grid;gap:clamp(28px,4.4vw,84px);align-items:center}
@media(min-width:900px){.ab-oben{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.ab-bild{margin:0;border-radius:clamp(16px,1.7vw,24px);overflow:hidden;aspect-ratio:1.22;background:var(--tief);
  box-shadow:0 0 0 1px rgba(220,198,143,.5),0 0 0 7px rgba(11,31,64,.9),0 0 0 8px rgba(220,198,143,.26),0 40px 50px -30px rgba(0,0,0,.95)}
.ab-bild img{display:block;width:100%;height:100%;object-fit:cover}
@media (hover:hover){.ab-bild img{transition:transform 2.2s cubic-bezier(.16,1,.3,1)}.ab-bild:hover img{transform:scale(1.05);transition-duration:2.8s}}
.ab-z{display:block;width:clamp(64px,5.6vw,92px);height:auto;color:#c2a560;fill:url(#cegold);margin-bottom:clamp(18px,2vw,30px)}
.ab-schritt small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ab-schritt h3{margin:clamp(12px,1.3vw,20px) 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.04;color:var(--weiss)}
.ab-linie{display:block;width:clamp(56px,5vw,84px);height:1px;margin:clamp(22px,2.4vw,34px) 0;background:linear-gradient(90deg,var(--gold),rgba(220,198,143,0))}
.ab-schritt p{margin:0;max-width:46ch;font-size:clamp(1.02rem,1.12vw,1.14rem);line-height:1.66;color:rgba(255,255,255,.86)}
.ab-trenn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;margin:clamp(34px,4.4vw,72px) 0 clamp(8px,1vw,16px)}
.ab-trenn i{flex:1;height:1px;background:linear-gradient(90deg,rgba(220,198,143,0),rgba(220,198,143,.5))}
.ab-trenn i:last-child{background:linear-gradient(90deg,rgba(220,198,143,.5),rgba(220,198,143,0))}
.ab-trenn b{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--gold)}
.ab-liste{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid}
.ab-liste li{padding:clamp(24px,2.6vw,40px) 0}
.ab-liste li+li{border-top:1px solid rgba(220,198,143,.18)}
.ab-liste h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.34rem,1.7vw,1.72rem);line-height:1.16;color:#ecdcb4}
.ab-liste h3::after{content:"";display:block;width:34px;height:1px;margin:14px 0 14px;background:linear-gradient(90deg,var(--gold),rgba(220,198,143,0))}
.ab-liste p{margin:0;max-width:46ch;font-size:clamp(.96rem,1vw,1.02rem);line-height:1.66;color:rgba(255,255,255,.78)}
@media(min-width:700px) and (max-width:1139px){
  .ab-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-liste li{padding-inline:clamp(20px,2.6vw,36px)}
  .ab-liste li:nth-child(2n+1){padding-inline-start:0}.ab-liste li:nth-child(2n){padding-inline-end:0;border-inline-start:1px solid rgba(220,198,143,.18)}
  .ab-liste li:nth-child(2){border-top:0}
}
@media(min-width:1140px){
  .ab-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ab-liste li{padding-inline:clamp(24px,2.8vw,48px)}
  .ab-liste li:nth-child(3n+1){padding-inline-start:0}.ab-liste li:nth-child(3n){padding-inline-end:0}
  .ab-liste li:nth-child(3n+2),.ab-liste li:nth-child(3n){border-inline-start:1px solid rgba(220,198,143,.18)}
  .ab-liste li:nth-child(2),.ab-liste li:nth-child(3){border-top:0}
}
@media (prefers-reduced-motion:reduce){.ab-bild img{transition:none;transform:none!important}}


/* ---------- Rezeption im Chat (rezeption_handy.py, 12.10.2026): helle Fläche, links das Handy in 3D, rechts vier Punkte, darunter drei freie Stücke ---------- */
#rezeption.rzh{background:var(--weiss)}
.rzh-b{position:relative;max-width:1560px;margin:0 auto;height:clamp(620px,90svh,880px)}
.rzh-b .tel-pin{position:absolute;inset:0;z-index:0}
/* Schatten unter dem Handy als ruhende Fläche (der gerechnete Bodenschatten des Modells ist aus) */
.rzh-sch{position:absolute;z-index:-1;left:29.5%;top:91%;width:min(340px,27%);height:44px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(12,21,38,.34),rgba(12,21,38,.13) 56%,rgba(12,21,38,0));opacity:0;transition:opacity 1.6s .15s}
.rzh-b.laeuft .rzh-sch{opacity:1;transition:opacity 1.6s 1.5s}
#rezeption .kopfzeile{margin-bottom:clamp(6px,1.6vw,26px)}
.rzh-b canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.rzh-b.laeuft canvas{opacity:1}
#rezeption #telefon3d-text{position:absolute;z-index:3;top:50%;left:53%;right:max(var(--rand),calc((100% - var(--max))/2));transform:translateY(-50%);max-width:620px}
.rzh-p{list-style:none;margin:0;padding:0}
.rzh-p li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:clamp(14px,1.5vw,22px);align-items:start;padding:clamp(16px,1.7vw,24px) 0;border-top:1px solid rgba(138,117,69,.36)}
.rzh-p li:last-child{border-bottom:1px solid rgba(138,117,69,.36)}
.rzh-z{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#24477f 0%,#0b1f40 52%,#040d1e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -3px 0 rgba(0,0,0,.5),0 14px 20px -12px rgba(6,20,43,.6)}
.rzh-z svg{width:25px;height:25px;fill:none;stroke:var(--gold);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.rzh-p b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,1.56vw,1.6rem);line-height:1.16;color:var(--tinte);margin:2px 0 7px}
.rzh-p p{margin:0;font-size:clamp(.98rem,1.04vw,1.06rem);line-height:1.5;color:rgba(12,21,38,.78);max-width:46ch}
.rzh-kn{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(22px,2.4vw,34px)}
@media (max-width:700px){.rzh-kn .kn{max-width:100%;height:auto;min-height:52px;padding-block:8px;white-space:normal;line-height:1.35;text-align:left}.rzh-kn .kn i{flex:none}}
/* Auftritt: die Zeilen schweben von rechts herein, eine nach der anderen, sobald das Handy steht */
.js #telefon3d-text .rzh-p li,.js #telefon3d-text .rzh-kn{opacity:0;transform:translateX(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*120ms)}
.js #telefon3d-text.steht .rzh-p li,.js #telefon3d-text.steht .rzh-kn{opacity:1;transform:none}
/* der flache Rahmen mit dem Film: am Handy, und am Rechner als Ausweg, wenn das 3D-Modell nicht kommt */
.rzh-b .m-telefon{display:none;margin:0}
.rzh-b.rzh--flach canvas,.rzh-b.rzh--flach .rzh-sch{display:none}
.rzh-b.rzh--flach .m-telefon{display:block;position:absolute;left:30%;top:50%;width:min(270px,22vw);transform:translate(-50%,-50%);animation:rzh-flach 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes rzh-flach{from{transform:translate(-50%,-38%)}to{transform:translate(-50%,-50%)}}
.rzh-b .m-tel-rahmen{padding:10px;border-radius:44px;background:linear-gradient(160deg,#2b2d33,#0d0e11 45%,#1b1c20);box-shadow:0 0 0 1.5px #3a3c42,0 40px 60px -34px rgba(6,20,43,.6)}
.rzh-b .m-tel-film{display:block;width:100%;height:auto;border-radius:34px;background:#06142b}
@media (max-width:900px) and (orientation:portrait),(max-width:700px){
  .rzh-b{height:auto;display:block}
  .rzh-b .tel-pin{position:static;display:flex;flex-direction:column;gap:clamp(30px,7vw,44px)}
  .rzh-b canvas,.rzh-sch{display:none}
  #rezeption .kopfzeile{margin-bottom:clamp(34px,8vw,56px)}
  #rezeption #telefon3d-text{position:static;transform:none;max-width:none;order:2}
  .rzh-b .m-telefon{display:block;order:1;margin:0 auto;width:min(292px,74vw)}
  .rzh-p li{grid-template-columns:46px minmax(0,1fr)}.rzh-z{width:46px;height:46px}.rzh-z svg{width:21px;height:21px}
}
/* drei freie Stücke: Handy, Karte und Seite liegen ohne Fläche auf dem Grund, jedes leicht gedreht, darunter der Text ohne Rahmen. Unter der Maus bleibt alles liegen. */
.rzh-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4.6vw,90px);margin-top:clamp(64px,8vw,136px);align-items:start}
.rzh-s{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--tinte)}
.rzh-s__o{width:100%;height:clamp(300px,31vw,480px);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(34px,3.8vw,60px)}
.rzh-s__h{height:128%;aspect-ratio:1296/1903;flex:none}
.rzh-s__h img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.rzh-s__k{height:84%;aspect-ratio:640/902;border-radius:3px;overflow:hidden;box-shadow:0 1px 1px rgba(12,21,38,.1),0 34px 46px -24px rgba(12,21,38,.42),0 12px 18px -12px rgba(12,21,38,.2)}
.rzh-s__b{width:min(100%,540px);aspect-ratio:1280/800;border-radius:clamp(10px,1vw,16px);overflow:hidden;box-shadow:0 1px 1px rgba(12,21,38,.1),0 40px 54px -26px rgba(12,21,38,.46),0 14px 20px -14px rgba(12,21,38,.22)}
.rzh-s__k img,.rzh-s__b img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.rzh-s small{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.rzh-s h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.36rem,1.86vw,1.9rem);line-height:1.14;margin:12px 0 12px}
.rzh-s p{margin:0;max-width:34ch;font-size:clamp(.98rem,1.04vw,1.06rem);line-height:1.55;color:rgba(12,21,38,.78)}
.rzh-s .pfeil{margin-top:18px;color:var(--tinte)}
@media (max-width:899px){
  .rzh-st{grid-template-columns:1fr;gap:clamp(64px,14vw,96px)}
  .rzh-s__o{height:clamp(280px,84vw,420px);margin-bottom:30px}
  .rzh-s__b{width:min(100%,440px)}
}
.rzh-hin{margin:clamp(34px,4.2vw,60px) auto 0;padding-top:20px;border-top:1px solid rgba(138,117,69,.36);max-width:66ch;text-align:center;font-size:1rem;line-height:1.55;color:rgba(12,21,38,.74)}
@media (prefers-reduced-motion:reduce){.js #telefon3d-text .rzh-p li,.js #telefon3d-text .rzh-kn{opacity:1;transform:none;transition:none}.rzh-b.rzh--flach .m-telefon{animation:none}}


/* ---------- Mails im Ton des Hauses (mails_buehne.py, 12.10.2026): vier Mails gross und hochkant ---------- */
.mlg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,30px);align-items:start}
@media(max-width:1100px){.mlg{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(34px,5vw,56px);max-width:820px;margin-inline:auto}}
@media(max-width:560px){.mlg{grid-template-columns:minmax(0,1fr);max-width:400px}}
.mlk{display:flex;flex-direction:column;color:#fff}
.mlk:nth-child(even){margin-top:clamp(0px,2.4vw,40px)}
@media(max-width:1100px){.mlk:nth-child(even){margin-top:0}}
.mlk__b{display:block;border-radius:clamp(12px,1.2vw,18px);overflow:hidden;aspect-ratio:600/900;background:var(--weiss);box-shadow:0 0 0 1px rgba(220,198,143,.3),0 44px 56px -32px rgba(0,0,0,.9),0 14px 22px -14px rgba(0,0,0,.6)}
.mlk__b img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform-origin:50% 0;transition:transform 2.4s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.mlk:hover .mlk__b img{transform:scale(1.05);transition-duration:3s}}
.mlk__t{display:block;padding:clamp(16px,1.6vw,22px) 4px 0}
.mlk__t small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.5}
.mlk__t b{display:block;margin:8px 0 6px;font-family:var(--serif);font-weight:400;font-size:clamp(1.24rem,1.5vw,1.56rem);line-height:1.16}
.mlk__t span{display:block;font-size:.98rem;line-height:1.56;color:rgba(255,255,255,.78)}
@media (prefers-reduced-motion:reduce){.mlk__b img{transition:none;transform:none!important}}


/* ---------- Instagram: 3D-Handy in der Mitte, acht Polaroids ringsum, Text daneben (feed_handy.py, 12.10.2026) ---------- */
#feed .kopfzeile{margin-bottom:clamp(40px,4.6vw,76px)}
.feedb.feedb--pola{align-items:center}
@media(min-width:1000px){.feedb.feedb--pola{grid-template-columns:minmax(0,1.5fr) minmax(0,.72fr)}}
.feedb--pola .feedb__h.fh3{width:46.77%;left:26.62%;top:-4.82%;z-index:2;will-change:auto}
.fh3__b{position:relative;width:100%}
.fh3__g{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;z-index:2;pointer-events:none;filter:none!important;-webkit-user-select:none;user-select:none}
.fh3__e{position:absolute;z-index:1;overflow:hidden;border-radius:4.5% / 2.1%;background:#000}
.fh3__s{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;filter:none!important}
.fh3__e iframe{position:absolute;left:0;top:0;width:393px;height:851px;max-width:none;border:0;background:#000;transform-origin:0 0;opacity:0;pointer-events:none;z-index:3;transition:opacity .3s linear}
.fh3__e iframe.da{opacity:1;pointer-events:auto}
.fh3__k{display:none}
.feedb--pola .feedb__k{z-index:1}
.feedb--pola .feedb__k img{object-fit:cover}
.fh-hin{display:none;left:30%;width:40%;top:95%;margin:0;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;line-height:1.55;text-transform:uppercase;color:var(--gold);will-change:auto;z-index:3}
.feedb__t .lauf{max-width:46ch}
@media(hover:hover) and (pointer:fine) and (min-width:701px){
  .fh-hin{display:block}
  .fh3__e{cursor:pointer}.fh3__e.laedt{cursor:progress}.fh3__e.live{cursor:auto}
  .fh3__k{position:absolute;left:50%;bottom:9.5%;z-index:2;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:3px 3px 3px 13px;border-radius:999px;pointer-events:none;
    font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;white-space:nowrap;color:var(--tinte);
    background:linear-gradient(180deg,#fbf3e2 0%,#e8dbbf 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(110,88,44,.35),0 0 0 1px rgba(220,198,143,.9),0 12px 22px -8px rgba(0,0,0,.8),0 3px 8px rgba(0,0,0,.4);transition:opacity .3s}
  .fh3__k i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#24477f 0%,#0b1f40 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
  .fh3__k svg{width:12px;height:12px;fill:none;stroke:#f4ecdc;stroke-width:1.7;stroke-linejoin:round}
  .fh3__kb{display:none}.fh3__e.laedt .fh3__ka{display:none}.fh3__e.laedt .fh3__kb{display:inline}
  .fh3__e.live .fh3__k{opacity:0}
}
@media(max-width:999px){.feedb__t{text-align:center}.feedb__t .lauf{margin-inline:auto}.feedb__t .kn-reihe{justify-content:center}}
@media(max-width:700px){
  .feedb--pola .feedb__r{aspect-ratio:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px}
  .feedb--pola .feedb__r>*{position:relative;left:auto!important;top:auto!important}
  .feedb--pola .feedb__h.fh3{grid-column:1/-1;justify-self:center;width:93.53%!important;margin:-7.57% 0 -8.26%}
  .feedb--pola .feedb__k{width:100%!important}
}


/* ---------- «Geprüft» im Stil der Website (geprueft_urkunde.py, 12.10.2026): drei Fotos des Hauses, ein Prüfbericht als Blatt, Stempel im Rot der Kaminbar ---------- */
.gg-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(44px,5vw,96px);align-items:center}
@media(min-width:1060px){.gg-in{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}
.gg-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);max-width:560px}
.gg-f{margin:0}
.gg-f:nth-child(2){margin-top:-22px}
.gg-f__b{position:relative;border-radius:clamp(14px,1.3vw,20px);overflow:hidden;box-shadow:0 0 0 1px rgba(220,198,143,.2),0 30px 40px -22px rgba(0,0,0,.8),0 10px 18px -10px rgba(0,0,0,.5)}
.gg-f__b img{display:block;width:100%;height:auto;transition:transform 2.2s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.gg-f:hover .gg-f__b img{transform:scale(1.06);transition-duration:2.8s}}
.gg-f__b::after{content:'';position:absolute;inset:6px;border:1px solid rgba(240,223,174,.5);border-radius:clamp(9px,.9vw,14px);pointer-events:none}
.gg-f figcaption{margin-top:12px;text-align:center;font-family:var(--serif);font-size:clamp(.94rem,1vw,1.04rem);line-height:1.2;color:rgba(251,246,234,.92)}
.gg-fuss{margin-top:clamp(34px,3.6vw,52px);max-width:560px}
.gg-fuss p{margin:0 0 22px;font-family:var(--serif);font-size:clamp(1rem,1.06vw,1.1rem);line-height:1.56;color:rgba(251,246,234,.8)}
.gg-urk{position:relative;padding:clamp(34px,3.4vw,52px) clamp(30px,3.4vw,56px) clamp(28px,2.8vw,40px);border-radius:10px;color:var(--tinte);
  background:linear-gradient(rgba(251,246,234,.72),rgba(251,246,234,.72)),url(../assets/img/tapete.webp?v=c929f6ca) 50% 0/900px auto,var(--weiss);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(138,117,69,.4),0 60px 80px -50px rgba(0,0,0,.9),0 22px 34px -26px rgba(0,0,0,.6)}
.gg-urk::after{content:'';position:absolute;inset:12px;border:1px solid rgba(169,138,69,.6);border-radius:4px;box-shadow:inset 0 0 0 3px var(--weiss),inset 0 0 0 4px rgba(169,138,69,.3);pointer-events:none}
.gg-urk>*{position:relative;z-index:1}
.gg-urk__k{text-align:center}
.gg-urk__z{display:block;width:clamp(54px,4.6vw,70px);height:auto;margin:0 auto 14px;fill:url(#cegold);color:#a98a45}
.gg-urk__k h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2vw,2rem);line-height:1.1;color:var(--tinte)}
.gg-urk__k p{margin:8px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.gg-urk__r{position:relative;display:block;width:120px;height:8px;margin:16px auto 0}
.gg-urk__r::before{content:'';position:absolute;left:0;right:0;top:3.5px;height:1px;background:linear-gradient(90deg,transparent,rgba(169,138,69,.8) 20%,rgba(169,138,69,.8) 42%,transparent 42%,transparent 58%,rgba(169,138,69,.8) 58%,rgba(169,138,69,.8) 80%,transparent)}
.gg-urk__r::after{content:'';position:absolute;left:50%;top:.5px;width:6px;height:6px;margin-left:-3px;border:1px solid var(--messing);transform:rotate(45deg)}
.gg-urk__l{list-style:none;margin:clamp(22px,2.2vw,32px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,3vw,48px)}
.gg-p{padding:clamp(16px,1.6vw,22px) 0;border-top:1px solid rgba(138,117,69,.36)}
.gg-p h3{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,1.4vw,1.44rem);line-height:1.14;color:var(--tinte)}
.gg-siegel{flex:none;width:24px;height:24px;color:var(--messing);overflow:visible}
.gg-siegel circle{fill:none;stroke:currentColor;stroke-width:1.6}
.gg-siegel path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .9s var(--e1) calc(.5s + var(--i)*160ms)}
.gg-p.da .gg-siegel path{stroke-dashoffset:0}
.gg-p p{margin:8px 0 0;font-size:clamp(.94rem,.98vw,1rem);line-height:1.6;color:rgba(12,21,38,.8)}
.gg-urk__f{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:clamp(8px,1vw,14px);padding-top:clamp(18px,1.8vw,24px);border-top:1px solid rgba(138,117,69,.36);font-family:var(--serif);font-size:clamp(.96rem,1.02vw,1.06rem);color:rgba(12,21,38,.72)}
.gg-urk__u{padding-right:clamp(90px,8vw,130px);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.gst{position:absolute;z-index:2;right:clamp(-26px,-1.6vw,-10px);bottom:clamp(-30px,-2vw,-12px);width:clamp(104px,9.4vw,140px);height:auto;color:#7c1d2b;opacity:0;transform:scale(1.5) rotate(-4deg);pointer-events:none}
.gg-urk.da .gst{opacity:.9;transform:scale(1) rotate(-12deg);transition:opacity .18s linear 1.6s,transform .5s cubic-bezier(.3,1.6,.5,1) 1.6s}
@media(max-width:1059px){.gg-links{max-width:640px;margin-inline:auto}}
@media(max-width:640px){
  .gg-urk__l{grid-template-columns:1fr}
  .gg-urk{padding:34px 24px 28px}
  .gg-urk__u{padding-right:0}
  .gg-urk__f{flex-direction:column;align-items:flex-start;gap:8px;padding-right:112px;min-height:86px}
  .gst{right:-6px;bottom:-22px}
  .gg-f:nth-child(2){margin-top:-10px}
}
@media (prefers-reduced-motion:reduce){.gst{opacity:.9;transform:rotate(-12deg)}.gg-siegel path{stroke-dashoffset:0}.gg-f__b img{transition:none}}


/* ---------- Schluss: rundes Profilbild neben dem Gruss ---------- */
.gruss-u__b{flex:none;width:clamp(58px,5vw,76px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(220,198,143,.6),0 0 0 5px rgba(6,20,43,.5),0 14px 22px -10px rgba(0,0,0,.8)}
.gruss-u__b img{display:block;width:100%;height:100%;object-fit:cover}
.schluss .gruss-u{align-items:center}
/* ---------- Laufband zwischen Schluss und Fuss (fuss_faecher.py, 12.10.2026) ---------- */
.wb-band{position:relative;z-index:3;overflow:hidden;background:var(--tief);color:rgba(220,198,143,.8)}
.wb-band::before,.wb-band::after{content:'';position:absolute;left:0;right:0;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(220,198,143,.4) 14%,rgba(220,198,143,.4) 86%,transparent)}
.wb-band::before{top:0}.wb-band::after{bottom:0}
.wb-band__zug{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:wbband 90s linear infinite reverse;animation-play-state:paused}
.wb-band.laeuft .wb-band__zug{animation-play-state:running;will-change:transform}
.wb-band li{flex:none;display:flex;align-items:center;height:54px;margin:0;padding:0 30px;font-family:var(--serif);font-size:clamp(.92rem,1vw,1.04rem);letter-spacing:.06em;line-height:1;white-space:nowrap}
.wb-band li.wb-band__z{padding:0 4px;color:rgba(169,138,69,.9)}
.wb-band__z svg{display:block;height:13px;width:auto;fill:currentColor}
@keyframes wbband{to{transform:translate3d(-50%,0,0)}}
@media(max-width:860px){.wb-band li{height:46px;padding:0 20px}}
@media(prefers-reduced-motion:reduce){.wb-band__zug{animation:none}}
/* ---------- Fuss «Alles auf einen Blick» als Fächer: leise Tapete, die echten Stücke des Hauses freigestellt ---------- */
.fuss:has(.wf){background:linear-gradient(rgba(4,14,31,.84),rgba(4,14,31,.84)),url(../assets/img/tapete-navy.webp?v=ba8679c1) 50% 0/1100px auto,var(--tief)}
.fuss .wf{display:block;text-align:center}
.wf__kopf{display:flex;flex-direction:column;align-items:center}
.wf__z{display:block;width:clamp(72px,7.4vw,118px);height:auto;color:#c2a560;fill:url(#cegold);margin-bottom:clamp(18px,2vw,30px)}
.fuss .wf .wege__t{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5.5vw,6.1rem);line-height:1.06;margin:0}
.wf .wfa{position:relative;margin-top:clamp(10px,1.6vw,30px);outline:none}
.wf .wfa__b{position:relative;height:clamp(240px,34vw,500px)}
.wf .wfa__b::before{content:'';position:absolute;left:50%;top:50%;width:min(70vw,760px);height:min(52vw,560px);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(220,198,143,.12),rgba(220,198,143,.04) 55%,transparent);pointer-events:none}
.wf .fblatt{position:absolute;left:50%;top:0;height:100%;aspect-ratio:1;margin:0;display:block;cursor:pointer;
  --x:0%;--s:.5;--o:0;transform:translateX(calc(-50% + var(--x))) scale(var(--s));opacity:var(--o);pointer-events:none;
  transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.2,.8,.2,1)}
.wf .fblatt img{width:100%;height:100%;object-fit:contain;display:block}
.wf .fblatt[data-p="0"]{--x:0%;--s:1;--o:1;z-index:5;pointer-events:auto}
.wf .fblatt[data-p="-1"]{--x:-74%;--s:.66;--o:.5;z-index:4;pointer-events:auto}
.wf .fblatt[data-p="1"]{--x:74%;--s:.66;--o:.5;z-index:4;pointer-events:auto}
.wf .fblatt[data-p="-2"]{--x:-128%;--s:.46;--o:.2;z-index:3;pointer-events:auto}
.wf .fblatt[data-p="2"]{--x:128%;--s:.46;--o:.2;z-index:3;pointer-events:auto}
.wf .fblatt[data-p="-3"]{--x:-170%}.wf .fblatt[data-p="3"]{--x:170%}
.wf .wfa:not(.da) .fblatt{--x:0%;--s:.7;--o:0}
.wf .wfa__fuss{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,3vw,50px);max-width:820px;margin:0 auto}
.wf .wfa__texte{display:grid;text-align:center}
.wf .wfa__texte>div{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s ease,transform .6s ease,visibility 0s .45s}
.wf .wfa__texte>div.an{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .8s ease .15s}
.wf .wfa__texte h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.7rem);line-height:1.1;color:var(--weiss)}
.wf .wfa__texte h3::after{content:'';display:block;width:96px;height:8px;margin:clamp(14px,1.4vw,18px) auto 0;
  background:linear-gradient(90deg,transparent,rgba(220,198,143,.8) 18%,rgba(220,198,143,.8) 40%,transparent 40%,transparent 60%,rgba(220,198,143,.8) 60%,rgba(220,198,143,.8) 82%,transparent) 0 3.5px/100% 1px no-repeat}
.wf .wfa__texte p{margin:clamp(12px,1.2vw,16px) auto 0;max-width:46ch;font-size:clamp(1.02rem,1.14vw,1.16rem);line-height:1.56;color:rgba(251,246,234,.8)}
.wf .wfa__texte .kn{margin-top:clamp(18px,1.8vw,26px);align-self:center}
.wf__pf{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--weiss);border:1px solid rgba(220,198,143,.4);
  background:radial-gradient(circle at 50% 30%,#24477f,#0b1f40 60%,#06142b);box-shadow:0 14px 22px -12px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12);transition:border-color .4s}
.wf__pf svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wf__pf:hover{border-color:rgba(240,223,174,.9)}
.wf .wfa__zahl{max-width:none;margin-top:clamp(18px,2vw,28px);text-align:center;font-family:var(--mono);font-size:.82rem;letter-spacing:.24em;color:var(--taupe)}
@media(max-width:700px){
  .wf .wfa__b{height:min(78vw,340px)}
  .wf .fblatt[data-p="-1"]{--x:-62%;--s:.55;--o:.4}.wf .fblatt[data-p="1"]{--x:62%;--s:.55;--o:.4}
  .wf .fblatt[data-p="-2"],.wf .fblatt[data-p="2"]{--o:0}
  .wf .wfa__fuss{grid-template-columns:1fr 1fr;justify-items:center;row-gap:20px}
  .wf .wfa__texte{grid-column:1/-1;grid-row:1}
  .wf .wfa__fuss>button:first-of-type{justify-self:end}.wf .wfa__fuss>button:last-of-type{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.wf .fblatt,.wf .wfa__texte>div{transition:none}}


/* ---------- Dichter und filmischer (Robert 15.10.2026: «ich scrolle sehr viel durch Leerräume», «cineastischer») ---------- */
:root{--abschnitt:clamp(60px,6.6vw,108px)}
.kopfzeile{margin-bottom:clamp(30px,3.4vw,56px)}
.kap.kap--z~.zt.zt{font-size:clamp(2rem,4.5vw,4.9rem)}
.kap__z{width:clamp(54px,5.4vw,86px)}
.kopfzeile .lauf{margin-top:clamp(14px,1.6vw,24px)}
.kap--k{position:relative}
.kap__geist{position:absolute;left:50%;top:50%;z-index:-1;translate:-50% -46%;font-family:var(--serif);font-weight:400;font-size:clamp(12rem,30vw,34rem);line-height:1;letter-spacing:.02em;color:var(--gold);opacity:.07;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}
.fl--papier .kap__geist,.fl--creme .kap__geist{color:var(--taupe);opacity:.09}
.kopfzeile{position:relative;isolation:isolate}
@supports (animation-timeline:view()){
  .kap__geist{animation:kgGeist linear both;animation-timeline:view();animation-range:entry 0% exit 90%}
  @keyframes kgGeist{0%{translate:-50% -10%;scale:.86;opacity:0}35%{opacity:.09}100%{translate:-50% -80%;scale:1.08;opacity:0}}
  .kopfzeile .zt .z>span{will-change:transform}
}
/* Farben der Marke (Robert 15.10.2026: «eleganter hochkommen, die gehen alle zu schnell hoch»): länger, weicher, deutlicher gestaffelt */
.m2.lebt .m2-gr{transition:opacity 1.8s var(--e2),translate 3.2s var(--e1),scale 3.2s var(--e1)!important}
.m2.lebt .m2-gr:nth-child(2){transition-delay:.35s!important}.m2.lebt .m2-gr:nth-child(3){transition-delay:.7s!important}.m2.lebt .m2-gr:nth-child(4){transition-delay:1.05s!important}
.m2.lebt .m2-chip i{transition:transform 2.4s var(--e1) 1s!important}
.m2.lebt .m2-gruppen,.m2.lebt .m2-glanz{transition:opacity 1.6s ease 1.9s!important}
@media(prefers-reduced-motion:reduce){.kap__geist{animation:none}}
/* ---------- Kapitel (kapitel.py, 15.10.2026): «Kapitel III» über dem CE im Kopf des ersten Abschnitts ---------- */
.kap__nr{display:block;font-family:var(--mono);font-size:clamp(.7rem,.78vw,.8rem);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--gold);opacity:.9}
.fl--papier .kap__nr,.fl--creme .kap__nr{color:var(--taupe)}
.kap--k>span{font-size:clamp(1.08rem,1.24vw,1.3rem)}
/* ---------- Papier mit drei Karten: Aufkleber, Drucksachen, Mails (15.10.2026) ---------- */
@media(min-width:1000px) and (max-width:1199px){.papier{grid-template-columns:1fr 1fr}.pk--mail{grid-column:1/-1}.pk--mail .pk__b{aspect-ratio:2/.8}}
@media(min-width:1200px){.papier{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pk--mail{background:#f4ecdc;color:var(--tinte);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.36)}
.pk--mail p{color:rgba(12,21,38,.86)}
.pk--mail .kn{--o:#1f3f77;--m:#0b1f40;--u:#040d1e;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tf:rgba(6,20,43,.6);--ko:#fbf3e2;--ku:#cfbd98;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
.mlp img{display:block;width:100%;height:auto;aspect-ratio:1200/1920;object-fit:cover;object-position:50% 0;border-radius:5px;box-shadow:0 0 0 1px rgba(12,21,38,.12),0 22px 26px -18px rgba(40,30,10,.7)}
/* Le Livre, Kachel «Das Markenbuch» (Modul des Livre-Chats, hier nur von aussen gestaltet; Robert 15.10.2026: die kleine Vorschau «nicht als Vorschau erkenntlich,
   sieht aus wie Teil der Kachel»): die Seite steht jetzt als Fenster auf hellem Grund, gross, mit Kopfzeile und dem Hinweis «Vorschau» */
.m2-buch__b{position:relative;aspect-ratio:16/11.5!important;padding:52px clamp(22px,3vw,40px) 0;background:#e9dfc8 url(../assets/img/tapete.webp?v=c929f6ca) 50% 0/700px auto!important;box-shadow:inset 0 -1px 0 rgba(150,125,64,.35)}
.m2-buch__b::before{content:'●  ●  ●     carlton-europe / markenbuch';position:absolute;left:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px);top:22px;height:30px;display:flex;align-items:center;padding:0 14px;border-radius:10px 10px 0 0;
  background:#0f2547;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:rgba(255,255,255,.55);white-space:pre}
.m2-buch__b img{display:block;width:100%;height:100%!important;object-fit:cover;object-position:50% 0;border-radius:0;box-shadow:0 30px 40px -24px rgba(40,30,10,.7),0 0 0 1px rgba(15,37,71,.5)}
.m2-buch__b::after{content:'Vorschau · zum Öffnen klicken';position:absolute;right:clamp(30px,3.6vw,50px);bottom:18px;padding:9px 16px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#e6d4ad);box-shadow:0 0 0 1px rgba(220,198,143,.9),0 10px 18px -8px rgba(0,0,0,.6)}
/* Fuss «Alles auf einen Blick»: zweite Zeile in Gold wie alle Überschriften */
.wf .wege__t em{font-style:normal;color:var(--gold)}
/* ---------- Register mit freigestellten Objekten (15.10.2026, vierte Fassung): derselbe Fächer wie der Fuss ---------- */
.rg .kopfzeile{margin-bottom:clamp(10px,1.4vw,24px)}
.rgw{text-align:center}
.rgw .wfa{position:relative;margin-top:clamp(10px,1.6vw,30px);outline:none}
.rgw .wfa__b{position:relative;height:clamp(240px,34vw,500px)}
.rgw .wfa__b::before{content:'';position:absolute;left:50%;top:50%;width:min(70vw,760px);height:min(52vw,560px);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(220,198,143,.12),rgba(220,198,143,.04) 55%,transparent);pointer-events:none}
.rgw .fblatt{position:absolute;left:50%;top:0;height:100%;aspect-ratio:1;margin:0;display:block;cursor:pointer;
  --x:0%;--s:.5;--o:0;transform:translateX(calc(-50% + var(--x))) scale(var(--s));opacity:var(--o);pointer-events:none;
  transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.2,.8,.2,1)}
.rgw .fblatt img{width:100%;height:100%;object-fit:contain;display:block}
.rgw .fblatt[data-p="0"]{--x:0%;--s:1;--o:1;z-index:5;pointer-events:auto}
.rgw .fblatt[data-p="-1"]{--x:-74%;--s:.66;--o:.5;z-index:4;pointer-events:auto}
.rgw .fblatt[data-p="1"]{--x:74%;--s:.66;--o:.5;z-index:4;pointer-events:auto}
.rgw .fblatt[data-p="-2"]{--x:-128%;--s:.46;--o:.2;z-index:3;pointer-events:auto}
.rgw .fblatt[data-p="2"]{--x:128%;--s:.46;--o:.2;z-index:3;pointer-events:auto}
.rgw .fblatt[data-p="-3"]{--x:-170%}.rgw .fblatt[data-p="3"]{--x:170%}
.rgw .wfa:not(.da) .fblatt{--x:0%;--s:.7;--o:0}
.rgw .wfa__fuss{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,3vw,50px);max-width:820px;margin:0 auto}
.rgw .wfa__texte{display:grid;text-align:center}
.rgw .wfa__texte>div{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s ease,transform .6s ease,visibility 0s .45s}
.rgw .wfa__texte>div.an{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .8s ease .15s}
.rgw .wfa__texte h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.7rem);line-height:1.1;color:var(--weiss)}
.rgw .wfa__texte h3::after{content:'';display:block;width:96px;height:8px;margin:clamp(14px,1.4vw,18px) auto 0;
  background:linear-gradient(90deg,transparent,rgba(220,198,143,.8) 18%,rgba(220,198,143,.8) 40%,transparent 40%,transparent 60%,rgba(220,198,143,.8) 60%,rgba(220,198,143,.8) 82%,transparent) 0 3.5px/100% 1px no-repeat}
.rgw .wfa__texte p{margin:clamp(12px,1.2vw,16px) auto 0;max-width:46ch;font-size:clamp(1.02rem,1.14vw,1.16rem);line-height:1.56;color:rgba(251,246,234,.8)}
.rgw .wfa__texte .kn{margin-top:clamp(18px,1.8vw,26px);align-self:center}
.wf__pf{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--weiss);border:1px solid rgba(220,198,143,.4);
  background:radial-gradient(circle at 50% 30%,#24477f,#0b1f40 60%,#06142b);box-shadow:0 14px 22px -12px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12);transition:border-color .4s}
.wf__pf svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wf__pf:hover{border-color:rgba(240,223,174,.9)}
.rgw .wfa__zahl{max-width:none;margin-top:clamp(18px,2vw,28px);text-align:center;font-family:var(--mono);font-size:.82rem;letter-spacing:.24em;color:var(--taupe)}
@media(max-width:700px){
  .rgw .wfa__b{height:min(78vw,340px)}
  .rgw .fblatt[data-p="-1"]{--x:-62%;--s:.55;--o:.4}.rgw .fblatt[data-p="1"]{--x:62%;--s:.55;--o:.4}
  .rgw .fblatt[data-p="-2"],.rgw .fblatt[data-p="2"]{--o:0}
  .rgw .wfa__fuss{grid-template-columns:1fr 1fr;justify-items:center;row-gap:20px}
  .rgw .wfa__texte{grid-column:1/-1;grid-row:1}
  .rgw .wfa__fuss>button:first-of-type{justify-self:end}.rgw .wfa__fuss>button:last-of-type{justify-self:start}
}
.rgc-t__k{font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.rgw .wfa__texte>div>p:not(.rgc-t__k){margin-top:10px}
.rgc-punkte{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.2vw,30px)}
.rgc-p{min-width:44px;padding:7px 10px;border-radius:999px;font-family:var(--serif);font-size:.96rem;color:rgba(251,246,234,.6);box-shadow:inset 0 0 0 1px rgba(220,198,143,.3);transition:color .4s,background .4s}
.rgc-p[aria-pressed="true"]{color:var(--tinte);background:var(--gold)}
.rg__ce{display:inline-block;width:clamp(36px,3.2vw,46px);height:auto;color:#c2a560;fill:url(#cegold)}
/* ---------- Platzhalter (nur lokal, nie online) ---------- */
.ph{max-width:880px;margin:clamp(24px,3vw,44px) auto 0;padding:clamp(26px,3vw,44px);border-radius:22px;border:1.5px dashed rgba(220,198,143,.6);color:rgba(255,255,255,.88);text-align:center;background:repeating-linear-gradient(135deg,rgba(220,198,143,.05) 0 14px,transparent 14px 28px)}
.ph--hell,.fl--papier .ph,.fl--creme .ph{border-color:rgba(138,117,69,.6);color:var(--tinte)}
.ph__k{font-family:var(--mono);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:#e0a96a}
.ph h3{margin:12px 0 10px;font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.2vw,2.2rem)}
.ph p{max-width:56ch;margin-inline:auto}
.ph__w{margin-top:14px!important;font-family:var(--mono);font-size:.78rem;opacity:.7}


/* ---------- Kapitel 1, Bühne der Beweise (befunde.py, 15.10.2026, zweite Fassung) ---------- */
/* Gruppen von Belegen: eine zur Zeit */
.bfx-gruppe{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;visibility:hidden;transition:visibility 0s .7s}
.bfx-gruppe.an{visibility:visible;transition:visibility 0s}
.bfx-titel{display:none}
.bfx-reihe{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,26px)}
.bfx{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;min-width:0;opacity:0;transform:translate3d(0,90px,0) scale(.94);transition:opacity .45s ease,transform .7s var(--e1)}
.bfx.da{opacity:1;transform:rotate(var(--r,0deg));transition:opacity 1s ease calc(var(--j)*.18s),transform 1.6s var(--e1) calc(var(--j)*.18s)}
.bfx-gruppe--zeit .bfx.da{transition-delay:0s}
.bfx-reihe>.bfx:nth-child(1){--r:-1.6deg}.bfx-reihe>.bfx:nth-child(3){--r:1.2deg}.bfx-reihe>.bfx:nth-child(5){--r:-.8deg}
.bfx figcaption{margin-top:14px;text-align:center;max-width:28ch}
.bfx figcaption b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.08rem,1.2vw,1.26rem);color:#fff}
.bfx figcaption span{display:block;margin-top:4px;font-size:.9rem;line-height:1.4;color:rgba(255,255,255,.72)}
/* Handy: Rahmen in CSS, die Aufnahme exakt darin, der Rahmen der Analyse als rotes Rechteck, das sich zeichnet */
.bfx-tel{position:relative;height:min(60vh,600px);aspect-ratio:780/1688;padding:9px;border-radius:40px;background:linear-gradient(160deg,#2a3346,#0c111c);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),0 0 0 1px rgba(0,0,0,.6),0 50px 70px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(220,198,143,.2)}
.bfx-tel__s{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff}
.bfx-tel__s img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.bfx-tel__insel{position:absolute;left:50%;top:17px;width:30%;height:16px;margin-left:-15%;border-radius:10px;background:#05070c}
.bfx-kreis{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.bfx-kreis rect{fill:rgba(210,58,43,.07);stroke:#d23a2b;stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px rgba(210,58,43,.6))}
.bfx.da .bfx-kreis rect{animation:bfxZeichne 1.1s cubic-bezier(.6,0,.2,1) forwards,bfxPuls 2.4s ease-in-out infinite;animation-delay:calc(var(--j)*.18s + 1s),calc(var(--j)*.18s + 2.2s)}
.bfx-gruppe--zeit .bfx.da .bfx-kreis rect{animation-delay:.6s,1.8s}
@keyframes bfxZeichne{to{stroke-dashoffset:0}}
@keyframes bfxPuls{0%,100%{stroke-dashoffset:0;fill:rgba(210,58,43,.07)}50%{stroke-dashoffset:0;fill:rgba(210,58,43,.16)}}
/* Fenster: Ausschnitte mit eingezeichnetem Kreis, Browser-Kopf */
.bfx-fen{position:relative;width:min(100%,560px);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(220,198,143,.35),0 50px 70px -40px rgba(0,0,0,.95)}
.bfx-fen__adr{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#e9e1d0;font-family:var(--mono);font-size:11px;color:rgba(12,21,38,.6)}
.bfx-fen__adr i{width:8px;height:8px;border-radius:50%;background:rgba(12,21,38,.22)}.bfx-fen__adr span{margin-left:10px}
.bfx-fen__s img{display:block;width:100%;height:auto}
/* zwei Fassungen: untereinander, Bildunterschrift links daneben, «≠» dazwischen */
.bfx-gruppe--gegen .bfx-reihe{flex-direction:column;gap:clamp(6px,1vh,14px)}
.bfx-gruppe--gegen .bfx{display:grid;grid-template-columns:minmax(0,15em) minmax(0,560px);align-items:center;gap:22px;--r:0deg}
.bfx-gruppe--gegen figcaption{order:-1;text-align:right;margin:0;max-width:none}
.bfx-gruppe--gegen .bfx-fen{width:100%}
.bfx-gruppe--gegen .bfx-zw{transform:translateX(calc(7.5em + 11px))}
/* Browser-Reiter für «Google muss raten» */
.bfx--reiter .bfx-fen{width:min(34vw,540px)}
.bfx-code{width:min(24vw,380px);border-radius:14px;overflow:hidden;background:#0b1a33;box-shadow:0 0 0 1px rgba(220,198,143,.3),0 50px 70px -40px rgba(0,0,0,.95)}
.bfx-code__kopf{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#132a4f;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.55)}
.bfx-code__kopf i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}.bfx-code__kopf span{margin-left:10px}
.bfx-code__s{position:relative}.bfx-code__s img{display:block;width:100%;height:auto}
.bfc--still .bfx-code{width:100%}
.bfx-fen__reiter{display:flex;gap:4px;padding:9px 10px 0;background:#d6ccb6}
.bfx-tab{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:10px 10px 0 0;background:#f4efe4;font-family:var(--sans);font-size:14px;color:#1b2333}
.bfx-tab>i{width:14px;height:14px;border-radius:3px;background:#003566}
.bfx-tab>b{font-weight:400;color:rgba(12,21,38,.45)}
.bfx-tab--leer{background:transparent;color:rgba(12,21,38,.5)}
.bfx-fen--reiter .bfx-fen__adr{background:#f4efe4}
.bfx-fen--reiter .bfx-fen__s{max-height:40vh;overflow:hidden}
/* Zwischenzeichen: Pfeil von Verweis zu Ziel, «≠» zwischen zwei Fassungen */
.bfx-zw{flex:none;font-family:var(--serif);font-size:clamp(2.2rem,3.2vw,3.4rem);line-height:1;color:var(--gold);opacity:0;transition:opacity .6s ease .6s}
.bfx-gruppe.an .bfx-zw{opacity:1}
/* Uhr beim Handy */
.bfx-uhr{display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:clamp(10px,1.6vh,22px)}
.bfx-uhr b{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5vw,4.8rem);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;min-width:3.4ch;text-align:right}
.bfx-uhr small{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.bfx-gruppe--zeit .bfx-tel{height:min(48vh,480px)}
/* ---------- Kapitel 1 kompakt (15.10.2026, dritte Fassung): links fünf Befunde, rechts die Belege ---------- */
.bfk .kopfzeile{margin-bottom:clamp(26px,3vw,46px)}
.bfk-raum{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2fr);gap:clamp(18px,2.4vw,40px);align-items:stretch;padding:clamp(14px,1.6vw,22px);border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(220,198,143,.24),0 60px 90px -60px rgba(0,0,0,.9)}
.bfk-liste{display:flex;flex-direction:column;gap:8px}
.bfk-b{display:flex;align-items:center;gap:16px;width:100%;padding:clamp(14px,1.4vw,20px) clamp(14px,1.4vw,20px);border-radius:18px;text-align:left;color:#fbf6ea;
  background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(220,198,143,.16);transition:background .5s,box-shadow .5s,color .4s}
.bfk-b:hover{box-shadow:inset 0 0 0 1px rgba(220,198,143,.5)}
.bfk-b__n{flex:none;font-family:var(--serif);font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:1;color:var(--gold);min-width:1.6em}
.bfk-b__t b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.04rem,1.16vw,1.2rem);line-height:1.2}
.bfk-b__t small{display:block;margin-top:4px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(220,198,143,.85)}
.bfk-b[aria-pressed="true"]{color:var(--tinte);background:linear-gradient(180deg,#fbf3e2,#e9d9b4);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(220,198,143,.9),0 18px 30px -18px rgba(0,0,0,.8)}
.bfk-b[aria-pressed="true"] .bfk-b__n{color:#8a6f35}.bfk-b[aria-pressed="true"] small{color:#8a6f35}
.bfk-buehne{position:relative;min-height:clamp(540px,62vh,660px);display:grid}
.bfk-tafel{grid-area:1/1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.bfk-tafel.an{opacity:1;visibility:visible;transition:opacity .6s ease .1s}
.bfk-belege{position:relative;display:grid;align-items:center;min-height:0}
.bfk-belege .bfx-gruppe{position:relative;inset:auto;grid-area:1/1;visibility:hidden}
.bfk-belege .bfx-gruppe.an{visibility:visible}
.bfk-text{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px 4px 2px;border-top:1px solid rgba(220,198,143,.22)}
.bfk-text p{flex:1 1 30em;font-family:var(--serif);font-size:clamp(1.02rem,1.14vw,1.16rem);line-height:1.5;color:rgba(251,246,234,.9)}
.bfk-text small{flex-basis:100%;order:3;font-family:var(--mono);font-size:.68rem;color:rgba(251,246,234,.5)}
.bfk-wahl{display:flex;gap:6px}
.bfk-wahl button{padding:7px 14px;border-radius:999px;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,246,234,.75);box-shadow:inset 0 0 0 1px rgba(220,198,143,.4)}
.bfk-wahl button[aria-pressed="true"]{color:var(--tinte);background:var(--gold)}
.bfk .bfx-tel{height:min(46vh,440px)}
.bfk .bfx-gruppe--zeit .bfx-tel{height:min(40vh,380px)}
.bfk .bfx-gruppe--gegen .bfx{grid-template-columns:minmax(0,11em) minmax(0,460px)}
.bfk .bfx-gruppe--gegen .bfx-zw{transform:translateX(calc(5.5em + 11px))}
.bfk .bfx--reiter .bfx-fen{width:min(30vw,480px)}
.bfk .bfx-code{width:min(20vw,330px)}
@media(max-width:999px){
  .bfk-raum{grid-template-columns:1fr}
  .bfk-liste{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin-inline:-6px}.bfk-liste::-webkit-scrollbar{display:none}
  .bfk-b{flex:0 0 min(70vw,260px)}
  .bfk-buehne{min-height:0}
  .bfk-belege .bfx-reihe{flex-wrap:wrap;gap:18px}
  .bfk .bfx-tel{height:min(70vh,380px)}
  .bfk .bfx-gruppe--gegen .bfx{display:flex;flex-direction:column}.bfk .bfx-gruppe--gegen figcaption{order:0;text-align:center;margin-top:8px}.bfk .bfx-gruppe--gegen .bfx-zw{transform:none}
  .bfk .bfx--reiter .bfx-fen,.bfk .bfx-code{width:100%}
}
/* «Was stimmt» und «Was Sie ohne uns beheben können»: zwei Blätter mit doppeltem Goldrand (Robert 15.10.2026: «viel schöner») */
.bf1-zwei{display:grid;gap:clamp(16px,2vw,28px);margin-top:clamp(28px,3.4vw,52px)}
@media(min-width:900px){.bf1-zwei{grid-template-columns:1fr 1fr}}
.bf1-sp{position:relative;padding:clamp(30px,3.4vw,52px) clamp(24px,3vw,46px) clamp(26px,3vw,40px);border-radius:26px;color:var(--tinte);
  background:linear-gradient(rgba(251,246,234,.9),rgba(251,246,234,.9)),#fbf6ea url(../assets/img/tapete.webp?v=c929f6ca) 50% 0/900px auto;
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.5),0 60px 80px -50px rgba(0,0,0,.9)}
.bf1-sp::before,.bf1-sp::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(150,125,64,.5);border-radius:18px;inset:12px}
.bf1-sp::after{inset:17px;border-color:rgba(150,125,64,.22);border-radius:14px}
.bf1-sp h3{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.1vw,2.2rem);line-height:1.1;color:var(--tinte);padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid rgba(150,125,64,.35)}
.bf1-sp h3::before{flex:none;width:38px;height:38px;display:grid;place-items:center;font-size:1.05rem;color:#6d5a2c;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbf3e2,#d9c08a);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.7),0 8px 14px -8px rgba(60,40,10,.6)}
.bf1-sp ul{counter-reset:bf}
.bf1-sp li{position:relative;padding:14px 0 14px 46px;border-bottom:1px solid rgba(150,125,64,.18);font-family:var(--serif);font-size:clamp(1.04rem,1.16vw,1.2rem);line-height:1.45;color:rgba(12,21,38,.88)}
.bf1-sp li:last-child{border-bottom:0}
.bf1-sp--gut li::before{content:'';position:absolute;left:12px;top:1.1em;width:13px;height:7px;border-left:2px solid #8a6f35;border-bottom:2px solid #8a6f35;transform:rotate(-45deg)}
.bf1-sp--gut h3::before{content:'✓'}
.bf1-sp--selbst li{counter-increment:bf}
.bf1-sp--selbst li::before{content:counter(bf);position:absolute;left:0;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1rem;color:#fbf6ea;background:linear-gradient(180deg,#1e3c72,#0b1f40)}
.bf1-sp--selbst h3::before{content:'✎'}


/* ---------- Kapitel 5 «Ihre Werkzeuge» (werkzeuge_kapitel.py, 15.10.2026): ein Laptop, nur der Bildschirm wechselt ---------- */
.ins-leiste{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(10px,1.4vw,24px)}
.ins-reiter{display:flex;flex-wrap:wrap;gap:10px}
.ins-r{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 20px 12px;border:0;border-radius:999px;cursor:pointer;color:#fbf6ea;
  background:linear-gradient(180deg,#1b3561 0%,#0a1c3b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(220,198,143,.32),0 14px 24px -14px rgba(0,0,0,.85);
  transition:box-shadow .4s,background .5s,color .4s}
.ins-r small{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(220,198,143,.85);transition:color .4s}
.ins-r span{font-family:var(--serif);font-size:clamp(1rem,1.14vw,1.16rem);line-height:1.1;white-space:nowrap}
.ins-r:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(220,198,143,.7),0 16px 26px -14px rgba(0,0,0,.9)}
.ins-r[aria-selected="true"]{color:var(--tinte);background:linear-gradient(180deg,#fbf3e2 0%,#e6d4ad 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(110,88,44,.35),0 0 0 1px rgba(220,198,143,.9),0 16px 30px -14px rgba(0,0,0,.9)}
.ins-r[aria-selected="true"] small{color:var(--taupe)}
.ins-pf{flex:none;display:flex;gap:10px}
.ins-pf button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);background:radial-gradient(circle at 35% 30%,#fbf3e2,#cfbd98);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 18px -8px rgba(0,0,0,.6)}
.ins-pf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.ins-buehne{display:grid;gap:clamp(30px,4vw,72px);align-items:center;margin-top:clamp(30px,3.4vw,56px);touch-action:pan-y}
@media(min-width:1000px){.ins-buehne{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.ins-dev{position:relative;width:100%;opacity:0;transform:translate3d(0,160px,0) scale(.94)}
.ins-dev.da{opacity:1;transform:none;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),transform 2.2s cubic-bezier(.16,1,.3,1)}
.ins-dev__g{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}
.ins-dev__e{position:absolute;z-index:1;overflow:hidden;background:#0c0e16;outline:0}
.ins-sc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:0;z-index:1;transition:opacity .38s cubic-bezier(.4,0,.2,1)}
.ins-sc.an{opacity:1}.ins-sc.bleibt{opacity:1!important;transition:none}
.ins-sc--ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:6%;background:repeating-linear-gradient(135deg,#101a30 0 16px,#0c1426 16px 32px);color:#fbf6ea}
.ins-sc--ph p{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#e0a96a}
.ins-sc--ph b{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.6rem)}
.ins-sc--ph span{font-size:.86rem;opacity:.7}
.ins-live{position:absolute;left:0;top:0;width:1440px;height:932px;max-width:none;border:0;background:#0c0e16;transform-origin:0 0;opacity:0;pointer-events:none;z-index:4;transition:opacity .3s linear}
.ins-live.da{opacity:1;pointer-events:auto}
html.ins-ruhe :is(.stapel .tel,.runter i,.zeile__z,.namenzug div,.wb-band__zug,.glanz){animation-play-state:paused!important}
.ins-klick{display:none}
@media(hover:hover) and (pointer:fine){
  .ins-dev__e{cursor:pointer}.ins-dev__e.laedt{cursor:progress}.ins-dev__e.live{cursor:auto}
  .ins-klick{position:absolute;right:2.6%;bottom:4.2%;z-index:3;display:flex;align-items:center;gap:11px;padding:4px 4px 4px 17px;border-radius:999px;pointer-events:none;
    font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;white-space:nowrap;color:var(--tinte);background:linear-gradient(180deg,#fbf3e2 0%,#e6d4ad 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(110,88,44,.35),0 0 0 1px rgba(220,198,143,.9),0 16px 28px -10px rgba(0,0,0,.8);transition:opacity .3s}
  .ins-klick i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#1b3561 0%,#0a1c3b 100%)}
  .ins-klick svg{width:15px;height:15px;fill:none;stroke:#f0e3c2;stroke-width:1.7;stroke-linejoin:round}
  .ins-klick__b{display:none}.ins-dev__e.laedt .ins-klick__a{display:none}.ins-dev__e.laedt .ins-klick__b{display:inline}
  .ins-dev__e.live .ins-klick{opacity:0}
  .ins-dev__e:has(.ins-sc--ph.an) .ins-klick{display:none}
}
.ins-minis{display:grid;margin-top:8px}
.ins-hinweis{display:none;align-items:center;justify-content:center;gap:10px;margin:14px 0 0;font-family:var(--serif);font-size:.98rem;color:rgba(251,246,234,.7)}
@media(hover:hover) and (pointer:fine){.ins-hinweis{display:flex}}
.ins-hinweis svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round}
.ins-mini{grid-area:1/1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;opacity:0;visibility:hidden;transition:opacity .16s linear,visibility 0s .16s}
.ins-mini.an{opacity:1;visibility:visible;transition:opacity .3s linear .16s,visibility 0s .16s}
.ins-m{padding:8px 16px;border-radius:999px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,246,234,.7);box-shadow:inset 0 0 0 1px rgba(220,198,143,.35)}
.ins-m[aria-pressed="true"]{color:var(--tinte);background:var(--creme)}
.ins-texte{display:grid}
.ins-t{grid-area:1/1;width:100%;max-width:33rem;margin-inline:auto;text-align:center;opacity:0;visibility:hidden;transition:opacity .16s linear,visibility 0s .16s}
.ins-t.an{opacity:1;visibility:visible;transition:opacity .3s linear .16s,visibility 0s .16s}
.ins-t>*{translate:0 10px;opacity:0;transition:opacity .16s linear,translate .16s ease}
.ins-t.an>*{translate:0 0;opacity:1;transition:opacity .4s cubic-bezier(.22,.61,.36,1),translate .55s cubic-bezier(.22,.61,.36,1)}
.ins-t.an>:nth-child(2){transition-delay:.06s}.ins-t.an>:nth-child(3){transition-delay:.1s}.ins-t.an>:nth-child(4){transition-delay:.14s}.ins-t.an>:nth-child(5){transition-delay:.18s}
.ins-t__r{display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--gold)}
.ins-t__r::before,.ins-t__r::after{content:'';flex:none;width:clamp(26px,3vw,46px);height:1px;background:rgba(220,198,143,.55)}
.ins-t h3{margin-top:clamp(16px,1.6vw,22px);font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,4.2vw,4.3rem);line-height:1;color:#fbf6ea}
.ins-t h3::after{content:'';display:block;width:clamp(54px,5vw,78px);height:1px;margin:clamp(20px,2vw,28px) auto 0;background:rgba(220,198,143,.7)}
.ins-t__s{margin:clamp(20px,2vw,28px) auto 0;max-width:37ch;font-family:var(--serif);font-size:clamp(1.1rem,1.26vw,1.3rem);line-height:1.55;color:rgba(251,246,234,.9);text-wrap:balance}
.ins-t__l{margin-top:clamp(24px,2.6vw,36px);text-align:left;border-bottom:1px solid rgba(220,198,143,.22)}
.ins-t__l li{display:flex;align-items:center;gap:16px;padding:13px 6px;border-top:1px solid rgba(220,198,143,.22);font-size:.98rem;line-height:1.45;color:rgba(251,246,234,.86)}
.ins-s{flex:none;width:22px;height:22px;color:var(--gold)}
.ins-s circle{fill:none;stroke:currentColor;stroke-width:1.6}.ins-s path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ins .ins-t .kn-reihe{justify-content:center;margin-top:clamp(26px,2.8vw,40px)}
.wz-strom{margin-top:clamp(64px,7vw,110px)}
.wz-strom__t{margin:0 0 clamp(22px,2.4vw,34px);font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.4vw,2.5rem);color:#fbf6ea;text-align:center}
.wz-strom__t em{font-style:normal;color:var(--gold)}
.wz-strom>ul{margin:0 auto;max-width:1060px;display:grid;gap:12px}
.wzs{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.6fr);align-items:center;gap:16px;padding:16px 20px;border-top:1px solid rgba(220,198,143,.22)}
.wzs__q b{display:block;font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--gold)}
.wzs__q span{display:block;margin-top:4px;font-size:.95rem;color:rgba(251,246,234,.8)}
.wzs__p{position:relative;height:1px;background:linear-gradient(90deg,rgba(220,198,143,.2),rgba(220,198,143,.9))}
.wzs__p::after{content:'';position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid #dcc68f;border-right:1px solid #dcc68f;transform:rotate(45deg)}
.wzs__z{display:flex;flex-wrap:wrap;gap:6px 0}
.wzs__z li{padding:0 14px;font-family:var(--serif);font-size:1.08rem;color:#fbf6ea}
.wzs__z li:first-child{padding-left:0}.wzs__z li+li{border-left:1px solid rgba(220,198,143,.45)}
@media(max-width:700px){.ins-leiste{flex-direction:column;align-items:stretch}.ins-reiter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--rand)*-1);padding:4px var(--rand)}.ins-reiter::-webkit-scrollbar{display:none}.ins-pf{justify-content:flex-end}.wzs{grid-template-columns:1fr;gap:10px}.wzs__p{display:none}}
@media(prefers-reduced-motion:reduce){.ins-t,.ins-t>*,.ins-sc,.ins-mini,.ins-dev{transition:none!important;translate:none!important}.ins-dev{opacity:1;transform:none}}


/* ---------- Einmal ändern, überall richtig: Fluss, Fassung 2: Bühne mit Bildkacheln, Bögen und Licht (strom_fluss.py, 12.10.2026) ---------- */
.fb{--fg:#dcc68f;--fd:cubic-bezier(.28,1.42,.42,1);--sm:clamp(54px,4.7vw,70px);--rad:clamp(14px,1.5vw,22px)}
.fb .wz-strom__t{margin-bottom:clamp(20px,2.2vw,32px);font-size:clamp(1.9rem,3.1vw,3.2rem);text-wrap:balance}
.fb__wahl{display:none}
.fb>.fb__raum{position:relative;max-width:1280px;margin:0 auto;padding:0;list-style:none;display:grid;gap:0}
.fb__netz,.fb__funke{display:none}
.fbs{position:relative;display:grid;grid-template-columns:minmax(0,43fr) minmax(0,11fr) minmax(0,46fr);align-items:center;padding:clamp(30px,3.4vw,52px) 0}
.fbs+.fbs{border-top:1px solid rgba(220,198,143,.22)}
.fbs__q{grid-column:1;min-width:0}
.fbs__b{position:relative;transform:perspective(1500px) rotateY(5deg);transform-origin:0 50%}
[dir=rtl] .fbs__b{transform:perspective(1500px) rotateY(-5deg);transform-origin:100% 50%}
.fbk{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:var(--rad);background:#141826;box-shadow:0 36px 46px -28px rgba(0,0,0,.92),0 0 0 1px rgba(220,198,143,.16)}
.fbk--q{aspect-ratio:16/10}
.fbk img{display:block;width:100%;height:100%;object-fit:cover}
.fbk::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(230,210,162,.2)}
.fbk__glanz{position:absolute;top:-20%;bottom:-20%;left:0;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,250,235,.55) 48%,transparent);transform:translateX(-150%) skewX(-12deg)}
.fbs__siegel{position:absolute;z-index:2;inset-inline-end:calc(var(--sm)/-2);top:50%;width:var(--sm);height:var(--sm);margin-top:calc(var(--sm)/-2);border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#fdf6e6 0%,#e4d1a8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(110,88,44,.42),0 0 0 1px rgba(226,206,156,.95),0 20px 26px -12px rgba(0,0,0,.9)}
.fbs__siegel svg{width:42%;height:42%;fill:none;stroke:var(--tinte);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fbs__siegel::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(220,198,143,.45);pointer-events:none}
.fbs__siegel i{position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--fg);opacity:0;pointer-events:none}
.fbs__t{display:flex;flex-direction:column;margin-top:clamp(20px,2.2vw,32px)}
.fbs__k{display:flex;align-items:center;gap:clamp(14px,1.5vw,22px)}
.fbs__zeichen{flex:none;width:clamp(52px,4.8vw,70px);height:auto;fill:url(#cegold);color:#dcc189}
.fbs__t b{display:block;font:400 clamp(1.2rem,1.9vw,1.8rem)/1.1 var(--serif);letter-spacing:.2em;text-transform:uppercase;
  background:linear-gradient(180deg,#fbf0cf 0%,#ead39c 34%,#c9a764 52%,#9c7b43 62%,#dcc189 80%,#f3e3b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.fbs__k small{display:block;margin-top:8px;font-family:var(--mono);font-size:clamp(.66rem,.82vw,.8rem);letter-spacing:.3em;text-transform:uppercase;color:rgba(251,246,234,.72)}
.fbs__t span{margin-top:clamp(14px,1.5vw,20px);max-width:34em;font-size:clamp(1rem,1.12vw,1.1rem);line-height:1.5;color:rgba(251,246,234,.86);text-wrap:pretty}
.fbs__z{grid-column:3;list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,1.9vw,28px);min-width:0}
.fbz{--kb:41%;display:grid;grid-template-columns:minmax(0,var(--kb)) minmax(0,1fr);align-items:center;gap:clamp(16px,1.8vw,28px)}
/* Robert 12.10.2026 ~18:43 «geordneter und gerader, mit den Linien»: die drei Kacheln stehen in einer Flucht (kein Versatz der mittleren), die Wege sind ein Stamm mit rechtwinkligen, gerundeten Abzweigen statt freier Bögen */
.fbz__b{position:relative;transform:perspective(1200px) rotateY(-6deg);transform-origin:100% 50%}
[dir=rtl] .fbz__b{transform:perspective(1200px) rotateY(6deg);transform-origin:0 50%}
.fbz__b::before{content:'';position:absolute;inset-inline-start:-17px;top:calc(50% - 4px);width:7px;height:7px;border-top:1.2px solid var(--fg);border-inline-end:1.2px solid var(--fg);transform:rotate(45deg)}
[dir=rtl] .fbz__b::before{transform:rotate(-45deg)}
.fbz__hof{position:absolute;inset:-2px;border-radius:calc(var(--rad) + 2px);pointer-events:none;box-shadow:0 0 0 1.5px rgba(226,206,156,.95),0 0 36px 2px rgba(220,198,143,.3)}
.fbz__ok{position:absolute;z-index:2;inset-inline-end:-10px;top:-10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#fdf6e6 0%,#e4d1a8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(226,206,156,.95),0 8px 12px -5px rgba(0,0,0,.85)}
.fbz__ok svg{width:58%;height:58%;fill:none;stroke:var(--tinte);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fbz__t{min-width:0}
.fbz__n{display:block;font-family:var(--serif);font-size:clamp(1.22rem,1.6vw,1.6rem);line-height:1.15;color:#fbf6ea;text-wrap:balance}
.fbz__s{margin:8px 0 0;font-size:clamp(.9rem,.98vw,.99rem);line-height:1.5;color:rgba(251,246,234,.8);text-wrap:pretty}

/* --- Bühne (nur mit Skript: .fb-lebt): eine Szene zur Zeit --- */
.fb.fb-lebt .fb__wahl{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px clamp(18px,2.4vw,34px);margin:clamp(8px,1vw,14px) auto clamp(40px,4.4vw,68px)}
.fb__reiter{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
/* Knöpfe wie die Instrumenten-Leiste darüber (.ins-r, .ins-pf), eigene Namen, weil deren Skript sonst zugreift */
.fb__w{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 24px 13px;border:0;border-radius:999px;cursor:pointer;
  color:#fbf6ea;background:linear-gradient(180deg,#1b3561 0%,#0a1c3b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(220,198,143,.32),0 14px 24px -14px rgba(0,0,0,.85);
  transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,background .5s,color .4s}
.fb__w small{font-family:var(--mono);font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(220,198,143,.85);transition:color .4s}
.fb__w span{font-family:var(--serif);font-size:clamp(1.02rem,1.2vw,1.2rem);line-height:1.1;white-space:nowrap}
.fb__w:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(220,198,143,.6),0 18px 28px -14px rgba(0,0,0,.9)}
.fb__w[aria-pressed="true"]{color:var(--tinte);background:linear-gradient(180deg,#fbf3e2 0%,#e6d4ad 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(110,88,44,.35),0 0 0 1px rgba(220,198,143,.9),0 16px 30px -14px rgba(0,0,0,.9)}
.fb__w[aria-pressed="true"] small{color:#8a6f35}
.fb__pf{flex:none;display:flex;gap:10px}
.fb__pf button{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--tinte);background:radial-gradient(circle at 35% 30%,#fbf3e2,#cfbd98);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 18px -8px rgba(0,0,0,.6);transition:transform .3s var(--e1)}
.fb__pf button:hover{transform:translateY(-2px)}
.fb__pf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
[dir=rtl] .fb__pf svg{transform:scaleX(-1)}
.fb.fb-lebt .fbs{grid-area:1/1;z-index:1;padding:0;border:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.fb.fb-lebt .fbs.fb-an{opacity:1;visibility:visible;transition:opacity .6s ease .12s,visibility 0s}
.fb.fb-lebt .fbs.fb-an .fbs__q{animation:fbauf 1.15s var(--e1) .1s both}
.fb.fb-lebt .fbs.fb-an .fbz{animation:fbauf 1.15s var(--e1) calc(.22s + var(--k,0)*.13s) both}
.fb.fb-lebt .fbs.fb-los .fbs__siegel{animation:fbdruck .85s var(--e1) 1}
.fb.fb-lebt .fbs.fb-los .fbs__siegel i{animation:fbring 1s var(--e1) .12s 1 both}
.fb.fb-lebt .fbk img{transition:opacity .85s ease}
.fb.fb-lebt .fbz__hof{transition:opacity .85s ease}
.fb.fb-lebt .fbz__ok{transition:opacity .35s ease .18s,transform .85s var(--fd) .18s}
.fb.fb-lebt .fbz__t{transition:opacity .7s ease}
.fb.fb-lebt .fbz:not(.fb-hell) .fbk img{opacity:.3}
.fb.fb-lebt .fbz:not(.fb-hell) .fbz__hof{opacity:0}
.fb.fb-lebt .fbz:not(.fb-hell) .fbz__ok{opacity:0;transform:scale(.3)}
.fb.fb-lebt .fbz:not(.fb-hell) .fbz__t{opacity:.5}
.fb.fb-lebt .fbz.fb-hell .fbk__glanz{animation:fbglanz 1.15s var(--e1) .05s 1 both}
.fb.fb-lebt .fb__netz{display:block;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s ease}
.fb.fb-lebt .fb__netz.fb-da{opacity:1;transition:opacity 1s ease}
.fb__weg{fill:none;stroke:rgba(220,198,143,.66);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.fb__bahn{fill:none;stroke:none}
.fb__weg2{fill:none;stroke:rgba(220,198,143,.09);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.fb.fb-lebt .fb__funke{display:block;position:absolute;z-index:0;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(circle closest-side,#fff 0,#fff 20%,rgba(255,240,200,.95) 36%,rgba(226,206,156,.45) 62%,rgba(220,198,143,0) 100%)}
@keyframes fbauf{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
@keyframes fbdruck{0%{transform:scale(1)}32%{transform:scale(.88)}100%{transform:scale(1)}}
@keyframes fbring{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.9);opacity:0}}
@keyframes fbglanz{from{transform:translateX(-150%) skewX(-12deg)}to{transform:translateX(340%) skewX(-12deg)}}

/* --- schmal: Aufnahme oben, Ziele darunter als Zeilen (Bild links, Text rechts), der Weg läuft am Rand hinunter --- */
@media(max-width:860px){
  .fb{--sm:54px}
  .fb__reiter{gap:9px}
  .fb__w{padding:10px 17px 11px}
  .fb__w span{font-size:1rem}
  .fb__pf button{width:44px;height:44px}
}
@media(max-width:560px){
  .fb__reiter{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:372px;gap:8px}
  .fb__w{padding:9px 10px 10px}
  .fb__w small{font-size:.5rem;letter-spacing:.2em}
  .fb__pf{display:none}   /* vier Knöpfe in zwei Reihen genügen, die Pfeile kosten am Handy eine Zeile */
}
@media(max-width:860px){
  .fbs{grid-template-columns:minmax(0,1fr);padding:34px 0}
  .fbs__q{display:flex;flex-direction:column}
  .fbs__t{order:-1;margin:0 0 20px;text-align:center;align-items:center}
  .fbs__k{text-align:start}
  .fbs__b,[dir=rtl] .fbs__b,.fbz__b,[dir=rtl] .fbz__b{transform:none}
  .fbs__siegel{inset-inline-end:auto;inset-inline-start:2px;top:auto;bottom:calc(var(--sm)/-2);margin:0}   /* unten am Rand: von hier läuft der Weg am Rand hinunter und zweigt zu jeder Kachel ab */
  .fbs__z{grid-column:1;margin-top:calc(var(--sm)/2 + 28px);padding-inline-start:66px;grid-template-columns:minmax(0,1fr);gap:20px}
  .fbz{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px;align-items:start;text-align:start}
  .fbz:nth-child(even){margin-inline-start:0}
  .fbz__n{font-size:1.1rem}
  .fbz__s{font-size:.87rem;line-height:1.45;margin-top:5px}
  .fbs__t span{max-width:none}
  .fbz__ok{width:24px;height:24px;inset-inline-end:-7px;top:-7px}
}


/* ---------- «Das Angebot» (angebot_ebene.py, 14.10.2026): Nacht mit leichter Tapete, helle Blätter mit doppeltem Goldrand, Serife ---------- */
.ag .kopfzeile{margin-bottom:clamp(30px,3.4vw,54px)}
.ag-reg{display:flex;flex-wrap:wrap;gap:8px clamp(18px,2.6vw,44px);justify-content:center;margin:0 auto clamp(44px,5vw,80px);padding-bottom:18px;border-bottom:1px solid rgba(210,191,152,.28)}
.ag-reg a{display:inline-flex;align-items:baseline;gap:9px;font:400 12.5px/1.2 var(--serif);letter-spacing:.22em;text-transform:uppercase;color:#ecdcb4;text-decoration:none;opacity:.8;transition:opacity .4s}
.ag-reg a span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--gold)}
.ag-reg a:hover{opacity:1}
.ag-teil{margin-top:clamp(40px,4.6vw,76px)}
.ag-blatt{position:relative;padding:clamp(28px,3.8vw,64px);border-radius:clamp(22px,2.4vw,34px);background:linear-gradient(rgba(251,246,234,.86),rgba(251,246,234,.86)),#fbf6ea url(../assets/img/tapete.webp?v=c929f6ca) 50% 0/900px auto;color:var(--tinte);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.5),0 70px 90px -56px rgba(0,0,0,.9),0 26px 40px -30px rgba(0,0,0,.6)}
.ag-blatt::before,.ag-blatt::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(150,125,64,.5);border-radius:clamp(14px,1.6vw,24px);inset:clamp(10px,1.1vw,16px)}
.ag-blatt::after{inset:clamp(15px,1.5vw,22px);border-color:rgba(150,125,64,.22);border-radius:clamp(11px,1.3vw,19px)}
.ag [data-a="mkhoch"]{opacity:0;transform:translateY(120px) scale(.97);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 2.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--vz,0ms)}
.ag [data-a="mkhoch"].da{opacity:1;transform:none}
.ag-h{display:flex;align-items:baseline;gap:16px;margin:0 0 clamp(18px,2vw,28px);font-family:var(--serif);font-size:clamp(1.9rem,2.6vw,2.7rem);line-height:1.08;color:var(--tinte)}
.ag-h span{font-family:var(--mono);font-size:clamp(.78rem,.9vw,.92rem);letter-spacing:.16em;color:#967d40}
/* Zusammenfassung: Foto links, Text rechts */
.ag-kurz{display:grid;gap:clamp(26px,3.6vw,64px);align-items:center}
@media(min-width:900px){.ag-kurz{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}}
.ag-bild{margin:0;border-radius:clamp(14px,1.5vw,22px);overflow:hidden;aspect-ratio:1.18;background:var(--creme);box-shadow:0 0 0 1px rgba(150,125,64,.42),0 0 0 7px #fbf6ea,0 0 0 8px rgba(150,125,64,.22)}
.ag-bild img{display:block;width:100%;height:100%;object-fit:cover}
@media (hover:hover){.ag-bild img{transition:transform 2.2s cubic-bezier(.16,1,.3,1)}.ag-bild:hover img{transform:scale(1.05);transition-duration:2.8s}}
.ag-text p{margin:0;font-family:var(--serif);font-size:clamp(1.12rem,1.3vw,1.34rem);line-height:1.6;color:rgba(12,21,38,.86)}
.ag-text p+p{margin-top:1em}
.ag-text p:first-of-type{font-size:clamp(1.3rem,1.6vw,1.64rem);line-height:1.45;color:var(--tinte)}
/* Nutzen: ein Blatt, drei Rechnungen untereinander (Robert 14.10.2026). Links Nummer, Titel, Satz; rechts die Rechnung als ruhige Zeilen, das Ergebnis in Gold. */
.ag-ein{margin:0 0 clamp(8px,1vw,14px);max-width:66ch;font-family:var(--serif);font-size:clamp(1.12rem,1.3vw,1.34rem);line-height:1.6;color:rgba(12,21,38,.8)}
.ag-wert .ag-orn{max-width:none;margin:clamp(26px,3vw,44px) 0}
.ag-r{display:grid;gap:clamp(22px,3vw,56px);align-items:start}
@media(min-width:900px){.ag-r{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.ag-r__n{margin:0 0 12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;color:#967d40}
.ag-r__t h4{margin:0;font-family:var(--serif);font-size:clamp(1.7rem,2.1vw,2.2rem);line-height:1.1;color:var(--tinte)}
.ag-r__t p:last-child{margin:14px 0 0;max-width:46ch;font-family:var(--serif);font-size:clamp(1.06rem,1.14vw,1.2rem);line-height:1.6;color:rgba(12,21,38,.78)}
.ag-r__r{padding-top:6px}
.ag-zl{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(150,125,64,.26)}
.ag-zl__n{font-family:var(--serif);font-size:clamp(1.16rem,1.26vw,1.34rem);line-height:1.4;color:rgba(12,21,38,.86)}
.ag-zl__w{flex:none;display:flex;align-items:baseline;gap:8px;cursor:text}
.ag-zl input{width:7.5em;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;padding:2px 0;text-align:right;
  font-family:var(--serif);font-size:clamp(1.5rem,1.7vw,1.8rem);line-height:1.1;color:var(--tinte);outline:0;transition:border-color .3s}
.ag-zl input:focus{color:#967d40}
.ag-zl__w small{font-family:var(--serif);font-style:italic;font-size:clamp(.98rem,1.04vw,1.08rem);color:rgba(12,21,38,.62);white-space:nowrap}
.ag-erg{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-top:clamp(18px,2vw,26px)}
.ag-erg b{font-family:var(--serif);font-size:clamp(2.8rem,3.6vw,3.8rem);line-height:.95;color:#967d40}
.ag-erg span{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.2vw,1.3rem);color:#967d40}
.ag-erg small{flex-basis:100%;margin-top:4px;font-family:var(--serif);font-size:clamp(1.04rem,1.1vw,1.16rem);color:rgba(12,21,38,.76)}
@media(max-width:600px){.ag-zl{flex-wrap:wrap}.ag-zl__w{width:100%;justify-content:flex-end}.ag-zl input{width:8em}}
/* Umfang (Robert 14.10.2026 abends: «rechts unten so viel Leerraum», «mach das geiler»): kein Vierer-Raster mehr, sondern drei Lagen,
   die das Blatt füllen: oben «Steht, zum Anklicken» über die ganze Breite mit den Punkten in drei Spalten, darunter «Läuft im Entwurf» und
   «Braucht etwas von Ihnen» nebeneinander, unten «Eine Idee» als Band mit drei Punkten in einer Zeile. Goldlinien wie in der Menükarte. */
.ag-spalten{display:grid;gap:0}
.ag-sp{padding:clamp(18px,2vw,30px) 0}
.ag-sp+.ag-sp{border-top:1px solid rgba(150,125,64,.3)}
.ag-sp h4{margin:0 0 6px;font-family:var(--serif);font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.12;color:var(--tinte)}
.ag-sp h4::after{content:"";display:block;width:34px;height:1px;margin:12px 0 8px;background:linear-gradient(90deg,#967d40,rgba(150,125,64,0))}
.ag-sp ul,.ag-l{list-style:none;margin:0;padding:0}
.ag-sp li{padding:12px 0;border-top:1px solid rgba(150,125,64,.18);font-family:var(--serif);font-size:clamp(1.18rem,1.3vw,1.4rem);line-height:1.35;color:rgba(12,21,38,.9)}
.ag-sp li:first-child{border-top:0}
@media(min-width:760px){
  .ag-sp--1 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(22px,2.6vw,44px)}
  .ag-sp--1 li:nth-child(-n+3){border-top:0}
  .ag-spalten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-sp--1,.ag-sp--4{grid-column:1/-1}
  .ag-sp--2{padding-inline-end:clamp(22px,2.6vw,44px)}
  .ag-sp--3{padding-inline-start:clamp(22px,2.6vw,44px);border-inline-start:1px solid rgba(150,125,64,.3)}
  .ag-sp--4 ul{display:flex;flex-wrap:wrap;gap:0 clamp(18px,2vw,34px)}
  .ag-sp--4 li{border-top:0;padding:10px 0;display:flex;align-items:center;gap:clamp(18px,2vw,34px)}
  .ag-sp--4 li+li::before{content:"";width:7px;height:7px;border:1px solid #967d40;transform:rotate(45deg);flex:none}
}
@media(min-width:1100px){.ag-sp--1 ul{grid-template-columns:repeat(4,minmax(0,1fr))}.ag-sp--1 li:nth-child(-n+4){border-top:0}}
/* Aufbau und Daten nebeneinander, je eine Zeile je Punkt */
.ag-zwei{display:grid;gap:clamp(36px,4vw,64px)}
@media(min-width:900px){.ag-zwei{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ag-l li{position:relative;padding:15px 0 15px 30px;border-top:1px solid rgba(150,125,64,.18);font-family:var(--serif);font-size:clamp(1.24rem,1.4vw,1.5rem);line-height:1.4;color:rgba(12,21,38,.9)}
.ag-l li:first-child{border-top:0;padding-top:0}
.ag-l li::before{content:"";position:absolute;left:3px;top:1.05em;width:7px;height:7px;border:1px solid #967d40;transform:rotate(45deg)}
.ag-l li:first-child::before{top:.5em}
@media (prefers-reduced-motion:reduce){.ag [data-a="mkhoch"]{opacity:1;transform:none;transition:none}.ag-bild img{transition:none;transform:none!important}}

/* ---------- «Die Implementierung» (angebot_ebene.py, 14.10.2026): acht helle Wochen-Karten als Band, darunter die Karte «Ein Vorschlag.» ---------- */
.um .kopfzeile{margin-bottom:clamp(30px,3.4vw,54px)}
.um-gang .band{gap:clamp(16px,1.8vw,26px)}
.um-w{display:flex;flex-direction:column;width:clamp(290px,27vw,400px);padding:clamp(24px,2.4vw,34px);border-radius:26px;color:var(--tinte);background:#fbf6ea;
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.45),0 40px 50px -36px rgba(0,0,0,.9)}
.um-w__n{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}
.um-w__n b{font-family:var(--serif);font-size:clamp(2.4rem,2.8vw,3rem);line-height:.9;color:#967d40}
.um-w__n small{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(12,21,38,.5)}
.um-w h3{margin:0 0 16px;font-family:var(--serif);font-size:clamp(1.5rem,1.8vw,1.9rem);line-height:1.1;color:var(--tinte)}
.um-w__r{padding:11px 0;border-top:1px solid rgba(150,125,64,.3)}
.um-w__r span{display:block;margin-bottom:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#967d40}
.um-w__r p{margin:0;font-family:var(--serif);font-size:clamp(1.08rem,1.14vw,1.2rem);line-height:1.5;color:rgba(12,21,38,.86)}
.um-w__r--wer{margin-top:auto}
.um-w__r--wer p{color:var(--tinte)}
@media(max-width:700px){.um-w{width:78vw}}
.um-satz{margin:clamp(10px,1.2vw,18px) auto 0;max-width:62ch;text-align:center;font-family:var(--serif);font-size:clamp(1.12rem,1.35vw,1.4rem);line-height:1.5;color:rgba(255,255,255,.88)}
.um-woche{display:none}
/* Die Karte: ein Menü des Hauses, mittig, Papier mit zarter Tapete, doppelter Goldrand, Zeichen oben, Gänge mit Ornament */
.mn-buehne{display:flex;justify-content:center;margin-top:clamp(48px,5.6vw,96px);padding:0 0 clamp(10px,1vw,18px)}
.mn{position:relative;width:min(100%,900px);padding:clamp(34px,5vw,84px) clamp(22px,5.6vw,96px) clamp(30px,4vw,64px);text-align:center;color:var(--tinte);
  background:linear-gradient(rgba(251,246,234,.86),rgba(251,246,234,.86)),#fbf6ea url(../assets/img/tapete.webp?v=c929f6ca) 50% 0/900px auto;border-radius:6px;
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(150,125,64,.55),0 90px 110px -60px rgba(0,0,0,.95),0 30px 50px -30px rgba(0,0,0,.7)}
.mn::before,.mn::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(150,125,64,.6);inset:clamp(10px,1.2vw,18px)}
.mn::after{inset:clamp(14px,1.6vw,24px);border-color:rgba(150,125,64,.26)}
.um [data-a="mkhoch"]{opacity:0;transform:translateY(120px) scale(.97);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 2.1s cubic-bezier(.16,1,.3,1)}
.um [data-a="mkhoch"].da{opacity:1;transform:none}
.ag-z{display:block;width:clamp(56px,5.6vw,88px);height:auto;margin:0 auto clamp(16px,1.8vw,26px);color:#b08d44;fill:url(#cegold)}
.mn-haus{margin:0;font:400 clamp(11px,.9vw,13px)/1.3 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:#967d40}
.mn-titel{margin:clamp(14px,1.4vw,20px) 0 0;font-family:var(--serif);font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:1;color:var(--tinte)}
.mn-unter{margin:clamp(12px,1.2vw,16px) auto 0;max-width:46ch;font-family:var(--serif);font-style:italic;font-size:clamp(1.08rem,1.2vw,1.24rem);line-height:1.5;color:rgba(12,21,38,.68)}
.ag-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:clamp(28px,3.2vw,48px) auto clamp(22px,2.4vw,34px);max-width:420px}
.ag-orn i{flex:1;height:1px;background:linear-gradient(90deg,rgba(150,125,64,0),rgba(150,125,64,.7))}
.ag-orn i:last-child{background:linear-gradient(90deg,rgba(150,125,64,.7),rgba(150,125,64,0))}
.ag-orn b{width:8px;height:8px;transform:rotate(45deg);border:1px solid #967d40}
.mn-gang{margin:0 0 clamp(16px,1.8vw,24px);font-family:var(--serif);font-size:clamp(1.7rem,2.3vw,2.3rem);line-height:1.1;color:var(--tinte)}
.mn-gang span{display:block;margin-bottom:8px;font:400 11px/1 var(--serif);letter-spacing:.3em;color:#967d40}
.mn-l{list-style:none;margin:0 auto;padding:0;max-width:62ch}
.mn-l li{padding:9px 0;font-family:var(--serif);font-size:clamp(1.08rem,1.2vw,1.26rem);line-height:1.55;color:rgba(12,21,38,.88)}
.mn-preise{max-width:600px;text-align:left}
.mn-p{padding:clamp(12px,1.2vw,16px) 0!important}
.mn-p+.mn-p{border-top:1px solid rgba(150,125,64,.22)}
.mn-p__z{display:flex;align-items:baseline;gap:10px;margin:0}
.mn-p__z b{flex:none;font-family:var(--serif);font-weight:600;font-size:clamp(1.14rem,1.3vw,1.34rem);color:var(--tinte)}
.mn-p__z i{flex:1;border-bottom:1px dotted rgba(150,125,64,.8);transform:translateY(-.3em)}
.mn-p__z span{flex:none;font-family:var(--serif);font-size:clamp(1.08rem,1.2vw,1.26rem);color:#7a6530;white-space:nowrap}
.mn-p__l{list-style:none;margin:6px 0 0;padding:0}.mn-p__l li{padding:2px 0 2px 1.1em!important;position:relative;font-style:italic;font-size:clamp(.98rem,1.06vw,1.08rem)!important;line-height:1.5!important;color:rgba(12,21,38,.68)!important}.mn-p__l li::before{content:'–';position:absolute;left:0;color:#7a6530}
.mn-p__s{margin:5px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(.98rem,1.06vw,1.08rem);line-height:1.5;color:rgba(12,21,38,.68)}
.mn-fuss{margin:clamp(14px,1.4vw,20px) 0 0;font-family:var(--serif);font-style:italic;font-size:.98rem;color:rgba(12,21,38,.6)}
.mn-ende{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(30px,3.4vw,52px)}
.mn-ende i{width:clamp(30px,4vw,60px);height:1px;background:rgba(150,125,64,.55)}
.mn-ende span{font:400 10.5px/1 var(--serif);letter-spacing:.26em;text-transform:uppercase;color:#967d40}
.mn-pdf{margin:clamp(22px,2.4vw,34px) 0 0}
.mn-pdf .kn{--o:#1f3f77;--m:#0b1f40;--u:#040d1e;--t:#fff;--licht:rgba(255,255,255,.26);--kante:rgba(0,0,0,.55);--tf:rgba(6,20,43,.6);--ko:#fbf3e2;--ku:#cfbd98;--kt:var(--tinte);--klicht:rgba(255,255,255,.9)}
@media(max-width:600px){.mn-p__z{flex-wrap:wrap;justify-content:center;text-align:center}.mn-p__z i{display:none}.mn-p__z span{width:100%;white-space:normal}.mn-preise{text-align:center}}
@media (prefers-reduced-motion:reduce){.um [data-a="mkhoch"]{opacity:1;transform:none;transition:none}}


/* ---------- Übersicht «Alles auf einen Blick» (uebersicht.py, 15.10.2026): jedes Ziel eine Kachel, nach Wichtigkeit ---------- */
.ue-fl .kopfzeile{margin-bottom:clamp(40px,4.6vw,72px)}
.ue-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(14px,1.6vw,24px)}
.ue a{display:flex;flex-direction:column;height:100%;padding:10px 10px 18px;border-radius:20px;color:var(--tinte);background:#fbf6ea;position:relative;
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(138,117,69,.26),0 26px 40px -30px rgba(40,30,10,.55)}
.ue__b{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--creme);box-shadow:0 0 0 1px rgba(138,117,69,.22)}
.ue__b img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform 2.2s var(--e1)}
@media (hover:hover){.ue a:hover .ue__b img{transform:scale(1.04)}}
.ue__t{display:grid;gap:4px;padding:14px 50px 0 6px}
.ue__t small{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.ue__t b{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,1.5vw,1.56rem);line-height:1.12}
.ue__t span{font-size:.93rem;line-height:1.5;color:rgba(12,21,38,.74)}
.ue__p{position:absolute;right:14px;bottom:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#1e3c72,#0b1f40);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 14px -8px rgba(0,0,0,.6)}
.ue__p svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.ue-ph{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;height:100%;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#b0703a;background:repeating-linear-gradient(135deg,#efe4cc 0 12px,#e8dbbf 12px 24px)}
.ue-ph small{letter-spacing:.06em;text-transform:none;color:rgba(12,21,38,.6)}