/* Hauptnavigation im Stil von mol.ruhr. */
.site-header{position:sticky;top:0;z-index:60;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:11px 5.5%;background:#f6f6f0;border:0;box-shadow:0 3px 16px #172b3b12;color:#343a3b}
.site-header>a{flex-shrink:0}.site-header img{width:215px;height:auto}
.site-header nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:26px;width:auto;max-width:none;margin-left:auto;font-size:18px;font-weight:600;line-height:1.35}
.site-header nav>a:not(.nav-contact),.site-header .nav-checks>summary{display:flex;align-items:center;gap:11px;padding:14px 10px;border:0;border-radius:7px;font:inherit;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
.site-header nav>a[aria-current=page],.site-header .nav-checks.is-current>summary{color:#526c24;background:#e7ecd9;font-weight:600}
.site-header nav>a:not(.nav-contact):hover,.site-header .nav-checks>summary:hover,.site-header .nav-checks[open]>summary{background:#e7ecd9;color:#343a3b}
.site-header .nav-checks{position:relative;padding:0;margin:0;border:0}.site-header .nav-checks>summary{list-style:none;cursor:pointer}.site-header .nav-checks>summary::-webkit-details-marker{display:none}.site-header .nav-checks>summary span{display:none}
.site-header .nav-checks>summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}.site-header .nav-checks[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.site-header .checks-submenu{position:absolute;top:100%;right:-16px;left:auto;z-index:70;min-width:280px;max-width:calc(100vw - 36px);padding:9px;background:#f6f6f0;border:1px solid #d9ded1;border-radius:10px;box-shadow:0 12px 30px #172b3b18}
.site-header .checks-submenu a{display:block;padding:13px 15px;border:0;border-radius:6px;font-size:15px;font-weight:500;line-height:1.45;text-decoration:none;white-space:nowrap}.site-header .checks-submenu a:hover,.site-header .checks-submenu a[aria-current=page]{background:#e7ecd9;color:#343a3b}
.site-header .menu-button{display:none}html{scroll-padding-top:115px}
@media(min-width:1101px) and (max-width:1100px){.site-header{gap:15px}.site-header img{width:190px}.site-header nav{font-size:16px;gap:8px}.site-header nav>a:not(.nav-contact),.site-header .nav-checks>summary{padding:13px 7px}}
@media(max-width:1100px){
.site-header{position:relative;padding:18px 6%;gap:12px}.site-header img{width:clamp(140px,33vw,175px)}
.site-header .menu-button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;background:transparent;color:#343a3b;border:1px solid #a2aaa9;border-radius:10px;box-shadow:0 5px 14px #20252520;font-size:14px}
.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;max-width:none;margin:0;padding:15px 6% 25px;background:#f6f6f0;border-bottom:1px solid #d9ded1;box-shadow:0 8px 15px #172b3b10;font-size:16px;font-weight:500;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
.site-header nav>a:not(.nav-contact){display:block;padding:15px 0;font-size:16px;border-radius:0}.site-header .nav-checks{border-top:1px solid #d9ded1}.site-header .nav-checks>summary{justify-content:space-between;padding:15px 0;font-size:16px;border-radius:0}.site-header .nav-checks:last-of-type{border-bottom:1px solid #d9ded1}
.site-header .checks-submenu,.site-header nav>.nav-checks:nth-of-type(2)>.checks-submenu{position:static;left:auto;right:auto;min-width:0;max-width:none;margin:0 0 5px 2px;padding:0 0 10px 12px;border:0;border-left:1px solid #343a3b30;border-radius:0;box-shadow:none;background:transparent}.site-header .checks-submenu a{min-height:44px;padding:11px 13px;font-size:15px;white-space:normal}html{scroll-padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.site-header *,.site-header *::after{transition:none!important}}@media print{.site-header{display:none!important}}

.skip:focus{z-index:100}
@media(min-width:1101px) and (max-width:1450px){.site-header nav{font-size:15px;gap:6px}.site-header img{width:180px}.site-header nav>a:not(.nav-contact),.site-header .nav-checks>summary{padding:13px 7px}}

.site-header .checks-submenu .nav-separator{display:block;height:0;margin:8px 6px;border:0;border-top:1px solid #b8c0ac;padding:0}

/* Language selection matches mol.ruhr: anthracite and logo yellow. */
.site-header .language-switch{display:flex;align-items:center;gap:3px;flex:none;margin-left:4px;padding-left:12px;border-left:1px solid #d9ded1;white-space:nowrap}
.site-header .language-switch a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:34px;min-height:38px;padding:0 7px;border-radius:5px;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;color:#343a3b}
.site-header .language-switch a[aria-current]{background:#343a3b;color:#edc72f}
.site-header .language-switch a:hover{background:#edc72f;color:#343a3b}
.site-header .language-switch a:focus-visible{outline:2px solid #526c24;outline-offset:3px}
@media(max-width:1100px){.site-header>a{margin-right:auto}.site-header .language-switch{order:2;margin-left:0;padding-left:0;border-left:0;gap:0}.site-header .language-switch a{min-width:44px;min-height:44px}.site-header .menu-button{order:3;margin-left:0}.site-header nav{order:4}.site-header{gap:12px}}
@media(max-width:420px){.site-header{gap:8px}.site-header img{width:clamp(100px,29vw,140px)}.site-header .menu-button{font-size:13px;padding:8px}}

/* Compact admin menu with explicit, expandable topic entries. */
.site-header .admin-menu{width:340px;min-width:280px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:9px}
.site-header .nav-admins:not([open])>.admin-menu{display:none}
.site-header .admin-subgroup{margin:0;border:0;padding:0;border-top:1px solid #d9ded1}
.site-header .admin-subgroup>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;border-radius:6px;padding:14px 15px;font-size:16px;font-weight:600;line-height:1.45}
.site-header .admin-subgroup>summary::-webkit-details-marker{display:none}
.site-header .admin-subgroup>summary::after{content:'';width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.site-header .admin-subgroup[open]>summary::after{transform:rotate(225deg)}
.site-header .admin-subgroup>summary:hover,.site-header .admin-subgroup[open]>summary,.site-header .admin-subgroup.is-current>summary{background:#e7ecd9;color:#526c24}
.site-header .admin-submenu{margin:0 8px 10px 15px;padding-left:10px;border-left:1px solid #b8c0ac}
.site-header .admin-menu a{white-space:normal}
.site-header .admin-subgroup>summary:focus-visible{outline:2px solid #526c24;outline-offset:2px}
@media(min-width:1101px){.site-header nav{font-size:18px;gap:26px}.site-header img{width:215px}}
@media(max-width:1100px){.site-header .admin-menu{width:auto;max-height:none;overflow:visible;margin-left:2px;padding:0 0 10px 12px}.site-header .admin-subgroup>summary{font-size:16px;min-height:44px;box-sizing:border-box}.site-header .admin-submenu{margin-left:6px;padding-left:7px}}
/* Keep the expanded user menu reachable on short screens. */
.site-header .nav-checks:not(.nav-admins)>.checks-submenu{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1100px){.site-header .nav-checks:not(.nav-admins)>.checks-submenu{max-height:none;overflow:visible}}

/* Gemeinsamer Wechsel zwischen Sicherheitscheck und IT-Hilfe. */
.site-header .nav-platform>summary{position:relative;background:transparent;color:#343a3b}.site-header .nav-platform>summary::before{content:'';position:absolute;left:10px;right:10px;bottom:5px;height:3px;border-radius:2px;background:#edc72f}
.site-header .platform-menu{width:380px;box-sizing:border-box;max-height:calc(100dvh - 115px);overflow-y:auto}.site-header .nav-platform .admin-menu{width:auto;min-width:0;max-width:none;max-height:none;overflow:visible;padding:0 0 8px 10px}.site-header .nav-platform .admin-subgroup>summary{font-size:16px}.site-header .nav-platform .admin-submenu{position:static;margin:0 4px 8px 10px;border:0;border-left:1px solid #b8c0ac;border-radius:0;box-shadow:none;background:transparent}.site-header .nav-platform .admin-subgroup:not([open])>.admin-submenu{display:none}
.site-header nav>a.nav-contact{display:flex;align-items:center;gap:16px;padding:15px 20px;border-radius:10px;background:#343a3b;color:#f6f6f0;font-size:16px;text-decoration:none;white-space:nowrap;box-shadow:0 5px 14px #20252520}.site-header nav>a.nav-contact:hover{background:#edc72f;color:#343a3b}
@media(max-width:1100px){.site-header .platform-menu{width:auto;max-width:none;max-height:none;overflow:visible}.site-header .nav-platform>summary::before{left:0;right:auto;width:150px;bottom:7px}.site-header nav>a.nav-contact{margin-top:10px;justify-content:center;align-self:flex-start}.site-header .nav-platform .admin-submenu{padding-left:10px}}

/* Einheitliche Kopfzeilenhöhe wie auf mol.ruhr und hilfe.mol.ruhr. */
.site-header{box-sizing:border-box;position:sticky;top:0;height:98px;min-height:98px;padding-top:11px;padding-bottom:11px;align-items:center}.site-header>a{display:flex;align-items:center}.site-header img{display:block;width:215px;height:auto}html{scroll-padding-top:112px}
@media(min-width:721px) and (max-width:1100px){.site-header img{width:190px}.site-header nav{max-height:calc(100dvh - 98px)}}
@media(min-width:721px) and (max-width:850px){.site-header img{width:150px}}
@media(max-width:720px){.site-header{height:80px;min-height:80px;padding:9px 5%;gap:12px}.site-header img{width:clamp(100px,25vw,160px)}.site-header nav{max-height:calc(100dvh - 80px)}html{scroll-padding-top:94px}}
@media(max-width:420px){.site-header{gap:8px}}

/* Sicherheitscheck: two audience tabs, one clear level of topic links. */
.site-header .nav-platform{position:static}
.site-header .check-menu{top:100%;right:5.5%;width:900px;min-width:0;max-width:89vw;max-height:calc(100dvh - 114px);padding:24px;background:#fffef9;border:1px solid #d9ded1;border-radius:0 0 16px 16px;box-shadow:0 18px 42px #172b3b24;overflow-y:auto;box-sizing:border-box}
.check-menu-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.check-menu-heading p{margin:0;font-size:21px;line-height:1.3;font-weight:600;color:#343a3b}
.check-menu-heading>span{font-size:13px;font-weight:400;color:#626b63;white-space:nowrap}
.check-audiences{display:none;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#edf0e6;border-radius:10px;margin-bottom:24px}
.check-menu-ready .check-audiences{display:grid}
.check-audiences button{min-height:64px;padding:10px 16px;border:0;border-radius:7px;background:transparent;color:#343a3b;font:inherit;font-size:17px;font-weight:600;text-align:left;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
.check-audiences button small{display:block;margin-top:3px;font-size:12px;line-height:1.4;font-weight:400;color:#626b63}
.check-audiences button[aria-selected=true]{background:#343a3b;color:#fffef9;box-shadow:0 2px 5px #172b3b12}
.check-audiences button[aria-selected=true] small{color:#d7e3b7}
.check-audiences button:hover:not([aria-selected=true]){background:#e0e7d2}
.check-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.check-topic{min-width:0;margin:0;padding:0;border:0;background:none}
.check-topic h3{display:flex;align-items:center;gap:9px;margin:0 0 7px;font-size:16px;line-height:1.4;font-weight:600;color:#343a3b;letter-spacing:0}
.check-topic h3 svg{width:21px;height:21px;flex-shrink:0;color:#718b36}
.check-topic>p{min-height:38px;margin:0 0 12px;font-size:12px;line-height:1.5;font-weight:400;color:#626b63}
.site-header .check-links .check-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 10px;margin:0 -10px;border-radius:7px;font-size:14px;line-height:1.45;font-weight:400;white-space:normal;box-sizing:border-box}
.site-header .check-links .check-link:hover{background:#edf1e3;color:#343a3b}
.site-header .check-links .check-link[aria-current=page]{background:#e7ecd9;color:#42571d;font-weight:600;box-shadow:inset 3px 0 #8da744}
.site-header .check-links .check-link-combined{margin-top:12px;padding-top:14px;border-top:1px solid #d9ded1;border-radius:0;font-weight:600}
.check-link-combined span{color:#718b36}
.check-menu-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid #d9ded1}
.site-header .check-menu-footer a{padding:6px 0;min-height:32px;font-size:13px;line-height:1.45;font-weight:500;white-space:normal}
.site-header .check-menu-footer a:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.site-header .check-menu-footer .check-urgent{margin-right:auto;color:#526c24;font-weight:600}
.check-menu a:focus-visible,.check-audiences button:focus-visible{outline:2px solid #526c24;outline-offset:3px}
.check-panel[hidden]{display:none!important}
.check-menu:not(.check-menu-ready) .check-panel+.check-panel{margin-top:24px;padding-top:24px;border-top:1px solid #d9ded1}
@media(max-width:1100px){
 .site-header .check-menu{position:static;top:auto;right:auto;width:auto;max-width:none;max-height:none;margin:4px 0 12px;padding:18px 14px;border:1px solid #d9ded1;border-radius:12px;background:#fffef9;box-shadow:none;overflow:visible}
 .check-menu-heading{display:block;margin-bottom:14px}.check-menu-heading p{font-size:18px}.check-menu-heading>span{display:block;margin-top:5px;white-space:normal}
 .check-audiences{margin-bottom:20px}.check-audiences button{min-height:65px;padding:10px 12px;font-size:16px}
 .check-topic-grid{gap:20px}.site-header .check-links .check-link{font-size:15px;padding:11px 10px}
 .check-menu-footer{gap:12px 20px}.site-header .check-menu-footer a{font-size:14px;min-height:38px;display:flex;align-items:center;gap:8px}
 .site-header .check-menu-footer .check-urgent{flex-basis:100%}
}
@media(max-width:760px){
 .check-topic-grid{grid-template-columns:1fr;gap:20px}
 .check-topic+.check-topic{padding-top:20px;border-top:1px solid #e1e5d9}
 .check-topic>p{min-height:0;margin-bottom:6px;font-size:13px}
 .check-topic h3{font-size:17px}.site-header .check-links .check-link{min-height:44px}
 .check-audiences button small{font-size:11px}.check-menu-footer{margin-top:18px}
}

.check-panel-title{margin:0 0 18px;font-size:19px}.check-menu-ready .check-panel-title{display:none}
@media(max-width:1100px){.site-header nav.open{justify-content:flex-start}.site-header nav.open>*{flex-shrink:0}.check-audiences{position:sticky;top:0;z-index:2}}