@font-face{font-family:'DMAC Montserrat';src:url(//dermacher.at/wp-content/mu-plugins/dm-agentic-coding/fonts/montserrat-semibold-latin.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'DMAC Montserrat';src:url(//dermacher.at/wp-content/mu-plugins/dm-agentic-coding/fonts/montserrat-extrabold-latin.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
.dmac{--dmac-grund:#0a1628;--dmac-flaeche:#0f1f35;--dmac-cyan:#00d9ff;--dmac-gruen:#00ff88;--dmac-text:#e8edf5;--dmac-leise:#8b9bb3;--dmac-rand:rgb(0 217 255 / 14%);--dmac-kopf:'DMAC Montserrat',Montserrat,system-ui,sans-serif;--dmac-mono:ui-monospace,'Cascadia Code',Consolas,'SF Mono',monospace}
.dmac *{box-sizing:border-box}
.dmac a{text-decoration:none}
.dmac h1,.dmac h2,.dmac h3{text-transform:none}
.dmac a:focus-visible{outline:2px solid var(--dmac-gruen);outline-offset:3px}  .dmac-held{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--main_padding-top, 60px));padding:88px 0 80px;background:radial-gradient(900px 500px at 85% 20%,rgb(0 217 255 / 16%),transparent 60%),radial-gradient(700px 420px at 10% 90%,rgb(0 255 136 / 10%),transparent 60%),linear-gradient(180deg,#0b1a30 0%,var(--dmac-grund) 100%);border-bottom:1px solid var(--dmac-rand);color:var(--dmac-text)}
.dmac-held::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--dmac-cyan),var(--dmac-gruen),transparent);opacity:.7}
.dmac-netz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 75%)}
.dmac-netz-linien line{stroke:rgb(0 217 255 / 22%);stroke-width:1}
.dmac-netz-linien line.dmac-fluss{stroke:var(--dmac-cyan);stroke-opacity:.55;stroke-dasharray:6 14}
.dmac-netz-knoten circle{fill:var(--dmac-cyan);fill-opacity:.55}
.dmac-netz-knoten circle.dmac-puls{fill:var(--dmac-gruen);fill-opacity:.8}
.dmac-wrap{position:relative;width:min(1136px,calc(100% - 32px));margin-inline:auto}
.dmac-held-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.dmac .dmac-kicker{display:inline-flex;align-items:center;gap:10px;font:600 12px/1.4 var(--dmac-kopf);letter-spacing:.18em;color:var(--dmac-cyan);text-transform:uppercase;padding:6px 12px;border:1px solid var(--dmac-rand);border-radius:999px;background:rgb(0 217 255 / 6%)}
.dmac .dmac-kicker i{width:6px;height:6px;border-radius:50%;background:var(--dmac-cyan);box-shadow:0 0 10px var(--dmac-cyan)}
.dmac .dmac-h1{font:800 clamp(32px,4.2vw,52px)/1.1 var(--dmac-kopf);letter-spacing:-.02em;margin:20px 0 20px;color:var(--dmac-text)}
.dmac .dmac-h1 span{background:linear-gradient(100deg,var(--dmac-cyan) 0%,#5cf0ff 45%,var(--dmac-gruen) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dmac .dmac-lead{color:var(--dmac-leise);font-size:18px;line-height:1.65;max-width:620px;margin:0 0 24px}
.dmac-status{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgb(0 255 136 / 8%);border:1px solid rgb(0 255 136 / 25%);font-size:14px;line-height:1.4;color:var(--dmac-text)}
.dmac-status i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dmac-gruen);box-shadow:0 0 0 0 rgb(0 255 136 / 60%)}
.dmac-aktionen{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dmac .dmac-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border-radius:10px;font:600 15px/1.2 var(--dmac-kopf);transition:transform .2s,box-shadow .2s}
.dmac .dmac-btn-primaer{background:linear-gradient(100deg,var(--dmac-cyan),var(--dmac-gruen));color:var(--dmac-grund);box-shadow:0 8px 30px rgb(0 217 255 / 25%)}
.dmac .dmac-btn-primaer:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgb(0 217 255 / 40%);color:var(--dmac-grund)} .dmac-konsole{position:relative;border-radius:14px;background:rgb(7 16 30 / 85%);border:1px solid rgb(0 217 255 / 30%);box-shadow:0 0 0 1px rgb(0 255 136 / 6%),0 30px 80px rgb(0 0 0 / 45%),0 0 60px rgb(0 217 255 / 12%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}
.dmac-k-kopf{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--dmac-rand);background:rgb(15 31 53 / 70%)}
.dmac-k-kopf i{width:10px;height:10px;border-radius:50%;background:#1d3150}
.dmac-k-kopf i:first-child{background:var(--dmac-cyan);opacity:.7}
.dmac-k-kopf span{margin-left:auto;font:13px/1 var(--dmac-mono);color:var(--dmac-leise)}
.dmac-k-body{padding:20px 20px 14px;font:14px/1.5 var(--dmac-mono);color:var(--dmac-text)}
.dmac .dmac-k-z{margin:0 0 12px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dmac .dmac-k-z b{color:var(--dmac-gruen);font-weight:600}
.dmac .dmac-k-z em{font-style:normal;color:var(--dmac-cyan)}
.dmac-k-tag{display:inline-block;min-width:104px;padding:2px 8px;border-radius:6px;background:rgb(0 217 255 / 10%);border:1px solid rgb(0 217 255 / 30%);color:var(--dmac-cyan);font-size:12px;text-align:center}
.dmac-k-tag.dmac-k-ok{background:rgb(0 255 136 / 10%);border-color:rgb(0 255 136 / 35%);color:var(--dmac-gruen)}
.dmac-k-cursor{display:inline-block;width:8px;height:16px;margin-left:4px;background:var(--dmac-gruen);vertical-align:-3px}
.dmac-k-fuss{padding:12px 20px;border-top:1px solid var(--dmac-rand);font-size:13px;line-height:1.5;color:var(--dmac-leise)} .dmac-inhalt{padding:64px 0 32px;color:var(--dmac-text)}
.dmac-abschnitt{margin-bottom:64px}
.dmac .dmac-label{display:inline-flex;align-items:center;gap:10px;font:600 12px/1.4 var(--dmac-kopf);letter-spacing:.16em;text-transform:uppercase;color:var(--dmac-gruen);margin-bottom:10px}
.dmac .dmac-label::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--dmac-gruen),transparent)}
.dmac .dmac-abschnitt h2{font:600 clamp(24px,3vw,34px)/1.25 var(--dmac-kopf);color:var(--dmac-text);margin:0 0 28px} .dmac-kapitel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dmac-karte{position:relative;display:flex;flex-direction:column;min-height:280px;padding:24px;border-radius:16px;color:var(--dmac-text);border:1px solid transparent;background:linear-gradient(160deg,#10223b,#0c1a2e) padding-box,linear-gradient(140deg,rgb(0 217 255 / 55%),rgb(0 217 255 / 8%) 45%,rgb(0 255 136 / 35%)) border-box;overflow:hidden;transition:transform .25s,box-shadow .25s}
.dmac-karte::before{content:'';position:absolute;inset:0;background:radial-gradient(400px 200px at 0% 0%,rgb(0 217 255 / 12%),transparent 60%);pointer-events:none}
a.dmac-karte:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgb(0 0 0 / 35%),0 0 40px rgb(0 217 255 / 18%)}
.dmac-karte.dmac-folgt,.dmac-karte.dmac-weitere{background:linear-gradient(160deg,#0e1d33,#0b182b) padding-box,linear-gradient(140deg,rgb(139 155 179 / 35%),rgb(139 155 179 / 8%)) border-box}
.dmac-karte.dmac-folgt::before,.dmac-karte.dmac-weitere::before{background:none}
.dmac-karte-kopf{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.dmac .dmac-gross{font:800 64px/1 var(--dmac-kopf);letter-spacing:-.03em;background:linear-gradient(180deg,var(--dmac-cyan),rgb(0 255 136 / 70%));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgb(0 217 255 / 35%))}
.dmac .dmac-folgt .dmac-gross,.dmac .dmac-weitere .dmac-gross{background:none;color:transparent;-webkit-text-stroke:1px rgb(139 155 179 / 55%);filter:none}
.dmac-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font:600 12px/1.3 var(--dmac-kopf);color:var(--dmac-leise);border:1px solid rgb(139 155 179 / 30%)}
.dmac-pill-an{color:var(--dmac-gruen);border-color:rgb(0 255 136 / 35%);background:rgb(0 255 136 / 8%)}
.dmac-pill i{width:7px;height:7px;border-radius:50%;background:var(--dmac-gruen);box-shadow:0 0 8px var(--dmac-gruen)}
.dmac .dmac-knr{position:relative;font:600 12px/1.4 var(--dmac-kopf);letter-spacing:.14em;text-transform:uppercase;color:var(--dmac-cyan)}
.dmac .dmac-folgt .dmac-knr,.dmac .dmac-weitere .dmac-knr{color:var(--dmac-leise)}
.dmac .dmac-karte h3{position:relative;font:600 20px/1.35 var(--dmac-kopf);color:var(--dmac-text);margin:8px 0 10px}
.dmac .dmac-karte p{position:relative;font-size:15px;line-height:1.6;color:var(--dmac-leise);margin:0}
.dmac .dmac-mehr{position:relative;margin-top:auto;padding-top:18px;font:600 14px/1.3 var(--dmac-kopf);color:var(--dmac-cyan)}
a.dmac-karte:hover .dmac-mehr{color:var(--dmac-gruen)} .dmac .dmac-arbeit-lead{color:var(--dmac-leise);font-size:17px;line-height:1.6;margin:-12px 0 24px}
.dmac-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dmac-punkt{padding:22px;border-radius:14px;background:rgb(15 31 53 / 60%);border:1px solid var(--dmac-rand)}
.dmac-punkt svg{width:40px;height:40px;padding:8px;border-radius:10px;background:rgb(0 217 255 / 10%);border:1px solid rgb(0 217 255 / 30%);fill:none;stroke:var(--dmac-cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.dmac .dmac-punkt h3{font:600 17px/1.35 var(--dmac-kopf);color:var(--dmac-text);margin:0 0 6px}
.dmac .dmac-punkt p{font-size:15px;line-height:1.6;color:var(--dmac-leise);margin:0}  .dmac-band{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;margin:0 0 28px;background:var(--dmac-flaeche);border:1px solid var(--dmac-rand);border-left:3px solid var(--dmac-cyan);border-radius:10px;font-size:14px;line-height:1.4;color:var(--dmac-leise)}
.dmac .dmac-band-marke{font:600 13px/1.4 var(--dmac-kopf);letter-spacing:.08em;text-transform:uppercase;color:var(--dmac-cyan)}
.dmac .dmac-band-nr{color:var(--dmac-text)}
.dmac-band a{margin-left:auto;color:var(--dmac-cyan)}
.dmac-weiter{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:40px 0 24px}
.dmac-weiter a,.dmac-weiter div{display:block;padding:16px 18px;background:var(--dmac-flaeche);border:1px solid var(--dmac-rand);border-radius:10px;color:var(--dmac-text)}
.dmac-weiter a:hover{border-color:var(--dmac-cyan)}
.dmac-weiter .dmac-folgt{border-style:dashed;color:var(--dmac-leise)}
.dmac-weiter small{display:block;font-size:13px;color:var(--dmac-leise);margin-bottom:4px}
.dmac-weiter strong{font:600 16px/1.4 var(--dmac-kopf)}
.dmac-weiter > :only-child{grid-column:1 / -1} @media (min-width:1024px){
.dmac-band,.dmac-weiter{max-width:min(1200px,calc(92.5vw - 127px));margin-left:auto;margin-right:auto}
} @media (prefers-reduced-motion:no-preference){
.dmac-netz-linien line.dmac-fluss{animation:dmac-fluss 3s linear infinite}
.dmac-netz-knoten circle.dmac-puls{animation:dmac-puls 4s ease-in-out infinite}
.dmac-status i{animation:dmac-ring 2.4s ease-out infinite}
.dmac-pill i{animation:dmac-blink 2s ease-in-out infinite}
.dmac-k-cursor{animation:dmac-blink 1s steps(1) infinite}
.dmac-k2,.dmac-k3,.dmac-k4{animation:dmac-schritt 4.5s ease-in-out infinite}
.dmac-k3{animation-delay:1.5s}.dmac-k4{animation-delay:3s}
}
@keyframes dmac-fluss{to{stroke-dashoffset:-40}}
@keyframes dmac-puls{0%,100%{fill-opacity:.35}50%{fill-opacity:1}}
@keyframes dmac-ring{0%{box-shadow:0 0 0 0 rgb(0 255 136 / 55%)}70%,100%{box-shadow:0 0 0 10px rgb(0 255 136 / 0%)}}
@keyframes dmac-blink{50%{opacity:.25}} @keyframes dmac-schritt{0%,40%,100%{opacity:1}10%,30%{opacity:1;filter:drop-shadow(0 0 8px rgb(0 217 255 / 70%))}50%,90%{opacity:.6}} @media (max-width:980px){
.dmac-held-raster{grid-template-columns:1fr;gap:40px}
.dmac-kapitel,.dmac-drei{grid-template-columns:1fr}
.dmac-karte{min-height:0}
}
@media (max-width:600px){
.dmac-held{padding:56px 0 48px}
.dmac .dmac-lead{font-size:16px}
.dmac .dmac-btn{width:100%;justify-content:center}
.dmac-k-body{font-size:13px;padding:16px}
.dmac-k-tag{min-width:92px}
.dmac .dmac-gross{font-size:52px}
.dmac-weiter{grid-template-columns:1fr}
.dmac-band a{margin-left:0}
}