.schulprofil-karten{display:grid;gap:28px;margin-top:28px}
.schulprofil-karte{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;border:1px solid var(--line,#dce1e9);border-radius:18px;overflow:hidden;background:#fff}
.schulprofil-karte>div{padding:clamp(22px,3vw,40px);min-width:0}
.schulprofil-karte>img{width:100%;height:100%;max-height:360px;object-fit:contain}
.schulprofil-karte h3{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0 0 16px;overflow-wrap:break-word}
.schulprofil-karte p{font-size:18px;line-height:1.6;margin:0 0 16px}
.schulprofil-karte .eyebrow{font-size:12px;color:var(--copper,#bc6649)}
.schulprofil-karte .schulprofil-stichwort{margin:0;font-style:italic}
.schulprofil-natur{background:radial-gradient(ellipse at bottom left,rgba(195,113,78,.1),transparent 65%),radial-gradient(ellipse at bottom right,rgba(24,51,100,.06),transparent 65%),#faf8f5}
.schulprofil-link{font-family:var(--sans,Arial,sans-serif);font-size:16px;font-weight:700;text-underline-offset:5px;display:inline-block;margin-top:8px}
.schulprofil-link::after{content:"";position:absolute;inset:0;z-index:1}
.schulprofil-karte:has(a:focus-visible){outline:3px solid #bd6446;outline-offset:4px}
.schulprofil-karte:has(a:hover){border-color:#bd6446}
 
.schulprofil-karte:has(a[href]) h3{display:table;position:relative;max-width:100%;padding-bottom:7px}
.schulprofil-karte:has(a[href]) h3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:65% 35% 45% 55%;background:var(--copper,#bc6649);transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22,.7,.3,1);pointer-events:none}
@media(hover:hover){.schulprofil-karte:has(a[href]):hover h3::after{transform:scaleX(1)}}
.schulprofil-karte:has(a:focus-visible) h3::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.schulprofil-karte h3::after{transition:none}}
.kultur-erklaerung{margin:36px 0;padding:clamp(20px,4vw,36px);border-left:3px solid #bc6649;background:radial-gradient(ellipse at bottom left,rgba(195,113,78,.09),transparent 70%)}
.kultur-erklaerung h2{font-size:clamp(26px,3vw,36px);margin:0 0 16px}
.kultur-punkte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.kultur-punkte h3{font-size:24px;margin:0 0 10px}
.kultur-punkte p{font-size:17px;margin:0}
.kultur-quelle{font-size:14px;margin-top:26px!important}
@media(max-width:700px){.schulprofil-karte{grid-template-columns:minmax(0,1fr);gap:0}.schulprofil-karte>img{max-height:240px}.schulprofil-natur>div:first-child{padding-bottom:0}.schulprofil-karte p{font-size:16px}.kultur-punkte{grid-template-columns:1fr;gap:20px}.schulprofil-karten{gap:20px}}