/*
  Theme Name: Claim
  Description: Individuelles Theme für den Verbund gegen Rassismus
  Version: 1.0.1
  Author: TAU Berlin
  Author URI: https://www.tau-berlin.de
  Tags: Blank, HTML5, CSS3
  Text Domain: claim
*/


@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    src: url('assets/fonts/inter-variable.ttf') format('truetype');
}


@font-face {
    font-display: swap;
    font-family: 'Inter-Italic';
    font-style: italic;
    src: url('assets/fonts/inter-italic-variable.ttf') format('truetype');
}

:root {
    --color-lilac: #DBDAFB;
    --color-lilac-light: #F4F3FE;
    --color-anthrazit: #000000;
    --color-red: #FF8067;
    --color-yellow: #FDF69E;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-size: 100%;
    line-height: 1.15;
    @media (min-width: 768px) {
        font-size: 130%;
    }
    @media (min-width: 992px) {
        font-size: 160%;
    }
    @media (min-width: 1200px) {
        font-size: 200%;
    }
}

body {
    background-color: #FFFFFF;
    color: var(--color-anthrazit);
    font-style: normal;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden
}

html.modal-open {
    overflow: hidden;
}

._blk {
    margin: 0 0 2rem 0;
}

.container-fluid {
    position: relative;
    width: 100%;
    padding: 0 0.75rem;
}

aside.right {
    display: none;
}

/* Type */
h1 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.01rem;
    margin: 0 0 3rem 0;
}

h1 a {
    color: var(--color-anthrazit);
    text-decoration: underline;
}

h2 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.01rem;
    margin: 0 0 1rem 0;
}

h3 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.025rem;
    margin: 0 0 0.75rem 0;
}

h4 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.025rem;
    margin: 0 0 .25rem 0;
}

h5 {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.025rem;
    margin: 0;
}

h6 {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.025rem;
    margin: 0;
}

a,
a.link-underline,
a:hover,
a.link-underline:hover {
    text-decoration: none;
}

a.button {
    display: inline-block;
    width: auto;
    height: auto;
}

b, strong {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

p {
    font-weight: normal;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: -0.01875rem;
    margin: 0 0 1rem 0;
}

blockquote {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 1rem;
}

blockquote p {
    font-size: 1rem;
    margin: 0;
}

.wp-content p a {
    color: var(--color-anthrazit);
    text-decoration: underline;
}

.wp-content p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.wp-content ul {
    background-color: var(--color-lilac);
    padding: 1rem 1rem 1rem 2rem
}

.wp-content ul li {
    padding-left: 0.5rem;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.01875rem;
}

img {
    width: 100%;
    height: auto;
}

figcaption {
    font-size: 0.5625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: -0.01125rem;
    margin: 0.5rem 0 0 0;
}

/* #################### NAVIGATION ################### */
/* .scroll-down .main-header { transform: translate3d(0, -100%, 0);} */
/* .scroll-up .main-header { transform: none;} */

.main-header {
    position: absolute;
    padding: 1rem 0;
    z-index: 1000;
    width: 100%;
}

.main-header .navbar-brand {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 100000;
}

.main-header .navbar-brand img {
    display: inline-block;
    width: 201px;
    height: auto;
}

.main-header button.da-opener {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHJ4PSIxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE2LjM0MTggOS45MTc5N0wxMi45Nzc1IDExLjg1OTRWMTMuNDgyNEwxNi4wNzYyIDE3Ljk2MDlMMTYuMjE3OCAxOC4xNjdMMTYuMDEyNyAxOC4zMDg2TDE0LjYxMTMgMTkuMjc5M0wxNC40Njk3IDE5LjA3NDJMMTIgMTUuNTA1OUw5LjUzMDI3IDE5LjA3NDJMOS4zODg2NyAxOS4yNzkzTDcuOTg3MyAxOC4zMDg2TDcuNzgyMjMgMTguMTY3TDcuOTIzODMgMTcuOTYwOUwxMS4wMjM0IDEzLjQ4MTRWMTEuODYwNEw3LjY1ODIgOS45MTc5N0w4LjYzNDc3IDguMjI0NjFMMTIgMTAuMTY2TDE1LjM2NTIgOC4yMjQ2MUwxNi4zNDE4IDkuOTE3OTdaTTEyIDQuODg3N0MxMi45NjY1IDQuODg3NyAxMy43NDk5IDUuNjcxMzUgMTMuNzUgNi42Mzc3QzEzLjc1IDcuNjA0MTkgMTIuOTY2NSA4LjM4NzcgMTIgOC4zODc3QzExLjAzMzUgOC4zODc3IDEwLjI1IDcuNjA0MTkgMTAuMjUgNi42Mzc3QzEwLjI1MDEgNS42NzEzNSAxMS4wMzM1IDQuODg3NyAxMiA0Ljg4NzdaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') center center no-repeat;
    background-size: contain;
    z-index: 10000;
    position: absolute;
    right: 58px;
}

.main-header ul#menu-header-menue {
    display: none;
}

