:root{--k-creme:#f5f0eb;--k-karte:#fffbf7;--k-sand:#e8dece;--k-linie:#e7decd;--k-tinte:#0d0d0d;--k-text:#57503f;--k-leise:#6b5b41;--k-label:#7a6b52;--k-coral:#fe725c;--k-coral-dunkel:#e87054;--k-coral-hauch:#fbede4;--k-coral-text-dunkel:#f09a85;--k-dunkel-text:#b7a99a;--k-strich:#c9b99f;--k-fehler:#b3261e;--k-akzent-icon:#c74d3a;--k-rand:clamp(20px,4vw,48px)}*{box-sizing:border-box}body.konto{background:var(--k-creme);color:var(--k-tinte);font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;margin:0;-webkit-font-smoothing:antialiased}.konto-icons,body.kl-offen{overflow:hidden}.konto-icons{height:0;position:absolute;width:0}.konto-icon{fill:none;flex:0 0 auto;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:18;width:24px}.konto-icon--klein{height:18px;width:18px}.konto-icons__akzent{fill:var(--k-akzent-icon);stroke:none}.konto-icons__voll{fill:currentColor;stroke:none}.konto-sr{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}a{color:inherit}:focus-visible{outline:2px solid var(--k-tinte);outline-offset:3px}.konto-plan :focus-visible{outline-color:var(--k-creme)}.konto-seite{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1080px;padding:clamp(24px,4vw,40px) var(--k-rand) 0}.konto-kopf{justify-content:space-between}.konto-kopf,.konto-kopf__person{align-items:center;display:flex;gap:16px}.konto-kopf__person{min-width:0}.konto-kopf__avatar{align-items:center;background:var(--k-sand);border-radius:50%;display:flex;flex:0 0 auto;font-size:22px;font-weight:700;height:56px;justify-content:center;width:56px}.konto-kopf__text{display:flex;flex-direction:column;gap:4px;min-width:0}.konto-kopf__titel{font-family:Boska,Georgia,serif;font-size:clamp(30px,3vw,40px);font-weight:500;letter-spacing:-.015em;line-height:1;margin:0}.konto-kopf__email{color:var(--k-leise);font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.konto-kopf__logo{display:inline-flex;flex:0 0 auto}.konto-kopf__logo img{display:block;height:clamp(36px,4vw,56px);width:auto}.konto-laden{color:var(--k-leise);font-size:15px;margin:24px 0}.konto-sprung{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.konto-sprung::-webkit-scrollbar{display:none}.konto-sprung__pille{align-items:center;background:var(--k-karte);border:1px solid var(--k-linie);border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:500;gap:8px;min-height:44px;padding:0 16px;text-decoration:none;transition:border-color .2s ease;white-space:nowrap}.konto-sprung__pille:hover{border-color:var(--k-strich)}.konto-raster{align-items:start;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr))}.konto-knopf{align-items:center;background:none;border:1.5px solid transparent;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:700;gap:10px;justify-content:center;min-height:48px;padding:0 24px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.konto-knopf[hidden]{display:none}.konto-knopf:disabled{cursor:default;opacity:.55}.konto-knopf--coral{background:var(--k-coral-dunkel);border-color:var(--k-coral-dunkel);color:var(--k-tinte)}.konto-knopf--coral:hover:not(:disabled){background:var(--k-creme);border-color:var(--k-creme)}.konto-knopf--kontur{border-color:var(--k-tinte);color:var(--k-tinte)}.konto-knopf--kontur:hover:not(:disabled){background:var(--k-tinte);color:var(--k-creme)}.konto-knopf--kontur-hell{border-color:rgba(245,240,235,.6);color:var(--k-creme)}.konto-knopf--kontur-hell:hover{background:var(--k-creme);color:var(--k-tinte)}.konto-knopf--gefahr{border-color:var(--k-fehler);color:var(--k-fehler)}.konto-knopf--gefahr:hover:not(:disabled){background:var(--k-fehler);color:var(--k-karte)}.konto-knopf--breit{margin-top:12px;min-height:52px;width:100%}.konto-plan{background:var(--k-tinte);border-radius:24px;color:var(--k-creme);display:flex;flex-direction:column;gap:24px;padding:clamp(24px,3vw,32px)}.konto-plan__kopf{align-items:center;display:flex;gap:16px;justify-content:space-between}.konto-plan__stufe{font-size:clamp(28px,7vw,40px);font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:0}.konto-plan__zeichen{display:block;height:28px;width:auto}.konto-plan__stand{display:flex;flex-direction:column;gap:8px}.konto-plan__zeile{color:var(--k-dunkel-text);font-size:15px;line-height:1.4;margin:0}.konto-plan__handlung{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.konto-plan__notiz{color:var(--k-dunkel-text);font-size:14px;line-height:1.5;margin:0;max-width:40ch}.konto-plan__notiz a{color:var(--k-coral-text-dunkel)}.konto-plan__stufen{border-top:1px solid hsla(30,33%,94%,.14);display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:16px 0 0}.konto-plan__stufen[hidden]{display:none}.konto-stufe{align-items:center;border:1px dashed hsla(30,33%,94%,.3);border-radius:999px;color:var(--k-dunkel-text);display:inline-flex;font-size:13px;font-weight:700;gap:6px;height:36px;padding:0 14px}.konto-stufe__haken{display:none;height:14px;stroke-width:26;width:14px}.konto-stufe[data-zustand=aktiv]{background:var(--k-creme);border:0;color:var(--k-tinte)}.konto-stufe[data-zustand=aktiv] .konto-stufe__haken{display:block}.konto-bereich{display:flex;flex-direction:column;gap:12px}.konto-bereich[hidden]{display:none}.konto-bereich__titel{color:var(--k-label);font-size:13px;font-weight:700;letter-spacing:.16em;margin:0 0 0 4px;text-transform:uppercase}.konto-kacheln{display:flex;flex-wrap:wrap;gap:12px}.konto-kachel{background:var(--k-karte);border:1px solid var(--k-linie);border-radius:24px;display:flex;flex:1 1 calc(50% - 6px);flex-direction:column;gap:8px;justify-content:space-between;min-width:150px;padding:16px;text-decoration:none;transition:border-color .2s ease}a.konto-kachel:hover{border-color:var(--k-strich)}.konto-kachel__kopf{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.konto-kachel__icon{align-items:center;background:var(--k-creme);border-radius:14px;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.konto-kachel__icon .konto-icon{height:22px;width:22px}.konto-kachel__pfeil{align-items:center;border:1px solid var(--k-linie);border-radius:50%;display:inline-flex;height:36px;justify-content:center;width:36px}.konto-kachel__pfeil .konto-icon{height:16px;stroke-width:20;width:16px}.konto-kachel__titel{font-size:16px;font-weight:700}.konto-kachel__text{color:var(--k-leise);font-size:13px;line-height:1.4}.konto-kachel--app{align-items:center;flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:16px}.konto-kachel__mitte{display:flex;flex:1 1 100px;flex-direction:column;gap:4px;min-width:0}.konto-kachel__badge{display:inline-flex;flex:0 0 auto}.konto-kachel__badge img{display:block}.konto-liste{background:var(--k-karte);border:1px solid var(--k-linie);border-radius:24px;overflow:hidden}.konto-zeile{background:none;border:0;border-top:1px solid var(--k-linie);color:inherit;display:flex;flex-direction:column;font:inherit;gap:12px;min-height:56px;padding:16px 24px;text-align:left;text-decoration:none;width:100%}.konto-zeile:first-child{border-top:0}.konto-zeile[hidden]{display:none}.konto-zeile--link{cursor:pointer;justify-content:center;transition:background-color .2s ease}.konto-zeile--link:hover{background:var(--k-creme)}.konto-zeile--gefahr{color:var(--k-fehler)}.konto-zeile__reihe{align-items:center;-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:24px minmax(0,1fr) auto}.konto-zeile__text{display:flex;flex-direction:column;gap:2px;min-width:0}.konto-zeile__titel{font-size:16px;font-weight:500;hyphens:auto;margin:0;overflow-wrap:anywhere}.konto-zeile__unter{color:var(--k-leise);font-size:13px;line-height:1.4;margin:0}.konto-zeile__wert{font-size:15px}.konto-zeile__pille,.konto-zeile__wert{font-weight:700;margin:0;white-space:nowrap}.konto-zeile__pille{background:var(--k-tinte);border-radius:999px;color:var(--k-creme);font-size:13px;padding:6px 12px}.konto-zeile__weiter{color:var(--k-leise);stroke-width:20}.konto-zeile--gefahr .konto-zeile__weiter{color:inherit}.konto-balken{background:var(--k-linie);border-radius:999px;height:4px;margin-left:40px;overflow:hidden}.konto-balken[hidden]{display:none}.konto-balken__fuellung{background:var(--k-coral);border-radius:999px;height:100%;width:0}.konto-creator{align-items:center;background:var(--k-coral-hauch);border-radius:24px;display:flex;flex-wrap:wrap;gap:20px 32px;grid-column:1/-1;justify-content:space-between;min-height:220px;overflow:hidden;padding:32px;position:relative}.konto-creator__bild{height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%);-o-object-fit:cover;object-fit:cover;-o-object-position:62% 22%;object-position:62% 22%;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;transform:scale(1.3);transform-origin:right center;width:72%}.konto-creator__text{display:flex;flex:1 1 320px;flex-direction:column;gap:4px;min-width:0;position:relative}.konto-creator__titel{font-size:17px;font-weight:700;margin:0}.konto-creator__zeile{color:var(--k-text);font-size:14px;line-height:1.5;margin:0;max-width:48ch}.konto-creator__handlung{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:12px 16px;position:relative}.konto-creator__code{align-items:center;background:var(--k-karte);border:1.5px dashed var(--k-strich);border-radius:14px;display:flex;gap:8px;height:52px;justify-content:space-between;padding:0 4px 0 18px;width:240px}.konto-creator__code[hidden]{display:none}.konto-creator__code-wert{font-size:18px;font-weight:700;letter-spacing:.12em}.konto-creator__kopieren{align-items:center;background:none;border:0;color:var(--k-tinte);cursor:pointer;display:inline-flex;height:44px;justify-content:center;width:44px}.konto-fuss{display:flex;flex-wrap:wrap;font-size:13px;gap:8px 24px;justify-content:center;margin:48px auto 0;max-width:1080px;padding:24px var(--k-rand) 40px}.konto-fuss a{color:var(--k-leise)}.konto-fuss a:hover{color:var(--k-tinte)}.kl{align-items:center;background:rgba(13,13,13,.45);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:50}.kl[hidden]{display:none}.kl__karte{background:var(--k-karte);border-radius:24px;color:var(--k-tinte);max-height:calc(100vh - 32px);overflow-y:auto;padding:32px 24px 24px;position:relative;width:min(560px,100%)}.kl__schliessen{align-items:center;background:none;border:0;border-radius:50%;color:var(--k-tinte);cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:absolute;right:12px;top:12px;width:44px}.kl__titel{font-family:Boska,Georgia,serif;font-size:28px;font-weight:500;line-height:1.1;margin:0 40px 12px 0}.kl__unter{color:var(--k-label);font-size:13px;font-weight:700;letter-spacing:.16em;margin:20px 0 8px;text-transform:uppercase}.kl__absatz{color:var(--k-text);font-size:15px;line-height:1.5;margin:0 0 12px}.kl__absatz[hidden]{display:none}.kl__absatz--abo{color:var(--k-tinte);font-weight:500}.kl__liste{color:var(--k-text);font-size:15px;line-height:1.5;margin:0 0 12px;padding-left:20px}.kl__eingabe{background:var(--k-creme);border:1px solid var(--k-strich);border-radius:14px;font:inherit;font-size:16px;margin:4px 0 16px;min-height:48px;padding:0 16px;width:100%}.kl__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.kl__fehler{color:var(--k-fehler);font-size:14px;margin:12px 0 0}.kl__fehler[hidden]{display:none}@media(prefers-reduced-motion:reduce){.konto-kachel,.konto-knopf,.konto-sprung__pille,.konto-zeile--link{transition:none}}
