/* DEUFINA Geräte: realistisches iPhone (Titan, Silber) und App-Oberfläche */
.dfg-geraet{--rx:0deg;--ry:0deg;--lx:30%;--ly:20%;--wa:115deg;--sx:0px;--sy:26px;--n:#002839;--h:#99D9F6;--s:#FFE67F;--k:#FF3862;--t:#02C3E4;--b:#941972;--ne:#ECEDE8;--ink:#0b1116;position:relative;display:block;aspect-ratio:71.5/149.6;width:300px;border-radius:15.2%/7.3%;transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(var(--sx) var(--sy) 34px rgba(0,22,32,.34)) drop-shadow(calc(var(--sx)*.4) calc(var(--sy)*.35) 10px rgba(0,22,32,.22));-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.35;text-align:left}
.dfg-rahmen{position:absolute;inset:0;border-radius:inherit;padding:1.25%;background:linear-gradient(var(--wa),#d9dde1 0%,#f7f8f9 9%,#a9afb5 20%,#e9ecee 33%,#8c939a 47%,#dfe2e5 60%,#7d848b 74%,#eceff1 88%,#b3b9bf 100%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.9),inset 0 0 0 1.6px rgba(90,98,106,.55),inset 0 1px 1px rgba(255,255,255,.8)}
.dfg-glanz{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120px 220px at var(--lx) var(--ly),rgba(255,255,255,.95),rgba(255,255,255,0) 70%);mix-blend-mode:soft-light;opacity:.9}
.dfg-taste{position:absolute;width:1.1%;border-radius:2px;background:linear-gradient(90deg,#8a9097,#e8ebee 45%,#9aa0a6);box-shadow:0 0 0 .5px rgba(70,76,82,.5)}
.dfg-taste--a{left:-.8%;top:17%;height:4.2%}.dfg-taste--l1{left:-.8%;top:24.5%;height:7.4%}.dfg-taste--l2{left:-.8%;top:33.5%;height:7.4%}.dfg-taste--r{right:-.8%;top:27%;height:11.5%}.dfg-taste--k{right:-.8%;top:56%;height:6%;background:linear-gradient(90deg,#9aa0a6,#d5d9dd 55%,#7e858c)}
.dfg-glas{container-type:inline-size;position:relative;width:100%;height:100%;border-radius:13.9%/6.6%;background:#030405;padding:2.5%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.dfg-display{position:relative;width:100%;height:100%;border-radius:12%/5.7%;overflow:hidden;background:#F3F4F0;container-type:inline-size;isolation:isolate}
.dfg-reflex{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:40;background:radial-gradient(60% 35% at var(--lx) var(--ly),rgba(255,255,255,.14),rgba(255,255,255,0) 70%),linear-gradient(calc(var(--wa) - 5deg),rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 62%,rgba(255,255,255,.05) 74%,rgba(255,255,255,0) 82%)}
.dfg-insel{position:absolute;z-index:45;left:50%;top:3.6%;width:31%;height:3.55%;transform:translateX(-50%);border-radius:99px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .55s cubic-bezier(.3,1.35,.5,1),height .55s cubic-bezier(.3,1.35,.5,1),top .55s}
.dfg-linse{position:absolute;right:9%;top:50%;width:.7em;height:.7em;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4f78 0 18%,#0d1420 40%,#05070b 70%);box-shadow:0 0 0 1px #111;font-size:clamp(5px,1.6cqi,9px)}
.dfg-insel__text{display:flex;align-items:center;gap:.5em;color:#fff;font-weight:600;font-size:clamp(7px,3.3cqi,13px);white-space:nowrap;opacity:0;transition:opacity .2s}
.dfg-insel__text .dfg-i{width:1.3em;height:1.3em;color:#30d158}
.dfg-insel.ist-offen{width:88%;height:6.4%;top:3%}
.dfg-insel.ist-offen .dfg-insel__text{opacity:1;transition-delay:.2s}
.dfg-insel.ist-offen .dfg-linse{opacity:0}
.dfg-display{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',var(--df-text,Inter),system-ui,sans-serif;font-size:3.55cqi;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:'tnum' 1}
.dfg-i{display:block;width:1em;height:1em;flex:0 0 auto}
.dfg-sb{position:absolute;z-index:30;top:3.1%;left:9.5%;right:7.5%;height:3.6%;display:flex;align-items:center;justify-content:space-between;color:#0b1116;font-size:1.05em;pointer-events:none;transition:color .3s}
.dfg-sb b{font-weight:600;letter-spacing:-.01em;padding-left:.4em}
.dfg-sb span{display:flex;align-items:center;gap:.32em}
.dfg-sb .dfg-i{height:.78em;width:1.15em}.dfg-sb .dfg-i:nth-child(2){width:1.05em}.dfg-sb .dfg-i:nth-child(3){width:1.8em}
.ist-dunkel .dfg-sb{color:#fff}
.dfg-stapel{position:absolute;inset:0}
.dfg-screen{position:absolute;inset:0;background:#F3F4F0;overflow:hidden}
.dfg-screen--dunkel{background:linear-gradient(180deg,#00354b 0%,#002839 45%,#001b27 100%);color:#fff}
.dfg-inhalt{position:absolute;inset:0;padding:15.5% 5.2% 30%;display:flex;flex-direction:column;gap:.62em;overflow:hidden}
.dfg-geraet--app .dfg-inhalt{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.dfg-geraet--app .dfg-inhalt::-webkit-scrollbar{display:none}
.dfg-inhalt>*{flex:0 0 auto}
.ein-push{transform:translateX(100%);z-index:2;box-shadow:-20px 0 40px rgba(0,0,0,.12)}
.aus-push{transform:translateX(0)}
.ein-push.los{transform:translateX(0);transition:transform .45s cubic-bezier(.2,.9,.25,1)}
.aus-push.los{transform:translateX(-28%);filter:brightness(.92);transition:transform .45s cubic-bezier(.2,.9,.25,1),filter .45s}
.ein-pop{transform:translateX(-28%);filter:brightness(.92)}
.ein-pop.los{transform:none;filter:none;transition:transform .42s cubic-bezier(.2,.9,.25,1),filter .42s}
.aus-pop{z-index:3}
.aus-pop.los{transform:translateX(100%);transition:transform .42s cubic-bezier(.2,.9,.25,1)}
.ein-blende{opacity:0;transform:scale(1.015)}
.ein-blende.los{opacity:1;transform:none;transition:opacity .3s ease,transform .4s ease}
.dfg-navk{display:flex;align-items:center;justify-content:space-between;margin:-.4em 0 -.1em;color:var(--t)}
.dfg-screen--dunkel .dfg-navk{color:var(--h)}
.dfg-zur{display:inline-flex;align-items:center;gap:.15em;font-weight:500;font-size:1.02em;cursor:pointer;color:#007aff}
.dfg-screen--dunkel .dfg-zur{color:var(--h)}
.dfg-zur .dfg-i{width:1.2em;height:1.2em}
.dfg-navk b{font-weight:600;color:var(--ink);opacity:0}
.dfg-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:.6em;margin-bottom:.15em}
.dfg-kopf__r{display:flex;align-items:center;gap:.45em}
.dfg-unter{color:#6b777e;font-size:.9em}
.dfg-screen--dunkel .dfg-unter,.dfg-screen--dunkel .dfg-mini{color:rgba(255,255,255,.66)}
.dfg-titel{font-family:var(--df-display,'Inter Tight'),sans-serif;font-weight:800;font-size:1.95em;letter-spacing:-.04em;line-height:1.05}
.dfg-titel--klein{font-size:1.2em;letter-spacing:-.025em}
.dfg-pb{width:2.65em;height:2.65em;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(0,40,57,.18)}
.dfg-pb--klein{width:2.1em;height:2.1em;margin-left:auto}
.dfg-pb--xl{width:5.4em;height:5.4em;box-shadow:0 0 0 3px #fff,0 10px 24px rgba(0,40,57,.2)}
.dfg-av{width:2.45em;height:2.45em;border-radius:50%;object-fit:cover;display:block;flex:0 0 auto}
.dfg-rund{position:relative;width:2.3em;height:2.3em;border-radius:50%;background:rgba(0,40,57,.07);display:grid;place-items:center;color:var(--n)}
.dfg-rund .dfg-i{width:1.1em;height:1.1em}
.dfg-rund i{position:absolute;top:.38em;right:.42em;width:.5em;height:.5em;border-radius:50%;background:var(--k);box-shadow:0 0 0 2px #F3F4F0}
.dfg-karte{background:#fff;border-radius:1.35em;padding:.95em 1em;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,40,57,.06)}
.dfg-k--flach{padding:.15em .95em}
.dfg-k--gross{padding:1.15em 1.1em}
.dfg-k--nacht{background:var(--n);color:#fff}
.dfg-k--himmel{background:var(--h)}
.dfg-k--sonne{background:var(--s)}
.dfg-k--koralle{background:var(--k);color:#fff}
.dfg-k--tief{background:#0a3a50;color:#fff;box-shadow:none}
.dfg-k--nacht .dfg-mini,.dfg-k--koralle .dfg-mini,.dfg-k--tief .dfg-mini{color:rgba(255,255,255,.72)}
.dfg-mini--d{color:rgba(0,40,57,.7)!important}
.dfg-reihe{display:flex;align-items:center;justify-content:space-between;gap:.6em}
.dfg-gross{font-family:var(--df-display,'Inter Tight'),sans-serif;font-weight:800;font-size:2em;letter-spacing:-.04em;line-height:1;margin:.12em 0 .08em}
.dfg-gross--xl{font-size:2.6em}
.dfg-mini{font-size:.82em;color:#66737b}
.dfg-chip{display:inline-flex;align-items:center;gap:.35em;font-size:.78em;font-weight:700;padding:.32em .75em;border-radius:99px;background:rgba(0,40,57,.07);white-space:nowrap}
.dfg-chip--rot{background:rgba(255,56,98,.14);color:#c0123b}
.dfg-chip--gruen{background:rgba(2,195,228,.16);color:#006d80}
.dfg-chip--hell{background:rgba(153,217,246,.18);color:var(--h)}
.dfg-chip--klar{background:rgba(255,255,255,.2);color:#fff}
.dfg-chips{display:flex;flex-wrap:wrap;gap:.4em}
.dfg-wahl .dfg-chip{cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,40,57,.14);padding:.55em .9em;font-size:.86em;transition:background .2s,color .2s}
.dfg-wahl .dfg-chip.an{background:var(--n);color:#fff;box-shadow:none}
.dfg-segment{display:flex;gap:3px;height:.55em;margin-top:.75em;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.12)}
.dfg-segment b{width:var(--w);display:block}
.dfg-legende{display:flex;gap:.9em;margin-top:.55em;font-size:.74em;color:rgba(255,255,255,.72)}
.dfg-legende i{display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.35em}
.dfg-schnell{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}
.dfg-sq{display:flex;flex-direction:column;align-items:center;gap:.35em;font-size:.78em;font-weight:600;color:#3d4a52;cursor:pointer}
.dfg-sq b{width:3.4em;height:3.4em;border-radius:1.05em;background:#fff;display:grid;place-items:center;color:var(--n);box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 16px rgba(0,40,57,.07)}
.dfg-sq .dfg-i{width:1.5em;height:1.5em}
.dfg-abschnitt{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:1.02em;padding:.3em .2em 0}
.dfg-abschnitt em{font-style:normal;font-weight:600;font-size:.86em;color:#007aff;cursor:pointer}
.dfg-screen--dunkel .dfg-abschnitt em{color:var(--h)}
.dfg-liste{display:grid}
.dfg-zeile{display:flex;align-items:center;gap:.7em;padding:.66em 0;border-bottom:1px solid rgba(0,40,57,.07)}
.dfg-liste>.dfg-zeile:last-child{border-bottom:0}
.dfg-k--tief .dfg-zeile,.dfg-screen--dunkel .dfg-zeile{border-color:rgba(255,255,255,.1)}
.dfg-zeile--frei{background:#fff;border-radius:1.1em;padding:.7em .9em;border:0}
.dfg-zeile__m{flex:1;min-width:0}
.dfg-zeile__m strong{display:block;font-size:.98em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfg-zeile__m .dfg-mini{display:block;margin-top:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfg-rechts{font-weight:700;white-space:nowrap}
.dfg-plus{color:#007c8c}.dfg-minus,.dfg-rot{color:#d71f48}
.dfg-chev{color:#b5bdc2;margin-left:-.2em}
.dfg-chev .dfg-i{width:.95em;height:.95em}
.dfg-chev--w{color:rgba(255,255,255,.8)}
.dfg-ico{width:2.25em;height:2.25em;border-radius:.72em;display:grid;place-items:center;flex:0 0 auto}
.dfg-ico .dfg-i{width:1.22em;height:1.22em}
.dfg-ico--frei{background:none!important;width:auto;height:auto}
.dfg-ico--frei .dfg-i{width:1.7em;height:1.7em}
.dfg-ico--gross{width:3.6em;height:3.6em;border-radius:1.1em;margin:0 auto .5em}
.dfg-ico--gross .dfg-i{width:1.8em;height:1.8em}
.dfg-balken{height:.55em;border-radius:99px;background:rgba(0,40,57,.1);overflow:hidden;margin-top:.5em}
.dfg-balken b{display:block;height:100%;border-radius:99px;background:var(--n);width:var(--w)}
.dfg-k--nacht .dfg-balken{background:rgba(255,255,255,.18)}
.dfg-punkt{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--k);margin-right:.38em}
.dfg-punkt--gruen{background:#30c06f}
.dfg-knopf--klein{font-size:.8em;font-weight:700;padding:.5em .9em;border-radius:99px;background:var(--n);color:#fff;cursor:pointer}
.dfg-push{background:#fff;border-radius:1.3em;padding:.8em .95em;box-shadow:0 12px 30px rgba(0,40,57,.16)}
.dfg-push__kopf{display:flex;align-items:center;gap:.5em;font-size:.8em;color:#66737b;margin-bottom:.3em}
.dfg-push__kopf span{margin-left:auto}
.dfg-push__kopf i{width:1.5em;height:1.5em;border-radius:.45em;background:var(--n)}
.dfg-hinweiszeile{margin-top:.75em;padding:.5em .7em;border-radius:.8em;background:rgba(255,56,98,.2);color:#ffc2cf;font-size:.82em;font-weight:600}
.dfg-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:.5em;margin-top:.8em}
.dfg-btn{display:flex;align-items:center;justify-content:center;gap:.4em;text-align:center;font-weight:700;padding:.8em .5em;border-radius:1em;background:rgba(255,255,255,.14);cursor:pointer;transition:background .2s,transform .15s}
.dfg-karte:not(.dfg-k--nacht):not(.dfg-k--koralle):not(.dfg-k--tief) .dfg-btn{background:rgba(0,40,57,.07)}
.dfg-btn--hell{background:var(--h)!important;color:var(--n)}
.dfg-btn--rand{background:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.dfg-btn--dunkel{background:var(--n)!important;color:#fff}
.dfg-btn--hellgrau{background:#fff!important;color:var(--n);box-shadow:inset 0 0 0 1px rgba(0,40,57,.12)}
.dfg-btn--koralle{background:var(--k)!important;color:#fff;padding:.95em}
.dfg-btn--gross{padding:1em;font-size:1.05em;margin-top:.3em}
.dfg-btn .dfg-i{width:1.2em;height:1.2em}
.dfg-btn.laedt{color:transparent!important;position:relative;pointer-events:none}
.dfg-btn.laedt::after{content:'';position:absolute;width:1.2em;height:1.2em;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:dfg-dreh .7s linear infinite}
.dfg-btn.fertig{background:#30c06f!important;color:#fff}
.dfg-btn.richtig{background:#30c06f!important;color:#fff}
.dfg-btn.falsch{background:var(--k)!important;color:#fff}
.dfg-quiz-erg{font-size:.85em;margin-top:.6em;color:rgba(255,255,255,.85)}
.dfg-quiz-erg:empty{display:none}
.dfg-status{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.45em;padding:.8em;border-radius:1em;font-weight:700;background:rgba(48,192,111,.2);color:#9ff0c1;animation:dfg-auf .4s ease}
.ist-nein .dfg-status{background:rgba(255,255,255,.12);color:#fff}
.dfg-status .dfg-i{width:1.2em;height:1.2em}
.dfg-schalter{position:relative;width:2.95em;height:1.8em;border-radius:99px;background:#d4d8da;flex:0 0 auto;cursor:pointer;transition:background .25s}
.dfg-schalter i{position:absolute;top:.17em;left:.17em;width:1.46em;height:1.46em;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.dfg-schalter.an{background:#30c06f}
.dfg-schalter.an i{transform:translateX(1.15em)}
.dfg-saeulen{display:grid;grid-template-columns:repeat(7,1fr);gap:.5em;height:6.2em;margin-top:.7em}
.dfg-saeulen span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35em;height:100%}
.dfg-saeulen b{display:block;width:100%;height:calc(var(--h)*.76);min-height:.4em;border-radius:.45em;background:rgba(0,40,57,.82)}
.dfg-saeulen .hoch b{background:var(--k)}
.dfg-saeulen em{font-style:normal;font-size:.7em;color:#7d888e;font-weight:600}
.dfg-radar{position:relative;height:7.2em;display:grid;place-items:center}
.dfg-radar i{position:absolute;left:50%;top:44%;border-radius:50%;border:1px solid rgba(153,217,246,.28);transform:translate(-50%,-50%)}
.dfg-radar i:nth-child(1){width:2.6em;height:2.6em}.dfg-radar i:nth-child(2){width:4.6em;height:4.6em}
.dfg-radar i:nth-child(3){width:6.6em;height:6.6em;background:conic-gradient(from 0deg,rgba(153,217,246,.42),rgba(153,217,246,0) 22%);animation:dfg-sweep 3.2s linear infinite}
.dfg-radar b{position:absolute;left:50%;top:44%;width:.75em;height:.75em;border-radius:50%;background:var(--h);transform:translate(-50%,-50%);box-shadow:0 0 0 .45em rgba(153,217,246,.18)}
.dfg-radar span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.76em;color:rgba(255,255,255,.7);font-weight:600}
.dfg-zitat{margin-top:.5em;padding:.55em .7em;border-radius:.8em;background:rgba(0,0,0,.15);font-size:.85em;font-style:italic}
.dfg-serie{display:flex;flex-direction:column;align-items:center;line-height:1}
.dfg-serie strong{font-family:var(--df-display,'Inter Tight');font-size:1.5em;font-weight:800;margin-top:.1em}
.dfg-serie em{font-style:normal;font-size:.7em;color:rgba(0,40,57,.68)}
.dfg-woche{display:grid;grid-template-columns:repeat(7,1fr);gap:.32em;margin-top:.8em}
.dfg-woche span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:.7em;font-weight:700;background:rgba(255,255,255,.6);color:rgba(0,40,57,.5)}
.dfg-woche span.an{background:var(--n);color:#fff}
.dfg-ring{width:4.8em;height:4.8em;flex:0 0 auto}
.dfg-ring circle{fill:none;stroke-width:9}
.dfg-kat{display:grid;gap:.55em;margin-top:.8em}
.dfg-kat>div{display:grid;grid-template-columns:6.2em 1fr auto;align-items:center;gap:.6em;font-size:.86em}
.dfg-kat p{margin:0;height:.6em;border-radius:99px;background:rgba(0,40,57,.07);overflow:hidden}
.dfg-kat i{display:block;height:100%;width:var(--w);border-radius:99px}
.dfg-kat b{font-weight:700}
.dfg-vergleich{display:grid;gap:.8em;margin-top:.8em}
.dfg-vergleich>div{display:grid;grid-template-columns:1fr auto;gap:.35em}
.dfg-vergleich span{font-size:.86em;color:#4a5961}
.dfg-vergleich b{font-weight:800}
.dfg-vergleich p{grid-column:1/-1;margin:0;height:.75em;border-radius:99px;background:rgba(0,40,57,.07);overflow:hidden}
.dfg-vergleich i{display:block;height:100%;width:var(--w);border-radius:99px}
.dfg-dok{position:relative;height:7.5em;border-radius:1em;background:#fff;box-shadow:0 6px 20px rgba(0,40,57,.08);padding:1em 1.1em;display:grid;gap:.5em;align-content:start;overflow:hidden}
.dfg-dok i{display:block;height:.5em;border-radius:99px;background:#e6e9e4}
.dfg-dok i:nth-child(1){width:45%;background:#cdd3cf}.dfg-dok i:nth-child(2){width:85%}.dfg-dok i:nth-child(3){width:70%}.dfg-dok i:nth-child(4){width:30%;background:rgba(255,56,98,.45)}
.dfg-dok b{position:absolute;left:0;right:0;height:2px;top:0;background:var(--t);box-shadow:0 0 12px var(--t);animation:dfg-scan 2.4s ease-in-out infinite}
.dfg-hinweis{display:flex;align-items:center;gap:.4em;justify-content:center}
.dfg-hinweis .dfg-i{width:1em;height:1em}
.dfg-tab{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;padding:.6em .3em 2.1em;background:#f9faf8;border-top:1px solid rgba(0,40,57,.08)}
.ist-dunkel .dfg-tab{background:#00202e;border-top-color:rgba(255,255,255,.08)}
.dfg-tab span{display:flex;flex-direction:column;align-items:center;gap:.2em;color:#9aa4a9;cursor:pointer;min-width:3.4em}
.dfg-tab .dfg-i{width:1.5em;height:1.5em}
.dfg-tab em{font-style:normal;font-size:.62em;font-weight:600;white-space:nowrap}
.dfg-tab span.an{color:var(--n)}
.ist-dunkel .dfg-tab span{color:rgba(255,255,255,.45)}
.ist-dunkel .dfg-tab span.an{color:var(--h)}
.dfg-hi{position:absolute;left:50%;bottom:1.2%;z-index:50;width:34%;height:.42em;border-radius:99px;background:#0b1116;transform:translateX(-50%);pointer-events:none}
.ist-dunkel .dfg-hi{background:#fff}
.dfg-schleier{position:absolute;inset:0;z-index:25;background:rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .35s}
.dfg-sheet{position:absolute;left:0;right:0;bottom:0;z-index:26;max-height:86%;overflow-y:auto;scrollbar-width:none;background:#F3F4F0;border-radius:1.6em 1.6em 0 0;padding:.6em 5.2% 2.6em;display:flex;flex-direction:column;gap:.7em;transform:translateY(105%);transition:transform .5s cubic-bezier(.2,.9,.25,1);box-shadow:0 -10px 40px rgba(0,0,0,.18)}
.sheet-offen .dfg-schleier{opacity:1;pointer-events:auto}
.sheet-offen .dfg-sheet{transform:none}
.sheet-offen .dfg-sb{color:#fff}
.dfg-sheet__griff{width:2.6em;height:.32em;border-radius:99px;background:#c9cdc8;margin:0 auto .3em}
.dfg-sheet__kopf{display:flex;align-items:center;gap:.7em}
.dfg-profil{display:flex;flex-direction:column;align-items:center;gap:.35em;text-align:center;padding:.4em 0}
.dfg-profil strong{font-size:1.25em;margin-top:.4em}
.dfg-betrag{font-family:var(--df-display,'Inter Tight');font-weight:800;font-size:2.8em;letter-spacing:-.04em;text-align:center;padding:.2em 0}
.dfg-betrag.puls{animation:dfg-puls .35s ease}
.dfg-wahl--betrag{justify-content:center}
.dfg-kopf--chat{align-items:center;justify-content:flex-start;gap:.6em;padding-bottom:.7em;border-bottom:1px solid rgba(0,40,57,.08)}
.dfg-assist{width:2.45em;height:2.45em;border-radius:.85em;background:linear-gradient(140deg,#0a4a66,var(--n));color:var(--h);display:grid;place-items:center;flex:0 0 auto}
.dfg-assist .dfg-i{width:1.35em;height:1.35em}
.dfg-zeit{text-align:center;font-size:.72em;color:#8a959b}
.dfg-chatverlauf{display:flex;flex-direction:column;gap:.6em}
.dfg-blase{max-width:85%;padding:.75em .95em;border-radius:1.2em;font-size:.96em}
.dfg-blase--ich{align-self:flex-end;background:var(--n);color:#fff;border-bottom-right-radius:.35em}
.dfg-blase--app{align-self:flex-start;background:#fff;box-shadow:0 6px 18px rgba(0,40,57,.08);border-bottom-left-radius:.35em}
.dfg-blase.neu{animation:dfg-auf .35s ease}
.dfg-tippt{display:flex;gap:.3em;padding:.9em 1em}
.dfg-tippt i{width:.45em;height:.45em;border-radius:50%;background:#a7b1b6;animation:dfg-punkte 1s infinite}
.dfg-tippt i:nth-child(2){animation-delay:.15s}.dfg-tippt i:nth-child(3){animation-delay:.3s}
.dfg-quelle{display:flex;align-items:center;gap:.4em;margin-top:.6em;padding:.45em .6em;border-radius:.75em;background:#ECEDE8;font-size:.8em;font-weight:600;color:var(--n)}
.dfg-quelle .dfg-i{width:1.05em;height:1.05em}
.dfg-vorschlaege{display:flex;flex-wrap:wrap;gap:.4em}
.dfg-vorschlaege span{padding:.5em .85em;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,40,57,.16);font-size:.82em;font-weight:600;color:var(--n);cursor:pointer}
.dfg-eingabe{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:99px;padding:.45em .5em .45em 1em;color:#8a959b;box-shadow:0 6px 18px rgba(0,40,57,.08);margin-top:auto}
.dfg-eingabe__r{display:flex;align-items:center;gap:.6em}
.dfg-eingabe__r>.dfg-i{width:1.2em;height:1.2em}
.dfg-eingabe b{width:2.1em;height:2.1em;border-radius:50%;background:var(--n);color:#fff;display:grid;place-items:center}
.dfg-geraet--app [data-tippen]{cursor:pointer;transition:transform .16s ease,filter .16s}
.dfg-geraet--app [data-tippen]:active,.dfg-geraet--app [data-tippen].getippt{transform:scale(.965);filter:brightness(.96)}
.dfg-geraet--app .dfg-zeile[data-tippen]:active{transform:none;background:rgba(0,40,57,.04)}
.dfg-geraet--app .dfg-display:focus-visible{outline:3px solid var(--k);outline-offset:2px}
@keyframes dfg-sweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes dfg-dreh{to{transform:rotate(360deg)}}
@keyframes dfg-auf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dfg-puls{50%{transform:scale(1.08)}}
@keyframes dfg-punkte{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes dfg-scan{0%{top:6%}50%{top:90%}100%{top:6%}}
@media (prefers-reduced-motion:reduce){.dfg-geraet{transition:none}.dfg-radar i:nth-child(3),.dfg-dok b{animation:none}.los{transition:none!important}}