body,html{margin:0;overflow-x:hidden}#questionnaire-container{background-color:var(--color-background);border-radius:var(--radius-base);box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--font-size-text);font-weight:var(--font-weight-text);height:90vh;margin-left:auto;margin-right:auto;max-height:750px;max-width:940px;overflow:hidden;padding:32px 0 0;width:100%}#questionnaire-container,h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-family-base)}h1,h2,h3,h4{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:1.3;margin:0 0 20px}#questionnaire-container .progress-bar{background-color:hsla(0,0%,100%,.9);border-radius:4px;height:7px;margin:0 auto 22px;max-width:920px;overflow:hidden;width:100%}.progress-fill{background-color:var(--color-bolle-yellow);border-radius:4px;height:100%;transition:width .3s ease;width:9%}.step{animation:slideIn .3s ease;background:var(--color-background);border:1px solid #eee;border-radius:18px;display:none;flex-grow:1;padding:40px}.step.active{background:transparent;border:none;box-shadow:none;display:block;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 36px;position:relative}.step.active h2{color:#16222c;font-size:2rem;font-weight:700;margin:40px 0 32px;text-align:center}.step.slide-out{animation:slideOut .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}h2{color:#333;font-size:20px;font-weight:700}.info-text,h2{margin:0 0 20px}.info-text{align-items:center;color:var(--color-almost-black);display:flex;font-size:14px;gap:8px;line-height:1.3;text-align:center}.card-grid,.info-text{justify-content:center}.card-grid{display:grid;gap:2vh 2vw;grid-template-columns:repeat(4,1fr);max-width:860px}.card{background:var(--color-card-bg);border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-text);font-weight:var(--font-weight-text);height:var(--card-height);overflow:hidden;padding:0;transition:border-color .2s,box-shadow .2s,transform .22s}.card:active,.card:hover{background:var(--color-bolle-yellow);border-color:var(--color-bolle-yellow);color:var(--color-almost-black)}.card-image{height:80%;object-fit:cover;object-position:center;width:100%}.card-text{align-items:center;background:transparent;color:var(--color-almost-black);display:flex;flex:1 1 auto;font-size:var(--font-size-text);height:20%;justify-content:center;text-align:center}.card-text p{margin:0}.circle-check{appearance:none;background:#fff;border:2px solid gold;border-radius:50%;cursor:pointer;height:28px;position:relative;transition:background .2s,border-color .2s;width:28px}.circle-check:checked{background:var(--color-bolle-yellow);border:var(--color-bolle-yellow)}.circle-check:checked:after{content:"";height:9px;inset:0;margin:auto;position:absolute;width:6px}.checkbox-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:var(--radius-btn);cursor:pointer;display:flex;gap:1em;padding:1em;transition:all .2s ease}.checkbox-item input[type=checkbox]{accent-color:gold;cursor:pointer;height:20px;width:20px}.features-grid{bottom:0;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);left:50%;margin-left:auto;margin-right:auto;max-width:none;position:absolute;right:auto;transform:translateX(-50%);width:80%}.feature{align-items:center;background-color:none;border-radius:var(--radius-base);color:var(--color-almost-black);display:flex;font-size:10;gap:8px;justify-content:left;margin-right:15px;margin-top:15px;text-align:left}.feature-icon{width:30px}#step1 .card-image{height:10em}#step1 .card-text{color:var(--color-almost-black);font-size:15px;font-weight:400}#step4 .step.active,#step5 .step.active{display:flex;flex-direction:column}#step4 .flexible-view,#step5 .flexible-view{display:grid;flex:1;margin-top:10%;place-items:center}#step4 .flexible-view .card-grid,#step5 .flexible-view .card-grid{display:grid;gap:25px;grid-template-columns:repeat(3,1fr);max-width:920px;width:90%}#step4 .flexible-view .card,#step5 .flexible-view .card{align-items:center;appearance:none;-webkit-appearance:none;border-radius:var(--radius-base);display:flex;justify-content:center;max-height:54px;min-height:20px}#step4 .flexible-view .card.selected,#step5 .flexible-view .card.selected{background:var(--color-bolle-yellow);border-color:var(--color-bolle-yellow)}#step4 .calendar-view,#step5 .calendar-view{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-top:3vh;max-width:920px;min-height:54px;width:90%}#step6 .step.active{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}#step6 .form-group{align-items:end;display:flex;height:25vh;justify-content:center}#step7 .form-group{height:50vh}#step7 .form-group,#step8 .form-group{align-items:center;display:flex;justify-content:center}#step8 .form-group{gap:5px;margin-left:auto;margin-right:auto;margin-top:2%;max-width:500px;width:100%}#step8 .text-input{width:100%}#step99 .step.active{align-items:center;display:flex;flex-direction:column}#step10 .form-group,#step99 .form-group{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center}#step10 .form-group{height:20vw}#step10 .text-input,#step99 .radio-group,#step99 .text-input{min-width:250px;width:50%}#step8 .checkbox-item{background:none;border:none}#step10 .features-grid{grid-template-columns:repeat(3,1fr);width:100%}#step9.step.active{align-items:center;display:flex;flex-direction:column;justify-content:center}.checkbox-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.size-slider-container{margin-top:10%}.size-display{color:var(--color-almost-black);font-size:24px;font-weight:700;margin-bottom:20px;text-align:left}.size-slider{background:var(--color-almost-black);border-radius:4px;cursor:pointer;height:3px;margin-bottom:10px;width:100%}input[type=range]{accent-color:var(--color-bolle-yellow);-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{accent-color:var(--color-bolle-yellow)}input[type=range]:active::-webkit-slider-runnable-track,input[type=range]:hover::-webkit-slider-runnable-track{accent-color:var(--color-almost-black);-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-bolle-yellow);border:none;border-radius:50%;height:36px;transition:transform .2s ease-in-out;width:36px}.size-slider::-webkit-slider-thumb:active,.size-slider::-webkit-slider-thumb:hover{transform:scale(1.5)}input[type=range]::-moz-range-thumb{-moz-appearance:none;background:var(--color-bolle-yellow);border:none;border-radius:50%;height:36px;transition:transform .2s ease-in-out;width:36px}.size-slider::-moz-range-track:active,.size-slider::-moz-range-track:hover{accent-color:var(--color-almost-black);-moz-appearance:none}.size-slider::-moz-range-thumb:active,.size-slider::-moz-range-thumb:hover{background-color:var(--color-bolle-yellow)!important;transform:scale(1.5)}.size-labels{color:var(--color-almost-black);display:flex;font-size:var(--font-size-text);justify-content:space-between}.view-toggle{align-items:stretch;background:none;border:1px solid rgba(0,0,0,.12);border-radius:999px;display:inline-flex;gap:0;justify-content:center;margin-bottom:0;overflow:hidden}.view-toggle button.toggle-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.view-toggle button.toggle-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.size-slider:focus,.size-slider:focus-visible{outline:none}.size-slider::-moz-focus-outer{border:0}.toggle-btn{align-items:center;appearance:none;background:transparent;border:0;color:var(--color-almost-black);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 22px;transition:all .2s ease}.toggle-btn.active,.toggle-btn:hover{background:var(--color-bolle-yellow);border:none;color:var(--color-almost-black)}.toggle-btn:hover{filter:brightness(80%)}.toggle-btn.active .check{opacity:1;width:auto}.vl{background:rgba(0,0,0,.12);height:auto;margin:0;width:1px}.check{color:var(--color-almost-black);font-weight:700;opacity:0;transition:opacity .15s ease,width .15s ease;width:auto}.segmented-wrapper{align-items:center;display:flex;gap:16px;margin-left:auto;margin-right:auto;width:90%}.line{background:rgba(0,0,0,.12);flex:1;height:1px}.text-input,.textarea-input{border:1px solid var(--color-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-almost-black);font-size:var(--font-size-text);min-width:250px;overflow:auto;padding:15px;resize:none;width:50%}.text-input.name{flex-grow:1;min-width:0}.text-input:focus,.textarea-input:focus{border-color:gold;outline:none}.text-input.postal-input{box-sizing:border-box;text-align:center;width:200px}.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;margin-right:auto}.radio-group label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-group input[type=radio]{accent-color:gold;cursor:pointer;height:18px;width:18px}.privacy-text{background-color:none;color:var(--color-privacy-text);font-size:8px;line-height:1.2;margin-left:auto;margin-right:auto;margin-top:15px;max-width:500px;width:100%}.privacy-text p{margin-bottom:10px}.privacy-icon{height:15px;padding:10px}.footer-buttons{gap:12px}.btn-next,.footer-buttons{align-items:center;display:flex;justify-content:center}.btn-next{border:none;border-radius:var(--radius-btn);cursor:pointer;font-size:var(--font-size-text);height:46px;max-width:300px;min-width:236px;transition:all .2s ease}.btn-next,.btn-next:active,.btn-next:disabled,.btn-next:hover{background-color:var(--color-bolle-yellow)!important;color:var(--color-almost-black)!important}.btn-next:disabled{filter:brightness(80%)!important}.btn-prev{align-items:center;background:transparent!important;border:2px solid var(--color-bolle-yellow);border-radius:var(--radius-btn);color:var(--color-almost-black)!important;cursor:pointer;display:flex;font-size:var(--font-size-text);height:46px;justify-content:center;max-width:300px;min-width:236px;transition:all .2s ease}.btn-prev:active,.btn-prev:hover{background:var(--color-bolle-yellow)!important}.thank-you{text-align:center}.thank-you h2{color:gold;font-size:24px;margin-bottom:20px}.thank-you p{color:var(--color-almost-black);font-size:20px;margin-bottom:15px}.calendar{align-items:start;display:grid;gap:28px;grid-template-columns:repeat(3,minmax(220px,1fr));margin-top:8px}.calendar-month{background:#fff;border:1px solid #e2e6ea;border-radius:var(--radius-base);box-shadow:0 1px 0 rgba(0,0,0,.02);display:flex;flex-direction:column;padding:14px 16px 16px}.calendar-header{align-items:center;color:#16222c;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-bottom:6px;position:relative}.calendar-nav{color:#9aa3ac;cursor:pointer;font-size:18px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);user-select:none}.calendar-nav.left{left:4px}.calendar-nav.right{right:4px}.calendar-grid{color:#1b2f3b;display:grid;flex:1 1 auto;font-size:12.5px;gap:6px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,var(--calendar-day-size))}.calendar-day{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:var(--calendar-day-size);justify-content:center;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;width:var(--calendar-day-size)}.calendar-day.filler{pointer-events:none;visibility:hidden}.calendar-day.selected{background-color:var(--color-bolle-yellow);box-shadow:inset 0 0 0 2px rgba(255,215,0,.38);color:#16222c;font-weight:600}.questionnaire-footer{align-items:center;background:transparent;display:grid;flex-shrink:0;gap:18px;grid-template-rows:auto 46px;margin-top:auto;padding-bottom:22px;padding-top:18px;width:100%}.logo{height:60px}.logo,p#aufstellort{margin-left:auto;margin-right:auto}p#aufstellort{text-align:center}@media (max-width:900px){#questionnaire-container{max-width:100vw}.progress-bar{max-width:99%;width:99vw}.card-grid{gap:18px 10px;grid-template-columns:repeat(2,1fr)}.step.active{padding:0 10px}}@media (max-width:600px){.card-grid{gap:18px 10px;grid-template-columns:repeat(2,1fr)}.calendar,.checkbox-grid,.features-grid{grid-template-columns:1fr}.calendar{gap:16px}.btn-next,.btn-prev{font-size:15px;height:40px;min-width:170px}.progress-bar{height:5px}}