/* Originales, unverändertes Auftraggebermotiv. Keine feste Sliderhöhe. */
#item2.CarouselImage2 {background-color:#07522d;background-image:url('kommunal-original.jpg');background-size:cover;background-position:center;}
#carousel-caption2.kommunal-caption {left:16%;right:16%;top:50%;bottom:auto;transform:translateY(-50%);padding:0;text-align:left;text-align-last:auto;background:transparent;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.16);}
#carousel-caption2 .kommunal-title {margin:0;color:#fff;font-family:inherit;font-weight:700;font-size:54px;line-height:1.04;letter-spacing:-1.4px;}
#carousel-caption2 .kommunal-subtitle {margin:16px 0 0;color:#fff;font-size:23px;line-height:1.3;}
#carousel-caption2 .kommunal-date {display:flex;flex-wrap:wrap;gap:4px 22px;margin:22px 0 0;color:#fff;font-size:21px;line-height:1.35;font-weight:700;}
#carousel-caption2 .kommunal-date span {white-space:nowrap;}
#carousel-caption2 .kommunal-format {margin:8px 0 0;color:#fff;font-size:17px;line-height:1.3;}
#carousel-caption2 a.kommunal-cta {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;margin-top:24px;padding:12px 22px;border:0;border-radius:5px;background:#b51f1f;color:#fff;font-size:17px;line-height:1.35;font-weight:700;text-decoration:none;text-shadow:none;}
#carousel-caption2 a.kommunal-cta:hover {background:#971919;}
#carousel-caption2 a.kommunal-cta:focus-visible {outline:3px solid #fff;outline-offset:4px;}
@media(max-width:959px) {
 #carousel-caption2 .kommunal-title {font-size:40px;letter-spacing:-.8px;}
 #carousel-caption2 .kommunal-subtitle {font-size:20px;margin-top:12px;}
 #carousel-caption2 .kommunal-date {font-size:18px;margin-top:18px;}
 #carousel-caption2 .kommunal-format {font-size:16px;}
 #carousel-caption2 a.kommunal-cta {margin-top:20px;}
}
@media(max-width:480px) {
 #carousel-caption2 .kommunal-title {font-size:32px;letter-spacing:-.6px;}
 #carousel-caption2 .kommunal-subtitle {font-size:18px;line-height:1.25;margin-top:12px;}
 #carousel-caption2 .kommunal-date {display:flex;flex-direction:column;gap:2px;font-size:16px;margin-top:16px;}
 #carousel-caption2 .kommunal-format {font-size:15px;margin-top:8px;}
 #carousel-caption2 a.kommunal-cta {font-size:15px;gap:10px;padding:12px 14px;margin-top:20px;}
}

/* Position nach Referenz-Startseitenbanner: gleiche linke Flucht,
   Titel oben, Aktionsbutton auf der unteren Buttonlinie. */
@media(min-width:960px) {
 #carousel-caption2.kommunal-caption {left:20%;right:20%;top:16%;bottom:11.5%;transform:none;}
 #carousel-caption2 .kommunal-title {font-size:clamp(56px,3.55vw,68px);}
 #carousel-caption2 .kommunal-subtitle {font-size:clamp(24px,1.5vw,28px);margin-top:20px;}
 #carousel-caption2 .kommunal-date {font-size:clamp(22px,1.3vw,25px);margin-top:16px;}
 #carousel-caption2 .kommunal-format {font-size:21px;}
 #carousel-caption2 a.kommunal-cta {position:absolute;left:0;bottom:0;margin-top:0;font-size:20px;}
}

