html{--lumo-base-color: hsl(43, 100%, 97%);--lumo-primary-color: hsl(345, 67%, 29%);--lumo-primary-color-50pct: hsla(345, 67%, 29%, .5);--lumo-primary-color-10pct: hsla(345, 67%, 29%, .1);--lumo-primary-text-color: hsl(345, 68%, 26%);--lumo-primary-contrast-color: hsl(43, 72%, 72%);--lumo-body-text-color: hsl(345, 30%, 20%);--lumo-secondary-text-color: hsla(345, 30%, 20%, .72);--lumo-tertiary-text-color: hsla(345, 30%, 20%, .52);--lumo-disabled-text-color: hsla(345, 30%, 20%, .32);--lumo-header-text-color: hsl(345, 67%, 24%);--lumo-contrast: hsl(345, 38%, 18%);--lumo-contrast-90pct: hsla(345, 38%, 18%, .9);--lumo-contrast-80pct: hsla(345, 38%, 18%, .8);--lumo-contrast-70pct: hsla(345, 38%, 18%, .7);--lumo-contrast-60pct: hsla(345, 38%, 18%, .6);--lumo-contrast-50pct: hsla(345, 38%, 18%, .5);--lumo-contrast-40pct: hsla(345, 38%, 18%, .4);--lumo-contrast-30pct: hsla(345, 38%, 18%, .3);--lumo-contrast-20pct: hsla(345, 38%, 18%, .2);--lumo-contrast-10pct: hsla(345, 38%, 18%, .1);--lumo-contrast-5pct: hsla(345, 38%, 18%, .05);--lumo-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lumo-font-size-m: 1rem;--lumo-size-m: 2.25rem;--lumo-space-m: 1rem;--lumo-border-radius-s: .5rem;--lumo-border-radius-m: .9rem;--lumo-border-radius-l: 1.5rem}html[theme~=dark]{--lumo-base-color: hsl(211, 67%, 10%);--lumo-primary-color: hsl(43, 65%, 58%);--lumo-primary-color-50pct: hsla(43, 65%, 58%, .5);--lumo-primary-color-10pct: hsla(43, 65%, 58%, .12);--lumo-primary-text-color: hsl(43, 76%, 70%);--lumo-primary-contrast-color: hsl(211, 67%, 10%);--lumo-body-text-color: hsl(43, 62%, 72%);--lumo-secondary-text-color: hsla(43, 62%, 72%, .74);--lumo-tertiary-text-color: hsla(43, 62%, 72%, .54);--lumo-disabled-text-color: hsla(43, 62%, 72%, .34);--lumo-header-text-color: hsl(43, 78%, 78%);--lumo-contrast: hsl(43, 70%, 80%);--lumo-contrast-90pct: hsla(43, 70%, 80%, .9);--lumo-contrast-80pct: hsla(43, 70%, 80%, .8);--lumo-contrast-70pct: hsla(43, 70%, 80%, .7);--lumo-contrast-60pct: hsla(43, 70%, 80%, .6);--lumo-contrast-50pct: hsla(43, 70%, 80%, .5);--lumo-contrast-40pct: hsla(43, 70%, 80%, .4);--lumo-contrast-30pct: hsla(43, 70%, 80%, .3);--lumo-contrast-20pct: hsla(43, 70%, 80%, .2);--lumo-contrast-10pct: hsla(43, 70%, 80%, .1);--lumo-contrast-5pct: hsla(43, 70%, 80%, .06)}.start-view{overflow:hidden}.start-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:center;gap:var(--lumo-space-xl);width:100%;max-width:90rem;min-height:min(42rem,calc(100vh - 8rem));margin:0 auto;padding:clamp(2rem,6vw,6rem);box-sizing:border-box}.start-hero__copy{position:relative;max-width:44rem}.start-hero__eyebrow,.start-actions__eyebrow{display:inline-flex;padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-l);color:var(--lumo-primary-text-color);background:var(--lumo-primary-color-10pct);font-size:var(--lumo-font-size-s);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.start-hero__title{max-width:12ch;margin:var(--lumo-space-l) 0 var(--lumo-space-m);color:var(--lumo-header-text-color);font-size:clamp(2.75rem,6vw,5.75rem);line-height:.98;letter-spacing:-.055em}.start-hero__lead{max-width:38rem;margin:0;color:var(--lumo-secondary-text-color);font-size:clamp(var(--lumo-font-size-m),2vw,var(--lumo-font-size-xl));line-height:1.65}.start-hero__actions{flex-wrap:wrap;margin-top:var(--lumo-space-xl);padding:0}.start-hero__quote{display:block;margin-top:var(--lumo-space-xl);color:var(--lumo-primary-text-color);font-family:Georgia,Times New Roman,serif;font-size:var(--lumo-font-size-l);font-style:italic}.start-carousel{position:relative;width:min(100%,32rem);margin:0 auto;padding:var(--lumo-space-m);box-sizing:border-box;border:1px solid var(--lumo-contrast-10pct);border-radius:calc(var(--lumo-border-radius-l) + var(--lumo-space-s));background:var(--lumo-contrast-5pct);box-shadow:var(--lumo-box-shadow-l)}.start-carousel__track{display:flex;aspect-ratio:1;overflow-x:auto;border-radius:var(--lumo-border-radius-l);background:var(--lumo-contrast-5pct);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.start-carousel__track::-webkit-scrollbar{display:none}.start-carousel__image{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:center}.start-carousel__button{position:absolute;top:50%;z-index:1;border-radius:50%;color:var(--lumo-primary-text-color);background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transform:translateY(-50%)}.start-carousel__previous{left:calc(var(--lumo-space-m) * 1.5)}.start-carousel__next{right:calc(var(--lumo-space-m) * 1.5)}.start-carousel__label{position:absolute;right:0;bottom:0;z-index:2;padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-contrast-color);background:var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-m);font-weight:700;transform:translate(8%,35%)}.start-actions{width:100%;padding:clamp(3rem,7vw,7rem) clamp(1rem,6vw,6rem);box-sizing:border-box;background:var(--lumo-contrast-5pct)}.start-actions__heading,.start-actions__grid{max-width:78rem;margin-right:auto;margin-left:auto}.start-actions__heading{margin-bottom:var(--lumo-space-xl);text-align:center}.start-actions__title{margin:var(--lumo-space-m) 0 0;color:var(--lumo-header-text-color);font-size:clamp(2rem,4vw,3.5rem)}.start-actions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lumo-space-xl)}.start-action-card{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(0,1.2fr);min-height:21rem;overflow:hidden;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transition:transform .18s ease,box-shadow .18s ease}.start-action-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-.25rem)}.start-action-card__image{width:100%;height:100%;object-fit:cover}.start-action-card__content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--lumo-space-xl)}.start-action-card__icon{box-sizing:content-box;padding:var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);background:var(--lumo-primary-color-10pct)}.start-action-card__title{margin:var(--lumo-space-l) 0 var(--lumo-space-s);color:var(--lumo-header-text-color)}.start-action-card__description{flex-grow:1;margin:0 0 var(--lumo-space-l);color:var(--lumo-secondary-text-color);line-height:1.55}@media (max-width: 900px){.start-hero{grid-template-columns:1fr;padding-top:var(--lumo-space-xl)}.start-hero__copy{margin:0 auto;text-align:center}.start-hero__title,.start-hero__lead{margin-right:auto;margin-left:auto}.start-hero__actions{justify-content:center}.start-carousel{width:min(100%,32rem)}.start-actions__grid{grid-template-columns:1fr}}@media (max-width: 520px){.start-hero{gap:var(--lumo-space-l);padding-right:var(--lumo-space-m);padding-left:var(--lumo-space-m)}.start-hero__actions{display:grid;grid-template-columns:1fr;width:100%}.start-hero__actions vaadin-button{width:100%}.start-carousel{width:min(92%,25rem)}.start-action-card{grid-template-columns:1fr}.start-action-card__image{height:13rem}}.train-aufgabe__typ{margin:0 0 var(--lumo-space-xs);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.train-aufgabe__prompt{margin:0;color:var(--lumo-header-text-color);font-size:clamp(var(--lumo-font-size-xl),4vw,2.25rem);line-height:1.2}.train-aufgabe__merkmale{display:flex;flex-wrap:wrap;gap:var(--lumo-space-xs);margin-top:var(--lumo-space-m)}.train-aufgabe__merkmal{padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-l);color:var(--lumo-primary-text-color);background:var(--lumo-primary-color-10pct);font-size:var(--lumo-font-size-s);font-weight:600}.train-aufgabe__kopf hr{margin:var(--lumo-space-l) 0}.train-schritte__fortschritt{display:block;margin-bottom:var(--lumo-space-s);color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.train-schritte__titel{margin:0 0 var(--lumo-space-m);color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);line-height:1.35}.train-schritte__inhalt{width:100%;margin-bottom:var(--lumo-space-xl)}.train-schritte__navigation{margin-top:var(--lumo-space-s);padding:0}[data-chip-status]{border-color:var(--lumo-contrast-20pct);background-color:transparent;cursor:pointer}[data-chip-status=ausgewaehlt]{border-color:var(--lumo-primary-color);background-color:var(--lumo-primary-color-10pct)}[data-chip-status=richtig]{border-color:var(--lumo-success-color);background-color:var(--lumo-success-color-10pct);cursor:default}[data-chip-status=falsch]{border-color:var(--lumo-error-color);background-color:var(--lumo-error-color-10pct);cursor:default}[data-chip-status=vergessen]{border-color:var(--lumo-warning-color);background-color:var(--lumo-warning-color-10pct);cursor:default}[data-chip-status=deaktiviert]{border-color:var(--lumo-contrast-20pct);background-color:transparent;cursor:default;opacity:.65}.train-aufgabe__kopf{width:100%}