/* ===== Werbeseite: Bühne, Abschnitte, Beispiele ===== */
html{scroll-padding-top:80px}
.block{padding:90px 0 20px;position:relative}
.block::before{content:"";position:absolute;left:0;right:0;top:30px;height:1px;background:var(--linie-licht);box-shadow:0 0 12px rgba(246,205,130,.45)}
.gross-titel{font-size:clamp(1.9rem,3.8vw,3rem);margin:.15em 0 .4em;max-width:22ch}
.knopf.gross{padding:14px 24px;font-size:1.02rem}
.knopf.voll{box-shadow:0 10px 30px rgba(214,164,83,.25)}
.knopf.voll:hover{box-shadow:0 14px 40px rgba(214,164,83,.4)}
.kopf-cta{padding:8px 14px;margin-left:4px}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;min-height:calc(100vh - 70px);padding:40px 0}
.hero h1{font-size:clamp(2.4rem,5vw,4.3rem)}

/* 3D-Bühne */
.buehne{perspective:1600px;height:540px;position:relative}
.buehne-dreh{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-16deg) rotateX(8deg);transition:transform .1s linear}
.geraet{position:absolute;border-radius:16px;background:#0e0d0c;border:1px solid rgba(214,164,83,.3);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.browser{left:0;top:40px;width:86%;height:400px;transform:translateZ(0)}
.browser-leiste{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#1b1916;border-bottom:1px solid var(--linie)}
.browser-leiste i{width:10px;height:10px;border-radius:50%;background:#3a342d}
.browser-leiste i:first-child{background:#c2593a}.browser-leiste i:nth-child(2){background:#d6a453}.browser-leiste i:nth-child(3){background:#7fb07a}
.browser-leiste span{margin-left:12px;flex:1;background:#121110;border-radius:6px;padding:3px 10px;font-size:.72rem;color:var(--leise)}
.mini-seite{padding:16px;display:grid;gap:14px;background:linear-gradient(180deg,#171513,#0f0e0d)}
.ms-kopf{display:flex;align-items:center;gap:10px}
.ms-kopf b{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--gold)}
.ms-kopf span{width:44px;height:7px;border-radius:4px;background:#35302a}
.ms-kopf em{margin-left:auto;width:62px;height:22px;border-radius:6px;background:var(--gold)}
.ms-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:center}
.ms-hero strong{display:block;font:700 1.45rem/1.1 Saira,sans-serif;color:var(--text);margin-bottom:10px}
.ms-hero span{display:block;height:7px;border-radius:4px;background:#35302a;margin:6px 0;width:90%}
.ms-hero span.kurz{width:60%}
.ms-hero button{margin-top:10px;border:0;border-radius:7px;background:var(--gold);color:#1a1400;font:700 .75rem Barlow;padding:7px 12px}
.ms-bild{height:130px;border-radius:12px;background:radial-gradient(circle at 70% 30%,rgba(246,205,130,.55),transparent 45%),linear-gradient(135deg,#3a2a1a,#1b1916 60%,#2a1a14)}
.ms-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms-karten div{height:70px;border-radius:10px;background:#1b1916;border:1px solid var(--linie);background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.7),transparent);background-size:70% 1px;background-position:50% 0;background-repeat:no-repeat}

.handy{right:2%;top:120px;width:200px;height:400px;border-radius:30px;border:6px solid #23201c;transform:translateZ(120px);background:#000}
.handy-kerbe{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:60px;height:14px;border-radius:99px;background:#0b0a09;z-index:3}
.gps-foto{position:absolute;inset:0;overflow:hidden}
.gps-himmel{position:absolute;inset:0 0 45% 0;background:linear-gradient(180deg,#6d7f96,#c9a77c 85%)}
.gps-boden{position:absolute;inset:55% 0 0 0;background:linear-gradient(180deg,#5b4632,#3a2b1f);}
.gps-boden::before{content:"";position:absolute;left:30%;right:20%;top:0;height:40%;background:linear-gradient(180deg,#2a1f16,#4a3626);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.gps-boden::after{content:"";position:absolute;left:45%;top:5%;width:28%;height:6px;background:#d6a453;border-radius:3px;transform:rotate(-4deg);box-shadow:0 10px 0 -1px #c2593a}
.gps-stempel{position:absolute;left:10px;right:10px;bottom:64px;display:grid;gap:2px;background:rgba(10,9,8,.72);border:1px solid rgba(214,164,83,.5);border-radius:10px;padding:8px 10px;font-size:.62rem;color:#ece6dc}
.gps-stempel b{font-family:Barlow,sans-serif;font-size:.72rem;color:var(--gold)}
.gps-leiste{position:absolute;left:0;right:0;bottom:0;height:56px;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:space-around}
.gps-leiste span{width:26px;height:26px;border-radius:8px;background:#2a2622}
.gps-leiste i{width:40px;height:40px;border-radius:50%;border:3px solid #fff;background:rgba(255,255,255,.2)}

.chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:rgba(20,18,16,.88);backdrop-filter:blur(8px);border:1px solid rgba(214,164,83,.35);font-size:.82rem;font-weight:600;box-shadow:0 20px 40px rgba(0,0,0,.5);white-space:nowrap;animation:schweben 7s ease-in-out infinite}
.chip-1{left:-4%;top:6px;transform:translateZ(160px)}
.chip-2{left:6%;bottom:30px;transform:translateZ(90px);animation-delay:-2.5s;color:var(--gut)}
.chip-3{right:-2%;top:70px;transform:translateZ(200px);animation-delay:-4.5s;font-size:.72rem;color:var(--gold)}
@keyframes schweben{50%{margin-top:-8px}}

/* Leistungen */
.karten.vier{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.leistung-ikon{width:52px;height:52px;border-radius:14px;display:grid;place-content:center;background:linear-gradient(145deg,rgba(214,164,83,.22),rgba(194,89,58,.12));border:1px solid rgba(214,164,83,.35);color:var(--gold)}
.leistung-ikon svg{width:26px;height:26px}
.leistung ul{flex-direction:column;gap:6px!important;margin-top:4px!important}
.leistung li{border:0!important;padding:0 0 0 22px!important;position:relative;font-size:.9rem!important;color:var(--text)}
.leistung li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}

/* Branchen */
.branchen{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:20px}
.branche{position:relative;display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--radius);background:var(--flaeche);border:1px solid rgba(214,164,83,.14);background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.8),transparent);background-size:70% 1px;background-position:50% 0;background-repeat:no-repeat;transition:transform .25s,border-color .25s}
.branche:hover{border-color:rgba(214,164,83,.4)}
.branche svg{width:30px;height:30px;color:var(--gold);flex:none}
.branche b{display:block;font-family:Saira,sans-serif}
.branche span{font-size:.85rem;color:var(--leise)}

/* Beispiele */
.beispiele{display:grid;gap:30px;margin-top:26px}
.beispiel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:30px;border-radius:22px;background:linear-gradient(135deg,rgba(36,33,29,.85),rgba(20,18,16,.85));border:1px solid rgba(214,164,83,.14);background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.85),transparent),linear-gradient(135deg,rgba(36,33,29,.85),rgba(20,18,16,.85));background-size:70% 1px,100% 100%;background-position:50% 0,0 0;background-repeat:no-repeat}
.beispiel.rechts .beispiel-bild{order:2}
.beispiel-bild{position:relative;height:340px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(214,164,83,.18),transparent 60%);transition:transform .25s}
.beispiel-text h3{font-size:1.6rem;margin:.5em 0 .3em}
.beispiel-text p{color:var(--leise)}
.beispiel-text ul{list-style:none;padding:0;margin:14px 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.beispiel-text li{font-size:.82rem;border:1px solid var(--linie);border-radius:99px;padding:4px 12px}
.mini{position:relative;border:1px solid rgba(214,164,83,.3);box-shadow:0 30px 60px rgba(0,0,0,.55);overflow:hidden;background:#0e0d0c}
.handy-klein{width:170px;height:320px;border-radius:26px;border:5px solid #23201c}
.browser-klein{width:min(420px,100%);height:280px;border-radius:14px}
.browser-klein .mini-seite{padding:12px;gap:10px}
.browser-klein .ms-bild{height:100px}
.app-liste{padding:26px 12px 12px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#171513,#0f0e0d)}
.al-kopf{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.al-kopf b{font:700 1.05rem Saira,sans-serif}.al-kopf span{font-size:.7rem;color:var(--leise)}
.al-zeile{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#1b1916;border:1px solid var(--linie);font-size:.74rem}
.al-zeile i{width:10px;height:10px;border-radius:50%;flex:none}
.al-zeile i.ok{background:var(--gut)}.al-zeile i.laeuft{background:var(--gold)}.al-zeile i.offen{background:#4a443c}
.al-zeile em{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#35302a}
.al-fortschritt{margin-top:auto;height:8px;border-radius:99px;background:#24211d;overflow:hidden}
.al-fortschritt i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--kupfer))}
.dash-inhalt{padding:14px;display:grid;gap:14px}
.dash-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dash-zahlen div{background:#1b1916;border:1px solid var(--linie);border-radius:10px;padding:10px}
.dash-zahlen b{display:block;font:700 1.4rem Saira,sans-serif;color:var(--gold)}
.dash-zahlen span{font-size:.68rem;color:var(--leise)}
.dash-balken{height:120px;display:flex;align-items:flex-end;gap:10px;padding:10px;background:#141210;border:1px solid var(--linie);border-radius:10px}
.dash-balken i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--gold),rgba(194,89,58,.6))}

/* Ablauf + Warum */
.ablauf{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.ablauf::before{content:"";position:absolute;left:5%;right:5%;top:31px;height:1px;background:var(--linie-licht);box-shadow:0 0 12px rgba(246,205,130,.45)}
.ablauf li{position:relative;padding:0 6px}
.ablauf .nr{display:grid;place-content:center;width:62px;height:62px;border-radius:50%;background:var(--grund);border:1px solid rgba(214,164,83,.5);color:var(--gold);font-size:1.1rem;box-shadow:0 0 0 6px var(--grund),0 0 24px rgba(214,164,83,.2);margin-bottom:14px}
.ablauf p{color:var(--leise);margin:0}
.warum{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.warum>div{padding:20px;border-radius:var(--radius);background:var(--flaeche);border:1px solid rgba(214,164,83,.14);background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.8),transparent);background-size:70% 1px;background-position:50% 0;background-repeat:no-repeat}
.warum p{margin:0;color:var(--leise)}

/* Über mich */
.stationen.drei{grid-template-columns:repeat(3,1fr);margin-top:30px}

/* Kontakt */
.kontakt-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px;border-radius:24px;background:radial-gradient(600px 300px at 0% 0%,rgba(214,164,83,.14),transparent 60%),var(--flaeche);border:1px solid rgba(214,164,83,.2);position:relative;overflow:hidden}
.kontakt-box::before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:var(--linie-licht);box-shadow:0 0 14px rgba(246,205,130,.6)}
.haken{list-style:none;padding:0;display:grid;gap:8px}
.haken li::before{content:"✓  ";color:var(--gold);font-weight:700}
.kontakt-box .formular{max-width:none}

@media (max-width:1100px){.chip-1{left:0}.chip-3{right:0}}
@media (max-width:980px){
  .hero{grid-template-columns:1fr;min-height:0}
  .buehne{height:440px;margin:0 -10px}
  .browser{width:90%;height:330px}
  .handy{width:160px;height:320px;top:100px}
  .beispiel,.kontakt-box{grid-template-columns:1fr}
  .beispiel.rechts .beispiel-bild{order:0}
  .ablauf{grid-template-columns:1fr 1fr}.ablauf::before{display:none}
  .warum,.stationen.drei{grid-template-columns:1fr}
  .kopf-cta{display:none}
}
@media (max-width:560px){
  .buehne{height:360px}
  .browser{height:260px;width:94%;top:20px}
  .ms-bild{height:80px}.ms-karten div{height:46px}.ms-hero strong{font-size:1.1rem}
  .handy{width:128px;height:256px;top:110px;border-radius:22px;border-width:4px}
  .gps-stempel{font-size:.5rem;bottom:50px}.gps-leiste{height:44px}
  .chip{font-size:.7rem;padding:6px 10px}
  .chip-3{display:none}
  .beispiel{padding:18px;gap:20px}
  .beispiel-bild{height:300px}
  .ablauf{grid-template-columns:1fr}
  .kontakt-box{padding:20px}
}

/* Foto oben + Bühne tiefer */
.hero{padding:90px 0 50px;align-items:start}
.hero h1{font-size:clamp(2.2rem,4.4vw,3.7rem)}
.buehne{margin-top:70px}
.hero-person{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.hero-person img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 35%;padding:3px;background:conic-gradient(from 210deg,var(--gold),#6b4a22,var(--kupfer),var(--gold));box-shadow:0 0 24px rgba(214,164,83,.35)}
.hero-person b{display:block;font:700 1.05rem Saira,sans-serif}
.hero-person span{font-size:.85rem;color:var(--leise)}
.foto-karte{position:absolute;left:-2%;bottom:-24px;transform:translateZ(180px);display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(20,18,16,.92);backdrop-filter:blur(10px);border:1px solid rgba(214,164,83,.45);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 30px rgba(214,164,83,.15);animation:schweben 8s ease-in-out infinite;animation-delay:-1s}
.foto-karte::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:var(--linie-licht)}
.foto-karte img{width:96px;height:96px;border-radius:14px;object-fit:cover;object-position:50% 35%}
.foto-karte b{display:block;font:700 1.1rem Saira,sans-serif}
.foto-karte span{font-size:.8rem;color:var(--gold)}
.chip-2{bottom:auto;top:-20px;left:30%}
@media (max-width:980px){.hero{padding-top:40px}.buehne{margin-top:30px}}
@media (max-width:560px){.foto-karte{bottom:-10px;padding:8px 12px 8px 8px}.foto-karte img{width:60px;height:60px}.foto-karte b{font-size:.9rem}.chip-2{display:none}}
.ueber-text{max-width:68ch;margin:10px auto 0;text-align:center;color:var(--text);font-size:1.08rem}
.ueber-text p{margin:0 0 1em}
.foto-karte{left:12%;bottom:-40px}
@media (max-width:980px){.foto-karte{left:4%;bottom:-20px}}
@media (max-width:560px){.chip-1{left:6px;top:-6px}.foto-karte{left:6px;bottom:-30px}}
/* Einsatzgebiet */
.gebiet{margin-top:26px;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;padding:26px 28px;border-radius:20px;background:radial-gradient(500px 220px at 100% 50%,rgba(214,164,83,.12),transparent 60%),var(--flaeche);border:1px solid rgba(214,164,83,.18);position:relative}
.gebiet::before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:var(--linie-licht);box-shadow:0 0 12px rgba(246,205,130,.5)}
.gebiet h3{font-size:1.4rem;margin:.2em 0 .3em}.gebiet p{margin:0}
.gebiet-liste{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.gebiet-liste li{flex:1 1 110px;padding:12px 14px;border-radius:14px;background:var(--grund);border:1px solid var(--linie);display:grid;gap:2px}
.gebiet-liste b{font:700 1.02rem Saira,sans-serif}
.gebiet-liste span{font:400 .72rem Mono,monospace;color:var(--leise)}
.gebiet-liste li.heim{border-color:rgba(214,164,83,.6);box-shadow:0 0 20px rgba(214,164,83,.15)}
.gebiet-liste li.heim span{color:var(--gold)}
@media (max-width:980px){.gebiet{grid-template-columns:1fr}}
.gebiet-liste{display:grid;grid-template-columns:repeat(5,1fr)}
@media (max-width:1180px){.gebiet-liste{grid-template-columns:repeat(3,1fr)}}
@media (max-width:420px){.gebiet-liste{grid-template-columns:repeat(2,1fr)}}
img{-webkit-user-drag:none;user-select:none}
.buehne,.beispiel-bild{user-select:none}

/* Live-Demos */
.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.demo-karte{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--flaeche);border:1px solid rgba(214,164,83,.16);color:var(--text);transition:transform .25s,border-color .25s,box-shadow .25s}
.demo-karte:hover{text-decoration:none;transform:translateY(-5px);border-color:rgba(214,164,83,.5);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.demo-karte>div:last-child{padding:18px 20px 22px;display:grid;gap:6px}
.demo-karte h3{margin:0;font-size:1.35rem}.demo-karte p{margin:0;color:var(--leise)}
.demo-karte b{color:var(--gold);margin-top:6px}
.demo-vorschau{height:180px;position:relative;overflow:hidden}
.demo-vorschau.haus{background:radial-gradient(circle at 50% 30%,#fff,#e2dbd0)}
.haus .wand{position:absolute;left:35%;bottom:28%;width:30%;height:32%;background:#f2efe9;box-shadow:0 12px 24px rgba(0,0,0,.15);z-index:1}
.haus .dach{position:absolute;left:31%;bottom:59%;width:38%;height:24%;background:#e2572b;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:1}
.haus .sonne{position:absolute;right:14%;top:14%;width:34px;height:34px;border-radius:50%;background:#ffcf6b;box-shadow:0 0 30px #ffcf6b}
.demo-vorschau.haus::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:#cfe0c3}
.demo-vorschau.bistro{background:radial-gradient(circle at 50% 50%,#2a1d3e,#0d0b14)}
.bistro span{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid #ff8a5c;transform:translate(-50%,-50%) rotateX(65deg);animation:dreh-ring 14s linear infinite}
.bistro span:nth-child(1){width:150px;height:150px}
.bistro span:nth-child(2){width:190px;height:190px;border-color:#b58cff;animation-duration:20s;animation-direction:reverse}
.bistro span:nth-child(3){width:230px;height:230px;border-color:#ffd16688;animation-duration:26s}
.demo-vorschau.agent{background:radial-gradient(circle at 50% 50%,#0d2a3a,#050b12)}
.agent span{position:absolute;left:50%;top:50%;width:110px;height:110px;border-radius:50%;transform:translate(-50%,-50%);border:1px dashed #3ee6d0;box-shadow:0 0 40px #3ee6d044,inset 0 0 30px #4d8dff55}
.agent span:nth-child(2){width:160px;height:60px;border:1px solid #4d8dff;transform:translate(-50%,-50%) rotate(-15deg)}
@keyframes dreh-ring{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}

/* KI-Agent */
.agent-box{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:36px;border-radius:24px;background:radial-gradient(500px 300px at 100% 50%,rgba(62,230,208,.10),transparent 60%),var(--flaeche);border:1px solid rgba(214,164,83,.2);position:relative}
.agent-box::before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:var(--linie-licht);box-shadow:0 0 14px rgba(246,205,130,.6)}
.agent-kugel{position:relative;width:240px;height:240px;margin:auto;display:grid;place-content:center}
.agent-kugel i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(214,164,83,.5);animation:kreis 12s linear infinite}
.agent-kugel i:nth-child(2){inset:22px;border-style:dashed;border-color:rgba(62,230,208,.5);animation-duration:18s;animation-direction:reverse}
.agent-kugel i:nth-child(3){inset:48px;background:radial-gradient(circle,rgba(214,164,83,.35),transparent 70%);border:0;animation:atmen 6s ease-in-out infinite}
.agent-kugel b{font:700 2.6rem Saira,sans-serif;color:var(--gold);position:relative}
@keyframes kreis{to{transform:rotate(360deg)}}

/* App-Ideen */
.ideen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.ideen div{padding:18px;border-radius:16px;background:var(--flaeche);border:1px solid rgba(214,164,83,.14);background-image:linear-gradient(90deg,transparent,rgba(246,205,130,.8),transparent);background-size:70% 1px;background-position:50% 0;background-repeat:no-repeat;display:grid;gap:4px}
.ideen b{font-family:Saira,sans-serif;font-size:1.05rem}.ideen span{color:var(--leise);font-size:.9rem}
.ideen div:last-child{border-color:rgba(214,164,83,.5)}
@media(max-width:980px){.demos{grid-template-columns:1fr}.agent-box{grid-template-columns:1fr;padding:22px}.ideen{grid-template-columns:1fr 1fr}.agent-kugel{width:180px;height:180px}}
@media(max-width:420px){.ideen{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bistro span,.agent-kugel i{animation:none}}
/* Musterseiten-Schaufenster */
.gold-text{font-style:normal;color:var(--gold);text-shadow:0 0 26px rgba(214,164,83,.45)}
.leise-text{color:var(--leise);margin-top:18px}
.schau{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:26px}
.schau-karte{grid-column:span 2;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--flaeche);border:1px solid rgba(214,164,83,.16);color:var(--text);position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.schau-karte.gross{grid-column:span 3}
.schau-karte::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;z-index:2;background:var(--linie-licht,linear-gradient(90deg,transparent,#f6cd82,transparent));box-shadow:0 0 14px #f6cd82;opacity:.7}
.schau-karte:hover{text-decoration:none;transform:translateY(-6px);border-color:rgba(214,164,83,.55);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 40px rgba(214,164,83,.15)}
.schau-bild{position:relative;aspect-ratio:16/10;overflow:hidden;background:#05060b}
.schau-bild img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(1.05)}
.schau-karte:hover .schau-bild img{transform:scale(1.07);filter:saturate(1.25) brightness(1.08)}
.schau-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(18,17,16,.85))}
.schau-live{position:absolute;top:12px;left:12px;z-index:2;font-size:.7rem;letter-spacing:.12em;padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.55);color:#7ef0b0;border:1px solid rgba(126,240,176,.35);backdrop-filter:blur(6px)}
.schau-text{padding:18px 22px 22px;display:grid;gap:6px}
.schau-text h3{margin:0;font-size:1.4rem}.schau-text p{margin:0;color:var(--leise)}
.schau-text b{color:var(--gold);margin-top:4px}
.klein-schau .schau-karte h3{font-size:1.15rem}
@media (max-width:980px){.schau{grid-template-columns:1fr 1fr}.schau-karte,.schau-karte.gross{grid-column:span 1}}
@media (max-width:620px){.schau{grid-template-columns:1fr}}
/* Drei Säulen */
.saeulen{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;perspective:1200px}
.saeule{position:relative;display:grid;align-content:start;gap:10px;padding:30px 26px 28px;border-radius:24px;background:linear-gradient(160deg,rgba(214,164,83,.08),rgba(27,25,22,.9) 40%);border:1px solid rgba(214,164,83,.2);color:var(--text);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.saeule::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#f6cd82,transparent);box-shadow:0 0 16px #f6cd82}
.saeule::after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,83,.22),transparent 70%);transition:transform .6s}
.saeule:hover{text-decoration:none;transform:translateY(-8px) rotateX(3deg);border-color:rgba(214,164,83,.6);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 50px rgba(214,164,83,.14)}
.saeule:hover::after{transform:scale(1.4)}
.saeule.hell{background:linear-gradient(160deg,rgba(214,164,83,.2),rgba(27,25,22,.92) 50%);border-color:rgba(214,164,83,.45)}
.saeule-nr{position:absolute;top:22px;right:24px;color:var(--gold);font-size:.8rem;letter-spacing:.2em}
.saeule-ikon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(214,164,83,.1);border:1px solid rgba(214,164,83,.35);box-shadow:0 0 24px rgba(214,164,83,.2)}
.saeule-ikon svg{width:32px;height:32px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.saeule h3{margin:6px 0 0;font-size:1.5rem}.saeule p{margin:0;color:var(--leise)}
.saeule ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.saeule li{padding-left:22px;position:relative;font-size:.95rem}.saeule li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.saeule b{color:var(--gold);margin-top:8px}
.saeule-fuss{margin-top:22px;color:var(--leise);text-align:center}.saeule-fuss b{color:var(--text)}
.schau-text .etikett{justify-self:start}
@media (max-width:980px){.saeulen{grid-template-columns:1fr}}
.schau>.schau-karte:nth-child(n+3):not(.gross){grid-column:span 2}