/* IHK Landingpage - Typografie & Abstände */

/* Section padding */
.container .container-content { padding-top: 5rem; padding-bottom: 5rem; }
.container--backgroundcolor .container-content { padding-top: 5rem; padding-bottom: 5rem; }

/* Column gaps — --gap und gap müssen übereinstimmen, sonst bricht flex-basis */
.columns-2 { --gap: 3rem; gap: 3rem; }
.columns-3 { --gap: 2rem; gap: 2rem; }

/* Spacing between content blocks */
.container-contentblocks > .contentblock + .contentblock { margin-top: 2rem; }

/* Rounded images */
.contentblock-image img { border-radius: 0; display: block; width: 100%; height: auto; object-fit: cover; }

/* No widow words in headings */
.contentblock-text h1, .contentblock-text h2, .contentblock-text h3, .contentblock-text h4 {
    text-wrap: balance !important;
}

/* h2 = large section heading */
.contentblock-text h2 {
    font-size: clamp(1.6rem, 3.5vw, 2.5rem) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 1.25rem !important;
}

/* h3 = clearly smaller, uppercase blue label */
.contentblock-text h3 {
    font-size: clamp(0.85rem, 1.4vw, 1rem) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #003f7d !important;
    margin-top: 1.75rem !important;
    margin-bottom: 0.4rem !important;
}

/* Body text */
.contentblock-text p { margin-bottom: 1rem; line-height: 1.75; }
.contentblock-text ul { margin-bottom: 1rem; padding-left: 1.5rem; }
.contentblock-text ul li { margin-bottom: 0.4rem; line-height: 1.6; }

/* Tile cards */
.overview-list__element { padding: 1.5rem !important; }

/* Button spacing */
.contentblock-button { margin-top: 1.5rem; }