.main-header .menu-toggle {
    z-index: 10000;
    height: auto;
    width: auto;
    padding: 3px 0 10px 0;
    display: block;
    position: relative;
    float: right;
}

.main-header .menu-toggle input {
    display: block;
    width: 32px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

.main-header .menu-toggle input:checked {
    width: 90px;
}

.main-header .burger span {
    display: block;
    height: 2px;
    width: 30px;
    margin: 4px 0;
    z-index: 1;
    transform-origin: 0 0;
    background: var(--color-anthrazit);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.main-header input:checked ~ .burger span:first-child {
    transform: rotate(30deg) translateY(-4px) translateX(-1px) scaleX(100%);
}

.main-header input:checked ~ .burger span:last-child {
    transform: rotate(-30deg) translateY(4px) translateX(-1px) scaleX(100%);
}

.main-header .header-secondary {
    display: none;
}

.main-header .menu-toggle .burger span:first-child {

}

.main-header .menu-toggle .burger span:nth-last-child(1) {

}

.main-header .menu-toggle input:checked ~ .burger {
}

.main-header .menu-toggle input:checked ~ .burger span:first-child {

}

.main-header .menu-toggle input:checked ~ .burger span:nth-last-child(1) {

}

.main-header .menu-toggle .backdrop {
    display: none;
}

.main-header .menu-toggle .menu-overlay {
    display: block;
    overflow: hidden;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    width: 100%;
    padding: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: var(--color-lilac);
    transform: translateX(100%);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.main-header .menu-toggle input:checked ~ .menu-overlay {
    transform: translateX(0);
}

/* Nav MAIN */
.main-header .menu-toggle .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    padding: 110px 14px 18px 14px;
}

.main-header .menu-toggle .inner nav {
    width: 100%;
    max-width: 600px;
}

.main-header .menu-toggle .inner nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-header .menu-toggle .inner nav ul li {
    display: block;
    padding: 0;
    margin: 0 0 1rem 0;
    position: relative;
    text-align: left;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.03rem;
}

.main-header .menu-toggle .inner nav ul li a {
    color: var(--color-anthrazit);
    padding: 0.5rem 0;
}

.main-header .menu-toggle .inner nav ul li:first-child {
    border-top: none;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children::after {
    content: '';
    position: absolute;
    top: 0.375rem;
    right: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 0.125rem;
    background: var(--color-lilac) url('data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE4IDExIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMS4yMzYyMWUtMDcgOC43MDcwM0w4LjcwNzAzIC03LjYxMTkzZS0wN0wxNy40MTQxIDguNzA3MDNMMTYgMTAuMTIxMUw4LjcwNzAzIDIuODI4MTJMMS40MTQwNiAxMC4xMjExTDEuMjM2MjFlLTA3IDguNzA3MDNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') center center no-repeat;
    background-size: 18px 11px;
    cursor: pointer;
    transform: rotate(180deg);
    transition: transform ease-in-out .2s;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children.open::after {
    transform: rotate(0);
}

.main-header .menu-toggle .inner nav ul li a {
    display: block;
    width: calc(100% - 40px);
    text-decoration: none;
}

.main-header .menu-toggle .inner nav ul li a:hover {
    text-decoration: underline;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children ul {
    display: none;
    padding: 0.5rem 0 0 0;
    margin: 0;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children ul li {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.02rem;
    margin: 0 0 0.25rem 0;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children ul li::after {
    display: none;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children ul li a {
    width: 100% !important;
    padding: 0.25rem 0 0.25rem 2.125rem;
    position: relative;
}

.main-header .menu-toggle .inner nav ul li.menu-item-has-children ul li a::before {
    content: '';
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 0.0625rem;
    background-color: var(--color-anthrazit);
    left: 0;
    top: .9rem;
}

/* ################## JUMPER NAV ################# */
nav.onpagemenu {
    display: block;
    background-color: var(--color-red);
    padding: 0.75rem 0;

    @media (min-width: 992px) {
        display: none;
    }
}

nav.onpagemenu h3 {
    display: block;
    width: calc(100% - 0.4rem);
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.025rem;
    margin: 0;
    cursor: pointer;
    position: relative;
}

nav.onpagemenu h3::before {
    content: '';
    display: block;
    width: 0.143125rem;
    height: 1.125rem;
    background-color: var(--color-anthrazit);
    position: absolute;
    right: 0.4909375rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity .2s ease-in;
}

nav.onpagemenu h3.open::before {
    opacity: 0;
}

nav.onpagemenu h3::after {
    content: '';
    display: block;
    width: 1.125rem;
    height: 0.143125rem;
    background-color: var(--color-anthrazit);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

nav.onpagemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 0.75rem solid var(--color-red);
    display: none;
}

nav.onpagemenu ul li:first-child {
    border-top: 1px solid var(--color-anthrazit);
}

nav.onpagemenu ul li {
    border-bottom: 1px solid var(--color-anthrazit);
}

nav.onpagemenu ul li a {
    display: block;
    color: var(--color-anthrazit);
    padding: 0.625rem 1rem 0.625rem 1.375rem;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    position: relative;
}

nav.onpagemenu ul li a:before {
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    top: 0.625rem;
    left: 0;
    display: block;
    background: var(--color-red) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNC4xMjUgOS41MjQ3OEw1LjA1NTA3IDguNTQwODJMOC4zMjA3NCAxMS45NTc0TDguMzIwNzQgMy4zNzVMOS42NzkyNiAzLjM3NUw5LjY3OTI2IDExLjk1NzRMMTIuOTM5NyA4LjU0MDgyTDEzLjg3NSA5LjUyNDc4TDkgMTQuNjI1TDQuMTI1IDkuNTI0NzhaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') center center no-repeat;
    background-size: contain;
}

/* #################### FOOTER ################### */

aside.newsletter {
    background-color: var(--color-yellow);
    padding: 1.25rem 0;
}

aside.newsletter h6 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.025rem;
    display: block;
    margin: 0 0 .75rem 0;
}

aside.newsletter p {
    font-size: .9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: -0.01875rem;
    margin: 0 0 1rem 0;
}

aside.newsletter a.button {
    display: block;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE2IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNOC43NDYzNiAxNEw3LjM0Njk0IDEyLjY2NDVMMTIuMjA2IDcuOTc1MzVIMFY2LjAyNDY1SDEyLjIwNkw3LjM0Njk0IDEuMzQyOThMOC43NDYzNiAwTDE2IDdMOC43NDYzNiAxNFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+') center center no-repeat;
    background-size: 1rem auto;
    border: 0.0625rem solid var(--color-anthrazit);
    text-indent: -99999px;
    overflow: hidden;
}


.footer {
    border-top: 1px solid #000000;
    background-color: #ffffff;
    padding: 1rem 0 0 0;
    @media only screen and (min-width: 992px) {
        border-top: 2px solid #000000;
    }
}

.footer ul.menu {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 1.125rem 0;
}

.footer ul.menu li {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: left;
    padding: 0 .5rem 0 0;
}

.footer ul.menu li:nth-child(2n) {
    padding: 0 0 0 .5rem;
 }

.footer ul.menu li a {
    display: inline-block;
    font-size: .9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.01875rem;
    color: var(--color-anthrazit);
    padding: .375rem 0;
}

.footer h6 {
    font-size: .9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.01875rem;
}
.footer ul.logos {
    list-style-type: none;
    display: block;
    margin: 0;
    width: calc(100%);
    padding: 0;
}

.footer ul.logos li {
    float: left;
    height: 0;
    padding: 0;
    margin: 0;
    width: calc(50vw - 1.5rem);
}

.footer ul.logos li:nth-child(2n) {
    float: right;
}

.footer ul.logos li div {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 5%;
    --aspect-ratio-w: 169;
    --aspect-ratio-h: 80;
    padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%);
}

.footer ul.logos li div img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    position: absolute;
}




/* #################### HOME ################### */
.home .hero {
    position: relative;
    display: block;
    width: 100%;
    min-height: 60vh;
    margin: 0;
    background-color: var(--color-lilac);
}

.home .hero .claim {
    display: block;
    height: auto;
    position: absolute;
    bottom: 1.25rem;
    left: 0.75rem;
    right: 0.75rem;
}

.home .hero .claim img {
    width: 100%;
    height: auto;
}

.home .newsslider {
    padding: 20px 0 20px 0.75rem;
    width: 100vW;
    overflow: hidden;
    background-color: var(--color-red);
}

.home .newsslider h2 {
    margin: 0 0 0.75rem 0;
    line-height: 100%;
}

.home .newsslider .owl-carousel {
    width: 150vw;
}

.home .newsslider .owl-carousel .entry .imagecontainer {
    display: block;
    --aspect-ratio-w: 269;
    --aspect-ratio-h: 159;
    padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%);
    background-color: var(--color-lilac);
    position: relative;
    height: 0;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
}

.home .newsslider .owl-carousel .entry .imagecontainer img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
}

.home .newsslider .owl-carousel .entry .imagecontainer span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.15625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.023125rem;
    color: var(--color-anthrazit);
}

.home .newsslider .owl-carousel .entry .imagecontainer span::after {
    position: absolute;
    content: '';
    width: 39%;
    height: 0;
    right: 1rem;
    bottom: 1rem;
    background: transparent url('assets/images/verbund-gegen-rassismus.svg') 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    --aspect-ratio-w: 762;
    --aspect-ratio-h: 160;
    padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 39%);
}

.home .newsslider .owl-carousel .entry h4 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.0175rem;

}

