/* DynaQ „Und dann?“ – Umsetzung nach der Antwort von Q (Startseite, Preise, So funktioniert’s, Partnerseite) */

.ud{background:var(--navy);color:#fff}
.ud .kicker{color:var(--green)}
.ud-head{max-width:820px;margin-bottom:clamp(32px,4vw,48px)}
.ud-head h2{color:#fff;margin:0;font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.05}
.ud-head h2 .g{color:var(--green)}
.ud-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:rgba(255,255,255,.82);max-width:52ch;margin:20px 0 0}

.ud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.ud-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:clamp(22px,2.6vw,30px)}
.ud-card h3{color:#fff;font-size:clamp(21px,1.9vw,24px);margin:14px 0 10px}
.ud-card p{color:rgba(255,255,255,.8);margin:0}
.ud-card-main{background:#fff;border-color:#fff}
.ud-card-main h3{color:var(--navy)}
.ud-card-main p{color:var(--grey)}
.ud-ico{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(121,177,65,.18);color:var(--green)}
.ud-card-main .ud-ico{background:var(--mint);color:var(--green-d)}
.ud-ico svg{width:22px;height:22px}
.ud-tag{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green-d);background:var(--mint);border-radius:20px;padding:3px 9px;vertical-align:middle}

.ud-foot{display:flex;justify-content:space-between;align-items:center;gap:18px 40px;flex-wrap:wrap;margin-top:clamp(28px,3.5vw,40px);padding-top:clamp(22px,3vw,30px);border-top:1px solid rgba(255,255,255,.16)}
.ud-measure{margin:0;color:rgba(255,255,255,.8);max-width:56ch}
.ud-measure strong{color:#fff}
.ud-partner{color:#fff;text-decoration:none;font-size:16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 18px;white-space:nowrap}
.ud-partner span{color:var(--green);font-weight:700}
.ud-partner:hover{border-color:#fff}

/* Band auf Preise und So funktioniert’s */
.ud-band{display:grid;grid-template-columns:1fr auto;gap:22px 48px;align-items:center;background:var(--navy);color:#fff;border-radius:var(--r);padding:clamp(24px,3.6vw,40px);margin-top:clamp(28px,4vw,44px)}
.ud-band .kicker{color:var(--green);margin-bottom:10px}
.ud-band h3{color:#fff;font-size:clamp(22px,2.2vw,28px);line-height:1.2;margin:0 0 10px}
.ud-band h3 .g{color:var(--green)}
.ud-band p{color:rgba(255,255,255,.8);margin:0;max-width:60ch}
.ud-band-cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ud-band-cta a:not(.btn){color:#fff;font-size:15px;text-decoration:underline;text-underline-offset:3px;opacity:.85}
.ud-band-cta a:not(.btn):hover{opacity:1}

/* Hinweis im Schritt „Handeln“ */
.ud-wer{display:block;margin-top:10px;font-weight:600;color:var(--navy)}
.ud-wer a{color:var(--green-d)}

/* Partnerseite: gleiche Navy-Fläche wie auf der Startseite */
.ud-pt{background:var(--navy);color:#fff}
.ud-pt .kicker{color:var(--green)}
.ud-pt h2{color:#fff;font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08}
.ud-pt h2 .g{color:var(--green)}
.ud-pt .kt-note{color:rgba(255,255,255,.82);max-width:52ch}
.ud-steps{list-style:none;margin:0;padding:0;counter-reset:ud}
.ud-steps li{counter-increment:ud;position:relative;padding:0 0 20px 52px;color:rgba(255,255,255,.8)}
.ud-steps li::before{content:counter(ud);position:absolute;left:0;top:-3px;width:34px;height:34px;border-radius:50%;background:rgba(121,177,65,.2);color:var(--green);font-weight:700;display:flex;align-items:center;justify-content:center}
.ud-steps li strong{color:#fff}
.ud-steps li:last-child{padding-bottom:0}
.ud-login{margin-top:18px;font-size:16px;color:var(--grey)}
.ud-login a{color:var(--navy);font-weight:700}
.ud-pt .ud-login{color:rgba(255,255,255,.8)}
.ud-pt .ud-login a{color:var(--green)}

@media (max-width:900px){
  .ud-grid{grid-template-columns:1fr}
  .ud-band{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ud-partner{white-space:normal;border-radius:var(--r)}
}

/* Partnerseite: Zeile für Verbände, Kammern und Netzwerke */
.ud-verband{margin:18px 0 0;padding:14px 18px;border-left:3px solid var(--green);background:rgba(255,255,255,.06);border-radius:0 8px 8px 0;color:rgba(255,255,255,.85);max-width:52ch}
.ud-verband strong{color:#fff}

/* Partnerseite (09.10.2026): sechs Rollen inkl. Hotelkooperationen, Hinweis auf Hotelgruppen, Partner-Briefing */
.partner-roles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.partner-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.partner-roles{grid-template-columns:1fr}}
.pt-gruppe{margin:28px 0 0;font-size:17px;color:var(--navy)}
.pt-gruppe a{color:var(--green-d);font-weight:700}
.pt-briefing-ok{display:flex;gap:12px;align-items:flex-start;margin:6px 0 16px;color:var(--grey);font-size:15.5px;line-height:1.5;cursor:pointer}
.pt-briefing-ok input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--green-d)}