/* =========================================================
   KÖHLING & DR. ALDERMANN
   EINHEITLICHES PERSÖNLICHES PROFIL
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.koehling-profile-hero,
.aldermann-profile-hero {
    padding-top: 150px !important;
    padding-bottom: 90px !important;
}


.koehling-profile-hero-grid,
.aldermann-profile-hero-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(320px, .72fr) !important;

    gap: 72px !important;

    align-items: center !important;
}


/* ---------------------------------------------------------
   SLOGAN
   --------------------------------------------------------- */

.koehling-profile-slogan,
.aldermann-profile-slogan {
    max-width: 700px !important;

    margin:
        0
        0
        18px !important;

    color: #f59500 !important;

    font-size:
        clamp(
            12px,
            1.15vw,
            16px
        ) !important;

    font-weight: 700 !important;

    line-height: 1.5 !important;

    letter-spacing:
        .09em !important;

    text-transform:
        uppercase !important;
}


/* ---------------------------------------------------------
   NAME
   --------------------------------------------------------- */

.koehling-profile-hero h1,
.aldermann-profile-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    line-height: .98 !important;
}


/* ---------------------------------------------------------
   PROFIL-EINLEITUNG
   --------------------------------------------------------- */

.koehling-profile-discover,
.aldermann-profile-discover {
    margin:
        0
        0
        12px !important;

    font-size: 14px !important;
    font-weight: 650 !important;

    line-height: 1.5 !important;

    letter-spacing:
        .025em !important;
}


.koehling-profile-intro,
.aldermann-profile-intro {
    max-width: 720px !important;

    margin-bottom: 0 !important;

    font-size: 18px !important;

    line-height: 1.75 !important;
}


/* =========================================================
   PORTRAITS
   ========================================================= */

.koehling-profile-image-wrap,
.aldermann-profile-image-wrap {
    position: relative;

    width: 100% !important;
    max-width: 430px !important;

    margin-left: auto !important;
}


.koehling-profile-image,
.aldermann-profile-image {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    aspect-ratio: 4 / 5 !important;

    object-fit: cover !important;
    object-position: center top !important;
}


.koehling-profile-image-caption,
.aldermann-profile-image-caption {
    box-sizing: border-box;

    width:
        calc(
            100% - 28px
        ) !important;

    max-width: 330px !important;

    padding:
        17px
        21px !important;

    background:
        #ffffff !important;

    box-shadow:
        0
        18px
        45px
        rgba(
            0,
            0,
            0,
            .11
        ) !important;
}


/* =========================================================
   DEKORATIVE NUMMERN ENTFERNEN
   ========================================================= */

/*
 * Portraitnummern wie 01 / 02.
 */

.koehling-profile-image-wrap
[class*="number"],

.aldermann-profile-image-wrap
[class*="number"],

.koehling-profile-image-wrap
[class*="index"],

.aldermann-profile-image-wrap
[class*="index"] {
    display: none !important;
}


/*
 * 01 / 02 / 03 bei Fakten / Werdegang.
 */

.koehling-profile-facts-grid
[class*="number"],

.aldermann-profile-facts-grid
[class*="number"],

.koehling-profile-facts-grid
[class*="index"],

.aldermann-profile-facts-grid
[class*="index"] {
    display: none !important;
}


.koehling-profile-facts-grid
> div
> span:first-child,

.aldermann-profile-facts-grid
> div
> span:first-child,

.koehling-profile-facts-grid
> article
> span:first-child,

.aldermann-profile-facts-grid
> article
> span:first-child {
    display: none !important;
}


/*
 * 01 / 02 / 03 innerhalb Arbeitsweise / Werte.
 */

.koehling-profile-values
[class*="number"],

.aldermann-profile-values
[class*="number"],

.koehling-profile-values
[class*="index"],

.aldermann-profile-values
[class*="index"] {
    display: none !important;
}


/*
 * Weitere mögliche Werdegang-Klassen.
 */

.koehling-profile
[class*="timeline"]
[class*="number"],

.aldermann-profile
[class*="timeline"]
[class*="number"],

.koehling-profile
[class*="career"]
[class*="number"],

.aldermann-profile
[class*="career"]
[class*="number"] {
    display: none !important;
}


/* =========================================================
   ABSCHNITTE
   ========================================================= */

.koehling-profile-section,
.aldermann-profile-section {
    padding:
        96px
        0 !important;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.koehling-profile-section-head,
.aldermann-profile-section-head {
    display: grid !important;

    grid-template-columns:
        minmax(170px, .4fr)
        minmax(0, 1fr) !important;

    gap: 52px !important;

    align-items: start !important;

    margin-bottom: 48px !important;
}


/* =========================================================
   ZWEI SPALTEN
   ========================================================= */

.koehling-profile-two-column,
.aldermann-profile-two-column {
    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap: 68px !important;
}


/* =========================================================
   FAKTEN
   ========================================================= */

.koehling-profile-facts-grid,
.aldermann-profile-facts-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    margin-top:
        44px !important;

    border-top:
        1px solid
        #dedbd5 !important;

    border-bottom:
        1px solid
        #dedbd5 !important;
}


.koehling-profile-facts-grid
> div,

.aldermann-profile-facts-grid
> div,

.koehling-profile-facts-grid
> article,

