/* creative-skills.eu — Ergänzung zu css/styles.min.css (CreativeFED-Framework, unverändert übernommen) */
body.skills{background:#678dbc}
body.skills .gradient{background:linear-gradient(#fb78a8, #678dbc)}
#mobileNav{background:linear-gradient(#fb78a8, #678dbc)}
.skills-ctas{margin-top:1.5rem}
/* Buttons = creativefed.eu .btn (styles.min.css) unverändert; nur Farbe/Unterstrich gegen Link-Stile absichern */
.skills-ctas .btn,.rsp-cta .btn{color:#000;text-decoration:none}
.skills-ctas .btn:hover,.skills-ctas .btn:focus,.rsp-cta .btn:hover,.rsp-cta .btn:focus{color:#fff}
.rsp-item{background:#6bd4c9;padding:1.2em 1.25em 1.4em;margin-bottom:1.5rem}
.rsp-item .status{font-size:.9rem;text-transform:uppercase;display:block}
.rsp-item .city{font-size:clamp(1.25rem,4.6vw,1.9rem);overflow-wrap:anywhere;font-weight:300;text-transform:uppercase;line-height:1.1;display:block}
.rsp-item small{font-size:.9rem;display:block}
.rsp-item.planned{background:transparent;border:3px solid #6bd4c9}
h2.section-title{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:.7em}
/* Anker-Ziele nicht unter der fixierten #mainNav verstecken */
#pact,#csw,#projects,#rsp{scroll-margin-top:200px}  /* Banner 37 + Env-Leiste 30 + Menü 94 + Luft */
html{scroll-behavior:smooth}
@media only screen and (max-width: 991px){#rsp{margin-top:3rem}}
/* D · Regional Skills Partnerships: vollbreites gelbes Band (Gerin 2026-10-18) */
.rsp-band{background:#ffff66;padding:75px 0 75px;margin-top:75px}
body.skills #page-footer{margin-top:0}  /* gelbes Band läuft direkt in den Footer */
.rsp-band .row{margin-bottom:0}
@media only screen and (max-width: 991px){.rsp-band{padding:48px 0 24px;margin-top:3rem}#rsp{margin-top:0}}

/* 0.2.6.0 RSP: zusammenhängendes Raster wie v0.1 (2px schwarze Trennlinien) */
.rsp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #000;border-left:2px solid #000;margin-bottom:2rem}
.rsp-cell{background:transparent;border-right:2px solid #000;border-bottom:2px solid #000;padding:1.4em 1.5em 1.5em;min-height:140px;display:flex;flex-direction:column;gap:.35em}
.rsp-cell.planned{background:#fff}
.rsp-cell .status{font-size:.9rem;text-transform:uppercase}
.rsp-cell .city{font-size:clamp(1.25rem,4.6vw,1.9rem);overflow-wrap:anywhere;font-weight:300;text-transform:uppercase;line-height:1.1}
.rsp-cell small{font-size:.9rem}
@media only screen and (max-width: 991px){.rsp-grid{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width: 767px){.rsp-cell{padding:1em;min-height:110px}.rsp-cell .when{display:block}.rsp-cell .sep{display:none}}
a.rsp-cell{color:#000;text-decoration:none}
a.rsp-cell:hover{background:rgba(255,255,255,.35)}
.rsp-cell .more{font-size:.9rem;margin-top:auto;padding-top:.6em;text-decoration:underline}

/* 0.2.9.0 Sektion C2: Leading European Skills Projects (zwischen C und D) */
.logo-band{padding:0;margin-top:75px}
.logo-band .row{margin-bottom:0}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid #000;border-left:2px solid #000}
.logo-cell{background:#fff;border-right:2px solid #000;border-bottom:2px solid #000;height:170px;display:flex;align-items:center;justify-content:center;padding:1.2rem;color:#000;text-decoration:none}
.logo-cell img{max-width:100%;max-height:60px;object-fit:contain}
.logo-cell img.tall{max-height:120px}
.logo-wordmark{font-weight:700;text-transform:uppercase;line-height:1;font-size:1.35rem;letter-spacing:.02em}
a.logo-cell:hover{background:#f3f3f3}
#eu-projects{scroll-margin-top:200px}
@media only screen and (max-width: 991px){.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-band{margin-top:3rem}}
@media only screen and (max-width: 575px){.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-cell{height:130px;padding:.9rem}.logo-cell img{max-height:44px}.logo-cell img.tall{max-height:92px}}

/* 0.2.10.3 C2 als vollbreites Band #8891AD, schließt direkt an das gelbe Band an */
.logo-band{background:#8891ad;padding:75px 0}
.logo-band + .rsp-band{margin-top:0}
@media only screen and (max-width: 991px){.logo-band{padding:48px 0}}

/* 0.3.7.0 C2-Einleitungstext */
.logo-band .c2-text{max-width:760px;margin:0 0 2rem}

/* 0.3.9.0 D: Einladung + CTA unter dem RSP-Text */
.rsp-invite{margin-top:1.2rem}
.rsp-cta{margin-top:1rem}

/* 0.4.0.0 RSP-Anfrageformular (Band D, gelb) */
.rsp-form{margin-top:1.5rem;padding:1.6rem 1.6rem 1.2rem;background:#fff;border:3px solid #000;max-width:860px}
.rsp-form-title{font-size:1.4rem;text-transform:uppercase;font-weight:300;margin:0 0 .4rem}
.rsp-form-intro{font-size:.95rem;margin-bottom:1.2rem}
.rsp-form label{display:block;font-size:.95rem;margin-bottom:.9rem}
.rsp-form input[type=text],.rsp-form input[type=email],.rsp-form textarea,.rsp-form select{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;border:2px solid #000;border-radius:0;background:#fff;font:inherit;font-size:1rem;color:#000}
.rsp-form input:focus,.rsp-form textarea:focus,.rsp-form select:focus{outline:3px solid #ffff66;outline-offset:0}
.rsp-grid2{display:grid;grid-template-columns:1fr 1fr;column-gap:1.2rem}
.rsp-form fieldset{border:0;padding:0;margin:0 0 1rem}
.rsp-form legend{font-size:.95rem;margin-bottom:.5rem;float:none;width:auto}
.rsp-stage label{display:inline-flex;align-items:center;gap:.4rem;margin:0 1.4rem .4rem 0}
.rsp-prow{display:grid;grid-template-columns:minmax(0,1.3fr) 170px minmax(0,1fr);gap:.8rem;align-items:center;padding:.6rem 0;border-top:1px solid #000}
.rsp-prow:last-child{border-bottom:1px solid #000}
.rsp-prow select,.rsp-prow input{margin-top:0}
.rsp-plabel{font-size:.95rem}
.rsp-consent{display:flex!important;gap:.5rem;align-items:flex-start}
.rsp-consent input{margin-top:.25rem}
.rsp-consent a{color:#000}
.rsp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.rsp-form altcha-widget{display:block;margin:.4rem 0 1rem;--altcha-border-radius:0;--altcha-color-border:#000;max-width:320px}
.rsp-form .btn{color:#000;text-decoration:none}
.rsp-form .btn:hover,.rsp-form .btn:focus{color:#fff}
.rsp-form .btn[disabled]{opacity:.5;pointer-events:none}
.rsp-form-status{margin-top:1rem;padding:.8rem 1rem;border:2px solid #000;font-size:.95rem}
.rsp-form-status.ok{background:#e8ffe0}
.rsp-form-status.err{background:#ffe5e5}
.rsp-form-status.err a{color:#000}
@media only screen and (max-width: 767px){.rsp-form{padding:1.1rem}.rsp-grid2{grid-template-columns:1fr}.rsp-prow{grid-template-columns:1fr}.rsp-prow input,.rsp-prow select{width:100%}}