/* Redesign v8 Abendrot (Claude Design, 14.10.2026) – eingebunden nach v7.css
   static/v8.css · in oberflaeche.seite() als letzte Datei nach v7.css (?v=1; bei jeder Änderung hochzählen).
   Bereichsregeln hängen an data-werkzeug an <div class="seite"> (aus _rahmen(): akquise, blacklist,
   zugaenge, vertrieb, teams-zugang, abwicklung, brand, start, team, suche, statistik; Anmelden: anmelden).
   Jede Regel trägt ihre ID aus den Einbauplänen (umbau8v/*.json). Contact Finder und Content AI
   laden diese Datei nicht (eigene Blöcke). */

/* ==========================================================================
   1. Grundlagen & Rahmen
   Flacher Grund, flaches Glas, Kopfleiste, Startkacheln, Statistik AI (Plan rahmen.json).
   ========================================================================== */
/* rd-g01 */
:root{--grund:#FAF4EC}
/* rd-g02 */
.aurora{display:none}
/* rd-g03 */
.buehne{padding-bottom:130px}
/* rd-g04 */
@media (max-width:760px){.buehne{padding-bottom:100px}}
/* rd-c01 */
.glas:where(:not(.tkarte)){background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 1px 2px rgba(35,32,27,.04),0 18px 50px -24px rgba(35,32,27,.18)}
/* rd-c04 */
.tkarte{background:rgba(255,255,255,.74);box-shadow:0 1px 2px rgba(35,32,27,.04),0 18px 44px -20px rgba(35,32,27,.22)}
/* rd-c05 */
.anmelden form{background:rgba(255,255,255,.78);box-shadow:0 1px 2px rgba(35,32,27,.04),0 18px 50px -24px rgba(35,32,27,.18)}
/* rd-c06 */
.sonne .oben,.sonne .unten{background:var(--orange-500)}
/* rd-c07 */
.tfoto.tleer{background:var(--orange-500)}
/* rd-k01 */
.insel .marke,.insel .schalter,.insel .profilmenue summary,.insel .suchfeld input,.insel .suchfeld .lupe,.buehne .schalter{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.65);box-shadow:0 1px 2px rgba(35,32,27,.04)}
/* rd-k02 */
.insel .suchfeld input:focus{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.65);box-shadow:0 0 0 4px rgba(246,132,26,.16)}
/* rd-k03 */
.profilmenue .menue{background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.05),0 24px 60px -16px rgba(35,32,27,.28)}
/* rd-k04 */
.profilmenue[open] .menue{animation:fadeUp .18s var(--ease-out) both}
/* rd-k05 */
.marke .sonne-klein i{background:var(--orange-500)}
/* rd-k06 */
@media (max-width:1359px){.insel:has(.nebenreiter) .mittegruppe .schalter:not(.blick) a{height:30px;padding:0 11px;font-size:12px}}
/* rd-k07 */
.schalter .zahl,.werkzeug .merker{box-sizing:content-box}
/* rd-s01 */
.werkzeug .symbol{background:var(--orange-500);box-shadow:none}
/* rd-s02 */
.werkzeug .symbol svg{stroke-width:2}
/* rd-s03 */
.werkzeug:hover{transform:none;background:rgba(255,255,255,.82);box-shadow:0 1px 2px rgba(35,32,27,.04),0 18px 50px -24px rgba(35,32,27,.18)}
/* rd-s04 */
.werkzeuge{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
/* rd-t01 */
.kachel.hervor .wert{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--orange-600)}
/* rd-t02 */
.st-block .saeule .gesendet.voll{background:var(--orange-500)}
/* rd-t03 */
@media (min-width:761px){.st-block .statreihe{grid-template-columns:minmax(0,1.63fr) minmax(0,1fr)}}
/* rd-t04 */
.st-block .wochen{align-items:end}
/* rd-t05 */
.st-block .saeule{flex:none;height:180px}
/* rd-t06 */
.st-block .spalte>.statkarte:only-child{flex:1 1 auto}
/* rd-x01 */
.ktoast{bottom:104px}

/* ==========================================================================
   2. Dock
   Leiste unten auf allen Seiten aus _rahmen(); Markup aus _dock() in app.py, Rechtsklick in v8.js.
   ========================================================================== */
