:root {
    --jek2024-color-white: #ffffff;
    --jek2024-color-pink: #e5006d;
    --jek2024-color-yellow: #fdfe02;
    --jek2024-breakpoint-s: 480px;
    --jek2024-breakpoint-m: 767px;
    --jek2024-breakpoint-l: 960px;
    --jek2024-breakpoint-xl: 1200px;
    --jek2024-button-font-size:24px;
}

/*Important: We need absolute Paths for the Fonts */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "TannenbergFett";
    font-weight: 500;
    src: local("TannenbergFett"), local("TannenbergFett"), url("https://netzpolitik.org/wp-content/themes/liebefeld/campaigns/jek2024/fonts/tannenberg_fett/TannenbergFett.ttf") format("ttf"), url("https://netzpolitik.org/wp-content/themes/liebefeld/campaigns/jek2024/fonts/tannenberg_fett/TannenbergFett.otf") format("otf"), url("https://netzpolitik.org/wp-content/themes/liebefeld/campaigns/jek2024/fonts/tannenberg_fett/TannenbergFett.woff") format("woff");
}


.entry-content a.campaign-component--jek2024-stoerer-article {
    transition: none;
    background: none;
    background-position: initial;
    background-position-y: initial;
}

.campaign-component--jek2024,
#banner-small.campaign-component--jek2024,
.entry-content a.campaign-component--jek2024-stoerer-article {
    background-color: var(--jek2024-color-pink);
    color: var(--jek2024-color-white);
    text-align: center;
    text-decoration: none;
    padding-top:3rem;
    padding-bottom:3rem;
    position: relative;
    border-bottom:0;
}



#banner-small.campaign-component--jek2024 {
    padding:inherit;
}

#banner-small.campaign-component--jek2024 > * {
    color: var(--jek2024-color-white);
}

.campaign-component--jek2024 .np-btn {
    background-color:var(--jek2024-color-yellow);
    color:black;
}

.campaign-component--jek2024-stoerer-start,
.campaign-component--jek2024-stoerer-article,
.campaign-component--jek2024-stoerer-footer {
    display:block;
}

#banner-small.campaign-component--jek2024 strong {
    font-family:"TannenbergFett";
    color: var(--jek2024-color-yellow);
    display: inline-block;
    margin-right:2rem;
}

#banner-small.campaign-component--jek2024 strong span {
    font-size:2.5rem;
}

.campaign-component--jek2024-title
.campaign-component--jek2024-text {
    display:block;
}

.campaign-component--jek2024-title-animated {
    color: var(--jek2024-color-yellow);
    font-family:"TannenbergFett";
    font-size:6rem;
    animation-name: changetext-title;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function:linear;
}

.campaign-component--jek2024 #banner_weg a {
    color:var(--jek2024-color-white);
}



.campaign-component--jek2024-text-animanted {
    position: absolute;
    display:block;
    color: var(--jek2024-color-white);
    top:40%;
    text-align: center;
    width:100%;
    font-size:3rem;
    font-weight:900;
    opacity: 0;
    animation-name: changetext-text;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function:linear;

}

@keyframes changetext-title {
    0% {opacity:1}
    48% {opacity:1}
    52% {opacity:0}
    100% {opacity:0}
}

@keyframes changetext-text {
    0% {opacity:0}
    48% {opacity:0}
    52% {opacity:1}
    100% {opacity:1}
}

.campaign-component--jek2024-stoerer-footer {
    text-align:left;
}

.campaign-component--jek2024-stoerer-footer,
.campaign-component--jek2024-stoerer-footer h3 {
    border-top:0;
    color: var(--jek2024-color-white);
    background:var(--jek2024-color-pink);
}