/* Vom Auftraggeber ergänzter Informationstext. */
#carousel-caption2 .kommunal-info {max-width:1000px;margin:12px 0 0;color:#fff;font-size:24px;line-height:1.35;}
@media(min-width:960px) {
 #carousel-caption2 .kommunal-title-break {display:none;}
 #carousel-caption2 .kommunal-subtitle {margin-top:14px;}
 #carousel-caption2 .kommunal-date {margin-top:14px;}
}
@media(min-width:960px) and (max-width:1199px) {
 #carousel-caption2 .kommunal-title {font-size:48px;}
 #carousel-caption2 .kommunal-info {font-size:20px;line-height:1.3;margin-top:10px;}
 #carousel-caption2 .kommunal-subtitle {font-size:23px;margin-top:10px;}
 #carousel-caption2 .kommunal-date {font-size:21px;margin-top:10px;}
 #carousel-caption2 .kommunal-format {font-size:18px;margin-top:6px;}
 #carousel-caption2 a.kommunal-cta {font-size:18px;}
}
@media(max-width:959px) {
 #carousel-caption2 .kommunal-title {font-size:36px;}
 #carousel-caption2 .kommunal-info {font-size:18px;line-height:1.25;margin-top:10px;}
 #carousel-caption2 .kommunal-subtitle {font-size:18px;margin-top:8px;}
 #carousel-caption2 .kommunal-date {margin-top:10px;}
 #carousel-caption2 .kommunal-format {margin-top:5px;}
 #carousel-caption2 a.kommunal-cta {margin-top:14px;}
}
@media(max-width:480px) {
 #carousel-caption2 .kommunal-title {font-size:28px;}
 #carousel-caption2 .kommunal-subtitle {font-size:15px;line-height:1.2;}
 #carousel-caption2 .kommunal-info {font-size:14px;line-height:1.25;margin-top:8px;}
 #carousel-caption2 .kommunal-date {font-size:15px;line-height:1.25;}
 #carousel-caption2 .kommunal-format {font-size:14px;}
 #carousel-caption2 a.kommunal-cta {font-size:14px;min-height:44px;padding:10px 12px;margin-top:12px;}
}

@media(max-width:959px) { #carousel-caption2 .kommunal-info-break {display:none;} }

/* Termin und Teilnahmehinweis klein unter dem unveränderten Button. */
#carousel-caption2 .kommunal-date {font-size:14px;line-height:1.35;gap:4px 14px;margin-top:8px;}
#carousel-caption2 .kommunal-format {font-size:13px;line-height:1.35;margin-top:2px;}
@media(min-width:960px) {
 #carousel-caption2 .kommunal-date {position:absolute;left:0;top:calc(100% + 8px);margin:0;}
 #carousel-caption2 .kommunal-format {position:absolute;left:0;top:calc(100% + 28px);margin:0;}
}
@media(max-width:959px) {
 #carousel-caption2 .kommunal-date {flex-direction:row;}
}

#carousel-caption2 .kommunal-date > span {display:inline-flex;align-items:center;gap:6px;}
#carousel-caption2 .kommunal-date-icon {display:inline-block;flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;vertical-align:middle;}

/* Alle Termin- und Teilnahmeinformationen in einer gemeinsamen Zeile. */
#carousel-caption2 .kommunal-date .kommunal-format {position:static;left:auto;top:auto;margin:0;font-size:13px;font-weight:400;line-height:1.35;}
@media(min-width:960px) { #carousel-caption2 .kommunal-date {flex-wrap:nowrap;} }

/* Zusatzzeile unter dem Button etwas größer. */
#carousel-caption2 .kommunal-date {font-size:17px;}
#carousel-caption2 .kommunal-date .kommunal-format {font-size:16px;}
#carousel-caption2 .kommunal-date-icon {flex-basis:16px;width:16px;height:16px;}

/* Unterzeile auf Nutzerwunsch größer und kräftiger. */
#carousel-caption2 .kommunal-subtitle {font-weight:600;}
@media(min-width:1200px) { #carousel-caption2 .kommunal-subtitle {font-size:32px;} }
@media(min-width:960px) and (max-width:1199px) { #carousel-caption2 .kommunal-subtitle {font-size:26px;} }
@media(min-width:481px) and (max-width:959px) { #carousel-caption2 .kommunal-subtitle {font-size:20px;} }
@media(max-width:480px) { #carousel-caption2 .kommunal-subtitle {font-size:17px;} }

/* Gesamten Desktopinhalt vertikal zwischen den Bannerrändern zentrieren. */
@media(min-width:960px) { #carousel-caption2.kommunal-caption {transform:translateY(-26px);} }
