/* EUTOPIE · Eruptive Vermessung · Projektseite · Neufassung 20.10.2026
   Die Seite als Vermessungsprotokoll auf einer Seekarte:
   Messpapier #e9e4d8, Meer #c4cfcd, Tinte #1d1b18, Lava #ff5a1f / Glut #ffb04a, Laser Magenta #e8205a / Cyan #0098b8.
   Höhenlinien, Raster, Fadenkreuz, Koordinaten am Rand; ein glühender Spurfaden durch die ganze Seite.
   Schrift: Barlow Condensed (Vermessungsschild) · IBM Plex Mono (Messwerte) · IBM Plex Sans (Text). */
@font-face{font-family:"EU Cond";font-weight:500;font-display:swap;src:url(../fonts/barlow-condensed-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Cond";font-weight:500;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"EU Cond";font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Cond";font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"EU Mono";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Mono";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"EU Mono";font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Mono";font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"EU Sans";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Sans";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"EU Sans";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"EU Sans";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:"EU Sans";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}

:root{--paper:#e9e4d8;--paper2:#f3efe6;--sea:#c4cfcd;--sea2:#9fb2b2;--ink:#1d1b18;--ink2:#4a4640;--ink3:#7d776d;--lava:#ff5a1f;--glow:#ffb04a;--ma:#e8205a;--cy:#0098b8;
  --grid:rgba(29,27,24,.075);--cond:"EU Cond","Barlow Condensed","Arial Narrow",sans-serif;--mono:"EU Mono","IBM Plex Mono",ui-monospace,monospace;--sans:"EU Sans","IBM Plex Sans",system-ui,sans-serif;--hh:70px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 56px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.eu-body{margin:0;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:clip;
  background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/40px 40px,var(--paper)}
.eu-body main a{color:inherit;text-decoration-color:var(--lava);text-underline-offset:3px;text-decoration-thickness:1.5px}
.eu-body main a:hover{color:var(--lava)}
.eu-body ::selection{background:var(--lava);color:var(--paper)}
.eu-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,5vw,72px)}
main{position:relative;z-index:1}

/* Spurfaden über die ganze Seite */
.eu-thread{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.eu-thread path{fill:none;stroke-linecap:round}
.eu-thread .base{stroke:rgba(255,90,31,.18);stroke-width:1.5;stroke-dasharray:3 7}
.eu-thread .live{stroke:var(--lava);stroke-width:2.5;filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 10px rgba(255,90,31,.6))}
/* Tiefenmesser */
.eu-ruler{position:fixed;right:0;top:var(--hh);bottom:0;width:30px;z-index:20;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(29,27,24,.5) 0 1px,transparent 1px 10px) right 0 top 0/8px 100% no-repeat,repeating-linear-gradient(to bottom,rgba(29,27,24,.7) 0 1px,transparent 1px 50px) right 0 top 0/16px 100% no-repeat;opacity:.7}
.eu-ruler .rd{position:fixed;right:36px;bottom:16px;font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink);background:var(--paper2);border:1px solid var(--ink);padding:7px 9px;white-space:nowrap}
.eu-ruler .rd b{font-weight:500;color:var(--ink3);text-transform:uppercase;letter-spacing:.16em}
.eu-ruler .rd i{font-style:normal;color:var(--lava)}

/* ── Hero: Messbild ── */
.eu-hero{box-sizing:border-box;position:relative;min-height:calc(100svh - var(--hh));margin-top:0;overflow:hidden;color:var(--paper2);display:grid;align-content:end;padding:110px clamp(18px,5vw,72px) 70px;isolation:isolate}
.eu-photo{position:absolute;inset:0;z-index:-3;background:url(../img/eu_03_inseln.jpg) 50% 55%/cover;transform:scale(1.04);animation:eu-breathe 24s ease-in-out infinite alternate}
@keyframes eu-breathe{to{transform:scale(1.1) translateY(-1.5%)}}
.eu-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,rgba(20,17,15,.85),rgba(20,17,15,.1) 55%,rgba(20,17,15,.35))}
.eu-iso{position:absolute;inset:0;z-index:-1;opacity:.55;mix-blend-mode:screen;background:
  repeating-radial-gradient(ellipse 46% 26% at 50% 66%,transparent 0 26px,rgba(255,176,74,.45) 27px 28px)}
