button{
    background: none;
    border:none;
}
.content.ngcontent-c2 {
    color: white;
    height: 90%;
    opacity: 0;
    top: 0;
}
.scroll-down-container.ngcontent-c2:hover.bounce {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }

.content.show.ngcontent-c2 {
    top: 10%;
    opacity: 1;
    position: relative;
    webkit-transition-property: top, opacity;
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }

.explaination, .row7 .step-text, .row7 .step-image, .row8 .step-text, .row8 .step-image, .row9,.row10{
    position: relative;}
.edit-icon{
    vertical-align: top;
}
.explaination-headline-article.ngcontent-c2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin-top: 20vh; }

.explaination-headline-article.ngcontent-c2   .button-container.ngcontent-c2 {
    padding: 0;
    width: 170px; }

.headline.ngcontent-c2 {
    font-size: 300%;
    line-height: 3rem;
    height: 50%;
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

.slogan.ngcontent-c2 {
    margin-top: 2%;
    font-size: 200%;
    height: 50%;
    overflow: hidden;
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

.scroll-down-container-container.ngcontent-c2 {
    width: 100%;
    height: 50px;
    position: absolute !important;
    z-index: 105; }

.scroll-down-container.ngcontent-c2 {
    width: 50px;
    height: 100%;
    margin: 0 auto;
    cursor: pointer; }

.bounce.ngcontent-c2 {
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px); }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px); } }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px); }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px); } }

.scroll-down.ngcontent-c2 {
    width: 100%;
    height: 100%;
    border: 1.5px solid white;
    border-radius: 100%;
    position: relative;
    vertical-align: middle;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

.scroll-down.ngcontent-c2:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    border: 1.5px solid #7aa23a; }

.scroll-down-icon.ngcontent-c2 {
    position: relative;
    width: 100%;
    height: 100%; }

.scroll-down-icon.ngcontent-c2   fa-icon.ngcontent-c2 {
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.scroll-down.ngcontent-c2:hover   .scroll-down-icon.ngcontent-c2 {
    color: #7aa23a; }

.descriptionContainer.ngcontent-c2 {
    margin-left: 25%;
    margin-top: 10vh;
    margin-bottom: 10vh;
    width: 50%; }

.descriptionHeadline.ngcontent-c2 {
    margin-bottom: 20px; }

.text.ngcontent-c2 {
    text-align: left; }

.layout-margin.ngcontent-c2 {
    margin-bottom: 0;
    margin-top: -10vh; }

.layout-margin.borders.ngcontent-c2 {
    border-style: solid;
    border-width: 1px;
    border-right: none;
    border-left: none; }

.header-image-edit.ngcontent-c2 {
    position: absolute;
    right: 50px; }

.icon-edit.ngcontent-c2 {
    -webkit-transition: all 200ms;
    transition: all 200ms;
    position: absolute;
    left: 5vw;
    top: 0;
    background-color: red;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
    border-radius: 100px;
    width: 25px;
    height: 25px; }

.icon-edit.ngcontent-c2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

.icon-edit.ngcontent-c2   .editable.ngcontent-c2 {
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
    left: 0; }

.map-wrapper.ngcontent-c2 {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto; }

.explaination.ngcontent-c2 {
    position: relative;
    display: inline-block;
    left: 0;
    width: 100%; }

.explaination-headline.ngcontent-c2, .explaination-body.ngcontent-c2 {
    display: inline-block;
    width: 90%;
    position: relative;
    left: 5%; }

.explaination-body.ngcontent-c2 {
    text-align: left;
    overflow: visible;
    margin-bottom: 3vh;
    font-size: 120%; }

.mobile-citymissing.ngcontent-c2 {
    display: block; }

.desktop-citymissing.ngcontent-c2 {
    display: none; }

.agm-map-wrapper.ngcontent-c2 {
    position: static;
    display: inline-block;
    height: 70vh;
    width: 100vw;
    max-height: 500px;
    margin: 60px 0;
    margin-top: -7vh; }

.agm-map-container.ngcontent-c2 {
    height: 50vh;
    max-height: 500px; }

.small-header-headline.ngcontent-c2 {
    margin-top: 18vh;
    font-family: 'Alex Brush', cursive;
    text-align: center;
    font-size: 50px;
    line-height: 35px; }

.retailer-headline.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin: auto;
    margin-top: 10vh; }

.retailer-headline.ngcontent-c2   .button-container.ngcontent-c2 {
    padding: 0;
    width: 170px; }

.retailer-headline.ngcontent-c2   h1.ngcontent-c2, .retailer-headline.ngcontent-c2   h5.ngcontent-c2 {
    text-align: center; }

.instruction-headline.ngcontent-c2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 2vh; }

.instruction-description.ngcontent-c2 {
    width: 90%;
    font-size: 120%;
    margin: auto auto 30px; }

.pwa-cta.ngcontent-c2 {
    margin: 10vh auto 0;
    width: 90%; }

.pwa-cta-paragraph.ngcontent-c2 {
    font-size: 120%; }

.pwa-cta-button-wrapper.ngcontent-c2 {
    text-align: center; }

h1.ngcontent-c2, h5.ngcontent-c2 {
    font-weight: bolder;
    text-align: center; }

.xmas-pic.ngcontent-c2 {
    height: 250px;
    margin-right: 15px;
    display: inline-block; }

.xmas-buttons.ngcontent-c2 {
    display: inline-block;
    vertical-align: top;
    margin-top: 60px; }

.accordion-wrapper.ngcontent-c2 {
    margin-bottom: 50px;
    display: block;
    width: 90%;
    margin-left: 5%; }

.xmas-table.ngcontent-c2 {
    display: table;
    width: 100%; }

.xmas-table.ngcontent-c2   .xmas-cell.ngcontent-c2 {
    display: table-cell;
    width: 33%;
    text-align: center; }

.xmas-sponsor-picture.ngcontent-c2 {
    max-width: 200px; }

.pwa-preview.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.pwa-preview.ngcontent-c2   .image.ngcontent-c2 {
    text-align: center;
    height: 50vh;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

.pwa-preview.ngcontent-c2   .text.ngcontent-c2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

.theme-gelsenkirchen .panel-heading a, .theme-gelsenkirchen  .diagonal-background, .theme-gelsenkirchen  #reg_div_btn span, .theme-gelsenkirchen  #reg_div_btn, .theme-gelsenkirchen .slogan  {
    color: #fff !important;
}
.theme-gelsenkirchen path {
    fill:#fff !important;
}
@media (max-width: 1200px) {
    .pwa-preview.ngcontent-c2   .image.ngcontent-c2 {
        margin-top: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0; }
    .pwa-preview.ngcontent-c2   .text.ngcontent-c2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }

@media (max-width: 1000px) {
    .scroll-down-container-container.ngcontent-c2 {
        display: none; }
    .xmas-pic.ngcontent-c2 {
        margin: auto;
        display: block; } }

@media (max-width: 800px) {
    .slogan.ngcontent-c2 {
        visibility: hidden; }
    .headline.ngcontent-c2 {
        height: 100%;
        font-size: 7vw;
        line-height: 7vw; }
    .descriptionContainer.ngcontent-c2 {
        margin-left: 10%;
        width: 80%; }
    .xmas-table.ngcontent-c2 {
        display: block; }
    .xmas-table.ngcontent-c2   .xmas-cell.ngcontent-c2 {
        display: block;
        width: 100%;
        text-align: center; }
    .interferer.ngcontent-c2 {
        position: absolute;
        top: 46vh;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 10rem; } }

@media (min-width: 800px) {
    .retailer-headline.ngcontent-c2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .retailer-headline.ngcontent-c2   h1.ngcontent-c2, .retailer-headline.ngcontent-c2   h5.ngcontent-c2 {
        margin-bottom: 0; }
    h1.ngcontent-c2, h5.ngcontent-c2 {
        text-align: left; } }

@media (max-width: 500px) {
    .headline.ngcontent-c2 {
        font-size: 10vw;
        line-height: 10vw; }
    .small-header-headline.ngcontent-c2 {
        font-size: 35px;
        line-height: 25px; } }

@media (max-width: 1000px) {
    .explaination-headline-article.ngcontent-c2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 900px) {
    .mobile-hide.ngcontent-c4 {
        display: none; }
    .burger-mobile.ngcontent-c4 {
        margin-left: 55%; } }

.wrapper.ngcontent-c5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.wrapper.below-header.ngcontent-c5 {
    margin-top: 5vh;
    margin-bottom: 18vh; }
.wrapper.below-header.ngcontent-c5   .buy-coupon-box.transform-top.ngcontent-c5 {
    -webkit-transform: translateY(3vh);
    transform: translateY(3vh); }
.buy-coupon-container.ngcontent-c5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-11vh);
    transform: translateY(-11vh); }
.buy-coupon-container.noCoupon.ngcontent-c5 {
    -webkit-transform: none;
    transform: none; }
.buy-coupon-box.ngcontent-c5 {
    display: inline-block; }
.buy-coupon-box.transform-top.ngcontent-c5 {
    -webkit-transform: translateY(-14vh);
    transform: translateY(-14vh);
    position: relative;
    z-index: 250; }
.buy-coupon-box.ngcontent-c5 {
    margin-bottom: 2px; }
.buy-coupon-description.ngcontent-c5 {
    /*padding: 1%;*/
    width: 100%;
    position: relative; }
.buy-coupon-description-text.ngcontent-c5 {
    text-align: left;
    width: 100%;
    margin: 0 auto;  }
.button-container.ngcontent-c5 {
    width: 80%;
    padding: 0; }
.example-coupon.ngcontent-c5 {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    -webkit-box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    margin: 5vh auto 0;
    width: 73.1vw;
    height: 45.9vw;
    border-radius: 2.226vw;
    max-width: 430px;
    max-height: 270px; }
.floating-coupon.ngcontent-c5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.floating-options.ngcontent-c5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 380px;
    margin: 0 auto;
    padding-top: 40px;
    background: #F8F8F8;
    -webkit-box-shadow: 0 0 20px 0 rgba(30, 30, 30, 0.3);
    box-shadow: 0 0 20px 0 rgba(30, 30, 30, 0.3);
    overflow: hidden; }
.floating-options.no-padding.ngcontent-c5 {
    padding-top: 0; }
.retailerCouponSmall.ngcontent-c5 {
    background-size: contain; }
.floating-tab-group.ngcontent-c5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.floating-tab-group.ngcontent-c5   .floating-tab.ngcontent-c5 {
    padding-top: 20px;
    text-align: center;
    overflow: hidden; }
.floating-box.ngcontent-c5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px; }
.go-to-coupon-button.ngcontent-c5 {
    display: block;
    margin: 1vh auto 20px;
    width: 80%; }
.mat-form-field.ngcontent-c5 {
    width: 80%; }
.button.fullwidth.ngcontent-c5 {
    width: 100%; }
.buy-coupon-container.noCoupon.ngcontent-c5 {
    margin-bottom: 10vh; }
@media (max-width: 1200px) {
    .buy-coupon-description.ngcontent-c5 {
        padding: 2%; }
    .buy-coupon-box-text.ngcontent-c5 {
        top: 35%; } }
@media (min-width: 1100px) {
    .wrapper.ngcontent-c5 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
    .buy-coupon-box.ngcontent-c5 {
        margin: 0; }
    .buy-coupon-container.ngcontent-c5, .buy-coupon-box.ngcontent-c5 {
        margin-left: 4%; }
    .buy-coupon-container.noCoupon.ngcontent-c5 {
        margin-left: 5%;
        margin-right: 5%; }
    .example-coupon.ngcontent-c5 {
        margin: 20px 20px 0;
        width: 462px;
        height: 290px;
        max-width: none;
        max-height: none; }
    .buy-coupon-description.noCoupon.ngcontent-c5 {
        width: 100%;
        padding: 0; } }
@media (max-width: 1000px) {
    .buy-coupon-description.ngcontent-c5 {
        display: block;
        margin: 0 auto; } }

