/* ProgressNow Gestaltungs-Editor – Oberfläche. Alles unter .gst gekapselt.
   Nutzt die Theme-Variablen (--navy, --blue, --lime, --ink, --line …) mit eigenen Ersatzwerten.
   Die Vorlagen selbst liegen im Shadow DOM (vorlagen.css) und sind davon unabhängig. */
.gst{--g-navy:var(--navy,#02335b);--g-navy2:var(--navy-2,#0a4170);--g-blue:var(--blue,#1f8fd6);--g-blue-ink:var(--blue-ink,#0b5fa5);--g-blue-soft:var(--blue-soft,#e8f2fb);
  --g-lime:var(--lime,#7adf03);--g-ink:var(--ink,#0a1e38);--g-ink2:var(--ink-2,#45526f);--g-ink3:var(--ink-3,#77839f);--g-line:var(--line,#e1e7f0);--g-line2:var(--line-2,#cfd8e6);
  --g-bg:var(--bg,#f6f8fc);--g-bg2:var(--bg-2,#edf2f9);--g-surface:var(--surface,#fff);--g-warn:#b42318;
  --g-fd:var(--f-display,"Outfit","Segoe UI",system-ui,sans-serif);--g-fb:var(--f-body,"DM Sans","Segoe UI",system-ui,sans-serif);--g-fm:var(--f-mono,"DM Mono",ui-monospace,Consolas,monospace);
  --g-sh1:var(--sh-1,0 1px 2px rgba(11,22,48,.05),0 8px 24px -12px rgba(11,22,48,.14));--g-sh2:var(--sh-2,0 2px 4px rgba(11,22,48,.04),0 30px 60px -28px rgba(11,22,48,.32));
  --g-ease:cubic-bezier(.16,1,.3,1);--gst-top:0px;
  display:block;position:relative;font-family:var(--g-fb);font-size:16px;line-height:1.55;color:var(--g-ink);text-align:left;min-width:0}
.gst *,.gst *::before,.gst *::after{box-sizing:border-box}
.gst [hidden]{display:none !important}
:where(.gst) :where(button,input,textarea,select){font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
:where(.gst) button{cursor:pointer}
.gst button:disabled{cursor:not-allowed;opacity:.42}
.gst :focus-visible{outline:2px solid var(--g-blue-ink);outline-offset:2px}
:where(.gst) :where(p,ul,ol,dl,h2,h3,fieldset,figure){margin:0;padding:0}
:where(.gst) :where(ul,ol){list-style:none}
.gst-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gst-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}

/* Einstieg */
.gst-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:20px 40px;align-items:end;margin-bottom:26px}
.gst-intro__lead{font-family:var(--g-fd);font-size:clamp(1.15rem,1rem + .6vw,1.5rem);line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--g-ink);max-width:40ch}
.gst-first{display:grid;gap:6px;background:var(--g-surface);border:1px solid var(--g-line);border-radius:18px;padding:16px 18px;box-shadow:var(--g-sh1);position:relative}
.gst-first::before{content:"Erster Schritt";position:absolute;top:-10px;left:16px;background:var(--g-lime);color:var(--g-navy);font:600 .68rem/1 var(--g-fm);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.gst-first__l{font-weight:600;font-size:.9rem}
.gst-first__h{font-size:.78rem;color:var(--g-ink3)}

/* Auswahl der Gestaltungsrichtung */
.gst-pick__h{font:500 .72rem/1 var(--g-fm);letter-spacing:.1em;text-transform:uppercase;color:var(--g-ink3);margin-bottom:12px}
.gst-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.gst-pick__b{display:grid;grid-template-rows:auto auto auto 1fr;gap:4px;text-align:left;background:var(--g-surface);border:1px solid var(--g-line);border-radius:16px;padding:8px 8px 12px;min-width:0;transition:border-color .2s,box-shadow .25s var(--g-ease),transform .25s var(--g-ease)}
.gst-pick__b:hover{border-color:var(--g-line2);box-shadow:var(--g-sh1)}
.gst-pick__b[aria-checked="true"]{border-color:var(--g-navy);box-shadow:0 0 0 2px var(--g-navy),var(--g-sh1)}
.gst-pick__n{font:500 .68rem/1 var(--g-fm);color:var(--g-ink3);margin:8px 4px 0}
.gst-pick__t{font-family:var(--g-fd);font-weight:600;font-size:.95rem;line-height:1.2;padding:0 4px;color:var(--g-ink)}
.gst-pick__k{font-size:.74rem;line-height:1.35;color:var(--g-ink2);padding:0 4px}
.gst-mini{display:block;position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#eee}
.gst-mini i{position:absolute;display:block}
.gst-mini--klar{background:#fbfaf7}
.gst-mini--klar i:nth-child(1){left:10%;top:16%;width:46%;height:9%;background:#1c2b2d;border-radius:3px}
.gst-mini--klar i:nth-child(2){left:10%;top:30%;width:30%;height:5%;background:#a9b4b1;border-radius:3px}
.gst-mini--klar i:nth-child(3){left:10%;right:10%;top:48%;bottom:10%;border-radius:8px;background:linear-gradient(135deg,#cfe1da,#8fb5a8)}
.gst-mini--klar i:nth-child(4){right:12%;top:20%;width:20%;height:14%;border-radius:6px;background:#fff;border:1px solid #dfe5e2}
.gst-mini--dunkel{background:#0e0e0f}
.gst-mini--dunkel i:nth-child(1){left:8%;top:12%;width:84%;height:16%;background:#f2efe8}
.gst-mini--dunkel i:nth-child(2){left:8%;top:32%;width:56%;height:16%;background:#ff6a13}
.gst-mini--dunkel i:nth-child(3){left:52%;top:58%;width:40%;height:32%;background:#5b5b5f}
.gst-mini--dunkel i:nth-child(4){left:8%;top:62%;width:30%;height:5%;background:#8a8a8a}
.gst-mini--bild{background:linear-gradient(180deg,#5d7d55 0%,#3d5b3a 55%,#1b261c 100%)}
.gst-mini--bild i:nth-child(1){left:8%;bottom:30%;width:58%;height:12%;background:#fff;border-radius:2px}
.gst-mini--bild i:nth-child(2){left:8%;bottom:18%;width:36%;height:6%;background:rgba(255,255,255,.75);border-radius:2px}
.gst-mini--bild i:nth-child(3){left:0;right:0;top:0;height:14%;background:linear-gradient(rgba(0,0,0,.25),transparent)}
.gst-mini--bild i:nth-child(4){right:8%;bottom:16%;width:18%;height:10%;background:#fff;border-radius:2px}
.gst-mini--warm{background:#f6efe4}
.gst-mini--warm i:nth-child(1){right:-8%;top:-20%;width:60%;aspect-ratio:1;border-radius:43% 57% 61% 39%/47% 41% 59% 53%;background:#ecd6c5}
.gst-mini--warm i:nth-child(2){right:12%;top:18%;width:30%;height:72%;border-radius:999px 999px 8px 8px;background:linear-gradient(160deg,#c9a26f,#8a5a2e)}
.gst-mini--warm i:nth-child(3){left:9%;top:34%;width:42%;height:11%;background:#3b2a1e;border-radius:4px}
.gst-mini--warm i:nth-child(4){left:46%;top:14%;width:16%;aspect-ratio:1;border-radius:50%;background:#b5562b}
.gst-mini--editorial{background:#f2ede4}
.gst-mini--editorial i:nth-child(1){left:6%;right:6%;top:9%;height:3%;border-top:1px solid #141414;border-bottom:1px solid #141414}
.gst-mini--editorial i:nth-child(2){left:6%;top:24%;width:58%;height:14%;background:#141414}
.gst-mini--editorial i:nth-child(3){left:6%;top:44%;width:44%;height:14%;background:#141414}
.gst-mini--editorial i:nth-child(4){right:6%;top:36%;width:26%;height:56%;background:linear-gradient(160deg,#6b4a2f,#2b1c12)}
.gst-mini--modular{background:#eef1f5}
.gst-mini--modular i:nth-child(1){left:6%;top:9%;width:46%;height:82%;background:#fff;border-radius:7px;border:1px solid #dde3ec}
.gst-mini--modular i:nth-child(2){left:55%;top:9%;width:39%;height:40%;background:linear-gradient(135deg,#d8dee8,#a7b2c4);border-radius:7px}
.gst-mini--modular i:nth-child(3){left:55%;top:53%;width:18.5%;height:38%;background:#1f4fff;border-radius:7px}
.gst-mini--modular i:nth-child(4){left:75.5%;top:53%;width:18.5%;height:38%;background:#0d1321;border-radius:7px}
.gst-mini--elegant{background:#f7f5f1}
.gst-mini--elegant i:nth-child(1){left:calc(50% - 7%);top:12%;width:14%;aspect-ratio:1;border:1px solid #8a6d3b;border-radius:50%}
.gst-mini--elegant i:nth-child(2){left:24%;top:46%;width:52%;height:10%;background:#1f1d1a;border-radius:2px}
.gst-mini--elegant i:nth-child(3){left:34%;top:62%;width:32%;height:4%;background:#a5a09a;border-radius:2px}
.gst-mini--elegant i:nth-child(4){left:42%;top:78%;width:16%;height:1px;background:#8a6d3b}
/* 8 · Verlauf und Glas */
.gst-mini--verlauf{background:radial-gradient(60% 70% at 92% 0%,rgba(90,69,230,.32),transparent 70%),radial-gradient(50% 60% at 0% 30%,rgba(31,179,196,.26),transparent 70%),#f4f5fb}
.gst-mini--verlauf i:nth-child(1){left:8%;top:12%;width:56%;height:10%;background:#11142b;border-radius:3px}
.gst-mini--verlauf i:nth-child(2){left:8%;top:36%;width:46%;height:54%;border-radius:8px;background:linear-gradient(135deg,#a9bde3,#3a4f8f)}
.gst-mini--verlauf i:nth-child(3){left:57%;top:36%;width:35%;height:25%;border-radius:8px;background:rgba(255,255,255,.72);border:1px solid rgba(17,20,43,.08);box-shadow:0 6px 14px -8px rgba(90,69,230,.55)}
.gst-mini--verlauf i:nth-child(4){left:57%;top:65%;width:35%;height:25%;border-radius:8px;background:linear-gradient(140deg,#4a7be8,#5a45e6)}
/* 9 · Geteilt und typografisch */
.gst-mini--geteilt{background:#efeeea}
.gst-mini--geteilt i:nth-child(1){left:50%;top:0;right:0;bottom:0;background:repeating-linear-gradient(-35deg,#7d8186 0 2px,#3b3e42 2px 12px)}
.gst-mini--geteilt i:nth-child(2){left:8%;top:16%;width:32%;height:34%;background:linear-gradient(#151515 0 26%,transparent 26% 37%,#151515 37% 63%,transparent 63% 74%,#151515 74%)}
.gst-mini--geteilt i:nth-child(3){left:8%;top:58%;width:22%;height:8%;background:#c92a17}
.gst-mini--geteilt i:nth-child(4){left:50%;bottom:0;width:11%;aspect-ratio:1;background:#c92a17}
@media (min-width:1241px){.gst-pick{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}}

/* Hinweis */
.gst-note{background:var(--g-blue-soft);border-radius:14px;padding:0;margin-bottom:16px;color:var(--g-ink2);font-size:.88rem}
.gst-note summary{display:flex;gap:10px;align-items:center;cursor:pointer;padding:12px 16px;font-weight:600;color:var(--g-navy);list-style:none}
.gst-note summary::-webkit-details-marker{display:none}
.gst-note summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--g-ease)}
.gst-note[open] summary::after{transform:rotate(-135deg)}
.gst-note p{padding:0 16px 14px 44px;line-height:1.6;max-width:90ch}

/* Aktionen und Werkzeuge */
.gst-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.gst-acts__g{display:flex;flex-wrap:wrap;gap:8px}
.gst-tb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid transparent;background:none;font-weight:600;font-size:.86rem;color:var(--g-ink);transition:background-color .2s,border-color .2s,color .2s}
.gst-tb:hover:not(:disabled){background:var(--g-bg2)}
.gst-tb[aria-pressed="true"],.gst-tb[aria-pressed="true"]:hover:not(:disabled){background:var(--g-navy);color:#fff}
.gst-tb--line{background:var(--g-surface);border-color:var(--g-line2)}
.gst-tb--line:hover:not(:disabled){border-color:var(--g-ink3);background:var(--g-surface)}
.gst-tb--ic{padding:0 12px}
.gst-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;border:0;color:#fff;font-weight:600;font-size:.92rem;background:linear-gradient(100deg,var(--g-navy) 0%,var(--g-blue) 100%);box-shadow:0 12px 26px -14px rgba(2,51,91,.7);position:relative;overflow:hidden}
.gst-cta::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--g-lime)}
.gst-cta:hover{filter:brightness(1.08)}
.gst-bar{position:sticky;top:var(--gst-top);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px;margin-bottom:14px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--g-line);border-radius:16px;box-shadow:var(--g-sh1)}
.gst-bar__g{display:flex;gap:4px;align-items:center}
.gst-bar__g+.gst-bar__g{padding-left:10px;border-left:1px solid var(--g-line)}
.gst-seg{display:inline-flex;background:var(--g-bg2);border-radius:12px;padding:3px}
.gst-seg__b{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:0;border-radius:9px;background:none;font-weight:600;font-size:.84rem;color:var(--g-ink2)}
.gst-seg__b[aria-pressed="true"]{background:var(--g-surface);color:var(--g-navy);box-shadow:0 1px 3px rgba(11,22,48,.14)}

/* Modus-Schalter, Vorlagen-Schnellwahl und Anfrage-Button in der festen Leiste */
.gst-seg--mode{background:var(--g-navy)}
.gst-seg--mode .gst-seg__b{color:rgba(255,255,255,.75)}
.gst-seg--mode .gst-seg__b[aria-pressed="true"]{background:#fff;color:var(--g-navy)}
.gst-tq{display:flex;align-items:center;gap:4px}
.gst-tq__l{font:500 .66rem/1 var(--g-fm);letter-spacing:.08em;text-transform:uppercase;color:var(--g-ink3);margin-right:4px}
.gst-tq__b{width:44px;padding:2px;border:1px solid var(--g-line);border-radius:9px;background:var(--g-surface);transition:border-color .2s,box-shadow .2s}
.gst-tq__b:hover{border-color:var(--g-ink3)}
.gst-tq__b[aria-pressed="true"]{border-color:var(--g-navy);box-shadow:0 0 0 2px var(--g-navy)}
.gst-tq__b .gst-mini{border-radius:6px}
.gst-pgbtn,.gst-cta--m,.gst-mb{display:none}
.gst-cta--bar{min-height:42px;padding:0 16px;margin-left:auto;font-size:.86rem}
.gst-cta--bar::after{left:10px;right:10px}
@media (min-width:1500px){.gst-acts>.gst-cta{display:none}}

/* Breite Arbeitsfläche: die Desktop-Vorschau erscheint in realistischer Breite */
@media (min-width:1280px){
  .gst{width:min(1600px,calc(100vw - 96px));margin-left:calc(50% - min(800px,(100vw - 96px) / 2))}
}

/* Bühne mit Vorschau */
.gst-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.gst-stage{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:radial-gradient(120% 80% at 50% 0%,#fff 0%,var(--g-bg2) 100%);border:1px solid var(--g-line);border-radius:20px;padding:10px;overflow:hidden}
.gst-stage{position:relative}
.gst-top{position:absolute;right:26px;bottom:24px;z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--g-line2);background:rgba(255,255,255,.95);color:var(--g-navy);box-shadow:var(--g-sh1);transition:transform .2s var(--g-ease)}
.gst-top:hover{transform:translateY(-2px)}
/* Vorschau-Modus: kein Bearbeitungsfeld, keine Bearbeitungswerkzeuge, Vorschau über die volle Breite */
.gst.is-pv .gst-main{grid-template-columns:minmax(0,1fr)}
.gst.is-pv .gst-panel,.gst.is-pv .gst-ed{display:none}
.gst-frame{width:100%;max-width:100%;background:#fff;border-radius:14px;box-shadow:var(--g-sh2);overflow:hidden;display:flex;flex-direction:column;transition:width .35s var(--g-ease)}
.gst-frame__bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#f1f4f9;border-bottom:1px solid var(--g-line);flex:none}
.gst-frame__bar i{width:10px;height:10px;border-radius:50%;background:#d5dce7}
.gst-frame__bar span{margin-left:12px;font:500 .72rem/1 var(--g-fm);color:var(--g-ink3);background:#fff;border:1px solid var(--g-line);border-radius:999px;padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gst-scroll{height:clamp(480px,calc(100vh - var(--gst-top) - var(--gst-bar,62px) - var(--gst-pg,48px) - 110px),1000px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff}
.gst-host{display:block;margin:0 auto}
.gst-frame.is-handy{border-radius:44px;border:11px solid #0c1726;box-shadow:0 30px 60px -30px rgba(2,20,40,.55),inset 0 0 0 1px #233247}
.gst-frame.is-handy .gst-frame__bar{display:none}
.gst-frame.is-handy .gst-scroll{height:clamp(480px,calc(100vh - var(--gst-top) - var(--gst-bar,62px) - var(--gst-pg,48px) - 90px),844px);border-radius:32px}

/* Bearbeitungsfeld */
.gst-panel{position:sticky;top:calc(var(--gst-top) + var(--gst-bar,62px) + 14px);max-height:calc(100vh - var(--gst-top) - var(--gst-bar,62px) - 34px);overflow:auto;overscroll-behavior:contain;background:var(--g-surface);border:1px solid var(--g-line);border-radius:20px;padding:18px;box-shadow:var(--g-sh1);display:grid;gap:14px;align-content:start;scrollbar-width:thin}
.gst-panel:focus{outline:none}
.gst-panel__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.gst-panel__h{font-family:var(--g-fd);font-size:1.12rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.gst-panel__h:focus{outline:none}
.gst-panel__h:focus-visible{outline:2px solid var(--g-blue-ink);outline-offset:3px;border-radius:4px}
.gst-panel__s{font-size:.8rem;color:var(--g-ink3);margin-top:2px}
.gst-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-ink2)}
.gst-x:hover{border-color:var(--g-ink3);color:var(--g-ink)}
.gst-box{display:grid;gap:14px;padding-top:14px;border-top:1px solid var(--g-line)}
.gst-box--sec{background:var(--g-bg);border:0;border-radius:14px;padding:14px}
.gst-box__h{font:500 .7rem/1.2 var(--g-fm);letter-spacing:.09em;text-transform:uppercase;color:var(--g-ink3)}
.gst-f{display:grid;gap:6px;min-width:0}
.gst-f label{font-size:.84rem;font-weight:600;display:flex;justify-content:space-between;gap:8px}
.gst-f label output{font:500 .78rem var(--g-fm);color:var(--g-ink3)}
.gst-f small{font-size:.75rem;color:var(--g-ink3);line-height:1.4}
.gst-in{width:100%;min-height:44px;font-size:.92rem;color:var(--g-ink);background:var(--g-bg);border:1px solid var(--g-line2);border-radius:11px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}
textarea.gst-in{resize:vertical;line-height:1.5}
.gst-in:focus{outline:none;background:var(--g-surface);border-color:var(--g-blue);box-shadow:0 0 0 4px rgba(31,143,214,.16)}
.gst-in[aria-invalid="true"]{border-color:var(--g-warn);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.gst-segf{border:0;min-width:0;display:grid;gap:7px}
.gst-segf legend{font-size:.84rem;font-weight:600;padding:0;margin-bottom:7px}
.gst-segf__o{display:flex;flex-wrap:wrap;gap:6px}
.gst-segf__l{position:relative}
.gst-segf__l input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.gst-segf__l span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--g-line2);background:var(--g-surface);font-size:.8rem;font-weight:600;color:var(--g-ink2);transition:all .2s}
.gst-segf__l:hover span{border-color:var(--g-ink3)}
.gst-segf__l input:checked+span{background:var(--g-navy);border-color:var(--g-navy);color:#fff}
.gst-segf__l input:focus-visible+span{outline:2px solid var(--g-blue-ink);outline-offset:2px}
.gst-row{display:flex;flex-wrap:wrap;gap:6px}
.gst-row--acts{padding-top:2px}
.gst-sb{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--g-line2);background:var(--g-surface);font-size:.8rem;font-weight:600;color:var(--g-ink)}
.gst-sb .gst-ic{width:16px;height:16px}
.gst-sb:hover:not(:disabled){border-color:var(--g-ink3)}
.gst-sb[aria-pressed="true"]{background:var(--g-blue-soft);border-color:var(--g-blue)}
.gst-sb--warn{color:var(--g-warn)}
.gst-sb--warn:hover:not(:disabled){border-color:var(--g-warn)}
.gst-ib{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-ink2)}
.gst-ib:hover:not(:disabled){border-color:var(--g-ink3);color:var(--g-ink)}
.gst-ib .gst-ic{width:16px;height:16px}
.gst-mini-note{font-size:.78rem;color:var(--g-ink2);line-height:1.5}
.gst-mini-note--hi{background:var(--g-blue-soft);border-radius:10px;padding:10px 12px;color:var(--g-navy)}
.gst-mini-note--warn{background:#fff4e5;border-radius:10px;padding:10px 12px;color:#8a4b00}
.gst-steps{counter-reset:s;display:grid;gap:10px;padding-top:4px}
.gst-steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:.88rem;color:var(--g-ink2);align-items:start}
.gst-steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--g-blue-soft);color:var(--g-navy);display:grid;place-items:center;font:600 .78rem var(--g-fm)}
.gst-quick{display:grid;gap:6px}
.gst-quick .gst-sb{justify-content:flex-start;min-height:44px}
.gst-pal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.gst-pal__b{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border-radius:12px;border:1px solid var(--g-line2);background:var(--g-surface);font-size:.8rem;font-weight:600;text-align:left}
.gst-pal__b[aria-pressed="true"]{border-color:var(--g-navy);box-shadow:0 0 0 1px var(--g-navy)}
.gst-pal__s{width:30px;height:30px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.gst-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gst-cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gst-color{width:100%;height:44px;border:1px solid var(--g-line2);border-radius:11px;background:var(--g-surface);padding:4px;cursor:pointer}
.gst-range{width:100%;accent-color:var(--g-navy);min-height:28px}
.gst-secs{display:grid;gap:6px}
.gst-secs__i{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 4px;border:1px solid var(--g-line);border-radius:12px;background:var(--g-surface)}
.gst-secs__i.is-off{background:var(--g-bg);border-style:dashed}
.gst-secs__n{flex:1;min-width:0;display:grid;text-align:left;border:0;background:none;padding:6px 8px;border-radius:8px;font-weight:600;font-size:.86rem}
.gst-secs__n small{font-weight:500;color:var(--g-ink3);font-size:.74rem}
.gst-secs__n:disabled{opacity:.7;cursor:default}
.gst-secs__n:hover:not(:disabled){background:var(--g-bg)}
.gst-secs__b{display:flex;gap:4px;flex:none}
.gst-secs__fix{font:500 .68rem var(--g-fm);color:var(--g-ink3);padding:0 10px;text-transform:uppercase;letter-spacing:.08em}
.gst-status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1200;background:var(--g-ink);color:#fff;border-radius:12px;padding:10px 16px;font-size:.86rem;box-shadow:var(--g-sh2);max-width:min(560px,calc(100vw - 32px));pointer-events:none;opacity:0;transition:opacity .25s}
.gst-status:not(:empty){opacity:1}
.gst-sheet-open .gst-status{bottom:auto;top:12px}

/* Dialoge */
.gst-dlg{width:min(560px,calc(100vw - 24px));max-height:min(88vh,900px);border:0;border-radius:22px;padding:0;background:var(--g-surface);color:var(--g-ink);box-shadow:0 40px 90px -30px rgba(2,20,40,.55);overflow:auto}
.gst-dlg--l{width:min(780px,calc(100vw - 24px))}
.gst-dlg--s{width:min(500px,calc(100vw - 24px))}
.gst-dlg::backdrop{background:rgba(10,30,56,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.gst-dlg__top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;background:var(--g-surface);border-bottom:1px solid var(--g-line)}
.gst-dlg__h{font-family:var(--g-fd);font-size:1.3rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.gst-dlg__b{padding:20px 22px;display:grid;gap:14px;font-size:.93rem;color:var(--g-ink2)}
.gst-dlg__b>p{line-height:1.6}
.gst-dlg__f{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 22px;background:var(--g-surface);border-top:1px solid var(--g-line)}
.gst-dlg__msg{font-size:.86rem;color:var(--g-navy);min-height:1.2em}
.gst-dlg__msg--err{background:#fdecea;color:var(--g-warn);border-radius:10px;padding:10px 12px;font-weight:500}
.gst-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--g-navy);background:var(--g-navy);color:#fff;font-weight:600;font-size:.9rem}
.gst-btn:hover:not(:disabled){background:var(--g-navy2)}
.gst-btn--soft{background:var(--g-surface);color:var(--g-ink);border-color:var(--g-line2)}
.gst-btn--soft:hover:not(:disabled){background:var(--g-surface);border-color:var(--g-ink3)}
.gst-btn--warn{background:var(--g-warn);border-color:var(--g-warn)}
.gst-btn--warn:hover:not(:disabled){background:#912018}
.gst-opt{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--g-line2);border-radius:14px;cursor:pointer;background:var(--g-surface)}
.gst-opt:has(input:checked){border-color:var(--g-navy);background:var(--g-blue-soft)}
.gst-opt input{width:20px;height:20px;margin-top:2px;accent-color:var(--g-navy);flex:none}
.gst-opt span{display:grid;gap:3px}
.gst-opt b{color:var(--g-ink);font-size:.92rem}
.gst-opt small{font-size:.8rem;color:var(--g-ink2);line-height:1.5}
.gst-send{display:grid;gap:14px}
.gst-send__intro{font-family:var(--g-fd);font-size:1.02rem;color:var(--g-ink);line-height:1.45}
.gst-thumbs{display:grid;gap:8px}
.gst-thumbs li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px;border:1px solid var(--g-line);border-radius:12px}
.gst-thumbs li.is-off{opacity:.6;border-style:dashed}
.gst-thumbs img{width:52px;height:52px;object-fit:cover;border-radius:8px;background:var(--g-bg)}
.gst-thumbs b{display:block;font-size:.84rem;color:var(--g-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gst-thumbs small{font-size:.74rem;color:var(--g-ink3)}
.gst-send-imgs{display:grid;gap:8px}
.gst-sumbox{background:var(--g-bg);border-radius:14px;padding:14px 16px;display:grid;gap:10px}
.gst-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:.84rem}
.gst-sum dt{color:var(--g-ink3);font-weight:500}
.gst-sum dd{margin:0;color:var(--g-ink);font-weight:500;overflow-wrap:anywhere;white-space:pre-line}
.gst-sum__d summary{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--g-blue-ink)}
.gst-sum__l{display:grid;gap:6px;margin-top:10px;font-size:.78rem;color:var(--g-ink2);max-height:240px;overflow:auto;padding-right:6px}
.gst-sum__l b{color:var(--g-ink)}
.gst-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.gst-dlg a{color:var(--g-blue-ink)}

@media (max-width:1240px){
  .gst-pick{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:thin}
  .gst-pick__b{flex:0 0 172px;scroll-snap-align:start}
  .gst-tq__l{display:none}
}
@media (max-width:1499px){
  .gst-cta--bar{display:none}
}
/* Kompakte Werkzeugleiste immer (die Arbeitsfläche ist höchstens 1600 px breit, 9 Vorlagen in der Schnellwahl). */
@media all{
  .gst-tb--ic .gst-tb__l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gst-tq__l{display:none}
  .gst-bar{gap:6px 8px}
  .gst-bar .gst-tb{padding:0 10px}
  .gst-bar .gst-tb--ic{padding:0 9px}
  .gst-seg__b{padding:0 10px}
  .gst-tq__b{width:40px}
  .gst-bar__g+.gst-bar__g{padding-left:6px}
}
@media (max-width:1100px){
  .gst-main{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:899px){
  .gst-intro{grid-template-columns:minmax(0,1fr)}
  .gst-main{grid-template-columns:minmax(0,1fr)}
  .gst-stage{padding:0;border:0;border-radius:0;background:none;overflow:visible}
  .gst-frame{box-shadow:var(--g-sh1);border:1px solid var(--g-line)}
  .gst-scroll{height:auto;overflow:visible}
  .gst-frame.is-handy{border:0;border-radius:14px;box-shadow:var(--g-sh1);outline:1px solid var(--g-line)}
  .gst-frame.is-handy .gst-scroll{height:auto;border-radius:14px}
  .gst-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1000;max-height:min(72vh,640px);border-radius:22px 22px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 50px -20px rgba(2,20,40,.45);transform:translateY(105%);visibility:hidden;transition:transform .32s var(--g-ease),visibility 0s linear .32s}
  .gst-panel::before{content:"";justify-self:center;width:44px;height:5px;border-radius:5px;background:var(--g-line2);margin:-4px 0 2px}
  .gst-sheet-open .gst-panel{transform:none;visibility:visible;transition:transform .32s var(--g-ease)}
  .gst-acts{display:grid;grid-template-columns:minmax(0,1fr)}
  .gst-acts__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .gst-acts__g .gst-tb{justify-content:center;padding:0 8px;font-size:.8rem;text-align:center}
  .gst-cta{justify-content:center}
  .gst-bar{gap:6px;padding:6px}
  .gst-bar__g+.gst-bar__g{padding-left:0;border-left:0}
  .gst-bar .gst-tb__l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gst-bar .gst-tb{padding:0 11px}
  .gst-tq{display:none}
  .gst-seg--mode{order:-1;width:100%}
  .gst-seg--mode .gst-seg__b{flex:1;justify-content:center}
  .gst-cols2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .gst-seg__b{padding:0 10px}
  .gst-pick__b{flex-basis:150px}
  .gst-cols3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
  .gst-dlg__b,.gst-dlg__top,.gst-dlg__f{padding-left:16px;padding-right:16px}
  .gst-dlg__f .gst-btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .gst *,.gst *::before,.gst *::after{transition:none !important;animation:none !important}
}

/* Vorschaubild in der Anfrage */
.gst-vs{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid var(--g-line2);border-radius:14px;background:var(--g-surface)}
.gst-vs.is-off{opacity:.65;border-style:dashed}
.gst-vs__t{width:96px;height:120px;border-radius:8px;overflow:hidden;background:var(--g-bg2);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--g-line)}
.gst-vs__t img{width:100%;height:100%;object-fit:cover;object-position:top}
.gst-vs__ph{font-size:.72rem;color:var(--g-ink3);text-align:center;padding:6px}
.gst-vs__l{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.gst-vs__l input{width:20px;height:20px;margin-top:2px;accent-color:var(--g-navy);flex:none}
.gst-vs__l span{display:grid;gap:3px}
.gst-vs__l b{color:var(--g-ink);font-size:.9rem}
.gst-vs__l small{font-size:.78rem;color:var(--g-ink2);line-height:1.45}

/* Ansichtsmodus (Inhaber) */
.gst-ansicht{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;border-radius:14px;background:var(--g-navy);color:#fff;font-weight:600;font-size:.95rem;line-height:1.4;box-shadow:var(--g-sh1);border-left:6px solid var(--g-lime)}
.gst-ansicht .gst-ic{width:20px;height:20px}
.gst-ansicht.is-err{background:#fdecea;color:var(--g-warn);border-left-color:var(--g-warn)}

/* ===================== Mehrseitige Entwürfe ===================== */
/* Seitenleiste über der Vorschau */
.gst-pages{width:100%;display:flex;align-items:center;gap:8px 10px;flex-wrap:nowrap;min-width:0}
.gst-pages__l{font:500 .66rem/1 var(--g-fm);letter-spacing:.08em;text-transform:uppercase;color:var(--g-ink3);padding-left:4px}
.gst-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px;flex:0 1 auto}
.gst-tab{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--g-line);border-radius:10px;background:var(--g-surface);font-weight:600;font-size:.84rem;color:var(--g-ink2);white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s}
.gst-tab .gst-ic{width:16px;height:16px}
.gst-tab:hover{border-color:var(--g-ink3);color:var(--g-ink)}
.gst-tab[aria-selected="true"]{border-color:var(--g-navy);color:var(--g-navy);box-shadow:0 0 0 1px var(--g-navy),var(--g-sh1)}
.gst-pages__add{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px dashed var(--g-line2);border-radius:10px;background:none;font-weight:600;font-size:.84rem;color:var(--g-blue-ink);white-space:nowrap}
.gst-pages__add:hover{border-color:var(--g-blue);background:var(--g-surface)}
.gst-pages__add .gst-ic{width:16px;height:16px}
.gst-prog{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid var(--g-line);border-radius:999px;background:var(--g-surface);font-size:.8rem;color:var(--g-ink2);white-space:nowrap}
.gst-prog:hover{border-color:var(--g-ink3)}
.gst-prog b{color:var(--g-navy);font-weight:600}
.gst-prog__m,.gst-meter{position:relative;display:block;width:72px;height:6px;border-radius:6px;background:var(--g-bg2);overflow:hidden}
.gst-prog__m i,.gst-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--g-navy),var(--g-blue));transition:width .4s var(--g-ease)}
.gst-meter{width:100%;height:8px}

/* Checkliste „Ihr Entwurf“ */
.gst-check{display:grid;gap:4px}
.gst-check__i{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 10px 6px 6px;border:1px solid transparent;border-radius:12px;background:none;text-align:left;font-size:.88rem;font-weight:500;color:var(--g-ink)}
button.gst-check__i{border-color:var(--g-line)}
button.gst-check__i:hover{border-color:var(--g-ink3);background:var(--g-bg)}
.gst-check li.is-ok .gst-check__i{color:var(--g-ink2)}
.gst-check__m{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--g-line2);background:var(--g-surface)}
.is-ok .gst-check__m{border-color:var(--g-navy);background:var(--g-navy);color:#fff}
.gst-check__m .gst-ic{width:15px;height:15px;stroke-width:2.4}
.gst-check__go{margin-left:auto;transform:rotate(-90deg);color:var(--g-ink3)}
.gst-ready{display:grid;gap:12px;padding:14px;border-radius:14px;background:var(--g-bg);font-size:.86rem;color:var(--g-ink2);line-height:1.5}
.gst-ready.is-ready{background:var(--g-blue-soft);color:var(--g-navy);box-shadow:inset 3px 0 0 var(--g-lime)}
.gst-ready .gst-btn{justify-self:start}
.gst-quick--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gst-quick--2 .gst-sb{justify-content:center;text-align:center}
.gst-only-m{display:none}
.gst-mtop{display:none}

/* Bibliothek, Seitentypen und Vorlagenliste */
.gst-lib{display:grid;gap:6px}
.gst-lib__b,.gst-tpls__b{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:52px;padding:10px 12px;border:1px solid var(--g-line);border-radius:12px;background:var(--g-surface);text-align:left;transition:border-color .2s,background-color .2s}
.gst-lib__b:hover:not(:disabled),.gst-tpls__b:hover{border-color:var(--g-ink3);background:var(--g-bg)}
.gst-lib__b>span:last-child,.gst-tpls__b>span:last-child{display:grid;gap:2px;min-width:0}
.gst-lib__b b,.gst-tpls__b b{font-size:.88rem;color:var(--g-ink)}
.gst-lib__b small,.gst-tpls__b small{font-size:.76rem;color:var(--g-ink2);line-height:1.4}
.gst-lib__i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--g-blue-soft);color:var(--g-navy)}
.gst-tpls{display:grid;gap:6px}
.gst-tpls__b .gst-mini{flex:none;width:76px;border-radius:8px}
.gst-tpls__b[aria-pressed="true"]{border-color:var(--g-navy);box-shadow:0 0 0 1px var(--g-navy);background:var(--g-blue-soft)}
.gst-pgs .gst-secs__i{gap:6px}
.gst-pgs .gst-secs__i.is-cur{border-color:var(--g-navy);box-shadow:0 0 0 1px var(--g-navy)}
.gst-in--s{min-height:40px;padding:8px 10px;font-size:.88rem;flex:1;min-width:0}
.gst-ib--go{flex:none;color:var(--g-navy)}
.gst-ib--warn{color:var(--g-warn)}
.gst-ib--warn:hover:not(:disabled){border-color:var(--g-warn);color:var(--g-warn)}
.gst-opt--s{padding:10px 12px}
.gst-opt--s b{font-size:.86rem}
.gst-sum__pg{margin-top:6px;font-weight:600;color:var(--g-navy)}

@media (max-width:1600px){
  .gst-pages__l,.gst-prog__t{display:none}
  .gst-prog__m{width:48px}
}
@media (max-width:1100px){
  .gst-pages__add span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gst-pages__add{padding:0 11px}
}
@media (max-width:899px){
  .gst-stage{gap:8px}
  .gst-pages{flex-wrap:nowrap}
  .gst-tabs{flex:1 1 auto}
  .gst-pages__add span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gst-pages__add{padding:0 11px}
  .gst-prog__m{display:none}
}

/* ===================== Handy: kompakte Bedienung ===================== */
@media (max-width:720px){
  .gst{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .gst.gst-sheet-open{padding-bottom:62vh}
  /* Kopf verdichten: Vorlagenwahl, Dateiaktionen und Ansichtswechsel liegen in der unteren Leiste bzw. unter „Mehr“ */
  .gst-intro{margin-bottom:12px;gap:10px}
  .gst-intro__lead,.gst-pick__h,.gst-pick,.gst-acts{display:none}
  .gst-first{padding:12px 14px;border-radius:14px;gap:4px}
  .gst-first__h{display:none}
  .gst-note{margin-bottom:10px;font-size:.84rem}
  .gst-note summary{padding:10px 14px;min-height:44px}
  .gst-note p{padding:0 14px 12px}
  /* Obere Leiste: Rückgängig, Wiederholen, Seite, Anfragen */
  .gst-bar{flex-wrap:nowrap;gap:4px;padding:5px;border-radius:14px;margin-bottom:10px}
  .gst-bar .gst-seg--mode,.gst-bar .gst-tq,.gst-bar .gst-seg--view,.gst-bar .gst-bar__tools,.gst-cta--bar{display:none}
  .gst-bar .gst-tb{min-width:44px;justify-content:center;padding:0 10px}
  .gst-pgbtn{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--g-line);border-radius:11px;background:var(--g-surface);font-weight:600;font-size:.86rem;color:var(--g-ink)}
  .gst-pgbtn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}
  .gst-pgbtn .gst-ic{width:16px;height:16px;color:var(--g-ink3)}
  .gst-cta--m{display:inline-flex;min-height:44px;padding:0 14px;gap:7px;font-size:.84rem;flex:none}
  .gst-cta--m::after{left:10px;right:10px}
  .gst.is-pv .gst-bar{display:none}
  .gst-pages{display:none}
  /* Feste untere Leiste */
  .gst-mb{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:990;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--g-line);box-shadow:0 -10px 30px -18px rgba(2,20,40,.35)}
  .gst-mb__b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;min-width:0;padding:4px 2px;border:0;border-radius:12px;background:none;color:var(--g-ink2);font-size:.68rem;font-weight:600;line-height:1.1}
  .gst-mb__b .gst-ic{width:22px;height:22px}
  .gst-mb__b span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gst-mb__b[aria-pressed="true"]{background:var(--g-blue-soft);color:var(--g-navy)}
  .gst.is-pv .gst-mb{grid-template-columns:minmax(0,1fr)}
  .gst.is-pv .gst-mb__b:not(:nth-child(5)){display:none}
  .gst.is-pv .gst-mb__b{flex-direction:row;gap:10px;font-size:.9rem;background:var(--g-navy);color:#fff}
  /* Untere Leiste bleibt auch beim Bearbeiten sichtbar (Vorschau, Seiten usw. jederzeit erreichbar); das Feld öffnet sich darüber. */
  .gst-status{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .gst-sheet-open .gst-status{top:auto;bottom:calc(54vh + 84px)}
  .gst:not(.is-pv) .gst-bar{border-color:var(--g-blue);box-shadow:0 0 0 3px rgba(31,143,214,.12)}
  /* Bottom-Sheet: Vorschau bleibt oben sichtbar, Tastatur verdeckt das Feld nicht */
  .gst-panel{bottom:max(var(--gst-kb,0px),calc(64px + env(safe-area-inset-bottom,0px)));max-height:min(54vh,calc(var(--gst-vvh,100vh) - 150px));padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px));gap:12px}
  .gst-panel__top{position:sticky;top:-10px;z-index:2;margin:-10px -14px 0;padding:12px 14px 10px;background:var(--g-surface);border-bottom:1px solid var(--g-line)}
  .gst-x{width:44px;height:44px}
  .gst-sb{min-height:44px}
  .gst-ib{width:44px;height:44px}
  .gst-segf__l span{min-height:44px}
  .gst-only-m{display:grid}
  /* Obere Handy-Leiste: Rückgängig, Seite, Vorschau, Speichern, Anfragen (Wiederholen weicht dem Platz) */
  .gst-mtop{display:inline-flex}
  .gst-bar .gst-mtop{flex-direction:column;justify-content:center;gap:1px;min-width:52px;padding:0 3px;font-size:.62rem;line-height:1.1;font-weight:600}
  .gst-bar .gst-mtop .gst-ic{width:18px;height:18px}
  .gst-bar .gst-mtop .gst-tb__l{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap}
  .gst-pgbtn>.gst-ic:first-child{display:none}
  .gst-bar [aria-keyshortcuts="Control+Y"]{display:none}
  .gst-quick .gst-sb{min-height:48px}
  /* Deutlicher Rahmen: man sieht sofort, ob man gerade bearbeitet oder nur ansieht. */
  .gst-frame.is-handy{outline:0;border:2px solid var(--g-blue);border-radius:16px;box-shadow:0 0 0 4px rgba(31,143,214,.14)}
  .gst-frame.is-handy::before{content:"Bearbeitungsmodus · Elemente antippen zum Ändern";display:block;flex:none;padding:7px 12px;background:var(--g-blue);color:#fff;font:600 .72rem/1.2 var(--g-fb);text-align:center;letter-spacing:.01em}
  .gst.is-pv .gst-frame.is-handy{border-color:var(--g-navy);box-shadow:0 0 0 4px rgba(2,51,91,.12)}
  .gst.is-pv .gst-frame.is-handy::before{content:"Vorschau · so sieht Ihre Seite aus";background:var(--g-navy)}
  .gst-dlg{max-height:92vh}
}
@media (max-width:420px){
  .gst-pgbtn>.gst-ic:last-child{display:none}
  .gst-pgbtn{padding:0 8px;justify-content:center}
  .gst-cta--m{padding:0 10px;gap:5px}
}
@media (max-width:380px){
  .gst-cta--m span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gst-cta--m{padding:0 12px;min-width:46px;justify-content:center}
  .gst-mb__b{font-size:.64rem}
}

/* Handy: schwebende Telefon-/WhatsApp-Knöpfe des Themes würden die untere Editor-Leiste verdecken (Anfragen ist dort immer sichtbar). */
@media (max-width:720px){.pn-float-contact{display:none!important}}

/* Vollbild-Vorschau am Computer (Klasse gst-full, gesetzt in setMode): die Seite wirkt wie eine echte Website. */
.gst-fsbar{display:none}
html.gst-noscroll{overflow:hidden}
.gst.gst-full .gst-stage{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0;border:0;border-radius:0;background:#e9eef5;overflow:hidden}
.gst.gst-full .gst-fsbar{display:flex;align-items:center;gap:14px;flex:none;width:100%;height:56px;padding:0 18px;background:var(--g-navy);color:#fff}
.gst-fsbar__t{margin-right:auto;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gst-fsbar__g{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:rgba(255,255,255,.12)}
.gst-fsbar__b{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:0;border-radius:8px;background:none;color:rgba(255,255,255,.8);font-weight:600;font-size:.84rem}
.gst-fsbar__b[aria-pressed="true"]{background:#fff;color:var(--g-navy)}
.gst-fsbar__x{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:.86rem}
.gst-fsbar__x:hover{background:rgba(255,255,255,.2)}
.gst.gst-full .gst-pages{display:none}
.gst.gst-full .gst-frame{flex:1 1 auto;width:100%;min-height:0;border-radius:0;box-shadow:none;border:0}
.gst.gst-full .gst-scroll{height:calc(100vh - 56px - 36px);max-height:none}
.gst.gst-full .gst-frame.is-handy{flex:none;margin:18px auto;border:11px solid #0c1726;border-radius:44px;box-shadow:0 30px 60px -30px rgba(2,20,40,.55)}
.gst.gst-full .gst-frame.is-handy .gst-scroll{height:min(844px,calc(100vh - 56px - 58px))}
.gst.gst-full .gst-top{position:fixed;right:28px;bottom:28px}
.gst.gst-full .gst-status{z-index:10060}

/* Handy (bis 760 px): Studio nur auf Tablet und PC. Hinweis statt Editor (Editor startet dort gar nicht, siehe init in gestalter.js). */
.gst-klein{display:none}
@media (max-width:760px){
  .gst-klein{display:grid;gap:14px;justify-items:start;padding:clamp(22px,6vw,32px);border:1px solid var(--line,#dfe5ee);border-radius:var(--r-xl,22px);background:var(--surface,#fff);box-shadow:var(--sh-1,0 1px 2px rgba(10,30,60,.06))}
  .gst-klein h2{font-size:1.25rem;margin:0}
  .gst-klein p{margin:0;color:var(--ink-2,#3c4a5e)}
  .gst-klein + .gst{display:none}
}