/* ==========================================================================
   autoankaufsg.ch — "WEGWEISER"
   One hand-written stylesheet. Mobile-first; min-width steps at 600 / 900 / 1200.
   White ground, black type, heavy rules, one accent (Signal) carried by the Tafel.
   No shadows, no gradients, no radius, no dark mode.
   ========================================================================== */

/* ---- Fonts ---------------------------------------------------------------- */
@font-face{font-family:"Hanken Grotesk";src:url("/assets/font/hanken-grotesk-latin.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2019,U+201C-201E,U+2026}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/font/hanken-grotesk-latin-ext.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
/* Metric-matched Arial stand-in: the h1 keeps its line count while the woff2 loads. */
@font-face{font-family:"Hanken Fallback";src:local("Arial"),local("Liberation Sans");size-adjust:101%;ascent-override:90%;descent-override:24%;line-gap-override:0%}

/* ---- Tokens --------------------------------------------------------------- */
:root{
  --sg-weiss:#FFFFFF;--sg-tinte:#111111;--sg-signal:#00843D;--sg-signal-dunkel:#006B32;--sg-tint:#E6F4EC;
  --sg-grau:#666666;--sg-linie:#D9D9D9;--sg-fehler:#B42318;
  --sg-font:"Hanken Grotesk","Hanken Fallback",Arial,Helvetica,sans-serif;
  --sg-fs-plakat:36px;--sg-lh-plakat:1.05;--sg-fs-h1:32px;--sg-lh-h1:1.1;--sg-fs-h2:28px;--sg-lh-h2:1.15;
  --sg-fs-h3:20px;--sg-lh-h3:1.3;--sg-fs-lead:19px;--sg-lh-lead:1.5;--sg-fs-body:17px;--sg-lh-body:1.5;
  --sg-fs-tafel:18px;--sg-lh-tafel:1.2;--sg-fs-kicker:14px;--sg-lh-kicker:1.4;--sg-fs-meta:14px;--sg-lh-meta:1.45;
  --sg-fs-zahl:40px;--sg-lh-zahl:1.0;
  --sg-s1:4px;--sg-s2:8px;--sg-s3:12px;--sg-s4:16px;--sg-s6:24px;--sg-s8:32px;--sg-s12:48px;--sg-s16:64px;--sg-s24:96px;--sg-s32:128px;
  --sg-section:var(--sg-s16);
  --sg-radius:0;--sg-border:2px;--sg-rule:4px;--sg-row:2px;--sg-hair:1px;--sg-tip:16px;
  --sg-container:1200px;--sg-prose:65ch;--sg-pad:20px;--sg-gutter:16px;
  --sg-header:64px;--sg-bar:56px;--sg-control:56px;--sg-tafel-h:56px;--sg-target:48px;
}
@media (min-width:900px){
  :root{--sg-fs-plakat:72px;--sg-lh-plakat:1.0;--sg-fs-h1:48px;--sg-lh-h1:1.05;--sg-fs-h2:36px;--sg-lh-h2:1.1;--sg-fs-h3:22px;--sg-fs-lead:22px;
    --sg-fs-body:18px;--sg-lh-body:1.55;--sg-fs-tafel:20px;--sg-fs-zahl:56px;--sg-section:var(--sg-s32);--sg-pad:32px;--sg-gutter:24px;--sg-header:72px;--sg-tafel-h:60px}
}

/* ---- Base ----------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{font-synthesis:none;color-scheme:light;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--sg-header) + 16px)}
body{margin:0;background:var(--sg-weiss);color:var(--sg-tinte);font:400 var(--sg-fs-body)/var(--sg-lh-body) var(--sg-font);padding-bottom:calc(var(--sg-bar) + env(safe-area-inset-bottom))}
body.p-thanks{padding-bottom:0}
[hidden]{display:none!important}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
h1,h2,h3,h4,p,ul,ol,dl,figure,fieldset,table{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{border:0;padding:0;min-width:0}
legend{padding:0}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{cursor:pointer}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--sg-signal);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.sg-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sg-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.sg-skip{position:absolute;left:var(--sg-s2);top:var(--sg-s2);z-index:100;display:inline-flex;align-items:center;min-height:var(--sg-target);padding:0 var(--sg-s6);background:var(--sg-tinte);color:var(--sg-weiss);font-weight:700;text-decoration:none;transform:translateY(-300%)}
.sg-skip:focus{transform:none;outline-color:var(--sg-tinte)}

/* ---- Layout --------------------------------------------------------------- */
.sg-container{max-width:var(--sg-container);margin-inline:auto;padding-inline:var(--sg-pad)}
.sg-section{padding-block:var(--sg-section)}
.sg-section--first{padding-top:var(--sg-s8)}
.sg-section--start{padding-top:0}
.sg-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sg-gutter)}
@media (min-width:900px){
  .sg-section--first{padding-top:var(--sg-s12)}
  .sg-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .sg-c1-5{grid-column:1/6}.sg-c1-6{grid-column:1/7}.sg-c1-7{grid-column:1/8}.sg-c1-8{grid-column:1/9}
  .sg-c7-12{grid-column:7/13}.sg-c8-12{grid-column:8/13}.sg-c10-12{grid-column:10/13}
}