.home .newsslider .owl-carousel .entry p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.015rem;
    margin: 0;
}

.home .newsslider .owl-carousel .entry h4 a, .home .newsslider .owl-carousel .entry p a {
    color: var(--color-anthrazit);
}

.infobar {
    width: 100%;
    height: auto;
    background-color: var(--color-anthrazit);
    margin: 0;
    padding: 0.5rem 0;
}

.infobar p {
    color: #FFFFFF;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.015rem;
    margin: 0;
    padding: 0 0 0 1.125rem;
    position: relative;
}

.infobar p:before {
    content: '';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    top: 0.125rem;
    left: 0;
    background: var(--color-anthrazit) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxOEM3Ljc1ODE3IDE4IDYuNTk0NzcgMTcuNzY0NyA1LjUwOTggMTcuMjk0MUM0LjQyNDg0IDE2LjgzNjYgMy40NjQwNSAxNi4xOTYxIDIuNjI3NDUgMTUuMzcyNUMxLjgwMzkyIDE0LjUzNTkgMS4xNTY4NiAxMy41NzUyIDAuNjg2Mjc0IDEyLjQ5MDJDMC4yMjg3NTggMTEuNDA1MiAwIDEwLjI0MTggMCA5QzAgNy43NTgxNyAwLjIyODc1OCA2LjU5NDc3IDAuNjg2Mjc0IDUuNTA5OEMxLjE1Njg2IDQuNDI0ODQgMS44MDM5MiAzLjQ3MDU5IDIuNjI3NDUgMi42NDcwNkMzLjQ2NDA1IDEuODEwNDYgNC40MjQ4NCAxLjE2MzQgNS41MDk4IDAuNzA1ODgzQzYuNTk0NzcgMC4yMzUyOTQgNy43NTgxNyAwIDkgMEMxMC4yNDE4IDAgMTEuNDA1MiAwLjIzNTI5NCAxMi40OTAyIDAuNzA1ODgzQzEzLjU3NTIgMS4xNjM0IDE0LjUyOTQgMS44MTA0NiAxNS4zNTI5IDIuNjQ3MDZDMTYuMTg5NSAzLjQ3MDU5IDE2LjgzNjYgNC40MjQ4NCAxNy4yOTQxIDUuNTA5OEMxNy43NjQ3IDYuNTk0NzcgMTggNy43NTgxNyAxOCA5QzE4IDEwLjI0MTggMTcuNzY0NyAxMS40MDUyIDE3LjI5NDEgMTIuNDkwMkMxNi44MzY2IDEzLjU3NTIgMTYuMTg5NSAxNC41MzU5IDE1LjM1MjkgMTUuMzcyNUMxNC41Mjk0IDE2LjE5NjEgMTMuNTc1MiAxNi44MzY2IDEyLjQ5MDIgMTcuMjk0MUMxMS40MDUyIDE3Ljc2NDcgMTAuMjQxOCAxOCA5IDE4Wk05IDE2LjMxMzdDMTAuMDA2NSAxNi4zMTM3IDEwLjk0NzcgMTYuMTI0MiAxMS44MjM1IDE1Ljc0NTFDMTIuNzEyNCAxNS4zNjYgMTMuNDkwMiAxNC44NDMxIDE0LjE1NjkgMTQuMTc2NUMxNC44MzY2IDEzLjQ5NjcgMTUuMzY2IDEyLjcxOSAxNS43NDUxIDExLjg0MzFDMTYuMTI0MiAxMC45NTQyIDE2LjMxMzcgMTAuMDA2NSAxNi4zMTM3IDlDMTYuMzEzNyA3Ljk5MzQ2IDE2LjEyNDIgNy4wNTIyOSAxNS43NDUxIDYuMTc2NDdDMTUuMzY2IDUuMjg3NTggMTQuODM2NiA0LjUwOTggMTQuMTU2OSAzLjg0MzE0QzEzLjQ5MDIgMy4xNjM0IDEyLjcxMjQgMi42MzM5OSAxMS44MjM1IDIuMjU0OUMxMC45NDc3IDEuODc1ODIgMTAuMDA2NSAxLjY4NjI3IDkgMS42ODYyN0M3Ljk5MzQ2IDEuNjg2MjcgNy4wNDU3NSAxLjg3NTgyIDYuMTU2ODYgMi4yNTQ5QzUuMjgxMDUgMi42MzM5OSA0LjUwMzI3IDMuMTYzNCAzLjgyMzUzIDMuODQzMTRDMy4xNTY4NiA0LjUwOTggMi42MzM5OSA1LjI4NzU4IDIuMjU0OSA2LjE3NjQ3QzEuODc1ODIgNy4wNTIyOSAxLjY4NjI3IDcuOTkzNDYgMS42ODYyNyA5QzEuNjg2MjcgMTAuMDA2NSAxLjg3NTgyIDEwLjk1NDIgMi4yNTQ5IDExLjg0MzFDMi42MzM5OSAxMi43MTkgMy4xNTY4NiAxMy40OTY3IDMuODIzNTMgMTQuMTc2NUM0LjUwMzI3IDE0Ljg0MzEgNS4yODEwNSAxNS4zNjYgNi4xNTY4NiAxNS43NDUxQzcuMDQ1NzUgMTYuMTI0MiA3Ljk5MzQ2IDE2LjMxMzcgOSAxNi4zMTM3Wk05IDUuODAzOTJDOC43MTI0MiA1LjgwMzkyIDguNDU3NTIgNS43Mzg1NiA4LjIzNTI5IDUuNjA3ODRDOC4wMjYxNCA1LjQ2NDA1IDcuOTIxNTcgNS4yMDkxNSA3LjkyMTU3IDQuODQzMTRDNy45MjE1NyA0LjQ1MDk4IDguMDMyNjggNC4xOTYwOCA4LjI1NDkgNC4wNzg0M0M4LjQ5MDIgMy45NDc3MSA4LjczODU2IDMuODgyMzUgOSAzLjg4MjM1QzkuNzA1ODggMy44ODIzNSAxMC4wNTg4IDQuMjAyNjEgMTAuMDU4OCA0Ljg0MzE0QzEwLjA1ODggNS4yMDkxNSA5Ljk0NzcxIDUuNDY0MDUgOS43MjU0OSA1LjYwNzg0QzkuNTAzMjcgNS43Mzg1NiA5LjI2MTQ0IDUuODAzOTIgOSA1LjgwMzkyWk04IDEzLjkyMTZWNi43MDU4OEg5Ljk4MDM5VjEzLjkyMTZIOFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+') center center no-repeat;
    background-size: contain;
}


