/* BackTrunk Eventkonfigurator – keine externen Schriften, keine Fremdressourcen */
:root{
  --bk-bg:#040506; --bk-panel:#0d0e10; --bk-card:#121316; --bk-line:#24262b;
  --bk-text:#f2f2f2; --bk-muted:#a7a9ae; --bk-gold:#e5c45f; --bk-gold-d:#b89534; --bk-ok:#7fd18b; --bk-err:#ff8a7a;
  --bk-r:14px; --bk-head:"Arial Black",Arial,Helvetica,sans-serif; --bk-body:Montserrat,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
}
html,body.bte-body{margin:0;background:var(--bk-bg);color:var(--bk-text)}
.bte-kf{font-family:var(--bk-body);font-size:15px;line-height:1.55;color:var(--bk-text);background:var(--bk-bg);min-height:100vh;-webkit-font-smoothing:antialiased}
.bte-kf *{box-sizing:border-box}
.bte-kf a{color:var(--bk-gold)}
.bte-kf button{font:inherit;cursor:pointer}
.bte-kf :focus-visible{outline:2px solid var(--bk-gold);outline-offset:2px}

.bk-test{background:#2a2310;color:var(--bk-gold);font-size:12px;text-align:center;padding:7px 16px;letter-spacing:.02em}
.bk-top{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid var(--bk-line);background:#060708}
.bk-top img{height:38px;width:auto;display:block}
.bk-top a.bk-back{font-size:13px;color:var(--bk-muted);text-decoration:none}
.bk-top a.bk-back:hover{color:var(--bk-gold)}

.bk-hero{position:relative;padding:clamp(40px,8vw,90px) clamp(16px,4vw,48px) clamp(32px,5vw,56px);background-size:cover;background-position:center;isolation:isolate}
.bk-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.94) 0%,rgba(4,5,6,.7) 45%,rgba(4,5,6,.35) 100%);z-index:-1}
.bk-hero .bk-eyebrow{margin-bottom:14px}
.bk-hero h1{font-family:var(--bk-head);font-weight:900;font-size:clamp(34px,6vw,68px);line-height:1.02;margin:0 0 16px;letter-spacing:-.01em}
.bk-hero h1 span{color:var(--bk-gold)}
.bk-hero p{max-width:560px;color:#d8d9dc;margin:0}
.bk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-gold)}

.bk-wrap{max-width:1280px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 120px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
@media (max-width:960px){.bk-wrap{grid-template-columns:1fr;padding-bottom:140px}}

.bk-progress{display:flex;gap:6px;margin-bottom:22px;list-style:none;padding:0}
.bk-progress li{flex:1;min-width:0}
.bk-progress button{width:100%;background:none;border:0;padding:0;color:var(--bk-muted);text-align:left;font-size:12px;font-weight:600;letter-spacing:.04em}
.bk-progress button:disabled{cursor:default}
.bk-progress i{display:block;height:4px;border-radius:4px;background:var(--bk-line);margin-bottom:8px;transition:background .25s}
.bk-progress li.is-done i,.bk-progress li.is-active i{background:var(--bk-gold)}
.bk-progress li.is-active button{color:var(--bk-text)}
@media (max-width:560px){.bk-progress button span{display:none}.bk-progress li.is-active button span{display:inline}}

.bk-step{animation:bkIn .3s ease}
	.bk-step.bk-still{animation:none}
@keyframes bkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bk-step h2{font-family:var(--bk-head);font-size:clamp(24px,3.4vw,36px);line-height:1.1;margin:6px 0 8px}
.bk-step>p.bk-lead{color:var(--bk-muted);margin:0 0 24px;max-width:620px}

.bk-label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-muted);margin:0 0 8px}
.bk-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.bk-grid,.bk-grid-3{grid-template-columns:1fr}}
.bk-field{display:flex;flex-direction:column}
.bk-field.full{grid-column:1/-1}
.bk-in,.bk-field input,.bk-field select,.bk-field textarea{width:100%;background:var(--bk-card);border:1px solid var(--bk-line);border-radius:10px;color:var(--bk-text);padding:13px 14px;font:inherit;min-height:48px;color-scheme:dark}
.bk-field textarea{min-height:110px;resize:vertical}
.bk-field input:focus,.bk-field select:focus,.bk-field textarea:focus{border-color:var(--bk-gold);outline:none}
.bk-field.has-err input,.bk-field.has-err select{border-color:var(--bk-err)}
.bk-err-msg{color:var(--bk-err);font-size:13px;margin-top:6px}
.bk-sec{margin-top:28px}

