/* GastroBoom hell (Relaunch 03.10.2026) — ein Stilblatt fuer alle Vorlagen, kein Tailwind.
   Prinzip: echtes Produkt statt Illustration, weiss/grau mit Orange nur fuer Handlungen,
   Haarlinien statt Kartenstapel, linksbuendig. */
:root{
  --paper:#ffffff; --mist:#f4f5f6; --line:#e2e4e7; --line-strong:#cdd1d6;
  --ink:#17191c; --slate:#565c65; --quiet:#7a8089;
  --orange:#f48c25; --orange-press:#dc7914; --orange-ink:#ad560a; --orange-wash:#fdf1e5;
  --live:#1d7a4c; --live-wash:#e7f4ec;
  --r-s:8px; --r-m:12px; --r-l:18px;
  --shadow:0 1px 2px rgba(23,25,28,.06),0 12px 32px -12px rgba(23,25,28,.18);
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;overflow-x:clip}
body.gb{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.gb) img{max-width:100%;height:auto;display:block}
:where(.gb) a{color:inherit}
:where(.gb) :is(h1,h2,h3,h4){margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.12;color:var(--ink)}
:where(.gb) p{margin:0}
.gb :focus-visible{outline:2px solid var(--orange-ink);outline-offset:3px;border-radius:4px}
.gb-skip{position:absolute;left:-9999px}.gb-skip:focus{left:16px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:8px 14px;border-radius:var(--r-s)}

.gb-shell{max-width:1180px;margin:0 auto;padding:0 24px}
.gb-narrow{max-width:760px}
.gb-sec{padding:96px 0}
.gb-sec--mist{background:var(--mist)}
.gb-sec--tight{padding:64px 0}
.gb-sec + .gb-sec:not(.gb-sec--mist){border-top:1px solid var(--line)}
@media(max-width:720px){.gb-sec{padding:64px 0}.gb-sec--tight{padding:48px 0}}

