.school-building{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:system-ui,"Segoe UI",sans-serif;color:var(--ink,#173e35);background:var(--paper,#f6f9ef);line-height:1.65}.school-building *{box-sizing:border-box}.school-building header{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100%);padding:26px;margin:0 auto}.school-building header>a:first-child{font-size:18px;font-weight:750;max-width:65%;overflow-wrap:anywhere}.school-building a{color:inherit;text-decoration:none}.building-login{border:1px solid var(--border,#b9ccb8);border-radius:var(--button-radius,var(--radius,999px));background:var(--green,#285e4c);color:var(--button-ink,#fff);padding:10px 18px;font-size:13px;text-align:center}.school-building main{width:min(800px,100%);margin:auto;text-align:center;padding:30px 24px 60px}.school-building h1{font-size:clamp(34px,5vw,60px);line-height:1.12;letter-spacing:-1.6px;margin:22px 0}.school-building main>p{max-width:590px;margin:16px auto}.school-building .building-kicker{font-size:10px;font-weight:700;letter-spacing:2px}.school-building footer{text-align:center;padding:22px;font-size:12px;color:var(--muted,#52665a)}.building-art{position:relative;width:240px;height:170px;margin:0 auto 35px;display:flex;gap:12px;justify-content:center;align-items:flex-end;transform:rotate(-4deg)}.building-art strong{position:absolute;top:0;left:70px;border:2px solid var(--green,#285e4c);padding:12px 25px;border-radius:50%;font-size:30px;transform:rotate(8deg);background:var(--accent,#dce9b4);color:var(--accent-ink,#173e35)}.building-art i{display:block;width:42px;border-radius:var(--radius,10px) var(--radius,10px) 0 0;background:var(--green,#285e4c);height:55px}.building-art i:nth-last-child(2){height:80px;background:var(--brand-soft,#90b45c)}.building-art i:last-child{height:110px;background:var(--accent,#c0d52c)}.building-art>span{position:absolute;left:4px;top:15px;font-size:30px}.building-art>span:nth-child(2){left:auto;right:0;top:40px}.school-building a:focus-visible{outline:3px solid var(--green,#285e4c);outline-offset:4px}.school-preview-banner{padding:16px 24px;border:2px dashed var(--green,#285e4c);border-radius:var(--radius,12px);margin:22px 0;background:var(--surface,#fff);font-size:13px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.school-preview-banner>div{flex:1 1 480px;min-width:0}.school-preview-banner p{margin:0}.school-home-hero{padding:65px 0 36px;max-width:900px}.school-home-hero h1{font-size:clamp(34px,4.3vw,62px);overflow-wrap:anywhere}.school-home-hero p{white-space:normal;font-size:18px}.school-home-blocks{display:grid;gap:26px}.school-home-block{padding:var(--card-padding,28px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface,#fff);overflow-wrap:anywhere}.school-home-callout{border-left:5px solid var(--green)}.school-home-feature{max-width:none}.school-home-block{box-shadow:var(--card-shadow,none);border-width:var(--card-border-width,1px)}.school-home-block p:last-child{margin-bottom:0}.school-home-editor{max-width:1000px}.school-home-editor .card{padding:24px;margin-bottom:24px;min-width:0}.school-home-editor legend{font-weight:700;padding:0 8px}.school-home-editor .button{margin:4px 8px 4px 0;max-width:100%;white-space:normal}.school-home-editor textarea{width:100%;font:inherit;padding:12px;resize:vertical}.school-site-status{border-left:5px solid var(--green,#285e4c)}.school-site-status .button{margin:6px 10px 6px 0}.school-trash-panel{margin-top:30px}.school-home-blocks .public-catalog{margin-top:20px}@media(max-width:650px){.school-building header{align-items:flex-start;padding:20px}.school-building header>a:first-child{font-size:15px;max-width:54%}.building-login{font-size:12px;padding:8px 12px}.school-building main{padding-top:16px}.building-art{transform:scale(.85);margin-bottom:10px}.school-preview-banner{padding:16px}.school-home-editor .card{padding:18px}.school-home-hero{padding-top:35px}.school-home-hero p{font-size:16px}}

.school-building footer nav{display:flex;justify-content:center;gap:20px;margin-top:10px}.school-building footer nav a{text-decoration:underline;text-underline-offset:3px}

/* Shared renderer for starter pages, draft preview and publications. */
.website-sections{display:flex;flex-direction:column;gap:clamp(34px,5vw,64px);padding-bottom:50px}.website-section{min-width:0;scroll-margin-top:30px;overflow-wrap:anywhere}.website-section h1,.website-section h2,.website-section p{overflow-wrap:anywhere}.website-section h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin:22px 0 42px}.website-section h2{line-height:1.25}.website-section .course-rich>p:first-child{margin-top:0}.website-section .course-rich>p:last-child{margin-bottom:0}.website-hero{padding:65px 0 0}.website-hero .eyebrow{margin-bottom:16px}.website-hero .course-rich{font-size:16px;line-height:1.9}.website-hero .content-action{margin-top:30px}.website-with-image{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(25px,5vw,65px);align-items:center}.website-image-side-left.website-with-image>.website-article{order:2}.website-image-side-left.website-with-image>:nth-child(2){order:1}.website-hero .learning-art{width:100%;aspect-ratio:1;min-height:0;max-width:480px;justify-self:center}.website-hero .learning-note{max-width:80%}.website-hero .learning-note strong{font-size:clamp(24px,3vw,39px)}.website-hero .learning-note .eyebrow{font-size:8px;letter-spacing:1.2px}.website-hero .art-label{font-size:10px;bottom:7%}.website-bg-soft{background:var(--soft,#eff4e9);border-radius:var(--radius,16px);padding:clamp(22px,4vw,40px)}.website-tiles{display:grid;gap:24px;align-items:stretch}.website-columns-1{grid-template-columns:1fr}.website-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.website-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.website-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.website-tile{display:flex;flex-direction:column;align-items:flex-start;padding:var(--card-padding,28px);border:var(--card-border-width,1px) solid var(--border,#ddd);border-radius:var(--radius,12px);background:var(--surface,#fff);box-shadow:var(--card-shadow,none);min-width:0}.website-tile .tile-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--green,#285e4c);color:var(--on-primary,#fff)}.website-tile .tile-icon svg{width:23px;height:23px}.website-tile h2{font-size:20px;margin:20px 0 12px;color:var(--green,#285e4c)}.website-tile p{margin:0;font-size:13px;line-height:1.7}.website-tile>img,.website-tile>.content-image-figure>img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius,12px)}.website-image{margin:0;width:100%}.website-image img{display:block;width:100%;max-height:550px;height:auto;border-radius:var(--radius,12px)}.website-image-cover img{aspect-ratio:4/3;object-fit:cover;object-position:center}.website-image-contain img{object-fit:contain}.website-image-empty{min-height:220px;border:2px dashed var(--border,#bbb);border-radius:var(--radius,12px);display:grid;place-items:center;padding:30px;color:var(--muted,#667);font-size:14px}.website-callout{border:1px solid var(--border,#ddd);border-radius:var(--radius,12px);padding:var(--card-padding,32px);background:var(--surface,#fff)}.website-callout .eyebrow{font-size:10px}.website-callout h2{margin:12px 0}.website-courses .public-catalog{margin-top:20px}.website-question{border:1px solid var(--border,#ddd);border-radius:var(--radius,12px);padding:18px 22px;margin:12px 0;background:var(--surface,#fff)}.website-question summary{cursor:pointer;font-weight:650}.website-question>p{line-height:1.7;margin-bottom:0}.website-editable-frame [data-website-section]{cursor:pointer;position:relative}.website-editable-frame [data-website-section]:hover{outline:2px dashed var(--green,#285e4c);outline-offset:5px}.website-editable-frame .website-selected{outline:2px solid var(--green,#285e4c);outline-offset:5px}.website-editable-frame [data-website-section]:after{content:'Bearbeiten';position:absolute;top:0;right:0;font-size:10px;font-family:system-ui,sans-serif;background:var(--green,#285e4c);color:white;padding:4px 8px;border-radius:4px;opacity:0}.website-editable-frame [data-website-section]:hover:after,.website-editable-frame .website-selected:after{opacity:1}.content-action{display:flex;margin-top:20px;clear:both;min-width:0}.content-action-left{justify-content:flex-start}.content-action-center{justify-content:center}.content-action-right{justify-content:flex-end}.content-action .button{max-width:100%;white-space:normal;text-align:center}.content-download{font-size:.9em}.content-action .button svg{flex-shrink:0}.website-article{min-width:0}.website-text .website-article{max-width:900px}.website-section .course-rich a{text-decoration:underline;text-underline-offset:3px}.website-section [id]{scroll-margin-top:30px}
@media(max-width:900px){.website-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.website-with-image{gap:30px}.website-hero .learning-note strong{font-size:clamp(22px,3.5vw,34px)}.website-section h1{font-size:clamp(34px,5vw,54px)}}
@media(max-width:650px){.website-hero{padding-top:35px}.website-with-image{grid-template-columns:minmax(0,1fr)}.website-image-side-left.website-with-image>.website-article,.website-image-side-left.website-with-image>:nth-child(2){order:initial}.website-columns-2,.website-columns-3,.website-columns-4{grid-template-columns:minmax(0,1fr)}.website-hero .learning-art{max-width:360px}.website-section h1{font-size:clamp(32px,8.5vw,46px);margin-bottom:26px;letter-spacing:-1.3px}.website-hero .learning-note strong{font-size:30px}.website-tile{padding:var(--card-padding,24px)}.website-sections{gap:34px}.website-bg-soft{padding:24px}.website-callout{padding:var(--card-padding,24px)}}
.website-tile h2{color:var(--brand-deep,var(--ink))}.website-tile .tile-icon{background:var(--accent,var(--lime));color:var(--accent-ink,var(--ink))}.website-tile .tile-icon svg{color:inherit}.website-bg-soft{background:var(--brand-soft,var(--paper))}

.school-building a.building-login{color:var(--button-ink,#fff)}.school-building header .academy-brand-name{min-width:0}.school-building header .academy-logo{max-width:240px;max-height:64px;object-fit:contain}@media(max-width:650px){.school-building header .academy-logo{max-width:100%;max-height:48px}}
.website-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.website-course-grid.website-columns-1{grid-template-columns:1fr}.website-course-grid.website-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.website-course-grid.website-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.website-course-grid.website-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.website-course-grid .course-card{display:flex;flex-direction:column;min-width:0}.website-course-grid .course-cover{height:auto;aspect-ratio:16/9;overflow:hidden}.website-course-grid .course-cover>img{width:100%;height:100%;object-fit:cover}.website-course-grid .course-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}.website-course-grid .course-body>p{min-height:0;flex:1}.website-course-grid .course-body .button{margin:5px 8px 5px 0}.course-application{padding:clamp(20px,4vw,48px) 0 55px}.course-application-heading{max-width:880px;margin-bottom:clamp(28px,5vw,58px)}.course-application-heading h1{margin:14px 0 22px}.course-application-heading>p,.course-application-heading .course-rich{font-size:17px;line-height:1.8;max-width:760px}.course-application-content{display:grid;gap:28px}.course-application-content .cl-block{margin:0;padding:var(--card-padding,28px);border:var(--card-border-width,1px) solid var(--border,#ddd);border-radius:var(--radius,16px);box-shadow:var(--card-shadow,none)}.course-application-content .course-bg-plain{background:var(--surface,#fff)}.course-application-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:35px;padding-top:22px;border-top:1px solid var(--border,#ddd)}.course-application-actions .form-hint{margin:0}
@media(max-width:700px){.website-course-grid,.website-course-grid.website-columns-2,.website-course-grid.website-columns-3,.website-course-grid.website-columns-4{grid-template-columns:1fr}.course-application-content .cl-block{padding:20px}}

/* Optional image captions and credits follow the current block colours. */
.content-image-figure{margin:0;min-width:0}.content-image-caption{display:block;margin:10px 0 0;font-size:.9em;line-height:1.5;color:inherit;overflow-wrap:anywhere;text-align:start}.content-image-description,.content-image-source{display:block}.content-image-description{white-space:pre-line}.content-image-source{margin-top:4px;font-size:.85em;line-height:1.5;color:inherit}.content-image-source:first-child{margin-top:0}.course-card .content-image-caption{padding:0 18px 8px}

/* Keep anonymous school login beside the language links. */
.school-building>header>.building-login{margin-left:auto;flex-shrink:0}
.school-building>header>.language-switcher{flex:0 0 auto}