.bk-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bk-seg button{background:var(--bk-card);border:1px solid var(--bk-line);border-radius:var(--bk-r);color:var(--bk-text);padding:16px;text-align:left;transition:border-color .2s,background .2s}
.bk-seg button strong{display:block;font-size:17px}
.bk-seg button small{color:var(--bk-muted);font-size:13px}
.bk-seg button[aria-pressed=true]{border-color:var(--bk-gold);background:#1a170d}

.bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.bk-chip{background:var(--bk-card);border:1px solid var(--bk-line);border-radius:999px;color:var(--bk-text);padding:9px 16px;font-size:14px;min-height:40px}
.bk-chip[aria-pressed=true]{background:var(--bk-gold);border-color:var(--bk-gold);color:#14110a;font-weight:700}

.bk-stepper{display:flex;align-items:center;background:var(--bk-card);border:1px solid var(--bk-line);border-radius:10px;min-height:48px}
.bk-stepper button{background:none;border:0;color:var(--bk-gold);font-size:22px;width:48px;height:48px}
.bk-stepper input{border:0!important;background:none!important;text-align:center;min-height:auto!important;padding:0!important;-moz-appearance:textfield}
.bk-stepper input::-webkit-outer-spin-button,.bk-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.bk-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;color:#d6d7da}
.bk-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--bk-gold);flex:none}