.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:block;padding:24px;border-radius:2px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%}
@media screen and (-ms-high-contrast:active){
    .mat-dialog-container{outline:solid 1px}
}
.mat-dialog-content{display:block;margin:0 -24px;padding:0 24px;max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch}
.mat-dialog-title{margin:0 0 20px;display:block}
.mat-dialog-actions{padding:12px 0;display:flex;flex-wrap:wrap;margin-bottom:-24px}
.mat-dialog-actions[align=end]{justify-content:flex-end}
.mat-dialog-actions[align=center]{justify-content:center}
.mat-dialog-actions .mat-button+.mat-button,.mat-dialog-actions .mat-button+.mat-raised-button,.mat-dialog-actions .mat-raised-button+.mat-button,.mat-dialog-actions .mat-raised-button+.mat-raised-button{margin-left:8px}
[dir=rtl] .mat-dialog-actions .mat-button+.mat-button,[dir=rtl] .mat-dialog-actions .mat-button+.mat-raised-button,[dir=rtl] .mat-dialog-actions .mat-raised-button+.mat-button,[dir=rtl] .mat-dialog-actions .mat-raised-button+.mat-raised-button{margin-left:0;margin-right:8px}
.mat-progress-spinner{display:block;position:relative}
.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}
.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}
.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate]{animation:mat-progress-spinner-linear-rotate 2s linear infinite}
.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4s;animation-timing-function:cubic-bezier(.35,0,.25,1);animation-iteration-count:infinite}
.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate]{animation:mat-progress-spinner-stroke-rotate-fallback 10s cubic-bezier(.87,.03,.33,1) infinite}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}
@keyframes mat-progress-spinner-linear-rotate{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}}
@keyframes mat-progress-spinner-stroke-rotate-100{
    0%{stroke-dashoffset:268.60617px;transform:rotate(0)}
    12.5%{stroke-dashoffset:56.54867px;transform:rotate(0)}
    12.5001%{stroke-dashoffset:56.54867px;transform:rotateX(180deg) rotate(72.5deg)}
    25%{stroke-dashoffset:268.60617px;transform:rotateX(180deg) rotate(72.5deg)}
    25.0001%{stroke-dashoffset:268.60617px;transform:rotate(270deg)}
    37.5%{stroke-dashoffset:56.54867px;transform:rotate(270deg)}
    37.5001%{stroke-dashoffset:56.54867px;transform:rotateX(180deg) rotate(161.5deg)}
    50%{stroke-dashoffset:268.60617px;transform:rotateX(180deg) rotate(161.5deg)}
    50.0001%{stroke-dashoffset:268.60617px;transform:rotate(180deg)}
    62.5%{stroke-dashoffset:56.54867px;transform:rotate(180deg)}
    62.5001%{stroke-dashoffset:56.54867px;transform:rotateX(180deg) rotate(251.5deg)}
    75%{stroke-dashoffset:268.60617px;transform:rotateX(180deg) rotate(251.5deg)}
    75.0001%{stroke-dashoffset:268.60617px;transform:rotate(90deg)}
    87.5%{stroke-dashoffset:56.54867px;transform:rotate(90deg)}
    87.5001%{stroke-dashoffset:56.54867px;transform:rotateX(180deg) rotate(341.5deg)}
    100%{stroke-dashoffset:268.60617px;transform:rotateX(180deg) rotate(341.5deg)}}
@keyframes mat-progress-spinner-stroke-rotate-fallback{
    0%{transform:rotate(0)}
    25%{transform:rotate(1170deg)}
    50%{transform:rotate(2340deg)}
    75%{transform:rotate(3510deg)}
    100%{transform:rotate(4680deg)}}

.social-media a {
    border:0 !important;
}
#kauf_btn {
    width: 100%;
    border: 0;
    padding: 15px;
}
a.ngcontent-c16, a.ngcontent-c16:link, a.ngcontent-c16:visited {
    color: black;
}
.footerContainer.ngcontent-c16 {
    border-top: 1px solid grey;
    padding-top: 2%;
    padding-bottom: 1%;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 0;
    float: bottom;
    padding-left: 15%;
    padding-right: 15%;
    color:var(--main-text-color);

}
.footerContainer.ngcontent-c16   .socialMediaContainer.ngcontent-c16   .editable.ngcontent-c16 {
    -webkit-transition: all 200ms;
    transition: all 200ms;
    background-color: red;
    border: 0;
    top: -2vh;
    left: 4vw;
}
.footerContainer.ngcontent-c16   .socialMediaContainer.ngcontent-c16   .editable.ngcontent-c16:hover {
    background-color: red;
    color: white; }

.footerContainer.ngcontent-c16   .sitemap.ngcontent-c16 {
    width: 40%; }

.footerContainer.ngcontent-c16   .cityInfoContainer.ngcontent-c16 {
    width: 60%; }

.footerContainer.ngcontent-c16   .cityInfoContainer.ngcontent-c16   .bold.ngcontent-c16 {
    font-weight: 900; }

.footerContainer.ngcontent-c16   .cityInfoContainer.ngcontent-c16   img.ngcontent-c16 {
    max-width: 70px;
    height: auto; }

.footerContainer.ngcontent-c16   .cityInfoContainer.ngcontent-c16   .bsImage.ngcontent-c16 {
    max-width: 140px;
    height: auto; }

.footerContainer.ngcontent-c16   .socialMediaContainer.ngcontent-c16 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    margin-top: 15px; }

.footerContainer.ngcontent-c16   .socialMediaContainer.ngcontent-c16   fa-icon.ngcontent-c16 {
    font-size: 1em; }

.footerContainer.ngcontent-c16   .socialMediaContainer.ngcontent-c16   a.ngcontent-c16    + a[href].ngcontent-c16 {
    margin-left: 2rem; }

a.ngcontent-c16:hover {
    text-decoration: none !important; }

.contactContainer.ngcontent-c16 {
    text-align: right;
    margin-top: 2.5%;
    margin-bottom: -1%; }

.contactContainer.ngcontent-c16   a.ngcontent-c16 {
    text-align: left;
    display: inline-block;
    width: 90px;
    color: var(--main-text-color);
}

.ownerContainer.ngcontent-c16 {
    text-align: center;
    margin-bottom: 15px;
    width: 40%; }

.footerMargin.ngcontent-c16 {
    margin-right: 3%; }

.seperateLine.ngcontent-c16 {
    width: 100%;
    height: 3px;
    margin-bottom: 2%;
    margin-top: 2%; }

.presented-by.ngcontent-c16 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15%;
    padding-right: 15%; }

.presented-by-left.ngcontent-c16 {
    font-size: 80%;
    text-align: left;
    width: 30%; }

.presented-by-right.ngcontent-c16 {
    font-size: 80%;
    text-align: right;
    width: 30%; }

@media (max-width: 800px) {
    .seperateLine.ngcontent-c16 {
        margin-bottom: 20px;
        margin-top: 20px; }
    .footerContainer.ngcontent-c16 {
        padding-top: 30px;
        padding-bottom: 20px; }
    .mobile-padding.ngcontent-c16 {
        padding-left: 15px; }
    .presented-by-right.ngcontent-c16 {
        font-size: 0; }
    .presented-by-left.ngcontent-c16 {
        font-size: 0; }
    .cookie.ngcontent-c16 {
        min-height: 175px !important; } }

@media (max-width: 600px) {
    fa-icon.ngcontent-c16 {
        font-size: 1.5em; }
    .socialMediaContainer.ngcontent-c16 {
        margin-left: auto;
        margin-right: auto; }
    .seperateLine.ngcontent-c16 {
        height: 2px; }
    .contactContainer.ngcontent-c16 {
        text-align: center; }
    .footerContainer.ngcontent-c16 {
        display: block; }
    .sitemap.ngcontent-c16 {
        width: 100% !important;
        text-align: center; }
    .cityInfoContainer.ngcontent-c16 {
        width: 100% !important;
        text-align: center; } }

@media (max-width: 1000px) {
    .cookie-right.ngcontent-c16 {
        font-size: 80% !important; }
    .cookie-left.ngcontent-c16 {
        font-size: 80% !important; }
    .cookie-banner.ngcontent-c16 {
        margin-top: 5px !important; }
    .cookie-space.ngcontent-c16 {
        width: 5% !important; } }

.cookie.ngcontent-c16 {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 1000;
    height: 8vh;
    min-height: 75px;
    -webkit-transition: bottom 1s;
    transition: bottom 1s; }

.cookie.hide.ngcontent-c16 {
    -webkit-transition: bottom 1s;
    transition: bottom 1s;
    bottom: -150px; }

.cookie-banner.ngcontent-c16 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }

.cookie-left.ngcontent-c16 {
    display: inline-block;
    width: 45%;
    font-size: 110%;
    padding-left: 20px; }

.cookie-space.ngcontent-c16 {
    display: inline-block;
    width: 15%; }

.cookie-right.ngcontent-c16 {
    display: inline-block;
    width: 25%;
    font-size: 110%; }

.cookie-right.ngcontent-c16   a.ngcontent-c16 {
    margin-left: 0;
    margin-right: 0;
    font-weight: 900; }

.cookie-close.ngcontent-c16 {
    display: inline-block;
    float: right;
    margin-right: 16px; }

/* Changed */

.theme.nghost-c7 .button-container.ngcontent-c7:not(.menu):not(.no-background), .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background) {
    color: var(--main-color2);
    border: 1px solid var(--main-color1);
    background-color: var(--main-color1);
}
.theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background) .button-text a{
    color: var(--main-color2)!important;
}
.theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background) .button-text a:hover,.theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover .button-text a{
     color: var(--main-color1)!important;
 }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover {
    color: var(--main-color1);
    background-color: var(--main-color2);
    border-color: var(--main-color1); }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7 {
    color: var(--main-color1); }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7 {
    color: var(--main-color1); }

.theme.nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background), .theme   .nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background) {
    color: var(--main-text-color);
    background-color: transparent;
    border-top: 3px solid transparent; }

.theme.nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background):hover, .theme   .nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background).frontpage, .theme   .nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background).frontpage {
    color: var(--main-color2); }

.theme.nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background).frontpage:hover, .theme   .nghost-c7   .button-container.menu.ngcontent-c7:not(.no-background).frontpage:hover {
    border-top: 3px solid var(--main-color2); }

.theme.nghost-c7   .button-container.burger-menu.menu.ngcontent-c7:not(.no-background), .theme   .nghost-c7   .button-container.burger-menu.menu.ngcontent-c7:not(.no-background) {
    color: var(--main-text-color); }

.theme.nghost-c7   .button-container.burger-menu.menu.ngcontent-c7:not(.no-background):hover, .theme   .nghost-c7   .button-container.burger-menu.menu.ngcontent-c7:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c7   .button-container.fixed-menu.menu.ngcontent-c7:not(.no-background), .theme   .nghost-c7   .button-container.fixed-menu.menu.ngcontent-c7:not(.no-background) {
    color: var(--main-text-color); }

.theme.nghost-c7   .button-container.fixed-menu.menu.ngcontent-c7:not(.no-background):hover, .theme   .nghost-c7   .button-container.fixed-menu.menu.ngcontent-c7:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c7   .button-container.no-background.ngcontent-c7, .theme   .nghost-c7   .button-container.no-background.ngcontent-c7 {
    background-color: transparent; }

