:root{--background:#f4f4f5;--background-dark:#2c2c2a;--background-light:#f4f4f5;--text-color:#222d3a;--headline-color:#222d3a;--main-color:#96a2b0;--white:#fff;--border-color:#d9d9d9;--highlight-color:#b41c30;--fairplay-blue:#373737;--h1-size:42px;--h1-size-big:63px;--h1-line-height:103%;--h2-size:30px;--h2-line-height:120%;--h3-size:32px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:16px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px;--ad-consent-surface:#222d3a;--ad-consent-fg:#fff;--ad-consent-muted:#c3cbd4;--ad-consent-brand:#fff;--ad-consent-primary-bg:#fff;--ad-consent-primary-fg:#222d3a;--ad-consent-ink:#222d3a;--ad-consent-border:#ffffff24}.quiz-page{position:relative}.quiz-page .loading-overlay{z-index:1000;background-color:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset: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 #0000001a}.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 #0000001a}.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:#61bfe31a;border-color:#61bfe34d}.quiz-page .quiz-container .quiz-content .options-grid button:focus{border-color:var(--main-color);outline:none;box-shadow:0 0 0 3px #e3000b33}.quiz-page .quiz-container .quiz-content .options-grid button.selected{border-color:var(--main-color);background-color:#61bfe31a;box-shadow:0 0 0 3px #61bfe333}.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 #e3000b33}.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{color:#94a3b8;cursor:not-allowed;opacity:1;background-color:#cbd5e1}.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:var(--main-color);box-shadow:0 0 0 3px #e3000b26}.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{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 #4299e126}.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 #e3000b26}input.invalid{box-shadow:0 0 0 2px #fee2e2;border-color:#e53e3e!important}
:root{--background:#f4f4f5;--background-dark:#2c2c2a;--background-light:#f4f4f5;--text-color:#222d3a;--headline-color:#222d3a;--main-color:#96a2b0;--white:#fff;--border-color:#d9d9d9;--highlight-color:#b41c30;--fairplay-blue:#373737;--h1-size:42px;--h1-size-big:63px;--h1-line-height:103%;--h2-size:30px;--h2-line-height:120%;--h3-size:32px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:16px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px;--ad-consent-surface:#222d3a;--ad-consent-fg:#fff;--ad-consent-muted:#c3cbd4;--ad-consent-brand:#fff;--ad-consent-primary-bg:#fff;--ad-consent-primary-fg:#222d3a;--ad-consent-ink:#222d3a;--ad-consent-border:#ffffff24}.quizModal{background:0 0;border:0;width:min(720px,100vw - 32px);max-width:none;max-height:min(92vh,900px);padding:0;overflow:visible}.quizModal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#222d3ab8}.quizModal__panel{background:var(--white);border-radius:20px;flex-direction:column;max-height:min(92vh,900px);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000059}.quizModal__head{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px 18px;display:flex}@media (max-width:768.98px){.quizModal__head{padding:18px 20px 16px}}.quizModal__head p{margin:0}.quizModal__label{letter-spacing:.8px;text-transform:uppercase;color:var(--highlight-color);font-size:12px;font-weight:600}.quizModal__job{color:var(--headline-color);margin-top:2px;font-size:16px;font-weight:500;line-height:130%}@media (max-width:768.98px){.quizModal__job{font-size:15px}}.quizModal__close{width:38px;height:38px;color:var(--headline-color);background:var(--background);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.quizModal__close:hover{color:var(--white);background:var(--headline-color)}.quizModal__body{flex:1;min-height:0;padding:26px;overflow-y:auto}@media (max-width:768.98px){.quizModal__body{padding:20px}}.quiz-page.quiz-page--modal .quiz-container{max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}
:root{--background:#f4f4f5;--background-dark:#2c2c2a;--background-light:#f4f4f5;--text-color:#222d3a;--headline-color:#222d3a;--main-color:#96a2b0;--white:#fff;--border-color:#d9d9d9;--highlight-color:#b41c30;--fairplay-blue:#373737;--h1-size:42px;--h1-size-big:63px;--h1-line-height:103%;--h2-size:30px;--h2-line-height:120%;--h3-size:32px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:16px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px;--ad-consent-surface:#222d3a;--ad-consent-fg:#fff;--ad-consent-muted:#c3cbd4;--ad-consent-brand:#fff;--ad-consent-primary-bg:#fff;--ad-consent-primary-fg:#222d3a;--ad-consent-ink:#222d3a;--ad-consent-border:#ffffff24}.quizPreview.quizPreview{background:var(--white);border:1px solid var(--border-color);border-radius:20px;max-width:520px;margin:30px 0 24px;padding:26px 28px;box-shadow:0 18px 50px #0000002e}@media (max-width:768.98px){.quizPreview.quizPreview{margin:24px 0 20px;padding:22px 20px}}.quizPreview.quizPreview .quizPreview__label{letter-spacing:.8px;text-transform:uppercase;color:var(--highlight-color);margin:0 0 6px;font-size:12px;font-weight:600;line-height:140%}.quizPreview.quizPreview .quizPreview__question{color:var(--headline-color);margin:0 0 18px;font-size:17px;font-weight:500;line-height:138%}@media (max-width:768.98px){.quizPreview.quizPreview .quizPreview__question{font-size:16px}}.quizPreview.quizPreview .quizPreview__options{flex-direction:column;gap:10px;display:flex}.quizPreview.quizPreview .quizPreview__option{text-align:left;width:100%;color:var(--headline-color);background:var(--white);border:1.5px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:15px;font-weight:500;line-height:135%;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex}.quizPreview.quizPreview .quizPreview__option svg{opacity:.65;flex-shrink:0;transition:transform .2s,opacity .2s}.quizPreview.quizPreview .quizPreview__option:hover{border-color:var(--headline-color);transform:translateY(-1px)}.quizPreview.quizPreview .quizPreview__option:hover svg{opacity:1;transform:translate(3px)}.quizPreview.quizPreview .quizPreview__option--primary{color:var(--white);background:var(--headline-color);border-color:var(--headline-color)}.quizPreview.quizPreview .quizPreview__option--primary:hover{background:#16202b;border-color:#16202b}.quizPreview.quizPreview .quizPreview__hint{color:var(--text-color);opacity:.6;margin:14px 0 0;font-size:13px;line-height:145%}
.quizTrigger{color:inherit;font:inherit;text-align:inherit;appearance:none;background:0 0;border:0;align-self:start;padding:0;display:inline-block}