.eu-laser{position:absolute;left:0;right:0;top:58%;height:1px;z-index:0;background:linear-gradient(90deg,transparent,var(--ma) 30%,#fff 50%,var(--cy) 70%,transparent);box-shadow:0 0 8px var(--ma);animation:eu-scan 7s ease-in-out infinite}
@keyframes eu-scan{0%,100%{transform:translateY(-140px);opacity:.0}10%{opacity:.9}50%{transform:translateY(40px);opacity:.9}90%{opacity:0}}
.eu-cross{position:absolute;left:50%;top:44%;width:120px;height:120px;transform:translate(-50%,-50%);z-index:0;
  background:linear-gradient(var(--paper2),var(--paper2)) 50% 0/1px 38% no-repeat,linear-gradient(var(--paper2),var(--paper2)) 50% 100%/1px 38% no-repeat,
  linear-gradient(var(--paper2),var(--paper2)) 0 50%/38% 1px no-repeat,linear-gradient(var(--paper2),var(--paper2)) 100% 50%/38% 1px no-repeat;opacity:.8}
.eu-cross::after{content:"";position:absolute;inset:34%;border:1px solid var(--glow);border-radius:50%}
.eu-ticks{position:absolute;left:clamp(18px,5vw,72px);right:clamp(18px,5vw,72px);height:12px;z-index:0}
.eu-ticks.t{top:24px}.eu-ticks.b{bottom:22px}
.eu-ticks i{position:absolute;top:0;width:1px;height:6px;background:rgba(243,239,230,.7)}
.eu-ticks i:nth-child(2n+1){height:12px}
.eu-ticks.b i{top:auto;bottom:0}
.eu-c{position:absolute;z-index:0;top:46px;font:500 12px/1 var(--mono);letter-spacing:.14em;color:rgba(243,239,230,.85);text-transform:uppercase}
.eu-c.tl{left:clamp(18px,5vw,72px)}.eu-c.tr{right:clamp(18px,5vw,72px)}
.eu-hero-t{position:relative}
.eu-kicker{margin:0 0 6px;font:500 13px/1.3 var(--mono);letter-spacing:.2em;color:var(--glow)}
.eu-hero h1{margin:0;font:700 clamp(84px,15vw,240px)/.8 var(--cond);letter-spacing:-.01em;text-transform:uppercase;color:var(--paper2);
  text-shadow:0 0 60px rgba(255,90,31,.35)}
.eu-sub{margin:14px 0 0;font:500 clamp(20px,2.4vw,32px)/1.1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--paper2)}
.eu-sub::before{content:"";display:inline-block;width:46px;height:3px;margin-right:14px;vertical-align:middle;background:var(--lava);box-shadow:0 0 8px var(--glow)}
.eu-down{position:absolute;right:clamp(18px,5vw,72px);bottom:44px;font:500 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--paper2)!important;text-decoration:none!important}
@media (prefers-reduced-motion:reduce){.eu-photo,.eu-laser{animation:none}}

/* Lead + Messdaten */
.eu-lead-box{background:var(--paper2);border-bottom:1px solid var(--ink)}
.eu-lead-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding-top:clamp(40px,7vh,80px);padding-bottom:clamp(40px,7vh,80px)}
.eu-lead{margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.5;color:var(--ink)}
.eu-facts{margin:0;font:400 13px/1.4 var(--mono)}
.eu-facts div{display:grid;grid-template-columns:34px 1fr;padding:9px 0;border-top:1px solid rgba(29,27,24,.25)}
.eu-facts div:last-child{border-bottom:1px solid rgba(29,27,24,.25)}
.eu-facts dt{color:var(--lava)}
.eu-facts dd{margin:0}

/* Menü */
.eu-nav{position:sticky;top:var(--hh);z-index:30;background:var(--ink);color:var(--paper)}
.eu-nav .eu-wrap{display:flex;gap:0 24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-top:13px;padding-bottom:13px}
.eu-nav .eu-wrap::-webkit-scrollbar{display:none}
.eu-nav a{font:500 16px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:rgba(233,228,216,.7)}
.eu-nav a:hover,.eu-nav a.on{color:var(--glow)}
.eu-nav a.home{color:var(--lava)}
.eu-nav a.mw{font:400 12px/16px var(--mono);letter-spacing:.04em;text-transform:none}
.eu-nav a.lng{margin-left:auto}

