/*
Theme Name: EuNet HRD Modern
Theme URI: https://eunet-hrd.de/
Author: Europäisches Netzwerk für Menschenrechte und Demokratie e. V.
Description: Responsives Corporate-Theme für den Internetauftritt von EuNet HRD.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: eunet-hrd-modern
*/
:root{--navy:#003399;--navy-deep:#071a45;--cyan:#32bfd0;--ink:#10213c;--muted:#5b6a80;--paper:#f4f7fb;--surface:#fff;--line:#dbe4f0;--shadow:0 18px 55px rgba(9,34,79,.09);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:#06499d}a:hover{color:#087c99}button,input,textarea{font:inherit}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #dce5f0}.header-inner{max-width:1220px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy-deep);font-weight:800;line-height:1.15}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--navy),#087c99);display:grid;place-items:center;color:#fff;font-size:13px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-top:5px}.main-nav ul{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.main-nav a{text-decoration:none;color:#23344e;font-weight:700;font-size:14px}.header-actions{display:flex;align-items:center;gap:10px}.nav-toggle,.theme-toggle{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:var(--navy);cursor:pointer}.nav-toggle{display:none}.site-main{min-height:70vh}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 20%,#38cad744,transparent 31%),linear-gradient(125deg,#061946 0%,#073e9b 58%,#087f9a 100%);color:#fff;padding:clamp(70px,10vw,132px) 24px 90px}.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;right:-110px;bottom:-270px;box-shadow:0 0 0 42px #ffffff08,0 0 0 84px #ffffff06}.hero-inner,.content-inner{max-width:1220px;margin:auto;position:relative;z-index:1}.hero-copy{max-width:770px}.eyebrow{color:#a9f5f1;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 23px}.hero p{font-size:clamp(17px,2vw,20px);color:#e0ebff;max-width:670px}.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:#07388f;box-shadow:0 8px 25px #00164444}.button-outline{border:1px solid #ffffff88;color:#fff}.content-section{padding:70px 24px}.section-heading{max-width:720px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:8px 0;color:var(--navy-deep)}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #0b32671a}.card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f7fa;color:#087b95;font-size:21px}.feature-card h3{margin:16px 0 8px;color:var(--navy-deep)}.feature-card p{color:var(--muted);margin:0}.callout{background:#eaf1fb;border:1px solid #d4e1f2;border-radius:22px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:22px}.callout h2{margin:0;color:var(--navy-deep)}.callout p{margin:5px 0 0;color:var(--muted)}.button-primary{background:var(--navy);color:#fff}.page-shell{max-width:1220px;margin:48px auto;padding:0 24px}.page-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,5vw,56px);box-shadow:var(--shadow)}.entry-title{color:var(--navy-deep);line-height:1.15}.site-footer{background:#071a45;color:#d8e5f8;padding:38px 24px}.footer-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer a{color:#a9f5f1}.menu a:focus-visible,.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #32bfd0;outline-offset:3px}.reveal{animation:reveal .55s ease both}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body[data-theme=dark]{--paper:#0a1427;--surface:#101f37;--ink:#e5edfa;--muted:#a8b7cb;--line:#2b3c56;color:var(--ink)}body[data-theme=dark] .site-header{background:#101f37ed}body[data-theme=dark] .main-nav a,body[data-theme=dark] .brand{color:#e5edfa}body[data-theme=dark] .feature-card h3,body[data-theme=dark] .section-heading h2,body[data-theme=dark] .entry-title{color:#e5edfa}body[data-theme=dark] .nav-toggle,body[data-theme=dark] .theme-toggle{background:#132541;color:#e5edfa;border-color:#2b3c56}body[data-theme=dark] .callout{background:#122642;border-color:#2b3c56}@media(max-width:860px){.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--surface);padding:16px 24px;border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{align-items:stretch;flex-direction:column;gap:12px}.nav-toggle{display:inline-block}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.feature-grid{grid-template-columns:1fr}.callout,.footer-inner{align-items:flex-start;flex-direction:column}.header-inner{padding:12px 16px}.brand small{font-size:9px}.hero{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}