/* PLAN&LOS Cockpit – Design 2027 nach Vorlage (design-2027-vorlage.html). Nur bei ?design=2027 geladen, liegt über app.css. */
:root{
  --bg:#f3f1f6;--bg2:#ebe7f0;
  --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.80);--glass-edge:rgba(255,255,255,.75);
  --card:#fff;--card2:#f7f5fa;--fill:rgba(118,104,135,.10);--fill2:rgba(118,104,135,.16);
  --ink:#1b1420;--ink2:#5d5466;--ink3:#8d8497;--mut:#5d5466;--line:rgba(60,40,70,.10);
  --mag:#bb297a;--mag-soft:rgba(187,41,122,.12);--plum:#62194a;--cyan:#0aa6cc;--cyan-soft:rgba(10,166,204,.12);
  --violet:#7b5cff;--ok:#1f9d55;--ok-soft:rgba(31,157,85,.13);--warn:#c27806;--warn-soft:rgba(194,120,6,.13);--bad:#d93a4f;
  --ring1:#e0338f;--ring2:#14b8dc;--ring3:#8b6cff;
  --sh1:0 1px 1px rgba(40,20,50,.04),0 2px 6px rgba(40,20,50,.05);
  --sh2:0 1px 2px rgba(40,20,50,.05),0 12px 32px rgba(40,20,50,.09);
  --sh3:0 2px 6px rgba(40,20,50,.08),0 30px 80px rgba(40,20,50,.22);--sh:var(--sh1);
  --blob1:rgba(224,51,143,.20);--blob2:rgba(20,184,220,.16);--blob3:rgba(123,92,255,.12);
  --r-l:26px;--r-m:18px;--r-s:12px;--r:var(--r-l);
  --sans:system-ui,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --round:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;
  --spring:cubic-bezier(.22,1,.36,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0c0a10;--bg2:#141118;--glass:rgba(30,26,36,.58);--glass-strong:rgba(34,29,40,.82);--glass-edge:rgba(255,255,255,.10);
  --card:#19161e;--card2:#211d27;--fill:rgba(200,185,215,.10);--fill2:rgba(200,185,215,.16);
  --ink:#f5f1f8;--ink2:#bdb3c6;--ink3:#867d90;--mut:#bdb3c6;--line:rgba(255,255,255,.08);
  --mag:#ec4b9e;--mag-soft:rgba(236,75,158,.16);--cyan:#3fcbef;--cyan-soft:rgba(63,203,239,.15);
  --violet:#a08bff;--ok:#3ad07f;--ok-soft:rgba(58,208,127,.15);--warn:#f5a524;--warn-soft:rgba(245,165,36,.15);--bad:#ff6b7d;
  --sh1:0 1px 1px rgba(0,0,0,.3);--sh2:0 1px 2px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.35);--sh3:0 2px 6px rgba(0,0,0,.4),0 30px 90px rgba(0,0,0,.6);
  --blob1:rgba(236,75,158,.20);--blob2:rgba(63,203,239,.12);--blob3:rgba(123,92,255,.14);color-scheme:dark}}

/* ---------- Grundlagen ---------- */
body.d27{background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--sans);overflow-x:hidden}
.d27 svg{width:22px;height:22px}
.d27 .num,.d27 .kpi b{font-family:var(--round);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.d27 :focus-visible{outline:2.5px solid var(--cyan);outline-offset:2px;border-radius:10px}
.d27 .aura{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.d27 .aura i{position:absolute;border-radius:50%;filter:blur(70px)}
.d27 .aura i:nth-child(1){width:520px;height:520px;background:var(--blob1);top:-160px;right:-120px}
.d27 .aura i:nth-child(2){width:460px;height:460px;background:var(--blob2);bottom:-180px;left:-140px}
.d27 .aura i:nth-child(3){width:380px;height:380px;background:var(--blob3);top:40%;left:45%}
.d27 .glass{background:var(--glass);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-edge),var(--sh2)}

/* Große Titel wie iOS */
.d27 h1{font:700 clamp(32px,7.5vw,40px)/1.05 var(--sans);letter-spacing:-.025em;text-transform:none;margin:18px 2px 6px}
.d27 h1.hallo{font-size:clamp(32px,7.5vw,40px)}
.d27 .wrap > .leise:first-of-type,.d27 .leise{color:var(--ink2);font-size:15px;font-weight:500}
.d27 h2{font:600 15px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}
.d27 h2 svg{width:19px;height:19px;color:var(--mag)}
.d27 .abschnitt27{margin:26px 4px 10px;font:700 19px var(--sans);letter-spacing:-.02em}
.d27 .kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 2px 14px}
.d27 .kopf h1{margin:0}.d27 .kopf p{margin:4px 0 0;color:var(--ink2);font-size:15px;font-weight:500}
.d27 .avatar-me{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mag),var(--plum));color:#fff;display:grid;place-items:center;font:600 15px var(--sans);text-decoration:none;flex:none}

