* {
    --button-rounded: 10;

    --button-color: #F40000;
    --button-hover-color: #770606;
    --button-text-color: #FFFFFF;
    --button-border-color: #FFFFFF;
    --button-border-thickness: 0; 

    --button-secondary-color: #FFFFFF;
    --button-secondary-hover-color: #EEEEEE;
    --button-secondary-text-color: #13131E;
    --button-secondary-border-color: #F40000;
    --button-secondary-border-thickness: 3; 

    --progress-bar-color: #F40000;

    --background-primary: #FFFFFF;
    --text-primary: #13131E;

    --background-secondary: #171730;
    --text-secondary: #000000;

    --cookie-background: #FFFFFF;
    --cookie-text-color: #05010100;

    --showQuestionButton: block};
}

/*footer*/
.footer{
    color: var(--text-secondary) !important;
    background: none !important;
    background-color: var(--background-secondary) !important;
}

/*sliderselector*/
.valuesluder_section .ui-slider-range {
    background: none !important;
    background-color: var(--progress-bar-color) !important;
}
.valuesluder_section .choicerbutton{
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.valuesluder_section .choicerbutton:hover {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

/*deepdive*/
.deepdive.section{
    background: none !important;
    color: var(--text-secondary) !important;
    background-color: var(--background-secondary) !important;
}

/*assignment section*/
.assignment_section .assignmentchoice.active{
    color: var(--text-secondary) !important;
    background: none !important;
    background-color: var(--background-secondary) !important;
}

.assignment_section .choicerbutton{
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

.assignment_section .choicerbutton:hover {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

/*nextchapter section*/
.nextchapter_section .bigbutton{
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.nextchapter_section .bigbutton:hover {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

.nextchapter_section .bigbuttonfinish {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

.nextchapter_section .bigbuttonfinish:hover {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

/*skillbar*/
.skillbar-bar{
    background-image: linear-gradient(to right, rgb(222,222,222), var(--progress-bar-color)) !important;
}

/*quotesection*/
.quotesdunkel_section{
    background: none !important;
    color: var(--text-secondary) !important;
    background-color: var(--background-secondary) !important;
}

/*sortable*/
.sortable .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

.sortable .choicebutton:hover {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

/*block background and text-color*/
.block{
    color: var(--text-primary) !important;
    background: none !important;
    background-color: var(--background-primary) !important;
}

/*icon select*/
.iconclick_section .flexcontent .thumb.active {
    background: none !important;
    border: none !important;
    background-color: var(--background-secondary) !important;
}
.iconclick_section .flexcontent .thumb:hover {
    background: none !important;
    border: none !important;
    background-color: var(--background-secondary) !important;
}

/*text+image*/
.scrolltexttoimagepart2 .sectionclass{
    color: var(--text-secondary) !important;
    background: none !important;
    background-color: var(--background-secondary) !important;
}

/*progress bar*/
.progress-bar {
    background: none !important;
    background-color: var(--progress-bar-color) !important;
}
/*Cookie field*/
.cookie{
    color: var(--cookie-text-color)!important;
    background: none !important;
    background-color: var(--cookie-background) !important;
}
.menu_section .menubutton button {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.cookie .cookiebutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}

/*button outside questionair*/
.kv_section .container button {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.kv_section .container button:hover {
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.page-item.anker {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.helperwrapper .helper {
    display: var(--showQuestionButton) !important;
    color: var(--button-text-color) !important;
    background-color:var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.deepbutton {
    color: var(--button-text-color) !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.deepbutton:hover {
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.ankerbutton {
    color: var(--button-text-color) !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.ankerbutton:hover {
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.button {
    color: var(--button-text-color) !important;
    background: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.button:hover {
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.multiplechoice_section .choicerbutton{
    color: var(--button-text-color);
    background: none !important;
    background-color: var(--button-color);
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.multiplechoice_section .choicerbutton:hover {
    color: var(--button-text-color);
    background: none !important;
    background-color: var(--button-color);
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}


/*button inside questionair*/
.fragebogen .singlequiz .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .singlequiz .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .valuequiz .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .valuequiz .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .multi .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .multi .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .textarea .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .textarea .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .kontakt .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .kontakt .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .finisher .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .finisher .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .sort .choicerbutton {
    color: var(--button-text-color) !important;
    background: none !important;
    background-color: var(--button-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}
.fragebogen .sort .choicebutton:hover {
    background: none !important;
    background-color: var(--button-hover-color) !important;
    border-radius: var(--button-rounded) px !important;
    border: var(--button-border-thickness) px solid var(--button-border-color) !important;
}