:root {--petrol:#0057d9;--petrol-dark:#082c69;--paper:#e2edff;--paper-light:#f6f9ff;--white:#fffefa;--copper:#f06400;--sage:#cbdfff;--ink:#172943;--muted:#5b6c85;--line:#b9ccef;--max:1120px;--radius:16px;--shadow:0 18px 45px rgba(28,47,43,.09);}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper-light);font:400 17px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased} a{color:inherit} h1,h2,h3{margin:0;color:var(--petrol-dark);line-height:1.16;letter-spacing:-.03em} h1{font-size:clamp(2.8rem,5.8vw,5.25rem);font-weight:650} h2{font-size:clamp(2rem,3.8vw,3.5rem);font-weight:650} h3{font-size:clamp(1.3rem,2vw,1.65rem);font-weight:650} p{margin:0 0 1.15rem}.shell{width:min(calc(100% - 2.5rem),var(--max));margin:0 auto}.skip-link{position:fixed;top:-100px;left:1rem;z-index:1000;padding:.7rem 1rem;background:var(--white)}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;background:rgba(251,248,242,.92);backdrop-filter:blur(14px)}.site-header.scrolled{border-color:var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.72rem;color:var(--petrol-dark);font-weight:720;text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.3rem;margin:0;padding:0;list-style:none}.nav-links a{color:var(--muted);font-size:.9rem;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--petrol-dark)}.nav-contact{padding:.5rem .78rem;border:1px solid var(--petrol);border-radius:9px}.menu-button{display:none;border:0;color:var(--petrol-dark);background:transparent;font:inherit}
.eyebrow{display:block;margin-bottom:1rem;color:var(--copper);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lead{color:var(--muted);font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.58}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1rem;border:1px solid var(--petrol);border-radius:9px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--white);background:var(--petrol)}.button.secondary{color:var(--petrol);background:transparent}
.home-intro{padding:clamp(4.5rem,9vw,8rem) 0 5rem}.intro-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}.intro-copy h1{max-width:850px}.intro-copy .lead{max-width:760px;margin-top:1.6rem}.plain-card{padding:1.65rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.plain-card h2{margin-bottom:1.25rem;font-size:1.25rem;letter-spacing:-.015em}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{padding:.8rem 0;border-top:1px solid var(--line)}.plain-list li:first-child{border-top:0;padding-top:0}.plain-list small{display:block;color:var(--muted)}.pencil-note{margin-top:1.1rem;padding:1rem 1.1rem;border-left:3px solid var(--copper);color:var(--petrol-dark);background:var(--paper);font-size:.94rem}.mini-profile{display:grid;grid-template-columns:140px 1fr;gap:1.2rem;align-items:center;margin-top:2rem}.photo-box{aspect-ratio:1/1.15;display:grid;place-items:end start;padding:.8rem;border-radius:12px;color:var(--muted);background:linear-gradient(135deg,var(--sage),var(--paper));font-size:.74rem}.mini-profile p{margin:0;font-size:.95rem}
.section{padding:clamp(4.5rem,8vw,7.5rem) 0}.section.white{background:var(--white)}.section.paper{background:var(--paper)}.section.petrol{color:#e8eeea;background:var(--petrol-dark)}.section.petrol h2,.section.petrol h3{color:var(--white)}.section-head{max-width:780px;margin-bottom:3rem}.section-head .lead{margin-top:1.15rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.text-block h3{margin-bottom:.8rem}.text-block p{color:var(--muted)}.underlined-list{margin:1.5rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.underlined-list li{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.underlined-list b{color:var(--copper);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.thought{position:relative;padding:1.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.thought::before{content:"“";display:block;height:2.4rem;color:var(--copper);font:700 3.4rem Georgia,serif;line-height:1}.thought blockquote{margin:0 0 1.2rem;color:var(--petrol-dark);font-size:1.14rem;line-height:1.55}.thought p{margin:0;color:var(--muted);font-size:.9rem}.big-idea{max-width:900px}.big-idea p{margin-top:1.35rem;color:#cad7d1;font-size:clamp(1.1rem,2vw,1.35rem)}.big-idea .aside-joke{max-width:720px;margin-top:2rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#e8c0a8;font-size:.94rem}
.experience-list{border-top:1px solid var(--line)}.experience-row{display:grid;grid-template-columns:170px 1fr;gap:2rem;padding:1.45rem 0;border-bottom:1px solid var(--line)}.experience-row time{color:var(--copper);font-size:.82rem;font-weight:800}.experience-row h3{margin-bottom:.45rem}.experience-row p{margin:0;color:var(--muted)}.topic-card{min-height:250px;display:flex;flex-direction:column;padding:1.45rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.topic-card .tag{color:var(--copper);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topic-card h3{margin-top:auto;padding-top:2rem}.topic-card p{margin:.65rem 0 0;color:var(--muted)}.blog-list{display:grid;gap:1rem}.blog-item{display:grid;grid-template-columns:190px 1fr auto;gap:1.4rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--line);text-decoration:none}.blog-item:first-child{border-top:1px solid var(--line)}.blog-item span{color:var(--copper);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.blog-item small{color:var(--muted)}.contact-box{padding:clamp(2rem,6vw,4rem);border-radius:var(--radius);background:var(--sage)}
.page-hero{padding:clamp(4.5rem,8vw,7rem) 0 4rem}.page-hero h1{max-width:880px;font-size:clamp(2.8rem,5vw,4.8rem)}.page-hero .lead{max-width:780px;margin-top:1.4rem}.content-grid{display:grid;grid-template-columns:190px 1fr;gap:clamp(2.5rem,7vw,7rem)}.aside-label{color:var(--copper);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.prose{max-width:780px}.prose h2{margin:3.5rem 0 1.2rem;font-size:clamp(1.8rem,3vw,2.7rem)}.prose h2:first-child{margin-top:0}.prose p{font-size:1.06rem}.prose-note{margin:2rem 0;padding:1.2rem 1.35rem;border-left:3px solid var(--copper);background:var(--paper)}.notice{padding:1rem 1.15rem;border:1px dashed var(--copper);border-radius:12px;color:var(--muted);background:var(--paper)}.site-footer{padding:3rem 0;color:#c5d0cb;background:var(--petrol-dark)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem}.footer-links a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:860px){.menu-button{display:block}.nav-links{position:absolute;top:72px;left:1.25rem;right:1.25rem;display:none;align-items:stretch;flex-direction:column;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.nav-links.open{display:flex}.intro-grid,.two-col,.content-grid{grid-template-columns:1fr}.three-col{grid-template-columns:1fr}.plain-card{max-width:620px}.content-grid{gap:1.2rem}}@media(max-width:620px){.shell{width:min(calc(100% - 1.5rem),var(--max))}.mini-profile{grid-template-columns:100px 1fr}.underlined-list li,.experience-row,.blog-item{grid-template-columns:1fr;gap:.35rem}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Dritte Fassung: ruhige technische Werkstatt, kompakt statt inszeniert. */
body{background-color:var(--paper-light);background-image:linear-gradient(rgba(22,73,69,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(22,73,69,.025) 1px,transparent 1px);background-size:24px 24px}
.reading-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--copper)}
.nav{min-height:64px}.site-header{background:rgba(251,248,242,.94)}
.home-intro{padding:3.2rem 0 3.6rem}.intro-grid{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:3rem;align-items:center}.intro-copy h1{font-size:clamp(2.7rem,5vw,4.75rem)}
.marker{position:relative;white-space:nowrap}.marker::after{content:'';position:absolute;z-index:-1;left:-.04em;right:-.05em;bottom:.08em;height:.18em;transform:rotate(-1deg);background:rgba(169,87,53,.28)}
.section{padding:3.8rem 0}.page-hero{padding:3.5rem 0 2.8rem}.section-head{margin-bottom:2rem}.section-head .lead{margin-top:.8rem}.two-col{gap:3rem}.three-col{gap:.85rem}.thought{padding:1.25rem}.topic-card{min-height:205px;padding:1.2rem}.experience-row{padding:1rem 0}.contact-box{padding:2.2rem 2.5rem}.site-footer{padding:2rem 0}.button-row{margin-top:1.2rem}.plain-card{padding:1.3rem}.pencil-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.eyebrow,.aside-label,.topic-card .tag,.blog-item span,.experience-row time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.thought:nth-child(2){transform:rotate(.45deg)}.thought:nth-child(3){transform:rotate(-.35deg)}
@media(max-width:860px){.intro-grid{grid-template-columns:1fr;gap:2rem}.section{padding:3.2rem 0}}
@media(max-width:620px){.home-intro{padding:2.5rem 0 3rem}.section{padding:2.8rem 0}.page-hero{padding:2.8rem 0 2rem}.marker{white-space:normal}.contact-box{padding:1.5rem}}
.topic-card[data-note]{position:relative;overflow:hidden;cursor:default;transition:transform .2s,box-shadow .2s,border-color .2s}.topic-card[data-note]:hover,.topic-card[data-note]:focus,.topic-card[data-note].surprise-open{z-index:2;transform:translateY(-4px) rotate(-.2deg);border-color:#9cac9f;box-shadow:0 14px 30px rgba(22,73,69,.12);outline:none}.topic-card[data-note]::after{content:attr(data-note);position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.65rem .72rem;transform:translateY(calc(100% + 1rem));opacity:0;border-left:3px solid var(--copper);background:var(--paper);color:var(--petrol-dark);font:600 .74rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;transition:transform .22s,opacity .22s}.topic-card[data-note]:hover::after,.topic-card[data-note]:focus::after,.topic-card[data-note].surprise-open::after{transform:none;opacity:1}.topic-card[data-note]:hover p,.topic-card[data-note]:focus p,.topic-card[data-note].surprise-open p{padding-bottom:3.6rem}
.thought{cursor:default;transition:transform .2s,box-shadow .2s}.thought:hover,.thought:focus,.thought.surprise-open{box-shadow:6px 7px 0 rgba(22,73,69,.1);outline:none}.hover-note{display:block;max-height:0;margin-top:0;overflow:hidden;opacity:0;color:var(--copper);font:650 .73rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;transition:max-height .25s,margin .25s,opacity .25s}.thought:hover .hover-note,.thought:focus .hover-note,.thought.surprise-open .hover-note{max-height:5rem;margin-top:.8rem;opacity:1}
.blog-item{position:relative;padding-right:2.2rem;transition:padding-left .2s,background .2s}.blog-item::after{content:'→';position:absolute;right:.35rem;color:var(--copper);opacity:0;transform:translateX(-8px);transition:opacity .2s,transform .2s}.blog-item:hover{padding-left:.65rem;background:rgba(255,253,249,.45)}.blog-item:hover::after{opacity:1;transform:none}
.button{position:relative;overflow:hidden}.button::after{content:'';position:absolute;inset:0;transform:translateX(-110%) skewX(-18deg);background:rgba(255,255,255,.18);transition:transform .4s}.button:hover::after{transform:translateX(110%) skewX(-18deg)}
.layer8-test{display:block;margin-top:.8rem;padding:0;border:0;border-bottom:1px dashed #81948d;color:#9fafa9;background:transparent;font:600 .68rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.layer8-test:hover,.layer8-test:focus{color:#f0b48f;outline:none}.layer8-test.done{color:#a9cfb6}
@media(hover:none){.topic-card[data-note]::after{position:static;display:none;margin-top:.75rem;transform:none}.topic-card[data-note].surprise-open::after{display:block}.topic-card[data-note].surprise-open p{padding-bottom:0}}
.maxim{max-width:540px;margin:1.35rem 0 .2rem;padding:.85rem 1rem;border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:0 10px 10px 0;background:var(--paper);transition:transform .2s,box-shadow .2s}.maxim:hover,.maxim:focus{transform:translateX(4px);box-shadow:5px 5px 0 color-mix(in srgb,var(--copper) 18%,transparent);outline:none}.maxim span,.maxim small{display:block;color:var(--muted);font:600 .68rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.maxim strong{display:block;margin:.2rem 0;color:var(--petrol-dark);font-size:1.1rem}


/* Themenseite: vier klare Einstiege und eine eigene Grundlagenebene für Informationssicherheit. */
.topics-hero h1{max-width:950px}.topics-hero .lead{max-width:900px}.topic-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.topic-hub-card{min-height:250px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-decoration:none;box-shadow:4px 5px 0 color-mix(in srgb,var(--petrol) 9%,transparent);transition:transform .2s,border-color .2s,box-shadow .2s}.topic-hub-card:hover,.topic-hub-card:focus{transform:translateY(-4px);border-color:var(--copper);box-shadow:7px 9px 0 color-mix(in srgb,var(--copper) 14%,transparent);outline:none}.topic-hub-card .tag,.foundation-grid .tag,.is-model-feature .tag{color:var(--copper);font:750 .7rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.topic-hub-card h3{margin-top:auto;padding-top:2.2rem}.topic-hub-card p{margin:.7rem 0 1rem;color:var(--muted)}.topic-hub-card .text-link{margin-top:auto}.topic-detail{scroll-margin-top:64px}.topic-detail-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2.2rem}.topic-detail-head p{margin:0;color:var(--muted);font-size:1.05rem}.is-model-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:2rem;padding:clamp(1.5rem,4vw,2.6rem);border:1px solid var(--line);border-left:5px solid var(--copper);border-radius:var(--radius);background:var(--paper)}.is-model-feature h3{margin:.55rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.6rem)}.is-model-feature p{color:var(--muted)}.dimension-list{display:grid;align-content:center;gap:.5rem}.dimension-list span{padding:.7rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--petrol-dark);font:700 .76rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.foundation-grid article{display:flex;min-height:230px;flex-direction:column;padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.foundation-grid h3{margin:.55rem 0}.foundation-grid p{color:var(--muted)}.foundation-grid .text-link,.foundation-grid .topic-state{margin-top:auto}.topic-state{display:inline-block;color:var(--copper);font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.topic-state.light{margin-top:.5rem;color:#efb18d}.topic-band{scroll-margin-top:64px}.topic-band .two-col{align-items:start}.topic-band p{font-size:1.04rem}.topic-band .button{margin-top:.35rem}.topic-band.section.petrol .eyebrow{color:#efb18d}.topic-band.section.petrol p{color:#cad7d1}.topic-band .aside-joke{margin-top:1.3rem;padding:.9rem 1rem;border-left:3px solid var(--copper);background:rgba(255,255,255,.06);font:600 .78rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:760px){.topic-hub-grid,.topic-detail-head,.is-model-feature,.foundation-grid{grid-template-columns:1fr}.topic-hub-card{min-height:210px}.is-model-feature{gap:1.3rem}}

/* Wissensbereich Informationssicherheit */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:1rem;color:var(--muted);font:650 .7rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.knowledge-hero{padding:clamp(3rem,7vw,5.5rem) 0 2.8rem;border-bottom:1px solid var(--line);background:var(--paper-light)}.knowledge-hero h1{max-width:950px;font-size:clamp(2.6rem,5vw,4.5rem)}.knowledge-hero .lead{max-width:900px;margin-top:1.3rem}.fact-date{margin:1.2rem 0 0;color:var(--copper);font:700 .7rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.knowledge-layout{display:grid;grid-template-columns:220px minmax(0,780px);gap:clamp(2rem,6vw,5rem);align-items:start;padding-top:3rem;padding-bottom:5rem}.knowledge-index{position:sticky;top:88px;padding:1rem;border-left:3px solid var(--copper);background:var(--paper)}.knowledge-index strong{display:block;margin-bottom:.7rem;color:var(--petrol-dark);font-size:.8rem}.knowledge-index nav{display:grid;gap:.5rem}.knowledge-index a{color:var(--muted);font-size:.78rem;line-height:1.35;text-decoration:none}.knowledge-index a:hover{color:var(--copper)}.knowledge-prose>section{scroll-margin-top:90px;margin-top:3.4rem}.knowledge-prose>section:first-of-type{margin-top:0}.knowledge-prose h2{margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem)}.knowledge-prose h3{margin:1.8rem 0 .7rem}.knowledge-prose p,.knowledge-prose li{font-size:1.03rem}.knowledge-prose li+li{margin-top:.55rem}.knowledge-prose ul,.knowledge-prose ol{padding-left:1.35rem}.knowledge-callout{margin:0 0 2.4rem;padding:1.15rem 1.3rem;border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:0 10px 10px 0;background:var(--paper)}.knowledge-callout span{color:var(--copper);font:750 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.07em}.knowledge-callout p{margin:.45rem 0 0;color:var(--petrol-dark);font-weight:600}.knowledge-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.knowledge-card-grid a{display:flex;min-height:150px;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--white);text-decoration:none;transition:transform .18s,border-color .18s}.knowledge-card-grid a:hover{transform:translateY(-3px);border-color:var(--copper)}.knowledge-card-grid b{color:var(--petrol-dark)}.knowledge-card-grid span{margin-top:.5rem;color:var(--muted);font-size:.86rem}.priority-list{counter-reset:item;list-style:none;padding:0!important}.priority-list li{position:relative;margin:0!important;padding:1rem 0 1rem 3rem;border-bottom:1px solid var(--line)}.priority-list li::before{counter-increment:item;content:counter(item);position:absolute;left:0;top:1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:var(--white);background:var(--petrol);font:750 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.month-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1.3rem}.month-plan div{padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.month-plan b,.month-plan span{display:block}.month-plan b{color:var(--copper);font:750 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.month-plan span{margin-top:.4rem;font-size:.9rem}.knowledge-faq details{border-top:1px solid var(--line)}.knowledge-faq details:last-child{border-bottom:1px solid var(--line)}.knowledge-faq summary{padding:1rem 2rem 1rem 0;color:var(--petrol-dark);font-weight:700;cursor:pointer}.knowledge-faq details p{padding:0 1rem 1rem 0;color:var(--muted)}.knowledge-sources ul{padding-left:1.1rem}.knowledge-sources li,.knowledge-sources a{font-size:.88rem}.knowledge-next{margin-top:3rem;padding:1.5rem;border-radius:var(--radius);background:var(--sage)}.knowledge-next h2{font-size:1.8rem}.knowledge-next p{color:var(--muted)}.legal-note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem!important}.knowledge-prose .text-link{display:inline-block;margin-top:.5rem}.knowledge-prose section .knowledge-callout{margin-top:1.2rem}
@media(max-width:860px){.knowledge-layout{grid-template-columns:1fr}.knowledge-index{position:static}.knowledge-index nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.knowledge-card-grid,.month-plan,.knowledge-index nav{grid-template-columns:1fr}.knowledge-layout{padding-top:2rem}.knowledge-hero{padding-top:2.5rem}}

/* Blog: Archivmaterial als kompakte redaktionelle Werkstatt. */
.blog-hero{padding-bottom:2.5rem}.blog-hero h1{max-width:1000px}.blog-section{padding-top:2rem}.category-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.75rem}.category-strip span{padding:.42rem .62rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--white);font:650 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.category-strip b{display:inline-grid;min-width:1.35rem;min-height:1.35rem;margin-left:.25rem;place-items:center;border-radius:50%;color:var(--white);background:var(--petrol)}
.article-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.article-card{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);min-height:250px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:3px 3px 0 color-mix(in srgb,var(--petrol) 8%,transparent);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:7px 8px 0 color-mix(in srgb,var(--petrol) 10%,transparent)}.article-thumb{position:relative;min-height:100%;overflow:hidden;background:var(--sage)}.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.article-card:hover .article-thumb img{transform:scale(1.035)}.image-review{position:absolute;left:.55rem;bottom:.55rem;padding:.35rem .45rem;color:var(--petrol-dark);background:rgba(255,253,249,.9);font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.article-card-copy{display:flex;flex-direction:column;padding:1.1rem}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:var(--muted);font:650 .68rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.article-meta span{color:var(--copper);text-transform:uppercase;letter-spacing:.04em}.article-card h2{margin:.65rem 0;font-size:clamp(1.2rem,2vw,1.55rem)}.article-card h2 a{text-decoration:none}.article-card p{display:-webkit-box;margin:0;color:var(--muted);font-size:.88rem;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-link{margin-top:auto;padding-top:.8rem;color:var(--petrol);font-weight:750;text-decoration:none;font-size:.82rem}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.article-shell{padding:3rem 0 0}.article-header{max-width:920px}.article-header h1{margin:.7rem 0 1.15rem;font-size:clamp(2.4rem,5vw,4.6rem)}.article-header .lead{max-width:800px}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--muted);font:700 .75rem ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}.back-link:hover{color:var(--copper)}.article-hero-image{max-width:1000px;margin:2rem auto 0}.article-hero-image img{display:block;width:100%;max-height:560px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.article-hero-image figcaption{padding:.55rem .2rem;color:var(--muted);font-size:.75rem}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(2rem,6vw,5.5rem);justify-content:center;padding:3rem 0 4.5rem}.article-status{position:sticky;top:90px;padding:1rem;border-left:3px solid var(--copper);background:var(--paper)}.article-status strong{display:block;color:var(--petrol-dark);font:.78rem ui-monospace,SFMono-Regular,Consolas,monospace}.article-status p{margin:.45rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.article-body{min-width:0}.article-body p,.article-body li{font-size:1.06rem;line-height:1.75}.article-body h2{margin:2.8rem 0 1rem;font-size:clamp(1.65rem,3vw,2.35rem)}.article-body h2:first-child{margin-top:0}.article-body ul{padding-left:1.3rem}.article-body li{margin:.5rem 0}.article-body .poem-line{margin:.15rem 0;color:var(--petrol-dark);font-family:Georgia,serif;font-style:italic}.related-section{padding:3rem 0}.related-section h2{font-size:clamp(1.8rem,3vw,2.6rem)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}.related-grid a{display:flex;min-height:150px;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--white);text-decoration:none;transition:transform .2s,border-color .2s}.related-grid a:hover{transform:translateY(-3px);border-color:var(--copper)}.related-grid span{color:var(--copper);font:700 .66rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.related-grid strong{margin:.65rem 0;color:var(--petrol-dark);line-height:1.35}.related-grid small{margin-top:auto;color:var(--muted)}
@media(max-width:980px){.article-card{grid-template-columns:1fr}.article-thumb{min-height:210px}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.article-card-grid,.related-grid,.article-layout{grid-template-columns:1fr}.article-status{position:static}.article-layout{gap:1.5rem}.article-card{grid-template-columns:120px 1fr}.article-thumb{min-height:100%}.article-hero-image{margin-top:1.5rem}.article-shell{padding-top:2.2rem}}@media(max-width:520px){.article-card{grid-template-columns:1fr}.article-thumb{min-height:190px}.article-card-copy{padding:1rem}.article-header h1{font-size:2.35rem}.article-layout{padding-top:2rem}}

/* Kompakte Artikelfassung: Inhalt vor Inszenierung. */
.blog-hero h1{max-width:850px;font-size:clamp(2.35rem,4vw,3.85rem)}
.article-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;max-width:1050px}.article-header{max-width:none}.article-header h1{margin:.65rem 0 1rem;font-size:clamp(2.15rem,3.8vw,3.55rem);line-height:1.08}.article-header .lead{font-size:1.05rem;line-height:1.55}.article-hero-image{width:100%;margin:0}.article-hero-image img{aspect-ratio:4/3;max-height:390px;object-fit:cover;filter:grayscale(82%) saturate(42%) contrast(.96);transition:filter .35s ease,transform .35s ease}.article-hero-image:hover img{filter:grayscale(0) saturate(90%);transform:scale(1.012)}.article-hero-image figcaption{font-size:.68rem}.article-layout{display:block;max-width:760px;margin:0 auto;padding:3rem 0 4rem}.article-body h2{font-size:clamp(1.55rem,2.5vw,2.1rem)}.article-status{position:static;margin-top:3.5rem;padding:.75rem .9rem;border-left-width:2px;background:color-mix(in srgb,var(--paper) 65%,transparent);opacity:.78}.article-status strong{font-size:.68rem}.article-status p{margin:.3rem 0 0;font-size:.69rem}.article-thumb img{filter:grayscale(78%) saturate(45%);transition:filter .35s,transform .35s}.article-card:hover .article-thumb img{filter:grayscale(0) saturate(90%);transform:scale(1.035)}
@media(max-width:820px){.article-top{grid-template-columns:1fr}.article-header{max-width:760px}.article-hero-image{max-width:560px;margin:0}.article-hero-image img{aspect-ratio:16/9}.article-layout{padding-top:2.4rem}}@media(max-width:520px){.blog-hero h1{font-size:2.25rem}.article-header h1{font-size:2.15rem}.article-top{gap:1.5rem}.article-hero-image{margin-top:0}}

/* Bild links, Überschrift rechts; der Lesetext folgt derselben rechten Flucht. */
.article-top{display:grid;max-width:1050px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1.2rem clamp(2rem,5vw,4.5rem);align-items:center}.article-top>.back-link{grid-column:1/-1;margin:0}.article-top .article-hero-image{grid-column:1;margin:0}.article-top .article-header{grid-column:2;margin:0}.article-top .article-hero-image img{aspect-ratio:4/3;max-height:350px}.article-header h1{font-size:clamp(2.05rem,3.4vw,3.15rem)}.article-layout{display:block;max-width:1050px;padding-top:2.7rem}.article-layout .article-body{width:100%}.image-credit{margin:2.5rem 0 0!important;color:var(--muted);font:500 .62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace!important;opacity:.72}
@media(max-width:820px){.article-top,.article-layout{display:block;max-width:760px}.article-top>.back-link{display:inline-block;margin-bottom:1rem}.article-top .article-hero-image{max-width:none}.article-top .article-header{max-width:none;margin-top:1.2rem}.article-top .article-hero-image img{aspect-ratio:16/9}.article-layout{padding-top:2.3rem}}@media(max-width:520px){.article-top .article-hero-image img{aspect-ratio:16/10}}

/* Blogübersicht: kurze Titel, eigene Teaser und ein ruhiger, breiter Einstieg. */
.blog-hero h1{max-width:none;font-size:clamp(2.35rem,4.2vw,4rem)}.blog-hero .lead{max-width:900px}.blog-section{padding-top:1.6rem}.blog-section .category-strip{margin-top:0}.article-card h2{min-height:2.42em;max-height:2.42em;margin:.55rem 0;font-size:clamp(1.02rem,1.45vw,1.2rem);line-height:1.21;overflow:hidden}.article-card p{display:block;max-height:4.65em;font-size:.84rem;line-height:1.55;overflow:hidden;-webkit-line-clamp:unset;-webkit-box-orient:unset}
@media(max-width:980px){.article-card h2{font-size:1.15rem}}@media(max-width:520px){.article-card h2{min-height:auto;max-height:none}.article-card p{max-height:none}}

/* Kompaktere Karten ohne künstlichen Leerraum vor dem Link. */
.article-card{min-height:205px}.article-card-copy{padding:.9rem 1rem}.article-card .text-link{margin-top:.55rem;padding-top:0}.article-card .article-meta{font-size:.64rem}.article-card-grid{gap:.8rem}
@media(max-width:980px) and (min-width:761px){.article-card{grid-template-columns:145px 1fr}.article-thumb{min-height:100%}}

/* Filterbare Kategorien und wieder unten ausgerichtete Kartenlinks. */
.category-strip button{display:inline-flex;align-items:center;padding:.42rem .62rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--white);font:650 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.category-strip button:hover,.category-strip button:focus-visible{border-color:var(--copper);color:var(--petrol-dark);outline:none}.category-strip button[aria-pressed="true"]{border-color:var(--petrol);color:var(--white);background:var(--petrol)}.category-strip button[aria-pressed="true"] b{color:var(--petrol);background:var(--white)}.article-card[hidden]{display:none}.article-card .text-link{margin-top:auto;padding-top:.55rem}.blog-empty{margin:1rem 0 0;padding:1rem;border:1px dashed var(--copper);border-radius:10px;color:var(--muted);background:var(--white)}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:1.8rem 0 .35rem}.blog-pagination[hidden]{display:none}.blog-pagination button{min-width:2.35rem;padding:.55rem .72rem;border:1px solid var(--line);border-radius:8px;color:var(--petrol-dark);background:var(--white);font:750 .75rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s}.blog-pagination button:hover:not(:disabled),.blog-pagination button:focus-visible{border-color:var(--copper);color:var(--copper);outline:none;transform:translateY(-1px)}.blog-pagination button[aria-current="page"]{border-color:var(--copper);color:var(--white);background:var(--copper)}.blog-pagination button:disabled{cursor:not-allowed;opacity:.38}.blog-page-numbers{display:flex;gap:.35rem}.blog-page-status{margin:.6rem 0 0;color:var(--muted);font:650 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}@media(max-width:520px){.blog-pagination{gap:.35rem}.blog-pagination button{padding:.5rem .58rem}.blog-pagination>button{font-size:0}.blog-pagination>button::first-letter{font-size:.8rem}}.nav-links a{position:relative;padding:.48rem .42rem;border-radius:6px;transition:color .18s,background .18s,transform .18s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--petrol-dark);background:color-mix(in srgb,var(--copper) 10%,transparent);outline:none;transform:translateY(-1px)}.nav-links a[aria-current="page"]{color:var(--copper);background:color-mix(in srgb,var(--copper) 9%,transparent);box-shadow:inset 0 -2px 0 var(--copper)}
@media(max-width:860px){.nav-links a:hover,.nav-links a:focus-visible{transform:none}}

/* Mehr natürliche Farbe mit einer sehr dezenten warmen Orange-Tönung. */
.article-thumb::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(216,90,22,.09),rgba(216,90,22,.025));mix-blend-mode:multiply;transition:opacity .35s}.article-thumb img{filter:grayscale(30%) saturate(78%) sepia(9%) contrast(.98)}.article-card:hover .article-thumb img{filter:grayscale(0) saturate(96%) sepia(3%);transform:scale(1.035)}.article-card:hover .article-thumb::after{opacity:.28}.image-review{z-index:2}.article-hero-image img{filter:grayscale(26%) saturate(80%) sepia(8%) contrast(.98)}.article-hero-image:hover img{filter:grayscale(0) saturate(96%) sepia(3%);transform:scale(1.012)}

/* Verbindliche redaktionelle Bausteine für die Musterartikel. */
.article-callout{margin:2.2rem 0;padding:1.1rem 1.25rem;border-left:4px solid var(--copper);border-radius:0 10px 10px 0;background:var(--paper)}.article-callout strong{display:block;margin-bottom:.35rem;color:var(--copper);font:750 .7rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em}.article-callout p{margin:0;color:var(--petrol-dark);font-size:1rem}.article-poem{margin:0 0 2.5rem;padding:1.25rem 1.4rem;border-left:3px solid var(--copper);background:color-mix(in srgb,var(--paper) 68%,transparent);color:var(--petrol-dark);font:italic 1.12rem/1.75 Georgia,serif}.article-poem span{display:block}

/* Ruhige Navigation innerhalb zusammengehörender Artikelserien. */
.series-label{margin:0 0 .55rem;color:var(--copper);font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em}.series-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3.2rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line)}.series-navigation a,.series-navigation>span{display:flex;min-height:5.5rem;flex-direction:column;justify-content:center;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--white);text-decoration:none}.series-navigation a{transition:border-color .18s,transform .18s}.series-navigation a:hover{border-color:var(--copper);transform:translateY(-2px)}.series-navigation small{color:var(--copper);font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.series-navigation strong{margin-top:.35rem;color:var(--petrol-dark);line-height:1.3}.series-next{text-align:right;align-items:flex-end}.series-pending{opacity:.68}.series-pending em{margin-top:.25rem;color:var(--muted);font-size:.68rem}@media(max-width:620px){.series-navigation{grid-template-columns:1fr}.series-navigation>span:empty{display:none}.series-next{text-align:left;align-items:flex-start}}
.article-sources{margin-top:clamp(2rem,5vw,4rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.article-sources h2{font-size:clamp(1.1rem,2vw,1.35rem)}
.article-sources ul{padding-left:1.15rem}
.article-sources li{margin:.4rem 0}
.article-sources p{font-size:.78rem;color:var(--muted)}
.article-meta .article-updated{color:var(--muted);text-transform:none;letter-spacing:0}.article-meta .article-updated::before{content:"·";margin-right:.5rem;color:var(--copper)}

/* Private Lesevorschau der noch nicht freigegebenen Blogentwürfe. */
.draft-hero{padding-bottom:2.5rem}.draft-hero h1{max-width:900px}.draft-notice{margin:0 0 1.5rem;padding:1rem 1.15rem;border:1px dashed var(--copper);border-radius:12px;background:var(--white)}.draft-notice strong{color:var(--copper);font:750 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.draft-notice p{margin:.35rem 0 0;color:var(--muted)}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.draft-card{display:flex;min-height:250px;flex-direction:column;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:3px 3px 0 color-mix(in srgb,var(--petrol) 8%,transparent)}.draft-card h2{margin:.75rem 0 .65rem;font-size:clamp(1.25rem,2vw,1.65rem)}.draft-card h2 a{text-decoration:none}.draft-card p{margin:0;color:var(--muted);line-height:1.6}.draft-card .text-link{margin-top:auto}.draft-article-header{max-width:1050px}.draft-article-header h1{max-width:900px;margin:.65rem 0 1rem;font-size:clamp(2.15rem,4vw,3.65rem)}.draft-article-header .lead{max-width:850px}.draft-badge{display:inline-block;margin:0 0 1rem;padding:.45rem .65rem;border-radius:999px;color:var(--white);background:var(--copper);font:750 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.draft-article .article-layout{padding-top:2.5rem}@media(max-width:760px){.draft-grid{grid-template-columns:1fr}.draft-card{min-height:220px}}

/* Chronologisch durch den gesamten Blog, unabhängig von einer Artikelserie. */
.chronology-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 0}.chronology-navigation a,.chronology-navigation>span{display:flex;min-height:5.25rem;flex-direction:column;justify-content:center;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--white);text-decoration:none}.chronology-navigation a{transition:border-color .18s,transform .18s}.chronology-navigation a:hover{border-color:var(--copper);transform:translateY(-2px)}.chronology-navigation small{color:var(--copper);font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.chronology-navigation strong{margin-top:.35rem;color:var(--petrol-dark);line-height:1.3}.chronology-next{text-align:right;align-items:flex-end}@media(max-width:620px){.chronology-navigation{grid-template-columns:1fr}.chronology-navigation>span:empty{display:none}.chronology-next{text-align:left;align-items:flex-start}}

/* Entwurfsbilder: bewusst vielfältig und ohne die Farbfilter der Blogarchiv-Bilder. */
.draft-card{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);min-height:275px;padding:0;overflow:hidden}.draft-thumb{display:block;min-height:100%;overflow:hidden;background:var(--sage)}.draft-thumb img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .3s}.draft-card:hover .draft-thumb img{transform:scale(1.025)}.draft-card-copy{display:flex;min-width:0;flex-direction:column;padding:1.1rem}.draft-card-copy h2{font-size:clamp(1.15rem,1.65vw,1.45rem)}.draft-card-copy p{font-size:.88rem;line-height:1.55}.draft-article-intro{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:center}.draft-hero-image{margin:0}.draft-hero-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:12px;filter:none}.draft-hero-image figcaption{margin-top:.45rem;color:var(--muted);font:.58rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:980px){.draft-card{grid-template-columns:145px 1fr}}@media(max-width:760px){.draft-article-intro{grid-template-columns:1fr}.draft-card{grid-template-columns:120px 1fr}.draft-hero-image{max-width:620px}}@media(max-width:520px){.draft-card{grid-template-columns:1fr}.draft-thumb{min-height:190px}}

/* Blogbilder werden unverfälscht gezeigt: keine Farbfilter, Überlagerungen oder Zoom-Effekte. */
.article-thumb::after{display:none}.article-thumb img,.article-card:hover .article-thumb img,.article-hero-image img,.article-hero-image:hover img{filter:none;transform:none}.article-thumb img,.article-hero-image img{transition:none}.article-hero-image figcaption{margin-top:.45rem;padding:0 .15rem;color:var(--muted);font:500 .58rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.article-top .article-hero-image img.project-image{aspect-ratio:3/2;image-rendering:auto}
.article-thumb picture{display:block;width:100%;height:100%}.article-thumb picture img{display:block;width:100%;height:100%;object-fit:cover}

/* Erklärgrafiken im Wissensbereich */
.wheel-grid section:last-child,.scenario-grid section:last-child:nth-child(odd){grid-column:1/-1}
.knowledge-visual{margin:1.8rem 0 2rem;padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--white),var(--paper))}.knowledge-visual figcaption{margin-bottom:1rem;color:var(--copper);font:750 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.flow-track{display:flex;align-items:stretch;gap:.55rem}.flow-node{flex:1;min-width:0;padding:.85rem;border-radius:10px;background:var(--sage)}.flow-node span,.flow-node b,.flow-node small{display:block}.flow-node span{margin-bottom:.55rem;color:var(--copper);font:750 .7rem ui-monospace,SFMono-Regular,Consolas,monospace}.flow-node b{color:var(--petrol-dark);font-size:.9rem}.flow-node small{margin-top:.35rem;color:var(--muted);font-size:.73rem;line-height:1.4}.flow-track>i{align-self:center;color:var(--copper);font-style:normal;font-weight:800}.layer-visual>div{display:grid;gap:.45rem}.layer-visual section{display:grid;grid-template-columns:minmax(120px,.7fr) 1.6fr;gap:1rem;margin:0!important;padding:.75rem 1rem;border-left:4px solid var(--copper);background:var(--sage)}.layer-visual section:nth-child(even){border-left-color:var(--petrol)}.layer-visual b{color:var(--petrol-dark)}.layer-visual span{color:var(--muted);font-size:.84rem}.wheel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.wheel-grid>strong{grid-column:1/-1;padding:1rem;border-radius:999px;color:var(--white);background:var(--petrol);text-align:center}.wheel-grid section,.compare-visual section{margin:0!important;padding:.85rem;border-radius:10px;background:var(--sage)}.wheel-grid b,.wheel-grid span,.compare-visual b,.compare-visual span{display:block}.wheel-grid b,.compare-visual b{color:var(--petrol-dark);font-size:.88rem}.wheel-grid span,.compare-visual span{margin-top:.25rem;color:var(--muted);font-size:.78rem}.compare-visual>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.scenario-grid>*{margin:0!important;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.scenario-grid b,.scenario-grid span{display:block}.scenario-grid b{margin-bottom:.55rem;color:var(--petrol-dark)}.scenario-grid span{color:var(--muted);font-size:.88rem}.protection-visual{display:grid;gap:.85rem}.protection-row{padding:1rem;border-radius:12px}.protection-row.weak{border:1px solid color-mix(in srgb,var(--copper) 55%,var(--line));background:color-mix(in srgb,var(--copper) 8%,var(--paper))}.protection-row.strong{border:1px solid color-mix(in srgb,var(--petrol) 45%,var(--line));background:var(--sage)}.protection-row strong,.protection-row small{display:block}.protection-row strong{margin-bottom:.7rem;color:var(--petrol-dark)}.protection-row>div{display:flex;align-items:center;gap:.55rem}.protection-row span{flex:1;padding:.65rem;border-radius:8px;background:var(--white);font-size:.8rem;font-weight:700;text-align:center}.protection-row i{color:var(--copper);font-style:normal;font-weight:800}.protection-row small{margin-top:.65rem;color:var(--muted);line-height:1.45}.protection-actions{padding:.9rem 1rem;border-left:4px solid var(--copper);background:var(--paper)}.protection-actions b,.protection-actions span{display:block}.protection-actions span{margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.5}
.chain-track{display:flex;align-items:stretch;gap:.45rem}.chain-track section{flex:1;margin:0!important;padding:.8rem;border-radius:10px;background:var(--paper)}.chain-track section span,.chain-track section b,.chain-track section small{display:block}.chain-track section span{color:var(--copper);font:750 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.chain-track section b{margin-top:.4rem;color:var(--petrol-dark);font-size:.88rem}.chain-track section small{margin-top:.3rem;color:var(--muted);font-size:.72rem;line-height:1.4}.chain-track>i{align-self:center;color:var(--copper);font-style:normal;font-weight:800}.resilience-band{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:.35rem;align-items:center;margin-top:.65rem;padding:.8rem;border-radius:10px;color:var(--white);background:var(--petrol)}.resilience-band b{font-size:.82rem}.resilience-band span{padding:.35rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.67rem;font-weight:700;text-align:center}
@media(max-width:860px){.flow-track,.chain-track{display:grid;grid-template-columns:1fr}.flow-track>i,.chain-track>i{display:none}.resilience-band{grid-template-columns:repeat(2,1fr)}.resilience-band b{grid-column:1/-1}}@media(max-width:620px){.wheel-grid,.compare-visual>div,.scenario-grid{grid-template-columns:1fr}.layer-visual section{grid-template-columns:1fr;gap:.25rem}.protection-row>div{align-items:stretch;flex-direction:column}.protection-row i{transform:rotate(90deg)}}

/* Einheitliches System für erklärende Wissensgrafiken */
.knowledge-visual small,.knowledge-visual span{line-height:1.45}.flow-node small,.chain-track section small,.wheel-grid span,.compare-visual span{font-size:.86rem}.visual-note{margin:.9rem 0 0!important;padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem!important}.visual-link{display:block;color:inherit;text-decoration:none}.visual-link .knowledge-visual{transition:border-color .18s,transform .18s}.visual-link:hover .knowledge-visual,.visual-link:focus-visible .knowledge-visual{border-color:var(--copper);transform:translateY(-2px)}
.map-visual{position:relative}.map-center{display:grid;place-items:center;min-height:76px;margin:0 auto 1rem;padding:1rem;border-radius:999px;color:var(--white);background:var(--petrol);text-align:center}.map-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.map-items section{margin:0!important;padding:.9rem;border-top:3px solid var(--copper);border-radius:10px;background:var(--sage)}.map-items b,.map-items span{display:block}.map-items b{color:var(--petrol-dark);font-size:.9rem}.map-items span{margin-top:.35rem;color:var(--muted);font-size:.86rem}
.timeline-track{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.55rem}.timeline-track::before{content:"";position:absolute;top:1.05rem;right:4%;left:4%;height:2px;background:var(--copper)}.timeline-track section{position:relative;margin:0!important;padding:2.2rem .8rem .85rem;border-radius:10px;background:var(--sage)}.timeline-track section>span{position:absolute;top:.35rem;left:.7rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;color:var(--white);background:var(--copper);font:750 .64rem ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-track b,.timeline-track small{display:block}.timeline-track b{color:var(--petrol-dark);font-size:.88rem}.timeline-track small{margin-top:.35rem;color:var(--muted);font-size:.84rem}
.cycle-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;counter-reset:cycle}.cycle-track section{position:relative;margin:0!important;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.cycle-track section::after{content:"↻";position:absolute;right:.65rem;bottom:.35rem;color:var(--copper);font-size:1.1rem}.cycle-track span,.cycle-track b,.cycle-track small{display:block}.cycle-track span{color:var(--copper);font:750 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.cycle-track b{margin-top:.3rem;color:var(--petrol-dark);font-size:.9rem}.cycle-track small{margin-top:.3rem;color:var(--muted);font-size:.84rem}
.decision-visual>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.decision-visual section{display:flex;min-height:140px;flex-direction:column;margin:0!important;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.decision-visual b,.decision-visual span{display:block}.decision-visual b{color:var(--petrol-dark)}.decision-visual span{margin-top:.4rem;color:var(--muted);font-size:.86rem}.decision-visual a{margin-top:auto;padding-top:.75rem;color:var(--copper);font-weight:750;text-decoration:none}
.priority-matrix>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.priority-matrix section{margin:0!important;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.priority-matrix section b,.priority-matrix section span{display:block}.priority-matrix section b{color:var(--petrol-dark)}.priority-matrix section span{margin-top:.4rem;color:var(--muted);font-size:.86rem}.priority-matrix .priority-first{border:2px solid var(--petrol);background:var(--sage)}.priority-matrix .priority-later{border-style:dashed}
.responsibility-lead,.responsibility-report{padding:1rem;border-radius:10px}.responsibility-lead{color:var(--white);background:var(--petrol)}.responsibility-report{border-left:4px solid var(--copper);background:var(--paper)}.responsibility-lead b,.responsibility-lead span,.responsibility-report b,.responsibility-report span{display:block}.responsibility-lead span,.responsibility-report span{margin-top:.3rem;font-size:.86rem}.responsibility-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.65rem 0}.responsibility-tasks section{margin:0!important;padding:.9rem;border-radius:10px;background:var(--sage)}.responsibility-tasks b,.responsibility-tasks span{display:block}.responsibility-tasks span{margin-top:.3rem;color:var(--muted);font-size:.86rem}
.overlap-visual>div{display:grid;grid-template-columns:1fr .8fr 1fr;gap:.65rem;align-items:stretch}.overlap-visual section{margin:0!important;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.overlap-visual .overlap{border-color:var(--copper);background:var(--sage)}.overlap-visual b,.overlap-visual span{display:block}.overlap-visual b{color:var(--petrol-dark)}.overlap-visual span{margin-top:.4rem;color:var(--muted);font-size:.86rem}
@media(max-width:760px){.map-items,.cycle-track,.decision-visual>div,.responsibility-tasks,.overlap-visual>div{grid-template-columns:1fr}.priority-matrix>div{grid-template-columns:1fr}.timeline-track{grid-template-columns:1fr}.timeline-track::before{top:1rem;right:auto;bottom:1rem;left:1.4rem;width:2px;height:auto}.timeline-track section{padding:1rem 1rem 1rem 3.3rem}.timeline-track section>span{top:1rem;left:.68rem}.flow-track,.chain-track{gap:1.35rem}.flow-track>*:not(:last-child)::after,.chain-track section:not(:last-of-type)::after{content:"↓";position:absolute;left:50%;bottom:-1.15rem;color:var(--copper);font-weight:800}.flow-node,.chain-track section{position:relative}.wheel-grid section:last-child,.scenario-grid section:last-child:nth-child(odd){grid-column:auto}}
@media(prefers-reduced-motion:reduce){.visual-link .knowledge-visual{transition:none}.visual-link:hover .knowledge-visual{transform:none}}

/* Beziehungen, Semantik und Kontrast der Diagramme */
.knowledge-visual figcaption,.flow-node span,.chain-track section span,.timeline-track>li>span,.cycle-track>li>span,.decision-visual a{color:#9f3b06}.visual-link:focus-visible{outline:3px solid #9f3b06;outline-offset:4px;border-radius:14px}.layer-visual>div>div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.6fr;gap:1rem;padding:.75rem 1rem;border-left:4px solid var(--copper);background:var(--sage)}.layer-visual>div>div:nth-child(even){border-left-color:var(--petrol)}.layer-visual>div>div b{color:var(--petrol-dark)}.layer-visual>div>div span{color:var(--muted);font-size:.86rem}.wheel-grid>div,.compare-visual>div>div{padding:.85rem;border-radius:10px;background:var(--sage)}.wheel-grid>div b,.wheel-grid>div span,.compare-visual>div>div b,.compare-visual>div>div span{display:block}.wheel-grid>div b,.compare-visual>div>div b{color:var(--petrol-dark);font-size:.9rem}.wheel-grid>div span,.compare-visual>div>div span{margin-top:.3rem;color:var(--muted);font-size:.86rem}.wheel-grid>div:last-child{grid-column:1/-1}.map-center{position:relative}.map-center::after{content:"";position:absolute;bottom:-1rem;left:50%;width:2px;height:1rem;background:var(--copper)}.map-items{position:relative;padding-top:1rem}.map-items::before{content:"";position:absolute;top:.35rem;right:16%;left:16%;height:2px;background:var(--copper)}.map-items>div{position:relative;padding:.9rem;border-top:3px solid var(--copper);border-radius:10px;background:var(--sage)}.map-items>div::before{content:"";position:absolute;top:-.75rem;left:50%;width:2px;height:.75rem;background:var(--copper)}.map-items>div b,.map-items>div span{display:block}.map-items>div b{color:var(--petrol-dark);font-size:.9rem}.map-items>div span{margin-top:.35rem;color:var(--muted);font-size:.86rem}.timeline-track,.cycle-track{margin:0;padding:0;list-style:none}.timeline-track>li{position:relative;margin:0!important;padding:2.2rem .8rem .85rem;border-radius:10px;background:var(--sage)}.timeline-track>li>span{position:absolute;top:.35rem;left:.7rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;color:var(--white);background:#9f3b06;font:750 .64rem ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-track>li b,.timeline-track>li small{display:block}.timeline-track>li b{color:var(--petrol-dark);font-size:.88rem}.timeline-track>li small{margin-top:.35rem;color:var(--muted);font-size:.84rem}.cycle-track>li{position:relative;margin:0!important;padding:1rem 2rem 1rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.cycle-track>li:not(:last-child)::after{content:"→";position:absolute;right:.55rem;top:45%;color:#9f3b06;font-weight:800}.cycle-track>li:last-child::after{content:"↩";position:absolute;right:.55rem;top:45%;color:#9f3b06;font-weight:800}.cycle-track>li span,.cycle-track>li b,.cycle-track>li small{display:block}.cycle-track>li b{margin-top:.3rem;color:var(--petrol-dark);font-size:.9rem}.cycle-track>li small{margin-top:.3rem;color:var(--muted);font-size:.84rem}.decision-visual>div>div{display:flex;min-height:140px;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.decision-visual>div>div b,.decision-visual>div>div span{display:block}.decision-visual>div>div b{color:var(--petrol-dark)}.decision-visual>div>div span{margin-top:.4rem;color:var(--muted);font-size:.86rem}.decision-visual>div>div a{margin-top:auto;padding-top:.75rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.overlap-visual>div{gap:0}.overlap-visual>div>section:first-child{transform:translateX(8px);border-radius:40px 12px 12px 40px}.overlap-visual>div>section.overlap{z-index:1;box-shadow:0 0 0 8px rgba(255,254,250,.72);transform:scale(1.04)}.overlap-visual>div>section:last-child{transform:translateX(-8px);border-radius:12px 40px 40px 12px}
@media(max-width:760px){.layer-visual>div>div{grid-template-columns:1fr;gap:.25rem}.map-items{grid-template-columns:1fr}.map-items::before{top:0;right:auto;bottom:0;left:1rem;width:2px;height:auto}.map-items>div{padding-left:2.4rem}.map-items>div::before{top:50%;left:1rem;width:1.4rem;height:2px}.timeline-track>li{padding:1rem 1rem 1rem 3.3rem}.timeline-track>li>span{top:1rem;left:.68rem}.cycle-track>li:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-1.15rem}.cycle-track{gap:1.35rem}.overlap-visual>div>section:first-child,.overlap-visual>div>section.overlap,.overlap-visual>div>section:last-child{transform:none;border-radius:12px}.overlap-visual>div>section.overlap{box-shadow:none}}

/* Bildbasierte Infografiken: visuelle Ebene plus kontrollierter Webtext */
.image-infographic{padding:1rem}.infographic-stage{position:relative;overflow:hidden;border:1px solid rgba(0,66,52,.16);border-radius:12px;background:#fff}.infographic-stage>img{display:block;width:100%;height:auto}.infographic-label{position:absolute;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .35rem;text-align:center}.infographic-label b,.infographic-label span{display:block}.infographic-label b{color:#073f35;font-size:clamp(.63rem,1.15vw,.9rem);line-height:1.15}.infographic-label span{margin-top:.25rem;color:#314e47;font-size:clamp(.5rem,.86vw,.72rem);line-height:1.25}.infographic-mobile-list{display:none;margin:1rem 0 0;padding:0;list-style:none}.infographic-linear .label-1{left:2.4%;top:43.5%;width:17.6%;height:27.8%}.infographic-linear .label-2{left:22.4%;top:43.5%;width:16.7%;height:27.8%}.infographic-linear .label-3{left:41.5%;top:43.5%;width:16.9%;height:27.8%}.infographic-linear .label-4{left:60.8%;top:43.5%;width:17.1%;height:27.8%}.infographic-linear .label-5{left:80.3%;top:43.5%;width:17.3%;height:27.8%}.infographic-radial .label-1{left:1.7%;top:13%;width:26%;height:15%}.infographic-radial .label-2{left:72.7%;top:13%;width:25.5%;height:15%}.infographic-radial .label-3{left:1.7%;top:67%;width:26%;height:15%}.infographic-radial .label-4{left:72.7%;top:67%;width:25.5%;height:15%}.infographic-radial .label-5{left:42%;top:57%;width:16%;height:6%;padding:.15rem .3rem;border:1px solid rgba(212,90,22,.7);border-radius:999px;background:#fffef8;box-shadow:0 2px 7px rgba(0,45,37,.18)}.infographic-radial .label-5 b{color:#073f35;font-size:clamp(.7rem,1.25vw,.96rem)}.infographic-radial .label-5 span{display:none}.infographic-layered .label-1{left:2.4%;top:34%;width:20.6%;height:23%}.infographic-layered .label-2{left:26.6%;top:34%;width:20.6%;height:23%}.infographic-layered .label-3{left:51%;top:34%;width:20.6%;height:23%}.infographic-layered .label-4{left:75.4%;top:34%;width:20.6%;height:23%}.infographic-layered .label-5{left:41%;top:67%;width:18%;height:7%;padding:.15rem .35rem;border:1px solid rgba(212,90,22,.75);border-radius:999px;background:#fffef8;box-shadow:0 2px 7px rgba(0,45,37,.2)}.infographic-layered .label-5 b{color:#073f35;font-size:clamp(.72rem,1.3vw,1rem)}.infographic-layered .label-5 span{display:none}.image-infographic .visual-note{margin-bottom:0!important}
@media(max-width:760px){.image-infographic .infographic-stage{display:none}.image-infographic{padding:.85rem}.infographic-mobile-list{display:grid;gap:.55rem;margin-top:0}.infographic-mobile-list li{display:flex;gap:.7rem;padding:.75rem;border-radius:10px;background:var(--sage)}.infographic-mobile-list>li>span{display:grid;flex:0 0 1.7rem;height:1.7rem;place-items:center;border-radius:50%;color:#fff;background:#9f3b06;font:750 .65rem ui-monospace,SFMono-Regular,Consolas,monospace}.infographic-mobile-list b,.infographic-mobile-list small{display:block}.infographic-mobile-list b{color:var(--petrol-dark)}.infographic-mobile-list small{margin-top:.2rem;color:var(--muted);font-size:.84rem}}
@media(max-width:760px){.infographic-radial .infographic-mobile-list li:nth-child(3){order:4}.infographic-radial .infographic-mobile-list li:nth-child(4){order:3}.infographic-radial .infographic-mobile-list li:nth-child(5){order:5}}

/* Einfacher Kreislauf für das Fünf-Dimensionen-Modell */
.five-dimension-cycle svg{display:block;width:100%;height:auto}.five-dimension-cycle .cycle-line{fill:none;stroke:#d45a16;stroke-width:6;stroke-linecap:round;marker-end:url(#cycle-arrow)}.five-dimension-cycle .cycle-node circle{stroke-width:4}.five-dimension-cycle .node-1 circle{fill:#e5f3e9;stroke:#24684f}.five-dimension-cycle .node-2 circle{fill:#e4f2f1;stroke:#075b65}.five-dimension-cycle .node-3 circle{fill:#fff0e7;stroke:#d45a16}.five-dimension-cycle .node-4 circle{fill:#f2ede5;stroke:#8b4d15}.five-dimension-cycle .node-5 circle{fill:#e7f0ea;stroke:#075a4c}.five-dimension-cycle text{fill:#314e47;font:600 16px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;text-anchor:middle}.five-dimension-cycle .cycle-node-title{fill:#073f35;font-size:20px;font-weight:800}.five-dimension-cycle .cycle-center circle{fill:#075a4c;stroke:#e36a22;stroke-width:5}.five-dimension-cycle .cycle-center text{fill:#fffef8;font-size:24px;font-weight:800}.five-dimension-cycle .cycle-center-small{font-size:15px;font-weight:600}.cycle-mobile{display:none;margin:0;padding:0;list-style:none}.cycle-mobile li{position:relative;padding:1rem;border-left:4px solid #d45a16;background:var(--sage)}.cycle-mobile li:not(:last-child)::after{content:"↓";position:absolute;right:1rem;bottom:-1.15rem;z-index:1;color:#9f3b06;font-weight:800}.cycle-mobile b,.cycle-mobile span{display:block}.cycle-mobile b{color:var(--petrol-dark)}.cycle-mobile span{margin-top:.25rem;color:var(--muted);font-size:.86rem}
.five-dimension-cycle .cycle-arcs path{fill:none;stroke:#d45a16;stroke-width:6;stroke-linecap:round;marker-end:url(#cycle-arrow-round)}
@media(max-width:760px){.five-dimension-cycle svg{display:none}.cycle-mobile{display:grid;gap:1.25rem;counter-reset:dimension}.cycle-mobile li{display:grid;min-height:82px;place-content:center;padding:.8rem 3.2rem;text-align:center;border-left:0}.cycle-mobile li::before{counter-increment:dimension;content:counter(dimension,decimal-leading-zero);position:absolute;top:50%;left:1rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;transform:translateY(-50%);border-radius:50%;color:#fff;background:#9f3b06;font:750 .65rem ui-monospace,SFMono-Regular,Consolas,monospace}.cycle-mobile li:not(:last-child)::after{right:auto;bottom:-1.15rem;left:50%;transform:translateX(-50%)}.cycle-mobile li:last-child::after{content:"↩";position:absolute;right:auto;bottom:-1.1rem;left:50%;transform:translateX(-50%);color:#9f3b06;font-weight:800}}

/* Mobile Wissensseiten: keine Doppelgrafiken und kein horizontales Ausbrechen */
@media(max-width:760px){.knowledge-prose,.knowledge-prose>section,.knowledge-visual{min-width:0;max-width:100%}.knowledge-visual{overflow:hidden;margin:1.35rem 0 1.6rem;padding:.85rem}.knowledge-visual figcaption{overflow-wrap:anywhere}.knowledge-prose .cycle-mobile,.knowledge-prose .infographic-mobile-list{width:100%;margin-right:0;margin-left:0;padding:0}.cycle-mobile{gap:1rem}.cycle-mobile li{padding:.8rem 3.2rem}.visual-note{font-size:.78rem!important}.knowledge-prose h1,.knowledge-prose h2,.knowledge-prose h3{overflow-wrap:anywhere}}
@media(max-width:620px){.knowledge-faq h2{font-size:1.65rem}.knowledge-faq summary{padding:.8rem 1.35rem .8rem 0;font-size:.92rem;line-height:1.45}.knowledge-faq details p{padding:0 .5rem .85rem 0;font-size:.88rem;line-height:1.6}}
@media(max-width:620px){.knowledge-hero h1{font-size:2.15rem;line-height:1.12}.knowledge-hero .lead{font-size:.98rem;line-height:1.65}}
.breadcrumbs{color:var(--copper);font:800 .76rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;padding-top:1.5rem}
.breadcrumbs a{color:inherit}
@media(max-width:700px){.breadcrumbs{font-size:.66rem;letter-spacing:.06em;padding-top:1rem}}
.breadcrumbs+main .knowledge-hero{padding-top:1rem}
@media(max-width:620px){.breadcrumbs+main .knowledge-hero{padding-top:1.1rem}}

/* Feinausrichtung: Überschriften der vier Ransomware-Stufen auf einer Linie */
.infographic-layered .label-1,.infographic-layered .label-2,.infographic-layered .label-3,.infographic-layered .label-4{top:40.2%;height:17%;justify-content:flex-start}

/* Feinausrichtung: gemeinsame Bezugslinien und gleich große Textflächen */
.infographic-linear .label-1,.infographic-linear .label-2,.infographic-linear .label-3,.infographic-linear .label-4,.infographic-linear .label-5{top:48%;height:18%;justify-content:flex-start}
.infographic-linear .label-5::before{content:"↻";position:absolute;top:-116%;left:50%;box-sizing:border-box;display:grid;width:clamp(3.6rem,6.7vw,4.85rem);aspect-ratio:1;place-items:center;transform:translateX(-50%);border:3px solid #e9f2ea;border-radius:50%;color:#fffef8;background:#075a4c;box-shadow:0 0 0 2px #185f52;font-size:clamp(1.9rem,3.7vw,2.6rem);font-weight:800;line-height:1}
.infographic-radial .label-1,.infographic-radial .label-2,.infographic-radial .label-3,.infographic-radial .label-4{width:28.5%;height:18.5%;align-items:center;justify-content:center;padding:.35rem .65rem;border:0;border-radius:0;background:rgba(255,252,244,.98);box-shadow:none}
.infographic-radial .infographic-stage::after{content:"↑";position:absolute;left:25.9%;top:36%;z-index:2;display:grid;width:4.1%;height:12%;place-items:center;border-radius:999px;color:#fffef8;background:#1d6758;font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:800;line-height:1}
.infographic-radial .label-1,.infographic-radial .label-3{left:.8%}
.infographic-radial .label-2,.infographic-radial .label-4{left:70.7%}
.infographic-radial .label-1,.infographic-radial .label-2{top:10%}
.infographic-radial .label-3,.infographic-radial .label-4{top:66.5%}

/* Autorenherkunft und fachliche Vertiefung im Blog */
.article-header .article-author{font-size:.9rem;margin-top:1rem}
.article-related{margin:2rem 0;padding-top:1rem;border-top:1px solid var(--line)}
.article-related h2{font-size:1.2rem}

.article-header h1{overflow-wrap:anywhere;hyphens:auto}