/* CAREDEMY – statisches Layout. Schriften lokal unter /fonts/ (Glegoo, Source Sans Pro; SIL Open Font License, siehe fonts/LIZENZ-*.txt), keine Google Fonts. */
@font-face{font-family:"Glegoo";src:local("Glegoo"),url("/fonts/glegoo-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans Pro";src:local("Source Sans Pro"),url("/fonts/source-sans-pro-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans Pro";src:local("Source Sans Pro Semibold"),url("/fonts/source-sans-pro-600.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--orange:#f96a0e;--orange-dunkel:#d85a08;--text:#222;--grau:#eee;--hell:#f7f7f7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 "Source Sans Pro","Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}
h1,h2,h3{font-family:Glegoo,Georgia,"Times New Roman",serif;font-weight:400;line-height:1.25;color:#333}
h1{font-size:clamp(1.9rem,4.5vw,3rem);margin:.2em 0 .6em}
h2{font-size:clamp(1.4rem,3vw,2rem);margin:1.6em 0 .5em}
h3{font-size:1.25rem;margin:0 0 .5em}
a{color:#a35200}
a:hover{color:var(--orange-dunkel)}
img{max-width:100%;height:auto}
.kopf{display:flex;flex-direction:column;align-items:center;padding:1rem 1rem .6rem;background:#fff;position:relative}
.kopf-hero{position:absolute;inset:0 0 auto 0;background:transparent;z-index:5}
.kopf nav{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}
.kopf nav a{color:#444;text-decoration:none;font-size:.95rem;padding:.2rem 0;border-bottom:2px solid transparent}
.kopf nav a:hover,.kopf nav a.aktiv{border-bottom-color:var(--orange);color:#000}
.kopf-hero nav a{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.mn-schalter,.mn-knopf{display:none}
@media(max-width:640px){
 .mn-knopf{display:block;position:absolute;right:1rem;top:1.2rem;font-size:1.8rem;cursor:pointer;line-height:1}
 .kopf nav{display:none;flex-direction:column;align-items:center;gap:.4rem;width:100%}
 .mn-schalter:checked~nav{display:flex}
}
.hero{min-height:min(88vh,720px);display:flex;align-items:center;justify-content:center;text-align:center;
 background:linear-gradient(rgba(60,70,85,.45),rgba(60,70,85,.45)),url("/img/hero.jpg") center/cover,linear-gradient(135deg,#6d7b8a,#a9b5c0);color:#fff;padding:7rem 1rem 3rem}
.hero h1{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin:0 0 1.2rem}
.hero-in{max-width:900px}
.knopf,.knopf-rand{display:inline-block;padding:.6rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;cursor:pointer;border:2px solid var(--orange);font:inherit;font-weight:600}
.knopf{background:var(--orange);color:#1a1a1a}
.knopf:hover{background:var(--orange-dunkel);border-color:var(--orange-dunkel);color:#000}
.knopf.klein{padding:.25rem 1rem;font-size:.9rem}
.knopf-rand{color:#fff;border-color:#fff;background:transparent}
.knopf-rand:hover{background:#fff;color:#000}
.knopf-rand.dunkel{color:#333;border-color:var(--orange)}
.knopf-rand.dunkel:hover{background:var(--orange);color:#000}
.block{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto;padding:4rem 1.2rem}
.block.hell{display:block;max-width:none;background:var(--hell)}
.block.hell .spalte{max-width:820px;margin:0 auto}
.spalte{min-width:0}
.block img{width:100%;max-width:448px}
.kopf-hero .mn-knopf{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.bild img{border-radius:6px;display:block;margin:0 auto}
@media(max-width:760px){.block{grid-template-columns:1fr;gap:1.5rem}}
.cta{text-align:center;padding:4rem 1rem;background:var(--grau)}
.cta h2{margin-top:0}
.inhalt{max-width:860px;margin:0 auto;padding:1.5rem 1.2rem 4rem}
blockquote{margin:1.4rem 0;padding:1rem 1.4rem;border-left:4px solid var(--orange);background:var(--hell);font-style:italic}
blockquote cite{display:block;margin-top:.6rem;font-style:normal;font-size:.9rem;color:#555}
.hinweis{background:#fff7ec;border:1px solid #f1c791;padding:1rem 1.2rem;border-radius:6px}
.klein-text,small{font-size:.9rem;color:#555}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1rem 0 2rem}
.karte{background:var(--hell);border-top:4px solid var(--orange);padding:1.2rem 1.3rem 1.4rem;border-radius:4px;display:flex;flex-direction:column;gap:.2rem}
.karte p{margin:.3rem 0 1rem}
.karte .knopf{align-self:flex-start;margin-top:auto}
.themen{list-style:none;padding:0;margin:1.2rem 0}
.themen li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid #ddd}
.formular{display:grid;gap:1rem;max-width:620px}
.formular label{display:grid;gap:.3rem;font-weight:600}
.formular input,.formular textarea{font:inherit;padding:.6rem .7rem;border:1px solid #bbb;border-radius:4px;background:#fff;color:#000;color-scheme:light}
.formular input:focus,.formular textarea:focus{outline:2px solid var(--orange);border-color:var(--orange)}
.formular .zustimmung{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.92rem}
.formular .zustimmung input{margin-top:.35rem}
.falle{position:absolute!important;left:-9999px!important}
.fuss{background:#2b2b2b;color:#ddd;padding:2.5rem 1.2rem;text-align:center}
.fuss a{color:#f5b165}
.fuss-links{display:flex;gap:1.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.4rem}
.fuss-adr{margin:0;font-size:.95rem}

.rahmen{border:9px solid #ebe3c4;border-radius:0!important;box-shadow:none}
.block .rahmen{max-width:448px}
.vision{max-width:1100px;margin:0 auto;padding:2rem 1.2rem 5rem}
.vision .titel{margin:0 0 2.5rem;padding-bottom:.4rem}
.vz{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:2rem;align-items:start}
.vz h3{font-size:1.5rem}
.vz .rahmen{width:100%}
@media(max-width:760px){.vz{grid-template-columns:1fr}}
.cta{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url("/img/gebaeude.jpg") center/cover,#334;color:#fff;text-align:left;padding:6rem 1.2rem}
.cta{padding-left:50%}
@media(max-width:760px){.cta{padding-left:1.2rem}}
.cta h2{color:#fff}
.karte img{width:calc(100% + 2.6rem);max-width:none;margin:-1.2rem -1.3rem 1rem;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:4px 4px 0 0}
.karten.drei .karte{border-top:0}
.fuss{background:#111}
.fuss-in{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;text-align:left;align-items:start}
.fuss-links{flex-direction:column;align-items:center;gap:.4rem;margin:0;font-size:.85rem}
.fuss a{color:var(--orange)}
.fuss-adr a{color:#fff}
@media(max-width:640px){.fuss-in{grid-template-columns:1fr;text-align:center}}
.karte img{object-position:center 30%}
.kopf-hero img{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,255,255,.9))}
.kopf-hero nav a.aktiv,.kopf-hero nav a.aktiv:hover{color:#fff}
.textbild{float:right;width:44%;max-width:380px;height:auto;aspect-ratio:3/2;object-fit:cover;margin:.3rem 0 1rem 1.6rem;border-radius:6px}
.inhalt h2,.inhalt .themen,.inhalt ol,.inhalt .hinweis{clear:none}
@media(max-width:700px){.textbild{float:none;display:block;width:100%;max-width:none;margin:0 0 1.2rem}}
.dank{background:linear-gradient(rgba(25,32,45,.82),rgba(25,32,45,.82)),url("/img/hand.jpg") center/cover;color:#fff;padding:4rem 1.2rem 5rem}
.dank-in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.dank h1{color:#fff;font-weight:300;font-size:2.8rem;margin:0 0 1.5rem}
.dank-text p{font-size:1.15rem;font-weight:300;line-height:1.6;margin:0 0 1.4rem;color:#f1f1f1}
.dank-text strong{font-weight:700}
.dank-text a{color:#fff;text-decoration:underline}
.dank-form{background:#fff;color:#222;padding:1.6rem 1.6rem 2rem;border-radius:4px}
.dank-form h2{margin:0 0 .6rem;text-align:center;font-size:1.7rem;color:#222}
.dank-form>p{text-align:center;font-size:.9rem;margin:0 0 1.2rem;color:#333}
.dank-form .formular{max-width:none}
.dank-form .knopf{justify-self:stretch;text-align:center}
@media(max-width:800px){.dank-in{grid-template-columns:1fr;gap:2rem}.dank h1{font-size:2.2rem}}