body {background: #F2F2F2;}
.page {background: #fff;
    max-width: 1540px;
    margin: 50px auto;
    width: 95%;}
.quizframe .content-wrapper {padding: 0}
.content-wrapper{max-width: 1906px !important}
main.main-content {width: 100%;margin: 0 auto !important; }
.main-content input, .main-content label, .main-content .explanation{font: var(--rootfz) var(--font);color: var(--dark);hyphens: auto;}
.main-content button {font-family:"haboro", sans-serif;}

.ce_form.multistep {overflow: visible;}
.ce_form.multistep > div {background-image: url("../img/Kita-Campus.svg"); background-repeat: no-repeat;background-position: bottom right 82px;background-size:  max(15%, 150px) auto;}
.ce_form.multistep form {display: flex;flex-direction: column; }
#mannheim.ce_form.multistep  > div {background-image: none!important;}
fieldset {border: none}
p.hint {font-size: 0.8em;color: var(--dunkelgrau);}



form #clickresult {position: absolute;  bottom: 44px; left: 499px;}
form .widget-submit.grey {left: 574px;}
form .widget-submit.grey a {opacity: 0.5;}


.main-content h1 {font-size: 2em;font-weight: bold;color: var(--kita); hyphens: auto}
.main-content h2, .main-content h3 {font-family: var(--font);color: var(--dark); hyphens: auto}
.main-content .folientitel {   position: absolute;top: -100px;width: 94%;
border-radius: var(--rundeecke);hyphens: auto}
.main-content h3 {margin: 100px 0 2em 0;hyphens: auto; font-size: var(--rootfz)}
.main-content h1.folientitel {position: unset; margin:0 0 50px 0}; hyphens: auto

/*erklärtext vor MC-Frage*/
.tiefer {position: absolute;top: 120px;max-width: 86%;}
.nach_text h3 {margin: 206px 0 2em 0 !important;}
.main-content .nach_text .folientitel {top: -296px !important;}

/*ergebnissseite*/
#result, .exnachtitel {padding-top: 100px;}
.main-content #auswertung .folientitel, .main-content #nichtbestanden .folientitel, .main-content #bestanden .folientitel  {top:-21px}
#auswertung ~ .widget-submit {display: none}
a.button {cursor: pointer}

form .widget.halb {clear: none; width: 44%; float: left; margin: 0 2% 2% 0;}

.ce_form.multistep form .formbody {display: grid;grid-template-columns: auto;grid-template-rows: auto;overflow: hidden;width: 100%;max-width: none;justify-content: unset; }
.ce_form.multistep form .formbody section {padding: 10px 82px 0 82px; }

.ce_form.multistep form .formbody section .widget {padding-inline: 0; }
.ce_form.multistep form .formbody section .widget label { padding: 0 0 0 20px; }
.ce_form.multistep form .formbody section .widget input[type="number"] {text-align: center;max-width: 300px;margin-left: auto;margin-right: auto; }
.ce_form.multistep form .formbody section .widget.widget-submit {padding-inline: 0; margin-bottom: 0 }
.ce_form.multistep form .formbody section .widget.widget-submit + .widget-submit {margin-top: 1em;justify-content: flex-start;flex-basis: 100%; }

.ce_form.multistep form .formbody section .widget .checkbox_container div {display: table-row}
.ce_form.multistep form .formbody section .widget .checkbox_container input {height: 18px !important;width: 18px !important;padding: 0 20px 0 0; display: table-cell !important;}
.ce_form.multistep form .formbody section .widget .checkbox_container label {display: table-cell !important;}
.ce_form.multistep form .formbody section .widget.widget-submit:has(button.jump-to-last-step){}
/*balken oben*/
.ce_form.multistep form div.multistep-progress {order: 2;display: block;width: 100%;position: fixed;top:0;}
.ce_form.multistep form div.multistep-progress .label {text-align: left;padding: 1em 0 0.5em 1em;font-size: 0.7em;   font-family: var(--font);}
.ce_form.multistep form div.multistep-progress .progress {position: relative;width: 100%;overflow: hidden; }
.ce_form.multistep form div.multistep-progress .progress .percent {display: none; }
.ce_form.multistep form div.multistep-progress .progress .bar {display: block;height: 4px;background: var(--kita);transition: width 1s; }
.ce_form.multistep form section {grid-column: 1;grid-row: 1;transform: translateX(-100%);transition: all 1s; }
.ce_form.multistep form section.active {transform: translateX(0); }
.ce_form.multistep form section.active ~ section {transform: translateX(100%);max-height: 0;opacity: 0; }

/*kein quiz*/
#nohint p.hint {display: none}
fieldset.standartwert div:first-of-type  {display: none !important}

/*Hinweis zu den Folien*/

.explanation.unten {position: absolute;bottom: 120px;opacity: 0.5;}

/*Antworthinweise*/
.ce_form.multistep .antworthinweis {position: absolute;
    top: 98px;
    right: 41px;
    width: 160px;
    background: var(--beige);
    padding-inline: var(--abs) !important;
    padding: 2rem;
    border-radius: var(--rundeecke);}

/*letzte Frage ohne input-Feld */
.ce_form.multistep form .formbody section .widget.last_ohneinput .checkbox_container > div:last-of-type input[type="checkbox"] {
    visibility: hidden;
}

@media (max-width:590px) {
    .ce_form.multistep form .formbody section{padding: 10px 41px 0 41px;}
    .ce_form.multistep > div {background-position: bottom right 41px;}
}