/* rd-d01 */
.dock{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
/* rd-d02 */
.dock-leiste{pointer-events:auto;display:flex;align-items:flex-end;gap:6px;max-width:100%;padding:8px;border-radius:26px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 2px rgba(35,32,27,.05),0 18px 50px -20px rgba(35,32,27,.25)}
/* rd-d03 */
.dock-k{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.7);color:var(--ink-700);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-med) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}
/* rd-d04 */
.dock-k:hover{color:var(--ink-700)}
/* rd-d05 */
.dock-k[hidden]{display:none}
/* rd-d06 */
.dock-k svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* rd-d07 */
.dock-k.an,.dock-k.an:hover{background:var(--orange-500);color:#fff}
/* rd-d08 */
.dock-k.an::after{content:"";position:absolute;left:50%;bottom:-7px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ink-700)}
/* rd-d09 */
.dock-zahl{position:absolute;top:-5px;right:-5px;box-sizing:content-box;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--apple-red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
/* rd-d10 */
.dock-trenn{flex:none;width:1px;height:34px;margin:0 4px 7px;background:rgba(35,32,27,.12)}
/* rd-d11 */
.dock-trenn:has(+.dock-k[hidden]){display:none}
/* rd-d12 */
.dock-tip{position:absolute;left:-100px;right:-100px;bottom:calc(100% + 14px);width:max-content;margin:0 auto;padding:7px 12px;border-radius:10px;font-size:12.5px;font-weight:600;line-height:normal;white-space:nowrap;color:var(--ink-900);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(35,32,27,.16);pointer-events:none;opacity:0;visibility:hidden}
/* rd-d13 */
.dock-tip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:rgba(255,255,255,.94);border-bottom:0}
/* rd-d14 */
@media (hover:hover){.dock-k:hover{transform:translateY(-4px)}}
/* rd-d15 */
@media (hover:hover){.dock-k:hover .dock-tip,.dock-k:focus-visible .dock-tip{opacity:1;visibility:visible;animation:fadeUp .15s var(--ease-out) both}}
/* rd-d16 */
.dock-k:focus-visible{outline:3px solid rgba(246,132,26,.4);outline-offset:2px}
/* rd-d17 */
.dock-menue{position:fixed;z-index:51;box-sizing:content-box;width:220px;padding:6px;border-radius:18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(35,32,27,.18);animation:fadeUp .16s var(--ease-out) both}
/* rd-d18 */
.dock-mkopf{padding:6px 12px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-300)}
/* rd-d19 */
.dock-mtrenn+.dock-mkopf{padding-bottom:4px}
/* rd-d20 */
.dock-mpunkt{display:block;width:100%;padding:9px 12px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:13.5px;font-weight:500;text-align:left;color:var(--ink-900);cursor:pointer}
/* rd-d21 */
.dock-mpunkt:hover,.dock-mpunkt:focus-visible{background:rgba(246,132,26,.1);color:var(--orange-700);outline:none}
/* rd-d22 */
.dock-mtrenn{height:1px;margin:4px 8px;background:rgba(35,32,27,.08)}
/* rd-d23 */
@media (max-width:760px){.dock{bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:0 10px}}
/* rd-d24 */
@media (max-width:760px){.dock-leiste{min-width:0;gap:4px;padding:6px;border-radius:22px}}
/* rd-d25 */
@media (max-width:760px){.dock-k{flex:0 1 auto;width:46px;min-width:0;height:44px;border-radius:13px}}
/* rd-d26 */
@media (max-width:760px){.dock-k svg{width:22px;height:22px}}
/* rd-d27 */
@media (max-width:760px){.dock-trenn,.dock-k[data-dock="team"]:not(.an){display:none}}
/* rd-d28 */
@media (max-width:760px){.dock-k.an::after{bottom:-5px}}
/* rd-d29 */
@media (hover:none){.seite:has(:is(input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="file"],[type="hidden"]),textarea,[contenteditable="true"]):focus) .dock{display:none}}
/* rd-d30 */
@media print{.dock,.dock-menue{display:none}}

/* ==========================================================================
   3. Rückfragen
   Dialog statt confirm() – baut v8.js (Plan dialoge-mail.json).
   ========================================================================== */
