:root{
    --partner-per-row: 2;
}

[data-type="partner"] h2 {
  margin-bottom: calc(var(--gap) * 4);
}

[data-type="partner"] .partner-wrapper{
    display: flex;
    flex-direction: row;
    gap: var(--gap);
    flex-wrap: wrap;
    align-items: flex-start;
}

[data-type="partner"] .partner{
    background-color: var(--gray-background);
    padding: calc(var(--gap) * 2) calc(var(--gap) * 2);
    margin-bottom: 0;
    width: calc((100% / var(--partner-per-row)) - (((var(--partner-per-row) - 1) * var(--gap)) / var(--partner-per-row)));
    border-radius: 25px;
}

.section-wrapper section:nth-child(even)[data-type="partner"] .partner{
    background-color: #fff;
}

[data-type="partner"] .overview{
    display: flex;
    flex-direction: row;
    gap: calc(var(--gap) * 2);
}

[data-type="partner"] .overview ul{
    display: flex;
    flex-direction: row;
    gap: calc(var(--gap) / 2);
}

[data-type="partner"] .overview .logo{
    width: calc(100% / 3);
    mix-blend-mode: multiply;
}

[data-type="partner"] .overview svg{
    width: 28px;
}

[data-type="partner"] .overview svg.tel{
    width: 23px;
}

[data-type="partner"] .overview svg.page{
    width: 23px;
}

[data-type="partner"] .overview .kontakt{
    width: calc((100% / 3) * 2);
}

[data-type="partner"] .logo img{
    width: 100%;
    height: 125px;
    object-fit: contain;
    object-position: left center;
}

[data-type="partner"] .kontakt{
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap) / 2);
    align-items: flex-start;
    justify-content: center;
}

[data-type="partner"] .overview a:not(.load-more),
[data-type="partner"] .overview a:visited:not(.load-more),
[data-type="partner"] .overview a:hover:not(.load-more),
[data-type="partner"] .overview a:active:not(.load-more){
    color: var(--font-color);
    text-decoration: none;
    font-weight: 600;
    
}

[data-type="partner"] a.load-more,
[data-type="partner"] a.load-more:visited,
[data-type="partner"] a.load-more:hover,
[data-type="partner"] a.load-more:active{
    text-decoration: none;
    cursor: pointer;
}

[data-type="partner"] .social-media{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--gap) / 2);
    margin-top: var(--gap);
}

[data-type="partner"] .social-media img{
    width: 36.5px;
    aspect-ratio: 1/1;
    filter: brightness(0.2);
}

[data-type="partner"] h3{
    font-family: var(--default-font);
    color: var(--title-color);
    font-size: var(--special-h3-size);
    font-weight: var(--special-title-weight);
    letter-spacing: 0px;
    line-height: 1;
    margin-bottom: calc(var(--gap) * 2);
    margin-top: calc(var(--gap) * 4);
}

[data-type="partner"] .partner .text{
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    transition: 250ms ease-in-out;

}

[data-type="partner"] .partner .text.inactive{
    display: grid;
    grid-template-rows: 0fr;
}

[data-type="partner"] .partner .wrapper{
    overflow: hidden;
    width: 100%;
    height: 100%;
}

[data-type="partner"] .partner-container > h3:first-child{
    margin-top: 0;
}

@media only screen and (min-width: 1023.98px) and (max-width: 1599.98px){
    [data-type="partner"] .partner{
        padding: calc(var(--gap)) calc(var(--gap));
        margin-bottom: 0;
    }
}



@media only screen and (max-width: 991.98px){
    [data-type="partner"] .partner{
        width: min(100%, 553px);
        margin: auto;
        padding-left: var(--gap);
        padding-right: var(--gap);
    }
}

@media only screen and (max-width: 575.98px){
    [data-type="partner"] .overview{
        flex-direction: column;
        gap: var(--gap);
    }

    [data-type="partner"] .overview .kontakt,
    [data-type="partner"] .overview .logo{
        width: 100%;
    }

    [data-type="partner"] .logo img{
        height: auto;
        max-height: 95px;
    }
}