/* Helles Aquarell-Design der bisherigen nftgasm.rocks (Bildwelt, Blattform-Karten 25px/150px, Lila #5015ad, Türkis/Pink) mit neuen Inhalten */
:root{--lila:#5015ad;--pink:#e573da;--tuerkis:#0bc8c8;--text:#2a2340;--grau:#5d5675;--karte:rgba(255,255,255,.88);--linie:rgba(80,21,173,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}
body{margin:0;background:linear-gradient(180deg,#fff,#f7f2ff 40%,#fff);color:var(--text);font:17px/1.65 Manrope,Inter,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit}.w{max-width:1200px;margin:0 auto;padding:0 32px}
.wm{font:800 1.6rem/1 Outfit,sans-serif;text-decoration:none;letter-spacing:.02em;color:#1d1640}.wm i{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--tuerkis));-webkit-background-clip:text;background-clip:text;color:transparent}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--linie)}.top .w{display:flex;align-items:center;gap:26px;padding-top:12px;padding-bottom:12px}
.top .reihe2{display:flex;gap:6px;flex-wrap:wrap;padding-top:0;padding-bottom:10px}.reihe2 a{padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none;color:var(--grau);background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--linie)}.reihe2 a:hover,.reihe2 a[aria-current]{color:#fff;background:var(--c)}
.top nav{display:flex;gap:20px;font-weight:600;font-size:.92rem;color:var(--grau);margin-left:auto}.top nav a{text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:var(--lila)}
.cta{display:inline-flex;padding:13px 22px;border-radius:999px;background:linear-gradient(90deg,var(--lila),#8a3fd9);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 14px 30px -14px rgba(80,21,173,.7)}.cta.l{background:#fff;color:var(--lila);border:2px solid var(--lila);box-shadow:none}
.k{font:800 .78rem Outfit;letter-spacing:.16em;text-transform:uppercase;color:#a03ab3}
h1{font:800 clamp(2.4rem,4.6vw,3.9rem)/1.06 Outfit;letter-spacing:-.02em;margin:12px 0 16px;color:#1d1640}h1 span{background:linear-gradient(90deg,var(--lila),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font:800 clamp(2rem,3.5vw,2.8rem)/1.1 Outfit;margin:8px 0 14px;color:var(--lila)}.lead{color:var(--grau);max-width:64ch;margin:0 0 28px;font-size:1.08rem}
/* Kopf: das große Bild der bisherigen Seite */
.opener{position:relative;min-height:min(92vh,820px);background:#fff url(../img/opener-voll.jpg) 28% center/cover;display:flex;align-items:flex-end}
.opener:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,transparent,#fff)}
.opener .tafel{position:relative;z-index:2;margin:0 32px 70px auto;max-width:600px;padding:36px 38px;border-radius:25px 150px 25px 150px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);box-shadow:0 40px 80px -40px rgba(80,21,173,.55)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips span{padding:6px 12px;border-radius:999px;background:#f3ecff;color:var(--lila);font-weight:700;font-size:.8rem}
.sek{margin-top:100px}.mitbg{position:relative;padding:100px 0;margin-top:40px;background:var(--bg) center/cover no-repeat}
.angebote{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.angebote a{display:block;padding:24px;border-radius:25px;background:var(--karte);box-shadow:0 24px 50px -30px rgba(80,21,173,.45);text-decoration:none;transition:transform .2s}.angebote a:hover{transform:translateY(-5px)}
.angebote img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:25px 90px 25px 90px;margin-bottom:16px}.angebote h3{margin:0 0 8px;font:800 1.15rem Outfit;color:#1d1640}.angebote p{margin:0;color:var(--grau);font-size:.93rem}.angebote em{display:block;margin-top:12px;font-style:normal;font-weight:800;color:var(--c)}
.frist{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:44px;border-radius:25px 150px 25px 150px;background:var(--karte);box-shadow:0 30px 60px -36px rgba(80,21,173,.5)}.frist b.gross{font:800 3.2rem/1 Outfit;background:linear-gradient(90deg,var(--tuerkis),var(--lila));-webkit-background-clip:text;background-clip:text;color:transparent}
.weg{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.weg:before{content:"";position:absolute;left:12%;right:12%;top:36px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--lila),var(--pink),var(--tuerkis))}.weg li{position:relative;text-align:center;padding:0 10px}.weg b{position:relative;display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--lila),var(--pink) 55%,var(--tuerkis));color:#fff;font:800 1.7rem Outfit;margin-bottom:18px;box-shadow:0 0 0 8px #fff,0 18px 40px -12px rgba(80,21,173,.7)}.weg h4{margin:0 0 6px;font:800 1.25rem Outfit;color:#1d1640}.weg p{margin:0 auto;max-width:26ch;color:var(--grau);font-size:.95rem}
.band{position:relative;margin-top:110px;padding:110px 0;background:radial-gradient(40% 70% at 12% 20%,rgba(11,200,200,.55),transparent 70%),radial-gradient(40% 80% at 90% 90%,rgba(229,115,218,.6),transparent 70%),linear-gradient(120deg,#2a0f6e,#5015ad 45%,#7a2fc9);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);overflow:hidden}.band:after{content:"";position:absolute;right:-60px;bottom:-40px;width:520px;height:380px;background:url(../img/footer-bild.webp) center/contain no-repeat;opacity:.55;pointer-events:none}.band .w{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.band .w>div{padding:28px 26px;border-radius:25px 80px 25px 80px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}.band b{display:block;font:800 2.1rem Outfit;color:#fff;margin-bottom:6px}.band span{color:#e9defd;font-size:.95rem}
.themen{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px;margin-top:10px}.themen>*{display:block;text-align:center;text-decoration:none;color:inherit}.themen img{width:150px;height:auto;margin:0 auto 12px;transition:transform .25s}.themen a:hover img{transform:translateY(-5px) scale(1.04)}.themen h3{margin:0 0 6px;font:800 1.05rem Outfit;color:#1d1640}.themen p{margin:0 auto;max-width:28ch;color:var(--grau);font-size:.9rem}.branchen .pillen{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.branchen .pillen a{padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none;color:#fff;background:var(--c)}.branchen .pillen a:hover{filter:brightness(1.1)}.themen em{display:block;margin-top:8px;font-style:normal;font-weight:800;color:var(--lila);font-size:.85rem}
.emblem{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.emblem img{border-radius:25px 120px 25px 120px;box-shadow:0 30px 60px -36px rgba(80,21,173,.5)}
.akopf{position:relative;padding:60px 0 40px;background:var(--aq) center 30%/cover no-repeat}.akopf:after{content:"";position:absolute;inset:auto 0 0 0;height:140px;background:linear-gradient(180deg,transparent,#fff)}.akopf .ahero{position:relative;z-index:1;padding-top:40px}
.ahero .bild img{background:#fff}.rund{float:right;width:110px;margin:-20px 0 0 16px}
.beispiel{position:relative;margin-top:90px;padding:110px 0;background:var(--aq) center/cover no-repeat}.beispiel .w{display:flex;justify-content:center}.beispiel .karte2{max-width:760px}
.beispiel img{border-radius:25px 120px 25px 120px;box-shadow:0 30px 60px -30px rgba(80,21,173,.6)}.beispiel .karte2{padding:40px;border-radius:25px 120px 25px 120px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);box-shadow:0 30px 60px -36px rgba(80,21,173,.5)}.beispiel p{font-size:1.15rem;line-height:1.7;margin:0;color:var(--text)}
.leist>div[data-n]{position:relative;padding-top:60px}.leist>div[data-n]:before{content:attr(data-n);position:absolute;top:18px;left:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--c,var(--lila)),var(--pink));color:#fff;font:800 .85rem Outfit}
.bildwelt{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.bildwelt img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:25px 70px 25px 70px;box-shadow:0 24px 50px -28px rgba(80,21,173,.6);background:#fff}.bildwelt img:nth-child(even){margin-top:50px}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:40px}.liste{list-style:none;padding:0;margin:0}.liste li{padding:14px 18px;border-radius:18px;background:var(--karte);margin-bottom:10px;border-left:4px solid var(--c,var(--pink));box-shadow:0 14px 30px -24px rgba(80,21,173,.5)}
.leist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.leist div{padding:24px;border-radius:25px;background:var(--karte);box-shadow:0 20px 40px -30px rgba(80,21,173,.45)}.leist h3{margin:0 0 6px;font:800 1.1rem Outfit;color:var(--c,var(--lila))}.leist p{margin:0;color:var(--grau);font-size:.93rem}
details{border-bottom:1px solid var(--linie);padding:16px 0}summary{cursor:pointer;font-weight:800;color:#1d1640}details p{color:var(--grau);margin:10px 0 0}
.schluss>div{position:relative;overflow:hidden;min-height:340px;padding:60px 56px;border-radius:25px 150px 25px 150px;background:url(../img/footer-bild.webp) right -60px center/auto 135% no-repeat,radial-gradient(50% 80% at 10% 10%,rgba(11,200,200,.5),transparent 70%),linear-gradient(120deg,#2a0f6e,#5015ad 50%,#7a2fc9)!important;color:#fff;box-shadow:0 40px 80px -40px rgba(80,21,173,.8);display:grid;grid-template-columns:1fr;align-content:center;gap:22px}.schluss>div>div{max-width:520px}.schluss .k{color:#9ff3f0}.schluss h2{color:#fff}.schluss .lead{color:#efe6ff!important}.schluss .cta{justify-self:start!important;background:#fff;color:var(--lila)}footer{margin-top:110px;padding:56px 0 34px;background:linear-gradient(120deg,#1d1640,#2a1760);color:#cfc6ea;font-size:.9rem}footer .w{display:grid;grid-template-columns:1fr 1.4fr;gap:30px 50px}footer a{text-decoration:none;color:#fff}footer p{margin:4px 0}footer .wm{color:#fff}footer .tags{display:flex;flex-wrap:wrap;gap:8px}footer .tags a{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-weight:600;font-size:.85rem}footer .tags a:hover{background:var(--c,#e573da)}footer .unten{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#a99fd0;font-size:.82rem}
.ahero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding-top:70px;padding-bottom:30px}.ahero .bild img{border-radius:25px 150px 25px 150px;aspect-ratio:1;object-fit:cover;box-shadow:0 40px 80px -40px rgba(80,21,173,.6)}.ahero .k{color:var(--c)}
footer a{text-decoration:none}footer p{margin:4px 0}
@media(max-width:1000px){.weg:before{display:none}.bildwelt{grid-template-columns:repeat(3,1fr)}.beispiel .karte2{padding:26px;border-radius:25px 70px 25px 70px}.top .reihe2{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.reihe2 a{white-space:nowrap}.themen{grid-template-columns:1fr 1fr}.emblem{grid-template-columns:1fr}.top nav{display:none}.ahero,.frist,.zwei,.schluss>div{grid-template-columns:1fr}.angebote,.weg,.band .w{grid-template-columns:1fr 1fr}.opener .tafel{margin:0 16px 40px;border-radius:25px 80px 25px 80px}}
@media(max-width:560px){.w{padding:0 18px}.angebote,.weg,.band .w{grid-template-columns:1fr}.frist{padding:28px;border-radius:25px 70px 25px 70px}.schluss>div{padding:34px 26px 230px;border-radius:25px 70px 25px 70px;background-position:center bottom -40px,0 0,0 0!important;background-size:auto 300px,auto,auto!important}footer .w{grid-template-columns:1fr}}