/*
Theme Name: CAS Pastell
Theme URI: https://cas-huenfeld.de/
Author: Christian-Andersen-Schule Hünfeld
Description: Freundliches, barrierearmes Schul-Theme mit Pastellfarben, responsivem Aufbau und Downloadbereich. Bestehende Seiten und Medien bleiben erhalten.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cas-pastell
License: GPL-2.0-or-later
*/
:root{--cream:#FFFDF8;--mint:#CFE8C6;--yellow:#F6E7A8;--coral:#F4C2B7;--sky:#CFE7F5;--ink:#2F3A40;--muted:#58636A;--white:#fff;--border:#e4e7e2;--shadow:0 12px 32px rgba(47,58,64,.07)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:#215b68;text-underline-offset:3px}a:hover{color:#16424b}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a94c37;outline-offset:3px}img{height:auto;max-width:100%}.container{width:min(1140px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;top:-90px;left:12px;z-index:100;padding:9px 16px;background:#fff}.skip-link:focus{top:8px}.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:5}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;color:var(--ink)}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--mint);font-size:27px;flex:none}.brand-name{font-size:1.25rem;font-weight:850;line-height:1.15}.brand-sub{display:block;font-size:.78rem;color:var(--muted);font-weight:500;margin-top:5px}.custom-logo{max-height:66px;width:auto}.main-nav .menu,.main-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.main-nav li{position:relative}.main-nav a{display:block;padding:11px 12px;text-decoration:none;color:var(--ink);font-size:.91rem;font-weight:650;border-radius:12px}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#eaf5e5}.main-nav .sub-menu,.main-nav .children{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:var(--shadow);border-radius:12px;padding:8px;list-style:none}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu,.main-nav li:hover>.children,.main-nav li:focus-within>.children{display:block}.menu-toggle{display:none;border:1px solid var(--border);background:var(--cream);border-radius:10px;padding:9px 12px;font-weight:700;color:var(--ink);cursor:pointer}.hero{padding:78px 0 72px;overflow:hidden;background:radial-gradient(circle at 88% 15%,#f6e7a86b 0,transparent 33%),radial-gradient(circle at 10% 90%,#cfe7f59e 0,transparent 37%),var(--cream)}.hero-wrap{display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:45px}.eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#396b58;font-size:.82rem}.hero h1{font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.11;letter-spacing:-.045em;margin:13px 0 18px}.hero h1 span{color:#3e7969}.lead{font-size:1.16rem;color:#485b63;max-width:640px}.hero-art{min-height:350px;background:linear-gradient(150deg,#cfe8c6,#cfe7f5);border-radius:45% 45% 28% 35%;display:grid;place-items:center;position:relative;box-shadow:var(--shadow)}.hero-art .big-icon{font-size:118px;line-height:1}.hero-art .tag{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);font-weight:750;font-size:.9rem}.tag.one{left:-14px;top:52px;transform:rotate(-7deg)}.tag.two{right:-10px;bottom:45px;transform:rotate(6deg)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:#3b7163;color:#fff;font-weight:750;line-height:1.2;border-radius:13px;padding:15px 20px;min-height:50px;border:2px solid #3b7163}.btn:hover{background:#295247;color:#fff}.btn.outline{background:#fff;color:#305e53;border-color:#b6d7c8}.btn.outline:hover{background:#eff8ed}.section{padding:65px 0}.section-title{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;margin:0 0 15px;letter-spacing:-.03em}.section-intro{margin:0 0 27px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid #e9eee6;background:#fff;border-radius:23px;box-shadow:var(--shadow);padding:29px;text-decoration:none;color:var(--ink);transition:transform .2s}.feature-card:hover{transform:translateY(-3px);color:var(--ink)}.feature-card:nth-child(4n+1) .card-symbol{background:var(--mint)}.feature-card:nth-child(4n+2) .card-symbol{background:var(--sky)}.feature-card:nth-child(4n+3) .card-symbol{background:var(--yellow)}.feature-card:nth-child(4n+4) .card-symbol{background:var(--coral)}.card-symbol{border-radius:15px;width:58px;height:58px;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.feature-card h3{font-size:1.25rem;line-height:1.25;margin:0 0 10px}.feature-card p{margin:0;color:var(--muted);font-size:.97rem}.soft-panel{background:#ecf6eb;border-radius:28px;padding:37px;display:flex;gap:30px;align-items:center;justify-content:space-between}.soft-panel p{max-width:720px;margin:10px 0 0}.site-footer{background:#ebf3ee;margin-top:55px;padding:42px 0 22px;border-top:1px solid #deeadf}.footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom{margin-top:27px;padding-top:19px;border-top:1px solid #cad9d0;color:var(--muted);font-size:.86rem}.page-hero{padding:55px 0 35px;background:linear-gradient(115deg,#ecf8e9,#fdf7eb)}.page-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.14;margin:8px 0}.page-content{padding:42px 0 75px;min-height:40vh}.entry-content{max-width:900px}.entry-content h2,.entry-content h3{line-height:1.25;margin-top:1.65em}.entry-content h2{font-size:1.7rem}.entry-content img{border-radius:15px}.entry-content .wp-block-file{padding:16px 20px;border:1px solid var(--border);border-radius:13px;background:#fff;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.entry-content .wp-block-file a:not(.wp-block-file__button){font-weight:750}.entry-content .wp-block-file__button{background:#3b7163;color:#fff;border-radius:10px;padding:10px 15px;text-decoration:none;font-size:.9rem;margin-left:0}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0}.download-category{border-radius:20px;background:#fff;border:1px solid var(--border);padding:23px}.download-category:nth-child(4n+1){border-top:7px solid var(--mint)}.download-category:nth-child(4n+2){border-top:7px solid var(--sky)}.download-category:nth-child(4n+3){border-top:7px solid var(--yellow)}.download-category:nth-child(4n+4){border-top:7px solid var(--coral)}.download-category h2{font-size:1.25rem;margin:0 0 6px}.download-category p{margin:0;color:var(--muted)}.note{padding:15px 20px;border-left:5px solid #8bb6ac;background:#eef7f3;border-radius:0 12px 12px 0}.post-meta{color:var(--muted);font-size:.9rem}.alignwide{max-width:1140px}.alignfull{width:100%}@media(max-width:1050px){.header-inner{flex-wrap:wrap;padding:14px 0}.menu-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav .menu,.main-nav>ul{display:block}.main-nav .sub-menu,.main-nav .children{display:block;position:static;box-shadow:none;padding-left:18px}.main-nav a{padding:11px}.hero-wrap{grid-template-columns:1fr 320px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 30px,1140px)}.hero{padding:45px 0}.hero-wrap{grid-template-columns:1fr}.hero-art{min-height:235px;max-width:390px;width:100%;margin:10px auto 0}.hero-art .big-icon{font-size:84px}.cards,.download-grid{grid-template-columns:1fr}.section{padding:45px 0}.soft-panel{display:block;padding:25px}.soft-panel .btn{margin-top:20px}.brand-name{font-size:1.05rem}.brand-mark{width:46px;height:46px}.site-footer{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}}