/* Tuning-Optionen in der Buchung: aufgeräumte Kacheln im Black-Copper-Design.
   Gruppen als Karten, Symbol links, Preis als Pille, Kupfer-Schalter statt Checkbox. */
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options){--o-cu:#d49a6a;--o-hi:#f0c194;--o-line:#d49a6a29;--o-txt:#efe6dd;--o-mute:#9f8f80}

/* Gruppen */
html body :is(#scInlineBooking,#c50Modal) #tOptions[data-grouped]{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;border:0!important;background:none!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family{padding:14px!important;border:1px solid var(--o-line)!important;border-radius:16px!important;background:linear-gradient(165deg,#16110d,#0c0908 80%)!important;box-shadow:inset 0 1px 0 #ffe3c40a!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;padding:0 2px!important;border:0!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head::before{content:"";flex:none;width:4px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--o-hi),#8a5a37)}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head h4{margin:0!important;font:800 15px/1 "Barlow Condensed",Inter,system-ui,sans-serif!important;letter-spacing:1.6px!important;text-transform:uppercase!important;color:#f6efe8!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head span{margin-left:auto!important;font:italic 500 12px/1 Georgia,"Times New Roman",serif!important;color:#c8a27f!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;margin:0!important}

/* Kachel */
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 12px!important;min-height:68px!important;margin:0!important;padding:11px 12px!important;border:1px solid #ffffff12!important;border-radius:12px!important;background:#ffffff05!important;box-shadow:none!important;color:var(--o-txt)!important;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option[hidden]{display:none!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>.sc-option-art,html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>img{display:block!important;grid-column:1!important;grid-row:1/3!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #d49a6a33!important;border-radius:11px!important;background:#0b0807!important;object-fit:cover!important;opacity:.92;box-shadow:none!important;transition:border-color .2s,opacity .2s}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>span{grid-column:2!important;grid-row:1!important;align-self:end!important;min-width:0!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option b{display:block!important;font:650 14px/1.3 Inter,system-ui,sans-serif!important;color:#f3ebe3!important;overflow-wrap:anywhere}
/* Kategorie steht bereits in der Gruppenüberschrift */
html body :is(#scInlineBooking,#c50Modal) #tOptions .c54-option>span>small{display:none!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .c54-option .sc-request-description{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px!important;font:400 12px/1.4 Inter,system-ui,sans-serif!important;font-style:normal!important;color:var(--o-mute)!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>strong{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 0!important;padding:3px 9px!important;border-radius:999px!important;background:#d49a6a17!important;font:700 11.5px/1.2 Inter,system-ui,sans-serif!important;color:var(--o-hi)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>strong small{font-size:10px!important;color:var(--o-mute)!important}

/* Kupfer-Schalter */
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]{grid-column:3!important;grid-row:1/3!important;position:relative!important;inset:auto!important;width:42px!important;height:24px!important;margin:0!important;padding:0!important;border:1px solid #ffffff26!important;border-radius:999px!important;background:#0b0807!important;-webkit-appearance:none!important;appearance:none!important;opacity:1!important;cursor:pointer;transition:background .2s,border-color .2s}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#6f655d;transition:transform .22s cubic-bezier(.3,.7,.2,1),background .2s}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]:checked{border-color:transparent!important;background:linear-gradient(135deg,var(--o-hi),var(--o-cu) 55%,#8a5a37)!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]:checked::after{transform:translateX(18px);background:#1a0f08}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]:focus-visible{outline:2px solid var(--o-hi);outline-offset:3px}

/* Zustände */
@media(hover:hover){html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:not(:has(input:disabled)):hover{border-color:#d49a6a5c!important;background:#d49a6a0a!important}}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked){border-color:var(--o-cu)!important;background:radial-gradient(120% 140% at 0 0,#d49a6a26,transparent 60%),#140e0a!important;box-shadow:0 0 0 1px #d49a6a40,0 10px 26px #d49a6a1c!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)>:is(.sc-option-art,img){border-color:var(--o-hi)!important;opacity:1}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked) b{color:var(--o-hi)!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:disabled){opacity:.42;cursor:not-allowed}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:disabled)>input{cursor:not-allowed}

/* Individuelle Leistungen: abgesetzt, mit klarer Fußzeile */
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options{margin-top:18px!important;padding:0!important;border:0!important;background:none!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-heading{margin:0 0 12px!important;padding:16px 2px 0!important;border-top:1px solid var(--o-line)!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-heading h3{margin:6px 0 4px!important;font:800 22px/1.1 "Barlow Condensed",Inter,system-ui,sans-serif!important;letter-spacing:.4px!important;color:#f6efe8!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-heading p{margin:0!important;font:400 12.5px/1.5 Inter,system-ui,sans-serif!important;color:var(--o-mute)!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-grid{display:flex!important;flex-direction:column!important;gap:12px!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-footer{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:12px!important;padding:12px 14px!important;border:1px solid var(--o-line)!important;border-radius:14px!important;background:#0e0b09!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-footer [data-selection]{margin:0!important;font:500 13px/1.4 Inter,system-ui,sans-serif!important;color:var(--o-txt)!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-footer [data-error]:empty{display:none}

@media(max-width:800px){
 html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-list{grid-template-columns:1fr!important}
 html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family{padding:12px!important;border-radius:14px!important}
 html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-footer button{width:100%}
}
@media(max-width:380px){html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head span{display:none!important}}

/* Showroom-Stufe: Gruppen im Metallrahmen wie die Stage-Karten, nummerierte Kategorien, Kupferring ums Symbol */
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options){counter-reset:scfam}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family{counter-increment:scfam;position:relative!important;padding:16px!important;border:1px solid transparent!important;background:radial-gradient(90% 120% at 100% 0,#d49a6a14,transparent 55%) padding-box,linear-gradient(165deg,#17110d,#0a0807 80%) padding-box,linear-gradient(140deg,#d49a6a55,#d49a6a12 40%,#f0c1942e 70%,#8a5a3744) border-box!important;box-shadow:0 18px 40px -24px #000,inset 0 1px 0 #ffe3c40d!important;transition:box-shadow .25s}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family:has(input:checked){background:radial-gradient(90% 120% at 100% 0,#d49a6a24,transparent 55%) padding-box,linear-gradient(165deg,#1b130e,#0a0807 80%) padding-box,linear-gradient(140deg,#f0c194aa,#d49a6a22 40%,#f0c19455 70%,#8a5a3766) border-box!important;box-shadow:0 20px 44px -22px #d49a6a40,inset 0 1px 0 #ffe3c414!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head::before{content:counter(scfam,decimal-leading-zero)!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid #d49a6a55!important;border-radius:9px!important;background:linear-gradient(160deg,#241912,#0d0907)!important;font:800 13px/1 "Barlow Condensed",Inter,system-ui,sans-serif!important;color:var(--o-hi)!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family:has(input:checked) .sc-option-family-head::before{background:linear-gradient(135deg,var(--o-hi),var(--o-cu) 55%,#8a5a37)!important;border-color:transparent!important;color:#1a0f08!important;box-shadow:0 0 14px #d49a6a55}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .sc-option-family-head h4{font-size:17px!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option{overflow:hidden;min-height:74px!important;border-radius:14px!important;background:linear-gradient(160deg,#ffffff07,#ffffff02)!important;isolation:isolate}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--o-hi),transparent);opacity:0;transition:opacity .2s}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffe3c41a 48%,transparent 60%);transform:translateX(-120%);opacity:0}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)::before{opacity:1}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)::after{animation:sc-opt-sheen 1s ease-out 1}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>:is(.sc-option-art,img){border-radius:50%!important;border:0!important;box-shadow:0 0 0 1.5px #d49a6a44,0 0 0 4px #0b0807,0 0 0 5px #d49a6a1f!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)>:is(.sc-option-art,img){box-shadow:0 0 0 1.5px var(--o-hi),0 0 0 4px #0b0807,0 0 0 5.5px #d49a6a88,0 0 18px #d49a6a66!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)>strong{background:linear-gradient(135deg,#f6d1a8,#c98a57)!important;color:#1a0f08!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option:has(input:checked)>strong small{color:#3a2416!important}
html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option>input[type=checkbox]:checked{box-shadow:0 0 14px #d49a6a66!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-heading>:first-child:not(h3){display:inline-flex;align-items:center;gap:8px;font:700 10px/1 Inter,system-ui,sans-serif!important;letter-spacing:2.4px!important;text-transform:uppercase!important;color:var(--o-hi)!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-heading h3{font-size:26px!important;text-transform:uppercase!important;letter-spacing:.6px!important}
html body :is(#scInlineBooking,#c50Modal) .sc-extra-options .sc-extra-footer{border:1px solid transparent!important;background:linear-gradient(160deg,#1a130e,#0b0807) padding-box,linear-gradient(140deg,#f0c19477,#d49a6a14 45%,#8a5a3766) border-box!important;box-shadow:0 18px 36px -22px #000!important}
@keyframes sc-opt-sheen{0%{transform:translateX(-120%);opacity:1}100%{transform:translateX(120%);opacity:0}}
@media(prefers-reduced-motion:reduce){html body :is(#scInlineBooking,#c50Modal) :is(#tOptions,.sc-extra-options) .c54-option::after{animation:none!important}}