.hero{padding:72px 0 54px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-photo{position:relative;aspect-ratio:16/15;overflow:hidden;border-radius:2px;background:var(--creme)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo .cred{position:absolute;bottom:12px;left:14px;color:#ffffffd1;font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.hero-text .eyebrow{margin-bottom:20px;display:block}.hero-claim{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:-.02em;color:var(--petrol);margin-bottom:28px}.hero-claim em{font-style:italic;color:var(--petrol)}.hero-sub{font-family:var(--serif);font-style:italic;color:var(--stein);font-size:21px;line-height:1.5;max-width:520px;margin-bottom:40px}.hero-cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-open-day{display:inline-flex;align-items:center;gap:6px;color:var(--bordeaux);font-family:var(--sans);font-weight:500;font-size:14px;text-decoration:none;padding:10px 4px;min-height:44px}.hero-open-day .dot{width:6px;height:6px;border-radius:50%;background:var(--bordeaux);display:inline-block}.hero-open-day span.label{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.hero-open-day:hover{color:var(--petrol-dark)}.news-dates{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:48px}.news-dates>div,.news-dates>aside{background:#f5efe78c;border:1px solid var(--hairline);border-radius:var(--card-radius);padding:40px 40px 44px;box-shadow:0 12px 32px -18px #0e4d4f38,0 2px 6px -2px #0e4d4f0f}.news-list{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}.news-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}.news-card .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--creme);border-radius:2px}.news-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .thumb img{transform:scale(1.03)}.news-meta{display:flex;align-items:center;gap:10px}.badge{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:2px;display:inline-block}.badge-aktuell{background:var(--bordeaux);color:var(--creme)}.badge-news{background:#6e26391a;color:var(--bordeaux)}.badge-unesco{background:#7fb0692e;color:#3e6b2a}.badge-kunst{background:#d4a57438;color:#7a5120}.badge-sport{background:#0e4d4f1a;color:var(--petrol)}.news-card h3{color:var(--petrol);font-size:20px;line-height:1.25;font-family:var(--serif);font-weight:500;letter-spacing:-.005em;margin:0}.news-card:hover h3{color:var(--petrol-dark)}.news-card .excerpt{color:var(--stein);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card .date{color:var(--stein)}.news-list .news-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.news-list .news-card.featured .thumb{aspect-ratio:5/4}.news-list .news-card.featured h3{font-size:24px;font-family:var(--serif);font-weight:500;letter-spacing:-.01em}.news-list .news-card.featured .excerpt{-webkit-line-clamp:3;font-size:16px}.dates-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.date-row{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--hairline)}.date-row .date-main{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--petrol);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.date-row .date-sub{font-family:var(--sans);font-size:12px;color:var(--stein);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.date-row .date-body h3{font-family:var(--sans);font-weight:500;font-size:16px;color:var(--tinte);margin:0 0 4px}.date-row .date-cat{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--stein)}.date-row.highlight .date-main{color:var(--bordeaux)}.pillars-section{background:radial-gradient(ellipse at 15% 10%,rgba(127,176,105,.08),transparent 45%),radial-gradient(ellipse at 85% 90%,rgba(212,165,116,.1),transparent 50%),var(--creme);padding:30px 0 35px;position:relative;overflow:hidden}.pillars-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 30%,rgba(14,77,79,.025) 1px,transparent 1px),radial-gradient(circle at 75% 70%,rgba(110,38,57,.02) 1px,transparent 1px);background-size:24px 24px,32px 32px;pointer-events:none;opacity:.6}.pillars-head{text-align:center;max-width:760px;margin:0 auto 72px;position:relative}.pillars-head .eyebrow{display:block;margin-bottom:16px}.pillars-head h2{font-family:var(--serif);font-weight:500;font-size:42px;line-height:1.15;letter-spacing:-.02em;color:var(--petrol)}.pillars-collage{position:relative;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px}.pillar-card{position:relative;overflow:hidden;isolation:isolate;background:var(--offwhite);border:1px solid var(--hairline);padding:40px 36px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px -20px #0e4d4f38;transition:transform .3s ease,box-shadow .3s ease;min-height:280px;text-decoration:none;color:inherit}a.pillar-card:focus-visible{outline:2px solid var(--bordeaux);outline-offset:3px}.pillars-section[data-bg-images=on] .pillar-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--card-bg, none);background-size:cover;background-position:center;opacity:var(--card-bg-opacity, .15);transition:opacity .3s ease;pointer-events:none}.pillars-section[data-bg-images=on] .pillar-card>*{position:relative}.pillar-unesco{--card-bg:url(/unesco-schule-essen-homepage/assets/pillar-unesco.jpg)}.pillar-profile{--card-bg:url(/unesco-schule-essen-homepage/assets/pillar-profil.jpg)}.pillar-abitur{--card-bg:url(/unesco-schule-essen-homepage/assets/pillar-abitur.jpg)}.pillar-quote{--card-bg:url(/unesco-schule-essen-homepage/assets/pillar-quote.jpg)}.pillars-section[data-bg-images=on] .pillar-quote:after{content:"";position:absolute;inset:-1px;z-index:-1;background:#faf7f18c;pointer-events:none}.pillar-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -22px #0e4d4f4d}.pillar-card .icon{width:36px;height:36px;color:var(--bordeaux)}.pillar-card h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2;color:var(--petrol);letter-spacing:-.005em;margin:0 0 10px}.pillar-card p{font-size:15px;color:var(--stein);line-height:1.6}.pillar-profile{background:var(--petrol);color:var(--creme);border-color:var(--petrol)}.pillar-profile h3{color:var(--creme)}.pillar-profile p{color:#f5efe7d1}.pillar-profile .icon{color:var(--gold)}.pillar-unesco{background:var(--bordeaux);color:var(--creme);border-color:var(--bordeaux)}.pillar-unesco h3{color:var(--creme)}.pillar-unesco p{color:#f5efe7e0}.pillar-unesco .icon{color:var(--gold)}.pillar-abitur{background:var(--gold);color:#3a2a10;border-color:var(--gold)}.pillar-abitur h3{color:var(--gold-text)}.pillar-abitur p{color:#3a2a10d9}.pillar-abitur .icon{color:var(--bordeaux)}.pillar-quote{background:var(--creme);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 36px;transform:rotate(-1.2deg);transform-origin:50% 0%;transition:transform .3s ease}.pillar-quote:hover{animation:pillar-quote-swing 1.8s cubic-bezier(.36,0,.16,1) 1}@keyframes pillar-quote-swing{0%{transform:rotate(-1.2deg)}18%{transform:rotate(-5.5deg)}36%{transform:rotate(2.6deg)}54%{transform:rotate(-2.2deg)}72%{transform:rotate(.8deg)}88%{transform:rotate(-1.4deg)}to{transform:rotate(-1.2deg)}}@media(prefers-reduced-motion:reduce){.pillar-quote:hover{animation:none;transform:rotate(-1.2deg)}}.pillar-quote blockquote{margin:0;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.01em;color:var(--petrol)}.pillar-quote blockquote:before{content:"„";display:block;font-family:var(--serif);font-size:72px;line-height:.4;color:var(--bordeaux);opacity:.5;margin-bottom:14px}.pillar-quote cite{display:block;margin-top:16px;font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--stein)}.voice-section{padding:60px 0}.voice-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}.voice-photo{aspect-ratio:4/5;overflow:hidden;background:var(--creme);border-radius:2px;filter:grayscale(100%) contrast(1.02)}.voice-photo img{width:100%;height:100%;object-fit:cover}.voice-text .eyebrow{display:block;margin-bottom:24px}.voice-quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.2vw,32px);line-height:1.35;color:var(--petrol);letter-spacing:-.005em;margin-bottom:32px}.voice-quote .mark{color:var(--bordeaux);font-style:normal}.voice-attrib{border-left:2px solid var(--bordeaux);padding-left:16px}.voice-attrib .name{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--tinte)}.voice-attrib .role{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--stein);margin-top:3px}.path-section{background:var(--creme);padding:60px 0}.path-head{margin-bottom:56px;max-width:620px}.path-head .eyebrow{display:block;margin-bottom:14px}.path-head h2{font-size:36px}.path-head p{font-size:17px;color:var(--stein);margin-top:16px;line-height:1.55}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.path-card{background:#fff;border:1px solid var(--hairline);border-radius:4px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;min-height:100%}.path-card .kicker{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--stein)}.path-card h3{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--petrol);letter-spacing:-.01em;line-height:1.2}.path-card .big-date{font-family:var(--serif);font-weight:500;font-size:clamp(30px,2.8vw,40px);line-height:1.05;color:var(--petrol);letter-spacing:-.015em;text-wrap:balance}.path-card .big-date small{display:block;font-size:14px;font-family:var(--sans);font-weight:500;color:var(--stein);margin-top:10px;letter-spacing:.04em;line-height:1.45;white-space:pre-line}.path-card p{font-size:15px;color:var(--tinte);line-height:1.55;flex:1}.path-card .contact-line{font-family:var(--sans);font-weight:500;font-size:17px;color:var(--petrol);line-height:1.5}.path-card .contact-line a{color:var(--petrol);text-decoration:none}.path-card .contact-line a:hover{text-decoration:underline}.path-card .btn{align-self:flex-start;margin-top:auto}.partners-section{background:var(--offwhite);padding:60px 0;border-top:1px solid var(--hairline)}.partners-head{max-width:760px;margin-bottom:48px}.partners-head .eyebrow{display:block;margin-bottom:14px}.partners-head h2{font-size:36px;margin-bottom:16px}.partners-head p{color:var(--stein);font-size:17px;line-height:1.6}.partners-logos{list-style:none;margin:0;padding:40px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px 20px;align-items:center;border-top:1px solid var(--hairline)}.partner-logo{display:flex;align-items:center;justify-content:center;height:88px;padding:8px;filter:grayscale(100%) opacity(.72);transition:filter .3s ease,transform .3s ease}.partner-logo:hover{filter:grayscale(0) opacity(1);transform:scale(1.18);z-index:2;position:relative}.partner-logo img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.partners-foot{margin-top:36px}@media(max-width:960px){.hero{padding:var(--space-section-sm) 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-photo{aspect-ratio:4/3;max-height:480px}.hero-text{order:2}.hero-photo{order:1}.hero-claim{font-size:clamp(30px,7vw,44px);margin-bottom:18px;line-height:1.08}.hero-sub{font-size:17px;line-height:1.55;margin-bottom:28px}.news-dates{grid-template-columns:1fr;gap:32px}.news-dates>div,.news-dates>aside{padding:22px 22px 26px}.news-list{grid-template-columns:1fr;gap:28px}.news-card{display:flex;flex-direction:column;gap:12px}.news-card .thumb{aspect-ratio:16/10}.news-card h3{font-size:19px}.news-card .excerpt{-webkit-line-clamp:3;font-size:15px;line-height:1.55}.news-list .news-card.featured{grid-column:auto;display:flex;flex-direction:column;gap:12px;align-items:stretch}.news-list .news-card.featured .thumb{aspect-ratio:16/10}.news-list .news-card.featured h3{font-size:22px}.news-list .news-card.featured .excerpt{-webkit-line-clamp:3;font-size:15.5px}.date-row{grid-template-columns:72px 1fr;gap:14px;padding:18px 0}.date-row .date-main{font-size:22px}.date-row .date-body h3{font-size:15px}.section-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.section-head .all-link{white-space:normal}.pillars-section{padding:40px 0 48px}.pillars-head{margin-bottom:40px}.pillars-head h2{font-size:clamp(26px,6vw,34px)}.pillars-collage{grid-template-columns:1fr;gap:16px}.pillar-card{padding:28px 24px;min-height:auto}.pillar-quote{transform:none;padding:28px 24px}.pillar-quote:hover{transform:none;animation:none}.pillar-quote blockquote{font-size:clamp(20px,4.5vw,24px)}.pillar-quote blockquote:before{font-size:56px;margin-bottom:8px}.pillar-card h3{font-size:22px}.voice-section{padding:40px 0}.voice-grid{grid-template-columns:1fr;gap:28px}.voice-photo{max-width:360px;aspect-ratio:4/5;margin:0 auto}.voice-quote{font-size:clamp(22px,5vw,28px)}.path-section{padding:var(--space-section-sm) 0}.path-head{margin-bottom:32px}.path-head h2{font-size:clamp(26px,6vw,32px)}.path-grid{grid-template-columns:1fr;gap:14px}.path-card{padding:28px 24px}.partners-section{padding:var(--space-section-sm) 0}.partners-head{margin-bottom:32px}.partners-head h2{font-size:clamp(26px,6vw,32px)}.partners-logos{grid-template-columns:repeat(3,1fr);gap:12px;padding:28px 0 0}}@media(max-width:560px){.partners-logos{grid-template-columns:repeat(2,1fr)}.hero-cta-row{flex-direction:column;align-items:flex-start;gap:14px}.hero-cta-row .btn{width:100%;justify-content:center}}@media(max-width:400px){.partners-logos{gap:10px}.partner-logo{height:72px;padding:4px}.hero-claim{font-size:28px}.news-list .news-card.featured h3{font-size:20px}}