/* Karten */
.bk-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.bk-card{position:relative;background:var(--bk-card);border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.bk-card:hover{transform:translateY(-2px)}
.bk-card.is-on{border-color:var(--bk-gold);box-shadow:0 0 0 1px var(--bk-gold) inset}
.bk-card-img{aspect-ratio:16/10;background:#1a1b1f center/cover no-repeat;position:relative}
.bk-card-img.ph{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#2b2512,#121316 70%)}
.bk-card-img.ph span{font-family:var(--bk-head);font-size:28px;color:var(--bk-gold);opacity:.85}
.bk-card-body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.bk-card h3{margin:0;font-size:18px;line-height:1.2}
.bk-card .bk-meta{font-size:12px;color:var(--bk-gold);font-weight:600;letter-spacing:.04em}
.bk-card p{margin:0;color:var(--bk-muted);font-size:14px}
.bk-card .bk-toggle{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.bk-btn-sel{background:transparent;border:1px solid var(--bk-gold);color:var(--bk-gold);border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;min-height:40px}
.bk-card.is-on .bk-btn-sel{background:var(--bk-gold);color:#14110a}
.bk-tick{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--bk-gold);color:#14110a;display:none;align-items:center;justify-content:center;font-weight:900}
.bk-card.is-on .bk-tick{display:flex}
.bk-card .bk-sub{border-top:1px solid var(--bk-line);padding:12px 16px}

/* Navigation */
.bk-nav{display:flex;justify-content:space-between;gap:12px;margin-top:32px}
.bk-btn{border-radius:999px;padding:14px 26px;font-weight:700;font-size:15px;min-height:50px;border:1px solid var(--bk-line);background:transparent;color:var(--bk-text)}
.bk-btn-primary{background:var(--bk-gold);border-color:var(--bk-gold);color:#14110a}
.bk-btn-primary:hover{background:#f0d272}
.bk-btn[disabled]{opacity:.55;cursor:wait}
.bk-btn-ghost:hover{border-color:var(--bk-gold);color:var(--bk-gold)}
.bk-skip{background:none;border:0;color:var(--bk-muted);text-decoration:underline;font-size:14px;margin-top:14px;padding:0}

/* Zusammenfassung */
.bk-cart{position:sticky;top:20px;background:var(--bk-panel);border:1px solid var(--bk-line);border-radius:18px;padding:22px}
.bk-cart h4{margin:4px 0 2px;font-size:20px}
.bk-cart .bk-cart-date{color:var(--bk-muted);font-size:14px;margin-bottom:14px}
.bk-cart ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--bk-line)}
.bk-cart li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--bk-line);font-size:14px}
.bk-cart li small{color:var(--bk-muted);display:block;font-size:12px}
.bk-cart li button{background:none;border:0;color:var(--bk-muted);font-size:18px;line-height:1;padding:0 2px}
.bk-cart li button:hover{color:var(--bk-err)}
.bk-cart .bk-empty{color:var(--bk-muted);font-size:14px;padding:12px 0}
.bk-offer{margin-top:16px;background:#17150d;border:1px solid #3a321a;border-radius:12px;padding:14px;font-size:13px;color:#d9d2b8}
.bk-offer strong{color:var(--bk-gold);display:block;font-size:14px;margin-bottom:2px}
@media (max-width:960px){
  .bk-cart{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:18px 18px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:50;max-height:70vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.6)}
  .bk-cart:not(.is-open) .bk-cart-detail{display:none}
  .bk-cart-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
}
@media (min-width:961px){.bk-cart-bar{display:none}}
.bk-cart-bar button{background:none;border:1px solid var(--bk-line);color:var(--bk-text);border-radius:999px;padding:8px 14px;font-size:13px}
.bk-badge{display:inline-flex;min-width:22px;height:22px;border-radius:11px;background:var(--bk-gold);color:#14110a;font-weight:800;font-size:12px;align-items:center;justify-content:center;padding:0 6px;margin-left:6px}

/* Anfrage-Schritt */
.bk-legal{margin-top:24px;display:flex;flex-direction:column;gap:14px;background:var(--bk-panel);border:1px solid var(--bk-line);border-radius:var(--bk-r);padding:18px}
.bk-legal .bk-note{font-size:12.5px;color:var(--bk-muted);margin:0}
.bk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bk-alert{margin-top:16px;padding:12px 14px;border-radius:10px;background:#2a1412;border:1px solid #5a2a24;color:#ffc9bf;font-size:14px}

/* Danke */
.bk-thanks{max-width:640px;margin:60px auto;padding:0 16px;text-align:center}
.bk-thanks .bk-ring{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;border:2px solid var(--bk-gold);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--bk-gold)}
.bk-thanks h2{font-family:var(--bk-head);font-size:clamp(28px,5vw,44px);margin:0 0 12px}
.bk-thanks p{color:#d6d7da}
.bk-thanks .bk-ref{color:var(--bk-muted);font-size:13px}

.bk-foot{border-top:1px solid var(--bk-line);padding:22px clamp(16px,4vw,48px) 30px;color:var(--bk-muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
.bk-foot nav{display:flex;gap:18px;flex-wrap:wrap}
.bk-foot a{color:var(--bk-muted);text-decoration:none}
.bk-foot a:hover{color:var(--bk-gold)}
@media (max-width:960px){.bk-foot{padding-bottom:110px}}
.bte-noscript{padding:40px 16px;text-align:center}

.bte-kf a.bk-btn{text-decoration:none}
.bte-kf a.bk-btn-primary,.bte-kf a.bk-btn-primary:hover{color:#14110a}

/* SEO-Inhalte unter dem Konfigurator */
.bk-seo{background:#060708;border-top:1px solid #24262b;color:#f2f2f2;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;line-height:1.6}
.bk-seo-in{max-width:1280px;margin:0 auto;padding:56px clamp(16px,4vw,48px) 40px}
.bk-seo h2{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(22px,3vw,32px);line-height:1.15;margin:8px 0 14px}
.bk-seo .bk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e5c45f;margin:0}
.bk-seo-lead{color:#c9cacd;max-width:820px;margin:0 0 28px}
.bk-seo-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bk-seo-grid article{background:#0d0e10;border:1px solid #24262b;border-radius:14px;padding:18px}
.bk-seo-grid h3{margin:0 0 6px;font-size:17px;color:#e5c45f}
.bk-seo-grid p{margin:0;color:#a7a9ae;font-size:14px}
.bk-seo-more{color:#c9cacd;margin:24px 0 0}
.bk-seo a{color:#e5c45f}
.bk-seo-faq-h{margin-top:44px!important}
.bk-faq details{border-bottom:1px solid #24262b;padding:14px 0}
.bk-faq summary{cursor:pointer;font-weight:700;list-style:none}
.bk-faq summary::-webkit-details-marker{display:none}
.bk-faq summary:after{content:"+";float:right;color:#e5c45f}
.bk-faq details[open] summary:after{content:"–"}
.bk-faq p{color:#a7a9ae;margin:8px 0 0;font-size:14px}
.bk-foot-static{background:#040506;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}
.bk-foot-static a{color:#a7a9ae}

/* Schriften wie backtrunk-entertainment.com: Arial/Helvetica, Überschriften 700 mit engem Abstand */
:root{--bk-head:Arial,Helvetica,sans-serif;--bk-body:Arial,Helvetica,sans-serif}
.bte-kf,.bk-seo,.bk-foot-static{font-family:Arial,Helvetica,sans-serif}
.bte-kf p,.bk-seo p{font-weight:500}
.bk-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.02}
.bk-step h2,.bk-thanks h2,.bk-seo h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.bk-card h3,.bk-seo-grid h3,.bk-cart h4{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.03em}
.bk-eyebrow,.bk-label,.bk-seo .bk-eyebrow{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:2px}
.bk-btn,.bk-btn-sel,.bk-chip,.bk-seg button strong{font-family:Arial,Helvetica,sans-serif;font-weight:800}
.bk-card-img.ph span{font-family:Arial,Helvetica,sans-serif;font-weight:700}

/* Schritt Extras */
.bk-extras .bk-chip{min-height:46px;padding:11px 18px;font-size:15px}
.bk-chip-no{border-style:dashed}
.bk-chip-no[aria-pressed=true]{background:#2a2b30;border-color:#a7a9ae;color:#f2f2f2}
.bk-cart-extra{margin-top:12px;padding-top:10px;border-top:1px solid var(--bk-line);font-size:14px;color:var(--bk-text)}
.bk-cart-extra small{display:block;color:var(--bk-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.bk-ac{position:relative}
.bk-ac-list{position:absolute;left:0;right:0;top:100%;z-index:30;background:#16171a;border:1px solid var(--bk-line);border-radius:10px;margin:6px 0 0;padding:4px;list-style:none;max-height:300px;overflow:auto;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.bk-ac-list button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--bk-text);padding:11px 12px;border-radius:8px;font:inherit;font-size:15px;cursor:pointer}
.bk-ac-list button:hover,.bk-ac-list button:focus{background:#232429;outline:none}
.bk-ac-list strong{font-weight:700}
.bk-ac-list small{display:block;color:var(--bk-muted);font-size:13px;margin-top:2px}
.bk-ac-hint{color:var(--bk-muted);font-size:13px;margin-top:6px}