/* ------------------------------CookiePopUp */
p.iwcc-text {
     font-size: 0.8rem;
}
.iwcc-headline {
     font-weight: bold;
     font-size: 1em !important;
}
.iwcc_replace_wrapper {
     margin-bottom: 80px;
}
/* --------------------------------Sidebutton */
#sidebutton {
     position: fixed;
     top: 100px;
     right: 0;
     z-index: 1;
}
#sidebutton a {
     background-color: #CE0B0E;
     color: var(--white);
     padding: 10px 20px 8px 20px;
     font-size: 1.1rem;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     text-decoration: none;
}
#sidebutton a:hover {
     background-color: #333232;
}
@media(max-width: 600px) {
     #sidebutton {
          top: 80px;
     }
     #sidebutton a {
          font-size: 0.8rem;
     }
}
/* ------------------------------PopUp-Fenster */
.overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
}
.overlay:target {
     visibility: visible;
     opacity: 1;
}
.popup {
     margin: 200px auto 0 auto;
     padding: 20px;
     background: #fff;
     border-radius: 5px;
     width: 50%;
     position: relative;
     transition: all 5s ease-in-out;
     font-size: 0.9rem;
     line-height: 1.3rem;
}
.popup h2 {
     margin-top: 0;
     color: #333;
}
.popup .close {
     position: absolute;
     top: 20px;
     right: 30px;
     transition: all 200ms;
     font-size: 30px;
     font-weight: bold;
     text-decoration: none;
     color: #333;
}
.popup .close:hover {
     color: #06D85F;
}
.popup .content {
     max-height: 30%;
     overflow: auto;
}
@media screen and (max-width: 700px) {
     .popup {
          width: 80%;
     }
}