/* DOWNLOADS & LINKS

GENERAL
ONPAGE DOWNLOADS
HIGHLIGHTED
PROTECTED DOWNLOADS

*/

/* -----------------------------------------------------------------------
	GENERAL
/* ---------------------------------------------------------------------*/

.field--name-field-wfbb-downloads-links .image-group {
    height: 11.875rem;
}


.field--name-field-wfbb-downloads-links .visually-hidden {
    display: none;
}

.field--name-field-icon-downloads-links img {
    width: 100%;
    height: auto;
}

/* -----------------------------------------------------------------------
	ONPAGE DOWNLOADS
/* ---------------------------------------------------------------------*/

#alllinksdownloads {
    display: flex;
}

.field--name-field-icon-downloads-links {
    /* width: 25%; */
}

.field--name-field-icon-downloads-links img {
    width: 100%;
    height: auto;
}

.field--name-field-element-wfbb-downloads-lin {
    width: 75%;
    padding-left: 3rem;
    position: relative;
}

.field--name-field-file-link-wfbb-element-dow .field--name-field-media-document a,
.field--name-field-file-link-wfbb-element-dow .node--type-media-link a {
    color: var(--color-grey-dark);
    position: relative;
    padding-left: 2rem;
    display: block;
}

.field--name-field-file-link-wfbb-element-dow .field--name-field-media-document a:before,
.field--name-field-file-link-wfbb-element-dow .node--type-media-link a:before {
    display: block;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .35rem;
    left: 0;
}

.field--name-field-file-link-wfbb-element-dow .field--name-field-media-document a:before {
    background: var(--icon-download-primary);
    background-repeat: no-repeat;
    background-position: left center;
}

.field--name-field-file-link-wfbb-element-dow .node--type-media-link a:before {
    background: var(--icon-link-primary);
    background-repeat: no-repeat;
    background-position: left center;
}

.paragraph--type--wfbb-file-link-downloads-links > .field:not(:first-child) {
    margin-top: .5rem;
}

.contact_downloads_links .togglelinks {
    text-indent: -99999px;
    cursor: pointer;
    background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 30%, rgba(235,235,235,0) 100%);
    font-size: 0;
    line-height: 0;
    height: 4rem !important;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.darkmode .contact_downloads_links .togglelinks {
    background: linear-gradient(0deg, rgb(33, 33, 33) 0%, rgb(33, 33, 33) 30%, rgba(235,235,235,0) 100%);
}

.contact_downloads_links .togglelinks:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--arrow-narrow-down-primary);
    background-repeat: no-repeat;
    background-size: 1.25rem auto;
    background-position: center;
}

.contact_downloads_links .togglelinks.links.open.links-open:before {
    background: var(--arrow-narrow-up-primary);
    background-repeat: no-repeat;
    background-size: 1.25rem auto;
    background-position: center;
}

.contact_downloads_links .alllinksdownloads article.node--type-media-link,
.contact_downloads_links .alllinksdownloads .field--name-field-media-document {
    padding: .25rem 0;
}

.contact_downloads_links .weitere_links {
    display: block !important;
    max-height: 1rem;
    overflow: hidden;
}

.contact_downloads_links .paragraph--type--wfbb-element-downloads-links-tit {
    position: relative;
}

.contact_downloads_links .togglelinks.links-open + .weitere_links {
    max-height: 100vh;
}

.contact_downloads_links .weitere_links .togglelinks.links.open.links-open {
    height: 2rem !important;
    bottom: -2rem;
}


@media (max-width: 991px) {

    .contact_downloads_links .field--name-field-wfbb-downloads-links {
        padding: calc( var(--section-inner-side-padding) * 2)
    }

}

@media (max-width: 767px) {

    .contact_downloads_links .field--name-field-wfbb-downloads-links {
        padding: var(--section-inner-side-padding) var(--section-inner-side-padding) calc(var(--section-inner-side-padding) *2 );
    }

    .field--name-field-icon-downloads-links {
        display: none;
    }

    .field--name-field-element-wfbb-downloads-lin {
        width: 100%;
        padding: 0;
    }

}

.contact-unpublished .field--name-field-wfbb-contact,
.downloads-unpublished .field--name-field-wfbb-downloads-links {
    grid-column: span 12;
}

.field__item.wfbb_contact_downloads_links.downloads:not(.contact) .field--name-field-icon-downloads-links,
.downloads-unpublished .field--name-field-icon-downloads-links {
    width: 20%;
}

.field__item.wfbb_contact_downloads_links.downloads:not(.contact) .field--name-field-element-wfbb-downloads-lin,
.downloads-unpublished .field--name-field-element-wfbb-downloads-lin {
    width: 89%;
}

