:root{--primary: #030D26;--secondary: #D08856;--accent: #E8B86D;--text-default: #2C3E50;--text-light: #FFFFFF;--text-secondary: #5D6D7E;--bg-default: #F8FAF9;--bg-card: #FFFFFF;--bg-section: #ECF1F4;--bg-white: #FFFFFF;--bg-werkvormen: #ECF1F4;--bg-dark-start: #1a1a2e;--bg-dark-mid: #16213e;--bg-dark-end: #0f0f23;--text-on-dark: #FFFFFF;--text-on-dark-muted: rgba(255, 255, 255, .7);--border-on-dark: rgba(255, 255, 255, .15);--border-orange: var(--secondary);--border-orange-hover: rgba(208, 136, 86, .6);--border-color: #E0E7E5;--brand-orange: #D08856;--brand-dark: #000F08;--secondary-red: #AA210F;--font-heading: "Oswald", sans-serif;--font-body: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--width-full: 100%;--width-wide: 1200px;--width-content: 900px;--width-narrow: 700px;--container-max: var(--width-wide);--container-padding: 20px;--section-padding: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--bg-section) 0%,var(--bg-default) 100%);min-height:100vh;color:var(--text-default);line-height:1.6}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-default);line-height:1.2}.site-header{background:var(--bg-card);box-shadow:0 2px 4px #030d2614;padding:12px 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:10px}.logo:hover{color:var(--secondary)}.header-nav{display:flex;align-items:center;gap:8px}.header-nav a{color:var(--text-secondary);text-decoration:none;padding:8px 16px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s}.header-nav a:hover{color:var(--primary);background:var(--bg-section)}.header-nav a.active{color:var(--primary);background:#030d261a}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:4px}.nav-dropdown-toggle:after{content:"▾";font-size:.75rem}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:0 4px 12px #030d2626;min-width:200px;padding:8px 0;z-index:200}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 16px;color:var(--text-secondary);border-radius:0}.nav-dropdown-menu a:hover{background:var(--bg-section);color:var(--primary)}.nav-external{color:var(--secondary)!important;border:1px solid var(--secondary);border-radius:var(--radius-sm)!important}.nav-external:hover{background:var(--secondary)!important;color:var(--text-light)!important}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px;color:var(--text-default)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#030D26 100%);color:var(--text-light);padding:14px 32px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s;display:inline-block;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #030d264d;background:linear-gradient(135deg,var(--secondary) 0%,#B8703F 100%)}.btn-secondary{background:var(--bg-card);color:var(--primary);padding:14px 32px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s;display:inline-block;border:2px solid var(--primary)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #030d261a;background:var(--primary);color:var(--text-light)}.section{padding:var(--section-padding) 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;margin-bottom:15px}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:var(--width-narrow);margin:0 auto}.werkvormen-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:60px;background:var(--bg-card);padding:60px;border-radius:var(--radius-md);box-shadow:0 2px 8px #030d2614}.werkvormen-header__text h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-default);margin-bottom:20px;text-transform:uppercase}.werkvormen-header__text p{font-family:var(--font-body);font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:30px}.werkvormen-header__cta{margin-top:30px}.werkvormen-header__image{width:100%;height:400px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #030d2626}.werkvormen-header__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero{text-align:center;padding:80px 20px;max-width:var(--width-content);margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:20px;letter-spacing:.5px}.hero p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #030d2614;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #030d2626}.card-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,var(--bg-section) 0%,var(--bg-default) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.card-thumbnail img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.card-content{padding:24px}.card-content h3{font-size:1.5rem;font-weight:600;margin-bottom:12px}.badge{background:var(--bg-section);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-lg);font-size:.85rem;font-weight:500;display:inline-block}.badge.doelgroep{background:linear-gradient(135deg,#030d261a,#030d2633);color:var(--primary)}.badge.niveau{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.badge.type-werkvorm{background:linear-gradient(135deg,#fff4e6,#ffe8cc);color:var(--secondary)}.badge.type-blog{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#030d26}.site-footer{padding-top:40px;padding-bottom:20px}.site-footer hr{border:none;border-top:1px solid var(--border-color);margin:0 0 20px}.footer-content{max-width:var(--width-wide);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary)}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--text-secondary);transition:color .2s}.footer-social a:hover{color:var(--primary)}.footer-links{display:flex;gap:12px;align-items:center}.footer-links a{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:16px;text-align:center}}.loading{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.section-header h2{font-size:2rem}.werkvormen-header{grid-template-columns:1fr;gap:40px;margin-bottom:40px;padding:40px 30px}.werkvormen-header__image{height:300px}.werkvormen-header__text h2{font-size:2rem}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);flex-direction:column;padding:20px;box-shadow:0 4px 12px #030d2626}.header-nav.active{display:flex}.mobile-menu-toggle{display:block}.hero-buttons{flex-direction:column}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero h1{font-size:2rem}.hero{padding:40px 20px}}.page-hero{width:100%;padding:100px 20px;text-align:center;background:linear-gradient(135deg,var(--bg-dark-start) 0%,var(--bg-dark-mid) 50%,var(--bg-dark-end) 100%);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(100,50,150,.15) 0%,transparent 70%);pointer-events:none}.page-hero__container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.page-hero__title{font-family:var(--font-heading, "Oswald", sans-serif);font-size:clamp(4rem,12vw,10rem);font-weight:700;line-height:.95;margin:0 0 2rem;text-transform:uppercase;letter-spacing:-.02em}.title-filled{color:var(--text-on-dark);display:block}.title-outline{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.7);text-stroke:2px rgba(255,255,255,.7);display:block}.title-highlight{background:#fffffff2;color:var(--bg-dark-start);padding:.1em .3em;display:inline}.page-hero__subtitle{font-family:var(--font-body, "Barlow", sans-serif);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.5;margin:0 0 2rem;color:var(--text-on-dark-muted)}.page-hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.btn{display:inline-block;padding:14px 32px;font-family:var(--font-body, "Barlow", sans-serif);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--text-on-dark);color:var(--bg-dark-start)}.btn--primary:hover{box-shadow:0 8px 25px #ffffff4d;background:#ffffffe6;transform:translateY(-3px)}.btn--secondary{background:transparent;border:2px solid var(--text-on-dark-muted);color:var(--text-on-dark-muted)}.btn--secondary:hover{background:#ffffff26;border-color:var(--text-on-dark);color:var(--text-on-dark);box-shadow:0 8px 20px #ffffff1a}@media (max-width: 768px){.page-hero{padding:60px 20px}.page-hero__buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;text-align:center}}@media (max-width: 480px){.page-hero{padding:40px 20px}}.feature-cards{background:#0e0e23;padding:60px 20px}.feature-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--width-wide);margin:0 auto}.feature-card{background:#ffffff08;border:2px solid var(--border-orange);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;min-height:280px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);background-color:#ffffff0f;border-color:var(--border-orange-hover);box-shadow:0 12px 40px #0000004d}.feature-card--image{background-size:cover;background-position:center;position:relative;border-color:var(--border-orange)}.feature-card--image:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000b3,#0000004d 40%,#0000001a);border-radius:var(--radius-lg)}.feature-card--image .feature-card__header{position:relative;z-index:1;justify-content:flex-end}.feature-card--image .feature-card__content{position:relative;z-index:1}.feature-card--image:hover .feature-card__arrow{border-color:var(--border-orange);color:var(--border-orange);background:transparent}.feature-card--media{padding:0;overflow:hidden}.feature-card--media .feature-card__media{position:relative;width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.feature-card--media .feature-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feature-card--media .feature-card__arrow{position:absolute;top:16px;right:16px}.feature-card--media .feature-card__content{padding:24px;justify-content:flex-start}.feature-card--media:hover .feature-card__arrow{border-color:var(--border-orange);color:var(--border-orange);background:transparent}.feature-card--centered{text-align:center;justify-content:center;align-items:center;padding:48px 32px;background-position:center center}.feature-card--centered .feature-card__content{justify-content:center;align-items:center;width:100%}.feature-card--centered .feature-card__icon-large{font-size:3rem;margin-bottom:20px;display:block}.feature-card--centered .feature-card__arrow{position:absolute;top:16px;right:16px}.feature-card--centered .feature-card__title{margin-bottom:16px}.feature-card--centered .feature-card__description{margin-bottom:24px}.feature-card--centered .feature-card__cta{margin-top:auto}.feature-card--centered:hover .feature-card__arrow{border-color:var(--border-orange);color:var(--border-orange)}.feature-card__description--italic{font-style:italic}.feature-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.feature-card__icon{width:48px;height:48px;border:2px solid var(--border-on-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-on-dark-muted)}.feature-card__arrow{width:40px;height:40px;border:2px solid var(--border-on-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-on-dark-muted);font-size:1.2rem;transition:all .2s}.feature-card:hover .feature-card__arrow{background:#ffffff26;border-color:var(--border-orange);color:var(--text-on-dark)}.feature-card__content{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.feature-card__title{font-family:var(--font-heading, "Oswald", sans-serif);font-size:1.8rem;font-weight:700;color:var(--text-on-dark);margin:0 0 12px;line-height:1.2}.feature-card__description{font-family:var(--font-body, "Barlow", sans-serif);font-size:1rem;color:var(--text-on-dark-muted);line-height:1.6;margin:0}.feature-card--highlight{background:#ffffff0d}.feature-card--highlight .feature-card__cta{margin-top:auto;padding-top:24px}.feature-card__cta-button{display:inline-block;background:#030d26;color:#fff;padding:14px 28px;border-radius:var(--radius-lg);font-family:var(--font-body, "Barlow", sans-serif);font-size:1rem;font-weight:600;text-decoration:none;text-align:center;transition:background .2s,transform .2s;width:100%}.feature-card__cta-button:hover{background:#030d26;transform:translateY(-2px)}.feature-card__list{list-style:none;padding:0;margin:16px 0 0}.feature-card__list li{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--text-on-dark-muted);font-size:.95rem}.feature-card__list-icon{font-size:1rem}@media (max-width: 1024px){.feature-cards__grid{grid-template-columns:1fr;max-width:500px}.feature-card{min-height:220px}}@media (max-width: 768px){.feature-cards{padding:40px 20px}.feature-card{padding:24px;min-height:200px}.feature-card__title{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease-out}.consent-group{display:flex;align-items:flex-start;gap:12px;margin:4px 0}.consent-group input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:var(--secondary);flex-shrink:0}.consent-group label{flex:1;font-size:.95rem;line-height:1.4;cursor:pointer;font-family:var(--font-body)}.consent-group--dark label{color:#ffffffe6}.consent-group--light label{color:var(--text-secondary)}@media (max-width: 768px){#contact{padding:40px 20px!important}#contact>div{padding:40px 20px!important;margin:0!important}.contact-grid{grid-template-columns:1fr!important;gap:40px!important}}.section-full,.section-content,.section-card{padding:var(--section-padding, 60px) 0}.section-full{width:100vw;margin-left:calc(-50vw + 50%);padding-left:var(--container-padding, 20px);padding-right:var(--container-padding, 20px)}.section-card{max-width:var(--width-wide);margin:var(--section-padding, 60px) auto;border-radius:var(--radius-lg);padding:60px 80px}.bg-light{background:var(--bg-section)}.bg-dark{background:linear-gradient(135deg,var(--bg-dark-start) 0%,var(--bg-dark-mid) 50%,var(--bg-dark-end) 100%);color:var(--text-light)}.bg-accent{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);color:var(--text-light)}.bg-white{background:var(--bg-card)}.bg-transparent{background:transparent}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-accent h1,.bg-accent h2,.bg-accent h3,.bg-accent h4{color:var(--text-light)}.bg-dark p,.bg-accent p{color:#ffffffe6}.bg-dark a,.bg-accent a{color:var(--text-light);text-decoration:underline}.bg-dark a:hover,.bg-accent a:hover{opacity:.8}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid-2-col-40-60{display:grid;grid-template-columns:40% 60%;gap:60px;align-items:start}.grid-2-col-60-40{display:grid;grid-template-columns:60% 40%;gap:60px;align-items:center}.grid-2-col-30-70{display:grid;grid-template-columns:30% 70%;gap:40px}.grid-2-col-70-30{display:grid;grid-template-columns:70% 30%;gap:40px}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.grid-align-start{align-items:start}.grid-align-center{align-items:center}.grid-align-end{align-items:end}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:40px;line-height:1.2}.section-title.centered{text-align:center}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:var(--width-narrow);margin-bottom:40px;line-height:1.7}.section-subtitle.centered{text-align:center;margin-left:auto;margin-right:auto}.section-intro{max-width:var(--width-content);margin-bottom:50px}.section-intro.centered{text-align:center;margin-left:auto;margin-right:auto}.card-bordered{background:var(--bg-card);border:2px solid rgba(21,101,192,.1);border-radius:var(--radius-md);padding:24px;transition:transform .2s,box-shadow .2s}.card-bordered:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.bg-dark .card-bordered{background:#ffffff0d;border-color:#ffffff26}.bg-dark .card-bordered:hover{background:#ffffff14;box-shadow:0 12px 40px #0000004d}.bg-accent .card-bordered{background:#ffffff1a;border-color:#fff3}.card-icon{text-align:center;padding:32px 24px}.card-icon .icon{font-size:3rem;margin-bottom:16px;display:block}.card-icon h3{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:12px;color:var(--primary)}.card-icon p{color:var(--text-secondary);line-height:1.6}.section-list{list-style:none;padding:0;margin:0}.section-list li{position:relative;padding-left:28px;margin-bottom:16px;line-height:1.6}.section-list li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:600}.bg-dark .section-list li:before,.bg-accent .section-list li:before{color:var(--text-light)}.section-list.checklist li:before{content:"✓";color:var(--primary)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.pt-0{padding-top:0}.pt-3{padding-top:24px}.pt-5{padding-top:48px}.pb-0{padding-bottom:0}.pb-3{padding-bottom:24px}.pb-5{padding-bottom:48px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-light{color:var(--text-light)}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--secondary)}@media (max-width: 1024px){.section-card{margin:40px 20px;padding:40px;border-radius:var(--radius-lg)}.grid-2-col-40-60,.grid-2-col-60-40,.grid-2-col-30-70,.grid-2-col-70-30{grid-template-columns:1fr;gap:30px}.grid-4-col{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2.2rem}}@media (max-width: 768px){.section-full,.section-content,.section-card{padding:40px 20px}.section-card{border-radius:var(--radius-md);margin:20px 15px;padding:30px 20px}.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr;gap:24px}.grid-auto-fit{grid-template-columns:1fr}.section-title{font-size:1.8rem;margin-bottom:24px}.section-subtitle{font-size:1.1rem;margin-bottom:24px}.card-bordered{padding:20px}.card-icon{padding:24px 20px}.card-icon .icon{font-size:2.5rem}}@media (max-width: 480px){.section-full,.section-content{padding:30px 15px}.section-card{margin:15px 10px;padding:24px 16px;border-radius:var(--radius-md)}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}}.lesplan-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #1565c014;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.lesplan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1565c026}.card-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,var(--bg-section) 0%,var(--bg-default) 100%);display:block;overflow:hidden;padding:0;margin:0;line-height:0}.card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-thumbnail-placeholder{font-size:4rem;color:var(--primary);opacity:.3}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.card-content h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-default);margin-bottom:12px}.card-intro{color:var(--text-secondary);font-size:.95rem;margin-bottom:16px;line-height:1.6;flex:1}.card-metadata,.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge,.meta-badge{display:inline-block;padding:4px 12px;background:var(--bg-section);color:var(--text-secondary);border-radius:20px;font-size:.85rem;font-weight:500}.badge.doelgroep,.meta-badge.doelgroep{background:var(--primary);color:#fff}.badge.niveau,.meta-badge.niveau{background:var(--secondary);color:#fff}.card-actions{display:flex;gap:10px}.card-btn{flex:1;padding:10px 16px;border-radius:6px;text-decoration:none;text-align:center;font-weight:600;font-size:.9rem;transition:all .2s}.card-btn.primary{background:var(--primary);color:#fff}.card-btn.primary:hover{background:var(--secondary)}.card-btn.secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.card-btn.secondary:hover{background:var(--primary);color:#fff}.lesplan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}@media (max-width: 768px){.lesplan-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}}:root{--cookie-cream: #faf9f6;--cookie-orange: #d97706;--cookie-orange-dark: #b45309;--cookie-dark: #1a1a1a;--cookie-text-secondary: #666666;--cookie-border: #e5e5e5;--cookie-white: #ffffff;--cookie-overlay: rgba(0, 0, 0, .4)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--cookie-cream);border-top:2px solid var(--cookie-orange);padding:1.5rem;box-shadow:0 -4px 12px #0000001a;z-index:9999;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto}.cookie-banner-text{flex:1}.cookie-banner-title{font-size:1.125rem;font-weight:600;color:var(--cookie-dark);margin:0 0 .5rem}.cookie-banner-desc{font-size:.875rem;color:var(--cookie-text-secondary);margin:0;line-height:1.5}.cookie-banner-desc a{color:var(--cookie-orange);text-decoration:none;font-weight:500}.cookie-banner-desc a:hover{text-decoration:underline}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media (min-width: 768px){.cookie-banner{left:50%;right:auto;transform:translate(-50%);max-width:800px;border-radius:12px 12px 0 0;bottom:0}.cookie-banner-content{flex-direction:row;align-items:flex-end;gap:2rem}.cookie-banner-actions{flex-wrap:nowrap;gap:.5rem}}.cookie-modal-overlay{position:fixed;inset:0;background:var(--cookie-overlay);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-modal{background:var(--cookie-white);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:0 8px 32px #00000026;animation:slideDown .3s ease-out}@media (min-width: 480px){.cookie-modal{padding:2rem}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-modal-header{margin-bottom:1.5rem;border-bottom:1px solid var(--cookie-border);padding-bottom:1rem}@media (min-width: 480px){.cookie-modal-header{margin-bottom:2rem;padding-bottom:1.5rem}}.cookie-modal-title{font-size:1.25rem;font-weight:600;color:var(--cookie-dark);margin:0 0 .5rem}@media (min-width: 480px){.cookie-modal-title{font-size:1.5rem}}.cookie-modal-subtitle{font-size:.875rem;color:var(--cookie-text-secondary);margin:0}.cookie-modal-body{margin-bottom:1.5rem}@media (min-width: 480px){.cookie-modal-body{margin-bottom:2rem}}.cookie-category{padding:.75rem 0;border-bottom:1px solid var(--cookie-border)}@media (min-width: 480px){.cookie-category{padding:1rem 0}}.cookie-category:last-child{border-bottom:none}.cookie-category-header{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 480px){.cookie-category-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}}.cookie-category-info{flex:1}.cookie-category-label{font-size:1rem;font-weight:600;color:var(--cookie-dark);margin:0 0 .25rem}.cookie-category-desc{font-size:.875rem;color:var(--cookie-text-secondary);margin:0;line-height:1.4}.cookie-category-required{display:inline-block;background:#f3f4f6;color:#666;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;margin-top:.25rem}.cookie-modal-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--cookie-border)}@media (min-width: 480px){.cookie-modal-footer{flex-direction:row;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;justify-content:flex-end}}.cookie-toggle{position:relative;width:48px;height:24px;background:#cbd5e1;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.cookie-toggle:hover{background:#a8aeb8}.cookie-toggle.active{background:var(--cookie-orange)}.cookie-toggle.active:hover{background:var(--cookie-orange-dark)}.cookie-toggle:after{content:"";position:absolute;width:20px;height:20px;background:var(--cookie-white);border-radius:50%;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.cookie-toggle.active:after{transform:translate(24px)}.cookie-toggle:focus-visible{outline:2px solid var(--cookie-orange);outline-offset:2px}.cookie-btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;width:100%}@media (min-width: 480px){.cookie-btn{width:auto;padding:.75rem 1.5rem;font-size:.875rem}}.cookie-btn:focus-visible{outline:2px solid var(--cookie-orange);outline-offset:2px}.cookie-btn:disabled{opacity:.5;cursor:not-allowed}.cookie-btn-primary{background:var(--cookie-orange);color:var(--cookie-white)}.cookie-btn-primary:hover{background:var(--cookie-orange-dark)}.cookie-btn-primary:active{transform:scale(.98)}.cookie-btn-secondary{background:var(--cookie-white);color:var(--cookie-dark);border:2px solid var(--cookie-orange)}.cookie-btn-secondary:hover{background:#faf5f0}.cookie-btn-secondary:active{transform:scale(.98)}.cookie-btn-settings{background:transparent;color:var(--cookie-orange);border:none;padding:.75rem 0;text-decoration:underline;font-weight:500}.cookie-btn-settings:hover{color:var(--cookie-orange-dark)}.cookie-footer-widget{position:fixed;bottom:2rem;left:2rem;z-index:9998}.cookie-footer-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--cookie-orange);color:var(--cookie-white);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #d977064d;transition:all .2s ease}.cookie-footer-btn:hover{background:var(--cookie-orange-dark);box-shadow:0 6px 16px #d9770666}.cookie-footer-btn:focus-visible{outline:2px solid var(--cookie-orange);outline-offset:2px}.cookie-footer-btn svg{width:20px;height:20px}@media (max-height: 600px){.cookie-footer-widget{bottom:1rem;left:1rem}.cookie-footer-btn{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){.cookie-banner,.cookie-modal-overlay,.cookie-modal,.cookie-toggle,.cookie-btn,.cookie-footer-btn{animation:none!important;transition:none!important}}@media (prefers-contrast: more){.cookie-banner{border-top-width:3px}.cookie-btn-primary,.cookie-btn-secondary{border-width:2px}.cookie-toggle{border:2px solid var(--cookie-dark)}}@media (prefers-color-scheme: dark){:root{--cookie-cream: #1a1a1a;--cookie-dark: #f5f5f5;--cookie-text-secondary: #a0a0a0;--cookie-border: #333333;--cookie-white: #2d2d2d;--cookie-overlay: rgba(0, 0, 0, .8)}.cookie-modal{background:var(--cookie-white);border:1px solid var(--cookie-border)}.cookie-btn-secondary{background:var(--cookie-white);color:var(--cookie-dark)}.cookie-btn-secondary:hover{background:#353535}.cookie-category-required{background:#333;color:#a0a0a0}}@media print{.cookie-banner,.cookie-modal-overlay,.cookie-footer-widget{display:none!important}}