:root{--ink:#10254c;--muted:#536783;--green:#008c7f;--surface:#fff;--bg:#fff;--soft:#f4faf9;--line:#e0eaeF;--shadow:0 12px 38px #183b5810;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,4.4vw,4.4rem);line-height:1.09;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}h3{font-size:1.45rem;letter-spacing:-.025em;margin-bottom:10px}p{line-height:1.7;color:var(--muted)}:focus-visible{outline:3px solid #dc9210;outline-offset:5px;border-radius:4px}.container,.header-inner{width:min(1240px,calc(100% - 64px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:5}.header-inner{min-height:96px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;gap:13px;align-items:center;color:var(--ink);font-size:30px;font-weight:750;letter-spacing:-1px;line-height:1}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:9px;margin-top:9px;font-weight:500;color:var(--muted)}nav{display:flex;gap:29px;margin:auto}nav a{color:var(--ink);font-size:14px;font-weight:600;padding:36px 0;position:relative}nav a[aria-current]{color:var(--green)}nav a[aria-current]:after{content:'';position:absolute;bottom:20px;left:0;right:0;height:3px;background:var(--green);border-radius:9px}.theme,.menu{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50px;padding:9px 14px}.theme{font-size:23px}.menu{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#8bdaba45,transparent 55%),radial-gradient(ellipse at 5% 100%,#b1e9df40,transparent 60%),var(--bg)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:45px;min-height:565px;padding-block:64px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:block;margin-bottom:18px}.pill{display:inline-block;border-radius:40px;background:#dff3eb;padding:9px 15px}.accent{color:var(--green)}.lead{font-size:20px;line-height:1.6;max-width:620px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid transparent;border-radius:11px;padding:14px 20px;font:inherit;font-weight:650;background:linear-gradient(115deg,#18a386,#008c91);color:white;box-shadow:0 5px 12px #009c831a;min-height:48px}.button:hover{text-decoration:none;filter:brightness(.96);transform:translateY(-1px)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:none}.button:disabled{background:var(--soft);border-color:var(--line);color:var(--muted);box-shadow:none;transform:none}.fine{font-size:12px}.hero-note{font-size:13px;margin:19px 0 0}.art{position:relative;height:380px;display:flex;align-items:center;justify-content:center;gap:23px;isolation:isolate}.art:before,.art:after{content:'';position:absolute;z-index:-1;border-radius:45%;width:570px;height:230px;transform:rotate(-28deg);background:linear-gradient(100deg,#c5f2e650,#44bda883,#a5dc8f55);left:-20px;top:110px}.art:after{width:400px;height:80px;background:linear-gradient(90deg,#ffe9b340,#ffcc6390);top:250px;left:80px;transform:rotate(-18deg)}.float-card{background:var(--surface);padding:24px 24px 20px;text-align:center;box-shadow:0 18px 26px #213c5c1c;border:1px solid #ffffffb0;border-radius:30px;width:205px;transform:rotate(-9deg);animation:enter .7s ease both}.float-card:nth-child(2){transform:rotate(7deg);margin-top:65px}.float-card img{width:142px;filter:drop-shadow(0 7px 5px #16358422);margin-bottom:16px}.float-card strong{display:block;font-size:19px;letter-spacing:-.5px}.float-card span{display:block;color:var(--muted);font-size:12px;margin-top:9px}.spark{position:absolute;width:37px;height:37px;background:#f9cf6e;top:12px;left:70px;border-radius:50%;opacity:.6}.spark.two{width:24px;height:24px;background:#52bca6;border-radius:6px;left:auto;right:0;top:70px;transform:rotate(14deg)}.section{padding-block:65px}.section.soft{background:var(--soft);border-block:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin-bottom:0}.text-link{font-size:14px;font-weight:650;white-space:nowrap}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.program{border:1px solid #ddebfa;border-radius:20px;box-shadow:var(--shadow);background:linear-gradient(130deg,var(--surface) 10%,#edf9ff);padding:27px;position:relative;overflow:hidden}.program.sekra{background:linear-gradient(130deg,var(--surface) 10%,#f6efff);border-color:#eae1fb}.program-top{display:flex;gap:18px;align-items:center;margin-bottom:20px}.program-top img{width:65px;height:65px;border-radius:17px}.program-top h3{margin:0 0 6px}.version{font-size:12px;display:inline-block;color:#0575bd;background:#e1f2ff;border-radius:30px;padding:6px 11px}.sekra .version{color:#6944b5;background:#ece3ff}.program p{font-size:14px}.screenshot-placeholder{display:grid;place-content:center;text-align:center;min-height:160px;border:1px dashed #bacbd8;background:#ffffff65;border-radius:12px;color:var(--muted);padding:24px;gap:8px}.screenshot-placeholder span:first-child{font-size:28px;color:#8daabc}.screenshot-placeholder strong{font-size:13px;font-weight:550}.screenshot-placeholder small{font-size:11px}.program .actions{margin-top:20px}.program .button{font-size:13px;flex:1;padding:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:32px}.principle{display:flex;gap:15px;align-items:center}.principle .symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e2f6ed;color:#168966;font-size:22px;flex-shrink:0}.principle:nth-child(2) .symbol{background:#fff2d3;color:#b17b0c}.principle:nth-child(3) .symbol{background:#e4f3ff;color:#087acc}.principle strong{font-size:14px}.principle p{font-size:12px;margin:4px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.note-box{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.note-box p:last-child{margin-bottom:0}.welcome .hero-grid{min-height:650px}.welcome h1{font-size:clamp(3rem,4.7vw,4.9rem)}.welcome .art{height:420px}.welcome .welcome-meta{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:28px}.page-head{padding-block:50px 40px;background:linear-gradient(120deg,var(--soft),var(--bg));border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(2.3rem,4vw,3.6rem);margin-bottom:15px}.breadcrumbs{font-size:12px;margin-bottom:25px;color:var(--muted)}.page-head p{max-width:720px;margin-bottom:0}.prose{max-width:820px}.prose p{white-space:pre-line}.detail-title{display:flex;align-items:center;gap:24px}.detail-title img{width:90px}.detail-grid{display:grid;grid-template-columns:1fr 310px;gap:45px}.detail-grid article section{margin-bottom:46px}.detail-grid h2{font-size:26px}.detail-aside{align-self:start;position:sticky;top:30px}.detail-aside .button{width:100%}.detail-aside dt{font-size:12px;color:var(--muted);margin-top:18px}.detail-aside dd{margin:5px 0;font-weight:650}.history{padding:20px 0;border-bottom:1px solid var(--line)}.history h3{font-size:17px}.history p{margin:0}.gallery{display:grid;gap:22px}.gallery figure{margin:0}.gallery img{border:1px solid var(--line);border-radius:12px}.gallery figcaption{font-size:13px;color:var(--muted);margin-top:8px}.notice{background:#fff5db;border:1px solid #edce80;border-radius:12px;padding:20px;color:#745715;margin-bottom:25px;line-height:1.6}.news-item{padding:28px;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.news-item time{font-size:12px;color:var(--green)}.news-item h2{font-size:23px;margin-top:10px}.loading{padding-block:70px}footer{background:var(--surface);border-top:1px solid var(--line);padding-block:35px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-size:18px;letter-spacing:-.5px}.footer-inner p{font-size:12px;margin:12px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:12px}.footer-links a{color:var(--muted)}.draft{padding:6px 9px;background:var(--soft);border-radius:5px;color:var(--muted);font-size:10px}.skip{position:fixed;top:-100px;left:10px;z-index:20;background:var(--surface);padding:15px}.skip:focus{top:10px}ul{padding-left:20px;line-height:1.9;color:var(--muted)}[data-theme=dark]{--ink:#e9f0ff;--muted:#b0bfd1;--green:#53d6bd;--surface:#15283d;--bg:#102033;--soft:#162c3e;--line:#304459;--shadow:0 12px 38px #0002;color-scheme:dark}[data-theme=dark] .program{background:linear-gradient(130deg,#15283d,#15384d)}[data-theme=dark] .program.sekra{background:linear-gradient(130deg,#15283d,#2c254d)}[data-theme=dark] .pill{background:#20463f}[data-theme=dark] .screenshot-placeholder{background:#10203366}[data-theme=dark] .float-card{border-color:#304459}@keyframes enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero-grid{min-height:610px}}@media(max-width:1000px){.header-inner{gap:20px}.brand{font-size:24px}.brand img{width:38px}nav{gap:18px}nav a{font-size:12px}.hero-grid{gap:15px}.float-card{width:165px;padding:20px 15px}.float-card strong{font-size:16px}.float-card img{width:110px}.art{gap:16px}.detail-grid{grid-template-columns:1fr 270px}}@media(max-width:760px){.container,.header-inner{width:calc(100% - 36px)}.header-inner{min-height:78px;flex-wrap:wrap;gap:12px}.brand{font-size:23px;margin-right:auto}.brand small{font-size:8px;letter-spacing:7px}.brand img{width:36px}.menu{display:block;font-size:12px}.theme{padding:5px 10px;font-size:21px}nav{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0;margin:0;padding-bottom:15px}nav.open{display:flex}nav a{padding:12px;font-size:14px}nav a[aria-current]:after{bottom:3px;left:12px;right:auto;width:32px}.hero-grid,.split,.detail-grid{grid-template-columns:1fr}.hero-grid{padding-block:42px;gap:10px;min-height:0}.hero h1{max-width:560px}.lead{font-size:17px}.art{height:315px;margin-top:15px}.art:before{width:110%;left:0}.art:after{width:90%;left:0}.float-card{width:170px}.float-card:nth-child(2){margin-top:30px}.spark{top:5px}.cards{grid-template-columns:1fr}.section{padding-block:42px}.section-heading{align-items:start}.section-heading .text-link{white-space:normal;text-align:right;max-width:120px;font-size:12px}.principles{grid-template-columns:1fr;gap:23px}.split{gap:22px}.welcome .hero-grid{min-height:0}.welcome .art{height:320px}.welcome h1{font-size:clamp(2.7rem,9vw,4rem)}.detail-aside{position:static;grid-row:1}.footer-inner{flex-direction:column;align-items:start}.footer-links{gap:18px}.detail-title{gap:17px}.detail-title img{width:65px}.detail-title h1{font-size:clamp(1.8rem,7vw,2.5rem);overflow-wrap:anywhere}.page-head{padding-block:30px}.program{padding:22px}.welcome-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-page=welcome]{min-height:100svh;display:flex;flex-direction:column;background:var(--bg)}body[data-page=welcome] header{border:0;background:transparent}body[data-page=welcome] .header-inner{min-height:90px}body[data-page=welcome] main{flex:1;display:grid}body[data-page=welcome] footer{border:0;padding:18px 0;background:transparent}body[data-page=welcome] footer .footer-inner>div:first-child,body[data-page=welcome] .draft{display:none}body[data-page=welcome] .footer-inner{justify-content:center}body[data-page=welcome] .footer-links{gap:25px;font-size:11px}.entrance{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 24px 50px;min-height:620px}.entrance-glow{position:absolute;width:min(900px,140vw);height:620px;top:-60px;z-index:-1;background:radial-gradient(ellipse,#a4e7ce55,transparent 65%);animation:glow-arrive 4.5s ease-out both}.software-orbit{position:relative;width:450px;height:330px;max-width:100%;perspective:800px}.orbit-ring{position:absolute;border:1px solid #62c7b54d;border-radius:50%;inset:35px 18px;transform:rotate(-23deg);box-shadow:0 0 40px #88d7bd10;animation:ring-arrive 4.5s cubic-bezier(.16,1,.3,1) both}.ring-two{inset:0 65px;border-color:#74bfc32b;transform:rotate(36deg);animation-name:ring-two-arrive}.orbit-core{position:absolute;left:calc(50% - 57px);top:106px;width:114px;height:114px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:0 16px 45px #008d7e19;transform:rotate(-8deg);animation:core-arrive 4.5s cubic-bezier(.16,1,.3,1) both}.orbit-core img{width:65px}.orbit-app{position:absolute;width:98px;height:98px;filter:drop-shadow(0 15px 17px #1d457c25)}.app-mail{left:18px;top:50px;transform:rotate(-15deg);animation:mail-arrive 4.5s cubic-bezier(.2,.8,.2,1) both}.app-sekra{right:18px;bottom:30px;transform:rotate(14deg);animation:sekra-arrive 4.5s cubic-bezier(.2,.8,.2,1) both}.orbit-dot{position:absolute;border-radius:50%;width:15px;height:15px;background:#ffcf71;left:72%;top:24px;animation:dot-arrive 4.5s ease-out both}.dot-two{background:#3dc6ab;width:10px;height:10px;left:16%;top:80%}.dot-three{background:#8bd6ca;width:7px;height:7px;left:89%;top:44%}.entrance-copy{animation:copy-arrive 1.2s .3s ease-out both;max-width:750px}.entrance h1{font-size:clamp(2.3rem,4.5vw,4rem);margin:5px 0 30px;letter-spacing:-.05em;text-wrap:balance}.entrance-button{padding:17px 26px;min-width:265px;box-shadow:0 9px 28px #00978022}.entrance-button span{transition:transform .2s}.entrance-button:hover span{transform:translateX(5px)}@keyframes mail-arrive{0%{opacity:0;transform:translate(240px,90px) rotate(-220deg) scale(.15)}45%{opacity:1;transform:translate(25px,-35px) rotate(15deg) scale(1.1)}100%{opacity:1;transform:rotate(-15deg)}}@keyframes sekra-arrive{0%{opacity:0;transform:translate(-240px,-90px) rotate(220deg) scale(.15)}45%{opacity:1;transform:translate(-25px,35px) rotate(-15deg) scale(1.1)}100%{opacity:1;transform:rotate(14deg)}}@keyframes core-arrive{0%{opacity:0;transform:rotateY(180deg) scale(.2)}35%{opacity:1;transform:rotateY(-20deg) scale(1.1)}100%{opacity:1;transform:rotate(-8deg)}}@keyframes ring-arrive{0%{opacity:0;transform:rotate(-160deg) scale(.2)}100%{opacity:1;transform:rotate(-23deg)}}@keyframes ring-two-arrive{0%{opacity:0;transform:rotate(200deg) scale(.2)}100%{opacity:1;transform:rotate(36deg)}}@keyframes dot-arrive{from{opacity:0;transform:scale(0) translateY(70px)}to{opacity:1;transform:scale(1)}}@keyframes glow-arrive{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.entrance{min-height:560px;padding-bottom:35px}.software-orbit{width:310px;height:280px}.orbit-core{top:90px;width:94px;height:94px;left:calc(50% - 47px);border-radius:25px}.orbit-core img{width:54px}.orbit-app{width:75px;height:75px}.app-mail{left:0;top:36px}.app-sekra{right:0;bottom:30px}.orbit-ring{inset:30px 0}.ring-two{inset:5px 40px}.entrance h1{font-size:2.5rem}.entrance-glow{height:500px}body[data-page=welcome] .header-inner{min-height:78px}}

.subtle-divider{border:0;border-top:1px solid var(--line);margin:26px 0}
.freeware-label{display:inline-block;font-size:12px;font-weight:650;color:var(--green);background:var(--soft);border:1px solid var(--line);border-radius:30px;padding:6px 11px;margin-top:5px}
.detail-grid article p{white-space:pre-line}.detail-aside dd.version-note{font-size:12px;line-height:1.65;font-weight:400;color:var(--muted)}
.legal-copy section{margin-bottom:36px}.legal-copy h2{font-size:1.5rem}.legal-copy p{overflow-wrap:anywhere}
/* Separate Entwickler-Variante – ausschließlich Gestaltung */
:root{--ink:#18243c;--muted:#596780;--green:#096b80;--surface:#fff;--bg:#f5f7fc;--soft:#edf1f9;--line:#dfe6f2;--shadow:0 18px 45px #233b6710}body{background:var(--bg)}header{background:#ffffffed;border-bottom:1px solid #e0e7f2}.header-inner{min-height:90px}.brand{letter-spacing:-1.2px}.brand small{color:#7885a0}nav a[aria-current]:after{background:linear-gradient(90deg,#11adb4,#8768ed)}nav a:hover{color:#087888}.theme,.menu{background:#f6f8fd;border-color:#e4e9f3}.pill{background:#ffffff0b;color:#6ce7df;border:1px solid #70d8dd38;font-size:11px;letter-spacing:2.3px}.accent{color:#087c8a}.eyebrow{color:#087c8a}.hero{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#5d40923b,transparent 60%),radial-gradient(ellipse at 60% 100%,#007d8933,transparent 60%),#0c172e}.hero:before{content:'';position:absolute;inset:0;background:url('bilder/software-netz.svg') center/cover no-repeat;pointer-events:none;opacity:.8}.hero:after{content:'';position:absolute;width:180px;height:1px;top:55%;left:50%;background:linear-gradient(90deg,transparent,#52ece0,transparent);box-shadow:0 0 15px #52ece0;transform:rotate(-25deg);animation:signal 4.6s ease-out both;pointer-events:none}.hero-grid{min-height:650px;padding-block:86px;position:relative;z-index:1;gap:55px}.hero h1{font-size:clamp(2.8rem,4.3vw,4.4rem);color:#f7f9ff;letter-spacing:-.055em}.hero h1 .accent{background:linear-gradient(95deg,#51ddd2,#b3a1ff);color:transparent;background-clip:text}.hero .lead{color:#c1cce0;font-size:19px;line-height:1.8}.hero-note{color:#899bb9;font-size:12px}.button{border-radius:10px;background:linear-gradient(110deg,#49d9cc,#28bbc8);color:#092738;box-shadow:0 7px 20px #12b9bc1a;transition:transform .2s,box-shadow .2s}.button:hover{filter:brightness(1.05);box-shadow:0 10px 25px #12b9bc30;transform:translateY(-2px)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.hero .button.secondary{background:#ffffff08;border-color:#7c9bb44d;color:#e6edf9}.hero .art{height:380px}.art:before{background:radial-gradient(ellipse,#3dcbc73b,transparent 65%);transform:none;width:110%;height:400px;top:-10px;left:-5%;border-radius:50%}.art:after{background:radial-gradient(ellipse,#9975fb40,transparent 65%);width:300px;height:300px;top:80px;left:auto;right:-30px;transform:none}.float-card{background:linear-gradient(140deg,#1d3150,#14223b);border:1px solid #7795b33d;box-shadow:0 24px 50px #0004,inset 0 1px 0 #ffffff0c;border-radius:22px;padding:26px 23px;width:210px;transform:rotate(-7deg)}.float-card:nth-child(2){transform:rotate(7deg);margin-top:65px}.float-card strong{color:#f1f5ff;font-size:18px}.float-card span{color:#9db0cf;font-size:11px}.float-card img{filter:drop-shadow(0 9px 12px #0004);width:140px}.spark{width:12px;height:12px;background:#70ecdf;box-shadow:0 0 25px #61ded8;top:5px;left:60px}.spark.two{width:9px;height:9px;background:#b6a3ff;box-shadow:0 0 23px #9c7bff;top:60px}.section{padding-block:72px}.cards{gap:28px}.program,.program.sekra{background:linear-gradient(150deg,#fff,#f6fbff);border:1px solid #dbe5f2;box-shadow:0 15px 38px #28456d0b;border-radius:20px;padding:30px}.program.sekra{background:linear-gradient(150deg,#fff,#faf7ff);border-color:#e5def4}.program-top img{width:64px;height:64px}.program h3{font-size:24px}.program p{line-height:1.8}.program .button{padding:13px;min-height:48px}.program .actions{gap:13px;margin-top:25px}.program .gallery img{border-color:#dce5f1;box-shadow:0 8px 20px #223d6510;border-radius:10px}.version,.sekra .version{font-family:Consolas,monospace;font-size:11px;background:#e8f5f7;color:#147386}.sekra .version{background:#eee8fc;color:#674baa}.freeware-label{font-size:11px;background:#f1f6ee;border-color:#e1e9db;color:#4f6945}.text-link{color:#08788c}.section-heading .eyebrow{font-family:Consolas,monospace;letter-spacing:1.7px}.principles{padding-block:32px}.principle .symbol{background:#e0f3f2;color:#0d8a8b}.principle:nth-child(2) .symbol{background:#eee9fc;color:#8064c0}.principle:nth-child(3) .symbol{background:#e6eefc;color:#497bb8}.principle strong{font-size:13px}.principle p{font-size:12px}.note-box,.news-item{background:#fff;border-color:#dfe6f3;box-shadow:var(--shadow);border-radius:17px}.page-head{background:radial-gradient(ellipse at 95% 0,#ded7ff70,transparent 60%),linear-gradient(120deg,#eaf3f8,#f7f9fd);border-color:#e0e6f2}.detail-title .eyebrow{font-family:Consolas,monospace;font-size:11px}.detail-aside{border-top:3px solid #43cfc8}.gallery img{box-shadow:0 8px 25px #233b6710}
body[data-page=home] .section.soft{background:radial-gradient(ellipse at 90% 5%,#5f449c26,transparent 60%),#101e35;border:0;position:relative;margin-top:55px;padding-block:82px;color:#eaf0fc}body[data-page=home] .section.soft:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#43c9c3,#9776de,transparent)}body[data-page=home] .section.soft h2,body[data-page=home] .section.soft h3{color:#f5f7ff}body[data-page=home] .section.soft p{color:#b8c8df}body[data-page=home] .section.soft .eyebrow{color:#60d4d0}body[data-page=home] .section.soft .text-link{color:#7ce4dd}body[data-page=home] .section.soft .note-box,body[data-page=home] .section.soft .news-item{background:#ffffff06;border-color:#8aa4c433;box-shadow:none}
footer{background:#0c172a;border-color:#ffffff0b;color:#eef3ff;padding-block:40px}.footer-inner p,.footer-links a{color:#aebed7}.footer-links a:hover{color:#70e1d9}.draft{background:#ffffff08;color:#9fb0ca}
body[data-page=welcome]{background:#0c172e}body[data-page=welcome] header{background:#0c172e;border-bottom:1px solid #ffffff0c}body[data-page=welcome] .brand{color:#f0f5ff}body[data-page=welcome] .brand small{color:#8b9ebb}body[data-page=welcome] .theme{color:#dce9fc;background:#ffffff08;border-color:#ffffff1a}body[data-page=welcome] main{background:radial-gradient(ellipse at 70% 40%,#6d47ab22,transparent 60%),radial-gradient(ellipse at 30% 60%,#00969320,transparent 60%),url('bilder/software-netz.svg') center/cover no-repeat,#0c172e}.entrance{min-height:650px;padding-bottom:75px}.entrance h1{color:#edf5ff;font-size:clamp(2.4rem,4.2vw,4rem)}.entrance-glow{background:radial-gradient(ellipse,#39cfc526,transparent 65%);top:-30px;height:700px}.orbit-ring{border-color:#56c7ce44;box-shadow:0 0 30px #3bc1d010}.ring-two{border-color:#9b7de536}.orbit-core{background:#19304a;border-color:#5f83ad55;box-shadow:0 20px 50px #0004,inset 0 1px 0 #ffffff10}.orbit-dot{background:#79e6df;box-shadow:0 0 18px #66dfd6}.dot-two{background:#a78af0}.dot-three{background:#87b3f2}.entrance-button{box-shadow:0 8px 30px #32cdc125}
[data-theme=dark]{--ink:#edf3ff;--muted:#a7bad5;--green:#62d6d5;--surface:#17273f;--bg:#0d192b;--soft:#16283f;--line:#31435e;--shadow:0 16px 40px #0002}[data-theme=dark] header{background:#101e32;border-color:#2a3b54}[data-theme=dark] .brand small{color:#9baeca}[data-theme=dark] .theme,[data-theme=dark] .menu{background:#192c45;color:#edf3ff;border-color:#344964}[data-theme=dark] .program,[data-theme=dark] .program.sekra,[data-theme=dark] .note-box,[data-theme=dark] .news-item{background:linear-gradient(135deg,#1a2c45,#14243b);border-color:#33465f}[data-theme=dark] .page-head{background:linear-gradient(120deg,#193248,#202b48);border-color:#34465f}[data-theme=dark] .button.secondary{background:#213650;border-color:#3a526e;color:#e5efff}[data-theme=dark] .version{background:#20434c;color:#8bdde1}[data-theme=dark] .sekra .version{background:#39345a;color:#c6affb}[data-theme=dark] .freeware-label{background:#2d423b;color:#b1d4bc;border-color:#40584e}[data-theme=dark] .text-link{color:#72dedb}[data-theme=dark] .principle .symbol{background:#20434b;color:#80dfdb}[data-theme=dark] .principle:nth-child(2) .symbol{background:#383154;color:#c5b1ee}[data-theme=dark] .principle:nth-child(3) .symbol{background:#263e5d;color:#adcaf3}[data-theme=dark] .pill{background:#ffffff0b}[data-theme=dark] .float-card{border-color:#7795b33d;background:linear-gradient(140deg,#1d3150,#14223b)}
@keyframes signal{0%{opacity:0;translate:-140px 80px}30%{opacity:.7}100%{opacity:0;translate:240px -80px}}
@media(max-width:1000px) and (min-width:761px){.hero-grid{gap:20px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:3rem}.float-card{width:160px;padding:23px 15px}.float-card img{width:105px}.float-card strong{font-size:15px}.art{gap:15px}.hero .lead{font-size:17px}}
@media(max-width:760px){.hero-grid{padding-block:45px;gap:10px;min-height:0}.hero h1{font-size:clamp(2.35rem,8.5vw,3.5rem)}.hero .lead{font-size:17px}.hero .art{height:285px;margin-top:30px;gap:18px}.float-card{width:155px;padding:21px 14px}.float-card img{width:105px}.float-card strong{font-size:14px}.hero:before{background-position:65% center;opacity:.4}.hero:after{display:none}.section{padding-block:44px}.program,.program.sekra{padding:23px}.program .button{padding:12px 9px;font-size:12px}.program h3{font-size:22px}body[data-page=home] .section.soft{margin-top:35px;padding-block:55px}.entrance{min-height:590px;padding-bottom:55px}.entrance h1{font-size:2.45rem}.page-head{padding-block:32px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none;display:none}.button{transition:none}}
/* Helle Entwickler-Variante auf Wunsch: Dunkelmodus bleibt separat verfügbar. */
html:not([data-theme=dark]) .hero{background:radial-gradient(ellipse at 95% 10%,#ece6ffb0,transparent 55%),radial-gradient(ellipse at 60% 100%,#d3f3f15c,transparent 60%),#f1f6fc}html:not([data-theme=dark]) .hero:before{opacity:.5}html:not([data-theme=dark]) .hero h1{color:#182943}html:not([data-theme=dark]) .hero h1 .accent{background:linear-gradient(95deg,#087d8a,#7460b8);background-clip:text;color:transparent}html:not([data-theme=dark]) .hero .lead{color:#4a6079}html:not([data-theme=dark]) .hero-note{color:#647b91}html:not([data-theme=dark]) .pill{background:#e0eff166;border-color:#c5dce4;color:#2a6e7a}html:not([data-theme=dark]) .hero .button.secondary{background:#ffffffd9;border-color:#d4deee;color:#253951}html:not([data-theme=dark]) .float-card{background:linear-gradient(145deg,#fffffff5,#f4f8ffeb);border-color:#ffffff;box-shadow:0 20px 44px #516a921c,inset 0 1px 0 #fff}html:not([data-theme=dark]) .float-card strong{color:#213850}html:not([data-theme=dark]) .float-card span{color:#61758b}html:not([data-theme=dark]) .spark{background:#57bdbb;box-shadow:0 0 20px #53bdbe40}html:not([data-theme=dark]) .spark.two{background:#ab99dd;box-shadow:0 0 20px #ab99dd40}html:not([data-theme=dark]) .art:before{background:radial-gradient(ellipse,#80d4cd30,transparent 65%)}html:not([data-theme=dark]) .art:after{background:radial-gradient(ellipse,#bba7ef33,transparent 65%)}
html:not([data-theme=dark]) body[data-page=welcome]{background:#f1f6fc}html:not([data-theme=dark]) body[data-page=welcome] header{background:#ffffffd9;border-color:#e0e7f2}html:not([data-theme=dark]) body[data-page=welcome] .brand{color:#18243c}html:not([data-theme=dark]) body[data-page=welcome] .brand small{color:#7885a0}html:not([data-theme=dark]) body[data-page=welcome] .theme{background:#f6f8fd;color:#18243c;border-color:#e4e9f3}html:not([data-theme=dark]) body[data-page=welcome] main{background:radial-gradient(ellipse at 75% 20%,#eee8ff88,transparent 60%),radial-gradient(ellipse at 25% 65%,#d8f1ef77,transparent 65%),url('bilder/software-netz.svg') center/cover no-repeat,#f1f6fc}html:not([data-theme=dark]) .entrance h1{color:#1b304a}html:not([data-theme=dark]) .orbit-core{background:#fff;border-color:#d6e3ed;box-shadow:0 20px 50px #55729720}html:not([data-theme=dark]) .orbit-ring{border-color:#7fbabe55}html:not([data-theme=dark]) .ring-two{border-color:#ac99d944}
html:not([data-theme=dark]) body[data-page=home] .section.soft{background:radial-gradient(ellipse at 90% 0,#e7e0fb88,transparent 65%),#eaf1f9;color:#243951}html:not([data-theme=dark]) body[data-page=home] .section.soft h2,html:not([data-theme=dark]) body[data-page=home] .section.soft h3{color:#22374e}html:not([data-theme=dark]) body[data-page=home] .section.soft p{color:#51667f}html:not([data-theme=dark]) body[data-page=home] .section.soft .eyebrow{color:#087c8a}html:not([data-theme=dark]) body[data-page=home] .section.soft .text-link{color:#08788c}html:not([data-theme=dark]) body[data-page=home] .section.soft .note-box,html:not([data-theme=dark]) body[data-page=home] .section.soft .news-item{background:#ffffffb8;border-color:#d9e3ef}html:not([data-theme=dark]) footer,html:not([data-theme=dark]) body[data-page=welcome] footer{background:#e5edf7;border-color:#d6e0ee;color:#2c435e}html:not([data-theme=dark]) .footer-inner p,html:not([data-theme=dark]) .footer-links a{color:#4e6681}html:not([data-theme=dark]) .draft{background:#ffffff70;color:#61768e}
/* Optisches Highlight: kurze CSS-Animation, danach ruhige Darstellung. */
.hero .art{perspective:1000px}
.hero .art:before{inset:15px -12px auto;width:calc(100% + 24px);height:330px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,#3bbab155 60deg,transparent 110deg,transparent 170deg,#9d83e45c 235deg,transparent 300deg);mask:radial-gradient(ellipse,transparent 62%,#000 63%,#000 65%,transparent 66%);transform:rotate(-14deg);animation:dev-orbit-light 4.8s cubic-bezier(.2,.7,.2,1) both;opacity:.7}
.hero .art:after{content:'';position:absolute;inset:25px 15px auto;width:calc(100% - 30px);height:290px;border:1px solid #7eadd32e;border-radius:36px;background:radial-gradient(ellipse at 30% 30%,#5ad7d223,transparent 60%),radial-gradient(ellipse at 80% 70%,#aa8bea22,transparent 60%);transform:rotate(9deg);animation:dev-module-arrive 4.8s ease-out both}
.hero .float-card{animation:dev-card-left 4.8s cubic-bezier(.2,.65,.2,1) both;transition:translate .3s,box-shadow .3s}
.hero .float-card:nth-child(2){animation-name:dev-card-right}
.hero .float-card:hover{translate:0 -7px;box-shadow:0 24px 50px #526e962c}
.hero .spark{animation:dev-node-pulse 4.8s ease-out both;opacity:.8}
.hero .spark.two{animation-delay:.15s}
@keyframes dev-orbit-light{0%{opacity:0;transform:rotate(-140deg) scale(.7)}20%{opacity:.9}65%{opacity:.85;transform:rotate(80deg) scale(1.03)}100%{opacity:.65;transform:rotate(166deg) scale(1)}}
@keyframes dev-module-arrive{0%{opacity:0;transform:rotate(-18deg) scale(.8)}40%{opacity:.8;transform:rotate(13deg) scale(1.02)}100%{opacity:.7;transform:rotate(9deg) scale(1)}}
@keyframes dev-card-left{0%{opacity:0;transform:rotate(-13deg) translateY(24px)}20%{opacity:1;transform:rotate(-7deg) translateY(0)}55%{transform:rotate(-5deg) translateY(-9px)}100%{opacity:1;transform:rotate(-7deg) translateY(0)}}
@keyframes dev-card-right{0%{opacity:0;transform:rotate(13deg) translateY(35px)}25%{opacity:1;transform:rotate(7deg) translateY(0)}65%{transform:rotate(5deg) translateY(-12px)}100%{opacity:1;transform:rotate(7deg) translateY(0)}}
@keyframes dev-node-pulse{0%{opacity:0;scale:.3}30%{opacity:1;scale:1.5}60%{opacity:.5;scale:.8}80%{opacity:.9;scale:1.2}100%{opacity:.7;scale:1}}
@media(max-width:760px){.hero .art:before{height:260px;inset:5px 0 auto;width:100%}.hero .art:after{height:240px;inset:10px 10px auto;width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){.hero .art:before,.hero .art:after,.hero .float-card,.hero .spark{animation:none!important}.hero .float-card{transition:none}.hero .float-card:hover{translate:0 0}}
.program-top h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 6px}@media(max-width:760px){.program-top h2{font-size:22px}}