.header-1 * {transition:.3s;}
.header-1 > .color {border-bottom:1px solid #ddd;}
.header-1 {position:sticky; top:0; z-index:10;}
.header-1 #logo {display:block;}
.header-1 #logo:hover {opacity:.75;}
.header-1 #logo img {max-width:200px; max-height:200px;}
.header-1 .module-background {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

.header-1 #header_items {margin:.5rem 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.header-1 #header_items .logo svg path {fill: var(--color-base);}
.header-1 #header_items .logo svg path.arrow {fill: var(--color-body);}
.header-1 #top_menu {}
.header-1 #top_menu ul {display:flex; padding: 0; flex-wrap:wrap; margin:0;}
.header-1 #top_menu ul li {position: relative; flex: auto; text-align: center; display:block;}
.header-1 #top_menu ul li a {color: var(--color-text); display:block; padding:1rem;}
.header-1 #top_menu ul li:hover a {color: var(--color-base);}
.header-1 #top_menu ul li ul {display:none; position:absolute; top:100%; left:0; background:#fff; text-align:left; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); white-space: nowrap;}
.header-1 #top_menu ul li ul li {text-align:left; border-bottom:1px solid #ddd; position: unset; max-width: 60rem;}
.header-1 #top_menu ul li ul li a {color: var(--color-text) !important;}
.header-1 #top_menu ul li ul li:hover > a {background:#ddd;}
.header-1 #top_menu ul li ul li ul li:hover a {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.header-1 #top_menu ul li:hover > ul {display: block;}
.header-1 #top_menu ul li ul li ul {display: none; top: 0; left: 100%; min-height: 100%;}
.header-1 #top_menu ul li ul li.parent > a {padding-right:2rem; position:relative;}
.header-1 #top_menu ul li ul li.parent > a::before {content: '\27A4'; position:absolute; right:.5rem; top:50%; transform:translateY(-50%);}
.header-1 .mobile-window {}
.header-1 .mobile-window .bg {position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:100%; bottom:0; border-radius:0 100% 100% 0;}
.header-1 .mobile-window .window {width:0; background:#fff; position:fixed; top:0; left:0; bottom:0; border-radius:0 100% 100% 0; opacity:0; padding:0; overflow:auto; display:flex; flex-direction: column; text-align: center;}
.header-1 .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
.header-1 .mobile-window .close:hover {opacity:.7;}
.header-1 .mobile-window .window > div {margin:1rem 0;}
.header-1 .mobile-window .mobile_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
.header-1 .mobile-window .mobile_menu ul {display:block; margin:0; padding:0;}
.header-1 .mobile-window .mobile_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
.header-1 .mobile-window .mobile_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul.active > li {display:block;}
.header-1 .mobile-window .mobile_menu ul li.parent ul::before {content:'\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}

body.active-menu {overflow:hidden;}
body.active-menu .header-1 .mobile-window {display:block;}
body.active-menu .header-1 .mobile-window .bg {right:0; border-radius:0;}
body.active-menu .header-1 .mobile-window .close {font-size:3rem;}
body.active-menu .header-1 .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}


[data-color="#000000FF"] {color:#000000FF}

.grafik-1 .gm-wrap{max-width:76.25rem;margin-inline:auto}
.grafik-1 .gm-headline{color:#1E2022}
.grafik-1 .gm-dark{color:#353232}
.grafik-1 .gm-muted{color:#8A8585}
.grafik-1 .gm-faint{color:#C9C4C4}
.grafik-1 .gm-red{color:#EC3737}
.grafik-1 .gm-name{color:#453F3F}
.grafik-1 .gm-track{letter-spacing:.125rem}
.grafik-1 .gm-arrow{width:3.5rem;height:3.5rem;transition:transform .2s ease}
.grafik-1 .gm-arrow:hover{transform:translateY(-.125rem)}
.grafik-1 .gm-arrow--prev{background:#fff;border:1px solid #E5E5E0;color:#353232}
.grafik-1 .gm-arrow--next{background:#EC3737;color:#fff}
.grafik-1 .gm-card{border:1px solid transparent;cursor:pointer;font:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.grafik-1 .gm-card:hover{transform:translateY(-.125rem)}
.grafik-1 .gm-card--active{border-color:#EC3737}
.grafik-1 .gm-card--soon{border-style:dashed;border-color:#D8D3D3;background:#FBF8F8}
.grafik-1 .gm-card__title{color:#353232}
.grafik-1 .gm-card--active .gm-card__title{color:#EC3737}
.grafik-1 .gm-card--soon .gm-card__title{color:#A49F9F}
.grafik-1 .gm-photo{flex:0 0 20.25rem;width:20.25rem}
.grafik-1 .gm-photo img{object-fit:cover}
.grafik-1 .gm-narrow{max-width:25.1875rem}
.grafik-1 .gm-pill{background:rgba(236,55,55,.15);color:#EC3737}
.grafik-1 .gm-tariff{border:2px solid #F8F1F1}
.grafik-1 .gm-btn{background:#EC3737;color:#FDFDFD;transition:filter .2s ease}
.grafik-1 .gm-btn:hover{filter:brightness(1.06);color:#FDFDFD}
.grafik-1 .gm-btn--soon{background:#E9E3E3;color:#A49F9F;cursor:default}
.grafik-1 .gm-btn--soon:hover{filter:none;color:#A49F9F}
.grafik-1 .gm-stub{flex:0 0 26.5625rem;border-left:2px dashed #E5E5E0}
.grafik-1 .gm-barcode-wrap{background:#F8F1F1}
.grafik-1 .gm-barcode{width:8.625rem;height:3.5rem;background-image:repeating-linear-gradient(90deg,#353232 0,#353232 2px,transparent 2px,transparent 4px,#353232 4px,#353232 8px,transparent 8px,transparent 10px)}
.grafik-1 .gm-avatar{width:2.125rem;height:2.125rem;object-fit:cover}
.grafik-1 .gm-soc img{height:2rem;width:auto}
.grafik-1 .gm-ticket--soon .gm-photo img{filter:grayscale(1);opacity:.55}
.grafik-1 .gm-ticket--soon .gm-red,.grafik-1 .gm-ticket--soon .gm-pill{color:#A49F9F}
.grafik-1 .gm-ticket--soon .gm-pill{background:rgba(164,159,159,.15)}
@media(max-width:991.98px){
.grafik-1 .gm-photo{flex-basis:auto;width:100%;height:15rem}
.grafik-1 .gm-stub{flex-basis:auto;border-left:0;border-top:2px dashed #E5E5E0}
}
@media(max-width:575.98px){
.grafik-1 .gm-photo{height:11.875rem}
}


.module.grafik-1 {padding:64px 0;}

.footer-1 {overflow: hidden;}
.footer-1 {padding:3rem 0 0 !important;}
.footer-1 ul {display:block; margin:0; padding:0;}
.footer-1 ul li {display:block; margin:0; padding:0; border-bottom:1px solid var(--color-inverse);}
.footer-1 ul li a {display:block; margin:0; padding:.3rem 1rem;}
.footer-1 .zerro-author {display: flex; color:#A2A2A2;}
.footer-1 .zerro-author:hover {color:#A2A2A2;}
.footer-1 .zerro-author::before {content: url('/assets/images/zerro.svg'); margin-right:1rem; filter:grayscale(1) invert(1);}

.footer-1 .wrap {position: relative; color:#fff;}
.footer-1 .wrap::before {background: var(--color-base); z-index: -1; content:''; position: absolute; left:50%; margin-left: -50vw; width:100vw; top:0; bottom: 0;}

.footer-1 .icons img {height: 32px;}


.footer-1 .title {font-size: 2rem; text-transform: uppercase;}
.footer-1 .uptitle {position: absolute; font-size: 1rem; text-transform: uppercase; top:135px; left:210px;}

@media screen and (min-width: 576px) {
    .footer-1 .uptitle {top:100px;}
}
@media screen and (min-width: 768px) {
    .footer-1 .title {font-size: 4.8rem;}
    .footer-1 .uptitle {font-size: 1.2rem; top:195px; left:310px}
    .footer-1 .img img {position: absolute; right:0; bottom: 0; max-height: 40%;}
}
@media screen and (min-width: 992px) {
    .footer-1 .img img {position: absolute; right:0; bottom: 0; max-height: 90%;}
}

[data-color="#ffffffFF"] {color:#ffffffFF}
[data-color="#000000FF"] {color:#000000FF}
[data-color="#A2A2A2"] {color:#A2A2A2}