/* ---- Type ----------------------------------------------------------------- */
.sg-h1{font-size:var(--sg-fs-h1);line-height:var(--sg-lh-h1);font-weight:800;letter-spacing:-.015em;margin-bottom:var(--sg-s6);overflow-wrap:anywhere}
.sg-h1--plakat{font-size:var(--sg-fs-plakat);line-height:var(--sg-lh-plakat);letter-spacing:-.02em;max-width:14ch}
.sg-lead{font-size:var(--sg-fs-lead);line-height:var(--sg-lh-lead);max-width:var(--sg-prose);margin-bottom:var(--sg-s8)}
.sg-meta{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-bottom:var(--sg-s6)}
.sg-kicker,.sg-siewir th,.sg-siewir td::before{font-size:var(--sg-fs-kicker);line-height:var(--sg-lh-kicker);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sg-signal)}
.sg-kicker{margin-bottom:var(--sg-s3)}
.sg-kicker::before,.sg-siewir td::before{content:"\2192  "}
.sg-title{font-size:var(--sg-fs-h2);line-height:var(--sg-lh-h2);font-weight:700;border-top:var(--sg-rule) solid var(--sg-tinte);padding-top:var(--sg-s4);margin-bottom:var(--sg-s8);letter-spacing:-.01em}
.sg-prose{max-width:var(--sg-prose)}
.sg-prose p,.sg-prose ul,.sg-prose ol{margin-bottom:1em}
.sg-prose h2{font-size:var(--sg-fs-h3);line-height:var(--sg-lh-h3);font-weight:700;border-top:var(--sg-row) solid var(--sg-tinte);padding-top:var(--sg-s3);margin:var(--sg-s8) 0 var(--sg-s3)}
.sg-prose h3{font-size:var(--sg-fs-body);font-weight:700;margin:var(--sg-s6) 0 var(--sg-s2)}
.sg-prose li{position:relative;padding-left:1.5em;margin-bottom:var(--sg-s2)}
.sg-prose ul li::before{content:"\2192";position:absolute;left:0;color:var(--sg-signal);font-weight:700}
.sg-prose ol{counter-reset:none;list-style:decimal;padding-left:1.5em}
.sg-prose ol li{padding-left:.25em}
.sg-prose a{font-weight:600}
.sg-prose--article{font-size:18px;line-height:1.6}
.sg-facts{display:flex;flex-wrap:wrap;font-size:var(--sg-fs-body);font-weight:600;margin-bottom:var(--sg-s8)}
.sg-facts li+li::before{content:"\00b7";margin:0 var(--sg-s3);color:var(--sg-grau)}
@media (max-width:599.98px){.sg-facts{display:block}.sg-facts li{padding:var(--sg-s1) 0}.sg-facts li+li::before{content:none}}
.sg-more{margin-top:var(--sg-s6)}
.sg-more a{display:inline-flex;align-items:center;min-height:var(--sg-target);font-weight:700;text-decoration:none;border-bottom:var(--sg-row) solid var(--sg-tinte)}
.sg-more a:hover{color:var(--sg-signal);border-color:var(--sg-signal)}
.sg-cta-row{margin-top:var(--sg-s8)}

