/*
Theme Name: Draußenschule Entwurf
Description: Lokaler Startseitenentwurf nach der vom Nutzer bereitgestellten Webflow-Vorlage. Noch nicht produktiv freigegeben.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: draussenschule
*/
@font-face{font-family:'Open Sans';src:url('assets/open-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans Condensed';src:url('assets/condensed.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans Condensed';src:url('assets/condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--school-red:#ff2508;--school-blue:#3990e0;--school-green:#d9ee32;--school-black:#1c1c1c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font:18px/1.5 'Open Sans',Arial,sans-serif;color:#333;background:#fff}figure,p,h1,h2{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #3990e0;outline-offset:5px}img{max-width:100%;height:auto}button,span[aria-disabled]{cursor:default}.wp-site-blocks{padding:0}.wp-site-blocks>*+*,.school-main>*+*,.school-main .wp-block-post-content>*+*{margin-block-start:0}.school-main,.school-main>.wp-block-post-content{width:100%;max-width:none;margin:0;padding:0}
.school-hero{height:90vh;min-height:650px;position:relative;background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 60%),url('assets/hero.webp') center/cover no-repeat;border-bottom:2px solid var(--school-green);color:#fff;padding:30px max(24px,calc((100% - 1540px)/2)) 200px;display:flex;flex-direction:column;justify-content:space-between}.school-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.school-logo{width:170px;height:170px;border-radius:14px;overflow:hidden;background:#fff}.school-logo img{display:block;width:100%;height:100%;object-fit:contain}.school-actions{display:flex;gap:12px;align-items:flex-start}.login-placeholder{font:16px/1.4 'Open Sans',sans-serif;background:#1c1c1c;color:#fff;padding:18px 24px;border-radius:14px}.social-placeholder{font:34px/1 'Open Sans',sans-serif;display:block;background:#b32965;border-radius:14px;width:54px;height:54px;text-align:center;padding:9px}.hero-copy h1{font:700 clamp(52px,6.25vw,80px)/1.05 'Open Sans Condensed',sans-serif;color:#fff;max-width:100%;text-wrap:balance}.school-subtitle{font:400 32px/1.2 'Open Sans Condensed',sans-serif;color:#a9d4fc;margin-top:20px;max-width:650px}
.school-nav{position:sticky;top:16px;z-index:10;max-width:1540px;width:calc(100% - 48px);height:70px;margin:-170px auto 100px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:14px;box-shadow:0 1px 0 #e1e1e1;font:22px/1.2 'Open Sans Condensed',sans-serif}.nav-home{display:flex;align-items:center;justify-content:center;width:80px;min-width:65px;padding:8px 12px;height:70px}.nav-home img{width:58px;height:54px;object-fit:contain}.nav-links{display:flex;align-items:stretch;align-self:stretch;gap:0}.nav-links>a,.nav-links>span{display:flex;align-items:center;padding:12px 20px;text-decoration:none}.nav-links span:not(.nav-register){color:#646464}.nav-links>a:hover{color:var(--school-red)}.nav-register{background:var(--school-green);border:1px solid #666;border-radius:14px;font-weight:700;color:#1c1c1c;padding:12px 30px!important}
.school-section{border-bottom:2px solid var(--school-red);padding:100px 24px}.school-section.blue{border-bottom-color:var(--school-blue)}.section-inner{max-width:1540px;margin:auto;display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:48px;align-items:center}.section-copy h2{font:400 48px/1.15 'Open Sans Condensed',sans-serif;color:var(--school-red);margin:0 0 24px}.blue .section-copy h2{color:var(--school-blue)}.section-copy p{font-size:22px;line-height:1.35;margin:0 0 18px}.section-copy p:last-child{margin:38px 0 0}.section-image{width:100%}.section-image img{width:100%;display:block;aspect-ratio:920/686;object-fit:cover;border-radius:14px}.school-button{display:inline-block;background:var(--school-red);border:1px solid #444;border-radius:14px;color:#fff;padding:15px 34px;font:400 28px/1.2 'Open Sans Condensed',sans-serif}.blue .school-button{background:var(--school-blue)}
.school-footer{background:var(--school-black);color:#fff;padding:42px max(24px,calc((100% - 1540px)/2))}.footer-links{display:flex;gap:36px;flex-wrap:wrap;align-items:center;font:22px/1.3 'Open Sans Condensed',sans-serif}.draft-note{font-size:13px;line-height:1.55;margin-top:30px;color:#ccc;max-width:1000px}.school-generic{max-width:1100px;margin:50px auto;padding:24px}
@media(min-width:1700px){.school-nav{width:calc(100% - 200px)}}
@media(max-width:1000px){.school-hero{height:85vh;min-height:640px;padding-bottom:190px}.school-logo{width:135px;height:135px}.school-nav{font-size:19px}.nav-links>a,.nav-links>span{padding:12px 13px}.nav-register{padding:12px 20px!important}.section-inner{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.section-copy h2{font-size:39px}.section-copy p{font-size:19px}.school-section{padding:70px 24px}}
@media(max-width:700px){html{scroll-padding-top:24px}.school-hero{height:78svh;min-height:570px;padding:20px 20px 62px;background-position:57% center}.school-header{gap:12px}.school-logo{width:105px;height:105px;border-radius:10px}.school-actions{gap:6px}.login-placeholder{font-size:12px;padding:12px;border-radius:10px}.social-placeholder{width:40px;height:40px;padding:6px;font-size:27px;border-radius:10px}.hero-copy h1{font-size:clamp(44px,13.85vw,54px);max-width:300px}.school-subtitle{font-size:27px;margin-top:16px}.school-nav{position:relative;top:auto;margin:-24px 16px 0;width:calc(100% - 32px);height:auto;min-height:70px;align-items:stretch;padding:10px;border-radius:12px;box-shadow:0 2px 14px #0002}.nav-home{width:48px;min-width:48px;padding:8px 4px;height:60px;align-self:center}.nav-home img{width:43px;height:43px}.nav-links{justify-content:flex-start;align-items:center;flex-wrap:wrap;font-size:18px;flex:1;gap:0 2px}.nav-links>a,.nav-links>span{padding:8px 9px;min-height:38px}.nav-register{padding:8px 12px!important;border-radius:8px}.school-section{padding:58px 20px}.section-inner{display:flex;flex-direction:column;gap:30px}.section-copy h2{font-size:39px;line-height:1.15;margin-bottom:22px}.section-copy p{font-size:18px;line-height:1.5}.section-copy p:last-child{margin-top:26px}.school-button{font-size:24px;padding:13px 25px}.section-image{max-width:600px}.school-footer{padding:35px 20px}.footer-links{gap:18px 25px;font-size:21px}.draft-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:1001px){.school-hero{padding-left:max(100px,calc((100% - 1540px)/2));padding-right:max(100px,calc((100% - 1540px)/2))}.school-nav{width:calc(100% - 200px)}.school-section{padding-left:100px;padding-right:100px}.school-footer{padding-left:max(100px,calc((100% - 1540px)/2));padding-right:max(100px,calc((100% - 1540px)/2))}}