/* dm-d01 */
dialog.sdfrage{width:calc(100% - 40px);max-width:300px;max-height:calc(100% - 40px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink-900);overflow:visible}
/* dm-d02 */
dialog.sdfrage[open]{animation:sdf-auf .18s cubic-bezier(0,0,.2,1) both}
/* dm-d03 */
dialog.sdfrage::backdrop{background:rgba(35,32,27,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* dm-d04 */
.sdf-box{box-sizing:border-box;border-radius:24px;padding:22px 20px 18px;background:rgba(242,240,236,.94);border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(35,32,27,.3)}
/* dm-d05 */
.sdf-titel{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink-900);overflow-wrap:anywhere}
/* dm-d06 */
.sdf-text{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--ink-700);overflow-wrap:anywhere}
/* dm-d07 */
.sdf-knoepfe{display:flex;flex-direction:column;gap:8px;margin-top:18px}
/* dm-d08 */
.sdf-knopf{width:100%;height:44px;border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;transition:filter var(--duration-fast) var(--ease-standard)}
/* dm-d09 */
.sdf-knopf:hover{filter:brightness(.96)}
/* dm-d10 */
.sdf-knopf:focus-visible{outline:3px solid rgba(246,132,26,.4);outline-offset:2px}
/* dm-d11 */
.sdf-knopf.haupt{background:var(--orange-500);color:#fff}
/* dm-d12 */
.sdf-knopf.weg{background:rgba(255,59,48,.16);color:var(--danger-500,#D70015)}
/* dm-d13 */
.sdf-knopf.ab{background:rgba(35,32,27,.08);color:var(--ink-900)}
/* dm-d14 */
@keyframes sdf-auf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ==========================================================================
   4. Mail-Komposer
   Akquise (#senden, .hinweisform), Vertrieb/Abwicklung/Kampagne (form.lentwurf), Brand (form.bentwurf).
   ========================================================================== */
/* dm-m01 */
:is(.entwurf form#senden,.entwurf form.hinweisform,form.lentwurf,form.bentwurf) .feldzeile{grid-template-columns:92px minmax(0,1fr);gap:10px;min-height:44px;border-bottom-color:rgba(35,32,27,.08)}
/* dm-m02 */
:is(.entwurf form#senden,.entwurf form.hinweisform,form.lentwurf,form.bentwurf) .feldzeile>label{font-size:14.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-500)}
/* dm-m03 */
:is(.entwurf form#senden,.entwurf form.hinweisform,form.lentwurf,form.bentwurf) .feldzeile>label::after,form.bentwurf>label>span::after{content:":"}
/* dm-m04 */
:is(.entwurf form#senden,.entwurf form.hinweisform,form.lentwurf,form.bentwurf) .feldzeile>input.blank{height:32px;font-size:15px}
/* dm-m05 */
.feldzeile.von>.vonwer{min-width:0;font-size:15px;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* dm-m06 */
form.bentwurf{position:relative;gap:0}
/* dm-m07 */
form.bentwurf>label{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;border-bottom:1px solid rgba(35,32,27,.08)}
/* dm-m08 */
form.bentwurf>label>span{font-size:14.5px;color:var(--ink-500)}
/* dm-m09 */
form.bentwurf>label>input{height:32px;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;font-size:15px;color:var(--ink-900)}
/* dm-m10 */
form.bentwurf>label>input:focus{outline:none;box-shadow:none}
/* dm-m11 */
form.bentwurf>label>input[name="betreff"]{font-weight:500}
/* dm-m12 */
form.bentwurf>textarea{margin-top:16px;min-height:200px;padding:0;border:0;border-radius:0;background:transparent;font-size:14.5px;line-height:1.7;color:var(--ink-900)}
/* dm-m13 */
@media (min-width:761px){:is(form.lentwurf,form.bentwurf) .mailfeld{font-size:14.5px!important;line-height:1.7!important}}
/* dm-m14 */
form.bentwurf .mailfeld{padding:0!important;min-height:200px!important}
/* dm-m14b */
@media (max-width:760px){form.bentwurf>textarea,form.bentwurf .mailfeld{font-size:16px!important;line-height:1.7!important}}
/* dm-m15 */
.vinhalt form.bentwurf>.aktionen{margin-top:18px;padding-top:16px;border-top:1px solid rgba(35,32,27,.06)}
/* dm-m15b */
form.bentwurf .feldzeile>label{display:block}
/* dm-m16 */
.entwurf form#senden,:is(.vkachel,.kkampagne) form.lentwurf{position:relative}
/* dm-m17 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer:first-child,.entwurf form#senden>.aktionen>.knopf.primaer{position:absolute;top:2px;right:0;z-index:1;width:40px;min-width:0;height:40px;padding:0;gap:0;border-radius:50%;font-size:0;line-height:0;color:#fff;box-shadow:none;background:var(--orange-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E") center/20px 20px no-repeat}
/* dm-m18 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer:first-child:hover,.entwurf form#senden>.aktionen>.knopf.primaer:hover{background-color:var(--orange-600)}
/* dm-m19 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer:first-child:disabled,.entwurf form#senden>.aktionen>.knopf.primaer:disabled{opacity:.55;cursor:progress}
/* dm-m20 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer.busy:first-child{background-image:none}
/* dm-m21 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer:first-child>.spin{margin:0}
/* dm-m22 */
.entwurf form#senden>.aktionen>.knopf.primaer{top:8px;right:32px}
/* dm-m23 */
@media (max-width:760px){.entwurf form#senden>.aktionen>.knopf.primaer{right:22px}}
/* dm-m24 */
.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vkachel .vinhalt>form.lentwurf>.aktionen>.knopf.primaer:first-child{top:22px;right:24px}
/* dm-m25 */
@media (max-width:760px){.seite:has(.insel a[href="/vertrieb?ansicht=kunden"]) .vkachel .vinhalt>form.lentwurf>.aktionen>.knopf.primaer:first-child{top:18px;right:16px}}
/* dm-m26 */
.entwurf form#senden>.feldzeile:first-of-type,:is(.vkachel,.kkampagne) form.lentwurf>.feldzeile:first-of-type,form.bentwurf>label:first-of-type{padding-right:52px}
/* dm-m27 */
@media (min-width:761px){.entwurf form#senden>textarea.blank{margin-top:18px;min-height:220px;font-size:15px}}
/* dm-m28 */
.sigvorschau{display:flex;gap:18px;align-items:flex-start;margin-top:26px;padding-top:4px}
/* dm-m29 */
.sigvorschau>.sv-foto{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover}
/* dm-m30 */
.sigvorschau>.sv-text{min-width:0;padding-left:16px;border-left:2px solid var(--orange-500);font-size:13px;line-height:1.5;color:var(--ink-900);overflow-wrap:anywhere}
/* dm-m31 */
.sigvorschau .sv-name{font-size:15px;font-weight:700;line-height:1.3}
/* dm-m32 */
.sigvorschau .sv-rolle{color:var(--ink-500)}
/* dm-m33 */
.sigvorschau .sv-logo{display:block;width:108px;height:auto;margin:12px 0 10px}
/* dm-m34 */
.sigvorschau .sv-adresse{color:var(--ink-700)}
/* dm-m35 */
.sigvorschau a{color:var(--apple-blue,#007AFF);text-decoration:none}
/* dm-m36 */
.sigvorschau .sv-slogan{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--orange-500)}
/* dm-a01 */
form.lentwurf+.dateien .ablage{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px 10px;padding:10px 14px;border:1px dashed rgba(35,32,27,.18);border-radius:12px;text-align:left;font-size:13px;color:var(--ink-500);background:transparent}
/* dm-a02 */
form.lentwurf+.dateien .ablage:hover,form.lentwurf+.dateien .ablage.drueber{border-color:var(--orange-400);color:var(--ink-900)}
/* dm-a03 */
form.lentwurf+.dateien .ablage:hover{background:transparent}
/* dm-a04 */
form.lentwurf+.dateien .ablage .pfeilhoch{flex:none;width:16px;height:16px;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786E62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.4 11.1-8.5 8.5a5.5 5.5 0 0 1-7.8-7.8l8.5-8.5a3.7 3.7 0 0 1 5.2 5.2l-8.5 8.5a1.8 1.8 0 0 1-2.6-2.6l7.8-7.8'/%3E%3C/svg%3E") center/16px 16px no-repeat}
/* dm-a05 */
form.lentwurf+.dateien .ablage .wort{font-size:13px;font-weight:400;color:inherit}
/* dm-a06 */
form.lentwurf+.dateien .ablage .wann{margin-left:auto}
/* dm-a07 */
form.lentwurf+.dateien .ablage .fortschritt{flex-basis:100%;width:auto;max-width:none}
/* dm-a08 */
form.lentwurf+.dateien .ablage.laeuft{border-color:var(--orange-500);background:rgba(246,132,26,.06)}

/* ==========================================================================
   5. Gemeinsame Karte & Zeitleiste (Vertrieb/Abwicklung/Brand)
   Aufklappkarten .vkachel, Zeitleiste, Pille/▾, Arbeitsfläche, Seitenspalte (Pläne rahmen.json, vertrieb.json).
   ========================================================================== */
/* rd-c02 */
.glas.vkachel{background:rgba(255,255,255,.68);-webkit-backdrop-filter:blur(40px) saturate(1.9);backdrop-filter:blur(40px) saturate(1.9);border-color:rgba(255,255,255,.6)}
/* rd-c03 */
.glas.vkachel[open]{background:rgba(255,255,255,.86)}
/* vk8-z01-linie-orange */
.vkachel .vablauf>:not(:first-child)::before{background:var(--orange-500)}
/* vk8-z02-punkt-offen */
.vkachel .vablauf .vschritt.offen>i{background:#FAF4EC}
/* vk8-k01-pfeil-rechts */
.vkachel>summary>.pfeil{justify-self:end;text-align:right}
/* vk8-k02-pille-pfeil */
@media (min-width:901px){.vkachel>summary:has(>.vjetzt){grid-template-columns:minmax(170px,230px) minmax(0,1fr) auto auto}}
/* vk8-k03-pille-pfeil-mittel */
@media (min-width:761px) and (max-width:900px){.vkachel>summary:has(>.vjetzt){grid-template-columns:minmax(0,1fr) auto auto}}
/* vk8-k04-pille-abstand-mittel */
@media (min-width:761px) and (max-width:900px){.vkachel>summary>.vjetzt{margin-right:-2px}}
/* vk8-a01-flaeche */
.vkachel .vhaupt{flex-basis:470px;box-shadow:0 1px 2px rgba(35,32,27,.03)}
/* vk8-a02-kopf */
.vkachel .vnaechster{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* vk8-a03-punkt */
.vkachel .vnaechster>i{flex:none;width:10px;height:10px;margin-right:-2px;border-radius:50%;background:var(--orange-500)}
/* vk8-a04-punkt-jetzt */
.vkachel .vnaechster.jetzt>i{box-shadow:0 0 0 4px rgba(246,132,26,.18)}
/* vk8-a05-punkt-gut */
.vkachel .vnaechster.gut>i{background:var(--success-500)}
/* vk8-a06-punkt-aus */
.vkachel .vnaechster.aus>i{background:var(--ink-300)}
/* vk8-a07-text */
.vkachel .vnaechster>.vn-text{flex:1 1 auto;min-width:0}
/* vk8-a08-titel */
.vkachel .vnaechster .vn-titel{font-size:11px;font-weight:600;line-height:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-300)}
/* vk8-a09-schritt */
.vkachel .vnaechster .vn-schritt{margin-top:2px;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:normal;letter-spacing:-.015em;color:var(--ink-900)}
/* vk8-a10-unten */
.vkachel .vnaechster>.vn-unten{flex:none;font-size:12.5px;line-height:normal;color:var(--ink-500);text-align:right}
/* vk8-a11-entwurf-abstand */
.vkachel .vhaupt>.vnaechster+.lentwurf{margin-top:2px}
/* vk8-a12-knopfzeile */
.vkachel .vhaupt>div.aktionen{gap:6px;margin-top:6px;padding-top:16px;border-top:1px solid rgba(35,32,27,.06)}
/* vk8-a13-hinweis-abstand */
.vkachel .lentwurf .lhinweis{margin-top:16px}
/* vk8-s01-felder-flach */
.vkachel .vseite>*{box-shadow:0 1px 2px rgba(35,32,27,.03)}
/* vk8-s02-notiz */
.vkachel .vseite>.vnotiz{font-size:13px;line-height:1.55;color:var(--ink-700)}
/* vk8-s02b-notiz-unten */
@media (min-width:761px){.vkachel .vseite>.vnotiz{padding-bottom:14px}}
/* vk8-s03-notiz-titel */
.vkachel .vseite>.vnotiz::before{content:"Notiz";margin-bottom:6px;display:block;font-size:11px;font-weight:600;line-height:normal;letter-spacing:.1em;text-transform:uppercase;white-space:normal;color:var(--ink-300)}
/* vk8-s04-verlauf */
.vkachel .vseite>.vverlauf{display:flex;flex-direction:column;gap:8px}
/* vk8-s05-verlauf-titel */
.vkachel .vseite>.vverlauf::before{content:"Verlauf";display:block;font-size:11px;font-weight:600;line-height:normal;letter-spacing:.1em;text-transform:uppercase;white-space:normal;color:var(--ink-300)}
/* vk8-s06-absender */
.vkachel .vseite .vabsender{padding:0}
/* vk8-s07-verlauf-oben */
.vkachel .vseite>.vverlauf:has(+.vfrueher){padding-bottom:6px;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}
/* vk8-s08-verlauf-unten */
.vkachel .vseite>.vverlauf+.vfrueher{margin-top:-10px;padding:0 18px 12px;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
/* vk8-s09-verlauf-unten-handy */
@media (max-width:760px){.vkachel .vseite>.vverlauf+.vfrueher{padding:0 14px 12px}}
/* vk8-s10-datei */
.vkachel .vseite>.vdatei{padding:12px 14px}
/* vk8-s11-datei-symbol */
.vkachel .vdatei>.symbol{border-radius:11px}
/* vk8-s12-datei-strich */
.vkachel .vdatei>.symbol svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* vk8-s13-datei-laden */
.vkachel .vdatei .vd-laden{font-size:12.5px}
/* vk8-s14-datei-laden-hover */
.vkachel .vdatei .vd-laden:hover{color:var(--orange-700)}
/* vk8-s15-verlauf-schalter-halt */
.vkachel .vverlauf:has(>.vfrueher){position:relative}
/* vk8-s16-verlauf-schalter-luecke */
.vkachel .vverlauf>.vfrueher{margin-top:-8px}
/* vk8-s17-verlauf-schalter */
.vkachel .vverlauf>.vfrueher>summary{position:absolute;top:14px;right:18px;padding:0;font-size:12px}
/* vk8-s18-verlauf-schalter-handy */
@media (max-width:760px){.vkachel .vseite>.vverlauf>.vfrueher>summary{top:12px;right:14px}}

/* ==========================================================================
   6. Akquise
   Nur .seite[data-werkzeug="akquise"] (Plan akquise.json).
   ========================================================================== */
/* ak8-karte */
.seite[data-werkzeug="akquise"] .karten>.karte{background:rgba(255,255,255,.46)}
/* ak8-karte-an */
.seite[data-werkzeug="akquise"] .karten>.karte.an{background:rgba(255,255,255,.94)}
/* ak8-karte-hover */
.seite[data-werkzeug="akquise"] .karten>.karte:not(.an):hover{background:rgba(255,255,255,.9)}
/* ak8-zweispalt-handy */
@media (max-width:760px){.seite[data-werkzeug="akquise"] .zweispalt{grid-template-columns:minmax(0,1fr)}}
/* ak8-hinweis-handy */
@media (max-width:760px){.seite[data-werkzeug="akquise"] .entwurf .hinweisform{padding-left:22px;padding-right:22px}}
/* ak8-rueckmeldung-form */
.seite[data-werkzeug="akquise"] .entwurf .rueckmeldung form{padding:0}
/* ak8-rueckmeldung-handy */
@media (max-width:760px){.seite[data-werkzeug="akquise"] .entwurf>.rueckmeldung{margin-left:22px;margin-right:22px}}
/* ak8-rueckmeldung-zeile */
.seite[data-werkzeug="akquise"] .rueckmeldung .zeile{flex-wrap:wrap}
/* ak8-dazusatz */
.seite[data-werkzeug="akquise"] .rueckmeldung .dazusatz{color:var(--ink-300);overflow-wrap:anywhere}
/* ak8-faden-nachricht */
.seite[data-werkzeug="akquise"] .entwurfverlauf .vnachricht,.seite[data-werkzeug="akquise"] .entwurfverlauf .vnachricht.rein{display:flex;flex-direction:column;gap:6px;padding:0;border-radius:0;background:none}
/* ak8-faden-kopf */
.seite[data-werkzeug="akquise"] .entwurfverlauf .vabsender{justify-content:space-between;gap:10px;margin:0;padding:0 4px}
/* ak8-faden-zeit */
.seite[data-werkzeug="akquise"] .entwurfverlauf .vabsender>span{color:var(--ink-300);font-variant-numeric:tabular-nums}
/* ak8-faden-text */
.seite[data-werkzeug="akquise"] .entwurfverlauf .vgesagt{padding:14px 16px;border-radius:16px;background:rgba(35,32,27,.04);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
/* ak8-faden-text-rein */
.seite[data-werkzeug="akquise"] .entwurfverlauf .vnachricht.rein .vgesagt{background:rgba(52,199,89,.1)}
/* ak8-faden-erste */
.seite[data-werkzeug="akquise"] .entwurfverlauf .mailverlauf>.vverlauf:first-child{margin-top:0}
/* ak8-ablauf-fuellung */
.seite[data-werkzeug="akquise"] .liste .vablauf:not(.fertig)::after{background:var(--orange-500)}
/* ak8-schritt-offen */
.seite[data-werkzeug="akquise"] .liste .vschritt.offen i{background:#FAF4EC}
/* ak8-antwort */
.seite[data-werkzeug="akquise"] .liste .antworttext{padding:14px 18px 16px;border-radius:16px;background:rgba(52,199,89,.1);box-shadow:none}
/* ak8-antwort-kopf */
.seite[data-werkzeug="akquise"] .liste .antworttext>.atkopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;white-space:normal}
/* ak8-antwort-von */
.seite[data-werkzeug="akquise"] .liste .antworttext>.atkopf>b{font-size:13px;font-weight:600;color:var(--success-500);overflow-wrap:anywhere}
/* ak8-antwort-wann */
.seite[data-werkzeug="akquise"] .liste .antworttext>.atkopf>span{flex:none;font-size:12px;color:var(--ink-300);font-variant-numeric:tabular-nums}
/* ak8-blacklist-klapp */
.seite[data-werkzeug="akquise"] .liste .blausklapp>summary{padding:0;background:none}
/* ak8-blacklist-handy */
@media (max-width:760px){.seite[data-werkzeug="akquise"] .liste .blausklapp,.seite[data-werkzeug="akquise"] .liste div.blausfaden{margin-left:22px;margin-right:22px}}
/* ak8-frueher-klapp */
.seite[data-werkzeug="akquise"] .liste .mailverlauf .vfrueher>summary{display:block;padding:2px 0;background:none}
/* ak8-mailverlauf */
@media (min-width:761px){.seite[data-werkzeug="akquise"] .liste .mailverlauf{padding:0 32px 6px}}
/* ak8-mehr-hover */
.seite[data-werkzeug="akquise"] .tag .mehr:hover{color:var(--orange-600)}
/* ak8-statreihe */
.seite[data-werkzeug="akquise"] .statreihe{display:flex;flex-wrap:wrap;align-items:stretch}
/* ak8-statreihe-links */
.seite[data-werkzeug="akquise"] .statreihe>.statkarte{flex:2 1 470px}
/* ak8-statreihe-rechts */
.seite[data-werkzeug="akquise"] .statreihe>.spalte{flex:1 1 260px}
/* ak8-kw-handy */
@media (max-width:760px){.seite[data-werkzeug="akquise"] .woche .kw{white-space:normal;text-align:center;line-height:1.2}}

/* ==========================================================================
   7. Blacklist
   Nur .seite[data-werkzeug="blacklist"] (Plan blacklist.json).
   ========================================================================== */
/* bl8-02 */
.seite[data-werkzeug="blacklist"] .blsuche{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border-color:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.04),0 18px 50px -24px rgba(35,32,27,.18)}
/* bl8-03 */
.seite[data-werkzeug="blacklist"] .blneu{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border-color:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(35,32,27,.04),0 12px 32px -14px rgba(35,32,27,.18)}
/* bl8-05 */
.seite[data-werkzeug="blacklist"] .bltreffer.gesperrt{background:var(--apple-red,#FF3B30)}
/* bl8-06 */
.seite[data-werkzeug="blacklist"] .bltreffer.frei{background:var(--apple-green,#34C759)}
/* bl8-07 */
.seite[data-werkzeug="blacklist"] .blleeren{font-size:13px}
/* bl8-08 */
.seite[data-werkzeug="blacklist"] .blneu form:has(input[name=wert]:invalid) .knopf.primaer,.seite[data-werkzeug="blacklist"] .blneu form:has(input[name=wert]:invalid) .knopf.primaer:hover{opacity:.5;cursor:not-allowed;background:var(--orange-500)}
/* bl8-09 */
.seite[data-werkzeug="blacklist"] .blmeta .blgeprueft{margin:0;font-size:inherit;line-height:inherit;color:inherit;min-width:0;overflow-wrap:anywhere}
/* bl8-10 */
.seite[data-werkzeug="blacklist"] .blmeta .blgeprueft b{color:inherit;font-weight:inherit}
/* bl8-11 */
.seite[data-werkzeug="blacklist"] .blgespeichert{margin-left:0;line-height:36px}
/* bl8-12 */
.seite[data-werkzeug="blacklist"] .blfilter a:not(.an):hover{color:var(--ink-500);filter:brightness(.97)}

/* ==========================================================================
   8. Vertrieb
   Nur .seite[data-werkzeug="vertrieb"] (Plan vertrieb.json).
   ========================================================================== */
/* v8-e01-felder-flach */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vinhalt>:is(.lentwurf,.aktionen,.vnotiz,.vbuchung,.vverlauf){box-shadow:0 1px 2px rgba(35,32,27,.03)}
/* v8-e02-ohne-buchung-links */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .lentwurf>.aktionen>.knopf.geist:not(.knopf.geist~.knopf.geist):not(:last-child){margin-left:0}
/* v8-e03-verwerfen-rechts */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .lentwurf>.aktionen>.knopf.geist:last-child{margin-left:auto}
/* v8-e04-zerstoeren-rechts */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .lentwurf>.aktionen>.zerstoeren{margin-left:auto}
/* v8-d01-dateien-huelle */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vinhalt .vbuchung.vdateien{display:flex;flex-direction:column;gap:10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
/* v8-d02-dateien-titel */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vinhalt .vbuchung.vdateien>b{display:none}
/* v8-d03-datei-karte */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vbuchung.vdateien>.vdatei{margin:0;padding:12px 14px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px rgba(35,32,27,.03)}
/* v8-u01-zweispaltig */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vinhalt:has(>.vhaupt){flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:16px}
/* v8-u02-trennlinie */
.seite[data-werkzeug="vertrieb"] .vkacheln>.glas.vkachel .vinhalt:has(>.vhaupt)>.trennlinie{margin:0 0 2px}
/* v8-u03-ohne-buchung-rechts */
.seite[data-werkzeug="vertrieb"] .vkachel .vhaupt>div.aktionen>form:last-child:has(>.knopf.geist){margin-left:auto}
/* v8-u04-buchung-titel */
.seite[data-werkzeug="vertrieb"] .vkachel .vseite>.vbuchung:not(.vdateien)>b{margin-bottom:6px;display:block;font-size:11px;font-weight:600;line-height:normal;letter-spacing:.1em;text-transform:uppercase;white-space:normal;color:var(--ink-300)}
/* v8-r01-rundmail-spalten */
@media (min-width:901px){.seite[data-werkzeug="vertrieb"] .vkachel[id^="r-"]>summary{grid-template-columns:minmax(170px,230px) minmax(0,1fr) 24px}}
/* v8-r02-rundmail-hover */
.seite[data-werkzeug="vertrieb"] .vkachel[id^="r-"]>summary:hover{background:transparent}
/* v8-n01-speichern-blass */
.seite[data-werkzeug="vertrieb"] form[action="/vertrieb/neu"]:has(input[name=firma]:invalid) .knopf.primaer,.seite[data-werkzeug="vertrieb"] form[action="/vertrieb/neu"]:has(input[name=firma]:invalid) .knopf.primaer:hover{opacity:.5;cursor:not-allowed;background:var(--orange-500)}

/* ==========================================================================
   9. Abwicklung
   Nur .seite[data-werkzeug="abwicklung"] (Plan abwicklung.json).
   ========================================================================== */
/* ab8-k01-guthaben-abstand */
.seite[data-werkzeug="abwicklung"] .vkachel .wer .gh{margin-top:2px}
/* ab8-k02-guthaben-gruen */
.seite[data-werkzeug="abwicklung"] .vkachel .gh.drin{color:var(--success-500)}
/* ab8-k03-guthaben-rot */
.seite[data-werkzeug="abwicklung"] .vkachel .gh.fehlt{color:var(--danger-500)}
/* ab8-k06-pfeil-handy */
@media (max-width:760px){.seite[data-werkzeug="abwicklung"] .vkachel>summary:has(>.vjetzt){grid-template-columns:minmax(0,1fr) auto}}
/* ab8-a05-knoepfe-abstand */
.seite[data-werkzeug="abwicklung"] .vhaupt>.kartenknoepfe{gap:6px}
/* ab8-a06-knoepfe-unten */
.seite[data-werkzeug="abwicklung"] .vhaupt:not(:has(>.lentwurf))>.kartenknoepfe{order:1;margin-top:6px;padding-top:16px;border-top:1px solid rgba(35,32,27,.06)}
/* ab8-a07-verschieben-knopf */
.seite[data-werkzeug="abwicklung"] .vkachel .kartenknoepfe details.verschieben>summary{display:inline-flex;width:auto}
/* ab8-s06-beleg-karte */
.seite[data-werkzeug="abwicklung"] .vkachel .vseite>.dateien:has(>.weblink){display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px}
/* ab8-s07-beleg-symbol */
.seite[data-werkzeug="abwicklung"] .vkachel .vseite>.dateien:has(>.weblink)::before{content:"";grid-column:1;grid-row:1/span 2;width:36px;height:36px;border-radius:11px;background:rgba(52,199,89,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23248A3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.5 1.5'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7L12 19'/%3E%3C/svg%3E") center/18px 18px no-repeat}
/* ab8-s08-beleg-text */
.seite[data-werkzeug="abwicklung"] .vkachel .vseite>.dateien:has(>.weblink)>:is(.feldname,.weblink){grid-column:2;min-width:0;margin:0}

/* ==========================================================================
   10. Brand
   Nur .seite[data-werkzeug="brand"] (Plan brand.json).
   ========================================================================== */
/* br8-k01-mail */
.seite[data-werkzeug="brand"] .vkachel .wer>.mail{color:var(--ink-500)}
/* br8-k02-mail-hover */
.seite[data-werkzeug="brand"] .vkachel .wer>a.mail:hover{color:var(--orange-600)}
/* br8-k03-fakten */
.seite[data-werkzeug="brand"] .vkachel .wer>.vfakten{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:normal;color:var(--ink-300)}
/* br8-a03-willnicht-rechts */
.seite[data-werkzeug="brand"] .vkachel .vhaupt>.aktionen>:is(form[action$="/willnicht"],form[action$="/absage"]){order:1;margin-left:auto}
/* br8-b01-gesamt */
.seite[data-werkzeug="brand"] .bgesamt{flex-wrap:wrap;gap:18px;padding:22px 28px;margin-bottom:16px}
/* br8-b02-zahl */
.seite[data-werkzeug="brand"] .bgesamt .bzahl{font-family:var(--font-display);font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink-900)}
/* br8-b03-sterne-gelb */
.seite[data-werkzeug="brand"] .bsterne{color:var(--warning-500)}
/* br8-b04-sterne-gross */
.seite[data-werkzeug="brand"] .bgesamt .bsterne{font-size:22px;letter-spacing:2px}
/* br8-b05-anzahl */
.seite[data-werkzeug="brand"] .bgesamt .bl{font-size:14px;color:var(--ink-500)}
/* br8-b06-link */
.seite[data-werkzeug="brand"] .bgesamt .blink{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-left:auto;border-radius:50%;background:rgba(35,32,27,.06);color:var(--ink-700)}
/* br8-b07-link-hover */
.seite[data-werkzeug="brand"] .bgesamt .blink:hover{color:var(--orange-600)}
/* br8-b09-tafel */
.seite[data-werkzeug="brand"] .btafel{padding:6px 0}
/* br8-b10-kopfzeile */
.seite[data-werkzeug="brand"] .btafel th{padding:14px 8px 8px;border-bottom:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-300)}
/* br8-b11-zellen */
.seite[data-werkzeug="brand"] .btafel td{padding:11px 8px;border-bottom:0;border-top:1px solid rgba(35,32,27,.06);vertical-align:middle}
/* br8-b12-rand-links */
.seite[data-werkzeug="brand"] .btafel :is(th,td):first-child{padding-left:28px}
/* br8-b13-rand-rechts */
.seite[data-werkzeug="brand"] .btafel :is(th,td):last-child{padding-right:28px}
/* br8-b14-spalte-name */
.seite[data-werkzeug="brand"] .btafel th:first-child{width:42%}
/* br8-b15-spalte-sterne */
.seite[data-werkzeug="brand"] .btafel th:nth-child(2){width:136px}
/* br8-b16-name */
.seite[data-werkzeug="brand"] .btafel td>b{font-size:14px;font-weight:600}
/* br8-b17-sterne-tabelle */
.seite[data-werkzeug="brand"] .btafel .bsterne{font-size:14px}
/* br8-b18-mail */
.seite[data-werkzeug="brand"] .btafel td>.weblink{color:var(--ink-700)}
/* br8-b19-mail-hover */
.seite[data-werkzeug="brand"] .btafel td>.weblink:hover{color:var(--orange-600)}
/* br8-b20-feld */
.seite[data-werkzeug="brand"] .btafel .zuordnen input[type=email]{width:100%;min-width:0;margin:0 -8px;padding:5px 8px;border:0;border-radius:8px;background:transparent;font-size:13.5px;color:var(--ink-900);transition:background var(--duration-fast) var(--ease-standard)}
/* br8-b21-feld-hover */
.seite[data-werkzeug="brand"] .btafel .zuordnen input[type=email]:hover{background:rgba(255,255,255,.65)}
/* br8-b22-feld-fokus */
.seite[data-werkzeug="brand"] .btafel .zuordnen input[type=email]:focus{background:#fff;box-shadow:0 0 0 2px rgba(246,132,26,.35);outline:none}
/* br8-m01-tafel-rand-links */
@media (max-width:760px){.seite[data-werkzeug="brand"] .btafel :is(th,td):first-child{padding-left:20px}}
/* br8-m02-tafel-rand-rechts */
@media (max-width:760px){.seite[data-werkzeug="brand"] .btafel :is(th,td):last-child{padding-right:20px}}
/* br8-m03-gesamt */
@media (max-width:760px){.seite[data-werkzeug="brand"] .bgesamt{gap:12px 14px;padding:18px 20px}}
/* br8-m04-tafel-fest */
@media (max-width:700px){.seite[data-werkzeug="brand"] .btafel table{table-layout:fixed}}
/* br8-m05-umbruch */
@media (max-width:700px){.seite[data-werkzeug="brand"] .btafel td{overflow-wrap:anywhere}}

/* ==========================================================================
   11. Nachtrag 15.10.: Akquise-Kopfleiste
   Mit fünf Reitern, Meine|Alle, Suche, Blacklist und Name ist die Leiste am Desktop zu eng –
   „Meine | Alle“ rutschte hinter die Maske. Dort steht die Suche als Lupe (wie am Handy); ein Klick öffnet das Feld.
   ========================================================================== */
/* ak8-kopf-lupe */
@media (min-width:901px){
  .seite[data-werkzeug="akquise"] .insel .suchfeld:not(.auf) .lupe{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%}
  .seite[data-werkzeug="akquise"] .insel .suchfeld:not(.auf) .feldlupe{display:none}
}

/* dm-feld (15.10.): Eingabefeld im Dialog statt prompt() */
.sdf-feld{box-sizing:border-box;display:block;width:100%;height:44px;margin-top:14px;padding:0 14px;border:1px solid rgba(35,32,27,.12);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ink-900)}
.sdf-feld::placeholder{color:var(--ink-300)}
.sdf-feld:focus{outline:none;border-color:var(--orange-400);box-shadow:0 0 0 4px rgba(246,132,26,.16)}

/* ==========================================================================
   12. Nachtrag 15.10.: Senden unten (Rainer)
   Der runde Senden-Pfeil steht nicht mehr oben rechts in der An-Zeile, sondern unten
   als letzter Knopf der Knopfzeile – Vertrieb, Akquise, Abwicklung, Brand und Kampagne.
   ========================================================================== */
/* dm-unten-1 */
:is(.vkachel form.lentwurf,.kkampagne form.lentwurf,form.bentwurf)>.aktionen>.knopf.primaer:first-child,.entwurf form#senden>.aktionen>.knopf.primaer{position:relative!important;top:auto!important;right:auto!important;width:40px!important;min-width:40px!important;order:99;flex:none;align-self:center}
/* dm-unten-2 */
.entwurf form#senden>.feldzeile:first-of-type,:is(.vkachel,.kkampagne) form.lentwurf>.feldzeile:first-of-type,form.bentwurf>label:first-of-type{padding-right:0}
/* dm-feld-lang (15.10.): langer Vorschlag im Dialog mehrzeilig */
.sdf-feld.lang{height:auto;min-height:88px;padding:10px 14px;line-height:1.45;resize:vertical}

/* ==========================================================================
   13. Nachtrag 15.10.: Signatur direkt unter dem Text
   Das Mailfeld setzte sich mindestens 200 px hoch (Skript im Rahmen) – dadurch stand die
   Signatur weit unter dem Text. Jetzt wächst das Feld mit dem Text, mindestens drei Zeilen.
   ========================================================================== */
/* dm-flach-1 */
:is(form.lentwurf,form.bentwurf) .mailfeld{min-height:76px!important;height:auto!important}
/* dm-flach-2 */
.entwurf form#senden>textarea.blank,form.bentwurf>textarea{min-height:76px!important;overflow:hidden}