/* #################### PAGES ################### */
article.page header {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40vh;
    margin: 0;
    background-color: var(--color-lilac);
}

article.page header h1 {
    font-size: 2rem;
    display: block;
    height: auto;
    position: absolute;
    bottom: 1.25rem;
    left: 0.75rem;
    right: 0.75rem;
    margin: 0;
}

article.page header h1::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.1875rem;
    background-color: var(--color-anthrazit);
    transform: translateY(-0.6rem);
    position: absolute;
}

article.page header h1 span {
    background-color: var(--color-lilac);
    z-index: +1;
    position: relative;
    padding: 0 0.4rem 0 0;
}

article.page section.teaser {
    margin: 1rem 0 0 0;
}

article.page section#events {
    background-color: var(--color-lilac);
    padding: 1rem 0;
}

.modal-backdrop {
    opacity: 0;
    display: none;
}

article.page section.teaser h2 {
    margin: 0 0 1.25rem 0;
}

article.page section.teaser ul.filter {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 0.5rem 0;
}

article.page section.teaser ul.filter li {
    display: inline-block;
    float: left;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.015rem;
    opacity: 0.4;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    cursor: pointer;
    margin: 0 0.25rem 0.25rem 0;
    padding: 0.125rem 0.4375rem 0.1875rem 0.4375rem;
    border: 0.0625rem solid var(--color-anthrazit);
    border-radius: 0.6875rem;
}

