/* Clarity – Support-CTA / CTA-Band (draggo_clarity_cta) */
.cl-cta .cl-cta__title { margin: 0 0 16px; font-size: 42px; line-height: 1.2; font-weight: 400; }
.cl-cta .cl-cta__title .cl-cta__l1 { color: #e10419; }
.cl-cta .cl-cta__title .cl-cta__l2 { color: var(--cl-head); }
.cl-cta.cl-sec--red .cl-cta__title .cl-cta__l1 { color: #fff; }
.cl-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 20px; }
.cl-cta .cl-cta__links { display: flex; flex-wrap: wrap; align-items: center; margin: 0; font-family: var(--cl-sans); font-size: 18px; line-height: 26px; font-weight: 400; color: var(--cl-head); }
.cl-cta__link { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; text-underline-offset: 4px; }
a.cl-cta__link:hover, a.cl-cta__link:focus-visible { color: inherit; text-decoration: underline; }
.cl-cta__link i { font-size: 16px; color: #e10419; }
.cl-cta.cl-sec--red .cl-cta__link i { color: #fff; }
.cl-cta__sep { margin: 0 10px; }
.cl-cta .cl-btn { padding: 10px 22px; font-size: 18px; line-height: 18px; }

/* Raster 4/8: Titel links, Text + Aktionen rechts */
.cl-cta__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 60px; align-items: start; }
.cl-cta--split .cl-cta__title { margin: 0; }

/* Startseiten-Look (Abschnitt 03): Hintergrundbild ohne Abdeckung, weiße Schrift, Abstände wie die Startseite */
.cl-cta--look-start.cl-sec { --cl-text: #fff; --cl-head: #fff; --cl-sub: #fff; background-color: #e0e0e0; background-image: var(--cl-bg, none); }
.cl-cta--look-start.cl-sec::before { background: none; }
.cl-cta--look-start.cl-sec--sp-normal { padding-top: calc(max(5%, 50px) + 10px); padding-bottom: calc(max(5%, 50px) + 10px); }
.cl-cta--look-start .cl-cta__stack { padding-inline: 10px; }
.cl-cta--look-start.cl-cta--stacked .cl-cta__title { margin-bottom: 20px; }
.cl-cta.cl-cta--look-start .cl-cta__title .cl-cta__l1 { color: #e10419; }
.cl-cta--look-start .cl-cta__links { text-shadow: 0 0 10px rgba(0, 0, 0, .3); }

.draggo-canvas .cl-cta .cl-cta__title { font-family: var(--cl-display); font-size: 42px; line-height: 1.2; font-weight: 400; color: var(--cl-head); }
.draggo-canvas .cl-cta .cl-cta__title .cl-cta__l1 { color: #e10419; }
.draggo-canvas .cl-cta.cl-sec--red:not(.cl-cta--look-start) .cl-cta__title .cl-cta__l1 { color: #fff; }
.draggo-canvas .cl-cta .cl-cta__title .cl-cta__l2 { color: var(--cl-head); }
.draggo-canvas .cl-cta .cl-cta__links { font-family: var(--cl-sans); font-size: 18px; line-height: 26px; color: var(--cl-head); }
.draggo-canvas .cl-cta .cl-cta__link { color: inherit; }

@media (max-width: 991px) {
    .cl-cta__grid { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 767px) {
    .cl-cta .cl-cta__title, .draggo-canvas .cl-cta .cl-cta__title { font-size: 30px; line-height: 36px; }
    .cl-cta__actions { flex-direction: column; align-items: stretch; }
    .cl-cta .cl-cta__links { flex-direction: column; align-items: flex-start; font-size: 16px; line-height: 24px; }
    .cl-cta__sep { display: none; }
    .cl-cta--look-start .cl-cta__stack { padding-inline: 0; }
    .cl-cta--look-start .cl-cta__actions { align-items: flex-start; }
    .cl-cta--look-start .cl-btn { width: auto; }
}