/* Typo */
.gb-h1{font-size:clamp(2.3rem,4.6vw,3.7rem);letter-spacing:-.03em;line-height:1.04}
.gb-h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.025em}
.gb-h3{font-size:1.2rem;letter-spacing:-.01em;line-height:1.3}
.gb-lead{font-size:clamp(1.08rem,1.4vw,1.24rem);color:var(--slate);line-height:1.55;max-width:38em}
.gb-muted{color:var(--slate)}
.gb-small{font-size:.9rem;color:var(--quiet)}
.gb-head{max-width:44rem;margin-bottom:48px}
.gb-head .gb-lead{margin-top:16px}
.gb-link{color:var(--orange-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.gb-link:hover{text-decoration-thickness:2px}

/* Knoepfe */
.gb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--r-s);font:600 1rem/1.2 var(--font);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.gb-btn--primary{background:var(--orange);color:#111}
.gb-btn--primary:hover{background:var(--orange-press)}
.gb-btn--ghost{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
.gb-btn--ghost:hover{border-color:var(--ink)}
.gb-btn--block{width:100%}
.gb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* Kopfleiste */
.gb-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.gb-nav__in{display:flex;align-items:center;gap:32px;height:68px}
.gb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink)}
.gb-brand__mark{width:30px;height:30px;border-radius:8px;background:var(--orange);display:grid;place-items:center;color:#fff}
.gb-nav__links{display:flex;gap:26px;margin-left:auto;font-size:.95rem}
.gb-nav__links a{text-decoration:none;color:var(--slate);padding:6px 0;border-bottom:2px solid transparent}
.gb-nav__links a:hover,.gb-nav__links a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--orange)}
.gb-nav .gb-btn{padding:9px 16px;font-size:.92rem}
.gb-nav__toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line-strong);border-radius:var(--r-s);width:42px;height:42px;cursor:pointer;color:var(--ink)}
.gb-nav__mobile{display:none;border-top:1px solid var(--line);padding:12px 24px 20px}
.gb-nav__mobile a{display:block;padding:12px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.gb-nav__mobile .gb-btn{margin-top:16px;width:100%;border-bottom:0;color:#fff}
.gb-nav.is-open .gb-nav__mobile{display:block}
@media(max-width:960px){.gb-nav__links,.gb-nav__in>.gb-btn{display:none}.gb-nav__toggle{display:grid;place-items:center}}

/* Brotkrumen */
.gb-crumbs{font-size:.88rem;color:var(--quiet);margin-bottom:28px}
.gb-crumbs a{color:var(--slate);text-decoration:none}.gb-crumbs a:hover{color:var(--ink);text-decoration:underline}
.gb-crumbs span[aria-hidden]{margin:0 8px}

/* Seitenkopf der Unterseiten */
.gb-pagehead{padding:72px 0 56px;border-bottom:1px solid var(--line);background:linear-gradient(var(--mist),var(--paper))}
.gb-pagehead .gb-lead{margin-top:18px}

/* Startseite: Held */
.gb-hero{padding:72px 0 88px;overflow:hidden}
.gb-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.gb-hero .gb-lead{margin-top:22px}
.gb-hero__note{margin-top:22px;font-size:.92rem;color:var(--quiet)}
@media(max-width:960px){.gb-hero{padding:48px 0 64px}.gb-hero__grid{grid-template-columns:1fr;gap:48px}}

/* Produktbuehne: Browser + Telefon mit echten Aufnahmen */
.gb-stage{position:relative;padding:0 0 56px 64px}
.gb-browser{border-radius:var(--r-m);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.gb-browser__bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--mist)}
.gb-browser__bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:block}
.gb-browser__url{margin-left:10px;font-size:.75rem;color:var(--quiet);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-phone{position:absolute;left:0;bottom:0;width:31%;min-width:150px;max-width:220px;background:#1d1f23;border-radius:30px;padding:7px;box-shadow:0 30px 50px -20px rgba(23,25,28,.45)}
.gb-phone__screen{border-radius:24px;overflow:hidden;aspect-ratio:9/19.5;background:#fff;position:relative}
.gb-phone__screen img{width:100%;animation:gb-scroll 22s ease-in-out 1.2s infinite alternate}
/* Bild ist ~3,1x so hoch wie der Schirm: -60 % zeigt den unteren Teil, ohne ins Leere zu laufen */
@keyframes gb-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-60%)}}
@media(prefers-reduced-motion:reduce){.gb-phone__screen img{animation:none}}
.gb-live{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--live);background:var(--live-wash);border-radius:99px;padding:5px 12px 5px 10px;font-weight:600}
.gb-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--live)}
.gb-stage__caption{margin-top:18px;padding-left:64px;font-size:.92rem;color:var(--slate)}
@media(max-width:600px){.gb-stage{padding:0 0 40px 40px}.gb-stage__caption{padding-left:0}.gb-phone{min-width:120px}}

/* Faktenzeile */
.gb-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gb-facts>div{padding:22px 24px;border-left:1px solid var(--line)}
.gb-facts>div:first-child{border-left:0;padding-left:0}
.gb-facts b{display:block;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.gb-facts span{font-size:.9rem;color:var(--slate)}
@media(max-width:760px){.gb-facts{grid-template-columns:1fr 1fr}.gb-facts>div{border-left:0;padding-left:0}.gb-facts>div:nth-child(n+3){border-top:1px solid var(--line)}}

/* Modulliste */
.gb-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
.gb-split--even{grid-template-columns:1fr 1fr;align-items:center}
.gb-split--rev>:first-child{order:2}
@media(max-width:900px){.gb-split,.gb-split--even{grid-template-columns:1fr;gap:40px}.gb-split--rev>:first-child{order:0}}
.gb-sticky{position:sticky;top:110px}
@media(max-width:900px){.gb-sticky{position:static}}
.gb-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gb-rows li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.gb-rows .gb-ico{width:40px;height:40px;border-radius:10px;background:var(--orange-wash);color:var(--orange-ink);display:grid;place-items:center}
.gb-rows h3{font-size:1.08rem;margin-bottom:4px}
.gb-rows p{color:var(--slate)}
.gb-rows a{color:var(--orange-ink)}

/* Haekchenliste */
.gb-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.gb-checks li{display:flex;gap:12px;align-items:flex-start}
.gb-checks li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--orange-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.6' fill='none' stroke='%23ad560a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}

