/* Gutschein-Produktseite — Bespoke-Dark-Band, gekapselt unter #gut (kollidiert nicht mit site.css). Generiert. */
#gut{background:var(--g-base);color:var(--g-t1);font-family:var(--g-sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
#gut{--g-serif:var(--font-sans,'IBM Plex Sans Condensed',sans-serif);--g-sans:var(--font-sans,system-ui,sans-serif);--g-mono:var(--font-mono,ui-monospace,monospace)}
#gut,#gut :where(*){box-sizing:border-box}
#gut :where(h1,h2,h3,h4,h5,p,figure,ul,ol,li,blockquote,details,summary){margin:0;padding:0}
#gut :where(ul,ol){list-style:none}
#gut{display:block;width:100%}
#gut{
    --g-base:#0F0F12; --g-surf:#17171c; --g-surf2:#1e1e26;
    --g-t1:#f4f1ea; --g-t2:#b8b4ac; --g-t3:#7d7a73;
    --g-gold:#c9a24b; --g-mag:#E62145; --g-line:rgba(255,255,255,.09); --g-ok:#3FB950;
    --g-serif:"IBM Plex Sans Condensed",system-ui,sans-serif;
    --g-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
    --g-mono:"IBM Plex Mono",ui-monospace,monospace;
  }#gut .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}#gut .eyebrow{font-family:var(--g-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--g-gold)}#gut .dot{color:var(--g-gold)}#gut h2.sect{font-family:var(--g-serif);font-weight:500;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.01em;margin:.9rem 0}#gut h2.sect em{font-style:italic;color:var(--g-t2)}#gut .arrow{font-family:var(--g-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g-gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.4);padding-bottom:3px;transition:.2s}#gut .arrow:hover{color:var(--g-t1);border-color:var(--g-t1)}#gut .btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--g-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:var(--g-mag);color:#fff;text-decoration:none;padding:.9rem 1.5rem;border-radius:8px;transition:.2s}#gut .btn:hover{background:#c9183a;transform:translateY(-2px)}#gut .btn--ghost{background:transparent;color:var(--g-t1);border:1px solid var(--g-line)}#gut /* ── HERO ── */
  .hero{padding:clamp(5rem,11vw,9rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}#gut .hero::before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle,rgba(201,162,75,.10),transparent 70%);pointer-events:none;z-index:1}#gut #hero-fx{position:absolute;inset:0;z-index:0;opacity:.42}#gut #hero-fx canvas{display:block}#gut .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center;position:relative;z-index:2}#gut .vfan{transform-style:preserve-3d}
  @media(max-width:880px){#gut .hero-grid{grid-template-columns:1fr}}#gut .hero h1{font-family:var(--g-serif);font-weight:500;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.0;letter-spacing:-.015em;margin:1.2rem 0}#gut .hero h1 em{font-style:italic;color:var(--g-t2)}#gut .hero-lead{color:var(--g-t2);font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:42ch;margin-bottom:2rem}#gut .hero-cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}#gut .hero-price{font-family:var(--g-mono);font-size:.78rem;color:var(--g-t3);letter-spacing:.04em}#gut .hero-price b{color:var(--g-t1);font-family:var(--g-serif);font-size:1.1rem;font-weight:500}#gut /* Voucher visual (groß, #gut animiert) */
  .vfan{position:relative;aspect-ratio:1.18;max-width:640px;margin-left:auto;width:100%}#gut .voucher{position:absolute;left:50%;top:50%;width:88%;aspect-ratio:1.6;border-radius:18px;
    background:linear-gradient(135deg,#221c27,#2c2530);border:1px solid rgba(201,162,75,.5);
    box-shadow:0 36px 70px -24px rgba(0,0,0,.75);padding:1.4rem 1.5rem;transform:translate(-50%,-50%) rotate(-6deg);
    animation:gutfloat 7s ease-in-out infinite}#gut .voucher.v2{transform:translate(-50%,-50%) rotate(6deg) scale(.9);opacity:.5;z-index:-1;animation:none;filter:blur(1px)}
  @keyframes gutfloat{0%,100%{transform:translate(-50%,-50%) rotate(-6deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-6deg) translateY(-12px)}}#gut .v-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--g-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold)}#gut .v-amt{font-family:var(--g-serif);font-size:clamp(2.4rem,5vw,3.2rem);color:var(--g-t1);margin-top:1rem;line-height:1}#gut .v-amt small{font-size:1.4rem;color:var(--g-t2)}#gut .v-for{font-family:var(--g-mono);font-size:.62rem;letter-spacing:.1em;color:var(--g-t3);margin-top:.5rem;text-transform:uppercase}#gut .v-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.2rem}#gut .v-code{font-family:var(--g-mono);font-size:.6rem;letter-spacing:.18em;color:var(--g-t2)}#gut .v-qr{width:56px;height:56px;display:block;border-radius:9px;box-shadow:0 5px 14px -5px rgba(0,0,0,.55)}#gut .v-paid{position:absolute;right:-6px;top:-12px;background:var(--g-ok);color:#06210f;font-family:var(--g-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;border-radius:7px;transform:rotate(8deg);box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}#gut /* ── FLOW (Wie es läuft) ── */
  .flow{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--g-line)}#gut .flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(2rem,4vw,3.5rem);position:relative}
  @media(max-width:760px){#gut .flow-steps{grid-template-columns:1fr;gap:2rem}}#gut .step{padding:0 clamp(1rem,2.5vw,2rem);position:relative}#gut .step:not(:last-child)::after{content:"";position:absolute;top:34px;right:0;width:1px;height:calc(100% - 34px);background:var(--g-line)}
  @media(max-width:760px){#gut .step:not(:last-child)::after{display:none}}#gut .step-n{font-family:var(--g-serif);font-size:3rem;color:var(--g-gold);line-height:1;opacity:.85}#gut .step h3{font-family:var(--g-serif);font-size:1.35rem;margin:.9rem 0 .5rem;font-weight:500}#gut .step p{color:var(--g-t2);font-size:.95rem;max-width:30ch}#gut .step .tick{display:inline-block;margin-top:.8rem;font-family:var(--g-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g-ok)}#gut /* ── AUDIENCE (Für wen) — Marquee-Band ── */
  .aud{padding:clamp(3rem,7vw,5.5rem) 0;border-top:1px solid var(--g-line);text-align:center}#gut .aud-sub{color:var(--g-t2);font-size:1rem;max-width:52ch;margin:1.2rem auto 0}#gut .aud .marq{margin-top:2.4rem;overflow:hidden;display:flex;flex-direction:column;gap:1.1rem;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#gut .aud .marq-row{display:inline-flex;gap:2.5rem;white-space:nowrap;animation:gutmarq 38s linear infinite;font-family:var(--g-serif);font-size:clamp(1.4rem,3.4vw,2.4rem);color:var(--g-t2)}#gut .aud .marq-row.rev{animation-direction:reverse;font-size:clamp(1.2rem,3vw,2rem)}#gut .aud .marq-row span{display:inline-flex;align-items:center;gap:2.5rem}#gut .aud .marq-row b{color:var(--g-t1);font-weight:500;font-style:italic}#gut .aud .marq-row i{color:var(--g-gold);font-style:normal;font-size:.6em}
  @keyframes gutmarq{to{transform:translateX(-50%)}}#gut /* ── BACKEND (Dashboard) ── */
  .backend{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--g-line)}#gut .backend .lead{color:var(--g-t2);max-width:48ch;margin:.6rem 0 2.4rem;font-size:1rem}#gut .dash{background:linear-gradient(170deg,#16161b,#101014);border:1px solid var(--g-line);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -32px rgba(0,0,0,.7);max-width:920px}#gut .dash-bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;background:rgba(255,255,255,.03);border-bottom:1px solid var(--g-line)}#gut .dash-bar i{width:11px;height:11px;border-radius:50%;background:#2c2c34;flex:none}#gut .dash-bar i:nth-child(1){background:#E64A45}#gut .dash-bar i:nth-child(2){background:#E6B340}#gut .dash-bar i:nth-child(3){background:#3FB950}#gut .dash-url{margin-left:1rem;font-family:var(--g-mono);font-size:.72rem;color:var(--g-t3);letter-spacing:.03em}#gut .dash-body{padding:clamp(1.2rem,3vw,2rem)}#gut .dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}
  @media(max-width:640px){#gut .dash-stats{grid-template-columns:repeat(2,1fr)}}#gut .dash-stats > div{background:var(--g-surf);border:1px solid var(--g-line);border-radius:12px;padding:1rem 1.1rem;text-align:left}#gut .ds-num{display:block;font-family:var(--g-serif);font-size:clamp(1.5rem,3vw,2rem);color:var(--g-t1);line-height:1}#gut .ds-num.gold{color:var(--g-gold)}#gut .ds-lbl{display:block;font-family:var(--g-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g-t3);margin-top:.4rem}#gut .dash-table{border:1px solid var(--g-line);border-radius:12px;overflow:hidden}#gut .dash-row{display:grid;grid-template-columns:1.3fr .8fr 1.6fr 1fr;gap:1rem;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--g-line);font-size:.85rem}#gut .dash-row:last-child{border-bottom:none}#gut .dash-row.dash-head{background:rgba(255,255,255,.025);font-family:var(--g-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g-t3)}#gut .dash-row .mono{font-family:var(--g-mono);color:var(--g-t2);font-size:.78rem}
  @media(max-width:640px){#gut .dash-row{grid-template-columns:1fr 1fr;gap:.4rem .8rem}#gut .dash-row .col-buyer{display:none}#gut .dash-head .col-buyer{display:none}}#gut .badge{justify-self:start;font-family:var(--g-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;border-radius:6px;border:1px solid}#gut .badge.ok{color:var(--g-ok);border-color:rgba(63,185,80,.4);background:rgba(63,185,80,.08)}#gut .badge.gold{color:var(--g-gold);border-color:rgba(201,162,75,.4);background:rgba(201,162,75,.08)}#gut .badge.grey{color:var(--g-t3);border-color:var(--g-line);background:rgba(255,255,255,.02)}#gut .dash-redeem{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-family:var(--g-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g-base);background:var(--g-gold);padding:.7rem 1.1rem;border-radius:9px;text-decoration:none;transition:.2s}#gut .dash-redeem:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(201,162,75,.5)}#gut /* ── FEATURES — asymmetrisch ── */
  .feat{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--g-line)}#gut .feat-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:2.5rem}
  @media(max-width:860px){#gut .feat-grid{grid-template-columns:1fr}}#gut .feat-list{list-style:none;display:flex;flex-direction:column;gap:1.3rem}#gut .feat-list li{display:flex;gap:1rem;align-items:flex-start;padding-bottom:1.3rem;border-bottom:1px solid var(--g-line)}#gut .feat-list li:last-child{border-bottom:none}#gut .feat-list .fi{flex:none;width:32px;height:32px;border-radius:8px;background:rgba(201,162,75,.12);border:1px solid rgba(201,162,75,.3);display:grid;place-items:center;color:var(--g-gold);font-family:var(--g-mono);font-size:.8rem}#gut .feat-list h4{font-size:1.05rem;margin-bottom:.2rem}#gut .feat-list p{color:var(--g-t2);font-size:.9rem}#gut .feat-zero{background:linear-gradient(160deg,var(--g-surf2),var(--g-surf));border:1px solid var(--g-line);border-radius:18px;padding:clamp(1.6rem,3vw,2.4rem)}#gut .feat-zero .big{font-family:var(--g-serif);font-size:clamp(3rem,7vw,5rem);line-height:1;color:var(--g-gold)}#gut .feat-zero h3{font-family:var(--g-serif);font-size:1.5rem;margin:.6rem 0 .6rem;font-weight:500}#gut .feat-zero p{color:var(--g-t2);font-size:.95rem}#gut /* ── PRICE ── */
  .price{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--g-line)}#gut .price-card{background:linear-gradient(160deg,var(--g-surf2),var(--g-surf));border:1px solid var(--g-line);border-radius:22px;
    padding:clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:2.5rem}
  @media(max-width:760px){#gut .price-card{grid-template-columns:1fr}}#gut .price-col .lbl{font-family:var(--g-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g-gold)}#gut .price-col .amt{font-family:var(--g-serif);font-size:clamp(2.4rem,5vw,3.4rem);margin:.3rem 0;line-height:1}#gut .price-col .amt small{font-size:1.1rem;color:var(--g-t2)}#gut .price-col p{color:var(--g-t2);font-size:.9rem;max-width:32ch}#gut .price-col + .price-col{border-left:1px solid var(--g-line);padding-left:clamp(1.5rem,4vw,3rem)}
  @media(max-width:760px){#gut .price-col + .price-col{border-left:none;border-top:1px solid var(--g-line);padding-left:0;padding-top:1.5rem}}#gut .price-note{font-family:var(--g-mono);font-size:.7rem;color:var(--g-t3);margin-top:1.4rem;letter-spacing:.04em}#gut /* ── CTA ── */
  .cta{padding:clamp(4rem,9vw,7rem) 0;text-align:center;border-top:1px solid var(--g-line)}#gut .cta h2{font-family:var(--g-serif);font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;font-weight:500}#gut .cta h2 em{font-style:italic;color:var(--g-t2)}#gut .cta .row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}#gut /* ── Price-Flex ── */
  .price-flex{display:flex;align-items:center;gap:1.2rem;margin-top:1.6rem;padding:1.2rem 1.5rem;border:1px solid rgba(201,162,75,.28);background:rgba(201,162,75,.06);border-radius:14px}#gut .price-flex .pf-mark{font-family:var(--g-serif);font-size:2.4rem;color:var(--g-gold);line-height:1;flex:none}#gut .price-flex p{color:var(--g-t1);font-size:1rem;margin:0}#gut .price-flex b{color:var(--g-gold);font-weight:500}#gut /* ── FAQ ── */
  .faq{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--g-line)}#gut .faq-list{margin-top:2.4rem;max-width:780px}#gut .faq details{border-top:1px solid var(--g-line)}#gut .faq details:last-child{border-bottom:1px solid var(--g-line)}#gut .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;font-family:var(--g-serif);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--g-t1);font-weight:500}#gut .faq summary::-webkit-details-marker{display:none}#gut .faq .fq-plus{position:relative;flex:none;width:18px;height:18px}#gut .faq .fq-plus::before, #gut .faq .fq-plus::after{content:"";position:absolute;background:var(--g-gold);transition:transform .25s ease}#gut .faq .fq-plus::before{top:8px;left:0;width:18px;height:2px}#gut .faq .fq-plus::after{top:0;left:8px;width:2px;height:18px}#gut .faq details[open] .fq-plus::after{transform:rotate(90deg);opacity:0}#gut .faq .fq-body{padding:0 0 1.4rem;color:var(--g-t2);font-size:.98rem;max-width:64ch}#gut .faq .fq-body b{color:var(--g-t1);font-weight:500}

  @media(prefers-reduced-motion:reduce){#gut :where(*){animation:none!important}}
/* Bespoke-Breadcrumb (im dunklen Hero garantiert lesbar, unabhängig vom Theme) */
#gut .gbc{display:flex;gap:.55rem;align-items:center;font-family:var(--g-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g-t3);margin-bottom:1.4rem}
#gut .gbc a{color:var(--g-t3);text-decoration:none;transition:.2s}
#gut .gbc a:hover{color:var(--g-gold)}
#gut .gbc .sep{opacity:.45}
#gut .gbc .cur{color:var(--g-gold)}