article.page section.teaser ul.filter li.active, article.page section.teaser ul.filter li:hover  {
    opacity: 1;
}

article.page section.teaser .row.teaserblk {
    --bs-gutter-x: 0.5rem;
}

article.page section.teaser .teaserblk .entry {
    margin: 0 0 1rem 0;
}
article.page section.teaser .teaserblk .entry .imagecontainer {
    display: block;
    --aspect-ratio-w: 633;
    --aspect-ratio-h: 356;
    padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%);
    background-color: var(--color-lilac);
    position: relative;
    height: 0;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
}

article.page section.teaser .teaserblk .entry .imagecontainer img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
}

article.page section.teaser .teaserblk .entry .imagecontainer span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.15625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.023125rem;
    color: var(--color-anthrazit);
}

article.page section.teaser .teaserblk .entry .imagecontainer span.red {
    background-color: var(--color-red);
}

article.page section.teaser .teaserblk .entry .imagecontainer span::after {
    position: absolute;
    content: '';
    width: 39%;
    height: 0;
    right: 1rem;
    bottom: 1rem;
    background: transparent url('assets/images/verbund-gegen-rassismus.svg') 0 0 no-repeat;
    background-size: contain;
    --aspect-ratio-w: 762;
    --aspect-ratio-h: 160;
    padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 39%);
}

