/* Golfzilla Promo-Banner (Instagram-Aktion GOLFZILLA30) – alle Klassen mit Präfix gzpb- */
@font-face{font-family:"GZ Anton";font-weight:400;font-style:normal;font-display:swap;src:url(anton-400.woff2) format("woff2")}
.gzpb-bar,.gzpb-hero{--gzpb-ink:#0b0d0c;--gzpb-red:#d3122f;--gzpb-red2:#ef1f3d;--gzpb-green:#2fd27a;--gzpb-muted:#a7b0ab;box-sizing:border-box;font-family:"DM Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.gzpb-bar *,.gzpb-hero *{box-sizing:border-box}
.gzpb-bar p,.gzpb-hero p{margin:0;padding:0}
.gzpb-bar s,.gzpb-hero s{text-decoration:line-through;text-decoration-thickness:2px;opacity:.65}
.gzpb-d{font-family:"GZ Anton",Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1}
.gzpb-tag{display:inline-block;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gzpb-green);white-space:nowrap}
/* Code-Button (kopierbar) */
.gzpb-code{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:2px dashed var(--gzpb-green);border-radius:10px;padding:5px 6px 5px 11px;color:#fff;background:rgba(47,210,122,.08);white-space:nowrap;transition:background .2s,border-color .2s}
.gzpb-code:hover{background:rgba(47,210,122,.18)}
.gzpb-code:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gzpb-code b{font-family:"GZ Anton",Anton,Impact,sans-serif;font-weight:400;letter-spacing:.08em;font-size:17px;line-height:1}
.gzpb-code i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--gzpb-green);color:#000;border-radius:6px;padding:5px 7px;line-height:1}
.gzpb-code.is-copied{border-style:solid}
.gzpb-code.is-copied i{background:#fff}
.gzpb-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--gzpb-red);color:#fff!important;font-weight:800;font-size:14px;line-height:1;border-radius:999px;padding:11px 18px;white-space:nowrap;text-decoration:none!important;transition:background .2s,transform .2s}
.gzpb-btn:hover{background:var(--gzpb-red2);transform:translateY(-1px)}
.gzpb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gzpb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Variante 1: schmale Leiste oben (alle Seiten) ===== */
.gzpb-bar{position:relative;z-index:99990;width:100%;background:var(--gzpb-ink);color:#fff;border-bottom:3px solid var(--gzpb-red);background-image:linear-gradient(90deg,rgba(211,18,47,.28),transparent 32%,transparent 68%,rgba(47,210,122,.16))}
.gzpb-bar .gzpb-in{max-width:1320px;margin:0 auto;padding:8px 52px 8px 20px;display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;min-height:52px}
.gzpb-bar .gzpb-msg{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:1.2;color:#fff}
.gzpb-bar .gzpb-pct{font-family:"GZ Anton",Anton,Impact,sans-serif;font-size:26px;line-height:1;color:#fff;background:var(--gzpb-red);padding:3px 8px 2px;border-radius:6px;transform:rotate(-3deg);display:inline-block;align-self:center}
.gzpb-bar .gzpb-what{font-family:"GZ Anton",Anton,Impact,sans-serif;text-transform:uppercase;font-size:19px;letter-spacing:.03em;line-height:1}
.gzpb-bar .gzpb-price{font-weight:800;white-space:nowrap}
.gzpb-bar .gzpb-price em{font-style:normal;color:var(--gzpb-green)}
.gzpb-bar .gzpb-meta{font-size:12.5px;color:var(--gzpb-muted);white-space:nowrap}
.gzpb-bar .gzpb-x{all:unset;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:.7;font-size:20px;line-height:1}
.gzpb-bar .gzpb-x:hover,.gzpb-bar .gzpb-x:focus-visible{opacity:1;background:rgba(255,255,255,.12)}
@media (max-width:1100px){.gzpb-bar .gzpb-meta{display:none}}
@media (max-width:760px){
 .gzpb-bar .gzpb-in{padding:9px 40px 10px 14px;gap:8px 10px;justify-content:flex-start}
 .gzpb-bar .gzpb-tag{display:none}
 .gzpb-bar .gzpb-msg{flex:1 1 100%;gap:8px;font-size:13.5px;flex-wrap:wrap;row-gap:4px}
 .gzpb-bar .gzpb-pct{font-size:21px}
 .gzpb-bar .gzpb-what{font-size:16px}
 .gzpb-bar .gzpb-code b{font-size:15px}
 .gzpb-bar .gzpb-code{padding:4px 5px 4px 9px}
 .gzpb-bar .gzpb-btn{padding:9px 14px;font-size:13px;margin-left:auto}
 .gzpb-bar .gzpb-x{top:8px;right:6px;transform:none}
}
@media (max-width:359px){.gzpb-bar .gzpb-code i{display:none}}

/* ===== Variante 2: im Hero der Startseite ===== */
.gzpb-hero{position:relative;display:grid;grid-template-columns:auto 1fr;gap:0;max-width:600px;margin:2.2rem 0 0;color:#fff;background:#111513;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.gzpb-hero .gzpb-l{position:relative;background:var(--gzpb-red);padding:18px 26px 18px 22px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.gzpb-hero .gzpb-l:after{content:"";position:absolute;right:-1px;top:10px;bottom:10px;border-right:3px dotted var(--gzpb-ink)}
.gzpb-hero .gzpb-l .gzpb-tag{color:#fff;opacity:.9;font-size:10.5px}
.gzpb-hero .gzpb-big{font-family:"GZ Anton",Anton,Impact,sans-serif;font-size:64px;line-height:.9;letter-spacing:.01em}
.gzpb-hero .gzpb-l small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.gzpb-hero .gzpb-r{padding:18px 22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.gzpb-hero .gzpb-r p{font-size:15px;line-height:1.35;color:#dfe4e1}
.gzpb-hero .gzpb-r p b{font-family:"GZ Anton",Anton,Impact,sans-serif;font-weight:400;font-size:26px;color:#fff;letter-spacing:.02em;vertical-align:-2px}
.gzpb-hero .gzpb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gzpb-hero .gzpb-r small{font-size:12px;color:var(--gzpb-muted);line-height:1.4}
.gzpb-hero .gzpb-r small b{color:var(--gzpb-green);font-weight:800}
@media (max-width:560px){
 .gzpb-hero{grid-template-columns:1fr;border-radius:18px}
 .gzpb-hero .gzpb-l{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px}
 .gzpb-hero .gzpb-l:after{left:12px;right:12px;top:auto;bottom:-1px;border-right:0;border-bottom:3px dotted var(--gzpb-ink)}
 .gzpb-hero .gzpb-big{font-size:50px}
 .gzpb-hero .gzpb-l>div{display:flex;flex-direction:column;gap:6px}
 .gzpb-hero .gzpb-r{padding:16px 18px}
 .gzpb-hero .gzpb-row .gzpb-btn{flex:1}
}
.gzpb-expired .gzpb-bar,.gzpb-expired .gzpb-hero,.gzpb-bar[hidden],.gzpb-hero[hidden]{display:none!important}