.theme.nghost-c7   .button-container.no-background.red.ngcontent-c7, .theme   .nghost-c7   .button-container.no-background.red.ngcontent-c7 {
    color: #cc0000; }

.theme.nghost-c7   .button-container.no-background.red.ngcontent-c7:hover, .theme   .nghost-c7   .button-container.no-background.red.ngcontent-c7:hover {
    border: 1px solid #cc0000; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive {
    background-color: var(--main-color2);
    color: var(--main-color1);
    border-color: var(--main-color1);
    pointer-events: none; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red {
    background-color: white; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red   .button-text.ngcontent-c7, .theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.red   .button-icon.ngcontent-c7 {
    color: #cc0000;
    border-color: #cc0000; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow {
    background-color: white; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow   .button-text.ngcontent-c7, .theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.yellow   .button-icon.ngcontent-c7 {
    color: #C8C800;
    border-color: #C8C800; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green {
    background-color: white; }

.theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green   .button-text.ngcontent-c7, .theme.nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.ngcontent-c7:not(.menu):not(.no-background).inactive.green   .button-icon.ngcontent-c7 {
    color: #64C800;
    border-color: #64C800; }

.theme.nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background), .theme   .nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background) {
    border: 1px solid #cc0000;
    background-color: #cc0000;
    color: white;
    opacity: 0.8; }

.theme.nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover, .theme   .nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #cc0000; }

.theme.nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7 {
    color: #cc0000; }

.theme.nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.red.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7 {
    color: #cc0000; }

.theme.nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background), .theme   .nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background) {
    border: 1px solid #C8C800;
    background-color: #C8C800;
    opacity: 0.8;
    color: white; }

.theme.nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover, .theme   .nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #C8C800; }

.theme.nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7 {
    color: #C8C800; }

.theme.nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.yellow.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7 {
    color: #C8C800; }

.theme.nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background), .theme   .nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background) {
    border: 1px solid #64C800;
    background-color: #64C800;
    opacity: 0.8;
    color: white; }

.theme.nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover, .theme   .nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #64C800; }

.theme.nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7, .theme   .nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover   .button-text.ngcontent-c7 {
    color: #64C800; }

.theme.nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7, .theme   .nghost-c7   .button-container.green.ngcontent-c7:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c7 {
    color: #64C800; }
/* Changed */

search   .nghost-c7   .button-container.ngcontent-c7 {
    padding-top: 17px;
    padding-bottom: 17px; }

app-cashbox   .nghost-c7   .button-container.ngcontent-c7 {
    padding-top: 17px;
    padding-bottom: 17px; }

.buy-coupon-border.nghost-c7   .button-container.ngcontent-c7, .buy-coupon-border   .nghost-c7   .button-container.ngcontent-c7 {
    padding: 4px; }

.button-container.ngcontent-c7 {
    display: inline-block;
    padding: 7px 9px;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    border-radius: 1px;
    cursor: pointer; }

.button.ngcontent-c7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px; }

.button-text.ngcontent-c7 {
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap; }

.button-icon.ngcontent-c7 {
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.icon-only.ngcontent-c7 {
    padding: 10px 5px; }

.text-only.ngcontent-c7 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 11px; }

.full-width.ngcontent-c7 {
    display: block; }

/* Changed */
.theme.nghost-c20   .burger-menu.ngcontent-c20, .theme   .nghost-c20   .burger-menu.ngcontent-c20 {
    width: 24px;
    height: 24px;
    cursor: pointer; }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20 {
    border: 1px solid var(--main-color2); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20::before, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20::before {
    border: 1px solid var(--main-color2); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20::after, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.frontpage.ngcontent-c20   .burger-inner.ngcontent-c20::after {
    border: 1px solid var(--main-color2); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20 {
    border: 1px solid var(--main-text-color); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20::before, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20::before {
    border: 1px solid var(--main-text-color); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20::after, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.fixed-menu.ngcontent-c20   .burger-inner.ngcontent-c20::after {
    border: 1px solid var(--main-text-color); }

.theme.nghost-c20   .burger-menu.ngcontent-c20   .burger-container.ngcontent-c20, .theme   .nghost-c20   .burger-menu.ngcontent-c20   .burger-container.ngcontent-c20 {
    position: relative; }

.theme.nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20,
.theme .nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20,
.theme .nghost-c12 .burger-menu.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12{
    position: absolute;
    width: 22px;
    left: 0;
    top: 11px;
    border: 1px solid var(--main-text-color);
    -webkit-transition: border-color .1s ease-in .1s;
    transition: border-color .1s ease-in .1s; }

.theme.nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::before,
.theme .nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::before,
.theme .nghost-c12 .burger-menu.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12::before {
    position: absolute;
    content: '';
    top: -6px;
    left: -1px;
    width: 22px;
    border: 1px solid var(--main-text-color);
    -webkit-transition: top .1s ease-in .2s, -webkit-transform ease-in .1s;
    transition: top .1s ease-in .2s, transform ease-in .1s, -webkit-transform ease-in .1s; }

.theme.nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::after,
.theme .nghost-c20 .burger-menu.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::after,
.theme .nghost-c12 .burger-menu.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12::after {
    position: absolute;
    content: '';
    top: 4px;
    left: -1px;
    width: 22px;
    border: 1px solid var(--main-text-color);
    -webkit-transition: top .1s ease-in .2s, -webkit-transform ease-in .1s;
    transition: top .1s ease-in .2s, transform ease-in .1s, -webkit-transform ease-in .1s; }

.theme.nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20,
.theme .nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20,
.theme .nghost-c12 .burger-menu.active.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12{
    border-color: transparent;
    -webkit-transition: border-color ease-in .1s;
    transition: border-color ease-in .1s; }

.theme.nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::before,
.theme .nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::before,
.theme .nghost-c12 .burger-menu.active.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12::before {
    top: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top ease-out .2s, -webkit-transform .2s ease-out .3s;
    transition: top ease-out .2s, transform .2s ease-out .3s, -webkit-transform .2s ease-out .3s; }

.theme.nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::after,
.theme .nghost-c20 .burger-menu.active.ngcontent-c20 .burger-container.ngcontent-c20 .burger-inner.ngcontent-c20::after,
.theme .nghost-c12 .burger-menu.active.ngcontent-c12 .burger-container.ngcontent-c12 .burger-inner.ngcontent-c12::after {
    top: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top ease-out .2s, -webkit-transform .2s ease-out .3s;
    transition: top ease-out .2s, transform .2s ease-out .3s, -webkit-transform .2s ease-out .3s; }

.theme.nghost-c12   .step-number.ngcontent-c12, .theme   .nghost-c12   .step-number.ngcontent-c12 {
    background-color: var(--main-color1);
    color: var(--main-color2); }

.theme.nghost-c12   .banner.ngcontent-c12, .theme   .nghost-c12   .banner.ngcontent-c12 {
    background-color: var(--main-color1);
    color: var(--main-color2);
    -webkit-box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3); }

.theme.nghost-c12   .banner.wolfenbuettel.ngcontent-c12, .theme   .nghost-c12   .banner.wolfenbuettel.ngcontent-c12 {
    color: var(--main-color1);
    letter-spacing: initial; }

.theme.nghost-c12   .step-image.ngcontent-c12   .banner.ngcontent-c12:after, .theme   .nghost-c12   .step-image.ngcontent-c12   .banner.ngcontent-c12:after {
    border-top-color: var(--main-color1); }

.theme.nghost-c12   .speech-bubble.ngcontent-c12, .theme   .nghost-c12   .speech-bubble.ngcontent-c12 {
    background-color: #fff;
    color: #000; }

.theme.nghost-c12   .step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   .speech-bubble.ngcontent-c12:after, .theme   .nghost-c12   .step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   .speech-bubble.ngcontent-c12:after {
    border-top-color: #fff; }
/* Changed */

.instructions-wrapper.ngcontent-c12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.instruction-step.ngcontent-c12 {
    background: -webkit-gradient(linear, left bottom, left top, from(#E4E4E4), color-stop(#F8F8F8), color-stop(#F8F8F8), to(#F8F8F8));
    background: linear-gradient(0deg, #E4E4E4, #F8F8F8, #F8F8F8, #F8F8F8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.step-text.ngcontent-c12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 80%;
    font-size: 20px;
    line-height: 100%;
    min-height: 100px; }

.step-text.ngcontent-c12   .step-number.ngcontent-c12 {
    min-width: 40px;
    min-height: 40px;
    width: 5vw;
    height: 5vw;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%; }

.step-text.ngcontent-c12   .step-number.ngcontent-c12:after {
    content: '.'; }

.step-text.ngcontent-c12   .step-description.ngcontent-c12 {
    margin-top:0;
    margin-left: 30px;
    width: 80%;
    font-weight: bold; }

.step-text.ngcontent-c12   .step-payment-methods.ngcontent-c12 {
    margin-top: .2vh;
    width: 80%;
    font-size: medium;
    font-weight: lighter; }

.step-image.ngcontent-c12 {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
    width: 40%;
    position: relative;
    overflow: hidden;
    min-width: 516px; }

.step-image.ngcontent-c12   .example-coupon.ngcontent-c12 {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    -webkit-box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    margin: 5vh auto 0;
    width: 516px;
    height: 324px;
    border-radius: 2.226vw;
    background-color: white; }

.step-image.ngcontent-c12   .floating-coupon.ngcontent-c12 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 60px; }

.step-image.ngcontent-c12   .floating-options.ngcontent-c12 {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 380px;
    margin: 0 auto;
    padding-top: 20px;
    background: #F8F8F8;
    -webkit-box-shadow: 0 13px 68px #CCCCCC;
    box-shadow: 0 13px 68px #CCCCCC; }

.step-image.ngcontent-c12   .floating-box.ngcontent-c12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px; }

.step-image.ngcontent-c12   .button-container.ngcontent-c12 {
    padding: 0;
    margin-bottom: 20px; }

.step-image.ngcontent-c12   .readonly-wrapper.ngcontent-c12 {
    cursor: not-allowed;
    pointer-events: none; }

.step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12 {
    position: relative;
    left: 230px;
    width: 300px; }

.step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   .speech-bubble.ngcontent-c12 {
    position: relative;
    width: calc(100% - 40px);
    padding: 20px;
    height: 120px;
    font-size: 20px;
    border-radius: 10px; }

.step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   .speech-bubble.ngcontent-c12:after {
    content: '';
    position: absolute;
    border-top: 31px solid;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: 100%;
    left: 30px; }

.step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   .mat-form-field.ngcontent-c12 {
    width: 100%;
    top: 20px; }

.step-image.ngcontent-c12   .speech-bubble-wrapper.ngcontent-c12   textarea.ngcontent-c12 {
    width: 100%; }

.step-image.ngcontent-c12   .banner-wrapper.ngcontent-c12 {
    height: 130px;
    position: relative; }

.step-image.ngcontent-c12   .banner.ngcontent-c12 {
    display: inline-block;
    height: 160px;
    width: 100px; }

.step-image.ngcontent-c12   .banner.ngcontent-c12:after {
    content: '';
    position: absolute;
    border-top: 51px solid;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    bottom: -80px; }

.step-image.ngcontent-c12   .banner-text.ngcontent-c12 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    position: relative;
    top: 55px;
    font-size: 20px;
    width: 90px;
    right: -5px; }

.step-image.ngcontent-c12   .banner-text.ngcontent-c12   fa-icon.ngcontent-c12 {
    margin-right: 10px; }

.step-image.ngcontent-c12   .smaller-coupon.ngcontent-c12 {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    bottom: 40px; }

.step-image.ngcontent-c12   .smaller-coupon.ngcontent-c12   .floating-box.ngcontent-c12 {
    margin-bottom: 0; }

.step2-image.ngcontent-c12 {
    height: 400px;
    margin-top: 50px;
    background-image: url('/images/iphone.5a4fec09b558f8b05967.png');
    background-size: contain;
    background-repeat: no-repeat; }

.step2-image.badnenndorf.ngcontent-c12 {
    background-image: url('/images/iphone_badnenndorf.09817d0843337d8cf211.png'); }

.step-image.bad-nenndorf.ngcontent-c12 {
    height: auto; }

.step-image.bad-nenndorf.ngcontent-c12   .floating-coupon.ngcontent-c12 {
    position: static; }

@media (min-width: 1000px) {
    .step-image.ngcontent-c12 {
        display: block;
        height: 500px;
        bottom: 0; }
    .step-2.ngcontent-c12 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .step-text.ngcontent-c12 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 40%;
        font-size: 200%;
        line-height: 110%; }
    .step-text.ngcontent-c12   .step-number.ngcontent-c12 {
        font-size: 3vw; } }

.search-container.ngcontent-c17 {
    position: relative;
    width: 80%;
    padding: 29px;
    padding-top: 35px;
    margin: auto;
    background-color: #F8F8F8;
    -webkit-box-shadow: 0 13px 68px #CCCCCC;
    box-shadow: 0 13px 68px #CCCCCC;
    top: 0;
    z-index: 1; }

.stickBelowHeader.ngcontent-c17 {
    position: fixed;
    top: 78px;
    margin-top: 0 !important;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }

.toggleContainer.ngcontent-c17 {
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 29px;
    left: 0; }

form.ngcontent-c17 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.mat-input-container.ngcontent-c17 {
    width: 100%; }

.search-clear.ngcontent-c17 {
    position: absolute;
    right: 18px;
    bottom: 10px;
    font-size: 24px;
    display: block;
    cursor: pointer; }

.category.ngcontent-c17 {
    display: inline-block;
    width: 49%;
    vertical-align: text-top; }

h1.ngcontent-c17 {
    text-align: center;
    padding: 15px;
    margin: 0;
    font-size: 20px; }

.district.ngcontent-c17 {
    border-right: 1px solid black; }

.category-content.ngcontent-c17 {
    width: 90%;
    margin-left: 5%; }

.search-clear.hidden.ngcontent-c17 {
    display: none; }

.mat-option.ngcontent-c17 {
    height: unset;
    padding: 0 10px; }

.mat-option.ngcontent-c17:last-child {
    margin-bottom: 10px; }

input.mat-input-element.ngcontent-c17 {
    margin-top: 0; }

.noResults.ngcontent-c17 {
    text-align: center;
    font-style: italic;
    pointer-events: none; }

.button-container.ngcontent-c17 {
    padding: 0 !important;
    display: inline-block; }

.tag-wrapper.ngcontent-c17 {
    position: relative;
    display: inline-block;
    min-width: 15rem; }

.tag-wrapper.ngcontent-c17    > button.ngcontent-c17 {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.tag-scrollbar.ngcontent-c17 {
    overflow-x: hidden;
    overflow-y: auto; }

.tag-menu.ngcontent-c17 {
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1;
    background-color: #f4f5f6;
    max-height: 50vh;
    border: 1px solid rgba(0, 0, 0, 0.2); }

.tag-entry.ngcontent-c17 {
    cursor: pointer;
    font-size: 1.1rem;
    background-color: white;
    padding: 8px 3px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.tag-entry.ngcontent-c17:hover {
    background: rgba(0, 0, 0, 0.04); }

@media (min-width: 800px) {
    form.ngcontent-c17 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .mat-input-container.ngcontent-c17 {
        width: calc(50% - 107px); } }

@media (max-width: 800px) {
    .category.ngcontent-c17 {
        width: 48.8%; }
    .search-input.ngcontent-c17   input.ngcontent-c17 {
        content: "Suche"; }
    .mat-button-toggle-group.ngcontent-c17, .mat-button-toggle-standalone.ngcontent-c17 {
        display: -ms-grid !important;
        display: grid !important; } }

@media (max-width: 600px) {
    .category.ngcontent-c17 {
        width: 48%; } }

[dir=rtl] .mat-form-field{text-align:right}

.mat-form-field-flex{display:inline-flex;align-items:baseline;width:100%}
.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{width:1em}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}
.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}
.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}
.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:perspective(100px);-ms-transform:none;transform-origin:0 0;transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);display:none}
[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-empty.mat-form-field-label{display:block}
.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}
.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}
.mat-input-server:focus+.mat-form-field-placeholder-wrapper .mat-form-field-placeholder,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-placeholder-wrapper .mat-form-field-placeholder{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-placeholder-wrapper .mat-form-field-placeholder,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-placeholder-wrapper .mat-form-field-placeholder{display:block}
.mat-form-field-label:not(.mat-form-field-empty){transition:none}
.mat-form-field-underline{position:absolute;height:1px;width:100%}
.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}
.mat-form-field-underline .mat-form-field-ripple{position:absolute;top:0;left:0;width:100%;height:2px;transform-origin:50%;transform:scaleX(.5);visibility:hidden;opacity:0;transition:background-color .3s cubic-bezier(.55,0,.55,.2)}
.mat-form-field-invalid:not(.mat-focused) .mat-form-field-underline .mat-form-field-ripple{height:1px}
.mat-focused .mat-form-field-underline .mat-form-field-ripple,.mat-form-field-invalid .mat-form-field-underline .mat-form-field-ripple{visibility:visible;opacity:1;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}.mat-form-field-subscript-wrapper{position:absolute;width:100%;overflow:hidden}
.mat-form-field-label-wrapper .mat-icon,.mat-form-field-subscript-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}
.mat-form-field-hint-wrapper{display:flex}
.mat-form-field-hint-spacer{flex:1 0 1em}
.mat-error{display:block}

.mat-input-element{font:inherit;background:0 0;color:currentColor;border:none;outline:0;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit}
.mat-input-element:-moz-ui-invalid{box-shadow:none}
.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}
.mat-input-element[type=date]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=month]::after,.mat-input-element[type=time]::after,.mat-input-element[type=week]::after{content:' ';white-space:pre;width:1px}
.mat-input-element::placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}
.mat-input-element::-moz-placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}
.mat-input-element::-webkit-input-placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}
.mat-input-element:-ms-input-placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}
.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent!important;transition:none}
.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent!important;transition:none}
.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent!important;transition:none}
.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent!important;transition:none}
textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-autosize{resize:none}