/* ---- The Tafel ------------------------------------------------------------ */
.sg-tafel{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:var(--sg-s4);min-height:var(--sg-tafel-h);min-width:200px;padding:var(--sg-s2) calc(var(--sg-tip) + 12px) var(--sg-s2) 20px;
  font:700 var(--sg-fs-tafel)/var(--sg-lh-tafel) var(--sg-font);color:var(--sg-weiss);text-align:left;text-decoration:none;border:0;background:none;cursor:pointer}
.sg-tafel::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sg-signal);clip-path:polygon(0 0,calc(100% - var(--sg-tip)) 0,100% 50%,calc(100% - var(--sg-tip)) 100%,0 100%)}
.sg-tafel--tinte::before{background:var(--sg-tinte)}
.sg-tafel--back{padding:var(--sg-s2) 20px var(--sg-s2) calc(var(--sg-tip) + 12px)}
.sg-tafel--back::before{clip-path:polygon(var(--sg-tip) 0,100% 0,100% 100%,var(--sg-tip) 100%,0 50%)}
.sg-tafel--block{display:flex;width:100%;min-width:0}
.sg-tafel--xl{--sg-tip:24px;min-height:72px;font-size:var(--sg-fs-zahl);line-height:var(--sg-lh-zahl);padding-left:28px}
.sg-tafel--sm{--sg-tip:10px;min-height:40px;min-width:0;font-size:16px;padding:0 calc(var(--sg-tip) + 8px) 0 12px}
.sg-tafel__text{display:inline-block}
.sg-tafel__fig{margin-left:auto;font-feature-settings:"tnum";white-space:nowrap}
.sg-tafel:hover::before,.sg-tafel:active::before{background:var(--sg-signal-dunkel)}
.sg-tafel--tinte:hover::before,.sg-tafel--tinte:active::before{background:#000}
.sg-tafel:hover .sg-tafel__text{transform:translateX(4px);transition:transform 120ms ease-out}
.sg-tafel:focus-visible{outline:3px solid var(--sg-signal);outline-offset:2px}
.sg-tafel--tinte:focus-visible{outline-color:var(--sg-tinte)}
.sg-tafel[disabled]{opacity:.6;cursor:default}

/* ---- Header --------------------------------------------------------------- */
.sg-header{background:var(--sg-weiss);border-bottom:var(--sg-border) solid var(--sg-tinte);overflow-x:clip}
.sg-header__inner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 var(--sg-s4)}
.sg-wordmark{display:inline-flex;align-items:center;gap:var(--sg-s2);min-height:var(--sg-header);font-size:22px;font-weight:800;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.sg-wordmark__tafel{pointer-events:none}
.sg-wordmark:hover .sg-tafel__text{transform:none}
.sg-nav,.sg-header__tools{display:none}
.sg-menu{margin-left:auto}
.sg-menu__summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:var(--sg-target);height:var(--sg-header);padding:0 var(--sg-s2);font-weight:700;cursor:pointer;user-select:none}
.sg-menu__summary::-webkit-details-marker{display:none}
.sg-menu__close,.sg-menu[open] .sg-menu__open{display:none}
.sg-menu[open] .sg-menu__close{display:inline}
.sg-menu__list{width:100vw;margin-left:calc(100% + var(--sg-pad) - 100vw);padding:0 var(--sg-pad) var(--sg-s4);border-top:var(--sg-border) solid var(--sg-tinte)}
.sg-menu__list li{border-bottom:var(--sg-row) solid var(--sg-tinte)}
.sg-menu__list a{display:flex;align-items:center;min-height:var(--sg-control);font-size:var(--sg-fs-lead);font-weight:700;text-decoration:none}
.sg-menu__list a:hover{background:var(--sg-tint)}
.sg-menu__list a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--sg-signal);text-underline-offset:6px}
.sg-menu__lang{border-bottom:0!important;padding-top:var(--sg-s3)}
.sg-lang{display:flex;gap:var(--sg-s1)}
.sg-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sg-target);min-height:var(--sg-target);font-size:16px;text-decoration:none;color:inherit}
.sg-lang a[aria-current]{font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--sg-signal);text-underline-offset:5px}
@media (min-width:900px){
  .sg-header{position:sticky;top:0;z-index:50;overflow:visible}
  .sg-header__inner{flex-wrap:nowrap;align-items:center;gap:var(--sg-s8)}
  .sg-nav{display:block}
  .sg-nav__list{display:flex;gap:var(--sg-s6)}
  .sg-nav__link{display:flex;align-items:center;min-height:var(--sg-target);font-weight:600;text-decoration:none;border-bottom:3px solid transparent;padding-top:3px;white-space:nowrap}
  .sg-nav__link:hover{color:var(--sg-signal)}
  .sg-nav__link[aria-current]{border-bottom-color:var(--sg-signal)}
  .sg-header__tools{display:flex;align-items:center;gap:var(--sg-s4);margin-left:auto;flex:0 0 auto}
  .sg-header .sg-header__tools .sg-tafel{min-height:var(--sg-target);min-width:0;--sg-tip:12px;font-size:17px;padding-left:16px}
  .sg-header__phone{display:none}
  .sg-menu{display:none}
}
@media (min-width:1100px){.sg-header__phone{display:inline-flex}}

