.network-hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center;padding:75px 0 90px}.network-hero h1{font-size:clamp(58px,6.5vw,94px);margin:25px 0}.network-map{position:relative;min-height:530px;padding:38px;border:1px solid var(--line);border-radius:36px 15px 42px 18px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(235,232,223,.45));box-shadow:0 30px 70px rgba(8,24,39,.1);display:flex;flex-direction:column;align-items:center}.net-cloud{padding:12px 25px;border:1px dashed #91a1aa;border-radius:50%;font:600 12px var(--display);color:var(--muted)}.net-line{width:1px;height:28px;background:var(--line)}.net-firewall{width:min(320px,90%);padding:19px;border-radius:13px;background:var(--ink);color:#fff;text-align:center;box-shadow:0 15px 35px rgba(7,17,31,.18)}.net-firewall span{display:block;font:600 15px var(--display)}.net-firewall small{display:block;margin-top:5px;color:#9eacb6}.net-branches{position:relative;width:70%;height:55px;border-top:1px solid var(--line);margin-top:45px}.net-branches:before{content:"";position:absolute;left:50%;top:-45px;width:1px;height:45px;background:var(--line)}.net-branches i{position:absolute;top:0;width:1px;height:55px;background:var(--line)}.net-branches i:nth-child(1){left:0}.net-branches i:nth-child(2){left:50%}.net-branches i:nth-child(3){right:0}.net-zones{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.net-zones div{min-width:0;padding:18px 12px;border:1px solid var(--line);border-radius:10px 18px 12px 16px;background:rgba(255,255,255,.66)}.net-zones b{display:grid;place-items:center;width:30px;height:30px;margin-bottom:13px;border-radius:8px;background:rgba(118,215,221,.2);font:700 11px var(--display);color:#23767c}.net-zones span,.net-zones small{display:block}.net-zones span{font:600 12px var(--display)}.net-zones small{margin-top:5px;font:9px monospace;color:var(--muted)}.network-map>p{margin:26px 0 0;font-size:11px;color:var(--muted)}
.network-foundations{padding:105px 0}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.concept-grid article{min-height:265px;padding:27px;border:1px solid var(--line);border-radius:11px 23px 14px 18px;background:rgba(255,255,255,.45);display:flex;flex-direction:column}.concept-grid article:nth-child(2n){border-radius:24px 11px 20px 13px}.concept-grid article>span{font:600 10px monospace;color:var(--coral)}.concept-grid h3{font:600 21px var(--display);margin:28px 0 12px}.concept-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.concept-grid code{display:block;margin-top:auto;padding-top:20px;font:600 12px monospace;color:#2f8085}.key-distinction{margin-top:22px;padding:34px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;border:1px solid rgba(118,215,221,.5);border-radius:22px 12px 26px 14px;background:rgba(118,215,221,.09)}.key-distinction b,.planner-intro>span,.rule-card>span{font-size:9px;letter-spacing:.15em;color:#318288}.key-distinction h3{font:600 25px/1.2 var(--display);margin:12px 0 0}.key-distinction p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.planner-section{padding:105px 0;background:var(--ink);color:#edf4f6}.planner-section .portal-shell{display:grid;grid-template-columns:.34fr .66fr;gap:48px;align-items:start}.planner-intro{position:sticky;top:125px}.planner-intro h2{font-size:clamp(42px,4.5vw,62px);margin:20px 0}.planner-intro h2 em{color:var(--cyan)}.planner-intro p{color:#9aabb7;line-height:1.7}.subnet-wizard{min-width:0;border:1px solid #2a4358;border-radius:19px 34px 22px 14px;background:#0a1726;box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #294156}.wizard-progress div{position:relative;padding:19px 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#718493;font-size:10px;border-right:1px solid #21384b}.wizard-progress div:last-child{border:0}.wizard-progress b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#11263a;font:600 9px monospace}.wizard-progress .active{color:#ecf7f8}.wizard-progress .active b,.wizard-progress .done b{background:var(--cyan);color:#06212a}.wizard-stage{padding:36px}.wizard-kicker{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--cyan)}.wizard-stage h3{font:600 29px/1.15 var(--display);margin:12px 0 8px}.wizard-help{max-width:620px;margin:0 0 27px;color:#91a4b1;font-size:13px;line-height:1.6}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-card,.segment-card{position:relative;display:block;width:100%;min-width:0}.choice-card input,.segment-card input{position:absolute;opacity:0;pointer-events:none}.choice-content,.segment-content{display:block;width:100%;min-width:0;height:100%;padding:21px;border:1px solid #294157;border-radius:11px 18px 12px 15px;background:#0d1e2f;cursor:pointer;transition:.18s}.choice-card:nth-child(even) .choice-content,.segment-card:nth-child(3n) .segment-content{border-radius:19px 10px 18px 12px}.choice-content b,.segment-content b{display:block;font:600 15px var(--display)}.choice-content small,.segment-content small{display:block;margin-top:7px;color:#8296a5;font-size:11px;line-height:1.45}.choice-card input:checked+.choice-content,.segment-card input:checked+.segment-content{border-color:var(--cyan);background:rgba(118,215,221,.1);box-shadow:inset 0 0 0 1px rgba(118,215,221,.2)}.choice-card input:focus-visible+.choice-content,.segment-card input:focus-visible+.segment-content{outline:2px solid #fff;outline-offset:2px}.segment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.segment-content{padding:17px 18px 17px 50px}.segment-content:before{content:"+";position:absolute;left:17px;top:18px;width:22px;height:22px;border:1px solid #3b5366;border-radius:6px;display:grid;place-items:center;color:#7890a0}.segment-card input:checked+.segment-content:before{content:"✓";background:var(--cyan);border-color:var(--cyan);color:#06212a}.size-list{display:grid;gap:10px}.size-row{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:20px;padding:16px 18px;border:1px solid #294157;border-radius:12px;background:#0d1e2f}.size-row label b{display:block;font:600 14px var(--display)}.size-row label small{color:#8094a3}.size-row input,.planner-select{width:100%;border:1px solid #385269;border-radius:9px;background:#081521;color:#f0f6f8;padding:11px;font:600 14px var(--sans)}.size-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.field-label{display:block;margin-bottom:7px;color:#9cb0bc;font-size:10px;font-weight:700;letter-spacing:.08em}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.wizard-button{border:1px solid #39536a;border-radius:9px;background:transparent;color:#eaf2f5;padding:13px 17px;font:700 11px var(--sans);cursor:pointer}.wizard-button.primary{margin-left:auto;background:var(--cyan);border-color:var(--cyan);color:#06212a}.wizard-button:hover{transform:translateY(-1px)}.wizard-error{margin:14px 0 0;color:#ff9b91;font-size:12px}.plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.plan-summary div{padding:16px;border:1px solid #294157;border-radius:10px;background:#0d1e2f}.plan-summary span,.plan-summary b{display:block}.plan-summary span{color:#7f93a2;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.plan-summary b{margin-top:6px;font:600 14px var(--display)}.result-flow{display:flex;align-items:stretch;gap:9px;margin:20px 0 26px;overflow-x:auto;padding-bottom:8px}.flow-node{min-width:130px;padding:13px;border:1px solid #30495e;border-radius:10px;background:#0d1e2f}.flow-node.core{border-color:var(--cyan)}.flow-node b,.flow-node small{display:block}.flow-node b{font:600 11px var(--display)}.flow-node small{margin-top:4px;color:#7f94a2;font:9px monospace}.flow-arrow{align-self:center;color:var(--cyan)}.plan-table-wrap{overflow-x:auto;border:1px solid #294157;border-radius:12px}.plan-table{width:100%;min-width:880px;border-collapse:collapse}.plan-table th,.plan-table td{padding:13px 12px;text-align:left;border-bottom:1px solid #20384a;font-size:10px;white-space:nowrap}.plan-table th{background:#102338;color:#87a0af;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.plan-table tr:last-child td{border:0}.plan-table td:first-child b{display:block;font:600 12px var(--display)}.plan-table td:first-child small{color:#7d92a1}.plan-note{margin:18px 0 0;padding:16px;border-left:2px solid var(--coral);background:rgba(255,111,97,.07);color:#9badb9;font-size:11px;line-height:1.6}.copy-status{color:var(--cyan);font-size:11px}
.network-rules{padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:85px}.rule-card h2{font-size:clamp(38px,4vw,56px);margin:18px 0 25px}.rule-card p{color:var(--muted);line-height:1.75}.rule-list{border-top:1px solid var(--line)}.rule-list>div{display:grid;grid-template-columns:45px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.rule-list b{font:600 10px monospace;color:var(--coral)}.rule-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.rule-list strong{color:var(--text)}
html[data-theme="dark"] .network-map{background:linear-gradient(145deg,#0b1b2b,#081522);border-color:#294156}html[data-theme="dark"] .net-zones div,html[data-theme="dark"] .concept-grid article{background:#0b1a29;border-color:#294156}html[data-theme="dark"] .net-cloud{border-color:#456276}html[data-theme="dark"] .key-distinction{background:rgba(118,215,221,.06)}html[data-theme="dark"] .planner-section{background:#050d17}
@media(max-width:980px){.network-hero{grid-template-columns:1fr;padding-top:65px}.network-hero-copy{text-align:center}.network-map{max-width:650px;width:100%;margin:auto}.concept-grid{grid-template-columns:repeat(2,1fr)}.planner-section .portal-shell{grid-template-columns:1fr}.planner-intro{position:static}.network-rules{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){.network-hero{min-height:auto;padding:60px 0 75px}.network-hero h1{font-size:49px}.network-map{min-height:430px;padding:25px 15px;border-radius:25px 12px 30px 15px}.net-zones{gap:6px}.net-zones div{padding:13px 8px}.net-zones span{font-size:9px}.net-zones small{font-size:7px}.network-foundations,.planner-section,.network-rules{padding:75px 0}.concept-grid{grid-template-columns:1fr}.concept-grid article{min-height:225px}.key-distinction{grid-template-columns:1fr;gap:20px;padding:25px}.wizard-progress span{display:none}.wizard-progress div{padding:14px}.wizard-stage{padding:25px 18px}.choice-grid,.segment-grid,.size-options{grid-template-columns:1fr}.size-row{grid-template-columns:1fr 100px}.plan-summary{grid-template-columns:1fr}.wizard-actions{flex-wrap:wrap}.wizard-button.primary{margin-left:0}.network-rules{gap:40px}}
/* Ausführlichere Grundlagen */
.concept-grid article{min-height:345px}.concept-grid p+ p.concept-example{margin-top:15px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;color:#74838d}.concept-grid code{overflow-wrap:anywhere}.packet-journey{margin-top:65px;padding:38px;border:1px solid var(--line);border-radius:28px 14px 34px 18px;background:rgba(255,255,255,.34)}.journey-head{display:grid;grid-template-columns:.72fr 1.15fr 1fr;gap:32px;align-items:end}.journey-head>span,.need-guide>div>span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--coral)}.journey-head h3,.need-guide h3{font:600 27px/1.16 var(--display);margin:0}.journey-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.journey-steps article{padding:22px 18px;border:1px solid var(--line);border-radius:11px 18px 13px 16px;background:rgba(255,255,255,.48)}.journey-steps article:nth-child(even){border-radius:20px 11px 17px 13px}.journey-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(118,215,221,.18);font:700 10px var(--display);color:#2b7a80}.journey-steps h4{font:600 15px var(--display);margin:18px 0 8px}.journey-steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.need-guide{margin-top:22px;padding:38px;display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;border:1px solid var(--line);border-radius:15px 31px 18px 25px}.need-guide h3{margin-top:12px}.need-guide dl{margin:0}.need-guide dl>div{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--line)}.need-guide dl>div:first-child{padding-top:0}.need-guide dl>div:last-child{padding-bottom:0;border:0}.need-guide dt{font:600 13px var(--display)}.need-guide dd{margin:0;color:var(--muted);font-size:12px;line-height:1.6}html[data-theme="dark"] .concept-grid p+ p.concept-example{color:#8fa2af}html[data-theme="dark"] .packet-journey,html[data-theme="dark"] .journey-steps article{background:#0b1a29;border-color:#294156}html[data-theme="dark"] .need-guide{border-color:#294156}
@media(max-width:980px){.journey-head{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(2,1fr)}.need-guide{grid-template-columns:1fr}}
@media(max-width:600px){.choice-content,.segment-content{display:block;width:100%}.concept-grid article{min-height:0}.packet-journey,.need-guide{padding:25px 20px}.journey-steps{grid-template-columns:1fr}.need-guide{gap:25px}.need-guide dl>div{grid-template-columns:1fr;gap:7px}}
.result-glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.result-glossary>div{padding:14px;border:1px solid #294157;border-radius:9px;background:#0d1e2f}.result-glossary b,.result-glossary span{display:block}.result-glossary b{font:600 11px var(--display);color:#dce9ee}.result-glossary span{margin-top:5px;color:#8398a6;font-size:9px;line-height:1.5}@media(max-width:600px){.result-glossary{grid-template-columns:1fr}}
/* IP-Analogie: Wohngebiete, Häuser und Datenauto */
.address-analogy{margin-top:22px;padding:38px;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;border:1px solid var(--line);border-radius:20px 36px 17px 29px;background:rgba(255,255,255,.42)}.analogy-copy>span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--coral)}.analogy-copy h3{font:600 31px/1.12 var(--display);margin:16px 0 20px}.analogy-copy>p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}.term-note{margin-top:26px;padding:19px;border-left:2px solid var(--cyan);background:rgba(118,215,221,.08)}.term-note>b{font:600 13px var(--display)}.term-note p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.analogy-demo{min-width:0;padding:18px;border-radius:15px 27px 17px 21px;background:#091725;color:#edf5f7}.analogy-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.analogy-controls button,.drive-again{border:1px solid #2d485d;border-radius:9px;background:#0d2032;color:#90a5b2;padding:11px 12px;font:600 10px var(--sans);cursor:pointer}.analogy-controls button.active{border-color:var(--cyan);background:rgba(118,215,221,.14);color:#dffbfc}.address-scene{position:relative;height:390px;overflow:hidden;border:1px solid #284157;border-radius:12px;background:linear-gradient(#10283c 0 62%,#152536 62% 100%)}.district{position:absolute;top:18px;width:43%;height:205px;border:1px dashed #416175;border-radius:14px;background:linear-gradient(180deg,rgba(118,215,221,.06),rgba(12,31,47,.85))}.district-one{left:3%}.district-two{right:3%}.district>strong{position:absolute;top:12px;left:12px;right:12px;color:#8fa8b5;font:600 8px var(--display);letter-spacing:.03em}.house{position:absolute;bottom:22px;width:66px;text-align:center}.house.source{left:10px}.house.local-target{right:10px}.house.remote-target{right:calc(50% - 33px)}.house i{position:relative;display:block;width:48px;height:42px;margin:0 auto 8px;border:2px solid #6c899a;border-radius:3px;background:#18374d}.house i:before{content:"";position:absolute;left:5px;top:-15px;width:32px;height:32px;border-left:2px solid #6c899a;border-top:2px solid #6c899a;background:#18374d;transform:rotate(45deg);z-index:-1}.house i:after{content:"";position:absolute;left:18px;bottom:0;width:12px;height:21px;background:#7bd7dc}.house b,.house small{display:block}.house b{font:600 9px var(--display)}.house small{margin-top:2px;color:#8197a6;font-size:8px}.gateway-house{position:absolute;z-index:3;left:50%;top:211px;width:104px;transform:translateX(-50%);text-align:center}.gateway-house i{display:block;width:42px;height:47px;margin:auto;border:2px solid var(--coral);border-radius:20px 20px 5px 5px;background:#1a2d3c}.gateway-house i:after{content:"↕";display:grid;place-items:center;height:100%;color:#ffaca4;font:700 20px var(--display)}.gateway-house b,.gateway-house small{display:block}.gateway-house b{margin-top:5px;font:600 9px var(--display)}.gateway-house small{color:#8197a6;font-size:7px}.street{position:absolute;top:305px;height:48px;background:#263b4c;border-top:1px solid #536b7a;border-bottom:1px solid #536b7a}.street:after{content:"";position:absolute;left:6%;right:6%;top:23px;border-top:2px dashed #d5b96b}.street-a{left:0;width:50%}.street-b{right:0;width:50%}.data-car{position:absolute;z-index:5;left:13%;top:309px;width:52px;height:26px;border-radius:8px 11px 5px 5px;background:var(--cyan);box-shadow:0 5px 12px rgba(0,0,0,.3)}.data-car:before,.data-car:after{content:"";position:absolute;bottom:-5px;width:11px;height:11px;border:3px solid #91a5b0;border-radius:50%;background:#07111f}.data-car:before{left:6px}.data-car:after{right:6px}.data-car i{position:absolute;right:8px;top:-9px;width:22px;height:12px;border-radius:7px 8px 0 0;background:#5fb8c1}.data-car span{position:absolute;left:5px;top:7px;color:#06212a;font:700 6px var(--display);letter-spacing:.08em}.address-scene.driving.route-local .data-car{animation:driveLocal 1.8s cubic-bezier(.45,.05,.25,1) forwards}.address-scene.driving.route-remote .data-car{animation:driveRemote 3s cubic-bezier(.45,.05,.25,1) forwards}.route-local .remote-target{opacity:.35}.route-remote .local-target{opacity:.35}@keyframes driveLocal{0%{left:13%}100%{left:35%}}@keyframes driveRemote{0%{left:13%;transform:translateY(0)}45%{left:45%;transform:translateY(0)}55%{left:51%;transform:translateY(0)}100%{left:79%;transform:translateY(0)}}.route-result{display:grid;grid-template-columns:34px 1fr;gap:12px;margin-top:12px;padding:15px;border:1px solid #294458;border-radius:10px;background:#0d2032}.route-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(118,215,221,.14);color:var(--cyan)}.route-result b{font:600 12px var(--display)}.route-result p{margin:5px 0 0;color:#8da2af;font-size:10px;line-height:1.55}.drive-again{display:block;margin:10px 0 0 auto}.drive-again:hover{border-color:var(--cyan);color:#dffbfc}html[data-theme="dark"] .address-analogy{background:#0b1a29;border-color:#294156}
@media(max-width:980px){.address-analogy{grid-template-columns:1fr}.analogy-copy{max-width:720px}}
@media(max-width:600px){.address-analogy{padding:24px 15px}.analogy-copy{padding-inline:5px}.analogy-copy h3{font-size:27px}.analogy-demo{padding:10px}.analogy-controls{grid-template-columns:1fr}.address-scene{height:365px}.district{width:46%;height:190px}.district-one{left:2%}.district-two{right:2%}.district>strong{font-size:6px}.house{width:50px}.house i{width:39px;height:35px}.house i:before{left:5px;top:-12px;width:25px;height:25px}.house.remote-target{right:calc(50% - 25px)}.house.source{left:3px}.house.local-target{right:3px}.gateway-house{top:198px}.street{top:284px}.data-car{top:288px}@keyframes driveLocal{0%{left:10%}100%{left:31%}}@keyframes driveRemote{0%{left:10%}48%{left:43%}58%{left:51%}100%{left:75%}}}
@media(prefers-reduced-motion:reduce){.address-scene.driving .data-car{animation:none!important}.route-local .data-car{left:35%}.route-remote .data-car{left:79%}}.analogy-limit{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.analogy-limit b{color:var(--text)}
/* Domain und DNS */
.domain-explainer{margin-top:22px;padding:42px;border:1px solid var(--line);border-radius:32px 16px 38px 20px;background:rgba(255,255,255,.4)}.domain-intro{display:grid;grid-template-columns:.55fr 1.1fr 1fr;gap:35px;align-items:end}.domain-intro>span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--violet)}.domain-intro h3{font:600 31px/1.12 var(--display);margin:0}.domain-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}.address-translation{display:grid;grid-template-columns:1fr 110px 1fr;gap:12px;align-items:stretch;margin:34px 0 18px}.address-translation>div{padding:20px;border:1px solid var(--line);border-radius:12px 21px 14px 18px;background:rgba(255,255,255,.48)}.address-translation>div:last-child{border-radius:22px 11px 19px 13px}.address-translation small,.address-translation b,.address-translation span{display:block}.address-translation small{color:var(--muted);font-size:8px;letter-spacing:.12em}.address-translation b{margin-top:12px;font:600 18px var(--display);overflow-wrap:anywhere}.address-translation span{margin-top:5px;color:var(--muted);font-size:9px}.address-translation>i{align-self:center;text-align:center;color:#7865bd;font:600 9px/1.4 var(--display);font-style:normal}.dns-lab{padding:25px;border-radius:15px 29px 18px 23px;background:#081522;color:#eaf3f6;box-shadow:0 24px 55px rgba(6,18,30,.15)}.dns-toolbar{display:grid;grid-template-columns:1fr .72fr;gap:15px}.dns-toolbar>div>span{display:block;margin-bottom:8px;color:#7f95a4;font-size:8px;font-weight:700;letter-spacing:.12em}.dns-toolbar label{display:flex;align-items:center;border:1px solid #304a60;border-radius:10px;background:#0c1e2f;overflow:hidden}.dns-toolbar label i{padding-left:14px;color:var(--cyan);font-style:normal}.dns-toolbar input{min-width:0;width:100%;padding:13px 12px;border:0;outline:0;background:transparent;color:#f0f7f9;font:600 13px var(--display)}.dns-mode{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #304a60;border-radius:10px;background:#0c1e2f}.dns-mode button{min-width:0;padding:10px 7px;border:0;border-radius:7px;background:transparent;color:#8298a6;font:600 9px var(--sans);cursor:pointer}.dns-mode button.active{background:rgba(187,166,255,.17);color:#d9ceff}.dns-route{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:3px;margin-top:20px}.dns-route>i{text-align:center;color:#536c7c;font-style:normal}.dns-node{min-width:0;padding:16px 10px;border:1px solid #294156;border-radius:10px 16px 12px 14px;background:#0c1e2f;opacity:.46;transition:.25s}.dns-node:nth-of-type(even){border-radius:18px 10px 16px 11px}.dns-node b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#142a3d;color:#7892a1;font:700 8px var(--display)}.dns-node span,.dns-node small{display:block}.dns-node span{margin-top:13px;font:600 10px var(--display)}.dns-node small{margin-top:4px;color:#7c91a0;font-size:8px;line-height:1.35}.dns-node.active{opacity:1;border-color:var(--violet);box-shadow:0 0 0 1px rgba(187,166,255,.13),0 0 28px rgba(187,166,255,.08)}.dns-node.active b,.dns-node.done b{background:var(--violet);color:#17102d}.dns-node.done{opacity:.78}.dns-route.cache .authority,.dns-route.cache .authority-arrow{display:none}.dns-route.cache{grid-template-columns:1fr 22px 1fr 22px 1fr}.dns-answer{margin-top:18px;padding:17px;border-left:2px solid var(--violet);background:rgba(187,166,255,.07)}.dns-answer span,.dns-answer b{display:block}.dns-answer span{color:#a99be0;font-size:8px;font-weight:700;letter-spacing:.1em}.dns-answer b{margin-top:7px;font:600 13px var(--display)}.dns-answer p{margin:6px 0 0;color:#8499a7;font-size:10px;line-height:1.55}.dns-start{display:block;margin:14px 0 0 auto;padding:12px 16px;border:1px solid var(--violet);border-radius:9px;background:var(--violet);color:#17102d;font:700 10px var(--sans);cursor:pointer}.domain-terms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.domain-terms article{padding:21px 18px;border:1px solid var(--line);border-radius:11px 19px 13px 16px}.domain-terms article:nth-child(even){border-radius:20px 10px 18px 12px}.domain-terms span{font:600 9px monospace;color:var(--violet)}.domain-terms h4{font:600 15px var(--display);margin:18px 0 9px}.domain-terms p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.domain-terms p b{color:var(--text);overflow-wrap:anywhere}.dns-safety{margin-top:18px;padding:24px 26px;border:1px solid rgba(255,111,97,.35);border-radius:18px 11px 22px 13px;background:rgba(255,111,97,.055)}.dns-safety b{font:600 15px var(--display)}.dns-safety p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}html[data-theme="dark"] .domain-explainer{background:#0b1a29;border-color:#294156}html[data-theme="dark"] .address-translation>div{background:#0e2031;border-color:#294156}html[data-theme="dark"] .domain-terms article{border-color:#294156}
@media(max-width:980px){.domain-intro{grid-template-columns:1fr}.domain-terms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.domain-explainer{padding:25px 16px}.domain-intro h3{font-size:27px}.address-translation{grid-template-columns:1fr}.address-translation>i{padding:2px}.dns-toolbar{grid-template-columns:1fr}.dns-route,.dns-route.cache{grid-template-columns:1fr;gap:5px}.dns-route>i{transform:rotate(90deg);padding:2px}.dns-route.cache .authority,.dns-route.cache .authority-arrow{display:none}.dns-node{padding:13px 14px;display:grid;grid-template-columns:26px 1fr;column-gap:9px;align-items:center}.dns-node b{grid-row:1/3}.dns-node span{margin:0}.dns-node small{margin-top:2px}.domain-terms{grid-template-columns:1fr}.dns-safety{padding:21px}}.dns-records{margin-top:18px;padding:24px 26px;border:1px solid var(--line);border-radius:12px 24px 14px 20px}.dns-records>div{display:flex;align-items:end;justify-content:space-between;gap:20px}.dns-records>div span{font-size:8px;font-weight:700;letter-spacing:.13em;color:var(--violet)}.dns-records h4{font:600 16px var(--display);margin:0}.dns-records ul{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0 14px;padding:0;list-style:none}.dns-records li{padding:12px;border-radius:8px;background:rgba(187,166,255,.08)}.dns-records li b,.dns-records li span{display:block}.dns-records li b{font:700 12px monospace;color:#7965bd}.dns-records li span{margin-top:5px;color:var(--muted);font-size:9px}.dns-records>p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}html[data-theme="dark"] .dns-records{border-color:#294156}html[data-theme="dark"] .dns-records li b{color:var(--violet)}@media(max-width:700px){.dns-records{padding:21px 17px}.dns-records>div{display:block}.dns-records h4{margin-top:9px}.dns-records ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.size-row input,.planner-select,.dns-toolbar input{font-size:16px!important}}
/* Echte, geschützte DNS-Abfrage */
.dns-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.dns-actions .dns-start{margin:0}.dns-live{padding:12px 16px;border:1px solid #476277;border-radius:9px;background:transparent;color:#d6e3e9;font:700 10px var(--sans);cursor:pointer}.dns-live:hover{border-color:var(--cyan);color:#e7ffff}.dns-live:disabled,.dns-start:disabled{opacity:.55;cursor:wait}.live-dns{margin-top:16px;padding:18px;border:1px solid #345169;border-radius:11px 19px 13px 16px;background:#0b1d2d}.live-dns[hidden]{display:none}.live-dns.loading{border-color:var(--violet)}.live-dns.error{border-color:rgba(255,111,97,.62)}.live-dns-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:14px;border-bottom:1px solid #263f53}.live-dns-head span{color:var(--cyan);font-size:8px;font-weight:700;letter-spacing:.12em}.live-dns-head b{font:600 12px var(--display);text-align:right}.live-dns-records{display:grid;gap:7px;margin-top:13px}.live-record{display:grid;grid-template-columns:55px minmax(0,1fr) 70px;gap:10px;align-items:center;padding:11px 12px;border-radius:8px;background:#102538}.live-record>strong{display:grid;place-items:center;width:34px;height:25px;border-radius:6px;background:rgba(187,166,255,.16);color:#d9ceff;font:700 10px monospace}.live-record>span{min-width:0;overflow-wrap:anywhere;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce9ee}.live-record>small{text-align:right;color:#8197a5;font-size:8px}.live-dns>p{margin:13px 0 0;color:#8298a6;font-size:9px;line-height:1.55}.live-dns.error .live-dns-head span,.live-dns.error .live-dns-head b{color:#ff9d94}.dns-privacy{margin:13px 2px 0;color:#718895;font-size:8px;line-height:1.6}.dns-privacy b{color:#9eb0bb}@media(max-width:600px){.dns-actions{flex-direction:column}.dns-actions button{width:100%}.live-dns-head{display:block}.live-dns-head b{display:block;margin-top:6px;text-align:left}.live-record{grid-template-columns:44px minmax(0,1fr)}.live-record>small{grid-column:2;text-align:left}}