.mat-chip-list-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline}
.mat-chip:not(.mat-basic-chip){transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:inline-flex;padding:7px 12px;border-radius:24px;align-items:center;cursor:default}
.mat-chip:not(.mat-basic-chip)+.mat-chip:not(.mat-basic-chip){margin:0 0 0 8px}
[dir=rtl] .mat-chip:not(.mat-basic-chip)+.mat-chip:not(.mat-basic-chip){margin:0 8px 0 0}
.mat-form-field-prefix .mat-chip:not(.mat-basic-chip):last-child{margin-right:8px}
[dir=rtl] .mat-form-field-prefix .mat-chip:not(.mat-basic-chip):last-child{margin-left:8px}
.mat-chip:not(.mat-basic-chip) .mat-chip-remove.mat-icon{width:1em;height:1em}
.mat-chip:not(.mat-basic-chip):focus{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);outline:0}
@media screen and (-ms-high-contrast:active){
    .mat-chip:not(.mat-basic-chip){outline:solid 1px}
}
.mat-chip-list-stacked .mat-chip-list-wrapper{display:block}
.mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip){display:block;margin:0;margin-bottom:8px}
[dir=rtl] .mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip){margin:0;margin-bottom:8px}
.mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child,[dir=rtl] .mat-chip-list-stacked .mat-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child{margin-bottom:0}
.mat-form-field-prefix .mat-chip-list-wrapper{margin-bottom:8px}
.mat-chip-remove{margin-right:-4px;margin-left:6px;cursor:pointer}
[dir=rtl] .mat-chip-remove{margin-right:6px;margin-left:-4px}
input.mat-chip-input{width:150px;margin:3px;flex:1 0 150px}

.mat-autocomplete-panel{min-width:112px;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;max-width:none;max-height:256px;position:relative}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.mat-autocomplete-panel.mat-autocomplete-visible{visibility:visible}
.mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden}
.nghost-c18 .gmnoprint {
    display: none;
}
.city-container.ngcontent-c19{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;}
#pack.ngcontent-c19{width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto; position:relative;}
.form.ngcontent-c19{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:400px;border-radius:5px;width:80%;top:40%}
.mat-input-container.ngcontent-c19{display:inline-block;width:70%}
.button-container.ngcontent-c19{margin-top:5px;padding:0!important}
a.ngcontent-c19{margin-top:10%;color:#727272}
a.ngcontent-c19:hover{background:0 0;color:#727272}
#span-wrapper.ngcontent-c19{width:100%;display:inline-block;margin:auto}
h2.ngcontent-c19{display:inline-block;padding-top:1.5%;margin:auto}
.city-description.ngcontent-c19{display:inline-block;font-size:120%}
#city-button .button-container.ngcontent-c7{margin-bottom: 30px;}
.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);position:relative;display:inline-flex;flex-direction:row;border-radius:2px;cursor:pointer;white-space:nowrap;overflow:hidden}
.mat-button-toggle-vertical{flex-direction:column}
.mat-button-toggle-vertical .mat-button-toggle-label-content{display:block}
.mat-button-toggle-disabled .mat-button-toggle-label-content{cursor:default}
.mat-button-toggle{white-space:nowrap;position:relative}
.mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay,.mat-button-toggle.cdk-program-focused .mat-button-toggle-focus-overlay{opacity:1}
.mat-button-toggle-label-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:36px;padding:0 16px;cursor:pointer}
.mat-button-toggle-label-content>*{vertical-align:middle}
.mat-button-toggle-focus-overlay{border-radius:inherit;pointer-events:none;opacity:0;top:0;left:0;right:0;bottom:0;position:absolute}
.mat-select {
    display: inline-block;
    width: 100%;
    outline: 0;
    border: 0;
    padding: 0 15px;
    font-size: 16px;
    background: #fff;
}
.mat-select-trigger{display:inline-table;cursor:pointer;position:relative;box-sizing:border-box}
.mat-select-disabled .mat-select-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}
.mat-select-value{display:table-cell;max-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mat-select-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mat-select-arrow-wrapper{display:table-cell;vertical-align:middle}
.mat-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px}
.mat-select-panel{max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%}
.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
@media screen and (-ms-high-contrast:active){
    .mat-select-panel{outline:solid 1px}}
.mat-select-panel .mat-optgroup-label,.mat-select-panel .mat-option{font-size:inherit;line-height:3em;height:3em}
.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex{cursor:pointer}
.mat-form-field-type-mat-select .mat-form-field-label{width:calc(100% - 18px)}
.mat-select-placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}
.mat-form-field-hide-placeholder .mat-select-placeholder{color:transparent;transition:none}
.mat-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;position:relative;cursor:pointer;outline:0;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center}
.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}
[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}
.mat-option[aria-disabled=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}
.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}
[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}
.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}
.mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}
@media screen and (-ms-high-contrast:active){.mat-option-ripple{opacity:.5}}
.mat-option-pseudo-checkbox{margin-right:8px}
[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}

/* Changed */
.theme.nghost-c8   .show-retailer-name.ngcontent-c8, .theme   .nghost-c8   .show-retailer-name.ngcontent-c8, .theme.nghost-c8   .show-retailer-address.ngcontent-c8, .theme   .nghost-c8   .show-retailer-address.ngcontent-c8 {
    background-color: var(--main-color2);
    color: var(--main-text-color);
    white-space: initial;
    display: initial; }
/* Changed */

.show-retailer-wrapper.ngcontent-c8 {
    width: 90%;
    margin: auto; }

.show-retailer-list-wrapper.ngcontent-c8 {
    width: 100%;
    position: relative;
    overflow: hidden; }

.right-scroll.ngcontent-c8, .left-scroll.ngcontent-c8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: white;
    font-size: 30px;
    background-color: rgba(50, 50, 50, 0.5);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }

.right-scroll.ngcontent-c8:hover, .left-scroll.ngcontent-c8:hover {
    background-color: rgba(50, 50, 50, 0.8); }

.right-scroll.ngcontent-c8   fa-icon.ngcontent-c8, .left-scroll.ngcontent-c8   fa-icon.ngcontent-c8 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    top: 50%; }

.left-scroll.ngcontent-c8 {
    left: 1%; }

.left-scroll.ngcontent-c8   fa-icon.ngcontent-c8 {
    -webkit-transform: translateX(-60%) translateY(-50%);
    transform: translateX(-60%) translateY(-50%); }

.show-retailer-list.ngcontent-c8 {
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: margin-left 0.2s ease;
    transition: margin-left 0.2s ease; }

.show-retailer-entry.ngcontent-c8 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50vw;
    height: 30vw;
    min-height: 280px;
    max-width: 585px;
    max-height: 350px;
    margin: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: bottom;
    -webkit-box-shadow: -3px 3px 4px -1px #aaaaaa;
    box-shadow: -3px 3px 4px -1px #aaaaaa;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.show-retailer-entry.ngcontent-c8:not(.block-hover):hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-box-shadow: -4px 4px 3px 0 #aaaaaa;
    box-shadow: -4px 4px 3px 0 #aaaaaa;
    cursor: pointer; }

.show-retailer-text.ngcontent-c8 {
    z-index: 0;
    margin: 20px;
    overflow: hidden; }

.show-retailer-name.ngcontent-c8 {
    position: relative;
    font-size: 120%;
    font-weight: bold;
    display: inline-block;
    padding: 1px 3px; }

.show-retailer-name.ngcontent-c8:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }

.show-retailer-address.ngcontent-c8 {
    position: relative;
    display: inline-block;
    padding: 1px 3px; }

.show-retailer-address.ngcontent-c8:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }

@media (min-width: 600px) {
    .show-retailer-list.ngcontent-c8 {
        padding-left: 0 !important; } }

@media (max-width: 800px) {

    .show-retailer-list{
        padding-left: 0 !important;
    }

    .footerContainer {
        padding-left:0 !important;
        padding-right: 0 !important;
    }
    .cityInfoContainer img{
        margin: 0 auto !important;
    }
}
.interferer.ngcontent-c8 {
    width: 30%;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: 10px;
    margin-right: 10px; }

.result-wrapper.ngcontent-c2 {
    margin-top: 10vh;
    margin-bottom: 8vh;
    display: inline-block;
    width: 100%;
    min-height: 55vh;
}
.result-categories-container.ngcontent-c2 {
    display: inline-block;
    width: 100%;
}

