/* ---- Titel */
.partner_title.style-h4 {
    font-size: 0.833rem;
    color: #9a9b9c;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #bbbcbd;
    margin-top: 100px;
}

/* ---- Bild */

.partner-wrapper img {
    width: auto;
    height: auto;
    max-width: 20.625rem;
    max-height: 10.833rem;
    transition: ease-in 150ms opacity;
}

.partner-wrapper img:hover, 
.partner-wrapper img:focus {
    opacity: 0.5;
}

.partner-wrapper .partner_content.show_text a.img_container,
.partner-wrapper .partner_content.show_excerpt a.img_container {
    display: block;
    /* margin-bottom: 70px; */
    margin-bottom: 2rem;
}

.partner-wrapper .partner_content.show_excerpt img {
    max-width: 20.625rem;
    max-height: 10.833rem;
}

.partner-wrapper .partner_content:not(.show_excerpt) img {
    max-width: 11.25rem;
    max-height: 5.125rem;
    width: 100%;
    object-fit: contain;
    object-position: left;
}


/* new logo image layout */

/* .smk-partners.partner_debugging .partner-wrapper img { } */
/* .partner-wrapper .partner_content.show_excerpt img {
} */
.partner-wrapper .partner_content:not(.show_excerpt) img {
    max-height: unset;
    max-width: unset;
    /* aspect-ratio: 270 / 130; */
    aspect-ratio: 90 / 41;
    object-position: left;
}

.partner-wrapper {
    --inner-padding: 1rem;
}

.partner-wrapper .partner_content {
    padding: var(--inner-padding);
}

.partner-wrapper .partner_content:not(.show_excerpt) .partner_content--spacing {
    max-width: 100%;
}

.partner-wrapper .partner_content:not(.show_excerpt) .img_container {
    /* height: 123px; */
    width: 270px;
    max-width: 100%;
    display: block;
    /*  */
    aspect-ratio: 90 / 41;
    height: auto;
}




/* ---- Layout */


/* mit Fliesstext  */
.partner-wrapper .partner_content.show_text, 
.partner-wrapper .partner_content.show_excerpt {
    /* width: 100%; */
    width: calc(100% - var(--inner-padding));
    margin-bottom: 4rem;
}

.partner-wrapper .partner_content.show_text .partner_content--spacing, 
.partner-wrapper .partner_content.show_excerpt .partner_content--spacing {
    max-width: 32.5rem;
}

/* Einleitungstext */
.partner_excerpt,
.partner_text {
    /* margin-bottom: 65px; */
    margin-bottom: 2rem;
}



.partner_excerpt, 
.partner_excerpt p,
.partner_excerpt strong {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.6;
}


/* not geht nicht mehr: */
/* .partner-wrapper :not(.show_text):not(.show_excerpt) { */
.partner-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 1000px;
    /* width: 90%; */
    gap: 1rem;
}

.partner-wrapper .partner-content.show_text, 
.partner-wrapper .partner-content.show_excerpt {
    flex-basis: 100%;
    flex-basis: 1;
} 

.partner-wrapper .partner_content:not(.show_text):not(.show_excerpt)  {
    width: calc(33.333% - 1rem);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}




/* ---- new Box Layout / View */
.smk-partners.partner_view_box .partner_content {
    border: 1px solid #ccc;
}

/* Bild zentriert */
.smk-partners.partner_view_box .partner_content:not(.show_excerpt) .img_container {
    display: flex;
}

.smk-partners.partner_view_box .partner_content:not(.show_excerpt) img {
    margin: auto;
    object-position: center;
}



/* ---- Debugging View Layout */
.smk-partners.partner_debugging .partner_content {
    background-color: rgba(140, 71, 21, 0.18);
}

.smk-partners.partner_debugging .partner_content .partner_content--spacing {
    background-color: rgba(117, 214, 88, 0.18);
}

.smk-partners.partner_debugging .partner_content .partner_content--spacing .img_container {
    background-color: rgba(220, 188, 133, 0.18);
}

.smk-partners.partner_debugging .partner_content .partner_content--spacing img {
    background-color: rgba(245, 255, 137, 0.18);
}



/* ---- Button */

.button.partner_button {
    border: 1px solid #56585A;
    border-radius: 10px;
    padding: 6px 16px;
    background: transparent;
    letter-spacing: -0.03em;
    color: #56585A;
    font-weight: 900;
    font-size: 16px;
    line-height: 34px;
}

.button.partner_button:hover, 
.button.partner_button:focus {
    border: 1px solid var(--smk--color--primary) !important;
    border-radius: 10px;
    padding: 6px 16px;
    background: var(--smk--color--primary);
    letter-spacing: -0.03em;
    color: #ffffff;
    font-weight: 900;
    font-size: 16px;
    line-height: 34px;
}

@media screen and (max-width: 767px) {
    /* .partner-wrapper:not(.show_text):not(.show_text) { */
    .partner-wrapper {
        max-width: 100%;
    }

    /* .partner-wrapper:not(.show_text):not(.show_excerpt) .partner_content { */
    .partner-wrapper .partner_content:not(.show_text):not(.show_excerpt) {
        /* width: calc(50% - 1rem); */
        width: calc(50% - 0.5rem);
    }
}