:root {
    --snape-primary-color: #1A1F3C;
    --snape-primary-color-text: #fff;
    --snape-filled-button-text-color: #fff;
    --snape-background-color: #b9d5df;
    --snape-primary-color-filter: invert(9%) sepia(22%) saturate(2234%) hue-rotate(199deg) brightness(103%) contrast(94%);
    --snape-hover-color-filter: invert(100%);
}
.snapeLightBlue{
    --snape-primary-color: #1A1F3C;
    --snape-primary-color-text: #fff;
    --snape-filled-button-text-color: #fff;
    --snape-background-color: #b9d5df;
    --snape-primary-color-filter: invert(9%) sepia(22%) saturate(2234%) hue-rotate(199deg) brightness(103%) contrast(94%);
    --snape-hover-color-filter: invert(100%);
}
.snapeDarkBlue{
    --snape-primary-color: #b9d5df;
    --snape-primary-color-text: #b9d5df;
    --snape-filled-button-text-color: #1A1F3C;
    --snape-background-color: #1A1F3C;
}

body .snape-form .snape-form-slide .question-options .question-option{
    flex-direction: column;
    gap: 20px;
}
.question-image {
    max-height: 50%;
}

@media screen and (min-width: 640px) and (max-width: 1023px){
    .row .snape-form{
        width: 100vw !important;
        margin-left: -55px;
    }
}
@media screen and (max-width: 639px){
    :root,
    .snapeDarkBlue{
        --snape-primary-color: #1A1F3C !important;
        --snape-primary-color-text: #fff;
        --snape-filled-button-text-color: #fff !important;
        --snape-background-color: #b9d5df !important;
    }
    .row .snape-form{
        width: 100vw !important;
        margin-left: -40px;
    }
    #Bestellseite #order-rechner {
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 100px;
    }
    #Bestellseite .allContent > .noClass:nth-of-type(4){
        display: none;
    }
    #Bestellseite #footerWrapper{
        margin-top: 100vh;
    }
    #Bestellseite #order-rechner .question-title{
        font-size: 2.0rem;
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected){
        color: var(--snape-primary-color) !important;
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected)::before{
        color:var(--snape-filled-button-text-color);
        background-color: var(--snape-background-color) !important;
        border: 1px solid var(--snape-primary-color) !important;
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block .question-options .question-option img{
        max-height: 50px !important;
        filter: contrast(1);
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block .question-options .question-option.is-selected img{
        filter: invert(1);
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block label{
        font-size: 0.8em !important;
    }
}

.snape-form{
    position: relative;
    z-index: 1001;

    width: 100% !important;
    min-height: max(50vh, 500px);
    border-radius: 4px;

    max-width: 2000px;
    margin:0 auto !important;

    align-items: center;

    background-color: var(--snape-background-color);
}
.moveUp5 .snape-form{
    margin-top:-5%;
}
.moveUp10 .snape-form{
    margin-top:-10%;
}
.moveUp15 .snape-form{
    margin-top:-15%;
}
.moveUp20 .snape-form{
    margin-top:-20%;
}
.moveUp25 .snape-form{
    margin-top:-25%;
}
.moveUp30 .snape-form{
    margin-top:-30%;
}
.moveUp35 .snape-form{
    margin-top:-35%;
}
.snape-form .snape-form-slide{
    position: absolute;

    justify-content: center;
    background-color: var(--snape-background-color);

    border-radius: 4px;

    display:flex;
    width:100%;
    z-index: 0;

    padding:0;
    margin:0;
    margin-bottom:50px;
}
.snape-form .snape-form-slide.show-slide{
    z-index: 1;
	display:flex !important;
}
.snape-form .snape-form-slide .question-block{

}
.snape-form .snape-form-slide .question-block .question-title{
    font-family: 'PilcrowHeavy';
    line-height: 1.4;
    letter-spacing: 0.1px;
    font-weight: 100;
    font-size: 2.2em;
    color:var(--snape-primary-color);
    border-color:var(--snape-primary-color);
}

.snape-form .snape-form-slide .question-block .question-options{

}
.snape-form .snape-form-slide .question-block .question-options .single-option{

}
.snape-form .snape-form-slide .question-block .question-options .question-option,
.snape-form .snape-form-slide .question-block .btnSubmit{
    position: relative;
    display: flex !important;
    cursor: pointer !important;
    -webkit-appearance: none;
    font-size: 1.2em;
    line-height: 20px !important;
    color: var(--snape-primary-color);
    background-color: transparent;
    border: 1px solid var(--snape-primary-color);
    border-radius: 4px;
    box-shadow: none;
    text-align: center;
    font-family: 'scala sans-serif', 'serif';
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 1.5rem 2rem;
    width: 25% !important;
    max-height: 200px;
    transition:cubic-bezier(0.1, 0.4, 0.65, 1) 0.3s;
    justify-content: space-evenly;
}
.snape-form .snape-form-slide .question-block .btnSubmit{
    width: auto !important;
}
.snape-form .snape-form-slide .question-block .question-options .question-option img{
    filter: invert(1);/* var(--snape-primary-color-filter);*/
    max-height:60%;
    width:auto;
}
.snape-form .snape-form-slide .question-form{
    justify-content: center;
}
.snape-form .snape-form-slide .question-form input{
    border-radius: 100px;
    border-color: var(--snape-primary-color);
    border-style: solid;
    background-color: rgba(255,255,255,.2);
    color: white;
    font-size: 2rem;
    padding-left: 20px;
}
.snape-form .snape-form-slide .question-form input:focus{
    background-color: rgba(255,255,255,.4);
}
.snape-form input[type=checkbox]{
    border-color: transparent !important;
    background-color: transparent !important;
}
.snape-form input[type=checkbox]::before{
    border-color: var(--snape-primary-color);
}
.snape-form input[type=checkbox].has-error::before {
    border: 1px solid #C71532 !important;
}
.snape-form .snape-form-slide .has-error{
    border: inherit;
    outline: inherit;
    background-color: #C71532 !important;
}
.snape-form input[type=checkbox]:checked:after{
    position: absolute;
    top:12px;
    left:8px;
    color: var(--snape-primary-color);
}
.snape-form .snape-form-slide .question-block .question-options .question-option::before{
    content: '';
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
    padding:0;
    left: -1px;
    right: 0;
    top: -1px;
    bottom: 0;
    margin: auto;
    border-radius: 4px;
    background-color: var(--snape-primary-color);
    transition:cubic-bezier(0.1, 0.4, 0.65, 1) 0.3s;
}
.snape-form .snape-form-slide .question-block .question-options .question-option:hover,
.snape-form .snape-form-slide .question-block .question-options .question-option.is-selected {
    transform:scale(1);
    color:var(--snape-filled-button-text-color);
}
.snape-form .snape-form-slide .question-block .question-options .question-option:hover img,
.snape-form .snape-form-slide .question-block .question-options .question-option.is-selected img{
    /*filter: var(--snape-hover-color-filter);*/
    filter: invert(0);
}
.snape-form .snape-form-slide .question-block .question-options .question-option:hover::before,
.snape-form .snape-form-slide .question-block .question-options .question-option.is-selected::before{
    height:calc(100% + 2px);
    width:calc(100% + 2px);
}
.snape-form .snape-form-slide .question-block .btnSubmit{
    background-color: var(--snape-primary-color);
    color: var(--snape-filled-button-text-color);
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    border:1px solid var(--snape-primary-color);
    width: auto;
    min-height: 70px;
}
.snape-form .snape-form-slide .question-block .btnSubmit::before{
    content: '';
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
    padding:0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 4px;
    background-color: var(--snape-background-color);
    transition:cubic-bezier(0.1, 0.4, 0.65, 1) 0.3s;
}
.snape-form .snape-form-slide .question-block .btnSubmit:hover {
    transform:scale(1);
    color:var(--snape-primary-color);
}
.snape-form .snape-form-slide .question-block .btnSubmit:hover::before{
    height:calc(100%);
    width:calc(100%);
}
.snape-form .snape-form-slide .question-block .checkInner{
    margin-top: .5em;
}
.snape-form .snape-form-slide .question-block label{
    font-size: 1em;
    line-height: 1.1 !important;
    margin-top: 0;
    color:var(--snape-primary-color);
}
.snape-form .snape-form-slide .question-block .question-options .question-option .question-button{
}
.snape-form .snape-form-footer{
    background-color: var(--snape-primary-color);
    color: var(--snape-filled-button-text-color);
}
.snape-form .snape-form-footer .slideInfo{
    color: var(--snape-filled-button-text-color);
}
/*@media screen and (min-width: 1024px) {
    .snape-form-footer .snape-footer-button-box {
        min-width: 220px;
    }
}*/

.snape-form .snape-form-slide .question-title{
	align-items: flex-end !important;
}

.snape-form-footer .snape-footer-button-box .button{

}
.snape-form-footer .snape-footer-button-box .button.btnPrev,
.snape-form-footer .snape-footer-button-box .button.btnNext{
    /*background-color: var(--snape-background-color);
    color: var(--snape-primary-color);*/
    background-color: #dc6387;
    border: 1px solid #dc6387;
    color: black;
    text-decoration: none;
    border-radius: 4px;
    /*border: 1px solid var(--snape-background-color);*/
}
.snape-form-footer .snape-footer-button-box .button.btnPrev:hover,
.snape-form-footer .snape-footer-button-box .button.btnNext:hover{
    background-color: var(--snape-primary-color);
    color: var(--snape-filled-button-text-color);
}
.form-hints{
    color: var(--snape-primary-color);
}

.snape-form .snape-form-slide .question-form-result{
    color: #1A1F3C !important;
}
#kontaktform-kontakt-freitext{
    display: none !important;
}

/*------------------------*/
.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected):hover{
    border-width: 3px;
    color: var(--snape-primary-color);
}
.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected)::before{
    background-color: transparent;
}
.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected) img{
    filter: invert(1) !important;
}

/*------------------------*/

@media screen and (max-width: 1023px){
    .snape-form{
        min-height: 80vh;
        overflow: visible;
        margin-bottom: 54px;
    }
    .snape-form .snape-form-slide{
        margin-bottom:0;
    }
    .snape-form .snape-form-slide .question-block .question-options .question-option,
    .snape-form .snape-form-slide .question-block .btnSubmit{
        width: 90% !important;
    }
    .snape-form .snape-form-slide .question-options{
        flex-direction: column;
        align-items: center;
    }
    .snape-form .snape-form-footer{
        bottom:-54px;
        justify-content: space-evenly;
    }
    .snape-form .snape-form-footer .slideInfo{
        display:none;
    }
    #Bestellseite #order-rechner.snape-form .snape-form-slide .question-block .question-options .question-option:not(.is-selected) img{
        filter: invert(0) !important;
    }
}