/* Abschnitte als Messpunkte */
.eu-sec{position:relative;padding:clamp(80px,12vh,140px) 0}
.eu-sec.dark{background:#14110f;color:#e9e4d8;--grid:rgba(233,228,216,.05);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px}
.eu-sec.dark a{text-decoration-color:var(--glow)}
.eu-sec.sea{background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(var(--sea),#d5dcd8 60%,var(--paper))}
.eu-sh{position:relative;margin:0 0 clamp(36px,6vh,60px)}
.eu-mp{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;font:500 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
.dark .eu-mp{color:rgba(233,228,216,.6)}
.eu-mp b{font-weight:500;color:var(--lava);font-size:15px}
.eu-mp em{font-style:normal;color:var(--cy)}
.eu-mp .tri{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--lava)}
.eu-sh h2{margin:0;font:700 clamp(40px,6.6vw,96px)/.92 var(--cond);text-transform:uppercase;letter-spacing:.005em;max-width:15ch;overflow-wrap:break-word;hyphens:auto}
.eu-sh h2::after{content:"";display:block;width:min(420px,60%);height:2px;margin-top:20px;background:linear-gradient(90deg,var(--ma),var(--cy));box-shadow:0 0 10px rgba(232,32,90,.45)}
.eu-sh::before{content:attr(data-c);position:absolute}

/* 01 · Konzept */
.eu-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.eu-cols p{margin:0;padding-top:16px;border-top:2px solid var(--ink)}
.eu-cols p:first-child{font-size:19px}

/* 02 · Filme: Messinstrument */
.eu-film{margin:0 0 30px}
.eu-scope{position:relative;padding:28px;border:1px solid rgba(233,228,216,.35);background:#0b0a09}
.eu-scope video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.eu-scope .hud{position:absolute;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(233,228,216,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.eu-scope .tl{left:28px;top:9px}.eu-scope .tr{right:28px;top:9px;color:var(--glow)}
.eu-scope .tr b{font-weight:500;color:#fff}
.eu-scope .bl{left:28px;bottom:9px}.eu-scope .br{right:28px;bottom:9px}
.eu-scope .cross{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);pointer-events:none;opacity:.55;
  background:linear-gradient(var(--glow),var(--glow)) 50% 0/1px 100% no-repeat,linear-gradient(var(--glow),var(--glow)) 0 50%/100% 1px no-repeat}
.eu-film.playing .cross{opacity:0}
.eu-soon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:12px 18px;background:var(--lava);color:#14110f;font:500 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;max-width:88%;text-align:center}
.eu-film.pending .cross{display:none}
.eu-film.pending video{pointer-events:none;filter:saturate(.9)}
.eu-film figcaption{margin:18px 0 0;font:400 13px/1.6 var(--mono);color:rgba(233,228,216,.7);max-width:940px}
.eu-film figcaption b{color:#fff;font-weight:500}
.eu-proto{list-style:none;margin:24px 0 0;padding:0;font:400 14px/1.4 var(--mono)}
.eu-proto li{border-top:1px solid rgba(233,228,216,.16)}
.eu-proto li:last-child{border-bottom:1px solid rgba(233,228,216,.16)}
.eu-proto button,.eu-proto li.h{all:unset;box-sizing:border-box;display:grid;grid-template-columns:76px minmax(150px,240px) minmax(0,1fr);gap:4px 20px;width:100%;padding:11px 0;cursor:pointer}
.eu-proto li.h{display:grid;cursor:default;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,228,216,.45);padding:8px 0}
.eu-proto .t{color:var(--glow)}
.eu-proto .c{color:#fff;letter-spacing:.06em}
.eu-proto .d{font-family:var(--sans);color:rgba(233,228,216,.75)}
.eu-proto button:hover,.eu-proto button:focus-visible,.eu-proto button.on{background:rgba(255,90,31,.12)}
.eu-proto button.on .t::before{content:"▶ ";color:var(--lava)}
.eu-contact{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin:30px 0 90px}
.eu-contact a{outline:1px solid rgba(233,228,216,.22)}
.eu-contact a{position:relative;display:block;text-decoration:none;background:#0b0a09}
.eu-contact img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:opacity .3s}
.eu-contact a:hover img{opacity:.8}
.eu-contact span{display:block;padding:7px 9px;font:400 11px/1.3 var(--mono);letter-spacing:.08em;color:rgba(233,228,216,.75)}
.eu-contact span b{font-weight:500;color:var(--glow);margin-right:6px}
.eu-note{margin:30px 0 0;max-width:860px;font:400 13px/1.6 var(--mono);color:var(--ink3)}
.dark .eu-note{color:rgba(233,228,216,.55)}

/* 03 · Datenblätter */
.eu-sheets{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,36px)}
.eu-sheet{position:relative;padding:30px 30px 34px;background:var(--paper2);border:1px solid var(--ink);box-shadow:8px 8px 0 rgba(29,27,24,.12)}
.eu-sheet:nth-child(2){background:#14110f;color:#e9e4d8;border-color:#14110f;box-shadow:8px 8px 0 rgba(255,90,31,.35)}
.eu-sheet .k{margin:0 0 16px;font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--lava)}
.eu-sheet p{margin:0;font-size:16px}
.eu-sheet p b{display:block;margin-bottom:10px;font:700 26px/1 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.eu-dl{width:100%;margin:60px 0 0;border-collapse:collapse;font:400 14px/1.4 var(--mono)}
.eu-dl td{padding:13px 0;border-top:1px solid var(--ink);vertical-align:baseline}
.eu-dl tr:last-child td{border-bottom:1px solid var(--ink)}
.eu-dl .f{overflow-wrap:anywhere;padding-right:20px}
.eu-dl .f a{text-decoration:none;border-bottom:1.5px solid var(--lava)}
.eu-dl .f a:first-child::before{content:"↧ ";color:var(--lava)}
.eu-dl .m{text-align:right;color:var(--ink3);white-space:nowrap;font-size:12px;letter-spacing:.06em}

/* 04 · Archipel */
.eu-hint{margin:-16px 0 20px;font:400 14px/1.5 var(--mono);color:var(--ink2);max-width:620px}
.eu-map-box{position:relative;margin:0 0 70px;background:rgba(243,239,230,.35);border:1px solid var(--ink)}
.eu-map{display:block;width:100%;height:auto}
.eu-map .grid ellipse,.eu-map .grid line{fill:none;stroke:rgba(29,27,24,.16);stroke-width:1}
.eu-map .grid ellipse:nth-child(2n){stroke-dasharray:2 6}
.eu-map .crater .cone{fill:#3b2f28;stroke:#1d1b18;stroke-width:1}
.eu-map .crater .mouth{fill:var(--lava);filter:drop-shadow(0 0 8px var(--glow))}
.eu-map .thread{fill:none;stroke:var(--lava);stroke-width:2;stroke-linecap:round}
.eu-map .thread.glow{stroke:var(--glow);stroke-width:6;opacity:.25;filter:blur(3px)}
.eu-map .isl{cursor:pointer}
.eu-map .isl .sh{fill:rgba(29,27,24,.18)}
.eu-map .isl .land{fill:#d8cdb5;stroke:#1d1b18;stroke-width:1.2}
.eu-map .isl .hl{fill:#bfb092}
.eu-map .isl .pin{stroke:#1d1b18;stroke-width:1}
.eu-map .isl .tag{fill:var(--paper2);stroke:#1d1b18;stroke-width:1}
.eu-map .isl text{font:500 11px var(--mono);text-anchor:middle;fill:#1d1b18}
.eu-map .isl.empty .land{fill:var(--paper2);stroke-dasharray:4 4}
.eu-map .isl.empty .hl{fill:none;stroke:var(--lava);stroke-dasharray:2 4}
.eu-map .isl.empty .tag{fill:var(--lava);stroke:var(--lava)}.eu-map .isl.empty text{fill:var(--paper2)}
.eu-map .isl:hover .land,.eu-map .isl:focus .land,.eu-map .isl.on .land{fill:var(--glow)}
.eu-map .isl:hover .tag,.eu-map .isl:focus .tag,.eu-map .isl.on .tag{fill:#1d1b18}
.eu-map .isl:hover text,.eu-map .isl:focus text,.eu-map .isl.on text{fill:var(--glow)}
.eu-map .isl:focus{outline:none}
.eu-map .scale line{stroke:#1d1b18;stroke-width:1.4}
.eu-map .scale text,.eu-map .north text{font:500 11px var(--mono);fill:#1d1b18;text-anchor:middle}
.eu-map .north path{fill:#1d1b18}
.eu-tip{position:absolute;left:20px;top:20px;width:min(300px,44%);padding:14px 16px;background:#14110f;color:#e9e4d8;font:400 13px/1.45 var(--mono);opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:6px 6px 0 var(--lava)}
.eu-tip.on{opacity:1}
.eu-tip .n{display:block;color:var(--glow);font-size:22px;font-family:var(--cond)}
.eu-tip .w{display:block;font:700 20px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em;color:#fff}
.eu-tip .y{display:block;margin-top:4px;color:var(--glow)}
.eu-tip .d{display:block;margin-top:6px;font-family:var(--sans);color:rgba(233,228,216,.8)}
.eu-reg-h{margin:0 0 10px;font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.eu-reg{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.eu-reg li{display:grid;grid-template-columns:44px minmax(0,1.3fr) 120px minmax(0,1.4fr) 130px;gap:4px 18px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(29,27,24,.25);transition:background .3s}
.eu-reg .n{font:500 14px/1 var(--mono);color:var(--lava)}
.eu-reg .w{font:700 20px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.eu-reg .w a{text-decoration:none}
.eu-reg .w a:hover{text-decoration:underline}
.eu-reg .y{font:400 13px/1.3 var(--mono);color:var(--ink2)}
.eu-reg .d{font-size:15px;color:var(--ink2)}
.eu-reg .p{font:400 12px/1.3 var(--mono);text-align:right}
.eu-reg .p a{text-decoration:none;border-bottom:1px solid var(--lava)}
.eu-reg li.on,.eu-reg li:target{background:rgba(255,176,74,.28)}
.eu-reg li.empty .w{color:var(--lava)}

/* 05 · Instrumente */
.eu-insts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:rgba(233,228,216,.2);padding:2px}
.eu-inst{position:relative;display:flex;flex-direction:column;min-height:380px;padding:24px 22px;background:#14110f;text-decoration:none!important;color:#e9e4d8!important;transition:background .3s}
.eu-inst .ix{font:500 12px/1 var(--mono);letter-spacing:.16em;color:var(--lava)}
.eu-inst b{margin-top:22px;font:700 32px/.95 var(--cond);text-transform:uppercase;letter-spacing:.01em}
.eu-inst .d{margin-top:14px;font-size:15px;line-height:1.5;color:rgba(233,228,216,.72)}
.eu-inst .go{margin-top:auto;padding-top:22px;font:700 34px/1 var(--cond);color:var(--glow)}
.eu-inst:hover,.eu-inst:focus-visible{background:var(--lava);color:#14110f!important;outline:none}
.eu-inst:hover .ix,.eu-inst:hover .d,.eu-inst:hover .go{color:#14110f}

/* 06 · Verfahren */
.eu-data{width:100%;border-collapse:collapse}
.eu-data th,.eu-data td{padding:14px 0;border-top:1px solid var(--ink);vertical-align:top;text-align:left}
.eu-data tr:last-child th,.eu-data tr:last-child td{border-bottom:1px solid var(--ink)}
.eu-data th{width:220px;padding-right:24px;font:500 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lava)}
.eu-data td{font-size:15px;color:var(--ink2)}
.eu-credits{margin:36px 0 0;font:400 13px/1.6 var(--mono);color:var(--ink3)}
.eu-credits b{font-weight:500;color:var(--ink)}
.eu-up{display:inline-block;margin-top:36px;font:500 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;color:var(--lava)!important}

@media (max-width:980px){
  .eu-cols,.eu-sheets,.eu-lead-in{grid-template-columns:1fr}
  .eu-insts{grid-template-columns:1fr 1fr}
  .eu-reg li{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"n w y" "n d d" "n p p"}
  .eu-reg .n{grid-area:n}.eu-reg .w{grid-area:w}.eu-reg .y{grid-area:y}.eu-reg .d{grid-area:d}.eu-reg .p{grid-area:p;text-align:left}
  .eu-tip{position:static;width:auto;box-shadow:none;margin:0;opacity:1}
  .eu-tip:not(.on){display:none}
}
@media (max-width:640px){
  body.eu-body{font-size:16px}
  .eu-ruler{display:none}
  .eu-insts{grid-template-columns:1fr}
  .eu-inst{min-height:0}
  .eu-scope{padding:22px 8px}
  .eu-soon{white-space:normal;font-size:11px;width:80%}
  .eu-scope .tl,.eu-scope .tr{left:8px;right:auto;max-width:70%}.eu-scope .tr{left:auto;right:8px;max-width:28%}
  .eu-scope .bl{left:8px}.eu-scope .br{display:none}
  .eu-proto button,.eu-proto li.h{grid-template-columns:56px minmax(0,1fr);}
  .eu-proto .d{grid-column:2}
  .eu-data th{display:block;width:auto;border:0;padding-bottom:0}.eu-data td{display:block;border-top:0;padding-top:6px}
  .eu-data tr{display:block;border-top:1px solid var(--ink)}
  .eu-c.tr{display:none}
  .eu-down{display:none}
  .eu-dl .m{text-align:left;white-space:normal}
  .eu-dl td{display:block}.eu-dl td.m{border-top:0;padding-top:0}
  .eu-thread{display:none}
}