*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#3276C2;--primary-dark:#003D7A;--primary-light:#E8F2FA;--primary-50:#F0F7FC;--accent:#D42B2B;--accent-hover:#B82222;--neutral-900:#111827;--neutral-800:#1F2937;--neutral-700:#374151;--neutral-600:#4B5563;--neutral-500:#6B7280;--neutral-400:#9CA3AF;--neutral-300:#D1D5DB;--neutral-200:#E5E7EB;--neutral-100:#F3F4F6;--neutral-50:#F9FAFB;--white:#FFFFFF;--font-display:'DM Sans', sans-serif;--font-mono:'Space Mono', monospace;--font-body:'DM Sans', sans-serif;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--shadow-lg:0 12px 40px rgba(0,0,0,0.08);--shadow-accent:0 4px 20px rgba(212, 43, 43, 0.2)}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--neutral-700);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:1780px;margin:0 auto;padding:0 clamp(1.25rem, 4vw, 2.5rem)}.topbar{background:var(--primary);color:var(--neutral-400);font-size:.78rem;padding:.45rem 0;letter-spacing:.01em}.topbar .container{display:flex;justify-content:flex-end;align-items:center}.topbar a{color:var(--neutral-300);text-decoration:none;transition:color 0.2s}.topbar a:hover{color:#fff;text-decoration:none}.topbar-right{display:flex;gap:1.5rem}.topbar-right a{display:inline-flex;align-items:center;gap:.35rem}.topbar-right svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.site-header{background:var(--white);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:100;transition:box-shadow 0.3s}.site-header.scrolled{box-shadow:0 2px 20px rgb(0 0 0 / .06)}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:68px}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--neutral-900);flex-shrink:0}.logo:hover{text-decoration:none}.site-header .logo img{flex-shrink:0;width:150px;min-width:150px}.logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-.03em;color:var(--neutral-900)}.logo-text span{color:var(--primary)}.main-nav{display:flex;align-items:center}.nav-links{display:flex;align-items:center;height:68px}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-item>a{color:var(--neutral-600);text-decoration:none;font-size:.88rem;font-weight:500;padding:0 1rem;height:100%;display:flex;align-items:center;gap:.3rem;border-bottom:2px solid #fff0;transition:all 0.2s;white-space:nowrap}.nav-item>a:hover{color:var(--primary);text-decoration:none}.nav-item>a .arrow{font-size:.55rem;color:var(--primary);transition:transform 0.2s}.nav-item:hover>a .arrow{transform:rotate(180deg);opacity:.8;color:var(--accent)}.dropdown{position:absolute;top:100%;left:0;background:var(--white);min-width:250px;border:1px solid var(--neutral-200);border-radius:0 0 12px 12px;box-shadow:var(--shadow-lg);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all 0.2s var(--ease-out);z-index:200}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.25rem;color:var(--neutral-700);text-decoration:none;font-size:.86rem;transition:all 0.15s}.dropdown a:hover{background:var(--primary-50);color:var(--primary);text-decoration:none}.dropdown-icon{width:30px;height:30px;background:var(--primary-50);border-radius:7px;display:grid;place-items:center;flex-shrink:0;transition:all 0.15s}.dropdown a:hover .dropdown-icon{background:var(--primary)}.dropdown-icon svg{width:14px;height:14px;stroke:var(--primary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.15s}.dropdown a:hover .dropdown-icon svg{stroke:#fff}.dropdown-divider{height:1px;background:var(--neutral-100);margin:.35rem 0}.nav-cta{margin-left:1.25rem;background:var(--accent);color:#fff;padding:.5rem 1.3rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.86rem;transition:all 0.2s;white-space:nowrap}.nav-cta:hover{background:var(--accent-hover);text-decoration:none;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;z-index:9999}.hamburger span{width:22px;height:2px;background:var(--neutral-700);border-radius:2px;transition:all 0.3s}.hero{background:var(--primary);position:relative;overflow:hidden;padding:4rem 0 4.5rem}.hero-bg{position:absolute;top:3px;left:0;width:100%;height:100%;background-size:cover;background-position:right center;background-repeat:no-repeat;z-index:1}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 60% 50%,black 20%,transparent 70%);z-index:1}.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);z-index:3}.hero .container{position:relative;z-index:2}.hero-content{color:#fff}.hero h1{font-family:var(--font-display);font-size:clamp(2.2rem, 4.5vw, 3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;animation:fadeUp 0.5s 0.05s var(--ease-out) both}.hero-sub{font-size:1.05rem;color:rgb(255 255 255 / .7);line-height:1.65;max-width:460px;margin-bottom:2rem;animation:fadeUp 0.5s 0.1s var(--ease-out) both}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;animation:fadeUp 0.5s 0.15s var(--ease-out) both}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;padding:.6rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.88rem;border:none;cursor:pointer;transition:all 0.2s;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);text-decoration:none;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:#fff0;color:#fff;padding:.55rem 1.3rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.88rem;border:1.5px solid rgb(255 255 255 / .2);transition:all 0.2s}.btn-secondary:hover{background:rgb(255 255 255 / .08);text-decoration:none;border-color:rgb(255 255 255 / .4)}.site-main article{max-width:1400px;margin:0 auto!important;width:100%}.site-main .entry-content{font-size:1rem;line-height:1.75;color:var(--neutral-700)}.site-main .entry-content h1,.site-main .entry-content h2,.site-main .entry-content h3{color:var(--neutral-900);margin-top:1.5em;margin-bottom:.5em;letter-spacing:-.02em}.site-main .entry-content p{margin-bottom:1em}.site-main .entry-content a{color:var(--primary)}.site-main .entry-content a:hover{text-decoration:underline}.site-main .entry-content ul,.site-main .entry-content ol{padding-left:2rem!important;margin-bottom:1.5rem!important;margin-top:0.5rem!important;display:block!important}.site-main .entry-content ul ul,.site-main .entry-content ul ol,.site-main .entry-content ol ul,.site-main .entry-content ol ol{padding-left:2rem!important;margin-top:0.25rem!important;margin-bottom:0!important}.site-main .entry-content li{display:list-item!important;list-style-position:outside!important;margin-bottom:0.4rem!important;margin-left:0!important}.site-main .entry-content ul{list-style-type:disc!important}.site-main .entry-content ul ul{list-style-type:circle!important}.site-main .entry-content ul ul ul{list-style-type:square!important}.site-main .entry-content ol{list-style-type:decimal!important}.site-main .entry-content ul.responsive-tabs__list{padding-left:0!important;margin-bottom:0!important;display:flex!important;flex-wrap:wrap!important;list-style:none!important}.site-main .entry-content ul.responsive-tabs__list li{list-style:none!important;margin-bottom:0!important;display:block!important}.site-footer{background:var(--primary);color:var(--neutral-400);padding:1rem 0 0;border-top:3px solid var(--accent)}.footer-sister{display:flex;place-items:center;font-size:1rem}.footer-sister a{margin-inline:auto;background:#fff;font-size:.66rem;color:#000;text-decoration:none;padding:.5rem 1.6rem;border:3px solid rgb(255 255 255 / .848);border-radius:120px;transition:all 0.2s;display:flex;align-items:center;gap:1rem}.footer-sister a:hover{color:#000;border-color:var(--accent);text-decoration:none}.footer-sister a img{width:50px;height:auto}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:.78rem;color:var(--neutral-300);flex-wrap:wrap;gap:.75rem}.footer-legal{display:flex;gap:1.25rem;list-style:none}.footer-legal a{color:var(--neutral-300);text-decoration:none;font-size:.78rem;transition:color 0.2s}.footer-legal a:hover{color:#fff;text-decoration:none}.footer-legal ul{list-style:none;padding:0;margin:0;display:flex;gap:1.25rem}.page-header{background:var(--primary);padding:.75rem 0;position:relative}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.page-header h1{color:#fff;font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.01em;max-width:1400px;margin:0 auto;width:100%;text-align:left}@media (max-width:1400px) and (min-width:769px){.site-header .container{height:auto;min-height:68px;padding-top:.5rem;padding-bottom:.5rem}.main-nav{flex-wrap:wrap;justify-content:flex-end;width:calc(100% - 180px)}.nav-links{height:auto;flex-wrap:wrap;justify-content:flex-end;gap:.25rem 0}.nav-item{height:auto}.nav-item>a{padding:.5rem .75rem}}@media (max-width:768px){.topbar .container{justify-content:center}.topbar-right{gap:1rem;flex-wrap:wrap;justify-content:center}.nav-cta{display:none}.hamburger{display:flex}.hero{padding:3rem 0 3.5rem}.footer-sister{flex-wrap:wrap}.nav-links{display:none}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid #E5E7EB;box-shadow:0 8px 24px rgb(0 0 0 / .12);padding:.5rem 0;z-index:9999;height:auto}.nav-links.mobile-open .nav-item{height:auto;width:100%;display:block}.nav-links.mobile-open .nav-item>a{height:auto;display:block;padding:.85rem clamp(1.25rem, 4vw, 2.5rem);width:100%;border-bottom:1px solid #F3F4F6;color:#374151;white-space:normal}.nav-links.mobile-open .nav-item>a:hover{background:#F0F7FC;color:#3276C2;text-decoration:none}.nav-links.mobile-open .dropdown{display:none!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;min-width:0!important;background:#F9FAFB!important}.nav-links.mobile-open .nav-item.dropdown-open .dropdown{display:block!important}.nav-links.mobile-open .dropdown a{padding:.65rem clamp(1.25rem, 4vw, 2.5rem) .65rem calc(clamp(1.25rem, 4vw, 2.5rem) + 1rem)!important;font-size:0.84rem!important;border-bottom:1px solid #F3F4F6!important;color:#4B5563!important}.nav-links.mobile-open .dropdown a:hover{background:#F0F7FC!important;color:#3276C2!important}.nav-links.mobile-open .dropdown .dropdown-icon{display:none!important}}@media (min-width:782px){.wp-block-columns{display:flex;flex-wrap:nowrap;gap:2rem;margin-bottom:1.75em}.wp-block-column{flex-basis:0%;flex-grow:1;min-width:0}}@media (max-width:781px){.wp-block-columns{display:flex;flex-direction:column;gap:1.5rem}.wp-block-column{width:100%}}.hero-bg{background-image:url(https://edv-schule.net/wp-content/uploads/2026/04/w3d-background_hb-1.png)}