.theme.nghost-c7 .retailer-preview-name.ngcontent-c7, .theme .nghost-c7 .retailer-preview-name.ngcontent-c7, .theme.nghost-c7 .retailer-preview-address.ngcontent-c7, .theme .nghost-c7 .retailer-preview-address.ngcontent-c7, .theme.nghost-c7 .retailer-preview-categories.ngcontent-c7, .theme .nghost-c7 .retailer-preview-categories.ngcontent-c7 {
    background-color:  var(--main-color2);
    color:  var(--main-text-color);
}
.categories.ngcontent-c2 {
    margin-top: 5vh;
    margin-left: 2.5vw;
    font-weight: bold;
    font-size: 120%;
    width: 93vw;
    padding: .5%;
    border-bottom: 1px solid;
}
.retailer-preview-container.ngcontent-c2 {
    display: block;
    text-align: center;
}
.retailer-preview-container.ngcontent-c2 {
    display: block;
    text-align: center;
}
.retailer-preview-entry.ngcontent-c7 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50vw;
    height: 30vw;
    min-height: 280px;
    max-width: 585px;
    max-height: 350px;
    margin: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: bottom;
    -webkit-box-shadow: -3px 3px 4px -1px #aaaaaa;
    box-shadow: -3px 3px 4px -1px #aaaaaa;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.retailer-preview-text.ngcontent-c7 {
    z-index: 0;
    margin: 20px;
    cursor: pointer;
    text-align: left;
}
.retailer-preview-name.ngcontent-c7:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.theme.nghost-c7 .retailer-preview-name.ngcontent-c7, .theme .nghost-c7 .retailer-preview-name.ngcontent-c7, .theme.nghost-c7 .retailer-preview-address.ngcontent-c7, .theme .nghost-c7 .retailer-preview-address.ngcontent-c7, .theme.nghost-c7 .retailer-preview-categories.ngcontent-c7, .theme .nghost-c7 .retailer-preview-categories.ngcontent-c7 {
    background-color: var(--main-color2);
    color:  var(--main-text-color);
}
.theme.nghost-c7 .retailer-preview-name.ngcontent-c7, .theme .nghost-c7 .retailer-preview-name.ngcontent-c7, .theme.nghost-c7 .retailer-preview-address.ngcontent-c7, .theme .nghost-c7 .retailer-preview-address.ngcontent-c7, .theme.nghost-c7 .retailer-preview-categories.ngcontent-c7, .theme .nghost-c7 .retailer-preview-categories.ngcontent-c7 {
    background-color:  var(--main-color2);
    color:  var(--main-text-color);
}
.retailer-preview-name.ngcontent-c7:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.retailer-preview-address.ngcontent-c7:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.retailer-preview-name.ngcontent-c7 {
    position: relative;
    font-size: 120%;
    font-weight: bold;
    white-space: initial;
    display: initial;
    padding: 1px 3px;
    background: #fff;
    color: #000;
}
.retailer-preview-address.ngcontent-c7 {
    position: relative;
    display: inline-block;
    padding: 1px 3px;
    background: #fff;
    color: #000;
}
@media (max-width: 800px) {
    .retailer-preview-entry.ngcontent-c8 {
        width: 85vw; }
    .interferer.ngcontent-c8 {
        width: 45%; } }

.copyright.ngcontent-c8 {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.18); }

.copyright.ngcontent-c8    > *.ngcontent-c8 {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 12px !important;
}
.theme-kevelaer.nghost-c4 .buy-coupon-border.fixed-menu.ngcontent-c4, .theme-kevelaer .nghost-c4 .buy-coupon-border.fixed-menu.ngcontent-c4, .brg {
    border: solid 1px black;
}
.burger-mobile.ngcontent-c4 {
    margin-left: 20px;
}
.burger-menu.ngcontent-c12 {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
    margin-top:20px;
}
.brg::before{
    position: absolute;
    content: '';
    top: -6px;
    left: 0;
    width: 24px;
    border: 1px solid white;
    -webkit-transition: top .1s ease-in .2s, -webkit-transform ease-in .1s;
    transition: top .1s ease-in .2s, transform ease-in .1s, -webkit-transform ease-in .1s;
}
.brg::after{
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 24px;
    border: 1px solid white;
    -webkit-transition: top .1s ease-in .2s, -webkit-transform ease-in .1s;
    transition: top .1s ease-in .2s, transform ease-in .1s, -webkit-transform ease-in .1s;
}
.brg::before, .brg::after, .brg-p::after {
    border: 1px solid black;
}
html {
    height: 100%;
    width: 100%;
    font-family: Roboto,"Open Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 25px;
    letter-spacing: .2px;
    font-size: 15px;
    font-weight: 400;
    scroll-behavior: smooth;
}
a {
    color: var(--main-text-color) ;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
    vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
    width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
    width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
    width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
    width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
    width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
    width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
    width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
    width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
    width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
    width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
    width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
    width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
    width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
    width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.svg-inline--fa.fa-w-17 {
    width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
    width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
    width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
    margin-right: 0.3em;
    width: auto;
}
.svg-inline--fa.fa-pull-right {
    margin-left: 0.3em;
    width: auto;
}
.svg-inline--fa.fa-border {
    height: 1.5em;
}
.svg-inline--fa.fa-li {
    width: 2em;
}
.svg-inline--fa.fa-fw {
    width: 1.25em;
}
.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -0.125em;
    width: 1em;
}
.fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center;
}
.fa-layers-text {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: 0.25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.fa-layers-bottom-right {
    bottom: 0;
    right: 0;
    top: auto;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.fa-layers-bottom-left {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
.fa-layers-top-right {
    right: 0;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.fa-layers-top-left {
    left: 0;
    right: auto;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
.layout-margin h2, .inner-html-container h2 {
    font-weight: 400;
    margin: 0 0 20px;
    line-height: 45px;
}
.button-text a {
    color:#fff !important;
}
.menuContainer .button-text a {
    color:inherit !important;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-.7em) scale(.75) perspective(100px) translateZ(.001px);
    transform: translateY(-.7em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-.7em) scale(.75)
}
.big_num{
    margin-left: 13px;
    font-size: 30px;
    text-align: center;
}
#change_image_step1 {
    position: absolute;
    top: 36%;
    z-index: 999999;
}
.editable.ngcontent-c2 {
    right: 0; }

.header-image-edit.ngcontent-c2 {
    position: absolute;
    right: 20px;
    top: 110px;
    z-index: 9; }

.retailer-header.ngcontent-c2 {
    position: relative;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }

.retailer-floating-information.ngcontent-c2 {
    display: block;
    position: relative; }

.retailer-logo.ngcontent-c2 {
    display: none; }

.retailer-top-part.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 90%;
    margin: auto;
    position: relative; }

.retailer-content.ngcontent-c2 {
    position: relative; }

.retailer-name.ngcontent-c2 {
    text-align: center;
    margin: 2vh auto; }

.retailer-name.ngcontent-c2   h1.ngcontent-c2 {
    font-weight: bold;
    font-size: 42px; }

.retailer-slogan.ngcontent-c2 {
    margin: 0 auto;
    padding-bottom: 3vh;
    text-align: center;
    font-size: 120%; }

.retailer-articles-container.ngcontent-c2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3vh 0; }

.retailer-articles.ngcontent-c2, .retailer-categories.ngcontent-c2   .retailer-catchwords.ngcontent-c2 {
    position: relative;
    display: block;
    width: 100%; }

.retailer-articles.ngcontent-c2 {
    margin-bottom: 1vh; }

.retailer-categories.ngcontent-c2    > a.ngcontent-c2 {
    display: none; }

.retailer-catchwords.ngcontent-c2 {
    width: 90%;
    margin: auto;
    margin-bottom: 50px; }

.retailer-article-category.ngcontent-c2 {
    margin: 0; }

.retailer-article.ngcontent-c2 {
    display: inline-block;
    background-color: darkred;
    border-radius: 30px;
    padding: 1px 8px;
    color: white;
    margin: 3px; }

.retailer-articles-more.ngcontent-c2 {
    background-color: white;
    color: darkred;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 1px; }

.retailer-articles-more.ngcontent-c2:hover {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: darkred;
    color: white;
    cursor: pointer; }

.retailer-description.ngcontent-c2 {
    margin: 0 auto;
    padding-bottom: 3vh;
    font-size: 120%; }

.retailer-description-accept.ngcontent-c2   .button-container.ngcontent-c2 {
    padding: 0;
    text-align: right; }

.retailer-image.ngcontent-c2 {
    background: no-repeat center;
    background-size: contain;
    background-color: #f9fafa;
    width: 90%;
    height: 90%;
    border: 17.5px solid #f9fafa; }

.retailer-contact.ngcontent-c2 {
    position: relative;
    padding: 3vh 0;
    text-align: center; }

.retailer-contact.ngcontent-c2    .button-container {
    width: 90%;
    margin-bottom: 1em; }

.retailer-contact-info.ngcontent-c2 {
    font-size: 120%; }

.retailer-map.ngcontent-c2 {
    height: 300px;
    width: 100%;
    margin: auto; }

.contact-text.ngcontent-c2 {
    margin-left: 5px; }

.retailer-agm-map.ngcontent-c2 {
    display: inline-block;
    height: 40vh;
    width: 90%;
    margin: 0 5vw 4vh 5vw;
    border: 1px solid black; }

.nav-button.ngcontent-c2 {
    padding: 0;
    text-align: right; }

.retailer-picture-headline.ngcontent-c2, .retailer-branch-headline.ngcontent-c2 {
    width: 90%;
    margin: auto; }

.retailer-pictures.ngcontent-c2 {
    width: 90%;
    margin: auto; }

.retailer-pictures-wrapper.ngcontent-c2, .retailer-branch-wrapper.ngcontent-c2 {
    margin-bottom: 10vh; }

.retailer-picture-list-wrapper.ngcontent-c2 {
    width: 100%;
    position: relative;
    overflow: hidden; }

.right-scroll.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: white;
    font-size: 30px;
    background-color: rgba(50, 50, 50, 0.5);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease; }

.right-scroll.ngcontent-c2:hover {
    background-color: rgba(50, 50, 50, 0.8); }

.left-scroll.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 1%;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: white;
    font-size: 30px;
    background-color: rgba(50, 50, 50, 0.5);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease; }

.left-scroll.ngcontent-c2:hover {
    background-color: rgba(50, 50, 50, 0.8); }

.retailer-picture-list.ngcontent-c2 {
    min-width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: margin-left .2s ease;
    transition: margin-left .2s ease; }

.retailer-picture-entry.ngcontent-c2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 30vw;
    height: 30vw;
    min-width: 280px;
    min-height: 280px;
    max-width: 350px;
    max-height: 350px;
    margin: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: bottom;
    z-index: 0;
    cursor: pointer; }

.retailer-picture-entry.ngcontent-c2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 5px 1px rgba(30, 30, 30, 0.3);
    box-shadow: 0 0 5px 1px rgba(30, 30, 30, 0.3); }

#span-wrapper.ngcontent-c2 {
    width: 100%;
    display: inline-block;
    margin: auto; }

#openhour-info-corona.ngcontent-c2 {
    width: 100%;
    display: inline-block;
    margin: auto;
    padding-bottom: 3vh;
    font-size: 120%; }

.nav-container.ngcontent-c2 {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

#retailer-picture-entry.ngcontent-c2 {
    position: absolute;
    visibility: hidden; }

.article-list.ngcontent-c2 {
    width: 90%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px; }

.article-entries.ngcontent-c2 {
    margin-bottom: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }

.search-text-wrapper.ngcontent-c2 {
    margin: auto;
    width: 90%;
    margin-bottom: 40px;
    margin-top: 40px; }

.search-text.ngcontent-c2 {
    width: 50%;
    min-width: 275px; }

.show-more-articles-button.ngcontent-c2 {
    width: 90%;
    margin: auto;
    text-align: center;
    margin-bottom: 40px; }

app-article-widget.ngcontent-c2 {
    padding: 5%; }

.interferer.ngcontent-c2 {
    position: absolute;
    top: 7rem;
    right: 5rem;
    width: 15rem;
    cursor: pointer;
}

.clickable.ngcontent-c2 {
    cursor: pointer; }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.contact-input-small textarea {
    font-size: 18px !important;
    color: #aaa !important;
    font-family: inherit;
}
.contact-container.ngcontent-c39 {
    width: 50%;
    margin-left: 25%;
    margin-top: 8vh;
    margin-bottom: 8vh;
}
.mat-form-field-wrapper {
    position: relative;
    padding-bottom: 0;
}
.contact-input-big.ngcontent-c2 {
    width: 45%;
    float: left;
    margin-right: 10%;
    margin-top: 5vh;
}
.contact-input-small.ngcontent-c2 {
    width: 45%;
    margin-top: 5vh;
}
.mat-form-field {
    display: inline-block;
    position: relative;
    text-align: left;
    font-family: Roboto,"Open Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (max-width: 800px) {
    .contact-container.ngcontent-c39 {
        width: 100%;
        margin: 2vh 0;
    }
    .inside_container{
        padding: 0 5%;
    }
    .contact-input-small.ngcontent-c2 {
        width: 100%;
        margin-top: 5vh;
    }
    .contact-input-big.ngcontent-c2 {
        width: 100%;
        float: left;
        margin:5vh 0 0;
    }
}
.add-dialog-description-headline.ngcontent-c37 {
    text-align: center;
    font-size: 200%;
    width: 100%;
    height: 20%;
    margin-bottom: 50px;
    font-style: italic;
    font-weight: bolder;
    margin-top:30px;
}
.mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    width: 100%;
}
.g_code {
    font-size: 18px;
    display: inline-block;
    margin-left: 15px;
}
/* Changed */
/* Failure */
#Kreditkarte_container {
    margin-bottom: 50px;
}
#pay_button {
    margin:20px 0 30px;
}
/* Failure */

