@charset "UTF-8";
* {
    /*outline: 1px solid red;*/
}
@font-face {
    font-family: "AtkinsonHyperlegible Bold";
    src: url("../fonts/AtkinsonHyperlegible-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "AtkinsonHyperlegible Regular";
    src: url("../fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "CormorantGaramond Regular";
    src: url("../fonts/CormorantGaramond-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "CormorantUnicase Regular";
    src: url("../fonts/CormorantUnicase-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Covered By Your Grace Regular";
    src: url("../fonts/CoveredByYourGrace-Regular.ttf") format("truetype");
}
html {
    min-width: 375px;
    scroll-behavior: smooth;
}
.opacity-frame {
    transition: 0.2s ease-out;
}
html.lightbox__is_active .opacity-frame,
html.mobile__is_active .opacity-frame {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 60;
}
body {
    margin: 0;
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    font-family: AtkinsonHyperlegible Regular, sans-serif;
}
html.lightbox__is_active,
html.mobile__is_active,
html.lightbox__is_active body,
html.mobile__is_active body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.img-box,
.image-box,
.vid-box {
    line-height: 0;
}
img,
video {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
a {
    text-decoration: none;
    transition: 0.2s ease-out;
    display: inline-block;
    color: #828282;
}
a:hover {
    opacity: 0.7;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 30px 0;
    font-weight: normal;
    line-height: 105%;
}
h3 {
    line-height: 115%;
    max-width: 1050px;
}
@media only screen and (max-width: 659px) {
    h1, h2, h3, h4, h5, h6 {
        margin: 0 0 15px 0;
    }
}
h2,
.headline {
    font-family: CormorantGaramond Regular, sans-serif;
    font-size: 100px;
    margin-bottom: 80px;
}
h3 {
    font-size: 40px;
}
@media only screen and (max-width: 1259px) {
    h2,
    .headline {
        font-size: 80px;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 959px) {
    h2,
    .headline {
        font-size: 60px;
        margin-bottom: 30px;
    }
    h3 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 659px) {
    h2,
    .headline {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 499px) {
    h3 {
        font-size: 25px;
    }
}
strong {
    font-weight: normal;
    font-family: AtkinsonHyperlegible Bold, sans-serif;
}
.stoerer {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #000000;
    font-size: 15px;
    padding: 10px 5px;
    text-transform: uppercase;
}
.hide {
    display: none!important;
}
.co-el {
    margin-bottom: 170px;
}
@media only screen and (max-width: 1259px) {
    .co-el {
        margin-bottom: 105px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el {
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 659px) {
    .co-el {
        margin-bottom: 50px;
    }
}
.content-holder {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
}
.padding-frame {
    padding: 0 40px;
}
@media only screen and (max-width: 659px) {
    .padding-frame {
        padding: 0 20px;
    }
}
.button {
    border-bottom: 1.5px solid #000000;
    padding-bottom: 10px;
    display: inline-flex;
    align-items: center;
    max-width: 400px;
    margin-top: 80px;
}
@media only screen and (max-width: 1259px) {
    .button {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 959px) {
    .button {
        margin-top: 30px;
    }
}
.button span {
    color: #000000;
    font-family: AtkinsonHyperlegible Regular, sans-serif;
    font-size: 18px;
    line-height: normal;
    margin-right: 15px;
}
@media only screen and (max-width: 659px) {
    .button span {
        font-size: 16px;
    }
}
.button svg {
    flex-shrink: 0;
}
/*Breadcrumb*/
.breadcrumb svg {
    display: none;
}
.breadcrumb span {
    font-size: 15px;
    color: #000000;
}
.breadcrumb span.breadcrumb_last {
    font-family: AtkinsonHyperlegible Bold, sans-serif;
}
.breadcrumb a {
    text-decoration: none;
    color: #000000;
}


/*Header*/
header .top-box {
    margin-top: 30px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
@media only screen and (max-width: 1559px) {
    header .top-box {
        margin-top: 45px;
    }
}
@media only screen and (max-width: 959px) {
    header .top-box {
        margin-bottom: 30px;
    }
}
header .top-box .logo {
    color: #0C0C0C;
    font-family: AtkinsonHyperlegible Bold, sans-serif;
    font-size: 22px;
    line-height: normal;
}
header .top-box .main-menu {
    transition: 0.2s ease-out;
}
@media only screen and (max-width: 959px) {
    header .top-box .main-menu {
        /*display: none;*/
        width: 100%;
        max-width: 450px;
        height: 100%;
        background-color: #FFFFFF;
        top: 0;
        right: -450px;
        position: fixed;
        z-index: 61;
        margin-top: 0;
        overflow: scroll;
    }
    html.mobile__is_active header .top-box .main-menu {
        right: 0;
    }
}
header .top-box .main-menu ul {
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 959px) {
    header .top-box .main-menu ul {
        display: flex;
        flex-direction: column;
        margin: 110px 40px 0 40px;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 659px) {
    header .top-box .main-menu ul {
        display: flex;
        flex-direction: column;
        margin: 110px 25px 0 25px;
    }
}
header .top-box .main-menu ul li {
    display: inline-block;
    margin: 0 25px;
    position: relative;
}
header .top-box .main-menu ul li:first-child {
    margin-left: 0;
}
header .top-box .main-menu ul li:last-child {
    margin-right: 0;
}
@media only screen and (max-width: 959px) {
    header .top-box .main-menu ul li {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    header .top-box .main-menu ul li:first-child {
        margin-top: 0;
    }
    header .top-box .main-menu ul li:last-child {
        margin-bottom: 0;
    }
}
header .top-box .main-menu ul li a {
    color: #0C0C0C;
    font-size: 18px;
    line-height: normal;
}
header .top-box .main-menu ul li a.instagram {
    width: 18px;
    height: 18px;
    top: 3px;
    position: relative;
}

/*Sub-Menu*/
header .main-menu ul li.menu-item-has-children > a:after {
    content: url('data:image/svg+xml,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 5.5L6.20711 1.70711C5.81658 1.31658 5.18342 1.31658 4.79289 1.70711L1 5.5" stroke="black" stroke-width="1.5" stroke-linecap="round"/></svg>');
    float: right;
    margin-left: 10px;
    transform: rotate(180deg);
    position: relative;
    top: 3px;
    transition: 0.2s ease-out;
}
@media only screen and (max-width: 959px) {
    header .main-menu ul li.menu-item-has-children:before {
        float: unset;
        margin-left: unset;
        position: absolute;
        right: -15px;
    }
}
header .main-menu ul li.menu-item-has-children.active > a:after {
    top: -3px;
    transform: rotate(0);
}
header .main-menu ul li.menu-item-has-children.active:after {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
}
header .main-menu ul li.menu-item-has-children.active:after {
    display: block;
}
header .top-box .main-menu .sub-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #FFFFFF;
    left: 0;
    top: 40px;
    width: 160px;
    z-index: 10;
    transition: 0.2s ease-out;
    opacity: 0;
    border-top: 1.5px solid #DFDFDF;
}
@media only screen and (max-width: 959px) {
    header .top-box .main-menu .sub-menu {
        position: unset;
        margin: 0;
        background-color: unset;
        padding: 10px 20px;
        width: unset;
        border: unset;
    }
}
.main-menu .active .sub-menu {
    display: inline-flex!important;
    opacity: 1!important;
}
header .top-box .main-menu .sub-menu li {
    margin: 10px 0!important;
}
header .top-box .main-menu .sub-menu li:after {
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: #DFDFDF;
    position: absolute;
    left: 0;
    bottom: -10px;
}

/*Mobile-Menu*/
header .mobile-menu {
    all: unset;
    display: none;
    cursor: pointer;
    z-index: 70;
    transition: 0.2s ease-out;
}
@media only screen and (max-width: 959px) {
    header .mobile-menu {
        display: block;
    }
}
header .mobile-menu .burger-button {
    transition: 0.2s ease-in-out;
    padding: 10px;
    background: unset;
    border: unset;
    cursor: pointer;
    margin-right: -10px;
}
header .mobile-menu .burger-button:hover {
    opacity: 0.7;
}
header .mobile-menu .burger-button div {
    position: relative;
    z-index: 2;
    width: 30px;
    height: 3px;
    background-color: #000000;
    margin-top: 5px;
    transition: 0.2s ease-out;
}
header .mobile-menu .burger-button .bar1 {
    margin-top: 0;
}
header .mobile-menu .burger-button.change .bar1 {
    transform: rotate(-45deg) translate(-9px, 4px);
}
header .mobile-menu .burger-button.change .bar2 {
    opacity: 0;
}
header .mobile-menu .burger-button.change .bar3 {
    transform: rotate(45deg) translate(-7px, -3px);
}

/*Deutsch-Englisch*/
.wpml-ls-statics-footer {
    position: absolute;
    top: 30px;
    right: calc(50% - 840px);
    margin: 0!important;
    padding: 0!important;
    border: unset!important;
}
@media only screen and (max-height: 1759px) {
    .wpml-ls-statics-footer {
        right: calc(50% - 730px);
    }
}
@media only screen and (max-width: 1559px) {
    .wpml-ls-statics-footer {
        right: 10px;
        top: 10px;
    }
}
.wpml-ls-legacy-list-horizontal ul li:first-child:after {
    content: "";
    width: 1.5px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 50%;
    top: 3px;
}
.wpml-ls-legacy-list-horizontal a span {
    width: 21px;
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a span {
    font-family: AtkinsonHyperlegible Bold, sans-serif;
}
.wpml-ls-legacy-list-horizontal ul li:last-child a span {
    width: 20px;
}

/*Main*/
/*Header-Element*/
.co-el.header-element .vid-box {
    line-height: 0;
}
.scroll-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    right: -80px;
    bottom: 0;
}
@media only screen and (max-width: 1459px) {
    .scroll-box {
        right: 0;
    }
}
@media only screen and (max-width: 959px) {
    .scroll-box {
        position: unset;
        margin-top: 30px;
    }
}
.scroll-box span.second {
    font-size: 14px;
    color: #6A6A6A;
}

/*Separator-Element*/
.co-el.separator-element .line {
    width: 1.5px;
    background-color: #000000;
    height: 100px;
    margin: auto;
}

/*Headline-Img-Link-Element*/
.co-el.headline-img-link-element .content-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.co-el.headline-img-link-element .img-box {
    max-width: 800px;
    line-height: 0;
}


/*Text-Hdl-Img-Element*/
.co-el.text-hdl-img-element .content-holder {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 1060px;
}
.co-el.text-hdl-img-element .text-box {
    text-align: center;
}
.co-el.text-hdl-img-element .text-box p {
    font-size: 35px;
    line-height: 105%;
}
@media only screen and (max-width: 1259px) {
    .co-el.text-hdl-img-element .text-box p {
        font-size: 30px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.text-hdl-img-element .text-box p {
        font-size: 22px;
    }
}
.co-el.text-hdl-img-element .img-box {
    max-width: 575px;
}

/*Start-Teaser-Element*/
.co-el.start-teaser-element .two-img-element {
    margin-bottom: 140px;
}
.co-el.start-teaser-element .hdl-sbl-countdown {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1259px) {
    .co-el.start-teaser-element .two-img-element {
        margin-bottom: 70px;
    }
    .co-el.start-teaser-element .hdl-sbl-countdown {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.start-teaser-element .two-img-element {
        margin-bottom: 40px;
    }
    .co-el.start-teaser-element .hdl-sbl-countdown {
        margin-bottom: 20px;
    }
}
.co-el.start-teaser-element .two-img-element .content-holder {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .two-img-element .content-holder {
        flex-direction: column;
        align-items: center;
    }
}
.co-el.start-teaser-element .two-img-element .img-box {
    max-width: calc(50% - 35px);
}
@media only screen and (max-width: 959px) {
    .co-el.start-teaser-element .two-img-element .img-box {
        max-width: calc(50% - 15px);
    }
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .two-img-element .img-box {
        max-width: 600px;
    }
}
.co-el.start-teaser-element .two-img-element .img-box.second {
    margin-top: 150px;
}
@media only screen and (max-width: 959px) {
    .co-el.start-teaser-element .two-img-element .img-box.second {
        margin-top: 75px;
    }
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .two-img-element .img-box.second {
        margin-top: 30px;
    }
}
.co-el.start-teaser-element .two-img-element .img-box .text-box {
    margin-top: 20px;
}
.co-el.start-teaser-element .two-img-element .img-box .text-box p {
    margin: 0;
    line-height: normal;
}
/*Countdown*/
.co-el.start-teaser-element .hdl-sbl-countdown .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.co-el.start-teaser-element .hdl-sbl-countdown h2 {
    margin-bottom: 0;
}
.co-el.start-teaser-element .hdl-sbl-countdown h3 {
    font-family: AtkinsonHyperlegible Regular, sans-serif;
    font-size: 40px;
}
@media only screen and (max-width: 959px) {
    .co-el.start-teaser-element .hdl-sbl-countdown h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .hdl-sbl-countdown h3 {
        font-size: 23px;
    }
}
.co-el.start-teaser-element .hdl-sbl-countdown span {
    font-family: CormorantGaramond Regular, sans-serif;
    font-size: 100px;
    line-height: 100px;
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .hdl-sbl-countdown span {
        font-size: 80px;
        line-height: 80px;
    }
}
.co-el.start-teaser-element .hdl-sbl-countdown span.point {
    margin: 0 10px;
}
.co-el.start-teaser-element .hdl-sbl-countdown .countdown-time {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}
.co-el.start-teaser-element .hdl-sbl-countdown .names {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.co-el.start-teaser-element .hdl-sbl-countdown .names div.second {
    margin: 0 90px;
}
@media only screen and (max-width: 659px) {
    .co-el.start-teaser-element .hdl-sbl-countdown .names div.second {
        margin: 0 70px;
    }
}

/*Text-Img-Link*/
.co-el.start-teaser-element .text-img-link-element .text-box {
    margin-bottom: 20px;
}
.co-el.start-teaser-element .text-img-link-element .text-box p {
    margin: 0;
}
.co-el.start-teaser-element .text-img-link-element .img-box img {
    width: 100%;
}
.co-el.start-teaser-element .text-img-link-element .middle-holder {
    display: flex;
    justify-content: center;
}

/*Detail-Ansicht-Element*/
.co-el.detail-ansicht-element .upper-box {
    margin-bottom: 80px;
    display: flex;
    align-items: flex-start;
}
@media only screen and (max-width: 1259px) {
    .co-el.detail-ansicht-element .upper-box {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.detail-ansicht-element .upper-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
.co-el.detail-ansicht-element .upper-box .image-box {
    flex-shrink: 0;
    max-width: 790px;
    margin-right: 70px;
    line-height: 0;
}
.co-el.detail-ansicht-element .upper-box .text-box {
    margin-top: 70px;
}
.co-el.detai-ansicht-element .upper-box .text-box p {
    margin-bottom: 0;
}
@media only screen and (max-width: 1259px) {
    .co-el.detail-ansicht-element .upper-box .image-box {
        max-width: 550px;
        margin-right: 50px;
    }
    .co-el.detail-ansicht-element .upper-box .text-box {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.detail-ansicht-element .upper-box .image-box {
        margin-bottom: 30px;
        margin-right: unset;
    }
    .co-el.detail-ansicht-element .upper-box .text-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: unset;
    }
}
.co-el.detail-ansicht-element .upper-box .text-box h2 {
    font-size: 55px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 659px) {
    .co-el.detail-ansicht-element .upper-box .text-box h2 {
        font-size: 40px;
    }
}
.co-el.detail-ansicht-element .upper-box .text-box .button {
    margin-top: 20px;
}
.co-el.detail-ansicht-element .lower-box {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 959px) {
    .co-el.detail-ansicht-element .lower-box {
        flex-direction: column;
        align-items: center;
    }
}
.co-el.detail-ansicht-element .lower-box .img-box {
    width: 360px;
    height: 360px;
}
@media only screen and (max-width: 1199px) {
    .co-el.detail-ansicht-element .lower-box .img-box {
        width: 320px;
        height: 320px;
    }
}
@media only screen and (max-width: 1099px) {
    .co-el.detail-ansicht-element .lower-box .img-box {
        width: 280px;
        height: 280px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.detail-ansicht-element .lower-box .img-box {
        max-width: 360px;
        width: 100%;
        max-height: 360px;
        height: auto;
    }
    .co-el.detail-ansicht-element .lower-box .img-box.second {
        margin: 20px 0;
    }
}

/*Text doppelt*/
.co-el.text-doppelt .content-holder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media only screen and (max-width: 659px) {
    .co-el.text-doppelt .content-holder {
        flex-direction: column;
    }
}
.co-el.text-doppelt .left-box,
.co-el.text-doppelt .right-box {
    width: calc(50% - 105px);
}
@media only screen and (max-width: 1159px) {
    .co-el.text-doppelt .left-box,
    .co-el.text-doppelt .right-box {
        width: calc(50% - 55px);
    }
}
@media only screen and (max-width: 959px) {
    .co-el.text-doppelt .left-box,
    .co-el.text-doppelt .right-box {
        width: calc(50% - 35px);
    }
}
@media only screen and (max-width: 659px) {
    .co-el.text-doppelt .left-box,
    .co-el.text-doppelt .right-box {
        width: 100%;
    }
    .co-el.text-doppelt .left-box {
        margin-bottom: 15px;
    }
}
.co-el.text-doppelt h2.headline {
    margin-bottom: 40px;
    font-size: 55px;
}
@media only screen and (max-width: 659px) {
    .co-el.text-doppelt h2.headline {
        font-size: 40px;
        margin-bottom: 15px;
    }
}

/*Textblock*/
.co-el.textblock .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}
.co-el.textblock .text-box h2 {
    margin: 0;
}
.co-el.textblock .text-box h3 {
    margin-top: 80px;
}
@media only screen and (max-width: 1259px) {
    .co-el.textblock .text-box h3 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.textblock .text-box h3 {
        margin-top: 30px;
    }
}
.co-el.textblock .text-box h2,
.co-el.textblock .text-box h3 {
    text-align: center;
}
.co-el.textblock .text-box h3,
.co-el.textblock .text-box p {
    text-align: center;
    max-width: 800px;
}

/*Ausstellungsliste*/
.co-el.ausstellungsliste .text-box {
    align-items: center;
    margin: auto;
    text-align: center;
    width: 360px;
}
@media only screen and (max-width: 1259px) {
    .co-el.ausstellungsliste .text-box {
        width: 320px;
    }
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsliste .text-box {
        width: unset;
    }
}
.co-el.ausstellungsliste .text-box h2 {
    font-size: 55px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 659px) {
    .co-el.ausstellungsliste .text-box h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}

/*Bild-Text*/
.co-el.bild-text .content-holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}
.co-el.bild-text.mirrored .content-holder {
    flex-direction: row-reverse;
}
@media only screen and (max-width: 959px) {
    .co-el.bild-text .content-holder,
    .co-el.bild-text.mirrored .content-holder {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.co-el.bild-text .content-holder .image-box,
.co-el.bild-text .content-holder .text-box {
    width: calc(50% - 35px);
}
@media only screen and (max-width: 959px) {
    .co-el.bild-text .content-holder .image-box,
    .co-el.bild-text .content-holder .text-box {
        width: 100%;
    }
    .co-el.bild-text .content-holder .image-box {
        margin-bottom: 20px;
        max-width: 550px;
    }
    .co-el.bild-text .content-holder .text-box {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}
.co-el.bild-text .content-holder .text-box h2 {
    font-size: 55px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 659px) {
    .co-el.bild-text .content-holder .text-box h2 {
        font-size: 40px;
    }
}
.co-el.bild-text .content-holder .text-box .button {
    margin-top: 20px;
}

/*2-Bilder-Teaser*/
.co-el.two-img-teaser .upper-box {
    margin-bottom: 80px;
}
@media only screen and (max-width: 1259px) {
    .co-el.two-img-teaser .upper-box {
        margin-bottom: 40px;
    }
}
.co-el.two-img-teaser .lower-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}
@media only screen and (max-width: 659px) {
    .co-el.two-img-teaser .lower-box {
        align-items: center;
        flex-direction: column;
    }
}
.co-el.two-img-teaser .lower-box .img-box,
.co-el.two-img-teaser .lower-box .text-box {
    width: calc(50% - 25px);
}
@media only screen and (max-width: 959px) {
    .co-el.two-img-teaser .lower-box .img-box,
    .co-el.two-img-teaser .lower-box .text-box {
        width: calc(50% - 15px);
    }
}
@media only screen and (max-width: 659px) {
    .co-el.two-img-teaser .lower-box .img-box,
    .co-el.two-img-teaser .lower-box .text-box {
        width:100%;
    }
    .co-el.two-img-teaser .lower-box .text-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
}
.co-el.two-img-teaser .lower-box .text-box .button {
    margin: 0;
}

/*3er Bild-Text*/
.co-el.three-img-text .content-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.co-el.three-img-text .content-holder h2 {
    margin: 0 auto 80px auto;
}
@media only screen and (max-width: 1259px) {
    .co-el.three-img-text .content-holder h2 {
        margin: 0 auto 50px auto;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.three-img-text .content-holder h2 {
        margin: 0 auto 30px auto;
    }
}
.co-el.three-img-text .wrapper {
    margin-bottom: 80px;
    display: flex;
    max-width: 1000px;
    width: 100%;
    justify-content: space-between;
}
@media only screen and (max-width: 1259px) {
    .co-el.three-img-text .wrapper {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 799px) {
    .co-el.three-img-text .wrapper {
        flex-direction: column;
        align-items: center;
    }
}
.co-el.three-img-text .wrapper.second {
    margin-right: calc(100% - 1080px);
}
@media only screen and (max-width: 1079px) {
    .co-el.three-img-text .wrapper.second {
        margin-right: unset;
    }
}
@media only screen and (max-width: 799px) {
    .co-el.three-img-text .wrapper.second {
        flex-direction: column-reverse;
    }
}
.co-el.three-img-text .wrapper:last-child {
    margin-bottom: unset;
}
.co-el.three-img-text .wrapper .image-box {
    max-width: 360px;
    width: 100%;
}
.co-el.three-img-text .wrapper .text-box {
    width: calc(100% - 500px);
}
@media only screen and (max-width: 959px) {
    .co-el.three-img-text .wrapper .text-box {
        width: calc(100% - 400px);
    }
}
@media only screen and (max-width: 799px) {
    .co-el.three-img-text .wrapper .text-box {
        width: 100%;
        margin-top: 20px;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}
.co-el.three-img-text .wrapper .text-box h2 {
    font-size: 55px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 659px) {
    .co-el.three-img-text .wrapper .text-box h2 {
        font-size: 40px;
    }
}

/*Bilder 2er*/
.co-el.bilder-zweier .middle-holder {
    display: none;
}
.co-el.bilder-zweier .middle-holder.show {
    display: flex;
    justify-content: center;
}
.co-el.bilder-zweier .wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 25px;
}
@media only screen and (max-width: 899px) {
    .co-el.bilder-zweier .wrapper {
        flex-direction: column;
        align-items: center;
    }
}
.co-el.bilder-zweier .wrapper:first-child {
    margin-top: unset;
}
.co-el.bilder-zweier .wrapper .image-box {
    margin: 0 15px;
    position: relative;
}
@media only screen and (max-width: 899px) {
    .co-el.bilder-zweier .wrapper .image-box {
        margin: 15px 0;
    }
    .co-el.bilder-zweier .wrapper .image-box:first-child {
        margin-top: 0;
    }
    .co-el.bilder-zweier .wrapper .image-box:last-child {
        margin-bottom: 0;
    }
}
.co-el.bilder-zweier .wrapper .image-box.show-stoerer .stoerer {
    display: block;
}
.co-el.bilder-zweier .wrapper .image-box img {
    width: 575px;
    height: 430px;
}
@media only screen and (max-width: 1259px) {
    .co-el.bilder-zweier .wrapper .image-box img {
        width: 450px;
        height: 337px;
    }
}
@media only screen and (max-width: 1059px) {
    .co-el.bilder-zweier .wrapper .image-box img {
        width: 360px;
        height: 270px;
    }
}
@media only screen and (max-width: 899px) {
    @media only screen and (max-width: 1059px) {
        .co-el.bilder-zweier .wrapper .image-box img {
            width: 100%;
            max-width: 600px;
            height: unset;
        }
    }
}
.co-el.bilder-zweier .wrapper .image-box .arrow {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*Countdown*/
.co-el.countdown span {
    font-family: CormorantGaramond Regular, sans-serif;
    font-size: 100px;
    line-height: 100px;
}
@media only screen and (max-width: 659px) {
    .co-el.countdown span {
        font-size: 80px;
        line-height: 80px;
    }
}
.co-el.countdown span.point {
    margin: 0 10px;
}
.co-el.countdown .countdown-time {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}
.co-el.countdown .names {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.co-el.countdown .names div.second {
    margin: 0 90px;
}
@media only screen and (max-width: 659px) {
    .co-el.countdown .names div.second {
        margin: 0 70px;
    }
}

/*Neu-Teaser*/
.co-el.new-teaser {
    position: relative;
    overflow: hidden;
}
.co-el.new-teaser .text-box {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 1000px;
}
.co-el.new-teaser .padding-frame:last-child .text-box {
    max-width: 700px;
}
.co-el.new-teaser .text-box h2 {
    margin-bottom: 50px;
    background-color: #FFFFFF;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-right: 100px;
    padding-top: 15px;
    margin-bottom: 0;
}
@media only screen and (max-width: 659px) {
    .co-el.new-teaser .text-box h2 {
        padding-right: 60px;
    }
}
.co-el.new-teaser .text-box p {
    margin-top: 30px;
}
@media only screen and (max-width: 659px) {
    .co-el.new-teaser .text-box p {
        margin-top: 20px;
    }
}
.co-el.new-teaser .text-box h2:after {
    position: absolute;
    content: "Series";
    font-size: 22px;
    font-family: AtkinsonHyperlegible Regular, sans-serif;
    right: 20px;
    top: -38px;
}
@media only screen and (max-width: 1259px) {
    .co-el.new-teaser .text-box h2:after {
        top: -28px;
        font-size: 20px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.new-teaser .text-box h2:after {
        top: -18px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 659px) {
    .co-el.new-teaser .text-box h2:after {
        top: -8px;
        font-size: 16px;
        right: 10px;
    }
}
.new-background {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 100px;
    line-height: 85%;
    font-family: CormorantGaramond Regular, sans-serif;
    font-weight: bold;
    color: rgba(141, 141, 141, 0.5);
    white-space: nowrap;
    z-index: 0;
    animation: slide-new 20s linear infinite;
}
@media only screen and (max-width: 1259px) {
    .new-background {
        font-size: 80px;
    }
}
@media only screen and (max-width: 959px) {
    .new-background {
        font-size: 60px;
    }
}
@media only screen and (max-width: 659px) {
    .new-background {
        font-size: 40px;
    }
}
@keyframes slide-new {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

/*Ausstellungsmodul*/
.co-el.ausstellungsmodul .upper-box {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsmodul .upper-box {
        flex-direction: column;
    }
}
.co-el.ausstellungsmodul .upper-box .text-box {
    width: 360px;
    margin-right: 40px;
}
@media only screen and (max-width: 1259px) {
    .co-el.ausstellungsmodul .upper-box .text-box {
        width: 320px;
        margin-right: 30px;
    }
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsmodul .upper-box .text-box {
        width: unset;
        margin-right: unset;
        margin-bottom: 30px;
    }
}
.co-el.ausstellungsmodul .upper-box .text-box h2 {
    font-size: 55px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 659px) {
    .co-el.ausstellungsmodul .upper-box .text-box h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 629px) {
    .co-el.ausstellungsmodul .upper-box .img-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.co-el.ausstellungsmodul .upper-box .img-box img.hochkant {
    width: 360px;
    height: 610px;
}
@media only screen and (max-width: 1259px) {
    .co-el.ausstellungsmodul .upper-box .img-box img.hochkant {
        width: 280px;
        height: 475px;
    }
}
@media only screen and (max-width: 719px) {
    .co-el.ausstellungsmodul .upper-box .img-box img.hochkant {
        width: 260px;
        height: 439px;
    }
}
.co-el.ausstellungsmodul .upper-box .img-box img.rechts {
    width: 360px;
    height: 270px;
    margin-left: 40px;
}
@media only screen and (max-width: 1259px) {
    .co-el.ausstellungsmodul .upper-box .img-box img.rechts {
        width: 320px;
        height: 240px;
        margin-left: 30px;
    }
}
@media only screen and (max-width: 719px) {
    .co-el.ausstellungsmodul .upper-box .img-box img.rechts {
        width: 280px;
        height: 210px;
    }
}
@media only screen and (max-width: 629px) {
    .co-el.ausstellungsmodul .upper-box .img-box img.rechts {
        display: block;
        margin-left: unset;
        margin-top: 30px;
    }
}
.co-el.ausstellungsmodul .lower-box {
    display: flex;
    justify-content: space-between;
    margin-top: -50px;
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsmodul .lower-box {
        margin-top: 30px;
        align-items: center;
    }
}
@media only screen and (max-width: 629px) {
    .co-el.ausstellungsmodul .lower-box {
        flex-direction: column;
    }
}
.co-el.ausstellungsmodul .lower-box .img-box {
    width: 360px;
    flex-shrink: 0;
}
@media only screen and (max-width: 1259px) {
    .co-el.ausstellungsmodul .lower-box .img-box {
        width: 320px;
    }
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsmodul .lower-box .img-box {
        width: 280px;
    }
}
@media only screen and (max-width: 719px) {
    .co-el.ausstellungsmodul .lower-box .img-box {
        width: 260px;
    }
}
.co-el.ausstellungsmodul .lower-box .text-box {
    width: 100%;
    max-width: 520px;
    margin-top: 100px;
    margin-right: 50px;
}
@media only screen and (max-width: 1064px) {
    .co-el.ausstellungsmodul .lower-box .text-box {
        max-width: unset;
        margin-right: unset;
        margin-left: 30px;
        margin-top: unset;
    }
}
@media only screen and (max-width: 629px) {
    .co-el.ausstellungsmodul .lower-box .text-box {
        margin-left: unset;
        margin-top: 10px;
    }
}

/*Kontaktformular*/
.co-el.kontaktformular .content-holder {
    display: flex;
}
@media only screen and (max-width: 799px) {
    .co-el.kontaktformular .content-holder {
        flex-direction: column;
        align-items: center;
    }
}
.co-el.kontaktformular .image-box {
    width: calc(50% - 60px);
    flex-shrink: 0;
    margin-right: 40px;
}
@media only screen and (max-width: 799px) {
    .co-el.kontaktformular .image-box {
        width: 100%;
        max-width: 450px;
        margin-right: 0;
        margin-bottom: 30px;
    }
}
.co-el.kontaktformular .contact-form {
    width: 100%;
}

/*Formular*/
.frm_form_fields input,
.frm_form_fields textarea {
    border-radius: unset!important;
    color: #000000!important;
    border: 1.5px solid #000000!important;
    border-color: #000000!important;
    border-width: 1.5px!important;
}
.frm_form_fields span.frm_required {
    color: #000000!important;
}
.frm_form_fields .frm_button_submit {
    border: unset!important;
    border-radius: unset!important;
    border-bottom: 1.5px solid #000000!important;
    padding: unset!important;
    padding-bottom: 10px!important;
    background: unset!important;
    display: inline-flex!important;
    align-items: center!important;
    max-width: 400px!important;
    color: #000000!important;
    font-family: AtkinsonHyperlegible Regular, sans-serif!important;
    font-size: 18px!important;
    line-height: normal!important;
    margin-right: 15px!important;
}
.frm_form_fields .frm_button_submit:after {
    content: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5303 6.53033C16.8232 6.23744 16.8232 5.76256 16.5303 5.46967L11.7574 0.696699C11.4645 0.403806 10.9896 0.403805 10.6967 0.696699C10.4038 0.989592 10.4038 1.46447 10.6967 1.75736L14.9393 6L10.6967 10.2426C10.4038 10.5355 10.4038 11.0104 10.6967 11.3033C10.9896 11.5962 11.4645 11.5962 11.7574 11.3033L16.5303 6.53033ZM16 6L16 5.25L6.55671e-08 5.25L0 6L-6.55671e-08 6.75L16 6.75L16 6Z" fill="black"/></svg>');
    width: 16px;
    height: 12px;
    margin-left: 15px;
    margin-bottom: 10px;
}

/*Galerie 3er*/
.co-el.galerie-three h2 {
    text-align: center;
}
.co-el.galerie-three a.show-stoerer .stoerer {
    display: block;
}
.co-el.galerie-three .content-holder .upper-box {
    column-count: 3;
    column-gap: 20px;
}
.co-el.galerie-three .content-holder .upper-box.left-to-right {
    column-count: unset;
    column-gap: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-three .content-holder .upper-box {
        column-count: 2;
    }
}
@media only screen and (max-width: 891px) {
    .co-el.galerie-three .content-holder .upper-box.left-to-right {
        justify-content: center;
    }
}

@media only screen and (max-width: 599px) {
    .co-el.galerie-three .content-holder .upper-box {
        column-count: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.co-el.galerie-three .content-holder .upper-box .image-box {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.co-el.galerie-three .content-holder .upper-box.left-to-right .image-box {
    width: 386px;
    margin: 0 10px 10px 10px;
}
@media only screen and (max-width: 599px) {
    .co-el.galerie-three .content-holder .upper-box .image-box {
        width: 100%;
        max-width: 400px;
    }
}
.co-el.galerie-three .content-holder .upper-box .image-box img {
    width: 100%;
}
.co-el.galerie-three a .arrow {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.co-el.galerie-three .middle-holder {
    display: flex;
    justify-content: center;
}

/*Galerie groß*/
.co-el.galerie-big h2 {
    text-align: center;
}
.co-el.galerie-big .text {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 40px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .text {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big .text {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 25px;
    }
}
.co-el.galerie-big .text p {
    margin: 0;
}
.co-el.galerie-big .upper-box,
.co-el.galerie-big .lower-box {
    display: flex;
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-big .upper-box,
    .co-el.galerie-big .lower-box {
        flex-direction: column;
        align-items: center!important;
    }
}
.co-el.galerie-big .upper-box {
    align-items: flex-end;
    margin-bottom: 70px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .upper-box {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big .upper-box {
        margin-bottom: 20px;
    }
}
.co-el.galerie-big .lower-box {
    flex-direction: row-reverse;
    align-items: center;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .lower-box {
        flex-direction: row;
    }
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-big .lower-box {
        flex-direction: column;
    }
}
.co-el.galerie-big .left,
.co-el.galerie-big .right {
    display: flex;
    flex-direction: column;
}
.co-el.galerie-big .left {
    width: 790px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .left {
        width: 650px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big .left {
        width: 500px;
    }
}
@media only screen and (max-width: 549px) {
    .co-el.galerie-big .left {
        width: 360px;
    }
}
@media only screen and (max-width: 499px) {
    .co-el.galerie-big .left {
        width: 340px;
    }
}
.co-el.galerie-big .upper-box .left {
    margin-right: 70px;
    align-items: flex-end;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .upper-box .left {
        margin-right: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big .upper-box .left {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-big .upper-box .left {
        align-items: center!important;
        margin-right: unset;
    }
}
.co-el.galerie-big .lower-box .left {
    margin-left: 70px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .lower-box .left {
        margin-right: 40px;
        margin-left: 0;
    }
    .co-el.galerie-big .lower-box .right {
        margin-top: -41px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big .lower-box .left {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-big .lower-box .left {
        margin-right: unset;
        align-items: center;
    }
    .co-el.galerie-big .lower-box .right {
        margin-top: 20px;
    }
}
.co-el.galerie-big .right {
    width: 360px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big .right {
        width: 320px;
    }
}
@media only screen and (max-width: 859px) {
    .co-el.galerie-big .right {
        margin-top: 20px;
    }
}
.co-el.galerie-big img.first {
    width: 790px;
    height: 950px;
    margin-bottom: 70px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.first {
        width: 650px;
        height: 780px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big img.first {
        width: 500px;
        height: 600px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 549px) {
    .co-el.galerie-big img.first {
        width: 360px;
        height: 433px;
    }
}
@media only screen and (max-width: 499px) {
    .co-el.galerie-big img.first {
        width: 340px;
        height: 426px;
    }
}
.co-el.galerie-big img.second {
    width: 360px;
    height: 270px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.second {
        width: 320px;
        height: 240px;
    }
}
.co-el.galerie-big img.thrid {
    width: 360px;
    height: 610px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.thrid {
        width: 320px;
        height: 543px;
    }
}
.co-el.galerie-big img.fourth {
    width: 790px;
    height: 610px;
    margin-bottom: 70px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.fourth {
        width: 650px;
        height: 502px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big img.fourth {
        width: 500px;
        height: 386px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 549px) {
    .co-el.galerie-big img.fourth {
        width: 360px;
        height: 279px;
    }
}
@media only screen and (max-width: 499px) {
    .co-el.galerie-big img.fourth {
        width: 340px;
        height: 263px;
    }
}
.co-el.galerie-big img.fifth {
    width: 360px;
    height: 270px;
    margin-bottom: 70px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.fifth {
        margin-bottom: 40px;
        width: 320px;
        height: 240px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.galerie-big img.fifth {
        margin-bottom: 20px;
    }
}
.co-el.galerie-big img.sixth {
    width: 360px;
    height: 270px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.sixth {
        width: 320px;
        height: 240px;
    }
}
.co-el.galerie-big img.seventh {
    width: 360px;
    height: 610px;
}
@media only screen and (max-width: 1299px) {
    .co-el.galerie-big img.seventh {
        width: 320px;
        height: 543px;
    }
}

/*3 Bilder Teaser*/
.co-el.three-img-teaser .content-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.co-el.three-img-teaser .upper-box {
    display: flex;
    flex-direction: row;
    margin-bottom: 80px;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (max-width: 1259px) {
    .co-el.three-img-teaser .upper-box {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.three-img-teaser .upper-box {
        flex-direction: column;
        margin-bottom: 25px;
    }
}
.co-el.three-img-teaser .upper-box .img-box {
    width: calc(50% - 20px);
}
.co-el.three-img-teaser .upper-box img {
    max-width: 575px;
    width: 100%;
}
@media only screen and (max-width: 959px) {
    .co-el.three-img-teaser .upper-box .img-box {
        max-width: 500px;
        width: 100%;
    }
}
.co-el.three-img-teaser .upper-box img.first {
    margin-right: 80px;
}
@media only screen and (max-width: 1259px) {
    .co-el.three-img-teaser .upper-box img.first {
        margin-right: 40px;
    }
}
@media only screen and (max-width: 959px) {
    .co-el.three-img-teaser .upper-box img.first {
        margin-bottom: 25px;
        margin-right: 0;
    }
}
.co-el.three-img-teaser .lower-box img {
    width: 100%;
    max-width: 710px;
}


/*Footer*/
footer {
    margin-top: 100px;
    margin-bottom: 10px;
}
footer .upper-box {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 759px) {
    footer .upper-box {
        flex-direction: column;
        align-items: center;
    }
}
footer .upper-box .left,
footer .upper-box .right {
    border-top: 1.5px solid #000000;
    padding: 120px 0;
    width: 100%;
    max-width: 430px;
}
@media only screen and (max-width: 759px) {
    footer .upper-box .left,
    footer .upper-box .right {
        padding: 60px 0;
    }
}
footer h3 {
    font-family: CormorantGaramond Regular, sans-serif;
    font-size: 50px;
    line-height: 85%;
    margin-bottom: 30px;
}
@media only screen and (max-width: 959px) {
    footer h3 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 499px) {
    footer h3 {
        font-size: 35px;
    }
}
footer .button {
    margin-top: unset;
}
footer .upper-box .left .link {
    display: flex;
    align-items: center;
}
footer .upper-box .left .link>svg {
    margin-right: 20px;
}
footer .upper-box .left .button span {
    margin-left: 15px;
}
footer .upper-box .middle {
    width: 100%;
    max-width: 360px;
}
footer .lower-box {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 759px) {
    footer .lower-box {
        flex-direction: column;
        align-items: center;
    }
    footer .footer-menu {
        margin-top: 20px;
    }
}
footer ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
footer ul li {
    display: inline-block;
}
footer ul li:first-child {
    margin-left: 0;
}
footer ul li:last-child {
    margin-right: 0;
}
footer ul li.seperator {
    background-color: #0C0C0C;
    width: 1.5px;
    height: 19.5px;
    margin: 0 20px;
}
footer ul li a {
    color: #0C0C0C;
}