article.page section.teaser .teaserblk .entry h4 {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.015rem;
    margin: 0 0 0.4375rem 0;
}

article.page section.teaser .teaserblk .entry p {
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.0125rem;
    margin: 0;
}

article.page section.teaser .teaserblk .entry h4 a, article.page section.teaser .teaserblk .entry p a {
    color: var(--color-anthrazit);
}

article.page section.teaser span.date {
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.0175rem;
    font-size: 1rem;
}

article.page section.teaser span.time {
    display: block;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.0175rem;
    font-size: .75rem;
}

article.page section.teaser ul.list {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 0 1.25rem 0;
    border-top: 0.0625rem solid var(--color-anthrazit);
}

article.page section.teaser ul.list li {
    border-bottom: 0.0625rem solid var(--color-anthrazit);
    padding: 0.75rem 0;
}

article.page section.teaser ul.list li h4 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.0175rem;
    margin: 0;
}

article.page section.teaser ul.list li p {
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.0125rem;
    margin: 0.6875rem 0 0 0;
}

article.page section.teaser ul.list li h4 a, article.page section.teaser ul.list li p a {
    color: var(--color-anthrazit);
}

article.page section.teaser ul.list li p a {
    position: relative;
    padding: 0 0 0 1.125rem;
}

article.page section.teaser ul.list li p a::before {
    content:  '';
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjAuOTQ4NyAxNi4xNjEzTDEzLjk5OTkgMjUuNzg5NUw3LjA1MTEgMTYuMTYxM0M0LjY2MzkxIDEyLjg1MzYgNC45MzkxNCA4LjMyMTY4IDcuNzA5MDcgNS4zMjcxOUMxMS4xMDEzIDEuNjU5OTggMTYuODk4NSAxLjY1OTk4IDIwLjI5MDcgNS4zMjcyQzIzLjA2MDcgOC4zMjE2OCAyMy4zMzU5IDEyLjg1MzYgMjAuOTQ4NyAxNi4xNjEzWiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iMTMuOTk5NiIgY3k9IjExLjA1MjgiIHI9IjIuMjEwNTMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") 0 0 no-repeat;
    background-size: contain;
}
article.page section.teaser ul.list li ul.tags {
    list-style-type: none;
    margin: 0.6875rem 0 0 0;
    padding: 0;
}

article.page section.teaser ul.list li ul.tags li {
    display: inline-block;
    width: auto;
    float: left;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.0125rem;
    padding: 0.1875rem 0.4375rem;
    border: 0.0625rem solid var(--color-anthrazit);
    border-radius: 1.3125rem;
    margin: 0 0.25rem 0.25rem 0;
}

    /* #################### NEWS  ################### */


.metabox {
    display: inline-block;
    margin: 1.75rem 0 0.25rem 0;
}