/* Kundenfall mit echten Bildern */
.gb-dishes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gb-dishes figure{margin:0}
.gb-dishes img{border-radius:var(--r-m);aspect-ratio:1;object-fit:cover;width:100%}
.gb-dishes figcaption{font-size:.85rem;color:var(--slate);margin-top:8px}
@media(max-width:600px){.gb-dishes{grid-template-columns:1fr 1fr}}

/* Telefon klein (Reservierung, Instagram) */
.gb-device{width:300px;max-width:100%;margin:0 auto;background:#1d1f23;border-radius:36px;padding:8px;box-shadow:var(--shadow)}
.gb-device__screen{border-radius:29px;overflow:hidden;background:#fff}
.gb-res{padding:34px 20px 22px;color:var(--ink)}
.gb-res__t{font-weight:700;font-size:1.05rem}
.gb-res__s{font-size:.8rem;color:var(--quiet);margin-bottom:14px}
.gb-res__l{font-size:.75rem;font-weight:600;color:var(--quiet);margin:14px 0 8px}
.gb-chips{display:flex;flex-wrap:wrap;gap:6px}
.gb-chip{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:.82rem;font-weight:600;color:var(--slate);text-align:center;min-width:44px}
.gb-chip small{display:block;font-size:.7rem;font-weight:500}
.gb-chip.on{background:var(--orange);border-color:var(--orange);color:#fff}
.gb-res__btn{margin-top:18px;background:var(--orange);color:#fff;font-weight:700;text-align:center;padding:12px;border-radius:12px;font-size:.92rem}
.gb-res__ok{text-align:center;font-size:.78rem;color:var(--live);font-weight:600;margin-top:10px}

/* Redaktionsplan */
.gb-plan{border:1px solid var(--line);border-radius:var(--r-l);padding:8px 20px;background:var(--paper)}
.gb-plan__row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.gb-plan__row:last-child{border-bottom:0}
.gb-plan__row img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.gb-plan__row b{display:block;font-weight:600;font-size:.98rem}
.gb-plan__row span{font-size:.85rem;color:var(--quiet)}
.gb-tag{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}
.gb-tag--done{background:var(--live-wash);color:var(--live)}
.gb-tag--plan{background:var(--orange-wash);color:var(--orange-ink)}

/* Suche / KI-Beispiel */
.gb-example{border:1px solid var(--line);border-radius:var(--r-l);padding:24px;background:var(--paper);position:relative}
.gb-example__label{position:absolute;top:-11px;left:20px;background:var(--paper);padding:0 8px;font-size:.8rem;color:var(--quiet)}
.gb-search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:10px 16px;font-size:.92rem;color:var(--slate)}
.gb-serp{margin-top:16px}
.gb-serp .u{color:#1a7f37;font-size:.82rem}
.gb-serp .t{color:#1a0dab;font-size:1.12rem;font-weight:500;margin:2px 0}
.gb-serp .d{color:#4d5156;font-size:.9rem;line-height:1.45}
.gb-ai__q{background:var(--mist);border-radius:var(--r-m);padding:12px 14px;font-size:.92rem;font-weight:500;margin-bottom:14px}
.gb-ai__a{font-size:.95rem;color:var(--slate)}
.gb-ai__a b{color:var(--ink)}

/* Abschluss-Aufruf */
.gb-cta{border-radius:var(--r-l);background:var(--ink);color:#fff;padding:56px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.gb-cta h2{color:#fff}
.gb-cta p{color:#c5c9cf;margin-top:10px}
.gb-cta .gb-btn--ghost{background:transparent;color:#fff;border-color:#5b6068}
.gb-cta .gb-btn--ghost:hover{border-color:#fff}
.gb-cta .gb-actions{margin-top:0}
@media(max-width:820px){.gb-cta{grid-template-columns:1fr;padding:36px 28px}}

/* Fliesstext-Bereich (SEO-Inhalte, Rechtstexte) */
.gb-text h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:64px 0 18px}
.gb-text h2:first-child{margin-top:0}
.gb-text h3{font-size:1.12rem;margin:28px 0 8px}
.gb-text p{color:var(--slate);margin:0 0 16px;max-width:42em}
.gb-text ul,.gb-text ol{color:var(--slate);padding-left:1.3em;margin:0 0 16px}
.gb-text a{color:var(--orange-ink)}
.gb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:28px}
.gb-grid2>div{padding:24px 28px 24px 0;border-bottom:1px solid var(--line)}
.gb-grid2>div:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.gb-grid2 h3{margin:0 0 8px}
.gb-grid2 p{margin:0;font-size:.97rem}
@media(max-width:760px){.gb-grid2{grid-template-columns:1fr}.gb-grid2>div:nth-child(even){padding-left:0;border-left:0}}
.gb-steps{list-style:none;margin:28px 0 0;padding:0;counter-reset:s}
.gb-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.gb-steps li::before{content:counter(s);width:36px;height:36px;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange-ink);font-weight:600;display:grid;place-items:center}
.gb-steps h3{margin:4px 0 6px}
.gb-steps p{margin:0}

/* Tabelle */
.gb-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m);margin:24px 0}
.gb-table{width:100%;border-collapse:collapse;font-size:.97rem;font-variant-numeric:tabular-nums}
.gb-table th{text-align:left;font-weight:600;padding:14px 18px;background:var(--mist);border-bottom:1px solid var(--line)}
.gb-table td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--slate)}
.gb-table tr:last-child td{border-bottom:0}
.gb-table td:first-child{color:var(--ink);font-weight:500}
.gb-table tr.is-ours td{background:#fffaf4}

/* FAQ */
.gb-faq{border-top:1px solid var(--line);margin-top:24px}
.gb-faq details{border-bottom:1px solid var(--line)}
.gb-faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:1.05rem;position:relative}
.gb-faq summary::-webkit-details-marker{display:none}
.gb-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.gb-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.gb-faq details>div{padding:0 0 22px;color:var(--slate);max-width:44em}

/* Preise */
.gb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.gb-plans>article{border:1px solid var(--line);border-radius:var(--r-l);padding:32px 28px;display:flex;flex-direction:column;background:var(--paper)}
.gb-plans>article.is-featured{border:2px solid var(--orange);padding:31px 27px;box-shadow:var(--shadow)}
.gb-plans h3{font-size:1.2rem}
.gb-plans .gb-price{font-size:2.4rem;font-weight:600;letter-spacing:-.03em;margin:14px 0 2px;font-variant-numeric:tabular-nums}
.gb-plans .gb-price small{font-size:1rem;font-weight:500;color:var(--slate);letter-spacing:0}
.gb-plans .gb-checks{margin:20px 0 28px;flex:1}
.gb-badge{display:inline-block;font-size:.78rem;font-weight:600;color:var(--orange-ink);background:var(--orange-wash);padding:3px 10px;border-radius:99px;margin-bottom:10px;align-self:flex-start}
@media(max-width:900px){.gb-plans{grid-template-columns:1fr}}

/* Karten (Blog, Kontakt-Seitenblock) */
.gb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:960px){.gb-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gb-cards{grid-template-columns:1fr}}
.gb-post{display:flex;flex-direction:column}
.gb-post__img{aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:var(--mist);margin-bottom:16px}
.gb-post__img img{width:100%;height:100%;object-fit:cover}
.gb-post__meta{font-size:.84rem;color:var(--quiet);margin-bottom:6px}
.gb-post h2,.gb-post h3{font-size:1.15rem;line-height:1.3}
.gb-post h2 a,.gb-post h3 a{text-decoration:none}
.gb-post h2 a:hover,.gb-post h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.gb-post p{color:var(--slate);font-size:.95rem;margin-top:8px}
.gb-pager{display:flex;gap:6px;justify-content:center;margin-top:56px}
.gb-pager .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-s);text-decoration:none;color:var(--slate);padding:0 10px}
.gb-pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.gb-box{border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.gb-box--mist{background:var(--mist);border-color:transparent}

/* Formular */
.gb-form{display:grid;gap:18px}
.gb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.gb-form__row{grid-template-columns:1fr}}
.gb-form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}
.gb-form input,.gb-form select,.gb-form textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-s);padding:12px 14px}
.gb-form input:focus,.gb-form select:focus,.gb-form textarea:focus{outline:none;border-color:var(--orange-ink);box-shadow:0 0 0 3px var(--orange-wash)}
.gb-form textarea{resize:vertical;min-height:120px}
.gb-contact{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.gb-contact li{display:grid;grid-template-columns:22px 1fr;gap:14px}
.gb-contact svg{color:var(--orange-ink);margin-top:3px}
.gb-contact a{text-decoration:none;font-weight:600}
.gb-contact a:hover{text-decoration:underline}

/* Artikel (Blog, Stadtseiten) */
.gb-article{padding:56px 0 88px}
.gb-article__meta{font-size:.9rem;color:var(--quiet);margin:14px 0 28px}
.gb-article__hero{border-radius:var(--r-l);overflow:hidden;margin-bottom:40px;aspect-ratio:16/9;background:var(--mist)}
.gb-article__hero img{width:100%;height:100%;object-fit:cover}
.gb-prose{font-size:1.06rem;line-height:1.75;color:#2b2f35}
.gb-prose>*{max-width:42em}
.gb-prose h2{font-size:clamp(1.45rem,2.3vw,1.85rem);margin:48px 0 14px}
.gb-prose h3{font-size:1.2rem;margin:32px 0 10px}
.gb-prose p{margin:0 0 18px}
.gb-prose ul,.gb-prose ol{padding-left:1.3em;margin:0 0 18px}
.gb-prose li{margin:6px 0}
.gb-prose a{color:var(--orange-ink);text-decoration:underline;text-underline-offset:3px}
.gb-prose strong{color:var(--ink)}
.gb-prose img,.gb-prose figure img{border-radius:var(--r-m);margin:24px 0}
.gb-prose figure{margin:24px 0}
.gb-prose figcaption{font-size:.85rem;color:var(--quiet);margin-top:-14px}
.gb-prose blockquote{border-left:3px solid var(--orange);margin:24px 0;padding:4px 0 4px 18px;color:var(--slate)}
.gb-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}
.gb-prose th,.gb-prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.gb-prose th{background:var(--mist)}
.gb-prose .toc{background:var(--mist);border-radius:var(--r-m);padding:20px 24px;margin:28px 0}
.gb-prose .toc h2,.gb-prose .toc h3{margin-top:0;font-size:1.05rem}
.gb-prose .toc a{text-decoration:none}
.gb-author{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:56px;padding-top:24px;max-width:42em}
.gb-author__ava{width:48px;height:48px;border-radius:50%;background:var(--orange-wash);color:var(--orange-ink);display:grid;place-items:center;font-weight:700}

/* Fusszeile */
.gb-foot{background:var(--mist);border-top:1px solid var(--line);margin-top:0;padding:64px 0 28px;font-size:.94rem;color:var(--slate)}
.gb-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}
.gb-foot h4,.gb-foot__h{font-size:.92rem;color:var(--ink);margin-bottom:14px;letter-spacing:0}
.gb-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gb-foot a{text-decoration:none;color:var(--slate)}
.gb-foot a:hover{color:var(--ink);text-decoration:underline}
.gb-foot__base{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;padding-top:22px;font-size:.88rem}
@media(max-width:960px){.gb-foot__grid{grid-template-columns:1fr 1fr}}
.gb-footer-nap{background:var(--mist);color:var(--slate);border-top:1px solid var(--line)}
.gb-footer-nap a{color:var(--ink)}