.loader_container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: rgba(122,122,122,0.7);
    position: absolute;
    z-index: 9999999999;
    text-align: center;
    width: 100%;
    top:0;
}
.loader_img {
    max-width: 15rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
    margin-top:0;
}
circle {
    fill: none;
    stroke-width: 3.5;
    animation-name: preloader;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin: 170px 170px;
    will-change: transform;
}
circle:nth-of-type(1) {
    stroke-dasharray: 550px;
}
circle:nth-of-type(2) {
    stroke-dasharray: 500px;
}
circle:nth-of-type(3) {
    stroke-dasharray: 450px;
}
circle:nth-of-type(4) {
    stroke-dasharray: 300px;
}
/* Changed */

#scan_btn, #login_btn {
    padding: 16px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 50px;
}
@keyframes preloader {
    50% {
        transform: rotate(360deg);
    }
}
#entry_div {
    width: 40%;
    margin: 0 auto;
}

.customer-picture.ngcontent-c37 {
    width: 60%;
    margin-top: 3%;
    margin-bottom: 3%;
}
.coupon-infos.ngcontent-c37 {
    display: inline-block;
    width: 35%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 3%;
    vertical-align: top;
}
.coupon-info.ngcontent-c37 {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    color: #5d5d5d;
}
.coupon-info-amount.ngcontent-c37 {
    font-weight: bolder;
    font-size: 2rem;
    text-align: right;
    width: 100%;
    display: block;
    margin-bottom: 3%;
    line-height: 2.5rem;
    border-bottom: 1px solid #9b9b9b;
    position: relative;
}
.coupon-info-amount-text.ngcontent-c37 {
    font-weight: 400;
    color: #9b9b9b;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
}
.coupon-info-headline.ngcontent-c37 {
    font-style: italic;
    display: block;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.mat-expansion-panel-content {
    overflow: hidden;
}
#show_gutschein, #show_gutschein .button-text {
    cursor: POINTER;
}
.mat-form-field {
    width: 100%;
    margin-bottom: 30px;
}
.mat-form-field input {
    width: 85%;
    display: inline-block;
    line-height: 15px;
    margin-top: -9px;
    padding: 0 10px;
    margin-left: 0;
    font-size: 18px;
}
.confirm-dialog-agreed {
    text-align: right;
}
.hidden_{
    display: none;
}
.modal-body .mat-form-field input {
    width: 85%;
    display: inline-block;
    line-height: 1.5;
    margin-top: -5px;
    padding: 8px 10px;
    margin-left: 0;
    font-size: 18px;
}
#login_form_div input {
    border: 1px solid #ccc;
    -webkit-box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 420px;
    height: 68px;
    padding: 25px;
    font-size: 20px;
    display: block;
    margin: 20px auto;
}
#login_form_div button{
    width: 420px;
}
.error {
    color:#ff0000;
    font-size: 18px;
}
#buttons_block .accent-btn {
    display: block;
    margin: 15px auto;
    padding: 16px;
    width: 65%;
}
#buttons_block .accent-btn:hover {
    text-decoration: none !important;
}
#buttons_block img{
    float:right;
    margin-top:-6px;
}
#barcode_fld {
    display: inline-block;
}
#barcode_img, #qrcode_img {
    display: inline-block;
    float: right;
    margin-top: -45px;
    height: 45px;
    position: relative;
}
#actions_form .form-control{
    height: 45px;
    font-size: 16px;
}
#actions_form input[type="button"]{
    min-width: 220px;
    margin-top: 30px;
}
#action_res_div{
    font-size: 55px;
    font-weight: bold;
    text-align: center;
}
#recent_qr {
    font-size: 20px;
    font-weight: 600;
}
body.modal-open .modal[style]:not([style='display: none;']) , .modal.in {
    display: flex !important;
    height: 100%;
}
body.modal-open .modal[style]:not([style='display: none;']) .modal-dialog , .modal.in .modal-dialog{
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.retailer-wrapper .button-container.ngcontent-c5 {
    width: 100%;
    padding: 0;
}
#results_container{
    width: 55%;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: -20vh;
    position: relative;
    text-align: center;
    margin-bottom: 80px;
    font-size: 16px;
}
#results_container h2{
    font-size: 28px;
    font-weight: 600;
}
#results_container b {
    font-size: 18px;
}
#results_container p{
    margin: 30px 0;
}
/* Changed */
.theme #steps_container .button-text , .theme .accent-btn, .theme .headers {
    background-color: var(--main-color1);
    border-color:  var(--main-color1) !important;
    color:  var(--main-color2);
}
.theme .selected_response_type {
    background-color: var(--main-color2);
    border:1px solid var(--main-color1) !important;
    color: var(--main-color1);
}
.theme  .button-container:hover  a {
    color: var(--main-color1) !important;
}
/* Changed */
.sep30 {
    width: 100%;
    height: 30px;
}
.sep200 {
    width: 100%;
    height: 200px;
}
#right .mat-form-field.ngcontent-c5 {
    width: 100%;
}
.bordered{
    border: 1px solid #ccc;
    padding: 20px;
    min-height: 170px;
    border-radius: 5px;
}
#step3 .step-description p {
    margin-bottom:0 !important;
}
#step3 #mt30{
    margin-top:30px !important;
}
#row2_text {
    margin-top: 30vh;width: 90%
}
.news_container {
    border:1px solid #000;
    margin: 0 15px;
}
.news_container div{
    padding: 0 15px ;
}
.np {
    padding: 0;
}
.cityInfoContainer img{
    width: 30%;
}
.npl {
    padding-left: 0;
}
.npr {
    padding-right: 0;
}
.data_container {
    background: #fff;
    padding: 25px;
    margin: 25px 0;
    -webkit-box-shadow: 1px 0 10px 2px rgb(0 0 0 / 10%);
    box-shadow: 1px 0 10px 2px rgb(0 0 0 / 10%);
    overflow: hidden;
}
@media (max-width: 820px) {
    #row2_text{
        margin: 30px;
        width: 100%;
    }
    #results_container {
        width: 100%;
    }
    #entry_div {
        width: 80%;
    }
    .contact-container.ngcontent-c39 {
        width: 100%;
        margin: 8vh 10% 0;
    }
    .contact-input-big.ngcontent-c2 {
        width: 100%;
        float: left;
        margin:5vh 10% 0;
    }
    .interferer.ngcontent-c2 {
        position: absolute;
        top: 20rem;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: 10rem;
    }
    .buy-coupon-description-text {
        margin-top:5vh !important;
    }
    .buy-coupon-container.ngcontent-c5 {
        width: 100% !important;
        margin-top: 2vh;
    }
    .mobile-66, .mobile-32 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top:15px;
    }
    .layout-margin h2, .inner-html-container h2 {
        font-size: 125%;
        font-weight: 400;
        margin: 0 0 20px;
        line-height: 30px;
    }
}
@media (min-width: 600px) {
    .retailer-picture-list.ngcontent-c2 {
        padding-left: 0 !important; }
    .retailer-description-accept.ngcontent-c2   .button-container.ngcontent-c2 {
        text-align: left; } }
@media (max-width: 600px) {

    h1 span, h2 span, h5 span {
        font-size: 30px !important;
        line-height: 1.2;
    }
    .step-text.ngcontent-c12 .step-number.ngcontent-c12 {
        font-size: 26px;
    }
    #row2_text {
        margin: 0;
        width: 100%;
    }
    .inner-html-container p span {
        font-size: inherit !important;
    }

    .add-dialog-description-headline.ngcontent-c37 {
        margin-top:0;
    }
    .buy-coupon-description-text {
        margin-top: 0 !important;
    }
    #entry_div {
        padding: 0 20px;
    }
    #code_reader{
        margin: 20px 0;
    }

    #buttons_block {
        padding: 0 20px;
    }
    #buttons_block .accent-btn {
        width: 100%;
    }
    #login_form_div {
        padding: 0 20px;
    }
    .customer-picture.ngcontent-c37 {
        width: 100%;
    }
    #login_form_div input, #login_form_div button{
        width: 100%;
    }
    .header-container.ngcontent-c3 .headline.ngcontent-c3 {
        position: absolute;
        top: 40%;
        left: 10%;
        font-size: 32px;
        line-height: 46px;
        width: 100%;
        padding-left:5%;
    }
    #entry_div {
        width: 100%;
    }
    .mobile-30, .mobile-50{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top:15px;
    }
    .mobile-50 , .mobile-70, .mobile-30{
        width: 100%;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
    }
    .text-field{
        margin-bottom:0 !important;
    }
    .buttons-flex {
        display: inline-block !important;
        margin-bottom: 0 !important;
    }
    #step5 .wrapper:nth-child(2) #right{
        margin-top: -19vh !important;
        margin-bottom: 3vh;
    }
    .buttons-flex button {
        text-transform: none !important;
        margin-top: 0 !important;
    }
    .get_gutschein {
        margin-bottom: 0 !important;
    }
    #step5 .fullwdth, .fullwdth:before, .fullwdth:after {
        width: 100%;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 12vh;
    }
    .layout-margin h2, .inner-html-container h2 {
        font-size: 125%;
        font-weight: 400;
        margin: 0 0 20px;
        line-height: 30px;
    }
    .get_gutschein {
        margin:0;
    }
}
@media (min-width: 800px) {
    .retailer-wrapper.ngcontent-c2 {
        margin-top: -10vh; }
    .retailer-top-part.ngcontent-c2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 6vh; }
    .retailer-floating-information.ngcontent-c2 {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 350px;
        display: block;
        background: white;
        border: 1px solid #f4f5f6;
        -webkit-box-shadow: 0 0.125rem 0.125rem rgba(19, 26, 32, 0.5);
        box-shadow: 0 0.125rem 0.125rem rgba(19, 26, 32, 0.5);
        -webkit-transform: translateY(-22vh);
        transform: translateY(-22vh); }
    .retailer-logo.ngcontent-c2 {
        display: block; }
    .retailer-logo-image.ngcontent-c2 {
        background-color: white;
        width: 350px;
        height: 350px; }
    .retailer-logo-accept-coupons.ngcontent-c2 {
        width: 26vmin;
        margin: 0 auto;
        text-align: center;
        min-width: 235px; }
    .retailer-name.ngcontent-c2 {
        text-align: left; }
    .retailer-slogan.ngcontent-c2 {
        text-align: left; }
    .retailer-content.ngcontent-c2 {
        width: 50%;
        margin-left: 10%;
        margin-top: 5%; }
    .retailer-articles-container.ngcontent-c2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .retailer-articles.ngcontent-c2, .retailer-categories.ngcontent-c2 {
        width: 40vw; }
    .retailer-articles.ngcontent-c2 {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .retailer-article.ngcontent-c2 {
        margin-right: 1vw;
        margin-bottom: 3px; }
    .retailer-articles.ngcontent-c2    > a.ngcontent-c2 {
        display: none; }
    .retailer-categories.ngcontent-c2    > a.ngcontent-c2 {
        display: block; }
    .retailer-categories.ngcontent-c2    > h1.ngcontent-c2 {
        text-align: right; }
    .retailer-contact.ngcontent-c2 {
        padding: 20px;
        text-align: left; }
    .retailer-contact-info.ngcontent-c2 {
        display: block; }
    .retailer-agm-map.ngcontent-c2 {
        width: 100%;
        height: 50vh;
        max-width: 500px;
        margin: 0; }
    .retailer-map.ngcontent-c2 {
        height: 400px;
        width: 100%;
        margin: auto; }
    .article-entries.ngcontent-c2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; } }
@media (min-width: 1100px) {
    .retailer-header.ngcontent-c2 {
        height: 75vh; } }

@media (min-width: 1250px) {
    .article-entries.ngcontent-c2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%; } }
.mat-chip-list-wrapper.ngcontent-c2 {
    margin-left: 0 !important; }

.mat-chip.ngcontent-c2 {
    margin: 10px; }
.mat-chip.ngcontent-c2:not(.mat-basic-chip) {
    margin-bottom: 15px !important; }
