.running-costs { margin: 32px 0 48px; padding: 28px; background: #edf3f3; border-top: 2px solid #008398; }
.running-costs h2 { margin-top: 10px; }
.running-costs-rates { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px 48px; margin: 22px 0 12px; }
#laufende-kosten .running-costs-rates > p { margin: 0; padding: 0; }
.running-costs-rates strong { display: block; font-size: 14px; }
.running-costs-rates span { display: block; font-size: 25px; font-weight: 700; color: #123b48; }
.running-costs .running-costs-note { font-size: 12px; line-height: 1.65; margin-bottom: 0; }
@media(max-width:600px) { .running-costs { padding: 22px 20px; } }

.running-costs-sim { margin-top: 24px; padding-top: 20px; border-top: 1px solid #c8d9dc; }
.running-costs .running-costs-sim h3 { margin: 0 0 12px; font-size: 18px; color: #123b48; }
.running-costs .running-costs-sim p { font-size: 14px; }

.running-costs .running-costs-sim h3 { display: flex; align-items: center; gap: 12px; }
.running-costs-sim-icon { flex: 0 0 32px; width: 32px; height: 32px; color: #008398; }

/* Variant 6: blue horizon with a readable blue overlay. */
#laufende-kosten {
 background-color: #244d69;
 background-image: linear-gradient(90deg, #244d69ee, #244d69a6), url('global-kommunikation-v152-v203.webp');
 background-size: cover;
 background-position: center, right center;
 border-top-color: #72d8e7;
}
.article-body #laufende-kosten p { color: #e0edf1; }
.article-body #laufende-kosten h2, .article-body #laufende-kosten h3 { color: #fff; }
.article-body #laufende-kosten .eyebrow, #laufende-kosten .running-costs-sim-icon { color: #8be3ee; }
#laufende-kosten .running-costs-rates span { color: #f4d391; }
#laufende-kosten .running-costs-note { color: #c2d7df; }
#laufende-kosten .running-costs-sim { border-color: #ffffff35; }
@media(max-width:600px) {
 #laufende-kosten { background-image: linear-gradient(90deg, #244d69ee, #244d69d4), url('global-kommunikation-v152-v203.webp'); background-position: center, 68% center; }
}

.running-costs-note > span { display: block; }
.running-costs-note > span + span { margin-top: 6px; }

#laufende-kosten .running-costs-coverage { margin-top: 22px; padding: 16px 20px; border-left: 3px solid #f4d391; background: #17384fdd; }
#laufende-kosten .running-costs-coverage p { margin: 0; }
#laufende-kosten .running-costs-coverage p + p { margin-top: 8px; }
#laufende-kosten .running-costs-coverage strong { color: #f4d391; }
@media(max-width:600px) { #laufende-kosten .running-costs-coverage { padding: 14px 16px; } }