/* ZT 8 Design-Pflege – eignungsauswahltest.de
   2026-10-20 Startseite (page-id-101): Header, Footer, Scroll-Top, Fokus, Mini-Labels an die Seitensprache (IBM Plex, Nacht/Signal) angleichen */

/* 1 Header: Astra-Blau und Systemschrift durch die Tokens der Seite ersetzen */
body.page-id-101 .ast-primary-header-bar{border-bottom-color:#DCE3EA}
body.page-id-101 .site-title,
body.page-id-101 .site-title a,
body.page-id-101 .main-header-menu .menu-link{font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif}
body.page-id-101 .ast-site-identity .site-title a{color:#0B1F35;font-weight:600;letter-spacing:-.01em}
body.page-id-101 .main-header-menu .menu-link{color:#131820;font-weight:500;font-size:15px;text-decoration:none}
body.page-id-101 .ast-builder-menu-1 .menu-item > .menu-link,
body.page-id-101 .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link{color:#131820}
body.page-id-101 .main-header-menu .menu-link:hover,
body.page-id-101 .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.page-id-101 .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
body.page-id-101 .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link{color:#0B1F35;text-decoration:underline;text-decoration-color:#FFC233;text-decoration-thickness:2px;text-underline-offset:8px}
body.page-id-101 [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:#0B1F35}
body.page-id-101 [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{fill:#0B1F35}

/* 2 Scroll-Top: farblich in die Seite holen, auf Mobil kleiner und naeher am Rand */
body.page-id-101 #ast-scroll-top{background-color:#0B1F35;color:#FFC233;border-radius:999px;width:44px;height:44px;line-height:44px;box-shadow:0 6px 18px rgba(11,31,53,.22)}
body.page-id-101 #ast-scroll-top .ast-icon svg,
body.page-id-101 #ast-scroll-top svg{fill:#FFC233}
body.page-id-101 #ast-scroll-top:hover{background-color:#14314F}
@media (max-width:767px){body.page-id-101 #ast-scroll-top{width:40px;height:40px;line-height:40px;right:12px;bottom:12px}}

/* 3 Tastaturfokus sichtbar (hell und dunkel) */
body.page-id-101 .ee-scope a:focus-visible,
body.page-id-101 .ee-scope button:focus-visible,
body.page-id-101 .ee-scope summary:focus-visible,
body.page-id-101 .main-header-menu .menu-link:focus-visible,
body.page-id-101 .site-title a:focus-visible,
body.page-id-101 #ast-scroll-top:focus-visible{outline:2px solid #0B1F35;outline-offset:2px;box-shadow:0 0 0 5px #FFC233}

/* 4 Funktionale Mini-Labels auf mind. 11,5 px */
body.page-id-101 .ee-scope .ee-task__cat,
body.page-id-101 .ee-scope .ee-fact .lbl,
body.page-id-101 .ee-scope .ee-flag,
body.page-id-101 .ee-scope .ee-card__tag,
body.page-id-101 .ee-scope .ee-part__tags span{font-size:11.5px}

/* 5 Footer und Textauswahl in der Seitensprache */
body.page-id-101 .site-footer .site-below-footer-wrap{background-color:#F2F5F8;border-top:1px solid #DCE3EA}
body.page-id-101 .site-footer .ast-footer-copyright,
body.page-id-101 .site-footer .ast-footer-copyright p{font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;color:#4A5561;font-size:14px}
body.page-id-101 .site-footer .ast-footer-copyright a{color:#0B1F35;text-decoration:underline;text-decoration-color:#DCE3EA;text-underline-offset:3px}
body.page-id-101 .site-footer .ast-footer-copyright a:hover{text-decoration-color:#FFC233}
body.page-id-101 ::selection{background:#FFC233;color:#0B1F35}