.skip-link{position:absolute;left:1rem;top:-6rem;padding:1rem;background:var(--ink);color:var(--paper);z-index:100}
.skip-link:focus{top:1rem}
.guide-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:3.5rem;padding-top:5.5rem;padding-bottom:5.5rem}
.hero-copy h1{font:900 clamp(2.6rem,4.8vw,4.6rem)/1.02 var(--font-display);letter-spacing:-.035em;margin:0 0 1.7rem;hyphens:none;overflow-wrap:normal;text-wrap:balance}
.hero-copy em{color:var(--blue)}
.hero-intro{font-size:1.12rem;line-height:1.65;max-width:47ch;margin:0 0 1.8rem}
.hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--blue);color:var(--paper);padding:.85rem 1.1rem;min-height:48px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .18s}
.primary-action:hover{background:var(--blue-hover)}
.text-action{font-size:.9rem;text-decoration:underline;text-underline-offset:5px}
.text-action:hover{color:var(--blue)}
.hero-meta{color:var(--muted);font-size:.75rem;line-height:1.7;margin:1.8rem 0 0}
.org-figure{margin:0;min-width:0}
.org-map{background:var(--blue-light);padding:1.6rem 1.4rem 1.4rem;border-radius:4px}
.org-human,.org-lead{display:block;text-align:center;margin:auto;font-family:var(--font-display);font-size:1.1rem;font-weight:900;width:max-content;max-width:100%}
.org-human span,.org-lead span{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:400;margin-top:.25rem}
.org-lead{width:65%;padding:.85rem 1rem;background:var(--blue);color:var(--paper);border-radius:3px}
.org-lead:hover{background:var(--blue-hover)}
.org-stem{height:18px;width:1px;background:var(--blue);margin:auto}
.org-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;border-top:1px solid var(--blue)}
.org-column{min-width:0}
.org-column>p{font-size:.66rem;color:var(--blue);font-weight:600;margin:.8rem 0 .6rem;min-height:2em;display:flex;align-items:center;justify-content:center;text-align:center}
.org-column>a{display:flex;flex-direction:column;justify-content:center;background:var(--paper);padding:.7rem .65rem;margin-top:.5rem;min-height:67px;font-size:.74rem;font-weight:600;line-height:1.3;border:1px solid transparent;border-radius:2px;transition:border-color .18s}
.org-column>a:hover{border-color:var(--blue)}
.org-column>a span{display:block;font-weight:400;font-size:.63rem;color:var(--muted);margin-top:.3rem}
figcaption{font-size:.72rem;color:var(--muted);margin-top:.65rem;line-height:1.5}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:5rem;align-items:start;border-top:1px solid var(--line);padding-top:3.5rem;padding-bottom:5rem}
.guide-sidebar{position:sticky;top:7rem}
.guide-sidebar nav>p{font-size:.8rem;font-weight:600;margin:0 0 .8rem}
.guide-sidebar nav>a{display:block;color:var(--muted);font-size:.84rem;line-height:1.45;padding:.65rem 0}
.guide-sidebar nav>a:hover,.guide-sidebar nav>a[aria-current]{color:var(--blue)}
.sidebar-download{display:block;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.2rem;font-size:.8rem;font-weight:600;color:var(--blue);line-height:1.7}
.guide-content{min-width:0;font-size:1.02rem;line-height:1.75}
.guide-content section{margin-bottom:5rem;scroll-margin-top:7rem}
.guide-content h2{font:900 clamp(1.8rem,3vw,2.45rem)/1.12 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 1.2rem}
.guide-content h3{font:900 1.2rem/1.3 var(--font-display);letter-spacing:-.015em;margin:2rem 0 .6rem}
.guide-content p{margin:.85rem 0 1.2rem}
.guide-content a:not(.primary-action){color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.guide-content a:not(.primary-action):hover{color:var(--blue)}
.note{background:var(--blue-light);padding:1.3rem 1.5rem;margin:1.8rem 0;line-height:1.7;font-size:.94rem;border-radius:3px}
.definition-list dl{margin:1.8rem 0}
.definition-list dl>div{display:grid;grid-template-columns:95px 1fr;gap:1rem;border-top:1px solid var(--line);padding:.85rem 0}
.definition-list dt{font-weight:600}
.definition-list dd{margin:0;color:var(--muted);font-size:.93rem;line-height:1.65}
.guide-content .source-link,.guide-content .small-note{font-size:.83rem;color:var(--muted);line-height:1.65}
.role-list{margin:1.7rem 0}
details{border-top:1px solid var(--line);scroll-margin-top:7rem}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;position:relative;list-style:none;padding:1.1rem 1.7rem 1.1rem 0;font-weight:600;font-size:1rem;line-height:1.5}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:3px;top:1rem;font-weight:400;font-size:1.3rem;color:var(--blue)}
details[open]>summary:after{content:'−'}
summary:hover{color:var(--blue)}
.role-list summary{display:flex;justify-content:space-between;gap:1rem}
.role-short{color:var(--muted);font-weight:400;font-size:.8rem;text-align:right;align-self:center}
.role-body{padding:0 1.5rem .5rem 0;color:var(--muted);font-size:.94rem}
.role-body p:first-child{margin-top:0}
.workflow{list-style:none;padding:0 0 0 1.3rem;margin:1.8rem 0;border-left:1px solid var(--line-strong)}
.workflow li{position:relative;padding:0 0 1.6rem 1.1rem}
.workflow li:last-child{padding-bottom:0}
.workflow li:before{content:'';width:9px;height:9px;background:var(--blue);position:absolute;left:-1.6rem;top:.6rem;border-radius:50%}
.workflow strong{font-weight:600}
.workflow li p{font-size:.95rem;color:var(--muted);margin:.35rem 0 0}
.copy-block{background:var(--surface);border:1px solid var(--line);border-radius:3px;margin:1.5rem 0}
.copy-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.5rem .9rem;font-size:.75rem;font-weight:600}
.copy-heading button{appearance:none;background:var(--paper);border:1px solid var(--line-strong);border-radius:2px;color:var(--ink);padding:.4rem .65rem;min-height:38px;font:500 .75rem var(--font-body);cursor:pointer}
.copy-heading button:hover{border-color:var(--blue);color:var(--blue)}
.copy-heading button:disabled{cursor:wait;color:var(--muted)}
.copy-block pre{font:500 .83rem/1.8 var(--font-data);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:1.25rem;tab-size:2;max-height:none}
code{font-family:var(--font-data);font-size:.85em;overflow-wrap:anywhere}
.setup-steps{padding-left:1.4rem}
.setup-steps li{padding-left:.7rem;margin-bottom:1.8rem}
.setup-steps li::marker{font-weight:600;color:var(--blue)}
.setup-steps h3{margin:0 0 .5rem}
.setup-steps p{margin:0}
.download-panel{background:var(--blue-light);padding:2rem;margin:2rem 0}
.download-panel h3{margin:0}
.download-panel .primary-action{margin-top:.3rem}
.acceptance-list{padding-left:1.2rem}
.acceptance-list li{padding-left:.35rem;margin-bottom:.7rem}
.faq details p{font-size:.95rem;margin:.1rem 0 1.4rem;color:var(--muted)}
.guide-content .guide-end{background:var(--blue-light);color:var(--ink);padding:2.4rem;margin-top:4rem;margin-bottom:3.2rem}
.guide-end h2{font-size:2rem}
.guide-end p{color:var(--muted)}
.guide-end .primary-action:hover{background:var(--blue-hover)}
.guide-sources{font-size:.8rem;line-height:1.7;color:var(--muted)}
.guide-sources h3{font-size:1rem;color:var(--ink);margin:0}
.guide-sources ul{padding-left:1.2rem}
.copy-status{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2rem);padding:0;background:var(--ink);color:var(--paper);z-index:20;font-size:.85rem;text-align:center;border-radius:3px}
.copy-status:not(:empty){padding:.8rem 1.3rem}
@media(min-width:1500px){.guide-hero{padding-top:6.5rem;padding-bottom:6.5rem}}
@media(max-width:1100px){.guide-hero{gap:2rem}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:2.5rem}.org-map{padding:1.2rem .9rem}.org-column>a{font-size:.68rem;padding:.65rem .45rem}.org-column>a span{font-size:.6rem}}
@media(max-width:1000px){.guide-hero{grid-template-columns:1fr;padding-top:3rem;padding-bottom:3rem;gap:2.5rem}.hero-copy h1{max-width:15ch;font-size:clamp(2.7rem,7.5vw,4rem)}.hero-intro{max-width:60ch}.org-figure{max-width:580px}.org-column>a{font-size:.84rem}.org-column>a span{font-size:.7rem}.org-column>p{font-size:.75rem}.guide-layout{display:block;padding-top:2rem}.guide-sidebar{position:static;margin-bottom:3rem}.guide-sidebar nav{display:flex;flex-wrap:wrap;column-gap:1.3rem}.guide-sidebar nav>p{width:100%;margin-bottom:.3rem}.guide-sidebar nav>a{padding:.4rem 0}.sidebar-download{display:none}.guide-content section{margin-bottom:3.5rem}.guide-content{font-size:1rem}}
@media(max-width:450px){.org-map{padding:1.1rem .7rem}.org-columns{gap:.4rem}.org-column>a{font-size:.68rem;min-height:78px;padding:.65rem .4rem}.org-column>a span{font-size:.6rem}.org-column>p{font-size:.61rem}.role-list summary{display:block}.role-short{display:block;text-align:left;margin-top:.2rem}.definition-list dl>div{grid-template-columns:75px 1fr;gap:.6rem}.download-panel{padding:1.4rem}.guide-content .guide-end{padding:1.5rem}.hero-actions{gap:1rem}.copy-block pre{padding:1rem}.hero-copy h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.org-column>a{font-size:.8rem;padding:.75rem .55rem}.org-column>a span{font-size:.72rem}.org-column>p{font-size:.72rem}.org-human span,.org-lead span{font-size:.75rem}
@media(max-width:450px){.org-column>a{font-size:.75rem;min-height:92px}.org-column>a span{font-size:.7rem}.org-column>p{font-size:.7rem;min-height:3em}.org-map{padding:1.2rem .7rem}.org-lead{width:80%}}

.org-column>a,.org-column>a span{hyphens:auto;overflow-wrap:anywhere;min-width:0}

.audit-invitation{background:var(--blue-light);padding:2rem}.guide-content .audit-invitation h2{font-size:1.7rem}.guide-content .guide-end .text-action{color:var(--ink)}.guide-content .guide-end .text-action:hover{color:var(--blue)}
@media(max-width:450px){.audit-invitation{padding:1.4rem}}

/* Neue Website-Hierarchie und offene Rollen nach dem Guide vom 19.10.2026. */
.guide-hero{padding-top:156px;padding-bottom:80px;gap:64px}
.hero-copy h1{font-size:clamp(2.6rem,4.35vw,4rem);line-height:1.04}
.hero-highlight{color:var(--blue);display:block}
.hero-intro{font-size:18px;color:var(--muted)}
.primary-action{border-radius:12px;min-height:52px;padding:14px 22px;font-size:15px}
.text-action{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600}
.guide-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.guide-author img{width:52px;height:52px;object-fit:cover;object-position:50% 22%;border-radius:50%;flex-shrink:0}
.guide-author p{margin:0;font-size:14px;font-weight:600;line-height:1.6}
.guide-author a:hover{color:var(--blue)}
.guide-author span{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.hero-meta{font-size:12px;margin-top:14px}
.org-map{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px 20px 24px}
.org-human,.org-lead{font:600 18px/1.4 var(--font-body)}
.org-lead{padding:16px;border-radius:12px}
.org-human span,.org-lead span{font-size:12px}
.org-column>p{color:var(--muted);font-size:12px;min-height:36px}
.org-column>a{font-size:13px;border:1px solid var(--line);border-radius:12px;min-height:88px}
.org-column>a span{font-size:11px}
figcaption{font-size:12px;line-height:1.6}
.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:64px;padding-top:56px}
.guide-sidebar{top:120px}
.guide-sidebar nav>a{display:flex;align-items:center;min-height:44px;padding-block:8px}
.sidebar-download{min-height:44px}
.guide-content{font-size:17px;line-height:1.75}
.guide-content section{scroll-margin-top:120px}
.guide-content section>p{max-width:72ch}
.guide-content h2{letter-spacing:-.035em}
.guide-content h3{font-size:21px;line-height:1.25;letter-spacing:-.025em}
.note{border-radius:16px;padding:24px}
.role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:28px}
.role-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;scroll-margin-top:120px}
.role-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:24px;background:var(--surface)}
.role-card:target{outline:2px solid var(--blue);outline-offset:3px}
.guide-content .role-card h3{font:600 18px/1.45 var(--font-body);letter-spacing:0;margin:0;hyphens:auto;overflow-wrap:anywhere}
.guide-content .role-short{font-size:13px;font-weight:400;line-height:1.6;color:var(--blue);margin:8px 0 0;text-align:left;display:block}
.role-body{padding:0;margin-top:20px;color:var(--muted);font-size:14px;line-height:1.7;hyphens:auto;overflow-wrap:anywhere}
.role-body p:last-child{margin-bottom:0}
.role-body strong{font-weight:600;color:var(--ink)}
.role-card:first-child .role-body{margin-top:0}
.copy-block{border-radius:16px;overflow:hidden}
.copy-heading{padding:12px 16px;font-size:13px}
.copy-heading button{min-height:44px;border-radius:8px;padding:10px 14px;font-weight:600}
.download-panel{border:1px solid var(--line);background:var(--surface);border-radius:24px}
.guide-content .guide-end{border-radius:24px;padding:40px}
.guide-end h2{font-size:34px}
.audit-invitation{border-radius:24px;padding:32px}
.guide-content .audit-invitation h2{font-size:30px}
.faq summary{min-height:44px;padding-block:22px}
.copy-status{border-radius:12px}
.primary-action:focus-visible,.org-lead:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
/* Nur Gestaltung des bestehenden Consent-Dialogs ändern, keine Einwilligungslogik. */
body #cc-main{--cc-link-color:var(--blue);--cc-btn-primary-bg:var(--blue);--cc-btn-primary-border-color:var(--blue);--cc-btn-primary-hover-bg:var(--blue-hover);--cc-btn-primary-hover-border-color:var(--blue-hover);--cc-btn-secondary-color:var(--blue);--cc-btn-secondary-border-color:var(--blue);--cc-btn-secondary-hover-bg:var(--blue-hover);--cc-btn-secondary-hover-border-color:var(--blue-hover);--cc-toggle-on-bg:var(--blue);--cc-btn-border-radius:12px;--cc-modal-border-radius:24px;--cc-pm-toggle-border-radius:12px}
body #cc-main .cm__title,body #cc-main .pm__title{font-weight:900}
@media(max-width:1199px){.guide-hero{padding-top:144px;gap:40px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:999px){.guide-hero{grid-template-columns:1fr;padding-top:136px;gap:40px}.hero-highlight{display:inline}.hero-copy h1{max-width:18ch}.hero-intro{max-width:65ch}.org-figure{max-width:680px;width:100%}.guide-layout{display:block}.guide-sidebar{position:static}.guide-sidebar nav{display:flex;flex-wrap:wrap;gap:4px 24px}.guide-sidebar nav>p{width:100%}.role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.guide-hero{padding-top:118px;padding-bottom:48px;gap:32px}.hero-copy h1{font-size:clamp(2.3rem,6.5vw,3.2rem);line-height:1.07}.hero-intro{font-size:17px}.guide-layout{padding-top:32px}.guide-content{font-size:16px}.guide-content h2{font-size:32px}.role-card:first-child{display:block}.role-card:first-child .role-body{margin-top:20px}.guide-content .guide-end{padding:28px}}
@media(max-width:580px){.role-list{grid-template-columns:1fr}.role-card:first-child{grid-column:auto}.org-map{padding:24px 16px}.org-columns{grid-template-columns:1fr;border-top:0;gap:0}.org-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.org-column>p{grid-column:1/-1;justify-content:flex-start;margin:20px 0 2px;min-height:0;font-size:12px}.org-column>a{min-height:100px;margin-top:0;font-size:12px;padding:12px 8px}.org-column>a span{font-size:11px}.org-lead{width:85%}.download-panel,.audit-invitation{padding:24px}.guide-content .audit-invitation h2{font-size:28px}.guide-content .guide-end{padding:24px}}
@media(max-width:410px){.hero-copy h1{font-size:37px}.primary-action{font-size:14px;padding-inline:18px}.guide-author{align-items:flex-start}.guide-author span{font-size:11px}.guide-content h2{font-size:29px}}
@media(max-width:350px){.hero-copy h1{font-size:32px}.org-column{grid-template-columns:1fr}.org-column>a{min-height:64px;font-size:14px}.org-column>a span{font-size:12px}.copy-heading{align-items:flex-start;flex-direction:column}.guide-content .guide-end{padding:20px}}