.field__item.wfbb_contact_downloads_links.downloads:not(.contact) img,
.downloads-unpublished img {
    height: 100% !important;
    object-fit: contain;
}

.field__item.wfbb_contact_downloads_links.downloads:not(.contact) .field--name-field-media-image,
.downloads-unpublished .field--name-field-media-image {
    height: 100%;
}



/* -----------------------------------------------------------------------
	HIGHLIGHTED
/* ---------------------------------------------------------------------*/

.field--name-field-highlighted-download {
    display: grid;
    grid-template-columns: var(--grid-columns);
    grid-column-gap: var(--grid-gap);
}

.field--name-field-highlighted-download.multiple > .field__item {
    grid-column: span 4;
}

.main-content .field--name-field-ements-wfbb-page > .field__item.wfbb_highlighted_downloads {
    padding-left: var(--section-inner-side-padding);
    padding-right: var(--section-inner-side-padding);
}

.field--name-field-title-hervorgehobener-down {
    font-size: var(--font-size-h3);
    font-weight: 700;
    margin: 0 0 calc(var(--grid-gap) / 2);
    line-height: 1.3;
}

.field--name-field-infotext-wfbb-highlighted {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.field--name-field-image-wfbb-highlighted-dow .image-group {
    position: relative;
    padding-top: 140%;
    box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
}

.field--name-field-image-wfbb-highlighted-dow .image-group img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.field--name-field-highlighted-download > .field__item .paragraph--type--wfbb-highlighted-download {
    align-items: center;
}


/* MULTIPLE */

.field--name-field-highlighted-download.multiple > .field__item .paragraph--type--wfbb-highlighted-download {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: var(--grid-gap);
}

.field--name-field-highlighted-download.multiple > .field__item .paragraph--type--wfbb-highlighted-download .field--name-field-image-wfbb-highlighted-dow {
    grid-column: span 3;
}

.field--name-field-highlighted-download.multiple > .field__item .paragraph--type--wfbb-highlighted-download .group_text_link_highlighted_down {
    grid-column: span 4;
}

.field--name-field-highlighted-download.multiple > .field__item .field--name-field-title-hervorgehobener-down {
    margin: var(--grid-gap) 0 calc(var(--grid-gap) / 2);
}

/* DUO */

.field--name-field-highlighted-download.duo > .field__item {
    grid-column: span 6;
}

.field--name-field-highlighted-download.duo > .field__item .paragraph--type--wfbb-highlighted-download {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: var(--grid-gap);
}

.field--name-field-highlighted-download.duo > .field__item .paragraph--type--wfbb-highlighted-download .field--name-field-image-wfbb-highlighted-dow {
    grid-column: span 2;
}

.field--name-field-highlighted-download.duo > .field__item .paragraph--type--wfbb-highlighted-download .group_text_link_highlighted_down {
    grid-column: span 4;
}


/* SINGLE */

.field--name-field-highlighted-download.single > .field__item {
    grid-column: 3 / 11;
}

.field--name-field-highlighted-download.single > .field__item .paragraph--type--wfbb-highlighted-download {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-column-gap: var(--grid-gap);
}

.field--name-field-highlighted-download.single > .field__item .paragraph--type--wfbb-highlighted-download .field--name-field-image-wfbb-highlighted-dow {
    grid-column: span 3;
}

.field--name-field-highlighted-download.single > .field__item .paragraph--type--wfbb-highlighted-download .group_text_link_highlighted_down {
    grid-column: 5 / 9;
}


@media (max-width: 767px) {

    .main-content .field--name-field-ements-wfbb-page > .field__item.wfbb_highlighted_downloads {
        padding-left: 0;
        padding-right: 0;
    }

    .field--name-field-highlighted-download > .field__item {
        grid-column: span 12 !important;
    }

    .field--name-field-highlighted-download > .field__item + .field__item {
        margin-top: calc(var(--grid-gap) * 2);
    }

    .field--name-field-highlighted-download > .field__item .paragraph--type--wfbb-highlighted-download {
        grid-template-columns: var(--grid-columns) !important;
    }

    .field--name-field-highlighted-download > .field__item .paragraph--type--wfbb-highlighted-download .field--name-field-image-wfbb-highlighted-dow {
        grid-column: span 4 !important;
    }

    .field--name-field-highlighted-download.duo > .field__item .paragraph--type--wfbb-highlighted-download .group_text_link_highlighted_down {
        grid-column: span 8 !important;
    }

}


/* -----------------------------------------------------------------------
	PROTECTED DOWNLOADS
/* ---------------------------------------------------------------------*/

.wfbb_password_protected_download {
    display: grid;
    grid-template-columns: var(--grid-columns);
    grid-column-gap: var(--grid-gap);
    padding: 0 var(--section-inner-side-padding) !important;
}

.field__item.wfbb_password_protected_download > div {
    grid-column: 3 / 11;
}

.field--name-field-input-password-wfbb-passwo {
    margin-top: 2rem;
}

.wfbb_password_protected_download .webform-submission-form {
    display: flex;
    align-items: flex-end;
}

.wfbb_password_protected_download .webform-submission-form input {
    min-height: 3rem;
    border-width: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.wfbb_password_protected_download .webform-submission-form button {
    margin: 0;
    border-radius: 0 50px 50px 0;
    padding: .25em 1em .25em 1.5em;;
    min-height: 3rem;
}

.wfbb_password_protected_download .webform-submission-form button:before {
    display: inline-block;
    content: '';
    height: 1em;
    width: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.004' height='40.26' viewBox='0 0 40.004 40.26'%3E%3Cg id='noun_Key_3438466' transform='translate(-1.998 -1.87)'%3E%3Cpath id='Pfad_890' data-name='Pfad 890' d='M41.187,37.107,20.827,16.761A10.037,10.037,0,1,0,16.894,20.7l7.57,7.564-1.576,1.576a2.782,2.782,0,0,0,3.936,3.934L28.4,32.194l1.875,1.874-3.312,3.314A2.782,2.782,0,0,0,28.93,42.13h0a2.764,2.764,0,0,0,1.967-.815L34.21,38l3.043,3.041a2.763,2.763,0,0,0,1.967.814h0a2.782,2.782,0,0,0,1.966-4.75ZM12.039,15.442a3.531,3.531,0,1,1,3.531-3.53A3.535,3.535,0,0,1,12.039,15.442Z' fill='%23c81423'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: cover;
    position: relative;
    top: .125em;
    left: -.75em;
}

.wfbb_password_protected_download .webform-submission-form button:hover:before {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.004' height='40.26' viewBox='0 0 40.004 40.26'%3E%3Cg id='noun_Key_3438466' transform='translate(-1.998 -1.87)'%3E%3Cpath id='Pfad_890' data-name='Pfad 890' d='M41.187,37.107,20.827,16.761A10.037,10.037,0,1,0,16.894,20.7l7.57,7.564-1.576,1.576a2.782,2.782,0,0,0,3.936,3.934L28.4,32.194l1.875,1.874-3.312,3.314A2.782,2.782,0,0,0,28.93,42.13h0a2.764,2.764,0,0,0,1.967-.815L34.21,38l3.043,3.041a2.763,2.763,0,0,0,1.967.814h0a2.782,2.782,0,0,0,1.966-4.75ZM12.039,15.442a3.531,3.531,0,1,1,3.531-3.53A3.535,3.535,0,0,1,12.039,15.442Z' fill='%23cfff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.field--type-entity-reference.field--name-field-downloads-wfbb-password-pr {
    margin-top: 2rem;
}

.field--type-entity-reference.field--name-field-downloads-wfbb-password-pr > div {
    margin: 0 0 1rem;
}

.field--name-field-downloads-wfbb-password-pr a {
    color: var(--color-grey-dark);
    position: relative;
    padding-left: 2rem;
    display: block;
}

.field--name-field-downloads-wfbb-password-pr a:before {
    display: block;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .35rem;
    left: 0;
    background: var(--icon-download-red);
    background-repeat: no-repeat;
    background-position: left center;
}

.wfbb_password_protected_download .ajax-progress-throbber .throbber {
    width: 1rem;
    height: 1rem;
    padding: 0;
    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    position: relative;
    display: block;
}

.wfbb_password_protected_download .ajax-progress-throbber .throbber:before {
    display: block;
    content: '';
    border: 3px solid var(--color-grey-light);
    border-top: 3px solid var(--color-primary);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: spin 2s linear infinite;
    position: absolute;
    top: calc(50% - .5rem);
    left: calc(50% - .5rem);

}

.wfbb_password_protected_download .invalid-feedback {
    position: absolute;
}


@media (max-width: 1280px) {

    .field__item.wfbb_password_protected_download > div {
        grid-column: 4 / 13;
    }

}

@media (max-width: 767px) {

    .field__item.wfbb_password_protected_download {
        padding: 0 !important;
    }

    .field__item.wfbb_password_protected_download > div {
        grid-column: span 12;
    }

    .wfbb_password_protected_download .webform-submission-form button {
        padding: .25em .75em .25em 1em;
        min-width: 6em;
    }

    .wfbb_password_protected_download .webform-submission-form button:before {
        left: -.5em;
    }

    .wfbb_password_protected_download .ajax-progress-throbber {
        position: absolute;
        left: .25em;
        top: calc(50% - .5em);
    }

    .wfbb_password_protected_download .form-actions {
        position: relative;
    }

}