:root{--background:#fafafa;--background-dark:#2c2c2a;--background-light:#ecebe4;--text-color:#808184;--headline-color:#2f3033;--main-color:#1f7a8c;--white:#fff;--border-color:#d9d9d9;--h1-size:42px;--h1-size-big:60px;--h1-line-height:103%;--h2-size:40px;--h2-line-height:120%;--h3-size:20px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:18px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px}.quiz-page{position:relative}.quiz-page .loading-overlay{z-index:1000;background-color:rgba(255,255,255,.8);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.quiz-page .loading-overlay .loading-spinner{color:#4b5563;background-color:#fff;border-radius:12px;align-items:center;gap:1rem;padding:2rem;font-size:1rem;display:flex;box-shadow:0 4px 6px rgba(0,0,0,.1)}.quiz-page .loading-overlay .loading-spinner:before{content:"";border:3px solid #e2e8f0;border-top-color:var(--main-color);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-page .quiz-container{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.quiz-page .quiz-container .error-message{color:#b91c1c;text-align:center;background-color:#fee2e2;border:1px solid #ef4444;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.quiz-page .quiz-container .quiz-progress{text-align:center;margin-bottom:2rem}.quiz-page .quiz-container .quiz-progress .step-counter{color:#64748b;margin-bottom:1rem;font-size:.875rem}.quiz-page .quiz-container .quiz-progress .progress-steps{justify-content:center;align-items:center;gap:.5rem;max-width:600px;margin:0 auto;padding:0 1rem;display:flex}.quiz-page .quiz-container .quiz-progress .progress-steps .step{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;transition:all .3s;display:flex;position:relative}.quiz-page .quiz-container .quiz-progress .progress-steps .step.active{background-color:var(--main-color);color:#fff;transform:scale(1.1)}.quiz-page .quiz-container .quiz-progress .progress-steps .step.completed{background-color:var(--main-color);color:#fff}.quiz-page .quiz-container .quiz-progress .progress-steps .step:not(:last-child):after{content:"";background-color:#e2e8f0;width:24px;height:2px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.quiz-page .quiz-container .quiz-progress .progress-steps .step.completed:not(:last-child):after{background-color:var(--main-color)}.quiz-page .quiz-container .quiz-content .quiz-header{text-align:center;margin-bottom:2rem}.quiz-page .quiz-container .quiz-content .quiz-header h2{text-transform:none;color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.quiz-page .quiz-container .quiz-content .quiz-header p{color:#666;font-size:1rem}.quiz-page .quiz-container .quiz-content .options-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.quiz-page .quiz-container .quiz-content .options-grid button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;width:100%;padding:1rem;transition:all .2s;display:flex}.quiz-page .quiz-container .quiz-content .options-grid button:hover{background-color:rgba(97,191,227,.1);border-color:rgba(97,191,227,.3)}.quiz-page .quiz-container .quiz-content .options-grid button:focus{border-color:var(--main-color);outline:none;box-shadow:0 0 0 3px rgba(227,0,11,.2)}.quiz-page .quiz-container .quiz-content .options-grid button.selected{border-color:var(--main-color);background-color:rgba(97,191,227,.1);box-shadow:0 0 0 3px rgba(97,191,227,.2)}.quiz-page .quiz-container .quiz-content .options-grid button img{object-fit:cover;border-radius:6px;width:48px;height:48px;margin-right:1rem}.quiz-page .quiz-container .quiz-content .options-grid button span{color:#4b5563;font-size:1rem}.quiz-page .quiz-container .quiz-content form{margin-top:2rem}.quiz-page .quiz-container .quiz-content form textarea{color:#4b5563;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-height:120px;margin-bottom:1rem;padding:1rem;font-size:1rem;transition:all .2s}.quiz-page .quiz-container .quiz-content form textarea:focus{border-color:var(--main-color);outline:none;box-shadow:0 0 0 3px rgba(227,0,11,.2)}.quiz-page .quiz-container .quiz-content .button-group{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.quiz-page .quiz-container .quiz-content .button-group button{border-radius:8px;min-width:120px;padding:.75rem 2rem;font-weight:600;transition:all .2s}.quiz-page .quiz-container .quiz-content .button-group button.back-button{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.quiz-page .quiz-container .quiz-content .button-group button.back-button:hover{background-color:#e5e7eb}.quiz-page .quiz-container .quiz-content .button-group button:not(.back-button){background-color:var(--main-color);color:#fff;border:none}.quiz-page .quiz-container .quiz-content .button-group button:not(.back-button):hover:not(:disabled){cursor:pointer;transform:scale3d(.95,.95,1.001)}.quiz-page .quiz-container .quiz-content .button-group button:not(.back-button):disabled{cursor:not-allowed;background-color:rgba(31,122,140,.5)}.contact-form{flex-direction:column;gap:1.5rem;width:100%;max-width:500px;margin:0 auto;display:flex}.contact-form .form-field{flex-direction:column;gap:.5rem;display:flex}.contact-form .form-field label{color:#333;font-weight:500}.contact-form .form-field label .required{color:#e53e3e;margin-left:.25rem}.contact-form .form-field input{border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem;font-size:1rem;transition:border-color .2s}.contact-form .form-field input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(var(--main-color),.15);outline:none}.contact-form .form-field input.invalid{border-color:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.15)}.contact-form .form-field .error-text{color:#e53e3e;margin-top:.25rem;font-size:.875rem}.slider-container{width:100%;max-width:500px;margin:2rem auto;padding:0 1rem}.slider-container .slider{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;margin:1.5rem 0}.slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--main-color);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:background .2s}.slider-container .slider::-webkit-slider-thumb:hover{background:#36addb}.slider-container .slider::-moz-range-thumb{background:var(--main-color);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;transition:background .2s}.slider-container .slider::-moz-range-thumb:hover{background:#36addb}.slider-container .slider-value{text-align:center;color:#2d3748;margin-top:1rem;font-size:1.25rem;font-weight:500}.text-input{border:1px solid #e2e8f0;border-radius:.375rem;width:100%;margin-bottom:1.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}.text-input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.15)}.file-upload-container{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;width:100%;max-width:500px;margin:2rem auto;padding:2rem;transition:all .2s;position:relative}.file-upload-container:hover{border-color:var(--main-color);background-color:#fff5f5}.file-upload-container:active{transform:scale(.98)}.file-upload-container .file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-upload-container .selected-files{text-align:left;margin-top:1rem}.file-upload-container .selected-files .file-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}.file-upload-container .selected-files .file-item .file-name{color:#4b5563;word-break:break-all;margin-right:1rem;font-size:.875rem}.file-upload-container .selected-files .file-item .remove-file{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:.25rem;font-size:1.25rem;line-height:1;display:flex}.file-upload-container .selected-files .file-item .remove-file:hover{background-color:#fee2e2}.file-upload-container .selected-files .upload-message{color:#64748b;text-align:center;margin-top:1rem;font-size:.875rem}.file-upload-container .file-upload-info{color:#64748b;pointer-events:none;margin-top:1rem;font-size:.875rem}.file-upload-container .file-upload-info span{margin-top:.5rem;font-size:.75rem;display:block}.file-upload-container:before{content:"Dateien hierher ziehen oder klicken zum Auswählen";color:#4b5563;pointer-events:none;margin-bottom:1rem;font-weight:500;display:block}.date-picker-container{width:100%;max-width:500px;margin:2rem auto}.date-picker-container .date-input{color:#4b5563;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.date-picker-container .date-input:focus{border-color:var(--main-color);outline:none;box-shadow:0 0 0 3px rgba(227,0,11,.15)}input.invalid{box-shadow:0 0 0 2px #fee2e2;border-color:#e53e3e!important}
:root{--background:#fafafa;--background-dark:#2c2c2a;--background-light:#ecebe4;--text-color:#808184;--headline-color:#2f3033;--main-color:#1f7a8c;--white:#fff;--border-color:#d9d9d9;--h1-size:42px;--h1-size-big:60px;--h1-line-height:103%;--h2-size:40px;--h2-line-height:120%;--h3-size:20px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:18px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px}.parallax-divider{justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative;overflow:hidden}@media (max-width:991.98px){.parallax-divider{height:400px}}@media (max-width:768.98px){.parallax-divider{height:350px}}.parallax-divider .parallax-bg{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:150%;position:absolute;top:-200px;bottom:-200px;left:0;right:0}@media (max-width:768.98px){.parallax-divider .parallax-bg{background-attachment:fixed;min-height:100%;top:0;bottom:0}}.parallax-divider .parallax-overlay{z-index:1;background:linear-gradient(135deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.parallax-divider .parallax-content{z-index:2;width:100%;padding:2rem;position:relative}.parallax-divider .parallax-content .parallax-subtitle{color:var(--white);text-transform:uppercase;letter-spacing:2px;opacity:.9;margin-bottom:1rem;font-size:1rem;font-weight:600}@media (max-width:768.98px){.parallax-divider .parallax-content .parallax-subtitle{font-size:.875rem}}.parallax-divider .parallax-content .parallax-title{color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:1.2}@media (max-width:991.98px){.parallax-divider .parallax-content .parallax-title{font-size:2.5rem}}@media (max-width:768.98px){.parallax-divider .parallax-content .parallax-title{margin-bottom:1.5rem;font-size:2rem}}.parallax-divider .parallax-content .customBtn{margin-top:1rem;display:inline-flex}