/* DigitalOmi Assistent – eigenständig, gilt nur innerhalb von .do-ass */
.do-ass{--a-rot:#A51606;--a-rot-d:#7A0F05;--a-hell:#FBEBE8;--a-papier:#FFFFFF;--a-flaeche:#FAF6F3;--a-tinte:#221E1C;--a-tinte2:#4A423F;--a-linie:#E2D7D0;--a-chip:#F4EAE5;
  position:fixed;right:20px;bottom:20px;z-index:99990;font-family:'Atkinson Hyperlegible','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:18px;line-height:1.55;color:var(--a-tinte)}
[data-modus="nacht"] .do-ass,.do-ass.nacht{--a-rot:#FFA08F;--a-rot-d:#FFC4B8;--a-hell:#2B1411;--a-papier:#0B0B0B;--a-flaeche:#141414;--a-tinte:#FFFFFF;--a-tinte2:#E6E6E6;--a-linie:#5C5C5C;--a-chip:#1E1E1E}
.do-ass *,.do-ass *::before,.do-ass *::after{box-sizing:border-box}
.do-ass button,.do-ass input{font:inherit;letter-spacing:normal;text-transform:none}
.do-ass-start{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 22px 0 18px;border:0;border-radius:999px;background:var(--a-rot);color:#fff;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .2s}
[data-modus="nacht"] .do-ass-start{color:#000}
.do-ass-start:hover{transform:translateY(-2px)}
.do-ass-start svg{width:28px;height:28px}
.do-ass.offen .do-ass-start{display:none}
.do-ass-fenster{position:fixed;right:20px;bottom:20px;width:min(440px,calc(100vw - 24px));height:min(680px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--a-papier);border:1px solid var(--a-linie);border-radius:24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);overflow:hidden}
.do-ass-fenster[hidden]{display:none}
.do-ass-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px 20px;background:var(--a-rot);color:#fff}
[data-modus="nacht"] .do-ass-kopf{color:#000}
.do-ass-kopf strong{display:block;font-size:18px}
.do-ass-kopf small{display:block;font-size:13px;opacity:.9}
.do-ass-zu{width:48px;height:48px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.do-ass-verlauf{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:var(--a-flaeche)}
.do-ass-blase{max-width:92%;padding:14px 16px;border-radius:18px;word-wrap:break-word}
.do-ass-blase p{margin:0 0 8px}.do-ass-blase p:last-child{margin-bottom:0}
.do-ass-blase ul{margin:6px 0 8px;padding-left:20px}
.do-ass-bot{align-self:flex-start;background:var(--a-papier);border:1px solid var(--a-linie);border-bottom-left-radius:6px}
.do-ass-nutzer{align-self:flex-end;background:var(--a-rot);color:#fff;border-bottom-right-radius:6px}
[data-modus="nacht"] .do-ass-nutzer{color:#000}
.do-ass a{color:var(--a-rot-d);font-weight:700}
.do-ass-nutzer a{color:inherit}
.do-ass-link{display:inline-block;margin-top:4px}
.do-ass-tel{white-space:nowrap}
.do-ass-warn{background:var(--a-hell);border-left:4px solid var(--a-rot);padding:10px 12px;border-radius:0 10px 10px 0}
.do-ass-quelle{margin-bottom:6px}
.do-ass-quelle span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--a-rot-d)}
.do-ass-quelle strong{display:block;font-size:17px}
.do-ass-auch,.do-ass-zusatz{font-size:15px;font-weight:700;margin-top:10px!important}
.do-ass-liste{font-size:16px}
.do-ass-liste small{color:var(--a-tinte2)}
.do-ass-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.do-ass-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid var(--a-linie);background:var(--a-chip);color:var(--a-tinte);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;text-align:left}
.do-ass-chip:hover{border-color:var(--a-rot)}
.do-ass-vorlesen{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:40px;padding:4px 12px;border-radius:10px;border:1px solid var(--a-linie);background:transparent;color:var(--a-tinte2);font-size:14px;font-weight:700;cursor:pointer}
.do-ass-vorlesen svg{width:18px;height:18px}
.do-ass-tippt{display:flex;gap:6px;padding:16px 18px}
.do-ass-tippt span{width:9px;height:9px;border-radius:50%;background:var(--a-tinte2);animation:doAssPunkt 1s infinite ease-in-out}
.do-ass-tippt span:nth-child(2){animation-delay:.15s}.do-ass-tippt span:nth-child(3){animation-delay:.3s}
@keyframes doAssPunkt{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.do-ass-eingabe{display:flex;gap:8px;padding:12px;border-top:1px solid var(--a-linie);background:var(--a-papier)}
.do-ass-eingabe input{flex:1;min-height:56px;border:2px solid var(--a-linie);border-radius:16px;padding:0 16px;background:var(--a-flaeche);color:var(--a-tinte);font-size:18px}
.do-ass-eingabe input:focus{outline:none;border-color:var(--a-rot);box-shadow:0 0 0 4px var(--a-hell)}
.do-ass-eingabe button{width:56px;min-height:56px;border:0;border-radius:16px;background:var(--a-rot);color:#fff;cursor:pointer}
[data-modus="nacht"] .do-ass-eingabe button{color:#000}
.do-ass-eingabe svg{width:26px;height:26px}
.do-ass-fuss{margin:0;padding:8px 14px 12px;font-size:12.5px;color:var(--a-tinte2);background:var(--a-papier)}
.do-ass-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.do-ass :focus-visible{outline:3px solid #E3AE4F;outline-offset:2px}
/* Platz für den „Nach oben“-Knopf */
.do-lb .nach-oben{bottom:96px}
@media(max-width:600px){
  .do-ass{right:12px;bottom:12px}
  .do-ass-start span{display:none}.do-ass-start{width:62px;padding:0;justify-content:center}
  .do-ass-fenster{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}
  .do-lb .nach-oben{bottom:86px}
}
@media print{.do-ass{display:none!important}}
@media(prefers-reduced-motion:reduce){.do-ass *{animation:none!important;transition:none!important}}
@media(max-width:782px){body.admin-bar .do-ass-fenster{top:46px;height:calc(100dvh - 46px)}}

/* ═══ Schutz gegen Theme-Regeln (z. B. Phlox Pro: eigene Button-Abstände, Rundungen, Zeilenhöhen) ═══ */
.do-ass button,.do-ass input{margin:0!important;text-transform:none!important;letter-spacing:normal!important;text-shadow:none!important;float:none!important;text-indent:0!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;font-family:inherit!important}
.do-ass button::before,.do-ass button::after{content:none!important;display:none!important}
.do-ass button svg{display:block!important;flex:none;margin:0!important}
.do-ass .do-ass-start{display:inline-flex!important;align-items:center!important;height:60px!important;padding:0 22px 0 18px!important;border-radius:999px!important;line-height:1!important;border:0!important;background:var(--a-rot)!important;color:#fff!important;width:auto!important}
[data-modus="nacht"] .do-ass .do-ass-start{color:#000!important}
.do-ass.offen .do-ass-start{display:none!important}
.do-ass .do-ass-zu{display:inline-grid!important;place-items:center!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;border:2px solid currentColor!important;background:transparent!important;color:inherit!important;font-size:28px!important;line-height:1!important;flex:0 0 48px!important}
.do-ass .do-ass-eingabe button{display:inline-grid!important;place-items:center!important;width:56px!important;height:56px!important;padding:0!important;border-radius:16px!important;border:0!important;background:var(--a-rot)!important;color:#fff!important;line-height:1!important;flex:0 0 56px!important}
[data-modus="nacht"] .do-ass .do-ass-eingabe button{color:#000!important}
.do-ass .do-ass-eingabe input{height:56px!important;padding:0 16px!important;border-radius:16px!important;line-height:normal!important;box-shadow:none}
.do-ass .do-ass-chip{display:inline-flex!important;align-items:center!important;height:auto!important;min-height:44px!important;padding:8px 14px!important;border-radius:999px!important;line-height:1.3!important;width:auto!important;white-space:normal!important;background:var(--a-chip)!important;color:var(--a-tinte)!important;border:2px solid var(--a-linie)!important}
.do-ass .do-ass-vorlesen{display:inline-flex!important;align-items:center!important;height:auto!important;min-height:40px!important;padding:4px 12px!important;border-radius:10px!important;line-height:1.2!important;background:transparent!important;color:var(--a-tinte2)!important;border:1px solid var(--a-linie)!important;width:auto!important}
@media(max-width:600px){.do-ass .do-ass-start{width:62px!important;padding:0!important;justify-content:center!important}}

/* ═══ Oberfläche 2: ruhiger Kopf, Themenkarten, klare Antworten ═══ */
.do-ass .do-ass-fenster{overflow:hidden;background:var(--a-flaeche);outline:0;box-shadow:0 24px 70px -18px rgba(34,30,28,.45)}
.do-ass .do-ass-kopf{gap:6px;padding:12px 12px 12px 16px;background:var(--a-papier);border-bottom:1px solid var(--a-linie);color:var(--a-tinte)}
.do-ass-logo{flex:none;display:grid;place-items:center;width:42px;height:42px;margin-right:6px;background:var(--a-hell);border-radius:50%}
.do-ass-logo img{display:block;width:27px;height:auto}
.do-ass-name{flex:1;min-width:0}
.do-ass .do-ass-kopf strong{font-size:17px;line-height:1.25}
.do-ass .do-ass-kopf small{color:var(--a-tinte2);font-size:13px;line-height:1.3;opacity:1}
.do-ass .do-ass-kopf .do-ass-aktion{flex:none;display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--a-tinte2)!important;cursor:pointer;text-decoration:none}
.do-ass .do-ass-kopf .do-ass-aktion:hover{background:var(--a-chip)!important;color:var(--a-rot)!important}
.do-ass-aktion svg{display:block;width:22px;height:22px}
.do-ass .do-ass-verlauf{position:relative;gap:14px;padding:18px 16px;background:var(--a-flaeche)}
.do-ass-willkommen{padding:6px 2px}
.do-ass .do-ass-willkommen h2{margin:0 0 6px;color:var(--a-tinte);font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:700;line-height:1.2}
.do-ass-willkommen>p{margin:0 0 16px;color:var(--a-tinte2);font-size:16px}
.do-ass-themen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.do-ass .do-ass-thema{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;width:100%!important;height:auto!important;min-height:104px;padding:14px!important;border:1px solid var(--a-linie)!important;border-radius:14px!important;background:var(--a-papier)!important;color:var(--a-tinte)!important;font-size:15.5px;font-weight:700;line-height:1.25!important;text-align:left;white-space:normal!important;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.do-ass .do-ass-thema:hover{border-color:var(--a-rot)!important;box-shadow:0 6px 16px -8px rgba(34,30,28,.35)}
.do-ass-thema span{display:grid;place-items:center;width:34px;height:34px;background:var(--a-hell);border-radius:50%;color:var(--a-rot)}
.do-ass-thema svg{width:20px;height:20px}
.do-ass .do-ass-blase{font-size:17px}
.do-ass .do-ass-bot{align-self:stretch;max-width:100%;padding:16px;background:var(--a-papier);border:1px solid var(--a-linie);border-radius:16px}
.do-ass .do-ass-nutzer{max-width:85%;padding:10px 15px;border-radius:16px 16px 4px 16px;font-weight:600}
.do-ass .do-ass-tippt{align-self:flex-start;padding:16px 18px}
.do-ass .do-ass-quelle{margin-bottom:8px}
.do-ass .do-ass-quelle span{color:var(--a-rot);font-size:12px}
.do-ass .do-ass-quelle strong{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.25}
.do-ass .do-ass-link{display:block;margin-top:6px;padding:11px 14px;background:var(--a-hell);border-radius:10px;font-size:16px;text-decoration:none}
.do-ass .do-ass-link:hover{text-decoration:underline}
.do-ass .do-ass-chips{gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--a-linie)}
.do-ass .do-ass-chip{background:transparent!important;border:1px solid var(--a-linie)!important;font-size:14.5px;font-weight:600}
.do-ass .do-ass-chip:hover{border-color:var(--a-rot)!important;color:var(--a-rot)!important}
.do-ass .do-ass-vorlesen{min-height:44px!important;margin-top:8px;padding:4px 8px 4px 0!important;border:0!important;font-weight:600}
.do-ass .do-ass-vorlesen:hover{color:var(--a-rot)!important}
.do-ass .do-ass-eingabe{position:relative;margin:0;padding:12px 12px 8px;border-top:1px solid var(--a-linie)}
.do-ass .do-ass-eingabe input{width:100%;height:54px!important;padding:0 62px 0 18px!important;border:1px solid var(--a-linie)!important;border-radius:999px!important;font-size:17px}
.do-ass .do-ass-eingabe input:focus{border-color:var(--a-rot)!important;box-shadow:0 0 0 3px var(--a-hell)}
.do-ass .do-ass-eingabe button{position:absolute;top:17px;right:17px;width:44px!important;height:44px!important;min-height:44px;border-radius:50%!important}
.do-ass .do-ass-eingabe input:placeholder-shown+button{opacity:.45}
.do-ass .do-ass-eingabe svg{width:22px;height:22px}
.do-ass .do-ass-fuss{padding:0 16px 10px;font-size:12.5px;line-height:1.4;text-align:center}
@media(max-width:600px){.do-ass .do-ass-fenster{border:0}.do-ass-kopf small{display:none}.do-ass .do-ass-kopf strong{font-size:16px}}
.do-ass .do-ass-fuss{display:flex;flex-direction:column;gap:2px;padding:2px 12px 12px;font-size:12px;line-height:1.45;text-align:center}
.do-ass .do-ass-fuss a{color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:var(--a-linie);text-underline-offset:2px}
.do-ass .do-ass-fuss a:hover{color:var(--a-rot)}
.do-ass .do-ass-fuss .do-ass-notruf{color:var(--a-rot);font-weight:700;text-decoration:none}
/* Solange der Assistent offen ist, liegt nichts über ihm; alle Themen passen ohne Scrollen */
.do-ass-auf .omi-start{display:none!important}
.do-ass .do-ass-thema{flex-direction:row;align-items:center;min-height:68px;padding:10px 12px!important;font-size:15px}
.do-ass-thema span{flex:none}
.do-ass .do-ass-willkommen h2{font-size:23px}
.do-ass-willkommen>p{margin-bottom:14px}

/* ═══ Einstieg und persönlicher Plan ═══ */
.do-ass .do-ass-willkommen{margin:-18px -16px 0;padding:0}
.do-ass-held{padding:20px 18px 18px;background:linear-gradient(150deg,#A51606,#6E0D04);color:#fff}
.do-ass .do-ass-held h2{margin:0 0 16px;color:#fff;font-size:24px}
.do-ass .do-ass-plan-start{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%!important;height:auto!important;min-height:66px;padding:12px 16px!important;border:0!important;border-radius:14px!important;background:#fff!important;color:#A51606!important;text-align:left;cursor:pointer;box-shadow:0 10px 24px -12px rgba(0,0,0,.6);transition:transform .15s}
.do-ass .do-ass-plan-start:hover{transform:translateY(-2px)}
.do-ass-plan-start strong{display:block;color:#221E1C;font-size:17px;line-height:1.25}
.do-ass-plan-start small{display:block;color:#4A423F;font-size:14px;font-weight:400;line-height:1.3}
.do-ass-plan-start svg{flex:none;width:24px;height:24px}
.do-ass .do-ass-willkommen .do-ass-oder{margin:14px 16px 8px!important;color:var(--a-tinte2);font-size:14px;font-weight:700}
.do-ass .do-ass-willkommen .do-ass-themen{margin:0 16px 16px;gap:8px}
.do-ass .do-ass-thema{min-height:58px;padding:8px 10px!important;gap:8px;font-size:14.5px}
.do-ass-thema span{width:30px;height:30px}
.do-ass-lotse h2{margin:18px 0 16px;color:var(--a-tinte);font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.2;outline:0}
.do-ass-lotse-kopf{display:flex;align-items:center;gap:8px;color:var(--a-tinte2);font-size:14px;font-weight:700}
.do-ass .do-ass-plan-zurueck{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--a-tinte)!important;cursor:pointer}
.do-ass .do-ass-plan-zurueck:hover{background:var(--a-chip)!important}
.do-ass-plan-zurueck svg{width:22px;height:22px}
.do-ass-balken{height:6px;margin-top:6px;background:var(--a-linie);border-radius:6px;overflow:hidden}
.do-ass-balken i{display:block;height:100%;background:var(--a-rot);border-radius:6px;transition:width .25s}
.do-ass-wahl{display:grid;gap:8px}
.do-ass .do-ass-wahl button{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%!important;height:auto!important;min-height:56px;padding:10px 16px!important;border:1px solid var(--a-linie)!important;border-radius:14px!important;background:var(--a-papier)!important;color:var(--a-tinte)!important;font-size:16.5px;font-weight:700;line-height:1.25!important;text-align:left;cursor:pointer}
.do-ass .do-ass-wahl button:hover{border-color:var(--a-rot)!important;color:var(--a-rot)!important}
.do-ass-wahl svg{flex:none;width:20px;height:20px;color:var(--a-rot)}
.do-ass-schritte{margin:10px 0 14px;padding:0;list-style:none;counter-reset:s}
.do-ass-schritte li{position:relative;padding:0 0 16px 42px;counter-increment:s}
.do-ass-schritte li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;background:var(--a-rot);border-radius:50%;color:#fff;font-size:15px;font-weight:700}
[data-modus="nacht"] .do-ass-schritte li::before{color:#000}
.do-ass-schritte li:not(:last-child)::after{content:"";position:absolute;left:14px;top:34px;bottom:2px;width:2px;background:var(--a-linie)}
.do-ass-schritte p{margin:2px 0 4px;font-size:16px}
.do-ass .do-ass-anruf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:8px 14px;background:var(--a-rot);border-radius:12px;color:#fff;font-size:15.5px;text-align:center;text-decoration:none}
[data-modus="nacht"] .do-ass .do-ass-anruf{color:#000}
.do-ass-anruf svg{flex:none;width:20px;height:20px}
.do-ass .do-ass-plan-hinweis{margin:10px 0 0;color:var(--a-tinte2);font-size:13px}
.do-ass .do-ass-anruf{justify-content:flex-start;gap:14px;min-height:64px;padding:10px 18px;text-align:left}
.do-ass-anruf svg{width:24px;height:24px}
.do-ass-anruf span,.do-ass-anruf small,.do-ass-anruf strong{display:block}
.do-ass-anruf small{font-size:14px;font-weight:500;line-height:1.3}
.do-ass-anruf strong{font-size:18px;font-weight:700;line-height:1.3;white-space:nowrap}
.do-ass a.do-ass-anruf,.do-ass a.do-ass-anruf:link,.do-ass a.do-ass-anruf:visited,.do-ass a.do-ass-anruf:hover,.do-ass a.do-ass-anruf:focus,.do-ass a.do-ass-anruf:active{background:var(--a-rot)!important;color:#fff!important;opacity:1!important;text-decoration:none!important}
.do-ass a.do-ass-anruf:hover,.do-ass a.do-ass-anruf:focus-visible{background:var(--a-rot-d)!important}
.do-ass a.do-ass-anruf *{color:inherit!important}
[data-modus="nacht"] .do-ass a.do-ass-anruf,[data-modus="nacht"] .do-ass a.do-ass-anruf:hover,[data-modus="nacht"] .do-ass a.do-ass-anruf:visited,[data-modus="nacht"] .do-ass a.do-ass-anruf:focus{color:#000!important}

/* ═══ Kopf: eine Fläche mit dem Einstieg, ruhige runde Aktionen ═══ */
.do-ass .do-ass-kopf,[data-modus="nacht"] .do-ass .do-ass-kopf{gap:4px;padding:12px 10px 12px 14px;background:#8A1206;border-bottom:0;color:#fff}
.do-ass .do-ass-kopf strong{color:#fff;font-size:17px;white-space:nowrap}
.do-ass .do-ass-kopf small{color:#fff;font-size:13px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.do-ass-logo{width:44px;height:44px;margin-right:8px;background:#fff}
.do-ass .do-ass-kopf .do-ass-aktion,.do-ass .do-ass-kopf .do-ass-aktion:link,.do-ass .do-ass-kopf .do-ass-aktion:visited,.do-ass .do-ass-kopf .do-ass-aktion:focus,.do-ass .do-ass-kopf .do-ass-aktion:active{width:40px!important;height:40px!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;box-shadow:none!important}
.do-ass .do-ass-kopf .do-ass-aktion:hover{background:rgba(255,255,255,.18)!important;color:#fff!important}
.do-ass .do-ass-kopf .do-ass-aktion:focus-visible{outline:3px solid #fff!important;outline-offset:-3px}
.do-ass-aktion svg{width:21px;height:21px}
.do-ass-held{padding-top:10px;background:linear-gradient(180deg,#8A1206,#6E0D04)}
@media(max-width:600px){.do-ass .do-ass-kopf strong{font-size:16px}.do-ass .do-ass-kopf small{display:block}}
@media(max-width:600px){.do-ass .do-ass-kopf small{display:none}.do-ass-logo{width:38px;height:38px;margin-right:6px}.do-ass-logo img{width:24px}.do-ass .do-ass-kopf .do-ass-aktion:nth-child(n){width:38px!important;height:44px!important}.do-ass .do-ass-kopf strong{font-size:15.5px}}

/* Offen liegt das Fenster über allem; auf dem Handy ist es eine eigene Vollbild-Ansicht */
.do-ass-auf .do-ass{z-index:2147483000}
@media(max-width:600px){
  html.do-ass-auf,html.do-ass-auf body{overflow:hidden!important}
  .do-ass-auf .dog-leiste,.do-ass-auf .nach-oben{display:none!important}
  .do-ass .do-ass-fenster{top:0;left:0;right:0;bottom:0;width:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
}