/* Fremde Bloecke in Beitraegen (Plugin-Stadtlinks) bleiben hell */
.gb .gb-city-links{color:var(--ink)}
.gb-text--compact h2{font-size:1.2rem;letter-spacing:-.01em;margin:36px 0 10px}
input[type=range]{accent-color:var(--orange)}
/* Breite Tabellen in Beitraegen scrollen in sich statt die Seite zu verbreitern (Handy) */
@media(max-width:760px){.gb-prose table{display:block;overflow-x:auto}}
.gb-text,.gb-prose{overflow-wrap:break-word}
.gb-brand img{height:36px;width:auto}
.gb-foot .gb-brand img{height:26px}
/* Instagram-Beispielansicht (Handy mit Beitraegen) */
.gb-ig{display:flex;justify-content:center;align-items:flex-start;position:relative;padding:8px 0 28px}
.ig-phone{width:288px;border-radius:40px;border:9px solid var(--ink);background:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative;z-index:2;flex:none}
.ig-phone--back{width:244px;margin-left:-70px;margin-top:64px;transform:rotate(4deg);z-index:1;opacity:.98}
.ig-bar{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}
.ig-ava{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.95rem;flex:none}
.ig-name{font-size:.82rem;font-weight:700;line-height:1.2}
.ig-name span{display:block;font-weight:500;color:var(--quiet);font-size:.72rem}
.ig-stories{display:flex;gap:10px;padding:2px 14px 12px;border-bottom:1px solid var(--line)}
.ig-stories i{display:block;width:46px;height:46px;border-radius:50%;padding:2px;border:2px solid var(--orange);background:#fff;flex:none}
.ig-stories i img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ig-post img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ig-acts{display:flex;gap:14px;padding:10px 14px 4px;color:var(--ink)}
.ig-acts svg{width:22px;height:22px}
.ig-cap{padding:2px 14px 16px;font-size:.78rem;line-height:1.45;color:var(--ink)}
.ig-cap b{font-weight:700}
.ig-cap small{display:block;margin-top:4px;color:var(--orange-ink);font-size:.74rem}
.ig-tag{display:block;text-align:center;font-size:.7rem;color:var(--quiet);padding:0 0 10px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 0 2px}
.ig-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ig-bio{padding:2px 14px 12px;font-size:.74rem;line-height:1.4}
.ig-bio b{display:block;font-size:.8rem}
.ig-cta{display:inline-block;margin:0 14px 12px;padding:5px 12px;border-radius:8px;background:var(--mist);font-size:.72rem;font-weight:600}
@media(max-width:720px){.ig-phone--back{display:none}}

.gb-foot__h{font-weight:600;margin:0 0 14px}

/* Editorial marketing illustrations */
.gb-pagehead__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.gb-fig{margin:0}
.gb-fig img{display:block;width:100%;height:auto;border-radius:var(--r-l);border:1px solid var(--line);box-shadow:var(--shadow)}
.gb-fig figcaption{margin-top:12px;font-size:.88rem;color:var(--quiet)}
@media(max-width:900px){.gb-pagehead__grid{grid-template-columns:1fr;gap:36px}}

/* Keep long German headings inside the text column beside the illustration. */
.gb-pagehead .gb-h1{overflow-wrap:anywhere;hyphens:auto}