
:root{color-scheme:dark;--bg:#1b0c28;--surface:#2c183c;--pink:#ffb6d7;--gold:#e4c095;--muted:#d1bedb;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 5%,#542263 0,transparent 55%),var(--bg);color:#fff;font:17px/1.6 system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:var(--pink)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.demo{padding:9px 24px;background:#110919;font-size:14px;text-align:center;color:var(--muted)}.demo button{margin-left:16px;background:none;border:0;color:var(--pink);text-decoration:underline;font-size:14px}header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:800;line-height:1.2;letter-spacing:.1em;font-size:17px}.brand small{display:block;color:var(--gold);font-size:12px;letter-spacing:.26em;margin-top:7px}header a{font-size:14px}main{max-width:1180px;margin:auto;padding:36px 30px 65px}.intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.1;margin:10px 0 14px;max-width:700px}p{margin:0 0 18px;color:var(--muted)}.intro p{max-width:560px;margin-bottom:0}.edition{border:1px solid var(--line);border-radius:999px;padding:8px 17px;color:var(--pink);white-space:nowrap;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.card{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff09,#ffffff03);border-radius:22px;padding:28px;margin-bottom:20px}h2{font-size:24px;margin:0 0 8px;line-height:1.3}h3{font-size:18px;margin:20px 0 12px;color:var(--gold)}.step{color:var(--pink);font-size:14px;letter-spacing:.1em;font-weight:700;margin-bottom:12px}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 18px}.choice{border:1px solid #ffffff40;background:transparent;border-radius:12px;padding:15px;color:#fff;text-align:center}.choice[aria-pressed=true]{background:var(--pink);color:#2c1239;border-color:var(--pink);font-weight:700}.notice{font-size:14px;color:var(--muted);border-left:2px solid var(--gold);padding-left:14px;margin-top:15px}.categories{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:start;transition:.15s}.category:has(input:checked){border-color:var(--pink);background:#ffb6d710}.category input{accent-color:var(--pink);width:21px;height:21px;flex-shrink:0}.category label{cursor:pointer;flex:1;line-height:1.35}.category small{display:block;color:var(--muted);font-size:13px;margin-top:7px}.rules{padding:0;background:none;border:0;color:var(--pink);font-size:14px;text-decoration:underline;margin-top:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{font-size:14px;color:var(--muted)}input[type=text],input[type=email]{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ffffff40;border-radius:10px;background:#170b23;color:#fff}.full{grid-column:1/-1}.summary{position:sticky;top:22px;background:#361643;border:1px solid #ffb6d740;border-radius:22px;padding:25px}.summary h2{font-family:Georgia,serif;font-weight:400;font-size:27px}.summary ul{padding-left:19px;font-size:15px;color:var(--muted)}.summary hr{border:0;border-top:1px solid var(--line);margin:23px 0}.value{font-size:24px;color:var(--pink);font-weight:700}.payment{display:flex;gap:10px;margin:16px 0}.payment .choice{padding:10px;font-size:14px;flex:1}.primary{width:100%;padding:15px 18px;border:0;border-radius:12px;background:linear-gradient(100deg,#ffb6d7,#ee83be);color:#2c1239;font-weight:750;margin-top:15px}.primary:disabled{opacity:.5;cursor:default}.mini{font-size:13px;margin-top:12px;margin-bottom:0}.agree{display:flex;gap:10px;font-size:14px;margin:18px 0}.agree input{width:20px;height:20px;accent-color:var(--pink);flex-shrink:0}.later{display:flex;gap:14px}.later span{color:var(--gold);font-size:30px}.later p{font-size:15px;margin:5px 0 0}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:24px 30px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:20px}dialog{background:#2c183c;color:#fff;border:1px solid #ffb6d750;border-radius:20px;padding:30px;width:min(92vw,600px);max-height:85vh}dialog::backdrop{background:#10051cd9}dialog button.close{float:right;background:none;border:0;color:var(--pink);font-size:24px}.feedback{border:1px solid var(--gold);border-radius:12px;padding:15px;color:var(--gold);font-size:15px;margin-top:16px}#selected:empty:before{content:'Noch keine Kategorie ausgewählt.'}@media(max-width:850px){.layout{grid-template-columns:1fr}.summary{position:static}.intro{display:block}.edition{display:inline-block;margin-top:20px}main{padding:28px 20px}header{padding:22px 20px}.card{padding:22px}h1{font-size:39px}}@media(max-width:480px){.categories,.fields{grid-template-columns:1fr}.full{grid-column:auto}.levels{gap:7px}.choice{padding:13px 7px}.intro h1{font-size:35px}header a{max-width:80px;text-align:right}.demo{font-size:12px}.demo button{display:block;margin:4px auto}footer{display:block}footer a{display:block;margin-top:10px}}@media print{.demo,button,header a{display:none}.layout{display:block}body{background:#fff;color:#111}.card,.summary{break-inside:avoid;background:#fff;color:#111}p,label,.notice,.mini{color:#333!important}}

.brand-wrap{display:flex;align-items:center;gap:17px}.logo-slot{width:78px;height:78px;flex-shrink:0;border:1px dashed #e4c09580;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffb6d709;color:var(--gold);font-size:13px;letter-spacing:.13em;line-height:1.8}.logo-slot strong{font-family:Georgia,serif;font-size:24px;letter-spacing:0;color:var(--pink);font-weight:400}
.intro{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:260px;padding:32px;border:1px solid #ffb6d733;background:#35213f}.intro-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.88;animation:drift 24s ease-in-out infinite alternate}.intro:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#291336 0%,#291336f2 40%,#291336a8 65%,#29133625 100%)}.intro>div{max-width:680px}.intro .edition{align-self:flex-start;background:#271139dd}.intro p{max-width:520px}.eyebrow{animation:appear .7s ease both}@keyframes drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.065) translateX(-.7%)}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.intro-photo,.eyebrow{animation:none}}@media(max-width:850px){.intro{padding:26px;min-height:260px}.intro-photo{object-position:70% center}.intro:after{background:linear-gradient(90deg,#291336f5,#291336c9 60%,#2913366b)}.intro .edition{margin-top:16px}.brand{font-size:15px}.brand small{font-size:12px;letter-spacing:.14em}}@media(max-width:480px){.logo-slot{width:58px;height:64px;font-size:11px}.logo-slot strong{font-size:21px}.brand-wrap{gap:10px}.brand{font-size:13px}.brand small{font-size:11px;max-width:180px}header{gap:12px}header a{font-size:13px}.intro{padding:24px 20px}.intro h1{font-size:33px}.intro p{font-size:16px}}@media print{.intro-photo{display:none}.intro:after{display:none}.intro{background:#fff}.intro h1{color:#111}}

.logo-slot{position:relative;overflow:hidden;width:120px;height:70px;border:0;border-radius:8px;background:#200c2c}.logo-slot img{position:absolute;width:320px;max-width:none;height:auto;left:calc(50% - 160px);top:-10px}.photo-break{height:185px;position:relative;overflow:hidden;border-radius:20px;margin:0 0 20px;border:1px solid #ffb6d733;background:#34213e}.photo-break img{width:100%;height:100%;object-fit:cover;object-position:65% 48%;opacity:.72;animation:drift 28s ease-in-out infinite alternate}.photo-break:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#291336a8,#29133615 60%,#29133650)}.organizers{margin-top:32px;padding:0;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;border-color:#e4c09550}.organizer-photo{min-height:315px;margin:0}.organizer-photo img{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;object-position:center 43%}.organizer-copy{padding:35px 30px;align-self:center}.organizer-copy h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:10px 0 20px}.organizer-names{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:18px;color:var(--pink);margin-bottom:15px}.organizer-copy p{font-size:16px}.organizer-copy a{font-size:15px}.organizer-note{font-size:13px!important;margin-bottom:0}@media(max-width:850px){.organizers{grid-template-columns:1fr}.organizer-photo{min-height:0;aspect-ratio:1.65}.organizer-photo img{height:100%;max-height:none}.organizer-copy{padding:28px}.photo-break{height:155px}}@media(max-width:480px){.logo-slot{width:88px;height:62px}.logo-slot img{width:290px;left:calc(50% - 145px);top:-8px}.brand{font-size:12px}header a{font-size:12px}.organizer-copy h2{font-size:29px}.organizer-copy{padding:24px}.photo-break{height:145px}.organizer-names{display:block}.organizer-names span{display:block;margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.photo-break img{animation:none}}@media print{.photo-break{display:none}.organizers{display:block}.logo-slot{display:none}}

header{flex-direction:column;gap:17px;text-align:center;padding:25px 30px 22px}.brand-wrap{flex-direction:column;gap:18px;width:100%}.logo-slot{width:260px;height:150px;border-radius:24px;border:1px solid #e4c09540;box-shadow:0 12px 36px #07020b50}.logo-slot img{width:650px;height:auto;left:-195px;top:-15px;max-width:none}.brand{font-size:clamp(23px,3.2vw,33px);font-weight:800;letter-spacing:.08em;line-height:1.25;color:var(--pink)}.brand span{display:block}.brand small{font-size:13px;letter-spacing:.2em;color:var(--gold);max-width:none;margin-top:10px}header a{font-size:14px;max-width:none;text-align:center}.has-background{position:relative;isolation:isolate;overflow:hidden;background:#2b1739}.has-background .section-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.24;pointer-events:none;animation:drift 30s ease-in-out infinite alternate;z-index:0}.has-background:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#251031ed 0%,#251031bf 45%,#25103168 100%)}.has-background>:not(.section-photo){position:relative;z-index:1}.category-background .section-photo{object-position:80% center;opacity:.17}.face-background .section-photo{object-position:right center;opacity:.19}.has-background .category{background:#271139b0}.has-background .category:has(input:checked){background:#6b315fcc}.has-background .levels .choice{background:#271139b0}.has-background .levels .choice[aria-pressed=true]{background:var(--pink)}@media(max-width:480px){header{padding:22px 20px}.logo-slot{width:240px;height:140px;border-radius:22px}.logo-slot img{width:600px;left:-180px;top:-14px}.brand{font-size:24px;letter-spacing:.06em}.brand small{font-size:12px}.has-background .section-photo{opacity:.18}.face-background .section-photo{object-position:75% center;opacity:.16}}@media(prefers-reduced-motion:reduce){.has-background .section-photo{animation:none}}@media print{.has-background .section-photo,.has-background:before{display:none}}

.has-background .section-photo{opacity:.32;animation:drift 20s ease-in-out infinite alternate}.category-background .section-photo{opacity:.24}.face-background .section-photo{opacity:.25}.has-background:before{background:linear-gradient(90deg,#251031e8 0%,#251031b0 45%,#25103155 100%)}.has-background,.intro{box-shadow:inset 0 0 28px #be56ed12,0 0 18px #d351ba09}.ambient-particles,.has-background>.ambient-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;max-width:none}.intro>.ambient-particles{z-index:0}.intro>div:not(.ambient-particles){position:relative;z-index:1}.intro>.edition{position:relative;z-index:1}.ambient-particles span{position:absolute;top:-22px;width:3px;height:17px;border-radius:99px;background:linear-gradient(180deg,transparent,#ee95ed);box-shadow:0 0 8px #ef89e8,0 0 18px #be64ee;opacity:0;animation:light-fall 13s linear infinite}.ambient-particles span:nth-child(1){left:12%;animation-delay:-3s;animation-duration:16s}.ambient-particles span:nth-child(2){left:34%;animation-delay:-9s;animation-duration:19s;height:11px}.ambient-particles span:nth-child(3){left:53%;animation-delay:-5s;animation-duration:14s}.ambient-particles span:nth-child(4){left:72%;animation-delay:-11s;animation-duration:18s;height:9px}.ambient-particles span:nth-child(5){left:85%;animation-delay:-2s;animation-duration:21s}.ambient-particles span:nth-child(6){left:95%;animation-delay:-15s;animation-duration:17s;height:13px}@keyframes light-fall{0%{top:-22px;opacity:0}12%{opacity:.45}80%{opacity:.3}100%{top:110%;opacity:0}}.motion-off .intro-photo,.motion-off .section-photo,.motion-off .ambient-particles span,.motion-off .eyebrow{animation-play-state:paused!important}.motion-off .ambient-particles{display:none}@media(max-width:480px){.has-background .section-photo{opacity:.26}.category-background .section-photo{opacity:.22}.face-background .section-photo{opacity:.22}.ambient-particles span{width:2px}}@media(prefers-reduced-motion:reduce){.intro-photo,.has-background .section-photo{animation:none}.ambient-particles{display:none}}@media print{.ambient-particles{display:none}}

/* Navigation und Hinweis für die Integration; das ursprüngliche BRA-Design bleibt erhalten. */
.preview-notice{max-width:940px;margin:7px auto 9px;color:var(--gold);font-size:14px;line-height:1.5}.intqu-return{max-width:1180px;margin:auto;padding:16px 30px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:14px}.intqu-return a{text-underline-offset:4px}footer{flex-wrap:wrap}.no-script-notice{margin:0 0 24px}@media(max-width:480px){.intqu-return{padding:14px 20px 0;font-size:13px}.preview-notice{font-size:13px}}

/* Drei Fachbereiche mit den 14 bestätigten Kategorien; vorhandene Karten bleiben erhalten. */
.category-group{min-width:0;margin:24px 0 0;padding:0;border:0}.category-group legend{width:100%;padding:0 0 12px;color:var(--gold);font-size:18px;font-weight:700;letter-spacing:.08em}.category-group legend small{margin-left:12px;color:var(--muted);font-size:13px;font-weight:400;letter-spacing:0}.category-copy{flex:1;min-width:0}.category label,.category-copy .rules{overflow-wrap:anywhere}

/* Anmeldung: bestehende Bild-, Farb- und Bewegungsregeln bleiben erhalten. */
.price-tiers{display:grid;grid-template-columns:1fr auto;gap:5px 14px;font-size:14px;color:var(--muted)}.price-tiers dd{margin:0;color:var(--gold)}.booked-levels{min-height:1.6em;color:var(--gold)!important}.category-copy>.rules{display:block}.summary #selected{max-height:270px;overflow:auto;overflow-wrap:anywhere}.summary #total{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.account-link{display:block;margin-top:16px;font-size:14px}.private-text{white-space:pre-wrap;overflow-wrap:anywhere}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.account-page{max-width:850px}.account-page h1,.bra-admin h1{font-size:clamp(28px,5vw,42px)}.account-page dl,.bra-admin dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:8px 20px}.account-page dd,.bra-admin dd{margin:0;overflow-wrap:anywhere}.bra-admin main{max-width:1100px}.bra-admin select,input[type=password]{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ffffff40;border-radius:10px;background:#170b23;color:#fff;font:inherit}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.bra-admin summary{cursor:pointer;overflow-wrap:anywhere}.payment-check{max-width:650px}.awards p:last-child{margin-bottom:0}@media(max-width:480px){.account-page dl,.bra-admin dl{grid-template-columns:1fr;gap:4px}.account-page dd,.bra-admin dd{margin-bottom:12px}.admin-actions{display:block}.admin-actions form{margin-top:10px}}

/* Static launch notice; original design rules above are preserved. */
#mode-title{display:block;font-size:18px;font-weight:800;color:var(--pink)}.rules:disabled{cursor:default;text-decoration:none;opacity:.85}