/* ---- Mobile action bar ---------------------------------------------------- */
.sg-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;background:var(--sg-tinte);padding-bottom:env(safe-area-inset-bottom)}
.sg-bar a{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:var(--sg-s2);min-height:var(--sg-bar);color:var(--sg-weiss);font-size:var(--sg-fs-tafel);font-weight:700;text-decoration:none}
.sg-bar__call{background:var(--sg-tinte)}
.sg-bar__sell{background:var(--sg-signal)}
.sg-bar a:focus-visible{outline-offset:-4px;outline-color:var(--sg-weiss)}
.sg-bar .sg-picto{color:var(--sg-weiss)}
@media (min-width:900px){.sg-bar{display:none}body{padding-bottom:0}}

/* ---- Pictograms ----------------------------------------------------------- */
.sg-picto{color:var(--sg-tinte);flex:0 0 auto}
.sg-picto--xl{width:96px;height:96px}
.sg-service__picto{margin-bottom:var(--sg-s4)}
@media (min-width:900px){.sg-picto--xl{width:144px;height:144px}.sg-service__picto{justify-self:end;margin:0}}

/* ---- Rows ----------------------------------------------------------------- */
.sg-rows{border-top:var(--sg-row) solid var(--sg-tinte)}
.sg-row{border-bottom:var(--sg-row) solid var(--sg-tinte);display:flex;gap:var(--sg-s4);align-items:flex-start;padding:var(--sg-s4) 0}
.sg-row--link{display:block;padding:0}
.sg-row__link{display:flex;gap:var(--sg-s4);align-items:flex-start;width:100%;min-height:var(--sg-control);padding:var(--sg-s4) 0;text-decoration:none}
.sg-row__picto{flex:0 0 48px}
.sg-row__body{flex:1 1 auto;min-width:0}
.sg-row__meta{display:block;font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-bottom:var(--sg-s1)}
.sg-row__title{font-size:var(--sg-fs-h3);line-height:var(--sg-lh-h3);font-weight:700}
.sg-row__text{margin-top:var(--sg-s1);max-width:var(--sg-prose)}
.sg-row__arrow{flex:0 0 auto;align-self:center;font-size:var(--sg-fs-h3);font-weight:700;color:var(--sg-signal)}
.sg-row__link:hover .sg-row__title{color:var(--sg-signal)}
.sg-row__link:hover .sg-row__arrow{transform:translateX(4px);transition:transform 120ms ease-out}
.sg-rows--contact .sg-row__title{overflow-wrap:anywhere}

