:root{--umb-brand:#af0000;--umb-brand-mid:#C00000;--umb-brand-dark:#720000;--umb-brand-tint:#fdecec;--umb-teal:#08ada7;--umb-teal-tint:#e9f7f6;--umb-ink:#1b1b1f;--umb-text:#444;--umb-muted:#71747c;--umb-faint:#8a8d95;--umb-line:#e4e6eb;--umb-line-soft:#ebedf1;--umb-panel:#f8f9fb;--umb-amber-bg:#fff6e8;--umb-amber-bd:#f3e2c0;--umb-amber-tx:#9a6300;--umb-amber-dot:#eda21a;--umb-green-bg:#ecf8f1;--umb-green-bd:#cfe9da;--umb-green-tx:#0d7a45;--umb-green-dot:#19a45b;--umb-gray-bg:#f1f3f6;--umb-gray-bd:#e0e3e9;--umb-gray-tx:#5b606b;--umb-gray-dot:#9aa0aa;--umb-input-bd:#dcdfe5;--umb-radius:10px;--umb-head:'Montserrat', 'Lato', -apple-system, sans-serif;--umb-body:'Lato', -apple-system, sans-serif;--error-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--gray-400:#94a3b8}.stornierung-form-container,.umbuchung-form-container{width:100%;max-width:560px;margin:0 auto;background:#fff;border:0;border-radius:15px;box-shadow:0 0 25px rgb(0 0 0 / .12);overflow:hidden;font-family:var(--umb-body);font-size:16px;line-height:1.6;color:var(--umb-text);padding:34px 38px 30px;position:relative}.stornierung-form-container::before,.umbuchung-form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--umb-brand-mid),var(--umb-brand-dark))}.stornierung-form-container,.umbuchung-form-container{transition:max-width .35s ease}.umbuchung-form-container.hub-container{max-width:480px}.umbuchung-form-container:has(.hub-actions),.umbuchung-form-container:has(details.tn-acc){max-width:960px}@media (max-width:640px){.stornierung-form-container,.umbuchung-form-container{padding:26px 20px 24px}}.step-indicator{display:flex;width:fit-content;margin-left:auto;margin-right:auto;align-items:center;gap:7px;background:var(--umb-brand-tint);color:var(--umb-brand);font-family:var(--umb-head);font-weight:700;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;border-radius:999px;padding:7px 14px;margin-bottom:4px}.step-indicator::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--umb-brand)}.stornierung-form-container h2,.umbuchung-form-container h2{font-family:var(--umb-head);font-weight:800;font-size:25px;line-height:1.25;color:var(--umb-ink);margin:14px 0 6px;padding:0}.stornierung-form-container h2::after,.umbuchung-form-container h2::after{display:none}.umbuchung-form-container p,.stornierung-form-container p{font-size:15px;color:#666;line-height:1.65;margin:0 0 6px}.form-group{margin-bottom:4px}.stornierung-form-container label,.umbuchung-form-container label{display:block;font-family:var(--umb-head);font-weight:700;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#42454d;margin:18px 0 7px}.stornierung-form-container input[type="text"],.stornierung-form-container input[type="email"],.umbuchung-form-container input[type="text"],.umbuchung-form-container input[type="email"]{width:100%;border:1.5px solid var(--umb-input-bd);border-radius:var(--umb-radius);padding:13px 15px;font-family:var(--umb-body);font-size:15px;color:#222;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.stornierung-form-container input:focus,.umbuchung-form-container input:focus{border-color:var(--umb-brand);box-shadow:0 0 0 4px rgb(175 0 0 / .08)}.umbuchung-form-container select{width:100%;border:1.5px solid var(--umb-input-bd);border-radius:var(--umb-radius);padding:13px 40px 13px 15px;font-family:var(--umb-body);font-size:15px;color:#222;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371747c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;outline:none;transition:border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.umbuchung-form-container select:focus{border-color:var(--umb-brand);box-shadow:0 0 0 4px rgb(175 0 0 / .08)}.umbuchung-form-container select option:disabled{color:#b3b8c2}.stornierung-form-container button,.umbuchung-form-container button{width:100%;min-height:48px;height:auto;padding:14px 22px;margin:22px 0 0;display:flex;align-items:center;justify-content:center;font-family:var(--umb-head);font-weight:700;font-size:15px;letter-spacing:.4px;text-transform:none;line-height:1.4;white-space:normal;text-align:center;background:linear-gradient(90deg,var(--umb-brand-mid),var(--umb-brand-dark));color:#fff;border:0;border-radius:var(--umb-radius);box-shadow:0 8px 18px rgb(175 0 0 / .28);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;-webkit-appearance:none;appearance:none}@media (hover:hover){.stornierung-form-container button:hover,.umbuchung-form-container button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 11px 22px rgb(175 0 0 / .34)}}.stornierung-form-container button:active,.umbuchung-form-container button:active{transform:scale(.985)}.secondary-button{background:#fff!important;color:#4a4d55!important;border:1.5px solid var(--umb-input-bd)!important;box-shadow:none!important}@media (hover:hover){.secondary-button:hover{background:var(--umb-panel)!important;border-color:#c4c9d2!important;color:var(--umb-ink)!important;transform:translateY(-1px)}}.button-group{display:flex;gap:12px;margin-top:22px}.button-group button{flex:1;margin:0}.stornierung-form-container button:not(:only-of-type),.umbuchung-form-container button:not(:only-of-type){width:48%;margin:20px 1% 4px 1%}.stornierung-form-container button:only-of-type,.umbuchung-form-container button:only-of-type{width:100%;margin:20px 0 0}.button-group button:not(:only-of-type),.button-group button:only-of-type{width:auto;margin:0}.progress-container{width:100%;height:30px;background:#eef0f3;border-radius:999px;margin:4px 0 22px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--umb-brand-mid),var(--umb-brand-dark));border-radius:999px;transition:width 0.8s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--umb-head);font-weight:700;font-size:12px;letter-spacing:.6px;min-width:120px;white-space:nowrap;padding:0 14px}.success-message{background:var(--umb-green-bg);border:1px solid var(--umb-green-bd);color:var(--umb-green-tx);border-radius:var(--umb-radius);padding:13px 16px;font-size:14.5px;line-height:1.55;margin:10px 0 14px}.error-message{background:#fdf0f0;border:1px solid #f2cfcf;color:#9d1c1c;border-radius:var(--umb-radius);padding:13px 16px;font-size:14.5px;line-height:1.55;margin:10px 0 14px}.umb-trust{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;color:var(--umb-faint);font-size:12.5px}.umb-ic{width:22px;height:22px;flex:0 0 auto}.umb-ic.sm{width:16px;height:16px}.umb-status{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 4px;font-size:15px;color:#555;flex-wrap:wrap;text-align:center}.umb-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--umb-head);font-weight:700;font-size:12px;border-radius:999px;padding:5px 12px;background:var(--umb-gray-bg);border:1px solid var(--umb-gray-bd);color:var(--umb-gray-tx)}.umb-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--umb-gray-dot)}.umb-pill.is-processing{background:var(--umb-amber-bg);border-color:var(--umb-amber-bd);color:var(--umb-amber-tx)}.umb-pill.is-processing::before{background:var(--umb-amber-dot)}.umb-pill.is-completed{background:var(--umb-green-bg);border-color:var(--umb-green-bd);color:var(--umb-green-tx)}.umb-pill.is-completed::before{background:var(--umb-green-dot)}.hub-kurs{background:var(--umb-panel);border:1px solid #e8eaef;border-left:4px solid var(--umb-brand);border-radius:12px;padding:16px 18px;margin:16px 0 6px}.hub-kurs-row{display:flex;gap:14px}.hub-kurs-icon{flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:var(--umb-brand-tint);color:var(--umb-brand);display:grid;place-items:center}.hub-kurs-title{font-family:var(--umb-head);font-weight:700;font-size:15px;color:var(--umb-ink);line-height:1.4}.hub-kurs-meta{font-size:13.5px;color:var(--umb-muted);margin-top:3px}.umb-avstack{display:flex;align-items:center;margin-top:11px}.umb-av{width:30px;height:30px;border-radius:50%;background:var(--umb-brand-tint);color:var(--umb-brand);border:2px solid #fff;font-family:var(--umb-head);font-weight:800;font-size:10.5px;display:grid;place-items:center;margin-left:-7px;box-shadow:0 1px 3px rgb(0 0 0 / .12)}.umb-av:first-child{margin-left:0}.umb-av.more{background:#42454d;color:#fff;font-size:10px}.umb-avlbl{margin-left:10px;font-size:13px;color:var(--umb-muted)}.umb-tnlist{margin-top:10px}.umb-tnlist summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-family:var(--umb-head);font-weight:700;font-size:12.5px;color:var(--umb-brand)}.umb-tnlist summary::-webkit-details-marker{display:none}.umb-tnlist summary .umb-ic{width:14px;height:14px;transition:transform .2s ease}.umb-tnlist[open] summary .umb-ic{transform:rotate(90deg)}.umb-tnlist .umb-tngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 18px;margin-top:12px;border-top:1px dashed #dfe3e9;padding-top:12px}@media (max-width:640px){.umb-tnlist .umb-tngrid{grid-template-columns:1fr}}.umb-tnrow{display:flex;align-items:baseline;gap:8px;font-size:13px;color:#42454d;padding:2px 0}.umb-tnrow .no{font-family:var(--umb-head);font-weight:800;font-size:10.5px;color:#b9bdc6;min-width:18px}.umbuchung-form-container .hub-question{font-family:var(--umb-head);font-weight:800;font-size:17px;color:var(--umb-ink);margin:24px 0 10px}.hub-steer{display:flex;gap:10px;background:var(--umb-teal-tint);border:1px solid #cdeae8;border-radius:var(--umb-radius);padding:12px 15px;font-size:13.5px;color:#0b6f6a;margin:0 0 16px;line-height:1.55}.hub-steer .umb-ic{margin-top:1px;width:17px;height:17px}.hub-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:6px}.hub-action-form{margin:0;display:contents}.umbuchung-form-container button.hub-action,.hub-action{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:100%;min-height:0;padding:20px 16px 18px;background:#fff;color:var(--umb-ink);border:1.5px solid var(--umb-line);border-radius:13px;box-shadow:none;cursor:pointer;text-align:center;white-space:normal;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media (hover:hover){.umbuchung-form-container button.hub-action:hover{border-color:var(--umb-brand);transform:translateY(-3px);box-shadow:0 12px 24px rgb(20 20 30 / .1);background:#fff;color:var(--umb-ink)}}.hub-action-icon{width:46px;height:46px;margin-bottom:7px;border-radius:50%;background:var(--umb-brand-tint);color:var(--umb-brand);display:grid;place-items:center;transition:background .18s ease,color .18s ease}@media (hover:hover){.umbuchung-form-container button.hub-action:hover .hub-action-icon{background:var(--umb-brand);color:#fff}}.hub-action-title{font-family:var(--umb-head);font-weight:700;font-size:14.5px;color:inherit}.hub-action-sub{font-size:12.5px;font-weight:400;color:#80838b;line-height:1.45}.hub-action.disabled{background:#f6f7f9;border:1.5px dashed #d3d7de;color:#9aa0aa;cursor:not-allowed}.hub-action.disabled .hub-action-icon{background:#e9ebef;color:#9aa0aa}.hub-action.disabled .hub-action-title{color:#777c86}.hub-action.disabled .hub-action-sub{color:#9aa0aa}.hub-hint{font-size:12.5px;color:var(--umb-faint);border-top:1px solid var(--umb-line-soft);padding-top:14px;margin-top:16px}.hub-back-bar{margin-bottom:14px}.umbuchung-form-container button.hub-back-link{width:auto;min-height:0;margin:0;padding:6px 10px;display:inline-flex;background:#fff0;color:#5b606b;border:0;border-radius:7px;box-shadow:none;font-family:var(--umb-head);font-weight:700;font-size:13px;letter-spacing:0}@media (hover:hover){.umbuchung-form-container button.hub-back-link:hover{background:var(--umb-panel);color:var(--umb-ink);transform:none;box-shadow:none}}.tn-kurs{background:var(--umb-panel);border:1px solid #e8eaef;border-radius:12px;padding:18px 18px 14px;margin-bottom:16px}.umbuchung-form-container .tn-kurs h3{margin:0 0 2px;font-family:var(--umb-head);font-weight:700;font-size:15.5px;color:var(--umb-ink);display:flex;align-items:center;gap:9px}.tn-kurs h3 .umb-ic{color:var(--umb-brand);width:19px;height:19px}.tn-kurs-datum{font-size:13px;color:var(--umb-muted);margin:2px 0 14px}details.tn-acc{border:1.5px solid var(--umb-line);border-radius:11px;margin-bottom:8px;background:#fff;overflow:hidden;transition:border-color .15s ease}details.tn-acc summary{display:flex;align-items:center;gap:13px;padding:11px 15px;cursor:pointer;list-style:none}details.tn-acc summary::-webkit-details-marker{display:none}details.tn-acc:hover{border-color:#c9cdd5}details.tn-acc[open]{border-color:var(--umb-brand);box-shadow:0 8px 18px rgb(20 20 30 / .07)}.tn-acc-no{font-family:var(--umb-head);font-weight:800;font-size:11px;color:#fff;background:#42454d;border-radius:7px;min-width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto}details.tn-acc[open] .tn-acc-no{background:var(--umb-brand)}.tn-acc-id{min-width:0;flex:1 1 auto}.tn-acc-name{display:block;font-family:var(--umb-head);font-weight:700;font-size:14px;color:var(--umb-ink);line-height:1.3;overflow-wrap:anywhere}.tn-acc-meta{display:block;font-size:12px;color:var(--umb-faint);margin-top:1px;overflow-wrap:anywhere}.tn-state{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--umb-head);font-weight:700;font-size:10.5px;letter-spacing:.5px;white-space:nowrap}.tn-state .umb-ic{width:12px;height:12px}.tn-state.ok{color:#0d9457}.tn-state.warn{color:#c07c00}.tn-acc-chev{color:#b3b8c2;width:16px;height:16px;flex:0 0 auto;transition:transform .2s ease}details.tn-acc[open] .tn-acc-chev{transform:rotate(90deg)}.tn-acc-panel{padding:4px 16px 18px;background:snow;border-top:1px solid #f3dddd}.tn-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media (max-width:640px){.tn-grid{grid-template-columns:1fr}}.tn-optional{font-weight:400;font-size:12px;color:#9aa0aa;letter-spacing:0;text-transform:none}.tn-locked{background:#fff7ed;border-left:3px solid var(--umb-amber-dot);border-radius:8px;padding:13px 16px;margin:10px 0;font-size:13.5px;color:#6b5430;line-height:1.55}.tn-locked a{color:var(--umb-brand)}.tn-locked-list{margin:8px 0 0;padding-left:1.25rem;color:var(--umb-muted);font-size:13.5px}.tn-slot{border-top:1px dashed #dfe3e9;padding-top:14px;margin-top:14px}.tn-slot-title{font-family:var(--umb-head);font-weight:700;color:#42454d;margin-bottom:8px}.field-error{font-family:var(--umb-body)}.invalid{border-color:var(--error-color)!important;box-shadow:0 0 0 3px rgb(239 68 68 / .1)!important}.loading{opacity:.75}.updating{opacity:.65;transition:opacity 0.2s ease}@media (max-width:820px){.hub-actions{grid-template-columns:1fr;gap:10px}.umbuchung-form-container button.hub-action,.hub-action.disabled{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;justify-items:start;text-align:left;min-height:0;padding:13px 16px}.hub-action .hub-action-icon{grid-row:1 / 3;width:40px;height:40px;margin-bottom:0}.hub-action .hub-action-icon .umb-ic{width:19px;height:19px}}@media (max-width:640px){.step-indicator{font-size:10px;letter-spacing:.7px;padding:6px 12px;text-align:center}details.tn-acc summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"no id chev" "no state chev";column-gap:11px;row-gap:3px;align-items:start;padding:11px 13px}details.tn-acc summary .tn-acc-no{grid-area:no}details.tn-acc summary .tn-acc-id{grid-area:id}details.tn-acc summary .tn-state{grid-area:state;margin-left:0;justify-self:start}details.tn-acc summary .tn-acc-chev{grid-area:chev;align-self:center}.button-group{flex-direction:column-reverse;gap:10px}.stornierung-form-container button:not(:only-of-type),.umbuchung-form-container button:not(:only-of-type){width:100%;margin:10px 0 0}.button-group button:not(:only-of-type){width:100%;margin:0}}