.removableImage.ngcontent-c2 {
    right: 5px;
    top: 65px; }
.copyright.ngcontent-c2 {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.18); }
.copyright.ngcontent-c2    > *.ngcontent-c2 {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 12px !important; }
.social-media.ngcontent-c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
}
.social-media.ngcontent-c2 fa-icon.ngcontent-c2 {
    -webkit-transition: all 200ms;
    transition: all 200ms;
    font-size: 1.2em; }
.social-media.ngcontent-c2   a.ngcontent-c2 {
    -webkit-transition: all 200ms;
    transition: all 200ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0.5rem;
    border-radius: 50%;
    margin: 0 0.5rem; }
@media (max-width: 800px) {
        .table td{
        display: block;
    }
    .buy-coupon-box.ngcontent-c5 {
        margin: 0 0 2px 0;
    }
    .row label {
        font-size: 12px;
        margin-left: 10px;
    }
    .step-text.ngcontent-c12 .step-number.ngcontent-c12 {
        font-size: 36px;
    }
    .instructions-wrapper.ngcontent-c12 {
        display: block;
    }
    .layout-margin.ngcontent-c2 {
        margin-top: 0;
    }
    .step-text.ngcontent-c12 .step-number.ngcontent-c12 {
        font-size: 20px;
    }
    .contactContainer.ngcontent-c16 a.ngcontent-c16 {
        text-align: left;
        display: inline-block;
        width: 36%;
        margin: 0 !important;
    }
    .buy-coupon-box.transform-top.ngcontent-c5 {
        width:100%;
    }
}
.test-mode-banner.ngcontent-c3 {
    background-color: darkorange;
    color: white;
    height: 3rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px; }
.test-mode-banner.ngcontent-c3   div.ngcontent-c3 {
    margin-right: 1rem; }
/* Changed */
.theme.nghost-c3 .header-sub.background.ngcontent-c3, .theme   .nghost-c3   .header-sub.background.ngcontent-c3 {
    background-color: #fff; }

.theme.nghost-c3   .header-container.ngcontent-c3   .headline.ngcontent-c3   span.ngcontent-c3, .theme   .nghost-c3   .header-container.ngcontent-c3   .headline.ngcontent-c3   span.ngcontent-c3 {
    background-color: #fff;
    color: var(--main-text-color); }

.theme.nghost-c3   .header-container.ngcontent-c3   .headline.ngcontent-c3   .slogan.ngcontent-c3, .theme   .nghost-c3   .header-container.ngcontent-c3   .headline.ngcontent-c3   .slogan.ngcontent-c3 {
    color: var(--main-text-color) !important; }

.theme.nghost-c3   .header-container.ngcontent-c3   .frontpage.ngcontent-c3   span.ngcontent-c3, .theme   .nghost-c3   .header-container.ngcontent-c3   .frontpage.ngcontent-c3   span.ngcontent-c3 {
    background-color: #fff;
    color: var(--main-text-color); }

.theme.nghost-c3   .header-container.ngcontent-c3   .frontpage.ngcontent-c3   .headline.ngcontent-c3   .slogan.ngcontent-c3, .theme   .nghost-c3   .header-container.ngcontent-c3   .frontpage.ngcontent-c3   .headline.ngcontent-c3   .slogan.ngcontent-c3 {
    color: var(--main-text-color) !important; }

.theme.nghost-c3   .scroll-down-container-container.ngcontent-c3, .theme   .nghost-c3   .scroll-down-container-container.ngcontent-c3 {
    color: var(--main-color2); }

.theme.nghost-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3    > div.ngcontent-c3, .theme   .nghost-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3    > div.ngcontent-c3 {
    border: solid var(--main-color2); }

.theme.nghost-c3   .loggedInAsRetailer.ngcontent-c3, .theme   .nghost-c3   .loggedInAsRetailer.ngcontent-c3 {
    background-color: var(--main-color1) !important; }

.theme.nghost-c3   .slogan.kevelaer.ngcontent-c3, .theme   .nghost-c3   .slogan.kevelaer.ngcontent-c3 {
    color: var(--main-text-color) !important; }
/* Changed */
.header-container.ngcontent-c3 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 100vh;
    min-height: 91vh;
    overflow: hidden;
    width: 100%; }

.header-container.full-height.ngcontent-c3 {
    min-height: 101vh;
    max-height: 101vh; }

.header-container.retailer.ngcontent-c3 {
    background-position: 0 40px; }

.header-container.floatingMenu.ngcontent-c3 {
    margin-top: 75px; }

.header-container.floatingMenu.ngcontent-c3   .header-sub.ngcontent-c3 {
    position: fixed;
    -webkit-transition: -webkit-box-shadow .3s ease-out;
    transition: -webkit-box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; }

.header-container.floatingMenu.ngcontent-c3   .header-sub.shadow.ngcontent-c3 {
    box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    -webkit-box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3);
    -moz-box-shadow: 0 0 20px 2px rgba(30, 30, 30, 0.3); }

.header-container.small.ngcontent-c3 {
    min-height: 60vh;
    max-height: 80vh; }

.header-container.ngcontent-c3   .header-sub.background.ngcontent-c3 {
    top: 0;
    z-index: 5;
    width: 100vw;
    min-height: 75px; }

.header-container.ngcontent-c3   #maps-display.ngcontent-c3    > *.ngcontent-c3 {
    height: 90%; }

.header-container.ngcontent-c3:after {
    content: '';
    position: absolute;
    bottom: -13vh;
    left: -5vw;
    height: 17vh;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 110vw;
    background-color: white;
    -webkit-box-shadow: inset 1px 20px 20px -25px black;
    box-shadow: inset 1px 20px 20px -25px black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.header-container.ngcontent-c3   .header-icon.ngcontent-c3 {
    display: inline-block;
    cursor: pointer;
    max-height: 200px;
    margin-left: 4%;
    position: relative;
}
.header-container.ngcontent-c3   .header-icon.align-top.ngcontent-c3   img.ngcontent-c3 {
    padding-top: 0; }

.header-container.ngcontent-c3   .header-icon.ngcontent-c3   .muenster-icon.ngcontent-c3 {
    max-height: 120px;
    margin-top: 20px; }

.header-container.ngcontent-c3   .header-icon.ngcontent-c3   img.ngcontent-c3, .header-container.ngcontent-c3   .header-icon.ngcontent-c3   .bs-site-logo.ngcontent-c3 {
    max-height: 200px;
    width: auto;
    padding-top: 10px; }

.header-container.ngcontent-c3   .header-icon.ngcontent-c3   img.small.ngcontent-c3, .header-container.ngcontent-c3   .header-icon.ngcontent-c3   .bs-site-logo.small.ngcontent-c3 {
    max-height: 50px;
    margin-top: 0; }

.header-container.ngcontent-c3   .headline.ngcontent-c3 {
    position: absolute;
    top: 40%;
    left: 4%;
    font-size: 32px;
    line-height: 46px;
}
.header-container.ngcontent-c3   .headline.shadow.ngcontent-c3 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }

.header-container.ngcontent-c3   .headline.kevelaer.ngcontent-c3 {
    top: 50%;
    left: calc(4% + 20px); }

.header-container.ngcontent-c3   .headline.center.ngcontent-c3 {
    left: 46%;
    top: 21%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }

.header-container.ngcontent-c3   .headline.right.ngcontent-c3 {
    right: 4%;
    left: unset;
    top: 30%; }

.header-container.ngcontent-c3   .headline.ngcontent-c3   h1.ngcontent-c3 {
    display: inline;
    font-size: unset; }

.header-container.ngcontent-c3   .headline.ngcontent-c3   span.ngcontent-c3 {
    display: inline;
    padding: 0 7px 8px 7px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}
.header-container.ngcontent-c3   .headline.ngcontent-c3   span.ngcontent-c3:first-child {
    font-size: 50px;
    font-weight: 700; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3 {
    position: absolute;
    bottom: 12vh;
    width: 100%;
    height: 30px;
    text-align: center; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3 {
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: inline-block; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3:hover   .scroll-down.ngcontent-c3    > div.ngcontent-c3:nth-child(2) {
    bottom: 8px;
    opacity: .7; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3:hover   .scroll-down.ngcontent-c3    > div.ngcontent-c3:last-child {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
    bottom: 16px;
    opacity: .5;
}
.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3 {
    height: 100%;
    width: 100%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3    > div.ngcontent-c3 {
    -webkit-transition: all 300ms;
    transition: all 300ms;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    bottom: 0;
    border-width: 0 3px 3px 0; }

.header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3    > div.ngcontent-c3:last-child, .header-container.ngcontent-c3   .scroll-down-container-container.ngcontent-c3   .scroll-down-container.ngcontent-c3   .scroll-down.ngcontent-c3    > div.ngcontent-c3:nth-child(2) {
    opacity: 0; }

.header-container.ngcontent-c3   #map-wrapper.ngcontent-c3 {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto; }

.header-container.ngcontent-c3   .agm-map-wrapper.ngcontent-c3 {
    position: absolute;
    height: 100%;
    width: 100%; }

.header-container.overlayOnly.ngcontent-c3 {
    height: 0;
    min-height: 0;
    min-width: 0; }

.bounce.ngcontent-c3 {
    -webkit-animation: bounce 6s infinite;
    animation: bounce 6s infinite; }

.bs-site-logo.ngcontent-c3 {
    padding-left: 0 !important;
}
.bs-site-logo__signet.ngcontent-c3, .bs-site-logo__signet-text.ngcontent-c3 {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}
.bs-site-logo.ngcontent-c3, .bs-site-logo__signet-border1.ngcontent-c3, .bs-site-logo__signet-border2.ngcontent-c3 {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s; }

.bs-site-logo__signet-border1.ngcontent-c3, .bs-site-logo__signet-border2.ngcontent-c3 {
    position: absolute;
    background-color: #fff;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 80px;
    height: 80px; }

.bs-site-logo__signet.ngcontent-c3, .bs-site-logo__signet-text.ngcontent-c3 {
    position: absolute;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 60px;
    height: 60px; }

.bs-site-logo__signet-text.ngcontent-c3 {
    opacity: 0;
}
.bs-site-logo__signet-border1.ngcontent-c3 {
    -webkit-transform: scale(1);
    transform: scale(1); }

.bs-site-logo__signet-border2.ngcontent-c3 {
    -webkit-transform: translate(20px, 20px) scale(1);
    transform: translate(20px, 20px) scale(1); }

.bs-site-logo__signet.ngcontent-c3, .bs-site-logo__signet-text.ngcontent-c3 {
    -webkit-transform: translate(20px, 20px) scale(1);
    transform: translate(20px, 20px) scale(1); }

.rounded-corners.ngcontent-c3 {
    border-radius: 6px;
    padding-top: 3px !important;
    padding-bottom: 11px !important; }

@media (min-width: 768px) {
    .bs-site-logo.ngcontent-c3 {
        width: 200px;
        height: 200px; }
    .bs-site-logo__signet-border1.ngcontent-c3, .bs-site-logo__signet-border2.ngcontent-c3 {
        width: 160px;
        height: 160px; }
    .bs-site-logo__signet.ngcontent-c3, .bs-site-logo__signet-text.ngcontent-c3 {
        position: absolute;
        display: block;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        width: 120px;
        height: 120px; }
    .bs-site-logo__signet-text.ngcontent-c3 {
        opacity: 1; }
    .bs-site-logo__signet-border2.ngcontent-c3 {
        -webkit-transform: translate(40px, 40px) scale(1);
        transform: translate(40px, 40px) scale(1); }
    .bs-site-logo__signet.ngcontent-c3, .bs-site-logo__signet-text.ngcontent-c3 {
        -webkit-transform: translate(40px, 40px) scale(1);
        transform: translate(40px, 40px) scale(1);
    }
}
@-webkit-keyframes bounce {
    0%, 6%, 14%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    2%, 4% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px); }
    9% {
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px); } }

@keyframes bounce {
    0%, 6%, 14%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    2%, 4% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px); }
    9% {
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px); } }

@media (max-width: 800px) {
    .header-icon-wrapper.ngcontent-c3:not(.small) {
        max-height: 100px !important;
        margin-top: 0 !important; }
    .headline.ngcontent-c3 {
        top: 25% !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        left: 50% !important; }
    .headline.center.ngcontent-c3 {
        top: 40% !important; }
    .headline.right.ngcontent-c3 {
        right: unset !important; }
    .header-container.ngcontent-c3   span.ngcontent-c3 {
        font-size: 25px;
        padding: 9px 7px 9px 7px !important; }
    .header-container.ngcontent-c3   span.ngcontent-c3:first-child {
        font-size: 31px !important;
    }
}
@media (max-width: 450px) {
    .slogan.ngcontent-c3 {
        display: none !important; } }