.aldermann-profile-facts-grid
> article {
    min-height:
        145px !important;

    padding:
        30px
        26px !important;

    border-right:
        1px solid
        #dedbd5 !important;
}


.koehling-profile-facts-grid
> div:last-child,

.aldermann-profile-facts-grid
> div:last-child,

.koehling-profile-facts-grid
> article:last-child,

.aldermann-profile-facts-grid
> article:last-child {
    border-right:
        0 !important;
}


.koehling-profile-facts-grid strong,
.aldermann-profile-facts-grid strong {
    display: block;

    margin-bottom:
        8px !important;

    font-size:
        20px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;
}


.koehling-profile-facts-grid p,
.aldermann-profile-facts-grid p {
    margin: 0 !important;

    color:
        #666666 !important;

    font-size:
        14px !important;

    line-height:
        1.6 !important;
}


/* =========================================================
   BRANCHENERFAHRUNG
   ========================================================= */

.koehling-profile-industries,
.aldermann-profile-industries {
    display: grid !important;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        ) !important;

    margin-top:
        45px !important;
}


.koehling-profile-industries article,
.aldermann-profile-industries article {
    min-height:
        225px !important;

    padding:
        30px
        24px !important;
}


.koehling-profile-industries h3,
.aldermann-profile-industries h3 {
    font-size:
        20px !important;

    line-height:
        1.2 !important;
}


.koehling-profile-industries p,
.aldermann-profile-industries p {
    line-height:
        1.65 !important;
}


/* =========================================================
   EXPERTISE
   ========================================================= */

.koehling-profile-expertise-grid,
.aldermann-profile-expertise-grid {
    display: grid !important;

    grid-template-columns:
        minmax(240px, .65fr)
        minmax(0, 1.35fr) !important;

    gap: 72px !important;

    align-items: center !important;
}


.koehling-profile-expertise-number,
.aldermann-profile-expertise-number {
    width:
        min(
            280px,
            100%
        ) !important;

    aspect-ratio:
        1 !important;

    margin-inline:
        auto !important;
}


/* =========================================================
   ARBEITSWEISE
   ========================================================= */

.koehling-profile-values,
.aldermann-profile-values {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        1px !important;

    margin-top:
        40px !important;
}


/* =========================================================
   KONTAKT
   ========================================================= */

.koehling-profile-contact-grid,
.aldermann-profile-contact-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    gap: 50px !important;

    align-items: center !important;
}


.koehling-profile-contact-actions,
.aldermann-profile-contact-actions {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 12px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .koehling-profile-industries,
    .aldermann-profile-industries {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .koehling-profile-hero,
    .aldermann-profile-hero {
        padding-top:
            118px !important;

        padding-bottom:
            64px !important;
    }


    .koehling-profile-hero-grid,
    .aldermann-profile-hero-grid,

    .koehling-profile-two-column,
    .aldermann-profile-two-column,

    .koehling-profile-section-head,
    .aldermann-profile-section-head,

    .koehling-profile-expertise-grid,
    .aldermann-profile-expertise-grid,

    .koehling-profile-contact-grid,
    .aldermann-profile-contact-grid {
        grid-template-columns:
            minmax(
                0,
                1fr
            ) !important;

        gap:
            36px !important;
    }


    .koehling-profile-image-wrap,
    .aldermann-profile-image-wrap {
        width:
            min(
                100%,
                330px
            ) !important;

        margin-inline:
            auto !important;
    }


    .koehling-profile-section,
    .aldermann-profile-section {
        padding:
            68px
            0 !important;
    }


    .koehling-profile-facts-grid,
    .aldermann-profile-facts-grid {
        grid-template-columns:
            1fr !important;
    }


    .koehling-profile-facts-grid
    > div,

    .aldermann-profile-facts-grid
    > div,

    .koehling-profile-facts-grid
    > article,

    .aldermann-profile-facts-grid
    > article {
        min-height:
            0 !important;

        padding:
            23px
            4px !important;

        border-right:
            0 !important;

        border-bottom:
            1px solid
            #dedbd5 !important;
    }


    .koehling-profile-facts-grid
    > div:last-child,

    .aldermann-profile-facts-grid
    > div:last-child,

    .koehling-profile-facts-grid
    > article:last-child,

    .aldermann-profile-facts-grid
    > article:last-child {
        border-bottom:
            0 !important;
    }


    .koehling-profile-industries,
    .aldermann-profile-industries {
        grid-template-columns:
            1fr !important;
    }


    .koehling-profile-industries article,
    .aldermann-profile-industries article {
        min-height:
            0 !important;
    }


    .koehling-profile-values,
    .aldermann-profile-values {
        grid-template-columns:
            1fr !important;
    }


    .koehling-profile-contact-actions,
    .aldermann-profile-contact-actions {
        flex-direction:
            column !important;

        align-items:
            stretch !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .koehling-profile-slogan,
    .aldermann-profile-slogan {
        max-width:
            34ch !important;

        font-size:
            10px !important;
    }


    .koehling-profile-intro,
    .aldermann-profile-intro {
        font-size:
            16px !important;
    }


    .koehling-profile-image-wrap,
    .aldermann-profile-image-wrap {
        width:
            min(
                76vw,
                285px
            ) !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .koehling-profile *,
    .aldermann-profile * {
        transition-duration:
            .01ms !important;
    }

}