/*
Theme Name: Perspektiven Kaiserplatz
Description: Perspektiven-Gestaltung für die Gesamtschule Kaiserplatz, auf Basis von Campus Klar.
Template: campus-klar
Version: 1.0.0
Text Domain: perspektiven-kaiserplatz
Requires at least: 6.5
Requires PHP: 8.0
*/
:root{--pers-navy:#052957;--pers-ink:#102442;--pers-teal:#006c68;--pers-yellow:#f4c100;--pers-lime:#93be24}
.site-header{background:#fff}.header-inner{max-width:1440px;padding:1rem 4%}.brand img{width:min(245px,40vw)}
.perspektiven-hero{position:relative;min-height:510px;max-width:1600px;margin:auto;display:grid;grid-template-columns:53% 47%;overflow:hidden;background:var(--pers-navy)}
.perspektiven-hero-image{position:absolute;inset:0 0 0 37%}.perspektiven-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.perspektiven-hero-copy{position:relative;z-index:1;display:flex;align-items:center;color:white;background:var(--pers-navy);clip-path:polygon(0 0,100% 0,89% 100%,0 100%);padding:4.5rem 20% 4.5rem 9%}
.perspektiven-hero h1{font-size:clamp(2.4rem,4.3vw,4.25rem);line-height:1.06;letter-spacing:-.04em;margin:0;max-width:15ch}.perspektiven-hero p{font-size:1.05rem;line-height:1.5;max-width:30rem;margin:1.25rem 0}.perspektiven-hero-copy a{display:inline-block;color:white;text-underline-offset:.25em;font-weight:650;padding:.35rem 0}.perspektiven-hero-copy a span{padding-left:.5rem}.perspektiven-mark{display:block;width:5rem;height:.5rem;background:var(--pers-yellow);margin:1.6rem 0}
.perspektiven-services{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-bottom:1px solid #dfe4e7;max-width:1600px;margin:auto;background:#fff;padding:.5rem 1rem}.perspektiven-services a{padding:.8rem 1.3rem;color:var(--pers-ink);font-weight:650;text-decoration:none}.perspektiven-services a+a:before{content:'•';margin-right:2.6rem;color:var(--pers-navy)}.perspektiven-services a:hover{text-decoration:underline;text-underline-offset:.25em}
.perspektiven-content{max-width:1280px;margin:auto;padding:2rem 3.2% 4.5rem}.perspektiven-life{position:relative;display:grid;grid-template-columns:40% 60%;min-height:355px;overflow:hidden;background:var(--pers-teal)}.perspektiven-life-photo{position:absolute;inset:0 0 0 29%}.perspektiven-life-photo img{display:block;width:100%;height:100%;object-fit:cover}.perspektiven-life-copy{position:relative;z-index:1;background:var(--pers-teal);color:white;clip-path:polygon(0 0,100% 0,89% 100%,0 100%);padding:3rem 24% 3rem 10%}.perspektiven-life h2,.perspektiven-columns h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.07;letter-spacing:-.035em;margin:0}.perspektiven-life p{max-width:23ch;line-height:1.45}.perspektiven-life .perspektiven-mark{width:3.5rem;height:.35rem;background:var(--pers-lime);margin:1.2rem 0}.perspektiven-button{display:inline-flex;gap:1rem;align-items:center;background:white;color:var(--pers-ink);padding:.75rem 1rem;text-decoration:none;font-weight:700}.perspektiven-button:hover{text-decoration:underline}
.perspektiven-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.perspektiven-rule{display:block;width:4rem;height:.35rem;background:#28a499;margin:.6rem 0 1rem}.perspektiven-rule.lime{background:var(--pers-lime)}.perspektiven-list{margin:0 0 1rem;padding:0;list-style:none}.perspektiven-list li{border-bottom:1px solid #dbe1e4}.perspektiven-list a{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;align-items:baseline;min-height:3rem;padding:.75rem 0;color:var(--pers-ink);text-decoration:none}.perspektiven-list a:hover span{text-decoration:underline}.perspektiven-list time{font-size:.9rem;white-space:nowrap}.perspektiven-more{display:inline-flex;gap:1rem;text-decoration:none;font-weight:700;color:var(--pers-navy);padding:.5rem 0}.perspektiven-more:hover{text-decoration:underline}
.content-wrap article{line-height:1.7;overflow-wrap:anywhere}.content-wrap article p{text-align:left;margin:0 0 1.25em}.content-wrap article img{max-width:100%;height:auto}.content-wrap article table{display:block;max-width:100%;overflow-x:auto}.archive .content-wrap article{max-width:900px;padding:1.8rem 0;border-bottom:1px solid #dce8e6}.archive .content-wrap article h1{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;margin:0 0 .65rem}.single-post .content-wrap article>h1{font-size:clamp(2rem,4vw,3rem);line-height:1.14;max-width:24ch}.content-wrap .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;margin:2rem 0}.content-wrap .wp-block-gallery figure{margin:0}.content-wrap .wp-block-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.content-wrap .wp-block-gallery figcaption{padding-top:.5rem;font-size:.875rem;line-height:1.45}
@media(max-width:800px){.perspektiven-hero{display:flex;flex-direction:column;min-height:0}.perspektiven-hero-copy{order:0;clip-path:none;padding:2.5rem 6%}.perspektiven-hero h1{font-size:clamp(2.2rem,7vw,3rem);max-width:17ch}.perspektiven-hero-image{position:relative;inset:auto;order:1}.perspektiven-hero-image img{height:clamp(250px,55vw,420px)}.perspektiven-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem 5%;gap:0}.perspektiven-services a{padding:.85rem .5rem;border-bottom:1px solid #e2e7e8}.perspektiven-services a+a:before{content:none}.perspektiven-content{padding:2rem 6% 3rem}.perspektiven-life{display:flex;flex-direction:column;min-height:0}.perspektiven-life-copy{order:0;clip-path:none;padding:2rem 6%}.perspektiven-life-photo{position:relative;inset:auto;order:1}.perspektiven-life-photo img{height:clamp(240px,55vw,380px)}.perspektiven-columns{grid-template-columns:1fr;gap:2.5rem}.perspektiven-list a{grid-template-columns:6rem 1fr}}

.perspektiven-columns>section{min-width:0}.perspektiven-list a{grid-template-columns:6rem minmax(0,1fr)}.perspektiven-list a span{min-width:0;overflow-wrap:anywhere}

@media(min-width:801px){.perspektiven-hero-copy{padding-right:12%}.perspektiven-hero p{max-width:35rem;text-wrap:balance}}