/* HAMMER – Schwarz-Weiß */
:root{--hm-rand:3vw;--hm-gap:clamp(8px,1.4vw,20px);--hm-uni:var(--wp--preset--font-family--unbounded);--hm-cas:var(--wp--preset--font-family--caslon);--hm-news:var(--wp--preset--font-family--newsreader);--hm-mono:var(--wp--preset--font-family--plex-mono)}
body{margin:0}
.wp-site-blocks{padding-top:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.hm-sw,.wp-block-post-featured-image img{filter:grayscale(1) contrast(1.06)}
.hm-label{margin:0 0 .6rem;font:700 14px var(--hm-uni);text-transform:uppercase}
.hm-t{text-decoration:none}
a:hover .hm-t,a:focus-visible .hm-t{text-decoration:underline;text-underline-offset:.15em}

/* ---------- Logo ---------- */
.hm-logo-svg{display:block;width:100%;height:auto;overflow:visible}
.hm-logo-svg text{font-family:var(--hm-uni);font-weight:900;font-size:92px;letter-spacing:-2px}

/* ---------- Kopfleiste ---------- */
.hm-bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:10px var(--hm-rand);background:#000;color:#fff;transition:transform .35s ease;box-sizing:border-box}
.admin-bar .hm-bar{top:32px}
.hm-bar.is-weg{transform:translateY(-120%)}
.hm-bar-logo{display:block;flex:none;width:320px;line-height:0;color:inherit;text-decoration:none}
.hm-bar-nav{align-self:center;display:flex;flex-wrap:wrap;gap:0 26px;font:900 16px var(--hm-uni);text-transform:uppercase}
.hm-bar-nav a{color:#fff;text-decoration:none;padding:12px 0}
.hm-bar-nav a:hover,.hm-bar-nav a[aria-current]{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px}
.hm-burger{display:none;position:relative;flex:none;align-self:stretch;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.hm-burger svg{position:absolute;inset:0;width:100%;height:100%}
.hm-burger:hover{opacity:.75}
@media (max-width:900px){
 .hm-bar{gap:0;padding:12px var(--hm-rand)}
 .hm-bar-logo{flex:none;width:calc(100% / 1.5581);min-width:0}
 .hm-bar .hm-burger{width:calc(100% * .35821)}
 .hm-bar-nav{display:none}
 .hm-burger{display:block}
}
@media (prefers-reduced-motion:reduce){.hm-bar{transition:none}}

/* ---------- Menü-Overlay ---------- */
.hm-ov{position:fixed;inset:0;z-index:50;background:#000;color:#fff;padding:12px var(--hm-rand) 2rem;overflow:auto;box-sizing:border-box}
.hm-ov[hidden]{display:none}
.hm-ov-ascii{position:absolute;right:0;bottom:0;margin:0;font:clamp(9px,1.05vw,15px)/1 var(--hm-mono);white-space:pre;pointer-events:none}
.hm-ov-top{position:relative;display:flex;align-items:stretch;gap:0;margin-bottom:2rem}
.hm-ov-top .hm-bar-logo{flex:none;width:calc(100% / 1.5581)}
.hm-ov-top .hm-burger{display:block;width:calc(100% * .35821)}
.hm-ov-nav{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:900 clamp(40px,7vw,96px)/1.06 var(--hm-uni);letter-spacing:-.02em;text-transform:uppercase}
.hm-eintrag{background:#fff;color:#000;text-decoration:none;padding:.02em .18em .06em}
.hm-eintrag:hover,.hm-eintrag:focus-visible{background:#000;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.hm-eintrag[aria-current]{text-decoration:underline;text-underline-offset:.12em;text-decoration-thickness:2px}
body.hm-menu-offen{overflow:hidden}

/* ---------- ASCII-Kopf ---------- */
.hm-hero{position:relative;overflow:hidden;background:#000;color:#fff;height:100vh;height:100svh;min-height:560px;max-height:1200px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;margin:0!important}
.hm-hero-band{height:60vh;min-height:420px}
.hm-ascii{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--hm-mono);font-size:max(1.04vw,calc(max(min(100svh,1200px),560px) / 66));line-height:1.1;color:#fff;white-space:pre;pointer-events:none;background:transparent;padding:0;border:0}
.hm-box,.hm-teaser-item{background:#000;color:#fff}
.hm-hero-titel{position:relative;margin-top:auto;padding:0 var(--hm-rand) 2.4rem}
.hm-hero-titel .hm-box{display:inline-flex;flex-direction:column;gap:.8rem;padding:14px 18px 18px 0;max-width:50em}
.hm-hero-titel h1{margin:0;color:#fff;text-transform:uppercase}
.hm-meta{margin:0;font:13px var(--hm-mono)}
.hm-lead{margin:0;font:clamp(19px,1.6vw,24px)/1.35 var(--hm-news)}

/* Start: großer Kopf */
.hm-start-kopf{position:relative;display:flex;align-items:stretch;gap:clamp(8px,1.4vw,20px);padding:1.2rem var(--hm-rand) 1.4rem;background:#000}
.hm-start-logo{flex:1;min-width:0;display:block;line-height:0;color:#fff}
.hm-start-nav{display:flex;flex:none;align-self:stretch;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-left:1.4vw;font:900 clamp(16px,1.75vw,27px)/.75 var(--hm-uni);letter-spacing:-.02em;text-transform:uppercase}
.hm-start-nav a{display:block;color:#fff;text-decoration:none}
.hm-start-nav a:hover,.hm-start-nav a[aria-current]{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px}
@media (max-width:900px){.hm-start-kopf{display:none}}
.hm-teaser{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 3vw;padding:0 var(--hm-rand) 1.8rem}
.hm-teaser-item{display:flex;align-items:flex-start;gap:14px;max-width:30em;padding:10px 14px 10px 10px;font:700 18px/1.25 var(--hm-uni);text-decoration:none;color:#fff}
.hm-teaser-item img{flex:none;width:72px;height:72px;object-fit:cover;display:block}
.hm-teaser-sub{font-family:var(--hm-news);font-weight:400;font-size:17px}

/* ---------- Inhalt ---------- */
.hm-inhalt{padding:4rem 0 5rem}
.hm-inhalt > .wp-block-post-content > p:first-of-type::first-letter,.has-drop-cap:not(:focus)::first-letter{-webkit-initial-letter:3;initial-letter:3;font-family:var(--hm-cas);font-weight:400;margin-right:.2em;float:none;font-size:inherit;line-height:inherit;text-transform:none}
.wp-block-post-content p{hyphens:auto;-webkit-hyphens:auto}

/* Leistungsraster */
.hm-raster{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important}
.hm-raster > .hm-zelle{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:24px;align-content:start;padding:36px var(--hm-rand) 40px;margin:0!important;min-height:300px;box-sizing:border-box;border-top:1px solid #000}
.hm-raster > .hm-zelle:nth-child(even){border-left:1px solid #000}
.hm-raster > .hm-zelle:nth-child(-n+2){border-top:0}
.hm-zelle > .hm-nr{grid-column:1;margin:0;padding-top:6px;font:14px var(--hm-mono)}
.hm-zelle > h3{grid-column:2;margin:0}
.hm-zelle > p:not(.hm-nr){grid-column:3;grid-row:1;margin:0;font-size:18px;line-height:1.45}
.hm-zelle > pre{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:clamp(6px,.62vw,9px)!important;line-height:1!important;overflow:hidden;background:none;border:0;padding:0}
.hm-zelle > ul{grid-column:3;grid-row:2;align-self:end;list-style:none;margin:0;padding:0;font:500 14px var(--hm-uni);text-transform:uppercase}
.hm-zelle > ul li{display:flex;align-items:center;gap:10px;line-height:1.7}
.hm-zelle > ul li::before{content:"";width:8px;height:8px;background:currentColor;flex:none}
@media (max-width:900px){.hm-raster{grid-template-columns:1fr}.hm-raster > .hm-zelle:nth-child(even){border-left:0}.hm-raster > .hm-zelle:nth-child(2){border-top:1px solid #000}}

/* Haltung + Baum */
.hm-baum{font:18px/1.6 var(--hm-mono);white-space:pre}
.hm-baum a{text-decoration:none}
.hm-baum a b{font-family:var(--hm-uni);font-size:15px;text-transform:uppercase}
.hm-baum a:hover b{text-decoration:underline}

/* Projekte */
.hm-projekte{display:flex;flex-direction:column}
.hm-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.6rem}
.hm-pill{min-height:40px;padding:0 16px;border:1px solid currentColor;background:transparent;color:inherit;font:700 13px var(--hm-uni);text-transform:uppercase;cursor:pointer}
.hm-pill.is-an{background:#000;color:#fff}
.hm-projekte-kopf,.hm-projekt{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr) 110px minmax(0,1.4fr);gap:4px 20px;align-items:baseline}
.hm-projekte-kopf{padding-bottom:10px;font:13px var(--hm-mono)}
.hm-projekt{padding:12px 0;text-decoration:none;color:inherit}
.hm-projekt[hidden]{display:none}
.hm-nr,.hm-plat{font:14px var(--hm-mono)}
.hm-name{font:clamp(24px,2.2vw,34px)/1.05 var(--hm-cas)}
.hm-neu{background:#000;color:#fff;font:700 11px var(--hm-uni);padding:2px 6px;text-transform:uppercase;vertical-align:middle}
.hm-branche{font:15px var(--hm-news)}
.hm-rolle{font:16px/1.35 var(--hm-news)}
.hm-projekte.is-dunkel .hm-projekt{grid-template-columns:40px minmax(0,1fr) auto}
.hm-projekte.is-dunkel .hm-plat,.hm-projekte.is-dunkel .hm-rolle{display:none}
.hm-projekte.is-dunkel .hm-neu{background:#fff;color:#000}
@media (max-width:900px){.hm-projekte-kopf{display:none}.hm-projekt{grid-template-columns:40px 1fr}.hm-projekt > .hm-branche,.hm-projekt > .hm-plat,.hm-projekt > .hm-rolle{grid-column:2}}

/* Journal-Kacheln */
.hm-kacheln .wp-block-post-template{gap:3rem 2vw}
.hm-kacheln .wp-block-post-featured-image{aspect-ratio:4/3;background:#000;margin:0 0 12px}
.hm-kacheln .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.hm-kacheln .wp-block-post-title{font:clamp(22px,1.8vw,28px)/1.15 var(--hm-news);margin:6px 0 0}
.hm-kacheln .wp-block-post-title a{text-decoration:none}
.hm-kacheln .wp-block-post-title a:hover{text-decoration:underline}

/* Anfrage */
.hm-anfrage fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}
.hm-anfrage legend{font:400 30px var(--hm-news);margin-bottom:1rem;padding:0}
.hm-option{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:56px;padding:10px 16px;border:1px solid #000;margin-top:-1px;cursor:pointer}
.hm-option input{position:absolute;opacity:0;pointer-events:none}
.hm-option-name{font:26px/1.1 var(--hm-cas)}
.hm-option-preis{font:14px var(--hm-mono);white-space:nowrap}
.hm-option:has(input:checked){background:#000;color:#fff}
.hm-option:has(input:focus-visible){outline:2px solid #000;outline-offset:3px}
.hm-feld{display:flex;flex-direction:column;gap:6px;font:700 13px var(--hm-uni);text-transform:uppercase}
.hm-feld input,.hm-feld textarea{min-height:44px;padding:8px 12px;border:1px solid #000;border-radius:0;font:400 17px/1.4 var(--hm-news);text-transform:none}
.hm-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.hm-knopf{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:0 18px;background:#000;color:#fff;border:1px solid #000;text-decoration:none;font:700 14px var(--hm-uni);text-transform:uppercase;cursor:pointer;align-self:flex-start}
.hm-knopf:hover,.hm-knopf.is-hell{background:#fff;color:#000}
.hm-knopf.is-hell:hover{background:#000;color:#fff}
.hm-zurueck{align-self:flex-start;min-height:44px;border:0;background:none;padding:0;font:700 14px var(--hm-uni);text-transform:uppercase;cursor:pointer}
.hm-hinweis{font:14px/1.6 var(--hm-mono);margin:0}
.hm-gross{font:800 clamp(40px,5vw,80px)/1.04 var(--hm-uni);letter-spacing:-.02em;margin:0}

/* ---------- Fuß ---------- */
.hm-fuss{background:#000;color:#fff;padding:2.2rem var(--hm-rand) 3rem;display:flex;flex-direction:column;gap:2.4rem;margin:0!important}
.hm-fuss a{color:#fff;text-decoration:none}
.hm-fuss a:hover{text-decoration:underline}
.hm-fuss-kopf,.hm-fuss-zeile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font:700 14px var(--hm-uni);text-transform:uppercase}
.hm-fuss-kontakt{display:flex;flex-direction:column;gap:.2rem;font:clamp(40px,6vw,96px)/1 var(--hm-cas)}
.hm-fuss-kontakt a{overflow-wrap:anywhere}
.hm-fuss-social{display:flex;flex-wrap:wrap;gap:0 .5em}
.hm-fuss-seiten > div{columns:4 200px;column-gap:24px}
.hm-fuss-seiten a{display:block;padding:1px 0;font:700 15px/1.25 var(--hm-uni);text-transform:uppercase;break-inside:avoid}
.hm-fuss-recht{display:flex;gap:24px}

/* Abstände zwischen den Hauptbereichen kommen aus den Bereichen selbst */
.wp-site-blocks > * + *{margin-block-start:0}
.admin-bar .hm-ov{top:32px}
@media (max-width:782px){.admin-bar .hm-bar,.admin-bar .hm-ov{top:46px}}
.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border:1px solid currentColor}
.has-schwarz-background-color .wp-block-button__link{background:#fff;color:#000;border-color:#fff}
.has-schwarz-background-color a{color:#fff}

.hm-zelle h3 a{text-decoration:none}
.hm-zelle h3 a:hover{text-decoration:underline}

.hm-pause{position:absolute;z-index:6;right:var(--hm-rand);bottom:1.6rem;min-height:44px;padding:0 16px;border:1px solid #fff;background:#000;color:#fff;font:700 13px var(--hm-uni);text-transform:uppercase;cursor:pointer}
.hm-pause[hidden]{display:none}
.hm-hero-start .hm-pause{bottom:auto;top:calc(50% + 56px)}

/* Leistungsseiten: Text schmal, Raster über die volle Breite */
.hm-inhalt-breit > .wp-block-post-content > *:not(.alignfull){max-width:720px;margin-left:auto;margin-right:auto;padding-left:3vw;padding-right:3vw;box-sizing:content-box}
.hm-inhalt-breit > .wp-block-post-content > .alignfull{max-width:none;margin-top:3rem}
.hm-inhalt-breit .hm-label{padding:0 3vw}
.hm-inhalt-breit > .wp-block-post-content > p:first-of-type::first-letter{-webkit-initial-letter:3;initial-letter:3;font-family:var(--hm-cas);margin-right:.2em}
.hm-zelle > h3{hyphens:manual;min-width:0;font-size:clamp(18px,1.6vw,28px)!important}

/* Aktuelle Arbeiten als Bildkacheln */
.hm-prj-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2vw}
.hm-prj-kachel{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.hm-prj-bild{display:block;aspect-ratio:16/10;overflow:hidden;background:#000}
.hm-prj-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}
.hm-prj-kachel:hover .hm-prj-bild img{transform:scale(1.02)}
.hm-prj-bild.is-leer{display:flex;align-items:flex-end;padding:18px;box-sizing:border-box;color:#fff;font:clamp(28px,2.6vw,44px)/.95 var(--hm-cas)}
.hm-prj-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.hm-prj-name{font:clamp(26px,2.4vw,38px)/1.05 var(--hm-cas)}
.hm-prj-meta{font:13px var(--hm-mono);white-space:nowrap}
@media (max-width:900px){.hm-prj-kacheln{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hm-prj-bild img{transition:none}}

/* Intro */
.hm-intro{position:absolute;inset:0;z-index:30;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;padding:2rem var(--hm-rand);transition:opacity .6s ease}
.hm-intro[hidden]{display:none}
.hm-intro.is-aus{opacity:0}
.hm-intro-pre{margin:0;width:46ch;max-width:100%;overflow:hidden;font:clamp(11px,1.9vw,30px)/1.15 var(--hm-mono);white-space:pre;color:#fff;background:none;border:0;padding:0}
.hm-intro-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2.4rem;font:900 clamp(14px,1.6vw,24px) var(--hm-uni);text-transform:uppercase;letter-spacing:-.01em}
.hm-intro-steps span{opacity:.3}
.hm-intro-steps span.is-an{opacity:1}
.hm-intro-skip,.hm-intro-replay{position:absolute;right:var(--hm-rand);min-height:44px;padding:0 16px;border:1px solid #fff;background:#000;color:#fff;font:700 13px var(--hm-uni);text-transform:uppercase;cursor:pointer}
.hm-intro-skip{bottom:1.6rem}
.hm-intro-replay{z-index:6;top:50%}
.hm-intro-replay[hidden]{display:none}

/* Netzwerk */
.hm-netz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:2rem}
.hm-partner{padding:2rem 2vw 2.4rem 0;border-top:1px solid #000;display:flex;flex-direction:column;gap:.6rem}
.hm-partner-name{margin:0;font:clamp(28px,2.6vw,42px)/1.02 var(--hm-cas)!important;text-transform:none}
.hm-partner-name a{text-decoration:none}
.hm-partner-name a:hover{text-decoration:underline}
.hm-partner-rolle{margin:0;font:700 13px var(--hm-uni);text-transform:uppercase}
.hm-partner-text{margin:0;font-size:18px;line-height:1.45}
.hm-partner .hm-label{margin:.8rem 0 0}
.hm-partner-prj{list-style:none;margin:0;padding:0;font:16px/1.5 var(--hm-news)}
.hm-partner-prj a{text-decoration:none}
.hm-partner-prj a:hover{text-decoration:underline}
@media (max-width:900px){.hm-netz{grid-template-columns:1fr}}

/* Überschriften im Fließtext kleiner */
.hm-inhalt:not(.hm-inhalt-breit) .wp-block-post-content h2{font-size:clamp(28px,2.6vw,40px);line-height:1.05;margin-top:2.6rem}
.hm-inhalt:not(.hm-inhalt-breit) .wp-block-post-content h3{font-size:clamp(19px,1.6vw,24px);line-height:1.2;margin-top:2rem}
.hm-inhalt:not(.hm-inhalt-breit) .wp-block-post-content h4{font-size:17px;line-height:1.3;margin-top:1.6rem}
.hm-inhalt-breit .wp-block-post-content > h2{font-size:clamp(32px,3.2vw,52px)}

/* Anfrage wie auf dem Artboard: links Schritte auf ASCII-Gebirge, rechts das Formular */
.hm-anf{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem}
.hm-anf-links{position:relative;overflow:hidden;background:#000;color:#fff;padding:2.4rem var(--hm-rand);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:34rem}
.hm-anf-ascii{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;font:.95vw/1.15 var(--hm-mono);color:#fff;white-space:pre;pointer-events:none;background:none;border:0;padding:0}
.hm-anf-nr,.hm-anf-steps,.hm-anf-hinweis{position:relative;align-self:flex-start;background:#000}
.hm-anf-nr{padding:4px 8px;font:700 14px var(--hm-uni);text-transform:uppercase}
.hm-anf-steps{display:flex;flex-direction:column;gap:.4rem;padding:10px 14px 12px}
.hm-anf-steps span{font:clamp(40px,4vw,64px)/1 var(--hm-cas);opacity:.35;transition:opacity .3s}
.hm-anf-steps span.is-an{opacity:1}
.hm-anf-hinweis{margin:0;max-width:32em;padding:8px 10px;font:14px/1.6 var(--hm-mono)}
.hm-anf-rechts{padding:2.4rem var(--hm-rand)}
.hm-anfrage legend{font:400 30px var(--hm-news);margin:0 0 1rem;padding:0}
.hm-gewaehlt{margin:0;font:700 15px var(--hm-uni)}
@media (max-width:900px){.hm-anf{grid-template-columns:1fr}.hm-anf-links{min-height:22rem}.hm-anf-ascii{font-size:1.9vw}}
.hm-schritt[hidden]{display:none!important}
.hm-anfrage fieldset{gap:0}
.hm-anfrage .hm-option{margin-top:-1px}
.hm-anfrage [data-weiter]{margin-top:1.6rem}
.hm-anfrage .hm-gewaehlt,.hm-anfrage .hm-feld{margin-bottom:1.2rem}
.hm-anfrage .hm-knoepfe{margin:.4rem 0 1rem}

/* ---------- Werkstatt ---------- */
.hm-labor .hm-zelle{min-height:360px}
.hm-labor .hm-buehne{grid-column:2 / span 2;grid-row:2;align-self:end;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;overflow:hidden}
.hm-t-gewicht,.hm-t-magnet{margin:0;font:400 clamp(48px,6vw,104px)/1 var(--hm-uni);letter-spacing:-.02em;cursor:default;user-select:none}
.hm-t-gewicht span{display:inline-block;font-variation-settings:"wght" 300;transition:font-variation-settings .15s}
.hm-t-magnet{font-weight:900}
.hm-t-magnet span{display:inline-block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hm-t-fallblatt{align-self:flex-start;border:0;background:#000;color:#fff;padding:.08em .18em;font:900 clamp(40px,5vw,88px)/1 var(--hm-mono);letter-spacing:.05em;cursor:pointer;min-height:44px}
.hm-t-druck{position:relative;display:grid;font:900 clamp(56px,7vw,120px)/.9 var(--hm-uni)}
.hm-t-druck span{grid-area:1/1}
.hm-t-druck span+span{color:transparent;-webkit-text-stroke:2px #000;transform:translate(var(--versatz,6px),calc(var(--versatz,6px) * .7))}
.hm-t-regler,.hm-gen-regler{display:flex;flex-direction:column;gap:6px;font:700 13px var(--hm-uni);text-transform:uppercase}
.hm-t-regler input,.hm-gen-regler input{accent-color:#000;width:100%;max-width:340px;min-height:32px}
.hm-t-band{overflow:hidden;white-space:nowrap;background:#000;color:#fff;font:900 clamp(28px,3vw,48px)/1.4 var(--hm-uni)}
.hm-t-band > div{display:inline-flex;animation:hm-band 18s linear infinite}
.hm-t-band:hover > div{animation-play-state:paused}
@keyframes hm-band{to{transform:translateX(-50%)}}
.hm-t-sperrung{margin:0;font:900 clamp(40px,5vw,88px)/1 var(--hm-uni);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hm-t-band > div{animation:none}}

.hm-gen{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:2rem 3vw;padding:2rem 3vw 0}
.hm-gen-steuer{display:flex;flex-direction:column;gap:1.4rem}
.hm-gen fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}
.hm-gen legend{font:700 13px var(--hm-uni);text-transform:uppercase;margin-bottom:.6rem;padding:0}
.hm-pills{display:flex;flex-wrap:wrap;gap:8px}
.hm-gen-datei{display:flex;flex-direction:column;gap:6px;font:700 13px var(--hm-uni);text-transform:uppercase}
.hm-gen-datei input{font:14px var(--hm-news)}
.hm-gen-hinweis,.hm-gen-status{margin:0;font:13px/1.5 var(--hm-mono)}
.hm-gen-check{display:flex;align-items:center;gap:10px;font:700 13px var(--hm-uni);text-transform:uppercase;min-height:32px}
.hm-gen-check input{width:20px;height:20px;accent-color:#000}
.hm-gen-ausgabe{container-type:inline-size;min-width:0;background:#fff;border:1px solid #000;padding:12px;overflow:auto}
.hm-gen-pre{margin:0;font-family:var(--hm-mono);line-height:1;white-space:pre;background:none;border:0;padding:0}
@media (max-width:900px){.hm-gen{grid-template-columns:1fr}}

.hm-insel{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:2rem 3vw;padding:2rem 3vw 0;align-items:end}
.hm-insel-pre{margin:0;background:#000;color:#fff;padding:16px;font:clamp(6px,.95vw,15px)/1.1 var(--hm-mono);white-space:pre;overflow:hidden;border:0}
.hm-insel-steuer{display:flex;flex-direction:column;gap:1.2rem}
.hm-insel-jahr{margin:0;font:900 clamp(56px,6vw,104px)/.9 var(--hm-uni);letter-spacing:-.03em}
.hm-insel-legende{list-style:none;margin:0;padding:0;font:15px/1.6 var(--hm-news)}
.hm-insel-legende b{font-family:var(--hm-uni)}
@media (max-width:900px){.hm-insel{grid-template-columns:1fr}}

.hm-werkstatt-zelle{text-decoration:none;color:inherit}
.hm-werkstatt-zelle:hover h3{text-decoration:underline}