/* ---- Sie / Wir ------------------------------------------------------------ */
.sg-siewir{width:100%;border-collapse:collapse;border-top:var(--sg-rule) solid var(--sg-tinte)}
.sg-siewir th{text-align:left;padding:var(--sg-s3) var(--sg-s4) var(--sg-s3) 0;border-bottom:var(--sg-row) solid var(--sg-tinte);width:50%}
.sg-siewir td{padding:var(--sg-s4) var(--sg-s4) var(--sg-s4) 0;vertical-align:top;border-bottom:var(--sg-row) solid var(--sg-tinte)}
.sg-siewir td:first-child{border-right:var(--sg-hair) solid var(--sg-linie)}
.sg-siewir td:last-child{padding-left:var(--sg-s4)}
.sg-siewir td::before{display:none}
@media (max-width:599.98px){
  .sg-siewir,.sg-siewir tbody,.sg-siewir tr,.sg-siewir td{display:block;width:auto}
  .sg-siewir thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sg-siewir tr{border-bottom:var(--sg-row) solid var(--sg-tinte);padding:var(--sg-s3) 0}
  .sg-siewir td{border:0;padding:var(--sg-s2) 0}
  .sg-siewir td:first-child{border-right:0}
  .sg-siewir td::before{content:"\2192  " attr(data-label);display:block;margin-bottom:var(--sg-s1)}
}

/* ---- Wegweiser (region stacks) + map -------------------------------------- */
.sg-wegweiser+.sg-wegweiser{margin-top:var(--sg-s12)}
.sg-wegweiser__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sg-s3)}
.sg-wegweiser__list--tail{margin-top:var(--sg-s12)}
.sg-wegweiser__map{order:-1;margin-bottom:var(--sg-s6)}
.sg-region__map{margin-bottom:var(--sg-s6)}
.sg-region__tafel{margin-bottom:var(--sg-s8)}
@media (min-width:600px){.sg-wegweiser__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.sg-wegweiser__map,.sg-region__map{order:0;margin-bottom:0}}
.sg-map{margin:0}
.sg-map__svg{width:100%;height:auto;aspect-ratio:360/260;display:block;font-family:inherit}
.sg-map__caption{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-top:var(--sg-s2)}
.sg-map__route{stroke:none}

/* ---- Werkstatt / photo / bus ---------------------------------------------- */
.sg-werkstatt__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sg-s6)}
@media (min-width:900px){.sg-werkstatt__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.sg-werkstatt__media{grid-column:1/6}.sg-werkstatt__body{grid-column:7/13}.sg-werkstatt__media+.sg-werkstatt__body{grid-column:7/13}.sg-werkstatt__body:first-child{grid-column:1/9}}
.sg-werkstatt__media--bus{aspect-ratio:4/3;border:var(--sg-border) solid var(--sg-tinte);display:flex;align-items:center;justify-content:center;padding:var(--sg-s6)}
.sg-werkstatt__media--bus .sg-bus{width:80%;height:auto}
.sg-werkstatt__facts li{padding:var(--sg-s2) 0}
.sg-werkstatt__name{font-weight:700}
.sg-werkstatt__label{color:var(--sg-grau)}
.sg-werkstatt__facts a{font-weight:600}
.sg-photo{margin:0}
.sg-photo img{width:100%;height:auto;aspect-ratio:4/3}
.sg-photo__caption{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-top:var(--sg-s2)}
.sg-about__photo{margin-top:var(--sg-s6)}
@media (min-width:900px){.sg-about__photo{margin-top:0}}
.sg-bus{width:100%;height:auto;color:var(--sg-tinte)}
.sg-bus__body,.sg-bus__glass{fill:var(--sg-bus-fill,var(--sg-weiss))}
.sg-bus--footer{color:var(--sg-weiss);--sg-bus-fill:var(--sg-tinte);width:160px}
.sg-bus-wrap{max-width:320px;margin-top:var(--sg-s12)}
.sg-bus-wrap--desktop{display:none}
@media (min-width:900px){.sg-bus-wrap--desktop{display:block}}

/* ---- FAQ ------------------------------------------------------------------ */
.sg-faq{border-top:var(--sg-row) solid var(--sg-tinte)}
.sg-faq__item{border-bottom:var(--sg-row) solid var(--sg-tinte)}
.sg-faq__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sg-s4);min-height:var(--sg-control);padding:var(--sg-s3) 0;font-weight:600;cursor:pointer}
.sg-faq__summary::-webkit-details-marker{display:none}
.sg-faq__summary::after{content:"\2192";flex:0 0 auto;font-size:var(--sg-fs-h3);font-weight:700;color:var(--sg-signal);transition:transform 120ms ease-out}
.sg-faq__summary:hover{color:var(--sg-signal)}
.sg-faq__item[open] .sg-faq__summary{font-weight:700}
.sg-faq__item[open] .sg-faq__summary::after{transform:rotate(90deg)}
.sg-faq__body{padding:0 0 var(--sg-s4);max-width:var(--sg-prose)}