.copyright.ngcontent-c3 {
    position: absolute;
    top: 75px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.18); }

.copyright.ngcontent-c3    > *.ngcontent-c3 {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 12px !important; }

/* Changed */
.theme.nghost-c4 .buy-coupon-border.ngcontent-c4, .theme   .nghost-c4   .buy-coupon-border.ngcontent-c4 {
    border: solid 1px var(--main-text-color); }

.theme.nghost-c4   .buy-coupon-border.frontpage.ngcontent-c4, .theme   .nghost-c4   .buy-coupon-border.frontpage.ngcontent-c4 {
    border: solid 1px var(--main-text-color); }

.theme.nghost-c4   .buy-coupon-border.fixed-menu.ngcontent-c4, .theme   .nghost-c4   .buy-coupon-border.fixed-menu.ngcontent-c4 {
    border: solid 1px var(--main-text-color); }

.theme.nghost-c4   .burger-menu-container.ngcontent-c4, .theme   .nghost-c4   .burger-menu-container.ngcontent-c4 {
    background-color: var(--main-color2); }
/* Changed */
.nghost-c4 {
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 0; }

.notfixed.nghost-c4 {
    position: static; }

.overlay.ngcontent-c4 {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    background-color: rgba(80, 80, 80, 0.5);
    z-index: 310; }

.overlay.open.ngcontent-c4 {
    display: block;
    z-index: 998; }

.burger-menu-container.ngcontent-c4 {
    z-index: 320;
    position: fixed;
    top: 0;
    width: 320px;
    padding-left: 20px;
    right: 0;
    margin-right: -350px;
    -webkit-transition: margin-right 0.3s;
    transition: margin-right 0.3s;
    height: 0; }

.burger-menu-container.open.ngcontent-c4 {
    margin-right: 0;
    height: 100vh;
    z-index: 99999;
    overflow-y: auto;
    opacity:1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
}
.closed{
    opacity:0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.burger-menu-container.ngcontent-c4   button.ngcontent-c4 {
    margin-left: 20px; }

.buy-coupon-border.ngcontent-c4 {
    margin-left: 5px; }

.button-container.ngcontent-c4 {
    display: inline-block !important;
    padding-left: 0 !important;
    margin-left: 5%; }

.linkContainer.ngcontent-c4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    z-index: 100;
    position: relative;
    background: #fff;
}
.linkContainer.ngcontent-c4    > div.ngcontent-c4 {
    padding: 0; }

.login-layer.ngcontent-c4 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0; }

.menuContainerBackground.ngcontent-c4 {
    position: absolute;
    top: 0;
    height: 75px;
    width: 100%; }

.menuContainer.ngcontent-c4 {
    z-index: 300;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    min-width: 50px;
    height: 75px;
    min-height: 75px;
    right: 0;
    padding-right: 30px;
    padding-left: 20px;
}

.burger-mobile.ngcontent-c4 {
    margin-left: 20px;
}
.text-center {
    text-align: center !important;
}
.shadow {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 25px 0;
}
.step-text.ngcontent-c12 .step-number.ngcontent-c12 {
    min-width: 40px;
    min-height: 40px;
    width: 4vw;
    height: 4vw;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}
.step-text.ngcontent-c12 .step-number.ngcontent-c12 {
    font-size: 2vw;
}
input[type=file] {
    display: inline-block;
}

@media (max-width: 900px) {
    .mobile-hide.ngcontent-c4 {
        display: none; }
    .burger-mobile.ngcontent-c4 {
        margin-left: 55%; } }

/* Changed */
.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background), .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background) {
    color: var(--main-color2);
    border: 1px solid var(--main-color1);
    background-color: var(--main-color1); }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover {
    color: var(--main-color1);
    background-color: var(--main-color2);
    border-color: var(--main-color1); }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5 {
    color: var(--main-color1); }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5 {
    color: var(--main-color1); }

.theme.nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background), .theme   .nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background) {
    color: var(--main-text-color);
    background-color: transparent;
    border-top: 3px solid transparent; }

.theme.nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background):hover, .theme   .nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background).frontpage, .theme   .nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background).frontpage {
    color: var(--main-color2); }

.theme.nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background).frontpage:hover, .theme   .nghost-c5   .button-container.menu.ngcontent-c5:not(.no-background).frontpage:hover {
    border-top: 3px solid var(--main-color2); }

.theme.nghost-c5   .button-container.burger-menu.menu.ngcontent-c5:not(.no-background), .theme   .nghost-c5   .button-container.burger-menu.menu.ngcontent-c5:not(.no-background) {
    color: var(--main-text-color); }

.theme.nghost-c5   .button-container.burger-menu.menu.ngcontent-c5:not(.no-background):hover, .theme   .nghost-c5   .button-container.burger-menu.menu.ngcontent-c5:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c5   .button-container.fixed-menu.menu.ngcontent-c5:not(.no-background), .theme   .nghost-c5   .button-container.fixed-menu.menu.ngcontent-c5:not(.no-background) {
    color: var(--main-text-color); }

.theme.nghost-c5   .button-container.fixed-menu.menu.ngcontent-c5:not(.no-background):hover, .theme   .nghost-c5   .button-container.fixed-menu.menu.ngcontent-c5:not(.no-background):hover {
    border-top: 3px solid var(--main-text-color); }

.theme.nghost-c5   .button-container.no-background.ngcontent-c5, .theme   .nghost-c5   .button-container.no-background.ngcontent-c5 {
    background-color: transparent; }

.theme.nghost-c5   .button-container.no-background.red.ngcontent-c5, .theme   .nghost-c5   .button-container.no-background.red.ngcontent-c5 {
    color: #cc0000; }

.theme.nghost-c5   .button-container.no-background.red.ngcontent-c5:hover, .theme   .nghost-c5   .button-container.no-background.red.ngcontent-c5:hover {
    border: 1px solid #cc0000; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive {
    background-color: var(--main-color2);
    color: var(--main-color1);
    border-color: var(--main-color1);
    pointer-events: none; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red {
    background-color: white; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red   .button-text.ngcontent-c5, .theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.red   .button-icon.ngcontent-c5 {
    color: #cc0000;
    border-color: #cc0000; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow {
    background-color: white; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow   .button-text.ngcontent-c5, .theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.yellow   .button-icon.ngcontent-c5 {
    color: #C8C800;
    border-color: #C8C800; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green {
    background-color: white; }

.theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green   .button-text.ngcontent-c5, .theme.nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.ngcontent-c5:not(.menu):not(.no-background).inactive.green   .button-icon.ngcontent-c5 {
    color: #64C800;
    border-color: #64C800; }

.theme.nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background), .theme   .nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background) {
    border: 1px solid #cc0000;
    background-color: #cc0000;
    color: white;
    opacity: 0.8; }

.theme.nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover, .theme   .nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #cc0000; }

.theme.nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5 {
    color: #cc0000; }

.theme.nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.red.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5 {
    color: #cc0000; }

.theme.nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background), .theme   .nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background) {
    border: 1px solid #C8C800;
    background-color: #C8C800;
    opacity: 0.8;
    color: white; }

.theme.nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover, .theme   .nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #C8C800; }

.theme.nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5 {
    color: #C8C800; }

.theme.nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.yellow.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5 {
    color: #C8C800; }

.theme.nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background), .theme   .nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background) {
    border: 1px solid #64C800;
    background-color: #64C800;
    opacity: 0.8;
    color: white; }

.theme.nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover, .theme   .nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover {
    background-color: white;
    color: #64C800; }

.theme.nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5, .theme   .nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover   .button-text.ngcontent-c5 {
    color: #64C800; }

.theme.nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5, .theme   .nghost-c5   .button-container.green.ngcontent-c5:not(.menu):not(.no-background):hover   .button-icon.ngcontent-c5 {
    color: #64C800; }
/* Changed */

search   .nghost-c5   .button-container.ngcontent-c5 {
    padding-top: 17px;
    padding-bottom: 17px; }

app-cashbox   .nghost-c5   .button-container.ngcontent-c5 {
    padding-top: 17px;
    padding-bottom: 17px; }

.buy-coupon-border.nghost-c5   .button-container.ngcontent-c5, .buy-coupon-border   .nghost-c5   .button-container.ngcontent-c5 {
    padding: 4px; }

.button-container.ngcontent-c5 {
    display: inline-block;
    padding: 9px 9px;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    border-radius: 1px;
    cursor: pointer; }

.button.ngcontent-c5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px; }

.button-text.ngcontent-c5 {
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap; }

.button-icon.ngcontent-c5 {
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.icon-only.ngcontent-c5 {
    padding: 10px 5px; }

.text-only.ngcontent-c5 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 11px; }

.full-width.ngcontent-c5 {
    display: block; }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

.fa-stack-1x,
.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em;
}
.svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color, currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color, currentColor);
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
    fill: black;
}

.fad.fa-inverse {
    color: #fff;
}
/* Changed */
.theme.nghost-c4 .burger-menu-container.ngcontent-c4, .theme .nghost-c4 .burger-menu-container.ngcontent-c4 {
    background-color: #fff;
}
.theme._nghost-c2 .categories.ngcontent-c2, .theme .app-portal-home .categories.ngcontent-c2 {
    border-bottom-color: var(--main-color1);
    color: var(--main-color1);
}
/* Changed */
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 37px;
    line-height: 1;
    opacity: .75;
    color: #ddd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Kassenschnitt */
.upp_text {
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 100%;
    padding: 12px;
}
.swal2-confirm {
    margin-right: 15px;
}
.table {
    width: 100% !important;
}
.invoice_row {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}
.modal-body {
    padding: 30px;
}
.editpage .modal-dialog{
    width: unset;
    min-width: 600px;
    max-width: 80%;
}
.editpage .modal-body {
    height: 100%;
}
.editpage .modal-body .uploaded_logo img{
    max-width: 100px;
}
.editpage .modal-body #main_slogan {
    font-size: 50px;
    font-weight: 700;
    height: 95px;
}
.editpage .modal-body #sub_slogan {
    font-size: 32px;
    line-height: 46px;
    height: 55px;
    line-height: 1.2;
}
.editpage .modal-body .uploaded_bg img,
.editpage .modal-body .uploaded_row2_image img,
.editpage .modal-body .uploaded_sponsor_image img{
    width:200px;
}
.editpage  #show-sponsor-list_modal{
    min-height: 155px;
    display: block;
}

.editpage [type="checkbox"] {
    position: relative;
    left: 30px;
    top: 0px;
    z-index: 0;
    -webkit-appearance: none;
}
.editpage  [type="checkbox"] + label {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 1.3;
    padding-left:70px;
    position: relative;
    margin-top: -30px;
}
.editpage [type="checkbox"] + label::before {
    width: 50px;
    height: 20px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    content: "";
    margin-right: 15px;
    transition: background-color 0.5s linear;
    z-index: 5;
    position: absolute;
    left: 0px;
}
.editpage [type="checkbox"] + label::after {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #fff;
    content: "";
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
    position: absolute;
    left: 2px;
    top: 0px;
    z-index: 10;
}
.editpage [type="checkbox"]:checked + label:before {
    background-color: #2b8718;
}
.editpage [type="checkbox"]:checked + label:after {
    margin: 0 0 0 30px;
}

#add_abrechnung_div svg:not(:root) {
    width: 0.875em;
    margin: 0 10px;
}
#add_abrechnung_modal input[type="checkbox"]{
    appearance: checkbox;
    width: 16px;
    height: 15px;
}
.upp_text img{
    width: 12px;
    margin-top: -6px;
    margin-left: 10px;
}
#tab2 {
    display: none;
}
.selected_period {
    background: #F19F59;
    border:1px solid #F19F59;
}
/* Kassenschnitt */
/* Neuigkeiten */
.lnk a {
    font-weight: 700;
    font-size: 16px;
}
.min {
    max-width: 500px;
    margin-right: 45px;
}
.max{
    max-width: 60%;
    margin: 0 auto;
}
.title {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.desc {
    font-size: 14px;
    margin-bottom: 15px;
}
.date {
    font-size: 14px;
    padding: 5px 8px;
    border: 1px solid #ccc;
    display: inline;
    margin-bottom: 15px;
    position: absolute;
    margin-top: -21px;
    background: #000;
    color: #fff;
}
.img-responsive {
    height: 360px;
}
@media (max-width: 600px) {
    .img-responsive {
        min-height: unset;
    }
    .min, .max {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* Neuigkeiten */
/* page */
.policies-container  {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 10vh;
}
/* page */