:root{--papier:#f4eee4;--papier-2:#eae2d5;--papier-3:#ded4c4;--tinte:#16130f;--tinte-2:#3f3931;--tinte-3:#6e675d;--akzent:#d2482a;--akzent-tief:#b33a1f;--akzent-hell:#f6d9cf;--gruen:#2f6b4f;--gruen-hell:#d8e9df;--linie:#16130f1f;--linie-stark:#16130f47;--schatten:0 18px 50px -20px #16130f73;--display:"Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--text:"DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--radius:22px;--radius-klein:12px}*{box-sizing:border-box}html,body{background:var(--papier);color:var(--tinte);margin:0;padding:0}body{font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}h1,h2,h3,.display{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.05}h1 em,h2 em,.display em{color:var(--akzent-tief);font-style:italic;font-weight:300}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--akzent-hell)}.btn{background:var(--tinte);color:var(--papier);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 22px;font-size:15px;font-weight:500;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#000}.btn:active{transform:scale(.98)}.btn.akzent{background:var(--akzent);color:#fff}.btn.akzent:hover{background:var(--akzent-tief)}.btn.hell{color:var(--tinte);box-shadow:inset 0 0 0 1.5px var(--linie-stark);background:0 0}.btn.hell:hover{background:#16130f0d}.btn.breit{width:100%}.btn[disabled]{opacity:.35;cursor:default;transform:none}.demo-hint{border:1px solid var(--linie);border-radius:var(--radius-klein);color:var(--tinte-2);background:#16130f0d;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.demo-hint svg{flex:none;margin-top:1px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-3);font-size:12px;font-weight:500}.lp{max-width:1180px;margin:0 auto;padding:0 28px}body:has(.lp){overflow-x:clip}.lp section{border-top:1px solid var(--linie);padding:96px 0}.lp h2{max-width:16ch;margin:10px 0 24px;font-size:clamp(36px,5vw,60px)}.lp .eyebrow{display:block}.lp-kopf{justify-content:space-between;align-items:center;padding:26px 0;display:flex}.lp-kopf nav{align-items:center;gap:28px;font-size:14.5px;font-weight:500;display:flex}.lp-kopf nav a{color:var(--tinte-2);text-decoration:none}.lp-kopf nav a:hover{color:var(--tinte)}.lp-kopf nav a.btn{color:var(--papier);min-height:42px;padding:11px 18px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:640px;display:grid;border-top:0!important;padding:60px 0 100px!important}.hero h1{margin:14px 0 22px;font-size:clamp(52px,7vw,96px)}.hero .lead{max-width:46ch;color:var(--tinte-2);font-size:19px}.hero-knoepfe{flex-wrap:wrap;gap:12px;margin:30px 0 26px;display:flex}.hero-knoepfe .btn{padding:16px 26px;font-size:16px;text-decoration:none}.hero .demo-hint{max-width:460px}.hero-buehne{height:560px;position:relative}.horizont{background:var(--tinte);z-index:3;height:1.5px;position:absolute;top:46%;left:-3%;right:-3%}.horizont:before,.horizont:after{content:"";background:var(--akzent);border-radius:50%;width:11px;height:11px;position:absolute;top:-5px}.horizont:before{left:0}.horizont:after{right:0}.horizont span{display:none}.hero-karte{aspect-ratio:3/4;background:var(--papier-2);border-radius:22px;width:180px;margin:0;position:absolute;overflow:hidden;box-shadow:0 30px 60px -28px #16130f8c}.hero-karte img{object-fit:cover;width:100%;height:100%}.hero-karte figcaption{color:#fff;background:linear-gradient(#0a080600,#0a0806d9);gap:2px;padding:40px 16px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.hero-karte figcaption b{font-family:var(--display);letter-spacing:-.01em;font-size:20px;font-weight:500}.hero-karte figcaption span{opacity:.9;align-items:center;gap:5px;font-size:12px;display:inline-flex}.hero-karte.k0{z-index:1;top:27%;left:0;transform:rotate(-4deg)}.hero-karte.k1{z-index:2;top:24%;left:50%;transform:translate(-50%)}.hero-karte.k2{z-index:1;top:27%;right:0;transform:rotate(4deg)}.hero-chip{z-index:4;background:var(--tinte);color:var(--papier);white-space:nowrap;box-shadow:var(--schatten);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.problem{border-top:0!important;padding:0!important}.problem-innen{background:var(--tinte);color:var(--papier);border-radius:34px;padding:72px 64px}.problem-innen .eyebrow{color:#a79e92}.problem-innen h2{color:var(--papier)}.problem-innen h2 em{color:#f0a28d}.problem-spalten{grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;display:grid}.problem-spalten h3{font-family:var(--text);letter-spacing:.1em;text-transform:uppercase;color:#cfc6b8;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.problem-spalten div:last-child h3{color:#9fe3bf}.problem-spalten div:first-child h3{color:#ffb3a3}.problem-spalten p{color:#e9e1d3;max-width:44ch;font-size:17px;line-height:1.55}.schritte-lp{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.schritte-lp li{border:1px solid var(--linie);background:#fff;border-radius:26px;align-content:start;gap:12px;padding:30px 28px 32px;display:grid}.schritte-lp .nr{font-family:var(--display);color:var(--akzent-tief);font-size:44px;font-weight:300;line-height:1}.schritte-lp h3{font-size:26px}.schritte-lp p{color:var(--tinte-2);font-size:15.5px;line-height:1.55}.regel-raster{background:var(--linie);border:1px solid var(--linie);border-radius:26px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.regel-raster article{background:var(--papier);align-content:start;gap:10px;padding:30px 28px 34px;display:grid}.regel-raster article:hover{background:#fff}.regel-raster svg{color:var(--akzent-tief)}.regel-raster h3{font-size:22px}.regel-raster p{color:var(--tinte-2);font-size:15px;line-height:1.55}.schluss{text-align:center;justify-items:center;gap:8px;display:grid}.schluss h2{max-width:14ch}.schluss .lead{max-width:52ch;color:var(--tinte-2);margin-bottom:20px}.schluss .btn{padding:16px 28px;font-size:16px;text-decoration:none}.lp-fuss{border-top:1px solid var(--linie);color:var(--tinte-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:26px 0 40px;font-size:13px;display:flex}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:0;padding-bottom:40px!important}.hero-buehne{max-width:520px;height:440px}.hero-karte{width:170px}.problem-innen{border-radius:26px;padding:48px 32px}.problem-spalten,.schritte-lp,.regel-raster{grid-template-columns:1fr}.lp section{padding:64px 0}.lp-kopf nav a:not(.btn){display:none}}@media (width<=560px){.lp{padding:0 18px}.hero-buehne{height:380px}.hero-karte{width:130px}.problem-innen{padding:36px 22px}}.buehne{background:radial-gradient(120% 90% at 50% 0%, #eae2d5 0%, var(--papier) 55%, #e6dccb 100%);place-items:center;min-height:100dvh;padding:40px 20px 32px;display:grid;position:relative}.buehne-marke{text-decoration:none;position:absolute;top:22px;left:28px}.wortmarke{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:.35em;font-weight:500;line-height:1;display:inline-flex}.phone{background:#0e0c0a;border-radius:52px;width:390px;height:844px;max-height:calc(100dvh - 72px);padding:12px;position:relative;box-shadow:0 40px 90px -30px #16130f99,inset 0 0 0 1.5px #ffffff1f}.phone:before{content:"";z-index:5;background:#0e0c0a;border-radius:20px;width:110px;height:30px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--papier);border-radius:42px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.backstage-knopf{z-index:40;background:var(--tinte);color:var(--papier);box-shadow:var(--schatten);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:500;display:inline-flex;position:fixed;bottom:24px;right:24px}.backstage-knopf.aktiv{background:var(--akzent);color:#fff}@media (width<=560px){.buehne{background:var(--papier);padding:0;display:block}.buehne-marke{display:none}.phone{width:100%;height:100dvh;max-height:none;box-shadow:none;background:var(--papier);border-radius:0;padding:0}.phone:before{display:none}.phone-screen{border-radius:0}.backstage-knopf{opacity:.9;padding:8px 11px;font-size:12px;bottom:150px;right:10px}}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:64px 22px 28px;overflow-y:auto}.screen-scroll.mit-tabs{padding-bottom:16px}.screen-kopf{justify-content:space-between;align-items:center;gap:10px;padding:58px 22px 10px;display:flex}.screen-kopf h2{font-size:26px}.screen-fuss{background:linear-gradient(to top, var(--papier) 70%, transparent);gap:10px;padding:14px 22px 30px;display:grid}.icon-knopf{background:#16130f0f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-knopf:hover{background:#16130f1f}.tabbar{border-top:1px solid var(--linie);background:var(--papier);grid-template-columns:repeat(3,1fr);padding:8px 16px 26px;display:grid}.tab{color:var(--tinte-3);justify-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:500;display:grid}.tab.aktiv{color:var(--tinte)}.tab-icon{position:relative}.tab.aktiv .tab-icon{color:var(--akzent)}.tab-badge{background:var(--akzent);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:600;display:grid;position:absolute;top:-4px;right:-8px}.feld{gap:6px;margin-bottom:18px;display:grid}.feld label{color:var(--tinte-2);font-size:13px;font-weight:500}.feld input[type=text],.feld input[type=number],.feld select{font:inherit;border-radius:var(--radius-klein);border:1.5px solid var(--linie-stark);color:var(--tinte);background:#fff;width:100%;padding:13px 14px}.feld input:focus,.feld select:focus{border-color:var(--tinte);outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{box-shadow:inset 0 0 0 1.5px var(--linie-stark);color:var(--tinte-2);background:#fff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500}.chip.aktiv{background:var(--tinte);color:var(--papier);box-shadow:none}.hinweis{color:var(--tinte-3);font-size:13px;line-height:1.45}.lead{color:var(--tinte-2);font-size:16.5px;line-height:1.5}.welcome{flex-direction:column;flex:1;justify-content:flex-end;padding:0 24px 34px;display:flex;position:relative;overflow:hidden}.welcome-bild{height:64%;position:absolute;inset:0 0 auto}.welcome-bild img{object-fit:cover;object-position:50% 0%;width:100%;height:100%}.welcome-bild:after{content:"";background:linear-gradient(to top, var(--papier) 6%, #f4eee48c 26%, #f4eee400 50%);position:absolute;inset:0}.welcome-inhalt{gap:14px;display:grid;position:relative}.welcome h1{font-size:44px}.welcome .lead{max-width:30ch}.welcome .knoepfe{gap:10px;margin-top:10px;display:grid}.schritte{gap:6px;margin-bottom:22px;display:flex}.schritte i{background:var(--papier-3);border-radius:3px;flex:1;height:3px}.schritte i.voll{background:var(--tinte)}.foto-slots{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:10px;height:340px;margin:18px 0;display:grid}.foto-slot{background:var(--papier-2);border:1.5px dashed var(--linie-stark);color:var(--tinte-3);text-align:center;border-radius:18px;place-items:center;padding:10px;font-size:13px;display:grid;position:relative;overflow:hidden}.foto-slot:first-child{grid-row:1/3}.foto-slot.voll{border-style:solid;border-color:#0000}.foto-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.foto-slot input{opacity:0;cursor:pointer;position:absolute;inset:0}.foto-slot .slot-nr{letter-spacing:.1em;color:var(--tinte-3);font-size:11px;font-weight:600;position:absolute;top:8px;left:10px}.foto-slot.voll .slot-nr{color:#fff;text-shadow:0 1px 4px #00000080}.regeln{gap:8px;margin:6px 0 16px;display:grid}.regel{color:var(--tinte-2);align-items:flex-start;gap:10px;font-size:14px;display:flex}.regel svg{color:var(--gruen);flex:none;margin-top:2px}.regel.nein svg{color:var(--akzent-tief)}.scoring{flex-direction:column;flex:1;padding:70px 24px 34px;display:flex}.scan{background:var(--papier-2);border-radius:22px;width:210px;height:280px;margin:8px auto 26px;position:relative;overflow:hidden}.scan img{object-fit:cover;width:100%;height:100%}.scan:after{content:"";background:var(--akzent);height:2px;animation:1.6s ease-in-out infinite alternate scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 4px #d2482a73}.scan .ecke{border:2.5px solid #fff;width:26px;height:26px;position:absolute}.scan .ecke.lo{border-bottom:0;border-right:0;border-radius:6px 0 0;top:14px;left:14px}.scan .ecke.ro{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:14px;right:14px}.scan .ecke.lu{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:14px;left:14px}.scan .ecke.ru{border-top:0;border-left:0;border-radius:0 0 6px;bottom:14px;right:14px}@keyframes scan{0%{top:6%}to{top:94%}}.scan.fertig:after{opacity:0;animation:none}.schrittliste{gap:12px;width:100%;max-width:300px;margin:0 auto;display:grid}.schritt{color:var(--tinte-3);align-items:center;gap:12px;font-size:15px;transition:color .3s;display:flex}.schritt .punkt{border:1.5px solid var(--linie-stark);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;transition:all .3s;display:grid}.schritt.aktiv{color:var(--tinte)}.schritt.aktiv .punkt{background:var(--tinte);border-color:var(--tinte);color:var(--papier)}.ergebnis{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:16px;padding:60px 24px 30px;display:flex}.ergebnis h2{font-size:40px}.ergebnis .zahl{font-family:var(--display);letter-spacing:-.03em;color:var(--akzent-tief);font-size:72px;line-height:1}.privat{color:var(--tinte-2);border:1px solid var(--linie);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:10px 14px;font-size:13px;display:inline-flex}.bewerten-bild{aspect-ratio:3/3.6;background:var(--papier-2);border-radius:22px;width:100%;margin:12px 0 16px;overflow:hidden}.bewerten-bild img{object-fit:cover;width:100%;height:100%}.noten{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.note{height:46px;box-shadow:inset 0 0 0 1.5px var(--linie-stark);background:#fff;border-radius:12px;font-size:15px;font-weight:500;transition:transform .1s}.note:hover{background:var(--tinte);color:var(--papier);box-shadow:none}.note:active{transform:scale(.94)}.punkte{gap:5px;display:flex}.punkte i{background:var(--papier-3);border-radius:50%;width:8px;height:8px}.punkte i.voll{background:var(--tinte)}.feed{flex-direction:column;flex:1;min-height:0;display:flex}.feed-kopf{justify-content:space-between;align-items:center;padding:56px 18px 8px;display:flex}.feed-kopf .rechts{align-items:center;gap:8px;display:flex}.pille{border:1px solid var(--linie);color:var(--tinte-2);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:500;display:inline-flex}.pille.warn{border-color:var(--akzent);color:var(--akzent-tief);background:var(--akzent-hell)}.schalter{color:var(--tinte-2);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.schalter i{background:var(--papier-3);border-radius:11px;flex:none;width:36px;height:21px;transition:background .2s;position:relative}.schalter i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 3px #00000040}.schalter.an i{background:var(--akzent)}.schalter.an i:after{left:17.5px}.stapel{flex:1;min-height:0;margin:6px 16px 0;position:relative}.karte{background:var(--papier-2);touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:26px;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 40px -24px #16130f80}.karte.zieht{transition:none}.karte.weg{opacity:0;transition:transform .45s cubic-bezier(.3,.7,.4,1),opacity .4s}.karte.hinten{opacity:.85;transform:scale(.94)translateY(16px)}.karte.hinten2{opacity:.5;transform:scale(.88)translateY(32px)}.karte img{object-fit:cover;pointer-events:none;width:100%;height:100%}.karte .verlauf{background:linear-gradient(#0a080600 45%,#0a080659 68%,#0a0806db 100%);position:absolute;inset:0}.karte .info{color:#fff;gap:5px;padding:18px 20px 20px;display:grid;position:absolute;bottom:0;left:0;right:0}.karte .info h3{font-family:var(--display);letter-spacing:-.02em;color:#fff;font-size:30px;font-weight:500}.karte .info h3 span{opacity:.85;margin-left:8px;font-weight:300}.karte .meta{opacity:.9;align-items:center;gap:6px;font-size:13.5px;display:flex}.karte .bio{opacity:.95;font-size:14.5px;line-height:1.4}.karte .oben-chip{background:var(--akzent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 6px 20px -6px #d2482acc}.stempel{font-family:var(--display);letter-spacing:.04em;opacity:0;border:3px solid;border-radius:10px;padding:8px 14px;font-size:30px;font-weight:600;position:absolute;top:28px;transform:rotate(-14deg)}.stempel.ja{color:#7be0a6;border-color:#7be0a6;left:20px}.stempel.nein{color:#ff8a73;border-color:#ff8a73;right:20px;transform:rotate(14deg)}.aktionen{justify-content:center;gap:22px;padding:16px 0 14px;display:flex}.aktion{background:#fff;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .12s;display:grid;box-shadow:0 10px 26px -12px #16130f80}.aktion:active{transform:scale(.92)}.aktion.nein{color:var(--tinte-2)}.aktion.ja{color:var(--akzent)}.leer{border:1.5px dashed var(--linie-stark);text-align:center;background:#fff;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 26px;display:flex;position:absolute;inset:0}.leer h3{font-size:30px}.overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--papier);text-align:center;background:#0e0c0af7;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px 26px;animation:.3s einblenden;display:flex;position:absolute;inset:0}@keyframes einblenden{0%{opacity:0}to{opacity:1}}.overlay h2{color:var(--papier);font-size:46px}.overlay h2 em{color:#f0a28d}.match-bilder{align-items:center;margin:6px 0;display:flex}.match-bilder img{object-fit:cover;border:4px solid var(--papier);border-radius:50%;width:118px;height:118px}.match-bilder img+img{margin-left:-26px}.match-bilder .du{border:4px solid var(--papier);background:var(--tinte-2);width:118px;height:118px;font-family:var(--display);border-radius:50%;place-items:center;font-size:34px;display:grid}.overlay .btn.hell{color:var(--papier);box-shadow:inset 0 0 0 1.5px #f4eee466}.overlay .btn.hell:hover{background:#ffffff14}.match-liste{gap:4px;display:grid}.match-zeile{text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;padding:12px 8px;display:flex}.match-zeile:hover{background:#16130f0d}.match-zeile img{object-fit:cover;border-radius:50%;flex:none;width:58px;height:58px}.match-zeile b{font-size:16px;font-weight:500;display:block}.match-zeile small{color:var(--tinte-3);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13px;display:block;overflow:hidden}.neue-reihe{gap:12px;margin-bottom:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.neue-reihe img{object-fit:cover;border:2.5px solid var(--akzent);border-radius:50%;flex:none;width:68px;height:68px;padding:2px}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-kopf{border-bottom:1px solid var(--linie);align-items:center;gap:12px;padding:54px 16px 10px;display:flex}.chat-kopf img{object-fit:cover;border-radius:50%;width:40px;height:40px}.chat-kopf b{font-weight:500}.chat-kopf small{color:var(--tinte-3);font-size:12px;display:block}.chat-verlauf{flex-direction:column;flex:1;gap:8px;padding:16px 16px 8px;display:flex;overflow-y:auto}.blase{border-radius:18px;max-width:78%;padding:10px 14px;font-size:15px;line-height:1.4}.blase.ich{background:var(--tinte);color:var(--papier);border-bottom-right-radius:6px;align-self:flex-end}.blase.du{border:1px solid var(--linie);background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.blase.tippt{color:var(--tinte-3);font-style:italic}.chat-start{text-align:center;color:var(--tinte-3);padding:20px 20px 10px;font-size:13px}.chat-start b{color:var(--tinte);margin-bottom:4px;font-size:15px;font-weight:500;display:block}.chat-eingabe{border-top:1px solid var(--linie);background:var(--papier);gap:8px;padding:10px 14px 28px;display:flex}.chat-eingabe input{font:inherit;border:1.5px solid var(--linie-stark);background:#fff;border-radius:999px;flex:1;padding:12px 16px}.chat-eingabe input:focus{border-color:var(--tinte);outline:none}.chat-eingabe button{background:var(--akzent);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.profil-kopf{align-items:center;gap:16px;margin-bottom:22px;display:flex}.profil-kopf img,.profil-kopf .avatar{object-fit:cover;background:var(--tinte);width:84px;height:84px;color:var(--papier);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:30px;display:grid}.profil-kopf h2{font-size:30px}.block{border:1px solid var(--linie);background:#fff;border-radius:18px;gap:10px;margin-bottom:12px;padding:16px;display:grid}.block h4{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.block p{color:var(--tinte-2);font-size:14px;line-height:1.45}.block .zeile{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}input[type=range]{width:100%;accent-color:var(--akzent)}.backstage{z-index:35;width:420px;color:var(--papier);background:#14110e;padding:26px 24px 100px;font-size:13.5px;animation:.25s hereinschieben;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-30px 0 60px -40px #000c}@keyframes hereinschieben{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.backstage h3{color:var(--papier);margin-bottom:4px;font-size:24px}.backstage .eyebrow{color:#a79e92}.backstage p{color:#cfc6b8;line-height:1.5}.backstage .bs-block{border:1px solid #f4eee424;border-radius:14px;gap:10px;margin-top:14px;padding:14px;display:grid}.backstage .bs-block h4{color:var(--papier);margin:0;font-size:13px;font-weight:600}.backstage .gross{font-family:var(--display);color:#f0a28d;font-size:40px;line-height:1}.backstage table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.backstage th{text-align:left;color:#a79e92;border-bottom:1px solid #f4eee424;padding:6px 4px;font-size:11.5px;font-weight:500}.backstage td{vertical-align:middle;border-bottom:1px solid #f4eee412;padding:7px 4px}.backstage td img{object-fit:cover;border-radius:50%;width:28px;height:28px}.status{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.status.band{color:#9fe3bf;background:#1f4d38}.status.oben{color:#ffb3a3;background:#4a1f16}.status.unten{color:#cfc6b8;background:#2c2823}.status.unten.an{color:#f2d9a8;background:#3d3629}.status.like-oben{background:var(--akzent);color:#fff}.backstage .schalter{color:#cfc6b8}.backstage code{color:#f0a28d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (width<=900px){.backstage{width:100%;padding-bottom:140px}}