/* ---- Band ----------------------------------------------------------------- */
.sg-band{background:var(--sg-signal);color:var(--sg-weiss);padding-block:var(--sg-s12)}
.sg-band__inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sg-s6)}
.sg-band__h2{font-size:var(--sg-fs-h2);line-height:var(--sg-lh-h2);font-weight:700;margin-bottom:var(--sg-s3)}
.sg-band__phone{display:inline-block;font-size:var(--sg-fs-zahl);line-height:var(--sg-lh-zahl);font-weight:700;color:var(--sg-weiss);text-decoration:none;font-feature-settings:"tnum";letter-spacing:-.01em}
.sg-band__phone:hover{text-decoration:underline;text-decoration-thickness:3px}
.sg-band .sg-tafel:focus-visible,.sg-band a:focus-visible{outline-color:var(--sg-tinte)}
.sg-band--top{padding-block:var(--sg-s12)}
.sg-band__h1{font-size:var(--sg-fs-h1);line-height:var(--sg-lh-h1);font-weight:800;letter-spacing:-.015em;margin-bottom:var(--sg-s4)}
.sg-band__lead{font-size:var(--sg-fs-lead);line-height:var(--sg-lh-lead);max-width:var(--sg-prose)}
@media (min-width:900px){.sg-band{padding-block:var(--sg-s16)}.sg-band__inner{flex-direction:row;justify-content:space-between;align-items:center}}

