/* Newsletter Archiv - Design */



.newsletter-archiv-list {

    padding-inline: 20% !important;

}



#views-exposed-form-newsletter-archiv-block-1 > div {

    display: flex !important;

    justify-content: center !important;

    align-items: flex-end !important;

    flex-wrap: wrap !important;

    gap: 20px !important;

}



.newsletter-archiv-list .form-item {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    margin: 0 !important;

}



.newsletter-archiv-list label {

    margin-bottom: 8px !important;

    font-weight: bold !important;

    color: #002d5e !important;

    max-width: none !important;

    width: auto !important;

}



.newsletter-archiv-list .form-control {

    width: 100% !important;

    min-width: 200px !important;

    border: 1px solid #99dbea !important;

    border-radius: 0 !important;

    box-shadow: none !important;

}



/* Custom Pfeil Korrektur auf 67.5% */

.newsletter-archiv-list .select-wrapper {

    position: relative !important;

    width: 100% !important;

}



.newsletter-archiv-list .select-wrapper:after {

    content: "" !important;

    font-family: none !important;

    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.62515 0H8.66578C9.22202 0 9.50015 0.671875 9.1064 1.06563L5.08765 5.0875C4.8439 5.33125 4.44703 5.33125 4.20328 5.0875L0.184525 1.06563C-0.209225 0.671875 0.0689002 0 0.62515 0Z' fill='%23000000'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    width: 10px !important;

    height: 6px !important;

    display: inline-block !important;

    position: absolute !important;

    right: 15px !important;

    top: 67.5% !important;

    pointer-events: none !important;

}



.newsletter-archiv-list .table-striped > tbody > tr:nth-of-type(odd) {

    background-color: transparent !important;

}



.newsletter-archiv-list .table > tbody > tr > td {

    border-top: none !important;

    padding: 20px 15px !important;

    vertical-align: middle !important;

}



.newsletter-archiv-list .file-icon, 

.newsletter-archiv-list .file-size {

    display: none !important;

}



.newsletter-archiv-list .file > span {

    background: transparent !important;

    border: none !important;

    padding: 0 !important;

}



.newsletter-archiv-list .file-link a {

    background-color: #f0c05a !important;

    color: #002d5e !important;

    padding: 10px 25px !important;

    border-radius: 25px !important;

    text-decoration: none !important;

    font-weight: bold !important;

    text-transform: uppercase;

    font-size: 1.2rem;

    display: inline-block !important;

    border: none !important;

}