/* v2510-46 Aufruesten: Hero-Overlay, Abstaende, Tap-Ziele, CTA am Ende, Projektkarten */

/* 1 Hero: Overlay dunkler (Desktop). Auf dem Handy steht der Text auf Navy unter dem Bild. Akzentfarbe der H1 bleibt #C65A30. */
@media (min-width:768px){
.hero .hero-verlauf{background:linear-gradient(to top right,rgba(18,46,77,.84) 0%,rgba(18,46,77,.64) 38%,rgba(18,46,77,.24) 64%,rgba(18,46,77,.06) 80%)}
.hero .hero-verlauf-links{background:linear-gradient(to right,rgba(18,46,77,.84) 0%,rgba(18,46,77,.64) 40%,rgba(18,46,77,.26) 66%,rgba(18,46,77,0) 82%)}
}
/* Brotkrume heller, gut tippbar */
.hero .brotkrume{color:rgba(255,255,255,.96);font-size:15px}
.hero .brotkrume a{border-bottom:0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.6);text-underline-offset:3px;display:inline-block;padding:13px 8px;margin:-13px -8px}
@media (max-width:767px){.hero .brotkrume{font-size:14px}}

/* 3 Abstand Ueberschrift zu Inhalt einheitlich 24 px */
body main.seiten .sek h2.t2+*,body main.seiten .sek .wrap>h2.t2+p:not(.label):not(.klein){margin-top:24px}
#was-du-nachruesten-kannst .t2{margin-bottom:24px}

/* 5 Kleine Links: Tap-Flaeche mindestens 44 px */
.rg-orte a{display:inline-flex;align-items:center;min-height:44px}
.ts-textlink{display:inline-block;padding:12px 6px;margin:-12px -6px}
.fuss-unten a{display:inline-block;padding:13px 8px;margin:-13px -8px}
.fuss-social a{min-width:44px;min-height:44px}

/* Hubkarten: Verlauf nur unter dem Text, Bild bleibt heller */
.ug-gross .cap{padding:44px 32px 28px;background:linear-gradient(to top,rgba(10,24,45,.9) 0%,rgba(10,24,45,.78) 50%,rgba(10,24,45,.32) 80%,rgba(10,24,45,0) 100%)}
@media (max-width:767px){.ug-gross .cap{padding:36px 20px 22px}}

/* CTA am Seitenende: ein Hauptknopf, ein Textlink */
.abschluss-aktionen{gap:16px 28px}
.abschluss-aktionen .tl{padding:13px 0;border-bottom:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.abschluss-text a{color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:12px 4px;margin:-12px -4px}

/* Projektkarten */
.ap46{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}
.ap46.eins{grid-template-columns:minmax(0,560px)}
.ap46 .ap{display:block;color:inherit;text-decoration:none}
.ap46 .bx{aspect-ratio:4/3;overflow:hidden;border-radius:4px;position:relative}
.ap46 .bx picture,.ap46 .bx img{display:block;width:100%;height:100%;object-fit:cover}
.ap46 h3{margin:16px 0 4px;font-family:"Satoshi",sans-serif;font-weight:700;font-size:20px;line-height:1.25;color:var(--navy)}
.ap46 p{margin:0;font-size:16px;line-height:1.5;color:var(--schiefer)}
.ap46 .kt-mehr{display:inline-block;margin-top:10px;padding:10px 0}
.ap-mehr{margin-top:24px}
.ap-mehr .tl{padding:12px 0}