.metabox .date {
    display: inline-block;
    float: left;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: -0.015rem;
    margin: 0 0.5rem 0.5rem 0;
    padding: 0.125rem 0 0 0;
}

.metabox ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline;
}

.metabox ul li {
    float: left;
    margin: 0 0.5rem 0.5rem 0;
    border: 0.0625rem solid var(--color-anthrazit);
    padding: 0.1875rem 0.4375rem;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.0125rem;
    border-radius: 1.3125rem;
}

.infobox {
    background-color: var(--color-lilac);
    padding: 1rem 1rem 0.75rem 1rem;
    @media only screen and (min-width: 992px) {
        padding: .75rem .75rem .5rem .75rem;
    }
}

.infobox p {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    margin: 0 0 .25rem 0;
    letter-spacing: -0.015rem;
    @media only screen and (min-width: 992px) {
        font-size: .75rem;
    }
}

.infobox p a, .infobox p a:hover {
    color: var(--color-anthrazit);
    text-decoration: underline;
}

.infobox .row.moretext {
    padding-top: .5rem;
}

body.single article {
   padding: 5rem 0 0 0;
}

body.single h1 {
    margin: 0 0 1rem 0;
}


@media only screen and (min-width: 992px) {
    .content {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: calc(100% - 373px);
        overflow-y: auto;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    body.home .newsslider {
        display: none;
    }

    aside.right {
        position: absolute;
        display: block;
        padding: 0.75rem;
        background-color: var(--color-red);
        right: 0;
        top: 0;
        bottom: 0;
        width: 373px;
        overflow-y: auto;
    }

    aside.right h3 {
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.01rem;
        margin: 0 0 0.75rem 0;
    }

    aside.right ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
        border-top: 2px solid var(--color-anthrazit);
    }

    aside.right ul li {
        border-bottom: 2px solid var(--color-anthrazit);
    }

    aside.right ul li a {
        position: relative;
        display: block;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.025px;
        color: var(--color-anthrazit);
        padding: 0.375rem 0 0.375rem 0.875rem;
    }

    aside.right ul li a::before {
        content: '';
        display: block;
        position: absolute;
        top: 0.375rem;
        left: 0;
        width: 0.75rem;
        height: 0.75rem;
        background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuNSAxMi42OTk3TDYuNzQwMDkgMTEuMzg3OEwxMS4wOTQzIDE1Ljk0MzFMMTEuMDk0MyA0LjVMMTIuOTA1NyA0LjVMMTIuOTA1NyAxNS45NDMxTDE3LjI1MjkgMTEuMzg3OEwxOC41IDEyLjY5OTdMMTIgMTkuNUw1LjUgMTIuNjk5N1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+') center center no-repeat;
        background-size: contain;
    }


    aside.right .entry {
        margin: 0 0 0.75rem 0;
    }

    aside.right .entry .imagecontainer {
        display: block;
        --aspect-ratio-w: 269;
        --aspect-ratio-h: 159;
        padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%);
        background-color: var(--color-lilac);
        position: relative;
        height: 0;
        overflow: hidden;
        margin: 0 0 0.5rem 0;
    }

    aside.right .entry .imagecontainer img {
        bottom: 0;
        height: 100%;
        left: 0;
        margin: 0;
        max-width: none;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
    }

    aside.right .entry .imagecontainer span {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 0.375rem 0.5rem;
        font-size: 0.5625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.01135rem;
        color: var(--color-anthrazit);
    }

    aside.right .entry .imagecontainer span::after {
        position: absolute;
        content: '';
        width: 39%;
        height: 0;
        right: 0.5rem;
        bottom: 0.375rem;
        background: transparent url('assets/images/verbund-gegen-rassismus.svg') 0 0 no-repeat;
        background-size: auto;
        background-size: contain;
        --aspect-ratio-w: 762;
        --aspect-ratio-h: 160;
        padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 39%);
    }

    aside.right .entry .textcontainer h4 {
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.0175rem;
        margin: 0 0 0.3125rem 0;
    }

    aside.right .entry .textcontainer p {
        font-size: 0.5625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.015rem;
        margin: 0;
    }

    aside.right .entry .textcontainer h4 a, aside.right .entry .textcontainer p a {
        color: var(--color-anthrazit);
        text-decoration: none;
    }

    .main-header .navbar-brand img {
        width: 264px;
    }

    .home .main-header .navbar-brand img {
        width: 448px;
    }

    .home .hero {
        height: calc(100vH - 1.96875rem);
    }

    .home .hero .claim {
        text-align: right;
    }

    .home .hero .claim img {
        width: 64%;
    }

    article.page header {
        display: block;
        --aspect-ratio-w: 989;
        --aspect-ratio-h: 533;
        padding-bottom: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%);
        position: relative;
        height: 0;
        overflow: hidden;
    }

    article.page header h1 {
        left: 1rem;
        right: 1rem;
        font-size: 2.75rem;
    }

    article.page header h1::after {
        transform: translateY(-0.8rem);
    }

    aside.newsletter p {
        font-size: 0.625rem;
    }

}