/* ---------- Gerüst ---------- */
.d27 .wrap{max-width:1120px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 8px) max(16px,env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.d27 .side27{display:none}
.d27 .tabbar27{position:fixed;z-index:55;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:2px;padding:6px;border-radius:999px;width:min(430px,calc(100% - 24px))}
.d27 .tabbar27 a{position:relative;flex:1;display:grid;justify-items:center;gap:1px;min-height:48px;padding:7px 0 6px;border-radius:999px;color:var(--ink2);font-size:10.5px;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:color .2s,background .45s var(--spring)}
.d27 .tabbar27 a[aria-current="page"]{color:var(--mag);background:var(--fill2)}
.d27 .tabbar27 svg{width:24px;height:24px}
.d27 .tab-badge{position:absolute;top:2px;left:calc(50% + 7px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--mag);color:#fff;font:700 11px/18px var(--round);text-align:center}

@media (min-width:760px){
  .d27 .tabbar27{display:none}
  .d27 .side27{display:flex;flex-direction:column;gap:4px;position:fixed;top:0;bottom:0;left:0;width:248px;padding:calc(18px + env(safe-area-inset-top)) 12px 16px max(12px,env(safe-area-inset-left));z-index:20;border-radius:0;box-shadow:inset -1px 0 0 var(--line)}
  .d27 .side27 .marke{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;text-decoration:none;color:var(--ink)}
  .d27 .side27 .marke span{background:#fff;border-radius:10px;padding:6px 9px;display:flex;box-shadow:var(--sh1)}
  .d27 .side27 .marke img{height:20px;width:auto;display:block}
  .d27 .side27 .marke b{font:700 17px var(--sans);letter-spacing:-.02em}
  .d27 .side27 nav{display:grid;gap:2px}
  .d27 .side27 nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;font:500 15px var(--sans);color:var(--ink);text-decoration:none;transition:background .2s}
  .d27 .side27 nav a svg{color:var(--mag);width:21px;height:21px}
  .d27 .side27 nav a:hover{background:var(--fill)}
  .d27 .side27 nav a[aria-current="page"]{background:var(--mag);color:#fff;font-weight:600}
  .d27 .side27 nav a[aria-current="page"] svg{color:#fff}
  .d27 .side27 .zahl-badge{margin-left:auto;font:600 13px var(--round);color:var(--ink3)}
  .d27 .side27 nav a[aria-current="page"] .zahl-badge{color:rgba(255,255,255,.85)}
  .d27 .side27 .unten{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid var(--line)}
  .d27 .side27 .unten .avatar-me{width:34px;height:34px;font-size:13px}
  .d27 .side27 .unten b{display:block;font-size:14px}.d27 .side27 .unten small{display:block;font-size:12px;color:var(--ink3)}
  .d27 .wrap{margin-left:248px;max-width:none;padding:calc(env(safe-area-inset-top) + 14px) max(28px,env(safe-area-inset-right)) 60px 28px}
  .d27 .wrap > *{max-width:1120px}
  .d27 h1{font-size:36px;margin-top:22px}
}
@media (min-width:1200px){.d27 .wrap{padding-left:40px;padding-right:40px}}

/* ---------- Heute ---------- */
.d27 .grid27{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){.d27 .grid27{grid-template-columns:repeat(4,minmax(0,1fr))}.d27 .w.b2{grid-column:span 2}}
.d27 .w{position:relative;display:block;background:var(--card);border-radius:var(--r-l);padding:18px;box-shadow:var(--sh1);min-width:0;overflow:hidden;color:inherit;text-decoration:none}
.d27 .w.b2,.d27 .w.b4{grid-column:1/-1}
@media (min-width:1024px){.d27 .w.b2{grid-column:span 2}}
.d27 .w h2{display:flex;align-items:center;gap:8px}
.d27 .w h2 .mehr{margin-left:auto;font-weight:500;font-size:14px;color:var(--mag);display:flex;align-items:center;gap:2px;text-decoration:none}
.d27 .w h2 .mehr svg{width:16px;height:16px;color:currentColor}
.d27 .press{transition:transform .14s ease}.d27 .press:active{transform:scale(.975)}
.d27 .sub{color:var(--ink2);font-size:14px;margin:4px 0 0}
.d27 .klein{font-size:13px;color:var(--ink3)}
.d27 .heute-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:linear-gradient(140deg,#2a0f24 0%,#62194a 55%,#8f1f63 100%);color:#fff}
.d27 .heute-hero::after{content:"";position:absolute;inset:auto -60px -90px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,220,.35),transparent 65%);pointer-events:none}
.d27 .heute-hero .sub{color:rgba(255,255,255,.75)}
.d27 .hero-gruss{grid-column:1/-1;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.d27 .hero-gruss h2{color:#fff;font:700 21px/1.2 var(--sans);letter-spacing:-.02em;margin:0}
.d27 .hero-gruss img{width:54px;height:auto;margin:-6px -4px -10px 0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));animation:wipp27 4s ease-in-out infinite alternate}
@keyframes wipp27{from{transform:translateY(-3px) rotate(-4deg)}to{transform:translateY(3px) rotate(3deg)}}
.d27 .ringe{width:132px;height:132px;flex:none}
.d27 .ringe circle{fill:none;stroke-linecap:round;stroke-width:13}
.d27 .ringe .bg{stroke:rgba(255,255,255,.12)}
.d27 .ringe .fg{transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:0 100;transition:stroke-dasharray 1.4s var(--spring)}
.d27 .legende{display:grid;gap:10px;position:relative;z-index:1}
.d27 .legende div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}
.d27 .legende i{width:10px;height:10px;border-radius:50%}
.d27 .legende b{font:600 22px/1 var(--round)}.d27 .legende b small{font:500 14px var(--sans);color:rgba(255,255,255,.6)}
.d27 .legende span{font-size:14px;color:rgba(255,255,255,.85)}
.d27 .zahl{font:700 44px/1 var(--round);letter-spacing:-.03em}.d27 .zahl.mag{color:var(--mag)}
.d27 .mini-leads{display:grid;gap:8px;margin-top:12px}
.d27 .mini-leads div{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}
.d27 .mini-leads .av{width:30px;height:30px;font-size:12px}
.d27 .mini-leads span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .stapel{position:relative;height:118px;margin:4px 0 12px}
.d27 .stapel img{position:absolute;top:0;width:86px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:var(--sh2);border:2px solid var(--card)}
.d27 .stapel img:nth-child(1){left:0;transform:rotate(-7deg)}.d27 .stapel img:nth-child(2){left:44px;transform:rotate(1deg);z-index:1}.d27 .stapel img:nth-child(3){left:90px;transform:rotate(8deg);z-index:2}
.d27 .status-liste{display:grid;gap:10px}
.d27 .status-liste>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14.5px}
.d27 .status-liste>div>span:first-child{min-width:0}
.d27 .chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font:600 12px/1.3 var(--sans);white-space:nowrap;background:var(--fill);color:var(--ink2)}
.d27 .chip.ok{background:var(--ok-soft);color:var(--ok)}.d27 .chip.warn{background:var(--warn-soft);color:var(--warn)}.d27 .chip.cyan{background:var(--cyan-soft);color:var(--cyan)}.d27 .chip.mag{background:var(--mag-soft);color:var(--mag)}
.d27 .chip .d{width:7px;height:7px;border-radius:50%;background:currentColor}
.d27 .chip.live .d{animation:puls27 2s ease-out infinite}
@keyframes puls27{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 50%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
.d27 .scroller{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:2px 18px 4px;scrollbar-width:none}
.d27 .scroller::-webkit-scrollbar{display:none}
.d27 .post-mini{flex:none;scroll-snap-align:start;text-decoration:none;color:inherit}
.d27 .post-mini .bild{position:relative;width:112px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--fill)}
.d27 .post-mini .bild.story{aspect-ratio:9/16;width:84px}
.d27 .post-mini img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .post-mini .typ{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.55);color:#fff;font:600 10.5px var(--sans);padding:3px 7px;border-radius:99px}
.d27 .post-mini small{display:block;margin-top:6px;font-size:12.5px;color:var(--ink2);font-weight:500}
.d27 .vorschau-chart{width:100%;height:96px;margin-top:6px}.d27 .vorschau-chart path{fill:none;stroke-width:2.5;stroke-linecap:round}
.d27 .ghost .hinweis{position:absolute;inset:auto 12px 12px 12px;padding:10px 12px;border-radius:14px;font-size:13.5px;line-height:1.35;background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--sh1)}
.d27 .anlass-hinweis{display:flex;gap:14px;align-items:center}
.d27 .anlass-hinweis .kal{flex:none;width:58px;border-radius:14px;overflow:hidden;text-align:center;background:var(--card2);box-shadow:var(--sh1)}
.d27 .anlass-hinweis .kal b{display:block;background:var(--mag);color:#fff;font:700 11px/20px var(--sans);letter-spacing:.06em}
.d27 .anlass-hinweis .kal span{display:block;font:700 26px/40px var(--round)}

/* ---------- Bestehende Bausteine im neuen Look ---------- */
.d27 .karte,.d27 .kacheln a,.d27 .kpi,.d27 .vorschau{background:var(--card);border:0;border-radius:var(--r-l);box-shadow:var(--sh1)}
.d27 .karte{padding:18px 18px 20px;margin:14px 0}
.d27 .karte h2{margin-top:2px}
.d27 .kacheln{gap:12px}.d27 .kacheln a{padding:16px 18px;transition:transform .14s}.d27 .kacheln a:active{transform:scale(.975)}
.d27 .kacheln svg{color:var(--ink3)}
/* Listen im iOS-Stil */
.d27 .liste{background:var(--card);border-radius:var(--r-m);box-shadow:var(--sh1);overflow:hidden}
.d27 .row{position:relative;border:0;min-height:60px;padding:12px 16px;gap:12px;transition:background .15s}
.d27 .row + .row::before{content:"";position:absolute;top:0;right:0;left:68px;height:1px;background:var(--line)}
.d27 .row:active{background:var(--fill)}
.d27 .rt b{font-weight:600;letter-spacing:-.01em}.d27 .rt small{color:var(--ink2);font-size:14px}
.d27 .row > svg{width:16px;height:16px;color:var(--ink3)}
.d27 .av{width:42px;height:42px;font:600 15px var(--sans);background:linear-gradient(135deg,#14b8dc,#2b6cb0)}
.d27 .av.akt{background:linear-gradient(135deg,#e0338f,#8f1f63)}
/* Filter-Chips als Segment-Schalter */
.d27 .chips{display:flex;gap:0;background:var(--fill);border-radius:12px;padding:3px;margin:6px 0 16px;overflow-x:auto;width:max-content;max-width:100%}
.d27 .chips a{flex:none;min-height:34px;display:flex;align-items:center;padding:0 14px;border-radius:9px;font:600 14px var(--sans);color:var(--ink2);background:none;box-shadow:none;transition:background .3s var(--spring),color .2s}
.d27 .chips a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.08)}
.d27 .chips i{font:700 12px var(--round);color:var(--mag);margin-left:4px;opacity:1}
.d27 .chips.klein{margin-top:-6px}.d27 .chips.klein a{min-height:30px;font-size:13px;padding:0 12px}
.d27 .pill{border-radius:999px;font:600 12px/1.3 var(--sans);padding:4px 10px}
/* Knöpfe */
.d27 .btn{min-height:44px;border-radius:999px;font:600 15px var(--sans);letter-spacing:-.01em;background:var(--mag);box-shadow:none}
.d27 .btn:active{transform:scale(.96)}
.d27 .btn.zweit,.d27 .btn.abmelden{background:var(--fill);color:var(--ink);border:0}
.d27 .btn.abmelden{color:var(--bad)}
.d27 .btn.ok{background:var(--ok)}
.d27 .btn.wa{background:#1faa53;color:#fff}.d27 .btn.mail{background:var(--cyan);color:#fff}.d27 .btn.tel{background:var(--ink);color:var(--bg)}
.d27 .sticky{box-shadow:0 14px 34px -12px rgba(187,41,122,.6)}
.d27 .linkbtn{color:var(--mag);font-family:var(--sans)}
/* Eingaben */
.d27 input,.d27 select,.d27 textarea{background:var(--fill);border:0;border-radius:12px;min-height:44px;font:400 16px var(--sans);transition:box-shadow .2s}
.d27 input:focus,.d27 select:focus,.d27 textarea:focus{box-shadow:0 0 0 3px var(--mag-soft)}
.d27 label{color:var(--ink3);font:600 12.5px var(--sans);letter-spacing:.01em}
/* Schalter im iOS-Stil */
.d27 .schalter span{width:52px;height:32px;background:var(--fill2)}
.d27 .schalter span:after{width:28px;height:28px;top:2px;left:2px;box-shadow:0 2px 6px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.2);transition:transform .4s var(--spring)}
.d27 .schalter input:checked + span{background:var(--ok)}
.d27 .schalter input:checked + span:after{transform:translateX(20px)}
.d27 .live.an{background:var(--ok-soft);color:var(--ok)}.d27 .live.plan{background:var(--warn-soft);color:var(--warn)}.d27 .live.aus{background:var(--fill);color:var(--ink3)}
/* Lead-Detail */
.d27 .lead-kopf{flex-direction:column;text-align:center;gap:8px;margin:6px 0 14px}
.d27 .lead-kopf .av.gross{width:84px;height:84px;font-size:30px;box-shadow:var(--sh2)}
.d27 .lead-kopf h1{margin:0;font-size:26px}
.d27 .antwort .aktionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.d27 .status-wahl{background:var(--fill);border-radius:12px;padding:3px;gap:0;flex-wrap:nowrap;overflow-x:auto}
.d27 .status-wahl button{flex:1 0 auto;opacity:1;border:0;background:none!important;color:var(--ink2)!important;border-radius:9px;min-height:34px;font:600 14px var(--sans)}
.d27 .status-wahl button.on{background:var(--card)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.08)}
.d27 .nachricht{background:var(--card2);border-radius:18px 18px 18px 6px}
.d27 .verlauf li:before{background:var(--mag);box-shadow:0 0 0 4px var(--mag-soft)}
.d27 .zurueck{color:var(--mag);font-weight:600}
/* Content */
.d27 .postkarte{background:var(--card);border-radius:20px;box-shadow:var(--sh1);transition:transform .14s}
.d27 .postkarte:active{transform:scale(.98)}
.d27 .th{border-radius:12px}
.d27 .tagkopf{margin:22px 4px 8px;font:700 19px var(--sans);letter-spacing:-.02em;text-transform:none;color:var(--ink)}
@media (min-width:1200px){.d27 .postliste{grid-template-columns:repeat(2,minmax(0,1fr))}.d27 .tagkopf,.d27 .postliste > .leer{grid-column:1/-1}}
.d27 .dropzone{background:var(--card);border:2px dashed var(--fill2);border-radius:var(--r-l)}
.d27 .anlass{background:var(--card);box-shadow:var(--sh1);border-radius:16px}
/* Zeitachse (Website & Werbung) */
.d27 .za-scroll{overflow-x:auto;scrollbar-width:none;padding-top:24px}.d27 .za-scroll::-webkit-scrollbar{display:none}
.d27 .za-inner{min-width:620px;position:relative}
.d27 .za-spuren{display:grid;gap:8px}
.d27 .za-spur{position:relative;height:44px;border-radius:12px;background:var(--fill)}
.d27 .za-balken{position:absolute;top:0;bottom:0;border-radius:12px;display:flex;align-items:center;padding:0 10px;color:#fff;font:600 12.5px var(--sans);white-space:nowrap;overflow:hidden}
.d27 .za-monate{display:grid;margin-top:8px;font:600 12px var(--sans);color:var(--ink3)}
.d27 .za-jetzt{position:absolute;top:-6px;bottom:22px;width:2px;background:var(--ink);border-radius:2px;z-index:2}
.d27 .za-jetzt::before{content:"Heute";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:700 11px var(--sans);color:var(--ink);background:var(--card);padding:1px 6px;border-radius:6px;box-shadow:var(--sh1)}
/* Konto */
.d27 .geraete li{background:var(--card2);border-radius:14px}
.d27 .msg{border-radius:16px}
.d27 .msg.ok{background:var(--ok-soft);color:var(--ok)}.d27 .msg.fehler{background:var(--mag-soft);color:var(--mag)}

@media (prefers-reduced-motion:reduce){.d27 *,.d27 *::before,.d27 *::after{animation:none!important;transition-duration:.01ms!important}}
@media (prefers-reduced-transparency:reduce){.d27 .glass{background:var(--glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.d27 .glass{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px var(--ink3)}}

/* ---------- Dunkel/Hell per Schalter (Konto → Darstellung) ---------- */
:root[data-theme="dark"]{
  --bg:#0c0a10;--bg2:#141118;--glass:rgba(30,26,36,.58);--glass-strong:rgba(34,29,40,.82);--glass-edge:rgba(255,255,255,.10);
  --card:#19161e;--card2:#211d27;--fill:rgba(200,185,215,.10);--fill2:rgba(200,185,215,.16);
  --ink:#f5f1f8;--ink2:#bdb3c6;--ink3:#867d90;--mut:#bdb3c6;--line:rgba(255,255,255,.08);
  --mag:#ec4b9e;--mag-soft:rgba(236,75,158,.16);--cyan:#3fcbef;--cyan-soft:rgba(63,203,239,.15);
  --violet:#a08bff;--ok:#3ad07f;--ok-soft:rgba(58,208,127,.15);--warn:#f5a524;--warn-soft:rgba(245,165,36,.15);--bad:#ff6b7d;
  --sh1:0 1px 1px rgba(0,0,0,.3);--sh2:0 1px 2px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.35);--sh3:0 2px 6px rgba(0,0,0,.4),0 30px 90px rgba(0,0,0,.6);
  --blob1:rgba(236,75,158,.20);--blob2:rgba(63,203,239,.12);--blob3:rgba(123,92,255,.14);color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* Profilbild */
.d27 .avatar-me{overflow:hidden}.d27 .avatar-me img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .avatar-link{text-decoration:none}
.d27 .rund{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--ink)}
.d27 .rund svg{width:19px;height:19px}

/* ---------- Website & Werbung ---------- */
.d27 .jetzt-live{background:linear-gradient(140deg,#2a0f24 0%,var(--farbe,#62194a) 140%);color:#fff;padding:20px 20px 18px}
.d27 .jetzt-live .chip.ok{background:rgba(58,208,127,.18);color:#5be29a}
.d27 .jl-titel{color:#fff;font:700 26px/1.15 var(--sans);letter-spacing:-.02em;margin:12px 0 6px;display:block}
.d27 .jl-titel small{display:block;font:600 16px var(--sans);color:rgba(255,255,255,.75);margin-top:2px}
.d27 .jetzt-live .sub{color:rgba(255,255,255,.78);font-size:15px}
.d27 .jl-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.8)}
.d27 .jl-fuss b{font-family:var(--round);color:#fff}
.d27 .jl-fuss .btn{background:#fff;color:#1b1420;min-height:40px;padding:0 16px;font-size:14px}
.d27 .phase{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;position:relative}
.d27 .phase + .phase::before{content:"";position:absolute;top:0;left:74px;right:0;height:1px;background:var(--line)}
.d27 .kal27{flex:none;width:44px;border-radius:10px;overflow:hidden;text-align:center;background:var(--card2);box-shadow:var(--sh1)}
.d27 .kal27 b{display:block;background:var(--farbe,var(--mag));color:#fff;font:700 9.5px/16px var(--sans);letter-spacing:.05em}
.d27 .kal27 span{display:block;font:700 18px/28px var(--round)}
.d27 .phase .t{display:grid;gap:2px;min-width:0}
.d27 .phase .t b{font-weight:600;letter-spacing:-.01em}.d27 .phase .t b small{font-weight:500;color:var(--ink2);margin-left:4px}
.d27 .phase .t span{font-size:14px;color:var(--ink2)}.d27 .phase .t em{font-style:normal;font-size:12.5px;color:var(--ink3);font-weight:600}
.d27 .einst-form .liste{margin-bottom:12px}
.d27 .einst{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:60px;position:relative;text-decoration:none;color:inherit}
.d27 .einst .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}
.d27 .einst .ic svg{width:19px;height:19px}
.d27 .einst .t{flex:1;min-width:0;display:grid;gap:2px}
.d27 .einst .t b{font-weight:600;letter-spacing:-.01em}.d27 .einst .t span{font-size:14px;color:var(--ink2)}
.d27 .einst .t em{font-style:normal;justify-self:start;margin-top:6px}
.d27 .einst > svg{width:16px;height:16px;color:var(--ink3);flex:none}
.d27 .liste > .einst + .einst::before,.d27 .liste > .einst-det + .einst::before,.d27 .liste > * + .einst-det > .einst::before{content:"";position:absolute;top:0;left:64px;right:0;height:1px;background:var(--line)}
.d27 .einst-zeit{padding:0 16px 16px}
.d27 .einst-zeit label{display:grid;gap:6px}
.d27 .einst-zeit small{font:500 12px var(--sans);color:var(--ink3)}
.d27 .einst-zeit.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
@media (max-width:480px){.d27 .einst-zeit.zwei{grid-template-columns:minmax(0,1fr)}}
.d27 .einst-zeit input,.d27 .einst-zeit textarea{width:100%;min-width:0;max-width:100%}
/* Mini-Vorschau: wo erscheint das auf der Website? */
.d27 .mini{position:relative;flex:none;width:46px;height:58px;border-radius:9px;background:linear-gradient(180deg,var(--card2),var(--fill2));box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.d27 .mini::before{content:"";position:absolute;left:6px;right:6px;top:7px;height:4px;border-radius:2px;background:var(--fill2)}
.d27 .mini i{position:absolute;display:block}
.d27 .mini-pop i{left:9px;right:9px;top:18px;height:24px;border-radius:5px;background:var(--mag);box-shadow:0 4px 10px rgba(187,41,122,.4)}
.d27 .mini-band i{left:0;right:0;bottom:10px;height:9px;background:#1b1420}
.d27 .mini-hinweis i{left:4px;bottom:5px;width:24px;height:7px;border-radius:3px;background:var(--warn)}
.d27 .element .schalter{flex:none;align-self:center}
.d27 .element .schalter span{margin:0}
.d27 details.zeitraum{border-top:1px solid var(--line);margin:0 16px}
.d27 details.zeitraum summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;list-style:none;font-size:14px}
.d27 details.zeitraum summary::-webkit-details-marker{display:none}
.d27 details.zeitraum summary span{color:var(--ink3);font-weight:600}
.d27 details.zeitraum summary b{flex:1;font-weight:500;min-width:0}
.d27 details.zeitraum summary em{font-style:normal;color:var(--mag);font-weight:600}
.d27 details.zeitraum[open] summary em{visibility:hidden}
.d27 details.zeitraum .einst-zeit{padding:0 0 16px}
.d27 .speichern-leiste{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;padding:6px 0;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .45s var(--spring)}
.d27 .speichern-leiste.an{opacity:1;transform:none}
@media (min-width:760px){.d27 .speichern-leiste{bottom:16px}}

/* ---------- Konto ---------- */
.d27 .abschnitt{margin:24px 4px 8px;font:600 13px var(--sans);color:var(--ink3);letter-spacing:.02em}
.d27 .profil{display:flex;align-items:center;gap:16px;padding:16px}
.d27 .profil b{display:block;font-size:19px;letter-spacing:-.01em}.d27 .profil .sub,.d27 .profil .klein{display:block}
.d27 .profilbild{position:relative;flex:none;cursor:pointer;display:block}
.d27 .profilbild input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0}
.d27 .avatar-me.gross{width:72px;height:72px;font-size:26px}
.d27 .kamera{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--mag);color:#fff;display:grid;place-items:center;border:2px solid var(--card)}
.d27 .kamera svg{width:14px;height:14px}
.d27 .seg27{display:flex;background:var(--fill);border-radius:12px;padding:3px}
.d27 .seg27 button{flex:1;min-height:36px;border:0;background:none;border-radius:9px;font:600 14px var(--sans);color:var(--ink2);cursor:pointer;transition:background .3s var(--spring),color .2s}
.d27 .seg27 button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.08)}
.d27 details.einst-det > summary{list-style:none;cursor:pointer}.d27 details.einst-det > summary::-webkit-details-marker{display:none}
.d27 details.einst-det[open] > summary > svg{transform:rotate(90deg)}
.d27 .mehr27 summary{cursor:pointer;color:var(--mag);font-weight:600;font-size:14px;margin-top:10px}
.d27 .btn.voll{width:100%}
.d27 .anleitung{margin-top:10px}.d27 .anleitung summary{color:var(--mag);font-weight:600;font-size:14px;cursor:pointer}
.d27 .push-status{font-weight:500}
.d27 .erkannt{margin:2px 0 0;font-size:12.5px}

/* ---------- Leads + Detail ---------- */
.d27 .gruppe{margin:20px 4px 8px;font:600 13px var(--sans);color:var(--ink3);letter-spacing:.02em}
.d27 .row.aktiv{background:var(--fill)}
.d27 .r27{display:grid;justify-items:end;gap:4px;flex:none}.d27 .r27 small{font-size:12.5px;color:var(--ink3)}
.d27 .neu-dot{width:9px;height:9px;border-radius:50%;background:var(--mag);flex:none}
.d27 .av.reb{background:linear-gradient(135deg,#8b6cff,#4b32c3)}
.d27 .chip.violett{background:rgba(123,92,255,.13);color:var(--violet)}
.d27 .leer27{text-align:center;padding:34px 18px;display:grid;justify-items:center;gap:6px}.d27 .leer27 img{width:72px}.d27 .leer27 b{font-size:17px}
.d27 .leads27.mit-detail .leadliste27{display:none}
.d27 .leaddetail27{max-width:640px;margin:0 auto;padding-top:6px}
.d27 .person{text-align:center;padding:8px 0 16px}
.d27 .person .av.gross{width:84px;height:84px;font-size:30px;margin:0 auto 10px;box-shadow:var(--sh2)}
.d27 .person h2{margin:0;font:700 24px/1.15 var(--sans);letter-spacing:-.02em;display:block}
.d27 .person p{margin:4px 0 0;color:var(--ink2)}
.d27 .schnell{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}
.d27 .schnell a,.d27 .schnell span{display:grid;justify-items:center;gap:4px;background:var(--card);border-radius:16px;padding:12px 4px 10px;color:var(--mag);font:600 12px var(--sans);box-shadow:var(--sh1);text-decoration:none;transition:transform .12s}
.d27 .schnell a:active{transform:scale(.94)}.d27 .schnell .wa{color:#1faa53}.d27 .schnell .aus{opacity:.35}
.d27 .schnell svg{width:22px;height:22px}
.d27 .leaddetail27 .status-wahl{margin-bottom:14px}
.d27 .block{background:var(--card);border-radius:var(--r-m);padding:14px 16px;margin-bottom:14px;box-shadow:var(--sh1)}
.d27 .block h3{margin:0 0 10px;font:600 13px var(--sans);color:var(--ink3);letter-spacing:.02em}
.d27 .blase{background:var(--card2);border-radius:18px 18px 18px 6px;padding:12px 14px;font-size:15px;margin:0}
.d27 .vorlagen-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:0 16px}
.d27 .vorlagen-chips::-webkit-scrollbar{display:none}
.d27 .vorlagen-chips button{flex:none;border:0;border-radius:99px;padding:8px 13px;font:600 13px var(--sans);background:var(--fill);color:var(--ink2);cursor:pointer;min-height:36px}
.d27 .vorlagen-chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.d27 .block textarea{width:100%;min-height:150px;background:var(--card2);padding:12px;font-size:15px;line-height:1.5}
.d27 .knopfreihe{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.d27 .knopfreihe .btn{flex:1 1 140px}
.d27 .angaben27{margin:0;display:grid}
.d27 .angaben27 div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.d27 .angaben27 div:first-child{border-top:0;padding-top:0}
.d27 .angaben27 dt{color:var(--ink2)}.d27 .angaben27 dd{margin:0;font-weight:500;text-align:right;min-width:0;word-break:break-word}
.d27 .angaben27 a{color:var(--mag);text-decoration:none}
.d27 .block .folgen,.d27 .block .notiz{display:flex;gap:10px;align-items:flex-end;margin:0}
.d27 .block .folgen label{flex:1}.d27 .block .notiz input{flex:1}
.d27 .verlauf27{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
.d27 .verlauf27 li{display:grid;grid-template-columns:12px 1fr;gap:12px;font-size:14.5px}
.d27 .verlauf27 li i{width:10px;height:10px;border-radius:50%;background:var(--mag);margin-top:6px;box-shadow:0 0 0 4px var(--mag-soft)}
.d27 .verlauf27 time{display:block;color:var(--ink3);font-size:12.5px}
@media (min-width:1200px){
  .d27 .leads27.mit-detail{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:28px;align-items:start;max-width:none}
  .d27 .leads27.mit-detail .leadliste27{display:block}
  .d27 .leads27.mit-detail .leaddetail27{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;background:var(--bg2);border-radius:28px;padding:18px 18px 8px;margin:0;box-shadow:inset 0 0 0 1px var(--line)}
  .d27 .leads27.mit-detail .leaddetail27 .zurueck{display:none}
}

/* ---------- Content: Freigabe als Kartenstapel ---------- */
.d27 .freigabe27{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.d27 .freigabe27{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:26px}}
.d27 .karte-stapel{position:relative;max-width:420px;width:100%;margin:6px auto 0;aspect-ratio:4/6.1}
.d27 .post-karte{position:absolute;inset:0;background:var(--card);border-radius:24px;box-shadow:var(--sh2);overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .5s var(--spring),opacity .3s ease}
.d27 .post-karte.zieh{transition:none;cursor:grabbing}
.d27 .post-karte .pk-kopf{display:flex;align-items:center;gap:10px;padding:10px 12px}
.d27 .post-karte .pk-kopf img{width:30px;height:30px;border-radius:50%}
.d27 .post-karte .pk-kopf b{font-size:14px}.d27 .post-karte .pk-kopf small{margin-left:auto}
.d27 .post-karte .pk-bild{flex:1;min-height:0;background:#000;display:grid;place-items:center}
.d27 .post-karte .pk-bild img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.d27 .pk-ohne{color:#fff;opacity:.7;font-weight:600}
.d27 .post-karte p{margin:0;padding:10px 14px 4px;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.d27 .pk-bearb{padding:4px 14px 12px;color:var(--mag);font:600 13.5px var(--sans);text-decoration:none}
.d27 .post-karte .stempel{position:absolute;top:58px;padding:6px 14px;border-radius:12px;border:3px solid currentColor;font:800 20px var(--sans);letter-spacing:.04em;opacity:0;transform:rotate(-10deg);background:rgba(255,255,255,.85)}
.d27 .post-karte .stempel.ja{left:18px;color:var(--ok)}.d27 .post-karte .stempel.nein{right:18px;color:var(--bad);transform:rotate(10deg)}
.d27 .post-karte:nth-last-child(2){transform:scale(.95) translateY(14px);opacity:.7}
.d27 .post-karte:nth-last-child(n+3){transform:scale(.9) translateY(28px);opacity:0}
.d27 .entscheid{display:flex;justify-content:center;gap:22px;margin:18px 0 6px}
.d27 .entscheid button{width:64px;height:64px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--card);box-shadow:var(--sh2);font:700 26px var(--sans);cursor:pointer;transition:transform .14s}
.d27 .entscheid button:active{transform:scale(.9)}
.d27 .entscheid .nein{color:var(--bad)}.d27 .entscheid .ja{color:var(--ok);width:72px;height:72px;font-size:30px}
.d27 .post-karte .pk-bild{flex:1 1 auto;min-height:0;overflow:hidden}
.d27 .post-karte p{flex:none;-webkit-line-clamp:2;background:var(--card);position:relative;z-index:1}
.d27 .pk-bearb{flex:none;background:var(--card);position:relative;z-index:1}
.d27 .karte-stapel{aspect-ratio:4/6.3}
.d27 .sub.ganz{white-space:normal;overflow:visible;margin-top:12px}.d27 .mini-leads span{white-space:normal}

/* Feinschliff nach iPhone-Test 27.10.: nichts seitlich wischen, kein inneres Scrollen, ruhigere Knöpfe */
.d27 input,.d27 select,.d27 textarea{font-size:16px}
.d27 .block textarea{overflow:hidden;resize:none;min-height:180px;font-size:16px}
.d27 .leaddetail27 .status-wahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:visible}
.d27 .leaddetail27 .status-wahl button{min-height:36px;font-size:14px;padding:0 4px;white-space:nowrap}
.d27 .vorlagen-chips{flex-wrap:wrap;overflow:visible;margin:0 0 10px;padding:0}
.d27 .vorlagen-chips button{min-height:32px;padding:6px 12px}
.d27 .knopfreihe{flex-wrap:nowrap}
.d27 .knopfreihe .btn{flex:1 1 0;min-height:42px;padding:0 12px;font-size:14.5px;white-space:nowrap}
.d27 .knopfreihe .btn svg{width:18px;height:18px}
.d27 .btn{min-height:42px;font-size:15px}
.d27 .btn.gross{min-height:50px;font-size:16px}
.d27 .block .folgen{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.d27 .datum27{display:grid;gap:6px;min-width:0}
.d27 .datum27 input{width:100%;min-width:0;-webkit-appearance:none;appearance:none;text-align:left}
.d27 .klein27{min-height:44px;padding:0 14px;font-size:14px}
.d27 .block .notiz button{width:44px;min-height:44px;padding:0;flex:none}
.d27 .schnell a,.d27 .schnell span{padding:10px 4px 8px;font-size:11.5px}
.d27 .chips{max-width:100%;flex-wrap:wrap;width:auto;gap:2px}
.d27 .chips a{min-height:32px;padding:0 12px;font-size:13.5px}
/* Ablehnen mit Feedback: Blatt von unten */
.d27 .fb-blatt{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,5,15,0);transition:background .3s}
.d27 .fb-blatt.an{background:rgba(10,5,15,.35)}
.d27 .fb-inhalt{width:min(520px,100%);background:var(--bg);border-radius:28px 28px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:10px;box-shadow:var(--sh3);transform:translateY(105%);transition:transform .45s var(--spring)}
.d27 .fb-blatt.an .fb-inhalt{transform:none}
.d27 .fb-inhalt b{font-size:19px;letter-spacing:-.02em}
.d27 .fb-inhalt textarea{min-height:90px}
@media (min-width:760px){.d27 .fb-blatt{align-items:center}.d27 .fb-inhalt{border-radius:28px}}
/* Phasen aufklappbar */
.d27 details.phase-det > summary{list-style:none;cursor:pointer}
.d27 details.phase-det > summary::-webkit-details-marker{display:none}
.d27 details.phase-det > summary > svg{width:16px;height:16px;color:var(--ink3);flex:none;align-self:center;margin-left:auto;transition:transform .3s var(--spring)}
.d27 details.phase-det[open] > summary > svg{transform:rotate(90deg)}
.d27 details.phase-det + details.phase-det{border-top:1px solid var(--line)}
.d27 .phase .t{flex:1}
.d27 .phase .chip{font-style:normal;margin-left:6px;vertical-align:middle}
.d27 .phase-inhalt{padding:0 16px 16px 74px;display:grid;gap:8px}
@media (max-width:560px){.d27 .phase-inhalt{padding-left:16px}}
.d27 .pi-zeile{display:flex;align-items:center;gap:12px;background:var(--card2);border-radius:14px;padding:10px 12px;text-decoration:none;color:inherit}
.d27 .pi-zeile svg{width:20px;height:20px;color:var(--mag);flex:none}
.d27 .pi-zeile span{flex:1;min-width:0;display:grid}.d27 .pi-zeile small{color:var(--ink2);font-size:13px}
.d27 .pi-zeile em{font-style:normal;color:var(--mag);font-weight:600;font-size:14px}
.d27 .wunsch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.d27 .wunsch textarea{min-height:44px}
.d27 .wunschliste p{margin:6px 0;font-size:14.5px}
.d27 .filter-hinweis{background:var(--cyan-soft);color:var(--ink);border-radius:12px;padding:8px 12px;font-size:14px;margin:0 0 10px}
.d27 .filter-hinweis a{color:var(--mag);font-weight:600}
/* Laptop: Liste schmal, Detail breit */
@media (min-width:1200px){
  .d27 .leads27.mit-detail{grid-template-columns:380px minmax(0,1fr);gap:24px}
  .d27 .leads27.mit-detail .leaddetail27{max-width:820px;width:100%;padding:24px 28px 12px}
  .d27 .leads27.mit-detail .leaddetail27 .person{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:4px 18px;align-items:center}
  .d27 .leads27.mit-detail .leaddetail27 .person .av.gross{grid-row:span 3;margin:0}
  .d27 .leads27.mit-detail .leaddetail27 .person h2,.d27 .leads27.mit-detail .leaddetail27 .person p{margin:0}
  .d27 .leads27.mit-detail .leaddetail27 .blockgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
}
/* Profilbild zuschneiden */
.d27 .crop27{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,5,15,0);transition:background .3s}
.d27 .crop27.an{background:rgba(10,5,15,.45)}
.d27 .crop-inhalt{width:min(460px,100%);background:var(--bg);border-radius:28px 28px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:12px;transform:translateY(105%);transition:transform .45s var(--spring);box-shadow:var(--sh3)}
.d27 .crop27.an .crop-inhalt{transform:none}
@media (min-width:760px){.d27 .crop27{align-items:center}.d27 .crop-inhalt{border-radius:28px}}
.d27 .crop-inhalt b{font-size:19px}
.d27 .crop-buehne{position:relative;width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;touch-action:none;cursor:grab;background:#000}
.d27 .crop-buehne canvas{width:100%;height:100%;display:block}
.d27 .crop-kreis{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.45);outline:2px solid rgba(255,255,255,.8);outline-offset:-2px}
.d27 .crop-zoom{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.d27 .crop-zoom input{min-height:0;background:none;padding:0;accent-color:var(--mag)}
/* Feedback-Blatt: klar zeigen, um welchen Beitrag es geht; Hintergrund stärker abdunkeln */
.d27 .fb-blatt.an{background:rgba(10,5,15,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.d27 .fb-post{display:flex;gap:12px;align-items:center;background:var(--card);border-radius:16px;padding:10px;box-shadow:var(--sh1)}
.d27 .fb-post img{width:56px;aspect-ratio:4/5;object-fit:cover;border-radius:10px;flex:none}
.d27 .fb-post span{display:grid;gap:2px;min-width:0}
.d27 .fb-post small{font-size:12px;color:var(--ink3);font-weight:600}
.d27 .fb-post b{font-size:15px!important;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .fb-post em{font-style:normal;font-size:13px;color:var(--ink2)}
.d27 .fb-inhalt .vorlagen-chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.d27 .fb-inhalt textarea{font-size:16px}
/* Drei Entscheidungen: Ablehnen · Ändern · Freigeben */
.d27 .entscheid{gap:16px;align-items:flex-start}
.d27 .entscheid button{flex-direction:column;gap:2px;width:72px;height:auto;min-height:72px;border-radius:22px;padding:10px 0 8px}
.d27 .entscheid button span{font:700 24px/1 var(--sans)}
.d27 .entscheid button small{font:600 11px var(--sans);color:var(--ink2)}
.d27 .entscheid .ja{width:84px;color:var(--ok)}.d27 .entscheid .nein{color:var(--bad)}.d27 .entscheid .aendern{color:var(--violet)}
.d27 .entscheid button{display:flex;align-items:center;justify-content:center}
/* Zwischen offenen Freigaben wechseln */
.d27 .fg-nav{display:flex;align-items:center;gap:10px;max-width:420px;margin:0 auto 4px}
.d27 .fg-thumbs{flex:1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:center;padding:4px}
.d27 .fg-thumbs::-webkit-scrollbar{display:none}
.d27 .fg-thumbs a{flex:none;width:44px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--fill);display:grid;place-items:center;opacity:.55;outline:2px solid transparent;outline-offset:2px;transition:opacity .2s,outline-color .2s;text-decoration:none;color:var(--ink);font-weight:700}
.d27 .fg-thumbs a.on{opacity:1;outline-color:var(--mag)}
.d27 .fg-thumbs img{width:100%;height:100%;object-fit:cover}
.d27 .fg-zahl{text-align:center;margin:2px 0 4px;font:600 13px var(--sans);color:var(--ink3)}
/* Phase: Posts direkt drin, Werbung mit Details, klarer Änderungswunsch */
.d27 .pi-block{background:var(--card2);border-radius:14px;padding:12px}
.d27 .pi-kopf{display:flex;align-items:center;gap:10px;margin-bottom:8px}.d27 .pi-kopf svg{width:20px;height:20px;color:var(--mag)}
.d27 .pi-kopf small{margin-left:auto;color:var(--ink3);font-weight:600;font-size:13px}
.d27 .pi-posts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:flex-end;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.d27 .pi-posts::-webkit-scrollbar{display:none}
.d27 .pi-tag{flex:none;align-self:stretch;writing-mode:vertical-rl;transform:rotate(180deg);font:700 11px var(--sans);color:var(--ink3);text-align:center;padding:4px 0;border-left:2px solid var(--line)}
.d27 .pi-post{position:relative;flex:none;width:74px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--fill);text-decoration:none}
.d27 .pi-post.hoch{width:56px;aspect-ratio:9/16}
.d27 .pi-post img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .pi-post i{position:absolute;left:3px;right:3px;bottom:3px;background:rgba(0,0,0,.6);color:#fff;font:600 9.5px/1.3 var(--sans);font-style:normal;border-radius:6px;padding:2px 4px;text-align:center}
.d27 .pi-post em{position:absolute;top:3px;right:3px;font-style:normal;font-size:11px}
.d27 .kampagne27{background:var(--card);border-radius:12px;padding:12px;margin-top:8px}
.d27 .k-kopf{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.d27 .k-kopf > span:nth-child(2){flex:1;min-width:0;display:grid}.d27 .k-kopf small{color:var(--ink3);font-size:12.5px}
.d27 .k-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font:800 15px var(--sans);flex:none}
.d27 .kampagne27 .angaben27 div{font-size:14px;padding:6px 0}
.d27 .k-knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.d27 .chipknopf{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:99px;background:var(--fill);color:var(--ink);font:600 13px var(--sans);padding:7px 12px;min-height:34px;cursor:pointer;text-decoration:none}
.d27 .chipknopf svg{width:13px;height:13px}
.d27 .wunsch27{display:grid;gap:8px;background:var(--mag-soft);border-radius:14px;padding:12px}
.d27 .wunsch27 > b{font-size:15px}
.d27 .wunsch27 textarea{background:var(--card);min-height:70px}
.d27 .wunsch27 .vorlagen-chips{margin:0}
.d27 .wunsch27 .vorlagen-chips button{background:var(--card)}
.d27 .wunsch27 .vorlagen-chips button[aria-pressed="true"]{background:var(--mag);color:#fff}
.d27 .wunsch27 .btn{justify-self:start}
.d27 .phase-inhalt{grid-template-columns:minmax(0,1fr);min-width:0}
.d27 .phase-inhalt > *{min-width:0;max-width:100%}
.d27 details.phase-det{min-width:0;overflow:hidden}
/* Aufträge an Claude: Schritte nachvollziehen */
.d27 .auftrag27{background:var(--card2);border-radius:14px;padding:12px 14px;margin-top:8px}
.d27 .auftrag27 > a{text-decoration:none;color:var(--ink)}
.d27 .wunschtext{margin:4px 0 10px;font-size:14.5px;color:var(--ink2)}
.d27 .schritte27{list-style:none;margin:0;padding:0;display:grid;gap:0}
.d27 .schritte27 li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 12px}
.d27 .schritte27 li:last-child{padding-bottom:0}
.d27 .schritte27 li::before{content:"";position:absolute;left:8px;top:16px;bottom:-2px;width:2px;background:var(--fill2)}
.d27 .schritte27 li:last-child::before{display:none}
.d27 .schritte27 i{width:18px;height:18px;border-radius:50%;border:2px solid var(--fill2);background:var(--card);z-index:1}
.d27 .schritte27 li.ok i{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 3px var(--card)}
.d27 .schritte27 li.ok::before{background:var(--ok)}
.d27 .schritte27 li.jetzt i{border-color:var(--mag);animation:puls27 2s ease-out infinite;color:var(--mag)}
.d27 .schritte27 span{display:grid;gap:1px}.d27 .schritte27 b{font-size:14px;font-weight:600}.d27 .schritte27 small{font-size:12.5px;color:var(--ink3)}
.d27 .schritte27 li:not(.ok):not(.jetzt) b{color:var(--ink3);font-weight:500}

/* ---------- Phasen im App-Stil (27.10.): flach, Zeilen statt Kästen, Details im Blatt ---------- */
.d27 .phase-inhalt{padding:2px 16px 18px 74px;gap:18px}
@media (max-width:560px){.d27 .phase-inhalt{padding:2px 16px 18px}}
.d27 .pi-web{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:2px 0}
.d27 .pi-web .pi-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mag-soft);color:var(--mag);flex:none}
.d27 .pi-web .pi-ic svg{width:19px;height:19px}
.d27 .pi-web > span:nth-child(2){flex:1;min-width:0;display:grid}
.d27 .pi-web b{font-weight:600;font-size:15px}.d27 .pi-web small{color:var(--ink2);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .pi-web > svg{width:17px;height:17px;color:var(--ink3);flex:none}
.d27 .pi-sek > header{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 8px}
.d27 .pi-sek > header span{font:600 13px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.d27 .pi-sek > header small{font:500 13px var(--sans);color:var(--ink3)}
.d27 .pi-posts{gap:10px;align-items:flex-start;margin:0 -16px;padding:0 16px 2px;scroll-snap-type:x proximity;scroll-padding:0 16px}
.d27 .pi-post{width:84px;aspect-ratio:auto;border-radius:0;overflow:visible;background:none;color:var(--ink2);display:grid;gap:5px;scroll-snap-align:start}
.d27 .pi-post.hoch{width:66px;aspect-ratio:auto}
.d27 .pi-post .pi-bild{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--fill);box-shadow:var(--sh1)}
.d27 .pi-post.hoch .pi-bild{aspect-ratio:9/16}
.d27 .pi-post .pi-bild img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .pi-post em{position:absolute;top:4px;right:4px;font-style:normal;font-size:10px;background:var(--glass-strong);border-radius:99px;padding:1px 4px}
.d27 .pi-post small{font:500 11.5px/1.25 var(--sans);color:var(--ink3);white-space:nowrap}
.d27 .pi-post small b{display:block;color:var(--ink);font-weight:600}
.d27 .pi-post.neutag:not(:first-child){margin-left:8px}
.d27 .pi-post:active .pi-bild{transform:scale(.96);transition:transform .1s}
.d27 .pi-leer{margin:0;font-size:14px;color:var(--ink3)}
.d27 .gruppe27{background:var(--card2);border-radius:14px;overflow:hidden}
.d27 .k-zeile{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.d27 .k-zeile + .k-zeile::before{content:"";position:absolute;top:0;left:60px;right:0;height:1px;background:var(--line)}
.d27 .k-zeile:active{background:var(--fill)}
.d27 .k-zeile:focus-visible{outline:2.5px solid var(--cyan);outline-offset:-3px;border-radius:14px}
.d27 .k-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font:700 15px var(--round);flex:none}
.d27 .k-logo.gross{width:48px;height:48px;border-radius:13px;font-size:20px}
.d27 .k-t{flex:1;min-width:0;display:grid}
.d27 .k-t b{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .k-t small{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .k-st{display:inline-flex;align-items:center;gap:5px;font:600 12.5px var(--sans);color:var(--ink3);white-space:nowrap;flex:none}
.d27 .k-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.d27 .k-st.ok{color:var(--ok)}.d27 .k-st.warn{color:var(--warn)}.d27 .k-st.cyan{color:var(--cyan)}
.d27 .k-zeile > svg{width:15px;height:15px;color:var(--ink3);flex:none}
.d27 .wunsch-knopf{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;background:var(--fill);color:var(--mag);font:600 15px var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s}
.d27 .wunsch-knopf svg{width:18px;height:18px}
.d27 .wunsch-knopf:active{transform:scale(.98);background:var(--fill2)}
.d27 .wunsch-knopf:focus-visible{outline:2.5px solid var(--cyan);outline-offset:2px}

/* Blatt von unten (iOS-Sheet) */
.d27 .blatt27{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,5,15,0);transition:background .35s}
.d27 .blatt27.an{background:rgba(10,5,15,.42)}
.d27 .b-flaeche{position:relative;width:min(560px,100%);max-height:calc(100dvh - 48px - env(safe-area-inset-top));display:flex;flex-direction:column;background:var(--bg);border-radius:28px 28px 0 0;box-shadow:var(--sh3);transform:translateY(105%);transition:transform .5s var(--spring);touch-action:pan-y}
.d27 .blatt27.an .b-flaeche{transform:none}
.d27 .b-flaeche.zieh{transition:none}
.d27 .b-griff{display:grid;place-items:center;height:22px;flex:none;touch-action:none;cursor:grab}
.d27 .b-griff span{width:38px;height:5px;border-radius:3px;background:var(--fill2)}
.d27 .b-zu{all:unset;position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--ink2);cursor:pointer;z-index:2}
.d27 .b-zu svg{width:15px;height:15px}
.d27 .b-inhalt{overflow-y:auto;overscroll-behavior:contain;padding:4px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:16px}
.d27 .b-kopf{display:flex;align-items:center;gap:12px;padding-right:40px;touch-action:none}
.d27 .b-kopf > div{flex:1;min-width:0;display:grid}
.d27 .b-kopf b{font:700 19px/1.2 var(--sans);letter-spacing:-.02em}
.d27 .b-kopf small{color:var(--ink2);font-size:14px}
.d27 .b-gruppe{background:var(--card);border-radius:14px;padding:4px 14px}
.d27 .b-gruppe div{padding:11px 0}.d27 .b-gruppe div:first-child{padding-top:11px}
.d27 .b-aktionen{background:var(--card);border-radius:14px;overflow:hidden;display:grid}
.d27 .b-aktionen > *{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 14px;font:500 16px var(--sans);color:var(--mag);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.d27 .b-aktionen > * + *::before{content:"";position:absolute;top:0;left:14px;right:0;height:1px;background:var(--line)}
.d27 .b-aktionen > *:active{background:var(--fill)}
.d27 .b-aktionen svg{width:16px;height:16px;color:var(--ink3)}
.d27 .b-hinweis{margin:-6px 4px 0}
.d27 .b-wunsch{display:grid;gap:14px}
.d27 .b-titel{display:grid;padding-right:40px;touch-action:none}
.d27 .b-titel b{font:700 21px/1.2 var(--sans);letter-spacing:-.02em}
.d27 .b-titel small{color:var(--ink2);font-size:14px}
.d27 .b-wunsch textarea{background:var(--card);min-height:96px;padding:12px 14px;line-height:1.4;resize:none;box-shadow:var(--sh1)}
.d27 .b-wunsch .klein{margin:-4px 2px 0}
.d27 .btn.voll{width:100%;min-height:50px;font-size:16px}
.d27 .btn:disabled{opacity:.55}
.d27 .segment27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--fill);border-radius:11px;padding:3px}
.d27 .segment27 button{all:unset;text-align:center;min-height:34px;border-radius:8px;font:600 13.5px var(--sans);color:var(--ink2);cursor:pointer;transition:background .3s var(--spring),color .2s}
.d27 .segment27 button[aria-checked="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.08)}
@media (min-width:760px){.d27 .blatt27{align-items:center}.d27 .b-flaeche{border-radius:28px;transform:translateY(24px) scale(.97);opacity:0;transition:transform .45s var(--spring),opacity .25s}.d27 .blatt27.an .b-flaeche{transform:none;opacity:1}.d27 .b-griff{visibility:hidden;height:14px}}
@media (prefers-reduced-motion:reduce){.d27 .b-flaeche{transition:opacity .2s!important;transform:none!important}.d27 .blatt27:not(.an) .b-flaeche{opacity:0}}
.d27 .pi-post:not(.neutag) small b{visibility:hidden}
.d27 .k-t b{white-space:normal;line-height:1.25}.d27 .k-t small .k-st{font-size:12.5px}
.d27 .chips.seg-voll{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none}.d27 .chips.seg-voll::-webkit-scrollbar{display:none}.d27 .chips.seg-voll a{flex:1 0 auto;justify-content:center;padding:0 9px;font-size:13.5px}
.d27 .einst .t b span{font:inherit;color:inherit}
.d27 .einst .t .erkannt{font-weight:400;color:var(--ink3);font-size:13px}
.d27 .postkarte .pk-t small{font-weight:500;color:var(--ink2)}
.d27 .jl-titel small{display:block;margin:4px 0 0;font-size:15px;font-weight:600;opacity:.75}
.d27 .w h2.jl-titel{display:block}

/* =====================================================================
   Design-Regeln 27.10.: ruhig, freundlich, App-Gefühl
   Typo: Titel 34 · Abschnitt 22 · Text 17 · Nebeninfo 15. Rand 20, Abschnitte 32.
   ===================================================================== */
.d27 .wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(96px + env(safe-area-inset-bottom) + 24px)}
.d27 h1{font-size:34px;line-height:1.08}
.d27 .kopf{margin-bottom:8px}
.d27 :is(a,button,.zeile27,[role=button]):active{transition:transform .1s ease-out}
.d27 .btn:active,.d27 .zeile27:active .ic27,.d27 .streifen-post:active .sp-bild{transform:scale(.97)}

/* Abschnitte */
.d27 .abschnitt27-box{margin-top:32px}
.d27 .abschnitt27-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 10px}
.d27 .abschnitt27-kopf h2{font:700 22px/1.2 var(--sans);letter-spacing:-.02em;margin:0}
.d27 .abschnitt27-kopf a{display:inline-flex;align-items:center;gap:2px;color:var(--mag);font:500 17px var(--sans);text-decoration:none}
.d27 .abschnitt27-kopf a svg{width:16px;height:16px}
.d27 .abschnitt27-kopf small{color:var(--ink3);font-size:15px}
.d27 .fussnote27{margin:8px 6px 0;font-size:13px;line-height:1.4;color:var(--ink3)}
.d27 .leer27-zeile{margin:0;padding:16px 18px;background:var(--card);border-radius:16px;color:var(--ink2);font-size:15px}

/* Gruppierte Zeilen im iOS-Stil */
.d27 .gruppe27{background:var(--card);border-radius:16px;box-shadow:var(--sh1);overflow:hidden}
.d27 .zeile27{all:unset;box-sizing:border-box;width:100%;position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;cursor:pointer;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.d27 .zeile27 + .zeile27::before,.d27 .zeile27 + template + .zeile27::before{content:"";position:absolute;top:0;right:0;left:58px;height:1px;background:var(--line)}
.d27 .zeile27:has(.kal27) + .zeile27::before{left:72px}
.d27 .zeile27:has(.mini-shot)::before{left:84px}
.d27 .zeile27:active{background:var(--fill)}
.d27 .zeile27:focus-visible{outline:2.5px solid var(--cyan);outline-offset:-3px;border-radius:16px}
.d27 .zeile27 > svg{width:15px;height:15px;color:var(--ink3);flex:none;opacity:.8}
.d27 .zeile27 > em{font-style:normal;color:var(--ink3);font-size:15px;white-space:nowrap}
.d27 .zt{flex:1;min-width:0;display:grid;gap:2px}
.d27 .zt > b{font:500 17px/1.3 var(--sans);letter-spacing:-.01em}
.d27 .zt > small{font-size:15px;line-height:1.3;color:var(--ink2)}
.d27 .ic27{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;transition:transform .1s}
.d27 .ic27 svg{width:18px;height:18px}
.d27 .zeile27.gross{min-height:64px}
.d27 .zeile27.gross .ic27{width:38px;height:38px;border-radius:10px}.d27 .zeile27.gross .ic27 svg{width:22px;height:22px}
.d27 .zeile27.aktiv{background:var(--mag-soft)}
.d27 .punkt27{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink3);margin-right:6px;vertical-align:1px}
.d27 .punkt27.ok{background:var(--ok)}.d27 .punkt27.warn{background:var(--warn)}.d27 .punkt27.cyan{background:var(--cyan)}.d27 .punkt27.mag{background:var(--mag)}
.d27 .phase27 .kal27{width:44px}
.d27 .schalt27 .schalter{flex:none}
.d27 .k-logo.riesig{width:72px;height:72px;border-radius:18px;font-size:32px;box-shadow:var(--sh2)}

/* Unterseite: Zurück + großer Kopf */
.d27 .seite27{min-width:0}
.d27 .zurueck27{display:inline-flex;align-items:center;gap:2px;margin:4px 0 0 -6px;min-height:44px;padding:0 8px 0 0;color:var(--mag);font:500 17px var(--sans);text-decoration:none}
.d27 .zurueck27 svg{width:24px;height:24px}
.d27 .detailkopf27{display:grid;justify-items:center;text-align:center;gap:6px;margin:8px 0 8px}
.d27 .detailkopf27 h1{margin:10px 0 0;font-size:30px}
.d27 .detailkopf27 p{margin:0;color:var(--ink2);font-size:17px;line-height:1.45;max-width:34em}
.d27 .detailkopf27 .spanne{font-weight:600;color:var(--ink)}
.d27 .detailkopf27 .preis27{font-size:15px;color:var(--ink3);margin-top:4px}
.d27 .kal27.gross{width:76px;border-radius:16px;box-shadow:var(--sh2)}
.d27 .kal27.gross b{font-size:13px;line-height:24px}.d27 .kal27.gross span{font-size:34px;line-height:52px}
.d27 .aktion27{display:grid;justify-items:center;gap:14px;margin-top:32px}
.d27 .btn.voll{width:100%;min-height:52px;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}
.d27 .btn.gross27 svg{width:20px;height:20px}
.d27 .textlink27{display:inline-flex;align-items:center;gap:6px;color:var(--mag);font:500 17px var(--sans);text-decoration:none;min-height:44px}
.d27 .textlink27 svg{width:16px;height:16px}
.d27 .werte27{margin:24px 0 0}
.d27 .werte27 div{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;position:relative}
.d27 .werte27 div + div::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--line)}
.d27 .werte27 dt{color:var(--ink2);font-size:17px;flex:none}
.d27 .werte27 dd{margin:0;text-align:right;font-size:17px;font-weight:500;min-width:0}
.d27 .werte27 dd small{display:block;font-weight:400;font-size:13px;color:var(--ink3);margin-top:2px}

/* Posts-Streifen: große Vorschaubilder */
.d27 .streifen27{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.d27 .streifen27::-webkit-scrollbar{display:none}
.d27 .streifen-post{flex:none;width:min(40vw,180px);scroll-snap-align:start;display:grid;gap:4px;text-decoration:none;color:var(--ink)}
.d27 .sp-bild{display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--fill);box-shadow:var(--sh1);transition:transform .1s}
.d27 .sp-bild img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .sp-bild i{display:grid;place-items:center;height:100%;font-style:normal;color:var(--ink3);font-size:14px}
.d27 .streifen-post small{font:500 15px/1.25 var(--sans);color:var(--ink);padding:4px 2px 0}
.d27 .streifen-post .sp-zusatz{font-weight:400;font-size:13px;color:var(--ink3);padding-top:0}
.d27 .streifen-post .sp-zusatz .punkt27{width:6px;height:6px;margin-right:4px}

/* Website-Zeile mit Mini-Screenshot */
.d27 .mini-shot{flex:none;width:54px;height:76px;border-radius:9px;overflow:hidden;background:var(--fill);box-shadow:0 0 0 1px var(--line)}
.d27 .mini-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.d27 .web27{min-height:96px}

/* „Läuft jetzt“-Karte als ganzer Link */
.d27 a.jetzt-live{display:block;text-decoration:none}
.d27 .jl-mehr{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:#fff}
.d27 .jl-mehr svg{width:15px;height:15px}

/* Fortschritt (Wünsche, „Wird neu gemacht“) */
.d27 .fortschritt27{display:grid;gap:5px;margin-top:6px}
.d27 .fb-spur{position:relative;display:flex;justify-content:space-between;align-items:center;height:8px;margin:0 3px}
.d27 .fb-spur::before{content:"";position:absolute;left:0;right:0;top:3px;height:2px;border-radius:2px;background:var(--fill2)}
.d27 .fb-spur i{position:absolute;left:0;top:3px;height:2px;border-radius:2px;background:var(--mag)}
.d27 .fb-spur b{position:relative;width:8px;height:8px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2px var(--fill2)}
.d27 .fb-spur b.ok{background:var(--mag);box-shadow:none}
.d27 .fortschritt27.st3 .fb-spur i,.d27 .fortschritt27.st3 .fb-spur b.ok{background:var(--ok)}
.d27 .fortschritt27 small{font-size:13px;color:var(--ink2)}
.d27 .fortschritt27.st2 small{color:var(--mag);font-weight:600}

/* Blätter: Inhalte */
.d27 .b-inhalt{gap:18px;padding:4px 20px calc(24px + env(safe-area-inset-bottom))}
.d27 .b-titel b{font:700 22px/1.2 var(--sans)}
.d27 .b-titel small{font-size:15px;margin-top:2px}
.d27 .b-zurueck{all:unset;display:inline-flex;align-items:center;gap:2px;color:var(--mag);font:500 17px var(--sans);cursor:pointer;margin:-4px 0 -8px -6px;min-height:36px}
.d27 .b-zurueck svg{width:22px;height:22px}
.d27 .b-gruppe.pad{padding:16px}
.d27 .wahl27 .zeile27{min-height:68px}
.d27 .b-wunsch textarea{font-size:17px;min-height:120px;border-radius:14px}
.d27 .feld27{display:grid;gap:6px;color:var(--ink2);font:500 15px var(--sans)}
.d27 .feld27 input,.d27 .feld27 textarea{background:var(--card);box-shadow:var(--sh1);font-size:17px;min-height:50px;padding:0 14px;border-radius:14px;color:var(--ink)}
.d27 .feld27 textarea{padding:12px 14px}
.d27 .feld27 small{color:var(--ink3);font-size:13px;font-weight:400}
.d27 .ps-bild{margin:-4px -20px 0;display:flex;justify-content:center;background:var(--fill)}
.d27 .ps-bild img{display:block;max-width:100%;max-height:min(56vh,520px);object-fit:contain}
.d27 .ps-text{margin:0;font-size:17px;line-height:1.45;white-space:pre-line;color:var(--ink)}
.d27 .b-inhalt .b-kopf b{font-size:22px}
.d27 .b-inhalt > .b-gruppe:not(.pad){padding:2px 16px}
.d27 .b-gruppe .punkt27{width:8px;height:8px}
.d27 .b-flaeche{max-height:calc(100dvh - 24px - env(safe-area-inset-top))}
html.blatt-offen{overflow:hidden}

/* Toast */
.d27 .toast27{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;transform:translate(-50%,20px);opacity:0;max-width:calc(100% - 40px);padding:12px 18px;border-radius:999px;background:rgba(27,20,32,.92);color:#fff;font:500 15px var(--sans);box-shadow:var(--sh3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .45s var(--spring),opacity .25s;text-align:center}
.d27 .toast27.an{transform:translate(-50%,0);opacity:1}
@media (min-width:900px){.d27 .toast27{bottom:28px}}

/* Wisch-zurück */
.wisch-schatten{position:fixed;inset:0;z-index:40;background:rgba(10,5,15,.12);pointer-events:none}

/* Breite Bildschirme: Liste links, Seite rechts (max. 720 px je Spalte) */
.d27 .nur-breit{display:none}
.d27 .seite27{max-width:720px}
@media (min-width:1100px){
  .d27 .zweispaltig27{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,720px);gap:32px;align-items:start}
  .d27 .zweispaltig27 .nur-breit{display:block;position:sticky;top:20px}
  .d27 .zweispaltig27 .nur-breit .abschnitt27.oben{margin-top:14px}
  .d27 .zweispaltig27 .seite27 > .zurueck27{display:none}
}

/* Seitenwechsel wie in einer App (Safari 18+, Chrome) */
@view-transition{navigation:auto}
.d27 .tabbar27{view-transition-name:tabbar}
.d27 .side27{view-transition-name:seitenleiste}
::view-transition-group(root){animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html:active-view-transition-type(vor)::view-transition-old(root){animation:.26s cubic-bezier(.22,1,.36,1) both vt27-weg-links}
html:active-view-transition-type(vor)::view-transition-new(root){animation:.26s cubic-bezier(.22,1,.36,1) both vt27-von-rechts}
html:active-view-transition-type(zurueck)::view-transition-old(root){animation:.26s cubic-bezier(.22,1,.36,1) both vt27-weg-rechts;z-index:2}
html:active-view-transition-type(zurueck)::view-transition-new(root){animation:.26s cubic-bezier(.22,1,.36,1) both vt27-von-links}
html:active-view-transition-type(tab)::view-transition-old(root),html:active-view-transition-type(tab)::view-transition-new(root){animation-duration:.18s}
@keyframes vt27-von-rechts{from{transform:translateX(100%)}}
@keyframes vt27-weg-links{to{transform:translateX(-28%);opacity:.6}}
@keyframes vt27-weg-rechts{to{transform:translateX(100%)}}
@keyframes vt27-von-links{from{transform:translateX(-28%);opacity:.6}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.d27 .blatt-teil{display:grid;gap:16px}
.d27 .gruppe27 .k-logo{width:30px;height:30px;border-radius:8px;font-size:14px}
.d27 textarea:focus-visible,.d27 input:focus-visible{outline:none}

/* Lead-Detail wie iOS-Kontakte */
.d27 .leaddetail27.seite27{max-width:720px;margin:0 auto}
.d27 .detailkopf27.kontakt{margin-top:4px}
.d27 .av.riesig{width:96px;height:96px;font-size:36px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--sh2)}
.d27 .detailkopf27 .leise27{font-size:15px;color:var(--ink3)}
.d27 .rundknoepfe27{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 0}
.d27 .rundknoepfe27 > *{display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--mag);font:500 13px var(--sans);-webkit-tap-highlight-color:transparent}
.d27 .rundknoepfe27 .rk{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:var(--sh1);color:var(--mag);transition:transform .1s}
.d27 .rundknoepfe27 .rk svg{width:22px;height:22px}
.d27 .rundknoepfe27 .rk.wa{color:#1faa53}
.d27 .rundknoepfe27 a:active .rk{transform:scale(.92);background:var(--fill)}
.d27 .rundknoepfe27 .aus{color:var(--ink3);opacity:.5}
.d27 .abstand27{margin-top:28px}
.d27 .blase27{margin:0;padding:14px 16px;background:var(--card);border-radius:18px 18px 18px 6px;box-shadow:var(--sh1);font-size:17px;line-height:1.45}
.d27 .antworttext27{all:unset;box-sizing:border-box;display:grid;gap:8px;width:100%;padding:14px 16px 14px;position:relative;cursor:pointer;font-size:17px;line-height:1.45;color:var(--ink);white-space:pre-line}
.d27 .antworttext27::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--line)}
.d27 .antworttext27 [data-text-vorschau]{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.d27 .antworttext27 small{display:inline-flex;align-items:center;gap:6px;color:var(--mag);font-size:15px;white-space:normal}
.d27 .antworttext27 small svg{width:15px;height:15px}
.d27 .antworttext27:active{background:var(--fill)}
.d27 .btn.wa{background:#1faa53;color:#fff}
.d27 .btn.voll svg{width:20px;height:20px}
.d27 .haken27{color:var(--mag);display:grid;place-items:center}.d27 .haken27 svg{width:20px;height:20px}
.d27 .haken27[hidden]{display:none}
.d27 .punkt27.gross{width:12px;height:12px;margin:0 4px}
.d27 .zeile27.rot b{color:var(--bad)}
.d27 .textlink27.mitte,.d27 .fussnote27.mitte{justify-self:center;text-align:center}
.d27 .verlauf27.in-gruppe{margin:0;padding:14px 16px 16px;position:relative;gap:16px}
.d27 .verlauf27.in-gruppe::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--line)}
.d27 .verlauf27.in-gruppe li{font-size:15px}
.d27 .verlauf27.in-gruppe:empty{display:none}
.d27 .eigenes-datum27{display:grid;gap:12px}
.d27 .b-inhalt textarea[data-text]{font-size:17px;line-height:1.45;background:var(--card);box-shadow:var(--sh1);border-radius:14px;padding:12px 14px;min-height:200px}
@media (min-width:1000px){
  .d27 .leads27.mit-detail .leaddetail27.seite27{max-width:none;background:none;box-shadow:none;padding:0 4px 24px;border-radius:0;max-height:calc(100vh - 28px)}
  .d27 .leads27.mit-detail .leaddetail27 .zurueck27{display:none}
}
.d27 .zeile27 + .zeile27::before{left:16px}
.d27 .zeile27:has(> .ic27,> .k-logo,> .punkt27)::before{left:58px}
.d27 .zeile27:has(> .kal27)::before{left:74px}
.d27 .zeile27:has(> .mini-shot)::before{left:86px}

/* Heute: Widgets ganz antippbar, nichts abgeschnitten */
.d27 .widget27{display:grid;align-content:start;gap:8px;padding:18px}
.d27 .w-kopf{display:flex;align-items:center;gap:10px;font:600 15px var(--sans);color:var(--ink)}
.d27 .w-kopf .ic27{width:28px;height:28px;border-radius:7px}.d27 .w-kopf .ic27 svg{width:16px;height:16px}
.d27 .widget27 .zahl{margin-top:4px}
.d27 .widget27 .sub{margin:0;font-size:15px;line-height:1.35}
.d27 .widget27 .stapel{margin:4px 0 2px}
.d27 .web-widget{gap:10px}
.d27 .ww-zeile{font-size:17px;line-height:1.35;color:var(--ink2)}.d27 .ww-zeile b{color:var(--ink);font-weight:600}
.d27 .heute-hero + .widget27{margin-top:0}

/* Content */
.d27 .chips.seg-voll.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.d27 .chips.seg-voll.drei a{justify-content:center;font-size:14.5px}
.d27 .hinweis27{position:relative;margin:4px 0 14px;padding:12px 44px 12px 16px;background:var(--card);border-radius:14px;box-shadow:var(--sh1);font-size:15px;line-height:1.4;color:var(--ink2)}
.d27 .hinweis27.mitte{margin:14px 0 0;text-align:left}
.d27 .hinweis27 button{all:unset;position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--ink2);cursor:pointer}
.d27 .hinweis27 button svg{width:13px;height:13px}
.d27 .titel27{margin-top:4px}
.d27 .neu27{align-items:flex-start;padding-top:14px;padding-bottom:14px}
.d27 .neu27 .mini27{flex:none;width:52px;height:64px;border-radius:10px;overflow:hidden;background:var(--fill);display:block}
.d27 .neu27 .mini27 img{width:100%;height:100%;object-fit:cover;display:block}
.d27 .neu27 > svg{align-self:center}
.d27 .neu27 .wunsch-zitat{font-style:italic}
.d27 .zeile27.neu27 + .zeile27::before{left:82px}

/* Konto: Profilfoto groß und mittig */
.d27 .profil27{display:grid;justify-items:center;text-align:center;gap:4px;margin:8px 0 28px}
.d27 .profil27 .profilbild{position:relative;cursor:pointer;margin-bottom:10px}
.d27 .profil27 .profilbild input{position:absolute;inset:0;opacity:0;cursor:pointer}
.d27 .avatar-me.riesig{width:112px;height:112px;font-size:40px;box-shadow:var(--sh2)}
.d27 .avatar-me.riesig img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.d27 .profil27 .kamera{position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mag);color:#fff;border:3px solid var(--bg)}
.d27 .profil27 .kamera svg{width:16px;height:16px}
.d27 .profil27 b{font:700 24px var(--sans);letter-spacing:-.02em}
.d27 .profil27 span{color:var(--ink2);font-size:17px}
.d27 .profil27 small{color:var(--ink3);font-size:13px;margin-top:4px}
.d27 .chips.seg-voll.drei a{white-space:nowrap;padding:0 6px}

/* Ladebalken sofort beim Antippen (gefühlt schneller bei schwachem Netz) */
.ladebalken27{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,var(--mag),var(--cyan));box-shadow:0 0 8px var(--mag);transition:width 8s cubic-bezier(.1,.7,.2,1),opacity .3s;padding-top:env(safe-area-inset-top);box-sizing:content-box;background-clip:content-box}
.ladebalken27.los{width:85%}
/* Ablauf: mehr Luft zwischen den Terminen */
.d27 .liste-phasen .zeile27{min-height:76px;padding-top:14px;padding-bottom:14px}
/* Leads-Liste */
.d27 .abschnitt27-box.eng{margin-top:20px}
.d27 .abschnitt27-box.eng .abschnitt27-kopf h2{font-size:15px;font-weight:600;color:var(--ink3);text-transform:none;letter-spacing:0}
.d27 .lead27 .av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 16px var(--sans)}
.d27 .lead27 .zt small.st{font-size:13px;color:var(--ink3)}
.d27 .zeile27.lead27 + .zeile27::before{left:74px}
.d27 .punkt27.violet{background:var(--violet)}
.d27 .leer27 img{width:96px;height:auto}
/* Geplant / Archiv als Zeilen */
.d27 .post27 .mini27{flex:none;width:52px;height:64px;border-radius:10px;overflow:hidden;background:var(--fill);display:block}
.d27 .post27 .mini27.hoch{width:44px;height:78px}
.d27 .post27 .mini27 img,.d27 .post27 .mini27 video{width:100%;height:100%;object-fit:cover;display:block}
.d27 .post27 .zt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.d27 .post27 .zt small.st{font-size:13px;color:var(--ink3)}
.d27 .zeile27.post27 + .zeile27::before{left:82px}
.d27 .chips.seg-voll.vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.d27 .chips.seg-voll.vier a{justify-content:center;padding:0 4px}
.d27 .hinweis27 a{color:var(--mag);font-weight:600;text-decoration:none;margin-left:6px}
/* Material: Schnell-Post vom Kunden */
.d27 .schnell27{display:grid;gap:12px;margin-top:8px}
.d27 .schnell-knopf{position:relative;display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:18px;box-shadow:var(--sh1);cursor:pointer;color:var(--ink)}
.d27 .schnell-knopf input{position:absolute;inset:0;opacity:0;cursor:pointer}
.d27 .schnell-knopf .ic27{width:44px;height:44px;border-radius:12px}.d27 .schnell-knopf .ic27 svg{width:24px;height:24px}
.d27 .schnell-knopf b{display:block;font:600 17px var(--sans)}.d27 .schnell-knopf small{color:var(--ink2);font-size:15px}
.d27 .schnell-knopf.haupt{background:linear-gradient(140deg,#2a0f24,#8f1f63);color:#fff;min-height:96px}
.d27 .schnell-knopf.haupt small{color:rgba(255,255,255,.75)}.d27 .schnell-knopf.haupt .ic27{background:rgba(255,255,255,.18)!important}
.d27 .schnell-knopf:active{transform:scale(.98)}
.d27 .schnell-vorschau{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px}
.d27 .schnell-vorschau img,.d27 .schnell-vorschau video{height:120px;border-radius:12px;object-fit:cover;flex:none;max-width:200px}
.d27 .wahl27 label.zeile27 .haken27{opacity:0}
.d27 .wahl27 label.zeile27:has(input:checked) .haken27{opacity:1}
.d27 .wahl27 label.zeile27:has(input:checked){background:var(--mag-soft)}
.d27 .kunden-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}
.d27 .kunden-chips button{all:unset;padding:7px 12px;border-radius:999px;background:var(--card);box-shadow:var(--sh1);font:500 14px var(--sans);cursor:pointer}
.d27 .kunden-chips button.on{background:var(--mag);color:#fff}
.d27 .zeile-schalter27{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card);border-radius:14px;box-shadow:var(--sh1)}
.d27 .zeile-schalter27 > span:first-child{flex:1;display:grid;gap:2px}.d27 .zeile-schalter27 b{font:500 17px var(--sans)}.d27 .zeile-schalter27 small{color:var(--ink3);font-size:13px}
.d27 .matgrid27{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:16px;overflow:hidden}
@media (min-width:700px){.d27 .matgrid27{grid-template-columns:repeat(5,minmax(0,1fr))}}
.d27 .matkachel27{position:relative;aspect-ratio:1;cursor:pointer;display:block}
.d27 .matkachel27 input{position:absolute;opacity:0}
.d27 .matkachel27 .th{display:block;width:100%;height:100%}.d27 .matkachel27 img,.d27 .matkachel27 video{width:100%;height:100%;object-fit:cover;display:block}
.d27 .matkachel27 small{position:absolute;left:4px;right:4px;bottom:4px;color:#fff;font:600 11px var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .matkachel27:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--mag);color:#fff;display:grid;place-items:center;font:700 14px var(--sans);box-shadow:0 0 0 2px #fff}
.d27 .matkachel27:has(input:checked) .th{opacity:.75}
.d27 .sticky27{position:sticky;bottom:calc(96px + env(safe-area-inset-bottom));margin-top:14px;box-shadow:var(--sh2)}
/* Planer */
.d27 .emoji27{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--fill);font-size:20px}
.d27 .emoji27.riesig{width:84px;height:84px;border-radius:22px;font-size:46px;background:var(--card);box-shadow:var(--sh2)}
.d27 .zeile27:has(> .emoji27)::before{left:66px}
.d27 .zeile27 .zt small.st{font-size:13px;color:var(--ink3)}
.d27 details.mehr27 summary{list-style:none;cursor:pointer;color:var(--mag);font:500 17px var(--sans);text-align:center;padding:14px 0}
.d27 details.mehr27 summary::-webkit-details-marker{display:none}
.d27 .btn.voll.zweit{background:var(--card);color:var(--mag);box-shadow:var(--sh1)}

/* Tempo: Hintergrund ohne teuren Weichzeichner (gleiche Wirkung per Verlauf), Blatt-Hintergrund ohne Blur */
.d27 .aura i{filter:none}
.d27 .aura i:nth-child(1){background:radial-gradient(circle,var(--blob1) 0%,transparent 68%)}
.d27 .aura i:nth-child(2){background:radial-gradient(circle,var(--blob2) 0%,transparent 68%)}
.d27 .aura i:nth-child(3){background:radial-gradient(circle,var(--blob3) 0%,transparent 68%)}
.d27 .toast27.tippbar{cursor:pointer;pointer-events:auto;background:var(--mag)}
.d27 .streifen-post[data-hoch="1"] .sp-bild img{object-fit:contain;background:#141118}
/* Material-Blatt: Formate + Personen */
.d27 .formate27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.d27 .formate27 label{cursor:pointer}
.d27 .formate27 input{position:absolute;opacity:0;pointer-events:none}
.d27 .formate27 span{display:grid;justify-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:var(--card);box-shadow:var(--sh1);font:600 14px var(--sans);color:var(--ink2)}
.d27 .formate27 span svg{width:22px;height:22px}
.d27 .formate27 input:checked + span{background:var(--mag);color:#fff}
.d27 .b-titel.klein27 b{font-size:17px}
.d27 .segment27 label{display:block;cursor:pointer}
.d27 .segment27 label span{display:grid;place-items:center;min-height:34px;border-radius:8px;font:600 13.5px var(--sans);color:var(--ink2)}
.d27 .segment27 label input:checked + span{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.08)}
.d27 .segment27:has(label:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.d27 button.textlink27{all:unset;display:block;text-align:center;color:var(--mag);font:500 17px var(--sans);min-height:44px;line-height:44px;cursor:pointer;width:100%}
.d27 .chips.seg-voll.fuenf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
.d27 .chips.seg-voll.fuenf a{justify-content:center;padding:0 2px;font-size:13.5px}
.d27 .mehr27{margin-top:20px}
/* Planer: Stand + Kanäle, Bibliothek */
.d27 .zt small.st.ok{color:var(--ok)}.d27 .zt small.st.warn{color:var(--warn)}.d27 .zt small.st.cyan{color:var(--cyan)}
.d27 .kl{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;margin-left:6px;color:#fff;font:700 9px var(--sans);font-style:normal;vertical-align:-2px}
.d27 .kl.m{background:linear-gradient(135deg,#0866ff,#a033ff)}.d27 .kl.g{background:linear-gradient(135deg,#4285f4,#34a853)}
.d27 .abstand-oben{margin-top:16px}
.d27 .suche27{width:100%;min-height:44px;border-radius:12px;background:var(--fill);padding:0 14px;font-size:17px;border:0;box-sizing:border-box}
.d27 .bib-monat{margin:10px 4px -6px;font:600 15px var(--sans);color:var(--ink3)}
.d27 .stand27{font-weight:600}.d27 .stand27.ok{color:var(--ok)!important}.d27 .stand27.warn{color:var(--warn)!important}.d27 .stand27.cyan{color:var(--cyan)!important}

/* Kunden */
.d27 .kunden-logo{flex:none;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;overflow:hidden}
.d27 .kunden-logo img{max-width:86%;max-height:86%;object-fit:contain}
.d27 .kunden-logo.riesig{width:104px;height:104px;border-radius:26px;box-shadow:var(--sh2)}
.d27 .mini-logo{flex:none;width:44px;height:44px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;overflow:hidden}
.d27 .mini-logo img{max-width:88%;max-height:88%;object-fit:contain}
.d27 .zeile27 > a.zt{text-decoration:none;color:inherit}
.d27 .weg27{all:unset;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--ink2);cursor:pointer}.d27 .weg27 svg{width:14px;height:14px}
.d27 .farben27{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.d27 .farben27 span{display:inline-flex;align-items:center;gap:5px;font-size:14px}.d27 .farben27 i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.d27 .kopf-link27{all:unset;color:var(--mag);font:500 17px var(--sans);cursor:pointer}
.d27 details.mehr27.links summary{text-align:left;padding:4px 0}
.d27 .felder27{display:grid;gap:14px;margin-top:10px}
.d27 .segment27.fuenf27{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Material: Vorschau mit Entfernen, Karussell, Löschen */
.d27 .formate27.fuenf{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.d27 .formate27.fuenf span{font-size:12.5px;padding:10px 2px}
.d27 .sv-bild{position:relative;flex:none}
.d27 .sv-weg{all:unset;position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;font:600 18px/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.d27 .sv-leiste{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}
.d27 .sv-leiste small{color:var(--ink3);font-size:13px}
.d27 .sv-mehr{position:relative;color:var(--mag);font:500 15px var(--sans);cursor:pointer}.d27 .sv-mehr input{position:absolute;inset:0;opacity:0}
.d27 .auftrag-bilder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.d27 .ab-bild{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden}
.d27 .ab-bild .th,.d27 .ab-bild img{display:block;width:100%;height:100%;object-fit:cover}
.d27 .rot27{color:var(--bad)!important}
.d27 .auswahl-leiste27{position:sticky;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;gap:8px;margin-top:14px}
.d27 .auswahl-leiste27 .btn{box-shadow:var(--sh2)}
.d27 .btn.rot{background:var(--bad);color:#fff;flex:none;padding:0 18px}
.d27 .b-titel.klein27{padding:0}
.d27 .ps-karussell{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:-4px -20px 0;scrollbar-width:none;background:var(--fill)}
.d27 .ps-karussell::-webkit-scrollbar{display:none}
.d27 .ps-karussell img{flex:none;width:100%;max-height:min(56vh,520px);object-fit:contain;scroll-snap-align:center}
.d27 .ps-punkte{display:flex;justify-content:center;gap:6px;margin-top:-8px}.d27 .ps-punkte i{width:6px;height:6px;border-radius:50%;background:var(--fill2)}.d27 .ps-punkte i.an{background:var(--mag)}
.d27 .b-titel.klein27{margin-bottom:-8px}
.d27 .b-wunsch .segment27{margin-top:0}
/* Kundenkartei */
.d27 .kunden-logo.rund{border-radius:50%}
.d27 .zeile27.leer .zt b{color:var(--ink2);font-weight:400}
.d27 .zeile27.leer > em{color:var(--mag);font-weight:500}
.d27 .zeile27 .zt small{white-space:normal}
.d27 .farben27.links{justify-content:flex-start;margin-top:4px}
.d27 .eingabe27{width:100%;box-sizing:border-box;min-height:52px;border-radius:14px;background:var(--card);box-shadow:var(--sh1);padding:0 16px;font-size:17px;border:0;color:var(--ink)}
.d27 .vorschlag27{background:var(--warn-soft);border-radius:16px;padding:16px;display:grid;gap:10px}
.d27 .vorschlag27 > b{color:var(--warn);font-size:15px}
.d27 .vorschlag27 dl{margin:0;display:grid;gap:6px}.d27 .vorschlag27 dl div{display:flex;justify-content:space-between;gap:12px;font-size:15px}.d27 .vorschlag27 dt{color:var(--ink2)}.d27 .vorschlag27 dd{margin:0;font-weight:600;text-align:right}
.d27 .vorschlag27 small{color:var(--ink3);font-size:13px}
.d27 .knopfreihe27{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Material: Vollbild-Blatt */
html.blatt-voll .d27 .b-flaeche,html.blatt-voll body.d27 .b-flaeche{width:100%;max-width:640px;height:100dvh;max-height:100dvh;border-radius:0}
html.blatt-voll body.d27 .tabbar27{display:none}
html.blatt-voll body.d27 .b-inhalt{padding-top:calc(env(safe-area-inset-top) + 4px);padding-bottom:calc(110px + env(safe-area-inset-bottom))}
html.blatt-voll body.d27 .b-griff{height:calc(10px + env(safe-area-inset-top))}
html.blatt-voll body.d27 .b-zu{top:calc(12px + env(safe-area-inset-top))}
.d27 .blatt-teil.voll27{gap:22px}
.d27 .sk-kopf{display:flex;align-items:center;gap:10px;padding-right:44px}.d27 .sk-kopf b{flex:1;font:700 22px var(--sans)}
.d27 .rund.klein{width:36px;height:36px}
.d27 .sk-leiste{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:4px 20px 6px;scrollbar-width:none}.d27 .sk-leiste::-webkit-scrollbar{display:none}
.d27 .sk-bild{position:relative;flex:none;width:104px;height:138px;border-radius:14px;overflow:hidden;background:var(--fill);box-shadow:var(--sh1);touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s}
.d27 .sk-bild img,.d27 .sk-bild video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.d27 .sk-bild.zieht{z-index:3;box-shadow:var(--sh3);transition:none}
.d27 .sk-weg{all:unset;position:absolute;top:0;right:0;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.d27 .sk-weg span{width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;font:600 18px/1 var(--sans)}
.d27 .sk-titelbild{position:absolute;left:6px;bottom:6px;font:700 10px var(--sans);font-style:normal;background:var(--mag);color:#fff;border-radius:99px;padding:2px 7px}
.d27 .sk-ring{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font:700 12px var(--sans)}
.d27 .sk-ring::before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:conic-gradient(#fff calc(var(--p,0)*1%),rgba(255,255,255,.25) 0);-webkit-mask:radial-gradient(circle,transparent 15px,#000 16px);mask:radial-gradient(circle,transparent 15px,#000 16px)}
.d27 .sk-bild.wartet .sk-ring,.d27 .sk-bild.fehler .sk-ring{background:rgba(194,120,6,.55)}
.d27 .sk-bild.wartet .sk-ring::before,.d27 .sk-bild.fehler .sk-ring::before{display:none}
.d27 .sk-plus{flex:none;width:104px;height:138px;border-radius:14px;border:2px dashed var(--fill2);display:grid;place-items:center;color:var(--mag);font:300 44px var(--sans);position:relative;cursor:pointer}
.d27 .sk-plus input{position:absolute;inset:0;opacity:0}
.d27 .sk-zaehler{color:var(--ink3);font-size:13px;margin-top:-14px}
.d27 .sk-block{display:grid;gap:12px}
.d27 .sk-titel{font:700 19px var(--sans);letter-spacing:-.01em}
.d27 .sk-hinweis{color:var(--ink3);font-size:13px;margin-top:-4px}
.d27 .segment27.fehlt{box-shadow:0 0 0 2px var(--warn)}
.d27 .sk-kunden:empty{display:none}
.d27 .sk-kunden .zeile27{min-height:52px}.d27 .sk-kunden .zeile27.neu b{color:var(--mag)}.d27 .sk-kunden .zeile27.ohne b{color:var(--ink2)}
.d27 .sk-neu{display:grid;gap:10px}
.d27 .eingabe27.wachsend{padding:12px 16px;line-height:1.4;min-height:96px;resize:none;overflow:hidden}
.d27 .sk-fuss{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--bg) 70%,transparent);max-width:640px;margin:0 auto}
.d27 .sk-gross{position:fixed;inset:0;z-index:130;background:rgba(10,5,15,.92);display:grid;grid-template-rows:1fr auto;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}
.d27 .sk-gross img{max-width:100%;max-height:100%;object-fit:contain;place-self:center}
.d27 .sk-gross-knoepfe{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.d27 .schnell-knopf.klein{min-height:0;padding:12px 16px;text-decoration:none}.d27 .schnell-knopf.klein > svg{width:16px;height:16px;color:var(--ink3);margin-left:auto}
.d27 .schnell-knopf .ic27{color:#fff}

/* Auftrag: 4 Schritte */
.d27 .stufen27{list-style:none;margin:20px 0 0;padding:16px;background:var(--card);border-radius:16px;box-shadow:var(--sh1);display:grid;gap:0}
.d27 .stufen27 li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:0 0 18px}
.d27 .stufen27 li:last-child{padding-bottom:0}
.d27 .stufen27 li::before{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:2px;background:var(--fill2)}
.d27 .stufen27 li:last-child::before{display:none}
.d27 .stufen27 i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--round);font-style:normal;background:var(--fill);color:var(--ink3);z-index:1}
.d27 .stufen27 li.ok i{background:var(--ok);color:#fff}.d27 .stufen27 li.ok::before{background:var(--ok)}
.d27 .stufen27 li.jetzt i{background:var(--mag);color:#fff;animation:puls27 2s ease-out infinite}
.d27 .stufen27 span{display:grid;gap:2px;padding-top:4px}.d27 .stufen27 b{font-size:17px;font-weight:600}.d27 .stufen27 small{font-size:14px;color:var(--ink3)}
.d27 .stufen27 li:not(.ok):not(.jetzt) b{color:var(--ink3);font-weight:500}
.d27 .ab-bild .sk-weg{position:absolute;top:0;right:0}
.d27 .sk-plus.klein{width:auto;height:auto;aspect-ratio:1;font-size:36px}

/* ===== App-Linie überall (27.10. 10:02) ===== */
/* Tab-Leiste nur auf Hauptseiten */
body.d27.ohne-tab .tabbar27{display:none}
body.d27.ohne-tab .wrap{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
/* Statusleiste: eigener Hintergrund, nie verschwommener Titel hinter der Uhrzeit */
body.d27::before{content:"";position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top);background:var(--bg);z-index:60}
/* Kleiner Titel beim Scrollen */
.d27 .topbar27{position:fixed;left:0;right:0;top:0;z-index:58;height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:center;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 var(--line);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}
.d27 .topbar27.an{opacity:1;transform:none;pointer-events:auto}
.d27 .topbar27 b{font:600 17px var(--sans);max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .topbar27 a{position:absolute;left:8px;top:env(safe-area-inset-top);height:48px;display:flex;align-items:center;gap:2px;color:var(--mag);font:500 17px var(--sans);text-decoration:none}
.d27 .topbar27 a svg{width:24px;height:24px}
@media (min-width:900px){.d27 .topbar27{left:248px}}
/* Feste Knopfleiste unten (eigene Leiste, nie hinter der Tab-Leiste) */
.d27 .knopfleiste27{position:fixed;left:0;right:0;bottom:0;z-index:57;display:flex;gap:10px;justify-content:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -1px 0 var(--line)}
.d27 .knopfleiste27 > *{flex:1;max-width:240px}
@media (min-width:900px){.d27 .knopfleiste27{left:248px}}

/* Freigabe: feste Knopfleiste, Vorschau passt ganz ins Bild */
body.d27.ohne-tab .freigabe27 .entscheid{position:fixed;left:0;right:0;bottom:0;z-index:57;margin:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -1px 0 var(--line)}
@media (min-width:900px){body.d27.ohne-tab .freigabe27 .entscheid{left:248px}}
body.d27.ohne-tab .freigabe27 .post-karte .pk-bild{background:#141118;display:flex;justify-content:center}
body.d27.ohne-tab .freigabe27 .post-karte .pk-bild img{width:100%;height:auto;max-height:calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}
.d27 .pk-mark{color:var(--ink3);font-size:14px}
.d27 .pk-frage{display:block;margin:0 14px 12px;padding:10px 12px;border-radius:12px;background:var(--warn-soft);color:var(--ink);font:500 14px var(--sans);text-decoration:none}
/* Post-Detail */
.d27 .kopfzeile27{display:flex;align-items:center;justify-content:space-between}
.d27 .post-titel27{font-size:28px;margin:8px 0 4px}
.d27 .post-detail27 .stand27{margin:0 0 14px;font-size:15px}
.d27 .vorschau27{border-radius:20px;overflow:hidden;background:#141118;box-shadow:var(--sh2);display:flex;justify-content:center}
.d27 .vorschau27 img,.d27 .vorschau27 video{display:block;width:100%;object-fit:contain}
.d27 .vorschau27.hoch img,.d27 .vorschau27.hoch video{max-height:min(72vh,720px);aspect-ratio:9/16;width:auto;max-width:100%}
.d27 .vorschau27.feed img{aspect-ratio:4/5;max-height:72vh}
.d27 .vorschau27 .ps-karussell{margin:0;width:100%}
.d27 .vorschau27 + .ps-punkte{margin-top:8px}
.d27 .ohne-bild27{display:grid;place-items:center;gap:4px;text-align:center;color:#fff;aspect-ratio:4/5;width:100%;padding:20px}.d27 .ohne-bild27 small{opacity:.7}
.d27 .text-vorschau27{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.d27 .zeile27 > em{max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d27 .rot-text{color:var(--bad)}
.d27 .gruppe27 > form{display:block}
.d27 .frage27{display:grid;gap:8px;padding:14px 16px;margin:0 0 14px;border-radius:16px;background:var(--warn-soft)}
.d27 .frage27 > b{color:var(--warn);font-size:14px}.d27 .frage27 p{margin:0;font-size:17px;font-weight:500}
.d27 .frage-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.d27 .knopfleiste27 form{flex:1;max-width:240px;display:flex}.d27 .knopfleiste27 form .btn{flex:1}
.d27 .btn.ok{background:var(--ok);color:#fff}
.d27 .verlauf27.ohne-linie::before{display:none}
.d27 .topbar27 b{max-width:calc(100% - 230px)}
.d27 .b-titel .erkannt{font-size:13px;color:var(--ink3)}
.d27 .seg27{display:grid;grid-template-columns:repeat(3,1fr)}
body.d27.ohne-tab .freigabe27 ~ * .hinweis27,body.d27.ohne-tab [data-hinweis-einmal=content]{display:none!important}

/* Kunden-Kartei: 5 Rundknöpfe (WhatsApp dazu, 27.10.2026); leerer Knopf öffnet das Feld */
.d27 .rundknoepfe27.fuenf{grid-template-columns:repeat(5,1fr);gap:4px}
.d27 .rundknoepfe27 .aus-tipp{background:none;border:0;padding:0;cursor:pointer;color:var(--ink3)}
.d27 .rundknoepfe27 .aus-tipp .rk{color:var(--ink3);opacity:.7}

/* Kundenkartei 2 (27.10.2026): Liste mit Schnellzugriff/Zuletzt/Orten, Auswahl, Medienarchiv, Rückfragen */
.d27 .navzeile27{display:flex;align-items:center;justify-content:space-between;gap:12px}
.d27 .navzeile27 .zurueck27{margin-bottom:0}
.d27 .bild-tipp27{all:unset;cursor:pointer;display:inline-block;border-radius:50%;-webkit-tap-highlight-color:transparent}
.d27 .stern27{color:var(--warn);font-size:.6em;vertical-align:.35em}
.d27 .kopf-knoepfe27{display:flex;align-items:center;gap:14px}
.d27 .kopf-knoepfe27 .rund{font-size:22px;font-weight:400;color:var(--mag)}
.d27 .tag27{margin:18px 6px 8px;font:600 15px var(--sans);color:var(--ink2)}
.d27 .tag27 small{color:var(--ink3);font-weight:500;margin-left:4px}
.d27 .tag27:first-child{margin-top:4px}
.d27 .segment27.zwei27{grid-template-columns:1fr 1fr;margin:0 0 6px}
.d27 .ausgeblendet27{margin:18px 0 0}
.d27 .ausgeblendet27 summary{list-style:none;cursor:pointer;padding:14px 18px;border-radius:16px;background:var(--card);color:var(--ink2);font:500 17px var(--sans);display:flex;justify-content:space-between}
.d27 .ausgeblendet27 summary::-webkit-details-marker{display:none}
.d27 .ausgeblendet27[open] summary{margin-bottom:8px}
.d27 .ausgeblendet27 .zeile27{opacity:.75}
.d27 .kundenliste27.sucht27 [data-bereiche] > section:not(:has([data-ansicht])),.d27 .kundenliste27.sucht27 [data-sortierung],.d27 .kundenliste27.sucht27 [data-bereiche] > section:has([data-ansicht]) > .abschnitt27-kopf{display:none}
.d27 .wahl-kreis27{display:none;width:24px;height:24px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink3);transition:background .15s,box-shadow .15s}
.d27 .waehlt27 .wahl-kreis27{display:block}
.d27 .waehlt27 .zeile27 > svg:last-child{display:none}
.d27 .gewaehlt27 .wahl-kreis27{background:var(--mag) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 12.5l4 4 8-9"/></svg>') center/16px no-repeat;box-shadow:none}
.d27 .gewaehlt27{background:var(--mag-soft)}
.d27 .wahl-leiste27 .btn:disabled{opacity:.45}
.d27 .knopfleiste27 .rot27{flex:0 0 56px;color:var(--bad)}
.d27 .knopfleiste27 .rot27 svg{width:20px;height:20px}
body.d27.mit-leiste27 main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.d27 .filter27{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:2px}
.d27 .filter27::-webkit-scrollbar{display:none}
.d27 .filter27 button{all:unset;flex:none;padding:7px 14px;border-radius:999px;background:var(--fill);font:500 15px var(--sans);color:var(--ink2);cursor:pointer;white-space:nowrap}
.d27 .filter27 button i{font-style:normal;color:var(--ink3);margin-left:2px}
.d27 .filter27 button.on{background:var(--ink);color:var(--card)}.d27 .filter27 button.on i{color:inherit;opacity:.7}
.d27 .idee27{margin:0 0 12px}.d27 .idee27 .zeile27{background:var(--card);border-radius:16px}
.d27 .idee27 .ic27{font-size:16px}
.d27 .gepostet27{position:absolute;top:5px;left:5px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 11px var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.d27 #medienform .matgrid27{border-radius:14px}
.d27 .chips-wahl27{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.d27 .chips-wahl27 label{cursor:pointer}
.d27 .chips-wahl27 span{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--fill);font:500 15px var(--sans);color:var(--ink2)}
.d27 .chips-wahl27 input:checked + span{background:var(--mag);color:#fff}
.d27 .bild-waehlen27{display:grid;justify-items:center;gap:8px;margin:0 0 14px;cursor:pointer}
.d27 .bild-waehlen27 b{color:var(--mag);font:500 15px var(--sans)}
.d27 .frage-knoepfe.untereinander{grid-template-columns:1fr}
.d27 .frage27 .farben27{margin:0}
.d27 .tippbar27{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;margin:0;padding:16px 18px;background:var(--card);border-radius:16px;color:var(--ink2);font-size:15px}
.d27 .mini-reihe27{display:flex;gap:4px;flex:none}
.d27 .mini-reihe27 .th{width:40px;height:40px;border-radius:8px;overflow:hidden}
.d27 .mini-reihe27 img,.d27 .mini-reihe27 video{width:100%;height:100%;object-fit:cover;display:block}
.d27 .kartei-link27{background:var(--card);border-radius:16px;margin:0 0 14px}
@media (max-width:380px){.d27 .mini-reihe27 .th:nth-child(3){display:none}}

/* Kundenkartei 3 (Notiz KUNDENKARTEI-SCHNELLZUGRIFF-27-10) */
.d27 .chips.seg-voll.zwei{display:grid;grid-template-columns:1fr 1fr;width:100%}
.d27 .chips.seg-voll.zwei a{justify-content:center}
.d27 .filter27 a{flex:none;padding:7px 14px;border-radius:999px;background:var(--fill);font:500 15px var(--sans);color:var(--ink2);text-decoration:none;white-space:nowrap}
.d27 .filter27 a i{font-style:normal;color:var(--mag);margin-left:2px}
.d27 .filter27 a.on{background:var(--ink);color:var(--card)}
.d27 .abstand27-oben{margin-top:12px}
.d27 .kunden-logo.rund img{max-width:72%;max-height:72%}
.d27 .test27{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font:600 13px var(--sans)}
.d27 .test27.klein{position:absolute;top:5px;right:5px;padding:1px 7px;font-size:11px;background:var(--warn);color:#fff}
.d27 .pers27{position:absolute;bottom:22px;right:5px;padding:1px 6px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 11px var(--sans)}
.d27 .quelle27{color:var(--ok)!important;font-size:12px!important}
.d27 .schrift27{display:inline-flex;align-items:center;gap:6px;margin-right:10px}
.d27 .schrift27 i{font-style:normal;font-size:11px;padding:1px 6px;border-radius:999px;background:var(--fill);color:var(--ink3)}
.d27 .schrift27 i.ok{background:var(--ok-soft);color:var(--ok)}
.d27 .b-label27{display:block;margin:4px 2px 8px;font:600 15px var(--sans);color:var(--ink2)}
.d27 .wahl27.klein27 .zeile27{min-height:48px}
.d27 .wahl27.fehlt{box-shadow:0 0 0 2px var(--warn);border-radius:16px}
.d27 .logo-wahl27{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.d27 .logo-wahl27 label{cursor:pointer;border-radius:50%}
.d27 .logo-wahl27 .kunden-logo{width:56px;height:56px}
.d27 .logo-wahl27 input:checked + .kunden-logo{box-shadow:0 0 0 3px var(--mag)}
.d27 .wisch27{position:relative;overflow:hidden}
.d27 .wisch27.wischt27{background:var(--bad)}.d27 .wisch27.wischt27.links27{background:var(--warn)}
.d27 .wisch27 > .zeile27{background:var(--card);position:relative;z-index:1}
.d27 .wisch-hint27{position:absolute;top:0;bottom:0;display:flex;align-items:center;color:#fff;font:600 15px var(--sans);opacity:0;transition:opacity .15s}
.d27 .wisch-hint27.links{left:22px}.d27 .wisch-hint27.rechts{right:22px}
.d27 .wisch-hint27 svg{width:22px;height:22px;fill:#fff}
.d27 .wisch27.links27 .wisch-hint27.links,.d27 .wisch27:not(.links27).scharf27 .wisch-hint27.rechts{opacity:1}
.d27 .wisch27.links27:not(.scharf27) .wisch-hint27.links{opacity:.6}
.d27 .wisch27.weg27{display:none}
.d27 .gruppe27 > .wisch27:first-child{border-radius:16px 16px 0 0}.d27 .gruppe27 > .wisch27:last-child{border-radius:0 0 16px 16px}.d27 .gruppe27 > .wisch27:only-child{border-radius:16px}
.d27 .gewaehlt27 > .zeile27{background:linear-gradient(var(--mag-soft),var(--mag-soft)),var(--card)}
.d27 .griff27{display:none;color:var(--ink3);padding:8px;margin:-8px;touch-action:none;cursor:grab}
.d27 .griff27 svg{width:20px;height:20px}
.d27 .sortiert27 [data-fav-liste] .griff27{display:block}
.d27 .sortiert27 [data-fav-liste] .zeile27 > svg:last-child{display:none}
.d27 .zieht27{z-index:3}.d27 .zieht27 > .zeile27{box-shadow:var(--sh2);transform:scale(1.02)}
.d27 .kopf-link27.klein27{font-size:15px}
.d27 .mini-seg27{display:flex;background:var(--fill);border-radius:9px;padding:2px}
.d27 .mini-seg27 button{all:unset;cursor:pointer;padding:4px 12px;border-radius:7px;font:600 13px var(--sans);color:var(--ink2)}
.d27 .mini-seg27 button[aria-checked="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.d27 .az-index27{position:fixed;right:2px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;padding:4px 2px;touch-action:none}
.d27 .az-index27 a{display:block;min-width:18px;text-align:center;font:600 11px/15px var(--sans);color:var(--mag);text-decoration:none}
.d27 .az-index27[hidden],.d27 .sucht27 .az-index27,.d27 .waehlt27 .az-index27{display:none}
.d27 .kundenliste27 [data-ansicht="az"] .tag27{scroll-margin-top:110px}
.d27 .aus-zeile27{background:var(--card);border-radius:16px;margin-top:18px}
.d27 .aus-zeile27 em{color:var(--ink3);font-style:normal}
.d27 .kundenliste27.sucht27 [data-aus-link]{display:none}
.d27 .stern27{font-style:normal}
@media (min-width:900px){.d27 .az-index27{right:12px}}
body.d27.mit-leiste27 .tabbar27{display:none}
.d27 .az-index27{opacity:0;pointer-events:none;transition:opacity .2s}
.d27 .kundenliste27.az-sichtbar .az-index27{opacity:1;pointer-events:auto}
.d27 .wahl-leiste27 .btn{font-size:15px;padding-left:10px;padding-right:10px;white-space:nowrap}

/* Schnellzugriff direkt ziehen, Auswählen als Knopf (IN-ARBEIT-STATUS-27-10) */
.d27 [data-fav-liste] .griff27{display:block}
.d27 [data-fav-liste] .zeile27 > svg:last-child{display:none}
.d27 [data-fav-liste] .zeile27{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.d27 .waehlt27 [data-fav-liste] .griff27{display:none}
.d27 .sortiert27 [data-fav-liste] .zieht27 > .zeile27{transition:none}
.d27 .hinweis-klein27{color:var(--ink3);font-size:13px}
.d27 .kopf-link27[data-waehlen]{display:inline-grid;place-items:center;height:40px;padding:0 16px;border-radius:20px;background:var(--fill);color:var(--mag);font:600 15px var(--sans)}
.d27 .waehlt27 .kopf-link27[data-waehlen]{background:var(--mag);color:#fff}

.d27 .nur-desk{display:none}
.d27 .split-liste27{display:none}
/* Video-Prüfung im Post (Reels, Video-Storys) */
.d27 .video-check27{margin:14px 0 0;padding:14px 16px;border-radius:16px;background:var(--ok-soft);display:grid;gap:4px}
.d27 .video-check27 b{color:var(--ok);font-size:15px}.d27 .video-check27 small{color:var(--ink2)}
.d27 .video-check27 p{margin:4px 0 0;font-size:15px}
.d27 .video-check27.warn{background:var(--warn-soft)}.d27 .video-check27.warn b{color:var(--warn)}
.d27 .video-check27.schlecht{background:rgba(217,58,79,.12)}.d27 .video-check27.schlecht b{color:var(--bad)}

/* Knöpfe statt Wischen, nur mit Maus (Mac, Tablet mit Trackpad) */
.d27 .hover-akt27{display:none}
@media (hover:hover) and (pointer:fine){
  .d27 .wisch27 .hover-akt27{display:flex;gap:6px;position:absolute;right:44px;top:50%;transform:translateY(-50%);z-index:2;opacity:0;transition:opacity .15s}
  .d27 .wisch27:hover .hover-akt27,.d27 .wisch27:focus-within .hover-akt27{opacity:1}
  .d27 .hover-akt27 button{all:unset;cursor:pointer;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--fill2);color:var(--ink2);font-size:16px}
  .d27 .hover-akt27 button:hover{background:var(--mag);color:#fff}
  .d27 .hover-akt27 svg{width:16px;height:16px}
  .d27 .waehlt27 .hover-akt27,.d27 .sortiert27 .hover-akt27{display:none}
}
/* Liste | Woche */
.d27 .ansicht-wahl27{display:inline-flex;padding:3px;border-radius:10px;background:var(--fill);margin:0 0 12px}
.d27 .ansicht-wahl27 a{padding:6px 14px;border-radius:8px;font:600 14px var(--sans);color:var(--ink2);text-decoration:none}
.d27 .ansicht-wahl27 a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}

/* Themen-Tage: Ja/Nein direkt in der Zeile */
.d27 .tvorschlag27{cursor:default}
.d27 .tvorschlag27 .zt{text-decoration:none;color:inherit;min-width:0}
.d27 .ja-nein27{display:flex;gap:6px;flex:none}
.d27 .btn.klein27{min-height:36px;height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.d27 .vorschlag-hinweis27{margin:-4px 6px 10px}

/* Wochenplaner am Handy: Tage untereinander, Posts als waagrechte Reihe kleiner Karten, keine Detail-Spalte */
@media (max-width:759px){
  .d27 .wp-filter{display:grid;gap:10px;margin:0 0 14px}
  .d27 .wp-filter .ansicht-wahl27{justify-self:start;margin:0}
  .d27 .wp-kopf{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
  .d27 .wp-kopf h2{margin:0;font:800 20px var(--sans);letter-spacing:-.02em}.d27 .wp-kopf h2 small{display:block;font:500 13px var(--sans);color:var(--ink3);letter-spacing:0}
  .d27 .wp-kopf nav{display:flex;align-items:center;gap:8px}
  .d27 .wp-tage{display:grid;gap:10px}
  .d27 .wp-tag{display:flex;gap:8px;align-items:flex-start;overflow-x:auto;scrollbar-width:none;background:var(--card);border-radius:18px;padding:10px;box-shadow:var(--sh1)}
  .d27 .wp-tag::-webkit-scrollbar{display:none}
  .d27 .wp-tag.heute{box-shadow:inset 0 0 0 2px var(--mag)}
  .d27 .wp-tag header{flex:0 0 40px;display:grid;justify-items:center;gap:2px;padding-top:4px;position:sticky;left:0;background:var(--card);z-index:1}
  .d27 .wp-tag header em{font:600 11px var(--sans);font-style:normal;text-transform:uppercase;color:var(--ink3)}.d27 .wp-tag header b{font:800 20px var(--sans)}
  .d27 .wp-post{flex:0 0 100px;display:grid;gap:3px;text-decoration:none;color:var(--ink);position:relative}
  .d27 .wp-bild{display:grid;place-items:center;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--fill);color:var(--ink3)}
  .d27 .wp-bild img{width:100%;height:100%;object-fit:cover}
  .d27 .wp-post small{color:var(--ink3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .d27 .wp-post b{font-size:12.5px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .d27 .wp-post .punkt27{position:absolute;top:6px;left:6px;box-shadow:0 0 0 2px #fff}
  .d27 .wp-leer{color:var(--ink3);font-size:13px;align-self:center}
  .d27 .wp-detail{display:none}
}

/* ===== Ruhe reinbringen (Feedback 27.10. 17:47 „Chaos“): eine Werkzeugleiste, Filter im Blatt, ruhige Karten ===== */
.d27 .werkzeug27{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px}
.d27 .werkzeug27 > .chips.seg-voll{flex:1 1 320px;max-width:480px;margin:0}
.d27 .werkzeug-rechts27{display:flex;align-items:center;gap:8px;margin-left:auto}
.d27 .ansicht-icons27{display:inline-flex;padding:3px;border-radius:11px;background:var(--fill)}
.d27 .ansicht-icons27 a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;color:var(--ink2);text-decoration:none;font:600 14px var(--sans)}
.d27 .ansicht-icons27 a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.d27 .ansicht-icons27 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.d27 .filter-knopf27{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:11px;background:var(--fill);color:var(--ink);font:600 14px var(--sans)}
.d27 .filter-knopf27 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.d27 .filter-knopf27.aktiv{background:var(--mag-soft);color:var(--mag)}
.d27 .filter-knopf27 i{font-style:normal;min-width:18px;height:18px;border-radius:9px;background:var(--mag);color:#fff;font-size:11px;display:grid;place-items:center}
.d27 .filter-info27{margin:-8px 4px 14px;color:var(--ink2);font-size:14px}.d27 .filter-info27 a{color:var(--mag);margin-left:6px}
.d27 .wahl27 a.zeile27{color:var(--ink);text-decoration:none}
@media (max-width:759px){.d27 .werkzeug27 > .chips.seg-voll{flex-basis:100%;max-width:none}.d27 .werkzeug-rechts27{margin-left:0;width:100%;justify-content:space-between}}
/* Wochenkarten: Stand-Punkt in der Zeile statt über dem Bild */
.d27 .wp-post .punkt27{position:static!important;box-shadow:none!important;display:inline-block;width:7px;height:7px;margin:0 5px 1px 0;vertical-align:middle}

/* ===== Planer (Liste | Woche | Monat), Handy-Grundlage – Notiz AUFTRAG-GEPLANT-NEU-DESIGN-27-10 ===== */
.d27 .plan-kopf27{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:4px 0 14px}
.d27 .plan-kopf27 h1{margin:0;font:800 26px/1.1 var(--sans);letter-spacing:-.03em;flex:1 1 auto}
.d27 .plan-kopf27 .plan-reiter27{order:5;flex:1 1 100%;margin:0}
.d27 .btn.neu27{display:inline-flex;align-items:center;gap:6px;height:38px;min-height:38px;padding:0 14px;border-radius:10px;font-size:14px}
.d27 .btn.neu27 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
@media (max-width:420px){.d27 .btn.neu27 span{display:none}.d27 .btn.neu27{padding:0 11px}}
.d27 .plan-werkzeug27{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.d27 .pw-links{display:flex;align-items:center;gap:10px;min-width:0}
.d27 .pw-titel{font:700 17px var(--sans);letter-spacing:-.01em;white-space:nowrap}
.d27 .pw-nav{display:inline-flex;align-items:center;gap:4px}
.d27 .pw-nav .rund.klein{width:34px;height:34px;min-height:34px}.d27 .pw-nav .rund svg{width:17px;height:17px}
.d27 .pw-heute{padding:6px 10px;border-radius:9px;background:var(--fill);color:var(--ink);font:600 13px var(--sans);text-decoration:none}
.d27 .pw-rechts{display:flex;align-items:center;gap:8px}
@media (max-width:759px){.d27 .ansicht-icons27 a span{display:none}.d27 .ansicht-icons27 a{padding:0 10px}}
.d27 .filter-chips27{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.d27 .filter-chips27 a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--mag-soft);color:var(--mag);font:600 13px var(--sans);text-decoration:none}
.d27 .filter-chips27 a i{font-style:normal;opacity:.7}
.d27 .filter-chips27 a.zuruecksetzen{background:none;color:var(--ink2)}
.d27 .plan-filter27 .pf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.d27 .plan-filter27 .pf-chips label{cursor:pointer}
.d27 .plan-filter27 .pf-chips input{position:absolute;opacity:0;pointer-events:none}
.d27 .plan-filter27 .pf-chips span{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--fill);font:500 14px var(--sans);color:var(--ink2)}
.d27 .plan-filter27 .pf-chips input:checked + span{background:var(--mag);color:#fff}
.d27 .plan-filter27 .pf-chips input:focus-visible + span{outline:2px solid var(--mag);outline-offset:2px}
.d27 .plan-filter27 .pf-suche{margin:2px 0 6px;min-height:38px}
.d27 .plan-filter27 .b-label27{margin-top:12px}
.d27 .pf-knoepfe{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:16px;position:sticky;bottom:0;background:var(--card);padding:10px 0 4px}
/* Zeile (Liste und Woche gleich): Mini-Vorschau bündig, Titel, Kunde · Format · Kanal, Uhrzeit rechts */
.d27 .pz{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;text-decoration:none;color:var(--ink);border-radius:12px}
.d27 .pz + .pz{margin-top:2px}
.d27 .pz:hover{background:var(--fill)}
.d27 .pz.gewaehlt{background:var(--mag-soft)}
.d27 .pm-bild{width:44px;height:55px;border-radius:8px;overflow:hidden;background:var(--fill);display:grid;place-items:center;color:var(--ink3);font-size:12px}
.d27 .pm-bild img{width:100%;height:100%;object-fit:cover}
.d27 .pz-text{min-width:0;display:grid;gap:2px}
.d27 .pz-text b{font:600 14.5px/1.3 var(--sans);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.d27 .pz-text small{color:var(--ink3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .pz-zeit{display:flex;align-items:center;gap:6px;color:var(--ink2);font:600 13px var(--sans);font-variant-numeric:tabular-nums}
.d27 .punkt27.bad{background:var(--bad)}.d27 .punkt27.grau{background:var(--ink3)}
.d27 .pl-tag{margin:0 0 14px}
.d27 .pl-tag h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 6px;font:700 14px var(--sans);color:var(--ink2)}
.d27 .pl-tag h3 small{color:var(--ink3);font-weight:500}
.d27 .pl-zeilen,.d27 .pw-posts{background:var(--card);border-radius:14px;padding:4px;box-shadow:var(--sh1)}
.d27 .pb-anlass{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}
.d27 .pb-anlass a{padding:2px 8px;border-radius:6px;background:rgba(240,163,60,.14);color:#b8711a;font:600 11.5px var(--sans);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.d27 .pb-anlass a.vorschlag{background:none;box-shadow:inset 0 0 0 1.5px rgba(240,163,60,.6)}
.d27 .pb-anlass span{font-size:11.5px;color:var(--ink3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .d27 .pb-anlass a{color:#f0a33c}}
:root[data-theme="dark"] .d27 .pb-anlass a{color:#f0a33c}
/* Woche am Handy: Tage untereinander, kompakte Zeilen */
.d27 .pw-tage{display:grid;gap:12px}
.d27 .pw-tag header{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 6px}
.d27 .pw-tag header span{display:flex;align-items:baseline;gap:6px}
.d27 .pw-tag header em{font:600 12px var(--sans);font-style:normal;text-transform:uppercase;color:var(--ink3)}
.d27 .pw-tag header b{font:800 20px var(--sans);letter-spacing:-.02em}
.d27 .pw-tag header small{color:var(--ink3);font-size:12px}
.d27 .pw-tag.heute header b{background:var(--mag);color:#fff;border-radius:8px;padding:0 7px}
.d27 .pw-tag.vorbei{opacity:.6}
.d27 .pw-frei{display:block;padding:8px 10px;color:var(--ink3);font-size:13px}
.d27 .pw-tests{margin:4px 6px 0;color:var(--ink3);font-size:12px}
.d27 .plan-woche27 .pz{grid-template-columns:44px minmax(0,1fr) auto}
.d27 .plan-detail27{display:none}
/* Monat */
.d27 .pm-kopf,.d27 .pm-raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.d27 .pm-kopf span{font:600 11px var(--sans);text-transform:uppercase;color:var(--ink3);text-align:center;padding:4px 0}
.d27 .pm-tag{min-height:64px;border-radius:10px;background:var(--card);padding:5px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);overflow:hidden}
.d27 .pm-tag b{font:700 13px var(--sans)}
.d27 .pm-tag.fremd{opacity:.4}
.d27 .pm-tag.heute b{background:var(--mag);color:#fff;border-radius:6px;padding:0 5px;align-self:flex-start}
.d27 .pm-anlass{font:600 10px var(--sans);color:#b8711a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .pm-anlass.vorschlag{opacity:.7}
.d27 .pm-post{font-size:10.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .pm-post .punkt27{width:6px;height:6px;margin-right:3px}
.d27 .pm-mehr{font-size:10.5px;color:var(--mag)}
@media (max-width:759px){.d27 .pm-post{display:none}.d27 .pm-tag{min-height:52px}.d27 .pm-tag:has(.pm-post)::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--mag);margin-top:auto}}

/* Sichtbarer „…“-Knopf je Zeile (nie nur Hover) */
.d27 .mehr-knopf27{all:unset;cursor:pointer;position:absolute;right:38px;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink3);font:700 16px/1 var(--sans)}
.d27 .mehr-knopf27:hover{background:var(--fill2);color:var(--ink)}
.d27 .waehlt27 .mehr-knopf27,.d27 .sortiert27 .mehr-knopf27{display:none}
@media (hover:hover) and (pointer:fine){.d27 .wisch27 .hover-akt27{right:72px}}
.d27 [data-fav-liste] .mehr-knopf27{right:58px}

/* Vorschlags-Karten Themen-Tage */
.d27 .vorschlag-karten27{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.d27 .vkarte27{background:var(--card);border-radius:14px;padding:14px;box-shadow:var(--sh1);display:grid;gap:6px}
.d27 .vkarte27 header{display:flex;gap:10px;align-items:center}
.d27 .vkarte27 header b{display:block;font:700 15px var(--sans)}.d27 .vkarte27 header small{color:var(--ink3);font-size:12.5px}
.d27 .vk-fuer{margin:2px 0 0;font-size:13.5px;color:var(--ink2)}.d27 .vk-fuer b{color:var(--mag)}
.d27 .vk-idee{margin:0;font-size:14px}
.d27 .vk-meta{margin:0;font-size:12px;color:var(--ink3)}.d27 .vk-meta a{color:var(--ink2)}
.d27 .vk-unsicher{color:var(--warn)}
.d27 .vk-knoepfe{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.d27 .filter27 + .filter27{margin-top:-4px}

.d27 .vk-fuer-liste{display:grid;gap:2px;margin-top:4px;border-top:1px solid var(--fill2);padding-top:6px}
.d27 .vk-zeile{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.d27 .vk-zeile .vk-fuer{margin:0;display:grid;min-width:0}.d27 .vk-zeile .vk-fuer small{color:var(--ink3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .vk-zeile .vk-knoepfe{margin:0;flex:none;flex-wrap:nowrap}
.d27 .vk-zeile .btn.klein27{padding:0 10px;height:32px;min-height:32px;font-size:13px}
.d27 .vorschlag-karten27{align-items:start}
/* Anlässe-Reiter (27.10.): eine Werkzeugzeile, Format-Vorschlag je Zeile */
.d27 .anl-werkzeug27{display:flex;align-items:center;gap:10px;margin:0 0 6px;flex-wrap:wrap}
.d27 .anl-rechts27{display:flex;align-items:center;gap:8px;margin-left:auto}
.d27 .anl-werkzeug27 .ansicht-icons27 a span{display:inline}
.d27 .anl-werkzeug27 .rund svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.d27 .anl-monat27{margin:22px 0 10px}
.d27 .vk-zeile .vk-fuer small.vk-format{color:var(--ink2);font-weight:600}
.d27 .chips.seg-voll.vier a{white-space:nowrap}
@media (max-width:420px){.d27 .chips.seg-voll.vier a{font-size:13px;padding:0 2px}}
.d27 .anl-werkzeug27{flex-wrap:nowrap}
@media (max-width:420px){.d27 .anl-rechts27 .filter-knopf27 span{display:none}.d27 .anl-rechts27 .filter-knopf27{padding:0 11px}}
.d27 #b-anl-ja .feld27{margin-top:12px}
.d27 .vk-anderer27{all:unset;cursor:pointer;justify-self:start;margin-top:4px;padding:6px 2px;font:600 13px var(--sans);color:var(--mag)}
.d27 .vk-anderer27:focus-visible{outline:2px solid var(--mag);outline-offset:2px;border-radius:6px}
.d27 [data-ja-kunde] input{margin-top:6px}
/* UX-Durchgang 27.10.: „⋯“ in der Kundenliste nur am Mac beim Drüberfahren; am Handy lange drücken oder wischen */
@media (hover:none) and (pointer:coarse) and (max-width:759px){.d27 [data-bereich] .mehr-knopf27{display:none}}   /* Handy: lange drücken/wischen; iPad behält „⋯“ */
@media (hover:hover){.d27 .mehr-knopf27{opacity:.45;transition:opacity .15s}.d27 .wisch27:hover .mehr-knopf27,.d27 .wisch27:focus-within .mehr-knopf27{opacity:1}}
.d27 .wisch27 .zeile27 .zt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d27 .wisch27 a{-webkit-touch-callout:none}
.d27 .werkzeug27:not(:has(*)){display:none}
.d27 .pw-posts b,.d27 .pw-posts .pm-titel{overflow-wrap:anywhere;hyphens:auto}
.d27 .avatar-me.riesig{color:#fff;font-weight:700;letter-spacing:.02em}
/* Statistik (27.10.) */
.d27 .kopf-unter27{margin:2px 0 0;font-size:13px;color:var(--ink3)}
.d27 .st-zeitraum{max-width:420px;margin:0 0 16px}
.d27 .st-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 8px}
.d27 .st-kachel{background:var(--card);border-radius:18px;padding:14px;box-shadow:var(--sh1);display:grid;gap:3px;align-content:start;min-width:0;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.d27 .st-kachel:active{transform:scale(.97)}
.d27 .st-k-kopf{display:flex;align-items:center;gap:8px;font:600 13.5px var(--sans);color:var(--ink2);margin-bottom:6px}
.d27 .st-k-kopf .ic27{width:26px;height:26px;border-radius:8px}.d27 .st-k-kopf .ic27 svg{width:16px;height:16px}
.d27 .st-fb{font:800 15px/1 var(--sans);color:#fff}
.d27 .st-kachel > b{font:700 28px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.d27 .st-d{font:600 12.5px var(--sans);color:var(--ink3)}.d27 .st-d.rauf{color:var(--ok)}.d27 .st-d.runter{color:var(--bad)}
.d27 .st-u{font-size:12px;color:var(--ink3);line-height:1.35}
.d27 .st-kacheln.klein{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px}
.d27 .st-mini{background:var(--card);border-radius:14px;padding:12px;box-shadow:var(--sh1);display:grid;gap:2px}
.d27 .st-mini > span{font:600 12.5px var(--sans);color:var(--ink2)}.d27 .st-mini > b{font:700 22px/1.15 var(--sans);font-variant-numeric:tabular-nums}
.d27 .st-chart{position:relative;background:var(--card);border-radius:16px;padding:16px 14px 10px;box-shadow:var(--sh1);touch-action:pan-y;margin:0 0 14px}
.d27 .st-chart svg{display:block;width:100%;height:150px}
.d27 .st-chart rect{fill:var(--mag);opacity:.78;transition:opacity .12s}.d27 .st-chart rect.heute{opacity:.45}.d27 .st-chart rect.an{opacity:1}
.d27 .st-achse{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3);margin-top:6px}
.d27 .st-tip{position:absolute;top:4px;padding:5px 9px;border-radius:9px;background:var(--ink);color:var(--card);font:600 12px var(--sans);white-space:nowrap;pointer-events:none}
.d27 .st-liste .zeile27 em,.d27 .st-posts .zeile27 em{font-style:normal;color:var(--ink2);font:600 13.5px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;display:grid}
.d27 .st-posts em small{font:500 11px var(--sans);color:var(--ink3)}
.d27 .st-balken{display:block;height:5px;border-radius:3px;background:var(--fill);margin-top:5px;overflow:hidden}.d27 .st-balken i{display:block;height:100%;border-radius:3px;background:var(--mag)}
.d27 .st-balken.gross{height:10px;border-radius:5px}
.d27 .st-budget{background:var(--card);border-radius:16px;padding:14px;box-shadow:var(--sh1);display:grid;gap:8px}.d27 .st-budget small{color:var(--ink3);font-size:12.5px}
.d27 .st-thumb{flex:none;width:46px;height:46px;border-radius:10px;overflow:hidden;background:var(--fill)}.d27 .st-thumb img{width:100%;height:100%;object-fit:cover}
.d27 .st-posts .zt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;font-size:14.5px}
.d27 .st-quelle{margin-top:18px}
.d27 [id^="st-"]{scroll-margin-top:70px}
.d27 .stat-widget27 .sw-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.d27 .stat-widget27 .sw-zahlen b{display:block;font:700 22px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.d27 .stat-widget27 .sw-zahlen small{display:block;font-size:12px;color:var(--ink2);line-height:1.3}
.d27 .st-mini > b,.d27 .st-kachel > b{color:var(--ink)}
/* Content-Reiter als Ablauf (27.10.): Ideen › In Arbeit › Zur Freigabe › Geplant | Material – wischbar am Handy */
.d27 .reiter27{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:3px;background:var(--fill);border-radius:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.d27 .reiter27::-webkit-scrollbar{display:none}
.d27 .reiter27 a{flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:9px;font:600 14px var(--sans);color:var(--ink2);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}
.d27 .reiter27 a:active{transform:scale(.97)}
.d27 .reiter27 a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.d27 .reiter27 a i{font-style:normal;font:600 12px var(--sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.d27 .reiter27 a i.wartet{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--mag);color:#fff;display:inline-grid;place-items:center}
.d27 .reiter27 a.abgesetzt{margin-left:12px;position:relative}
.d27 .reiter27 a.abgesetzt::before{content:"";position:absolute;left:-7px;top:9px;bottom:9px;width:1px;background:var(--line,rgba(127,127,127,.3))}
/* Ideen (27.10.): Zeile = Avatar, Kunde, warum · Format, „Ja“ + „⋯“; max. 2 sichtbar; Ja-Blatt mit Was/Wo/Wann */
.d27 .ideen-zahl27{margin:4px 4px 2px;font-size:14px;color:var(--ink2)}.d27 .ideen-zahl27 b{color:var(--mag)}
.d27 .vk-zeile{gap:10px;padding:7px 0}
.d27 .vk-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--plum),var(--mag));color:#fff;font:700 12px var(--sans)}
.d27 .vk-av.pl{background:var(--ink)}
.d27 .vk-zeile .vk-fuer{flex:1}
.d27 .vk-zeile .vk-fuer b{color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d27 .vk-zeile .btn.klein27{height:34px;min-height:34px;padding:0 16px;font-size:14px}
.d27 .vk-mehr27{width:34px;height:34px;min-height:34px}.d27 .vk-mehr27 svg{width:18px;height:18px}
.d27 .vk-zeile.erledigt27 small{color:var(--ok)!important;font-weight:600}
.d27 .vk-chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--mag-soft);color:var(--mag);font:600 11.5px var(--sans);margin-right:4px}
.d27 .vk-anderer27.grau{color:var(--ink2)}
.d27 .anl-werkzeug27 .eigene27{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:40px;padding:0 14px;border-radius:11px;font-size:14px}
.d27 .anl-werkzeug27 .eigene27 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.d27 .anl-fuer27{display:none}
@media (min-width:760px){.d27 .anl-fuer27{display:inline-flex}.d27 .anl-fuer27 a{text-decoration:none}}
@media (max-width:759px){.d27 .anl-werkzeug27 .eigene27 span{display:none}.d27 .anl-werkzeug27 .eigene27{width:40px;padding:0;justify-content:center}}
.d27 .kal-zeile27{position:relative}
.d27 .kal-zeile27 .zeile27{padding-right:84px}
.d27 .kal-plus27{all:unset;cursor:pointer;position:absolute;right:38px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--mag);background:var(--mag-soft);z-index:2}
.d27 .kal-plus27 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.d27 .gruppe27 > .kal-zeile27 + .kal-zeile27 .zeile27::before{content:"";position:absolute;left:66px;right:0;top:0;height:1px;background:var(--fill2)}
.d27 .ja-blatt27 .b-label27{margin-top:12px}
.d27 .ja-formate27{grid-template-columns:repeat(5,minmax(0,1fr))}
.d27 .ja-formate27 span{padding:10px 2px;font-size:12.5px}
.d27 .ja-formate27 input:checked + span{background:var(--mag);color:#fff}
.d27 .ja-material27{margin:4px 2px 0;font-size:13px;color:var(--ink2)}
.d27 .ja-neben27{text-align:center;margin:12px 0 0;font-size:14px;color:var(--ink3)}
.d27 .ja-neben27 button{all:unset;cursor:pointer;color:var(--ink2);text-decoration:underline;text-underline-offset:3px;padding:6px 4px}
.d27 button.rund{border:0;-webkit-appearance:none;appearance:none;padding:0;box-shadow:none;font:inherit;cursor:pointer}   /* WebKit zeichnete sonst einen halben Rahmen */
.d27 .mini-seg27 a{padding:6px 12px;border-radius:7px;font:600 13px var(--sans);color:var(--ink2);text-decoration:none;white-space:nowrap}
.d27 .mini-seg27 a[aria-checked="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.d27 .anl-fuer27{padding:3px;border-radius:11px;align-items:center}
/* Rezensionen (27.10.) */
.d27 .hinweis-zeile27{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:16px;background:var(--card);box-shadow:var(--sh1);color:var(--ink);text-decoration:none}
.d27 .hinweis-zeile27 .zt{display:grid;gap:2px;flex:1}.d27 .hinweis-zeile27 small{color:var(--ink2);font-size:13px;line-height:1.35}
.d27 .rz-werkzeug27{display:flex;margin:0 0 12px}
.d27 .rz-liste27{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start}
.d27 .rz-karte27{background:var(--card);border-radius:18px;padding:14px;box-shadow:var(--sh1);display:grid;gap:10px}
.d27 .rz-karte27 header{display:flex;align-items:center;gap:10px}.d27 .rz-karte27 header > div{flex:1;min-width:0}
.d27 .rz-karte27 header b{display:block;font:600 15px var(--sans)}.d27 .rz-karte27 header small{font-size:12.5px;color:var(--ink3)}
.d27 .rz-sterne{color:#f5a524;letter-spacing:1px}.d27 .rz-sterne i{font-style:normal;color:var(--fill2)}
.d27 .rz-test{font:600 11px var(--sans);color:var(--warn);font-style:normal;margin-left:4px}
.d27 .rz-text{margin:0;font-size:15px;line-height:1.45}.d27 .rz-text.leise{color:var(--ink3);font-size:13.5px}
.d27 .rz-antwort{background:var(--fill);border-radius:12px;padding:10px 12px}.d27 .rz-antwort small{font:600 12px var(--sans);color:var(--ink2)}.d27 .rz-antwort p{margin:4px 0 0;font-size:14px;line-height:1.45}
.d27 .rz-knoepfe{display:flex;gap:8px;align-items:center}.d27 .rz-knoepfe .btn{flex:1;min-height:42px;height:42px}
.d27 .rz-knoepfe .rund.klein{flex:none;width:42px;height:42px}
.d27 .rz-stand{font:600 12px var(--sans);padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--ink2);white-space:nowrap}.d27 .rz-stand.freigegeben{background:var(--mag-soft);color:var(--mag)}
.d27 .rz-hinweis{margin:0;font-size:12.5px;color:var(--ink3)}
.d27 .g-check27 small{line-height:1.4}.d27 .warn27{color:var(--warn);font-weight:600}
.d27 .vk-av.pl{background:#2b1a24;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
/* Varianten + Schnell-Knöpfe (29.10.) */
.d27 .varianten27{margin:14px 0 4px;display:grid;gap:4px}.d27 .varianten27 > b{font:600 17px var(--sans)}.d27 .varianten27 > small{color:var(--ink3);font-size:13px}
.d27 .var-reihe27{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.d27 .var27{all:unset;cursor:pointer;display:grid;gap:6px;border-radius:14px;padding:4px;background:var(--card);box-shadow:var(--sh1);-webkit-tap-highlight-color:transparent}
.d27 .var27 img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:10px;display:block}.d27 .var27 span{font:600 13px var(--sans);text-align:center;color:var(--ink2);padding-bottom:4px}
.d27 .var27.an{outline:3px solid var(--mag)}.d27 .var27.an span{color:var(--mag)}
.d27 .schnell27{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.d27 .schnell27 button{all:unset;cursor:pointer;padding:8px 13px;border-radius:999px;background:var(--fill);font:600 14px var(--sans);color:var(--ink2)}.d27 .schnell27 button[aria-pressed="true"]{background:var(--mag);color:#fff}