/* UNYLECTA – Lesbarkeit & Bedienbarkeit (Okt. 2026)
   Hebt sehr kleine Beschriftungen an, verbessert Kontraste und vergrößert
   kleine Klickflächen. Wird als letzte CSS-Datei geladen. */

/* ---------- Kopfbereich ---------- */
body .menu{font-size:12px}
body .language-switch button{font-size:12px}
body .legal-header .legal-home{font-size:13px;padding:10px 0}

/* ---------- Hero ---------- */
body .hero .eyebrow{font-size:12px}
body .hero .actions .text-link{color:#d8e1e4;font-size:13px;padding:12px 0}
body .hero .actions .text-link:hover{color:#fff}
body .hero-bottom>span{font-size:10px;color:#b7ccd2}
body .hero-bottom .motion-toggle{font-size:11px;color:#cfdde1}

/* ---------- Vertrauensleiste ---------- */
body .proof-strip .proof-intro{font-size:10px;color:#46626c}
body .proof-strip strong{font-size:12px}
body .proof-strip small{font-size:11px;color:#46626c}
@media(max-width:1050px){body .proof-strip{align-items:start}}

/* ---------- Abschnitts-Labels ---------- */
body .eyebrow,
body .lifecycle .eyebrow{font-size:11px}
body .service-top>span,
body .finder-controls button{font-size:11px}
body .service-top{color:#4f6a76}
body .finder-controls button:not([aria-pressed=true]){color:#4f646c}
body .system-number{font-size:11px;color:#46626c}
body .certificate-category{font-size:11px}
body .result-label{font-size:11px}
body .video-consent{font-size:12px}
body .video-consent a{font-size:12px;display:inline-block;padding:6px 0}

/* ---------- Projektablauf ---------- */
body .journey-scroll-hint{font-size:11px}
body .journey-node>span{font-size:11px}
body .journey-image-type{font-size:10px;letter-spacing:.02em;white-space:nowrap}
@media(max-width:720px){body .journey-image-type{font-size:7px;letter-spacing:0;padding:2px 3px}}
body .journey-caption{font-size:12px}
body .journey-card summary>span{font-size:12px}
body .journey-closing .button{font-size:13px}

/* ---------- Systemansicht ---------- */
body .system-explorer small{font-size:11px;color:#46626c}
body .system-caption{font-size:11px;color:#46626c}
body .system-tags{font-size:12px}
body .system-project-link{font-size:13px}
body .system-figure-top>span{font-size:10px;color:#46626c}
body .system-figure figcaption>span,
body figcaption>span{font-size:10px;color:#46626c}
@media(max-width:720px){body .system-figure-top>span,body figcaption>span{font-size:9px;letter-spacing:.06em}}
body .system-endnote>span{font-size:12px}
body .system-endnote>a{font-size:13px;display:inline-block;padding:8px 0}

/* ---------- Zertifikate ---------- */
body .certificate-body dt{font-size:11px}
body .certificate-image.siemens-certificate img{width:200px;max-width:100%;height:auto;max-height:none}
body .certificate-image:hover{background:#f1f4f0}

/* ---------- Über uns / Karriere ---------- */
body .about-facts>div>span:last-child{font-size:12px}
body .about-expanded .about-focus{color:#456d6d}
body .careers-mail a{font-size:13px;display:inline-block;padding:8px 0}
body .careers-privacy{font-size:12px;display:inline-block;padding:8px 0}

/* ---------- Standorte ---------- */
body .location-country>span{font-size:10px}
body .location-card>p{font-size:12px}
body .location-actions button,
body .location-actions a{font-size:12px}
body .location-map-bar>span{font-size:10px}
body .location-map-intro p{font-size:12px}
body #load-location-map{font-size:13px}
body #location-map-external{font-size:12px;display:inline-block;padding:8px 0}

/* ---------- Kontakt ---------- */
body .contact .eyebrow{font-size:11px}
body .contact-phone>span{font-size:10px;color:#46626c}
body .contact-closing>span{font-size:10px;color:#46626c}
body .contact-form-trigger{font-size:13px}

/* ---------- Footer ---------- */
body footer p{font-size:12px}
body .footer-links a{font-size:12px;display:inline-block;padding:8px 0}
body .footer-bottom,
body .footer-bottom>span,
body .footer-motion{font-size:11px}
body .footer-motion{padding:8px 0}

/* ---------- Fehlerseite (404) ---------- */
body .error-main .legal-content p{font-size:16px;line-height:1.8;max-width:620px}
body .error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px}
body .error-actions .button{font-size:13px}