/* ---- Footer --------------------------------------------------------------- */
.sg-footer{background:var(--sg-tinte);color:var(--sg-weiss);padding-block:var(--sg-s12) var(--sg-s8)}
.sg-footer a{color:var(--sg-weiss)}
.sg-footer a:focus-visible{outline-color:var(--sg-weiss)}
.sg-footer__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sg-s8)}
.sg-wordmark--footer{color:var(--sg-weiss)}
.sg-footer__tagline,.sg-footer__address,.sg-footer__contact{margin-top:var(--sg-s4);max-width:36ch}
.sg-footer__contact a{display:inline-block;padding:var(--sg-s1) 0;font-weight:600}
.sg-footer__h{font-weight:700;padding-bottom:var(--sg-s2);margin-bottom:var(--sg-s2);border-bottom:var(--sg-row) solid var(--sg-weiss)}
.sg-footer__col li a{display:inline-block;padding:var(--sg-s3) 0;text-decoration:none}
.sg-footer__col li a::before{content:"\2192  ";color:var(--sg-signal)}
.sg-footer__col li a:hover{text-decoration:underline}
.sg-footer__regions{columns:2;column-gap:var(--sg-s4)}
.sg-lang--footer{margin-top:var(--sg-s4)}
.sg-lang--footer a[aria-current]{text-decoration-color:var(--sg-signal)}
.sg-footer__bus{margin-top:var(--sg-s6)}
.sg-footer__legal{margin-top:var(--sg-s12);padding-top:var(--sg-s4);border-top:var(--sg-hair) solid var(--sg-grau);font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta)}
@media (min-width:600px){.sg-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.sg-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---- Breadcrumb ----------------------------------------------------------- */
.sg-breadcrumb{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-bottom:var(--sg-s4)}
.sg-breadcrumb ol{display:flex;flex-wrap:wrap}
.sg-breadcrumb li+li::before{content:"\2192";margin:0 var(--sg-s2)}
.sg-breadcrumb a{display:inline-block;padding:var(--sg-s2) 0}

/* ---- Plakat (home hero) --------------------------------------------------- */
.sg-plakat__text{min-width:0}
.sg-wegweiser__grid{margin-top:0}
.sg-wegweiser__col{min-width:0}
.sg-aktuell .sg-row__title{font-size:var(--sg-fs-h3)}
.sg-rows--buy .sg-row__text{margin-top:var(--sg-s1)}
.sg-werkstatt{margin:0}
.sg-siewir__sie,.sg-siewir__wir{white-space:nowrap}
.sg-wordmark__a{display:inline-block}
.sg-header__sell{flex:0 0 auto}
.sg-footer__col--brand{max-width:36ch}
.sg-section--form{padding-bottom:var(--sg-s12)}
.sg-form{position:relative}
.sg-upload{margin-bottom:var(--sg-s8)}
.sg-plakat__form{border-top:var(--sg-rule) solid var(--sg-tinte);padding-top:var(--sg-s6)}
.sg-plakat .sg-h1{margin-bottom:var(--sg-s6)}
@media (min-width:900px){.sg-plakat__form{margin-top:var(--sg-s2)}}

/* ---- Forms ---------------------------------------------------------------- */
.sg-start__title{margin-bottom:var(--sg-s6)}
.sg-start .sg-tafel--block{margin-top:var(--sg-s8)}
.sg-field{margin-bottom:var(--sg-s6)}
.sg-field__label{display:block;font-weight:700;margin-bottom:var(--sg-s2)}
.sg-field__opt{font-weight:400;color:var(--sg-grau)}
.sg-field__help{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-grau);margin-top:var(--sg-s2)}
.sg-field__error{font-size:var(--sg-fs-meta);line-height:var(--sg-lh-meta);color:var(--sg-fehler);font-weight:700;margin-top:var(--sg-s2)}
.sg-input,.sg-select,.sg-textarea{display:block;width:100%;min-height:var(--sg-control);padding:0 var(--sg-s4);border:var(--sg-border) solid var(--sg-tinte);border-radius:0;background:var(--sg-weiss);color:var(--sg-tinte);font-size:17px;appearance:none;-webkit-appearance:none}
.sg-textarea{padding:var(--sg-s3) var(--sg-s4);min-height:120px;resize:vertical;line-height:1.4}
.sg-select{padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 7l6 6 6-6' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sg-s3) center;background-size:20px 20px}
.sg-input::placeholder,.sg-textarea::placeholder{color:var(--sg-grau);opacity:1}
[aria-invalid="true"],.sg-affix:has([aria-invalid="true"]){border-color:var(--sg-fehler)}
.sg-affix{display:flex;border:var(--sg-border) solid var(--sg-tinte)}
.sg-affix .sg-input{border:0;flex:1 1 auto;min-width:0}
.sg-affix .sg-input:focus-visible{outline:none}
.sg-affix:focus-within{outline:3px solid var(--sg-signal);outline-offset:2px}
.sg-affix__unit{display:flex;align-items:center;flex:0 0 auto;padding:0 var(--sg-s4);border-left:var(--sg-border) solid var(--sg-tinte);color:var(--sg-grau);font-weight:600}
.sg-field--line .sg-input,.sg-field--line .sg-select,.sg-field--line .sg-affix{border-width:0 0 var(--sg-border)}
.sg-field--line .sg-input,.sg-field--line .sg-select{padding-left:0}
.sg-field--line .sg-select{background-position:right 0 center}
.sg-field--line .sg-affix .sg-input{padding-left:0}
.sg-field--line .sg-affix__unit{padding-right:0}
.sg-field--tiles legend{display:block;float:left;width:100%}
.sg-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sg-s3);clear:both}
.sg-tile{position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--sg-control);padding:var(--sg-s2) calc(var(--sg-tip) + 8px) var(--sg-s2) var(--sg-s4);border:var(--sg-border) solid var(--sg-tinte);font-weight:600;line-height:1.25;cursor:pointer;user-select:none}
.sg-tile:hover{background:var(--sg-tint)}
.sg-tile::before{content:"";position:absolute;inset:calc(-1 * var(--sg-border));z-index:-1;background:var(--sg-signal);clip-path:polygon(0 0,calc(100% - var(--sg-tip)) 0,100% 50%,calc(100% - var(--sg-tip)) 100%,0 100%);opacity:0}
input:checked+.sg-tile,input:checked+.sg-tile:hover{color:var(--sg-weiss);border-color:transparent;background:transparent}
input:checked+.sg-tile::before{opacity:1}
input:focus-visible+.sg-tile{outline:3px solid var(--sg-signal);outline-offset:2px}
.sg-vh:focus-visible+.sg-tafel{outline:3px solid var(--sg-tinte);outline-offset:2px}
.sg-check{display:flex;align-items:flex-start;gap:var(--sg-s3);min-height:var(--sg-target);padding:var(--sg-s2) 0;cursor:pointer}
.sg-check input{flex:0 0 24px;width:24px;height:24px;margin:1px 0 0;accent-color:var(--sg-signal)}
.sg-consent{margin-top:var(--sg-s2)}
.sg-consent a{font-weight:600}
.sg-upload__label{margin-top:var(--sg-s2)}
.sg-upload__label .sg-tafel__text{display:inline-flex;align-items:center;gap:var(--sg-s3)}
.sg-upload__label .sg-picto{color:var(--sg-weiss)}
.sg-upload__count{font-weight:700;margin-top:var(--sg-s3)}
.sg-upload__count:empty{display:none}
.sg-upload__wa{display:inline-flex;align-items:center;min-height:var(--sg-target);margin-top:var(--sg-s2);font-weight:700}
.sg-form__col{max-width:720px}
.sg-form__head{margin-bottom:var(--sg-s8)}
.sg-form__nojs{color:var(--sg-grau)}
.sg-progress{display:none;height:4px;background:var(--sg-linie)}
.sg-progress__bar{height:100%;width:calc(var(--sg-step,1) / 3 * 100%);background:var(--sg-signal);transition:width 120ms ease-out}
.sg-progress__label{display:none;font-weight:700;margin-top:var(--sg-s3)}
html.is-js .sg-form__nojs{display:none}
html.is-js .sg-progress,html.is-js .sg-progress__label{display:block}
.sg-form__error{color:var(--sg-fehler);font-weight:700;margin-top:var(--sg-s4)}
.sg-form__error:empty{display:none}
.sg-step+.sg-step{border-top:var(--sg-rule) solid var(--sg-tinte);padding-top:var(--sg-s8);margin-top:var(--sg-s12)}
.sg-step__legend{font-size:var(--sg-fs-h2);line-height:var(--sg-lh-h2);font-weight:700;margin-bottom:var(--sg-s6);float:left;width:100%}
.sg-step__legend:focus{outline:none}
.sg-step__legend+*{clear:both}
html.is-js .sg-step+.sg-step{border:0;padding-top:0;margin-top:0}
html.is-js .sg-step__legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.sg-summary{border-top:var(--sg-rule) solid var(--sg-tinte);padding-top:var(--sg-s4);margin-bottom:var(--sg-s8)}
.sg-summary__h2{font-size:var(--sg-fs-h3);line-height:var(--sg-lh-h3);font-weight:700;margin-bottom:var(--sg-s3)}
.sg-summary__list{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 var(--sg-s4);align-items:center}
.sg-summary__list dt{font-size:var(--sg-fs-meta);color:var(--sg-grau);padding:var(--sg-s2) 0}
.sg-summary__list dd{margin:0;font-weight:600;padding:var(--sg-s2) 0;overflow-wrap:anywhere}
.sg-summary__edit{background:none;border:0;padding:var(--sg-s3) 0;min-height:var(--sg-target);font-weight:700;color:var(--sg-signal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sg-form__nav{display:flex;gap:var(--sg-s3);margin-top:var(--sg-s8)}
.sg-form__nav .sg-tafel{flex:1 1 50%;min-width:0;justify-content:center}
@media (max-width:899.98px){
  html.is-js .sg-form__nav{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;gap:0;background:var(--sg-weiss);padding-bottom:env(safe-area-inset-bottom)}
  html.is-js .sg-form__nav .sg-tafel{min-height:var(--sg-bar)}
}
@media (min-width:900px){.sg-form__nav .sg-tafel{flex:0 1 auto;min-width:200px}.sg-form__nav .sg-tafel--back{margin-right:auto}}

/* ---- Contact / 404 / thanks ----------------------------------------------- */
.sg-contact{margin-top:var(--sg-s8)}
.sg-contact__address{margin-bottom:var(--sg-s4)}
.sg-404__tafel{margin-bottom:var(--sg-s8)}
.sg-404 .sg-h1{max-width:20ch}

/* ---- Print ---------------------------------------------------------------- */
@media print{
  .sg-bar,.sg-menu,.sg-form__nav,.sg-skip{display:none!important}
  .sg-tafel::before,.sg-band,.sg-footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .sg-header{position:static}
}