/*!
 * Geografie erleben – Styles
 * Alle Regeln beginnen mit dem Namensraum ".geografie-erleben.geografie-erleben" (Platzhalter wird beim Build durch
 * die doppelte Wurzelklasse ersetzt: erhöht die Spezifität, ganz ohne Pauschal-Overrides).
 * Es gibt keine globalen Selektoren (*, body, html, a, p, h1 ...).
 */
 :root{--geo-color-primary:#3452ff;--geo-color-primary-dark:#2038d6;--geo-color-primary-soft:#e9edff;--geo-color-primary-softer:#f4f6ff;--geo-color-on-primary:#ffffff;--geo-color-text:#161c3d;--geo-color-text-muted:#55608a;--geo-color-background:#ffffff;--geo-color-surface:#f5f7fd;--geo-color-border:#dde3f3;--geo-color-border-strong:#c3ccea;--geo-color-accent:#f08a2c;--geo-color-accent-soft:#fff1e2;--geo-color-teal:#0f9f95;--geo-color-success:#0f8a5f;--geo-color-success-soft:#e3f6ee;--geo-color-warning:#b86a10;--geo-color-warning-soft:#fff3df;--geo-color-error:#c93450;--geo-color-error-soft:#fde8ec;--geo-color-overlay:rgba(22, 28, 61, 0.5);--geo-color-glass:rgba(255, 255, 255, 0.92);--geo-color-white-soft:rgba(255, 255, 255, 0.7);--geo-color-shadow:rgba(32, 56, 214, 0.14);--geo-globe-ocean-light:#e7efff;--geo-globe-ocean-mid:#bdd0ff;--geo-globe-ocean-dark:#86a4f5;--geo-globe-glow:rgba(52, 82, 255, 0.22);--geo-globe-ice:#f4f8ff;--geo-globe-grid:rgba(255, 255, 255, 0.55);--geo-globe-edge:rgba(22, 28, 61, 0.28);--geo-continent-as:#f0a9b0;--geo-continent-af:#f3d27c;--geo-continent-na:#8ccbae;--geo-continent-sa:#f2b985;--geo-continent-an:#f7f9ff;--geo-continent-eu:#b9a9ee;--geo-continent-oc:#8fd3e0;--geo-radius-sm:10px;--geo-radius-md:16px;--geo-radius-lg:24px;--geo-shadow-soft:0 10px 34px var(--geo-color-shadow);--geo-ease:cubic-bezier(0.22, 0.8, 0.28, 1)}.geografie-erleben.geografie-erleben{display:block;box-sizing:border-box;width:100%;margin:0 auto;padding:0;font-size:1rem;line-height:1.6;text-align:left;color:var(--geo-color-text);background-color:transparent;isolation:isolate;-webkit-text-size-adjust:100%}.geografie-erleben.geografie-erleben :is(div,section,header,aside,article,p,h2,h3,ul,li,button,details,summary,canvas,dl,dt,dd,fieldset,legend,label,span,strong,input,svg,noscript){box-sizing:border-box;margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:normal;text-align:left;text-transform:none;text-decoration:none;text-shadow:none;box-shadow:none;float:none;vertical-align:baseline;color:var(--geo-color-text);background-color:transparent;background-image:none;min-width:0;min-height:0;max-width:none}.geografie-erleben.geografie-erleben :is(ul,li){list-style:none}.geografie-erleben.geografie-erleben :is(ul,li)::marker{content:none}.geografie-erleben.geografie-erleben button{appearance:none;-webkit-appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.geografie-erleben.geografie-erleben .gel-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.geografie-erleben.geografie-erleben .gel-icon{display:block;flex:none;width:20px;height:20px;fill:none;stroke:var(--geo-color-text);stroke-width:1.8}.geografie-erleben.geografie-erleben .gel-hero{margin-bottom:28px;padding:0 4px}.geografie-erleben.geografie-erleben .gel-hero__kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 14px 7px 10px;border:1px solid var(--geo-color-border);border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--geo-color-primary);background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-hero__kicker .gel-icon{width:18px;height:18px;stroke:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-hero__kicker span{color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-hero__title{margin-bottom:12px;font-size:clamp(2rem, 4.4vw, 3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-hero__lead{max-width:60ch;font-size:clamp(1.02rem, 1.6vw, 1.2rem);color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-app{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,0.95fr);gap:28px;padding:28px;overflow:hidden;border:1px solid var(--geo-color-border);border-radius:var(--geo-radius-lg);background-color:var(--geo-color-background);background-image:linear-gradient(160deg,var(--geo-color-background) 0%,var(--geo-color-primary-softer) 100%)}.geografie-erleben.geografie-erleben .gel-stage{position:relative;align-self:start;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--geo-color-border);border-radius:20px;background-color:var(--geo-color-primary-softer);background-image:radial-gradient(circle at 50% 46%,var(--geo-color-background) 0%,rgba(255,255,255,0) 62%),linear-gradient(180deg,var(--geo-color-primary-softer) 0%,var(--geo-color-primary-soft) 100%)}.geografie-erleben.geografie-erleben .gel-stage__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 0}.geografie-erleben.geografie-erleben .gel-stage__hint{font-size:.88rem;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-stage__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.geografie-erleben.geografie-erleben .gel-canvas-wrap{position:relative;flex:1 1 auto;height:clamp(380px, 52vw, 640px)}.geografie-erleben.geografie-erleben .gel-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.geografie-erleben.geografie-erleben .gel-canvas.is-dragging{cursor:grabbing}.geografie-erleben.geografie-erleben .gel-canvas.is-pointer{cursor:pointer}.geografie-erleben.geografie-erleben .gel-canvas:focus-visible{outline:3px solid var(--geo-color-primary);outline-offset:-4px;border-radius:18px}.geografie-erleben.geografie-erleben .gel-fallback{position:absolute;inset:24px;display:flex;align-items:center;padding:24px;border:1px solid var(--geo-color-error);border-radius:var(--geo-radius-md);color:var(--geo-color-error);background-color:var(--geo-color-error-soft)}.geografie-erleben.geografie-erleben .gel-hover{position:absolute;z-index:3;left:0;top:0;padding:6px 12px;border:1px solid var(--geo-color-border);border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none;color:var(--geo-color-text);background-color:var(--geo-color-glass);box-shadow:0 4px 14px var(--geo-color-shadow)}.geografie-erleben.geografie-erleben .gel-toolbar{position:absolute;z-index:3;left:50%;bottom:16px;display:flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--geo-color-border);border-radius:999px;transform:translateX(-50%);background-color:var(--geo-color-glass);box-shadow:0 8px 26px var(--geo-color-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.geografie-erleben.geografie-erleben .gel-toolbar__sep{display:block;width:1px;height:22px;margin:0 4px;background-color:var(--geo-color-border)}.geografie-erleben.geografie-erleben .gel-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;color:var(--geo-color-text);background-color:transparent;transition:background-color 0.18s var(--geo-ease),transform 0.18s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-iconbtn:hover{background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-iconbtn:active{transform:scale(.92)}.geografie-erleben.geografie-erleben .gel-iconbtn:hover .gel-icon{stroke:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-iconbtn[aria-pressed="true"] .gel-iconbtn__state--off,.geografie-erleben.geografie-erleben .gel-iconbtn[aria-pressed="false"] .gel-iconbtn__state--on{display:none}.geografie-erleben.geografie-erleben .gel-iconbtn__state{display:flex}.geografie-erleben.geografie-erleben .gel-iconbtn[disabled]{cursor:not-allowed;opacity:.4}.geografie-erleben.geografie-erleben .gel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1.5px solid var(--geo-color-primary);border-radius:999px;font-size:.95rem;font-weight:650;line-height:1.2;transition:background-color 0.18s var(--geo-ease),transform 0.18s var(--geo-ease),box-shadow 0.18s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-btn:active{transform:translateY(1px) scale(.98)}.geografie-erleben.geografie-erleben .gel-btn--primary{color:var(--geo-color-on-primary);background-color:var(--geo-color-primary);background-image:linear-gradient(135deg,var(--geo-color-primary) 0%,var(--geo-color-primary-dark) 100%);box-shadow:0 6px 18px var(--geo-color-shadow)}.geografie-erleben.geografie-erleben .gel-btn--primary .gel-btn__label,.geografie-erleben.geografie-erleben .gel-btn--primary span{color:var(--geo-color-on-primary)}.geografie-erleben.geografie-erleben .gel-btn--primary .gel-icon{stroke:var(--geo-color-on-primary)}.geografie-erleben.geografie-erleben .gel-btn--primary:hover{background-color:var(--geo-color-primary-dark);box-shadow:0 8px 22px var(--geo-color-shadow)}.geografie-erleben.geografie-erleben .gel-btn--outline{color:var(--geo-color-primary);background-color:var(--geo-color-background)}.geografie-erleben.geografie-erleben .gel-btn--outline .gel-btn__label{color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-btn--outline .gel-icon{stroke:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-btn--outline:hover{background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-btn--ghost{border-color:var(--geo-color-border);color:var(--geo-color-text-muted);background-color:transparent}.geografie-erleben.geografie-erleben .gel-btn--ghost:hover{border-color:var(--geo-color-border-strong);background-color:var(--geo-color-surface)}.geografie-erleben.geografie-erleben .gel-btn--wide{width:100%}.geografie-erleben.geografie-erleben .gel-btn__icon{display:flex}.geografie-erleben.geografie-erleben .gel-btn[aria-pressed="false"] .gel-btn__icon--exit,.geografie-erleben.geografie-erleben .gel-btn[aria-pressed="true"] .gel-btn__icon--enter{display:none}.geografie-erleben.geografie-erleben .gel-btn:focus-visible,.geografie-erleben.geografie-erleben .gel-iconbtn:focus-visible,.geografie-erleben.geografie-erleben .gel-tab:focus-visible,.geografie-erleben.geografie-erleben .gel-chip:focus-visible,.geografie-erleben.geografie-erleben .gel-faq__q:focus-visible{outline:3px solid var(--geo-color-primary);outline-offset:2px}.geografie-erleben.geografie-erleben .gel-toast{position:absolute;z-index:4;left:50%;bottom:78px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 16px 10px 12px;border:1px solid var(--geo-color-border);border-radius:14px;font-size:.92rem;font-weight:550;transform:translateX(-50%);color:var(--geo-color-text);background-color:var(--geo-color-background);box-shadow:0 10px 28px var(--geo-color-shadow);animation:gel-pop 0.28s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-toast__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-toast__icon .gel-icon{width:16px;height:16px;stroke:var(--geo-color-primary);stroke-width:2.2}.geografie-erleben.geografie-erleben .gel-toast__text{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="success"]{border-color:var(--geo-color-success)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="success"] .gel-toast__icon{background-color:var(--geo-color-success-soft)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="success"] .gel-icon{stroke:var(--geo-color-success)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="error"]{border-color:var(--geo-color-error)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="error"] .gel-toast__icon{background-color:var(--geo-color-error-soft)}.geografie-erleben.geografie-erleben .gel-toast[data-kind="error"] .gel-icon{stroke:var(--geo-color-error)}.geografie-erleben.geografie-erleben .gel-panel{display:flex;flex-direction:column;gap:18px;min-width:0}.geografie-erleben.geografie-erleben .gel-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--geo-color-border);border-radius:16px;background-color:var(--geo-color-surface)}.geografie-erleben.geografie-erleben .gel-tab{display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid transparent;border-radius:12px;font-weight:650;color:var(--geo-color-text-muted);background-color:transparent;transition:background-color 0.2s var(--geo-ease),box-shadow 0.2s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-tab span{color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-tab .gel-icon{stroke:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-tab:hover{background-color:var(--geo-color-white-soft)}.geografie-erleben.geografie-erleben .gel-tab[aria-selected="true"]{border-color:var(--geo-color-border);background-color:var(--geo-color-background);box-shadow:0 4px 14px var(--geo-color-shadow)}.geografie-erleben.geografie-erleben .gel-tab[aria-selected="true"] span{color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-tab[aria-selected="true"] .gel-icon{stroke:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-pane{display:flex;flex-direction:column;gap:22px;animation:gel-fade 0.3s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-card{min-height:236px;padding:22px;border:1px solid var(--geo-color-border);border-radius:20px;background-color:var(--geo-color-primary-softer);background-image:linear-gradient(160deg,var(--geo-color-background) 0%,var(--geo-color-primary-softer) 100%)}.geografie-erleben.geografie-erleben .gel-card__empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:190px;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-card__empty p{max-width:30ch;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-card__empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-card__empty-icon .gel-icon{width:24px;height:24px;stroke:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-card__body{animation:gel-fade 0.35s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-card__kicker{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--geo-color-primary);background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-card__title{margin-bottom:8px;font-size:1.65rem;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-card__lead{margin-bottom:16px;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-facts{display:grid;margin-bottom:16px;border-top:1px solid var(--geo-color-border)}.geografie-erleben.geografie-erleben .gel-facts__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:9px 0;border-bottom:1px solid var(--geo-color-border)}.geografie-erleben.geografie-erleben .gel-facts dt{font-size:.9rem;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-facts dd{font-size:.95rem;font-weight:650;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-card__tip{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--geo-color-border);border-radius:14px;font-size:.92rem;background-color:var(--geo-color-accent-soft)}.geografie-erleben.geografie-erleben .gel-card__tip span,.geografie-erleben.geografie-erleben .gel-card__tip strong{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-card__tip-icon{display:flex;flex:none;padding-top:2px}.geografie-erleben.geografie-erleben .gel-card__tip-icon .gel-icon{width:18px;height:18px;stroke:var(--geo-color-accent)}.geografie-erleben.geografie-erleben .gel-group__title{margin-bottom:10px;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-chips{display:flex;flex-wrap:wrap;gap:8px}.geografie-erleben.geografie-erleben .gel-chip{min-height:40px;padding:8px 15px;border:1px solid var(--geo-color-border);border-radius:999px;font-size:.92rem;font-weight:600;color:var(--geo-color-text);background-color:var(--geo-color-background);transition:background-color 0.18s var(--geo-ease),border-color 0.18s var(--geo-ease),transform 0.18s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-chip:hover{border-color:var(--geo-color-primary);background-color:var(--geo-color-primary-softer)}.geografie-erleben.geografie-erleben .gel-chip:active{transform:scale(.96)}.geografie-erleben.geografie-erleben .gel-chip[aria-pressed="true"]{border-color:var(--geo-color-primary);color:var(--geo-color-on-primary);background-color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-layers{display:grid;gap:4px}.geografie-erleben.geografie-erleben .gel-layers legend{padding:0}.geografie-erleben.geografie-erleben .gel-switch{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;cursor:pointer}.geografie-erleben.geografie-erleben .gel-switch__input{position:absolute;width:1px;height:1px;opacity:0}.geografie-erleben.geografie-erleben .gel-switch__track{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background-color:var(--geo-color-border-strong);transition:background-color 0.2s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-switch__track::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background-color:var(--geo-color-background);box-shadow:0 2px 5px var(--geo-color-shadow);transition:transform 0.2s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-switch__input:checked+.gel-switch__track{background-color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-switch__input:checked+.gel-switch__track::after{transform:translateX(18px)}.geografie-erleben.geografie-erleben .gel-switch__input:focus-visible+.gel-switch__track{outline:3px solid var(--geo-color-primary);outline-offset:2px}.geografie-erleben.geografie-erleben .gel-switch__input:disabled+.gel-switch__track{opacity:.45}.geografie-erleben.geografie-erleben .gel-switch__label{font-size:.95rem;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-quiz__intro,.geografie-erleben.geografie-erleben .gel-quiz__run{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--geo-color-border);border-radius:20px;background-color:var(--geo-color-primary-softer);background-image:linear-gradient(160deg,var(--geo-color-background) 0%,var(--geo-color-primary-softer) 100%)}.geografie-erleben.geografie-erleben .gel-quiz__badge{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background-color:var(--geo-color-primary);background-image:linear-gradient(135deg,var(--geo-color-primary) 0%,var(--geo-color-primary-dark) 100%)}.geografie-erleben.geografie-erleben .gel-quiz__badge .gel-icon{width:28px;height:28px;stroke:var(--geo-color-on-primary)}.geografie-erleben.geografie-erleben .gel-quiz__title{font-size:1.4rem;font-weight:800;line-height:1.2;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-quiz__text{color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-quiz__meta{display:flex;justify-content:space-between;align-self:stretch;gap:12px;font-size:.88rem;font-weight:650}.geografie-erleben.geografie-erleben .gel-quiz__progress-text{color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-quiz__score{color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-progress{align-self:stretch;height:8px;overflow:hidden;border-radius:999px;background-color:var(--geo-color-primary-soft)}.geografie-erleben.geografie-erleben .gel-progress__fill{display:block;width:var(--gel-progress,0%);height:100%;border-radius:999px;background-color:var(--geo-color-primary);background-image:linear-gradient(90deg,var(--geo-color-primary) 0%,var(--geo-color-teal) 100%);transition:width 0.4s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-quiz__ask{font-size:1.7rem;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-quiz__sub{color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-quiz__feedback{display:flex;align-items:flex-start;gap:10px;align-self:stretch;padding:12px 14px;border:1px solid var(--geo-color-border);border-radius:14px;font-weight:550;background-color:var(--geo-color-background);animation:gel-pop 0.3s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-quiz__feedback span{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-quiz__feedback-icon{display:flex;flex:none;padding-top:2px}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="success"]{border-color:var(--geo-color-success);background-color:var(--geo-color-success-soft)}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="success"] .gel-icon{stroke:var(--geo-color-success);stroke-width:2.4}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="error"]{border-color:var(--geo-color-error);background-color:var(--geo-color-error-soft)}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="error"] .gel-icon{stroke:var(--geo-color-error);stroke-width:2.4}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="info"]{border-color:var(--geo-color-warning);background-color:var(--geo-color-warning-soft)}.geografie-erleben.geografie-erleben .gel-quiz__feedback[data-kind="info"] .gel-icon{stroke:var(--geo-color-warning)}.geografie-erleben.geografie-erleben .gel-quiz__actions{display:flex;flex-wrap:wrap;gap:10px}.geografie-erleben.geografie-erleben .gel-modal{position:absolute;z-index:20;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow:auto;background-color:var(--geo-color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gel-fade 0.2s ease-out}.geografie-erleben.geografie-erleben .gel-modal__dialog{position:sticky;top:12vh;width:min(520px, 100%);margin-top:4vh;padding:28px;border:1px solid var(--geo-color-border);border-radius:22px;background-color:var(--geo-color-background);box-shadow:0 24px 60px var(--geo-color-shadow);animation:gel-pop 0.3s var(--geo-ease);outline:none}.geografie-erleben.geografie-erleben .gel-modal__title{margin-bottom:12px;font-size:1.5rem;font-weight:800;line-height:1.2;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-modal__body{display:grid;gap:12px;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-modal__body p{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.geografie-erleben.geografie-erleben .gel-modal__score{font-size:2.6rem;font-weight:800;line-height:1.1;color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-help{display:grid;gap:10px}.geografie-erleben.geografie-erleben .gel-help li{padding-left:16px;border-left:3px solid var(--geo-color-primary-soft);color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-help strong{font-weight:700;color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-info{display:grid;gap:40px;align-items:start;margin-top:56px;padding:0 4px}.geografie-erleben.geografie-erleben .gel-section-title{margin-bottom:14px;font-size:clamp(1.45rem, 2.6vw, 2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-info__text{display:grid;gap:14px}.geografie-erleben.geografie-erleben .gel-info__text p{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.geografie-erleben.geografie-erleben .gel-stat{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--geo-color-border);border-radius:18px;background-color:var(--geo-color-primary-softer);background-image:linear-gradient(160deg,var(--geo-color-background) 0%,var(--geo-color-primary-softer) 100%);transition:transform 0.25s var(--geo-ease),box-shadow 0.25s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-stat:hover{transform:translateY(-3px);box-shadow:var(--geo-shadow-soft)}.geografie-erleben.geografie-erleben .gel-stat__value{font-size:clamp(1.4rem, 2.4vw, 1.9rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-stat__label{font-size:.9rem;color:var(--geo-color-text-muted)}.geografie-erleben.geografie-erleben .gel-faq{margin-top:56px;padding:0 4px}.geografie-erleben.geografie-erleben .gel-faq__list{display:grid;gap:10px}.geografie-erleben.geografie-erleben .gel-faq__item{border:1px solid var(--geo-color-border);border-radius:var(--geo-radius-md);background-color:var(--geo-color-background);transition:border-color 0.2s var(--geo-ease),box-shadow 0.2s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-faq__item[open]{border-color:var(--geo-color-primary);box-shadow:var(--geo-shadow-soft)}.geografie-erleben.geografie-erleben .gel-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;border-radius:var(--geo-radius-md);font-weight:650;list-style:none;cursor:pointer;color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-faq__q::-webkit-details-marker{display:none}.geografie-erleben.geografie-erleben .gel-faq__q::marker{content:""}.geografie-erleben.geografie-erleben .gel-faq__q span{color:var(--geo-color-text)}.geografie-erleben.geografie-erleben .gel-faq__q:hover span{color:var(--geo-color-primary)}.geografie-erleben.geografie-erleben .gel-faq__q .gel-icon{stroke:var(--geo-color-primary);transition:transform 0.25s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-faq__item[open] .gel-faq__q .gel-icon{transform:rotate(180deg)}.geografie-erleben.geografie-erleben .gel-faq__a{padding:0 20px 18px!important;color:var(--geo-color-text-muted);animation:gel-slide 0.3s var(--geo-ease)}.geografie-erleben.geografie-erleben .gel-noscript{margin-top:16px;padding:14px 18px;border:1px solid var(--geo-color-warning);border-radius:var(--geo-radius-md);color:var(--geo-color-text);background-color:var(--geo-color-warning-soft)}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen{grid-template-columns:minmax(0,1fr) 360px;width:100%;height:100%;padding:18px;border-radius:0;border-width:0;background-color:var(--geo-color-surface);background-image:none;box-shadow:none}.geografie-erleben.geografie-erleben .gel-app.is-pseudo-fs{position:fixed;z-index:99999;inset:0;overscroll-behavior:contain}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen .gel-stage{position:relative;top:auto;align-self:stretch;height:100%}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen .gel-canvas-wrap{height:auto;min-height:0}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen .gel-panel{min-height:0;overflow:auto;padding-right:4px}@media (min-width:1024px){.geografie-erleben.geografie-erleben .gel-stage{position:sticky;top:16px}}@keyframes gel-fade{from{opacity:0}to{opacity:1}}@keyframes gel-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gel-slide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.geografie-erleben.geografie-erleben .gel-toast{animation-name:gel-fade}@media (max-width:1023px){.geografie-erleben.geografie-erleben .gel-app{grid-template-columns:minmax(0,1fr);padding:20px;gap:22px}.geografie-erleben.geografie-erleben .gel-info{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:44px}.geografie-erleben.geografie-erleben .gel-faq{margin-top:44px}.geografie-erleben.geografie-erleben .gel-canvas-wrap{height:clamp(360px, 80vw, 620px)}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:10px}.geografie-erleben.geografie-erleben .gel-app.is-fullscreen .gel-panel{max-height:42vh}}@media (max-width:600px){.geografie-erleben.geografie-erleben .gel-app{padding:12px;border-radius:20px}.geografie-erleben.geografie-erleben .gel-stage__bar{flex-direction:column;align-items:stretch;padding:12px 12px 0}.geografie-erleben.geografie-erleben .gel-stage__hint{font-size:.82rem}.geografie-erleben.geografie-erleben .gel-stage__actions{justify-content:stretch}.geografie-erleben.geografie-erleben .gel-stage__actions .gel-btn{flex:1 1 0%;padding-inline:12px}.geografie-erleben.geografie-erleben .gel-card,.geografie-erleben.geografie-erleben .gel-quiz__intro,.geografie-erleben.geografie-erleben .gel-quiz__run{padding:18px}.geografie-erleben.geografie-erleben .gel-stats{gap:10px}.geografie-erleben.geografie-erleben .gel-stat{padding:16px}.geografie-erleben.geografie-erleben .gel-modal__dialog{padding:22px}.geografie-erleben.geografie-erleben .gel-toolbar{bottom:10px}.geografie-erleben.geografie-erleben .gel-toast{bottom:70px}}@media (prefers-reduced-motion:reduce){.geografie-erleben.geografie-erleben :is(.gel-pane,.gel-card__body,.gel-toast,.gel-modal,.gel-modal__dialog,.gel-quiz__feedback,.gel-faq__a){animation:none}.geografie-erleben.geografie-erleben :is(.gel-btn,.gel-iconbtn,.gel-chip,.gel-stat,.gel-progress__fill,.gel-switch__track,.gel-switch__track::after,.gel-faq__q .gel-icon){transition:none}}.geografie-erleben.geografie-erleben [hidden][hidden]{display:none}