@media only screen and (min-width: 1200px) {

    .container-fluid {
        padding: 0 1rem;
    }

    /* Type */
    h1, h2 {
        font-size: 1.5625rem;
    }

    p {
        font-size: .75rem;
        margin: 0 0 .75rem 0;
        letter-spacing: -0.015rem;
    }

    .wp-content ul li {
        font-size: .75rem;
        letter-spacing: -0.015rem;
    }

    aside.newsletter h6 {
        font-size: 1.25rem;
    }

    .footer ul.menu li a {
        font-size: .78125rem;
        padding: 0 0 0.5rem 0;
        line-height: 100%;
    }

    .footer h6 {
        font-size: .78125rem;
        padding-top: 0.4rem;
        line-height: 100%;
    }

    .footer ul.logos li {
        width: calc(25vw - 93.25px - 1.5rem);
    }
}


@media only screen and (min-width: 1350px) {

    .main-header button.da-opener {
        float: right;
        position: relative;
        margin: 0;
        right: unset;
    }

    .main-header ul#menu-header-menue {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        float: right;
    }

    .main-header ul#menu-header-menue li {
        float: left;
        margin: 0 1rem 0 0;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -0.0125rem;
    }

    .main-header ul#menu-header-menue li a {
        color: #000;
    }

    .main-header ul#menu-header-menue li.menu-item-has-children {
        padding: 0 24px 0 0;
        position: relative;
    }

    .main-header ul#menu-header-menue li.menu-item-has-children::after {
        content: '';
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        right: 0;
        top: 0.125rem;
        background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMC4yNjA1NzkgMTAuOTI3MUw4LjAwMDE2IDMuMTg3NUwxNS43Mzk3IDEwLjkyNzFMMTQuNDgyOCAxMi4xODRMOC4wMDAxNiA1LjcwMTM5TDEuNTE3NTIgMTIuMTg0TDAuMjYwNTc5IDEwLjkyNzFaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') 0 0 no-repeat;
        background-size: contain;
        transform: rotate(180deg);
        transition: transform .3s ease-in-out;
        cursor: pointer;
    }

    .main-header ul#menu-header-menue li.menu-item-has-children.open::after {
        transform: rotate(0);
    }

    .main-header ul#menu-header-menue li ul {
        display: none;
        position: absolute;
        list-style-type: none;
        margin: 0.75rem 0 0 0;
        padding: 0.5rem 1rem 0.5rem 0.325rem;
        background-color: #FFFFFF;
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }

    .main-header ul#menu-header-menue li.open ul {
        opacity: 1;
    }

    .main-header ul#menu-header-menue li ul li {
        font-size: 0.5625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.01125rem;
        margin: 0 0 0.375rem 0;

    }

    .main-header ul#menu-header-menue li ul li a {
        display: block;
        position: relative;
        padding-left: 0.8rem;
    }

    .main-header ul#menu-header-menue li ul li a:before {
        content: '';
        display: block;
        width: 0.4375rem;
        height: 0.4375rem;
        position: absolute;
        left: 0.125rem;
        top: 50%;
        background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDEyIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNy41MTY0IDExLjkxNjdMNi4zMTM3OCAxMC43Nzk5TDEwLjQ4OTYgNi43ODg1NEgwVjUuMTI4MTNIMTAuNDg5Nkw2LjMxMzc4IDEuMTQzMTNMNy41MTY0IDBMMTMuNzUgNS45NTgzM0w3LjUxNjQgMTEuOTE2N1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+') center center no-repeat;
        background-size: contain;
        transform: translateY(-50%);
    }


    .main-header .menu-toggle {
        display: none;
    }

    aside.newsletter h6 {
        margin: 0;
        display: inline;
        width: auto;
        float: left;
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
    }

    aside.newsletter p {
        padding: 0 3rem 0 520px;
        display: inline-block;
        margin: 0;
    }

    aside.newsletter a.button {
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }
}

/* DIGIACCESS */
button#dAopener {display: none !important;}