:root{--brand-yellow: rgb(255, 222, 70);--brand-grey: rgba(255, 222, 70, .2);--brand-aubergine: rgb(102, 0, 102);--brand-aubergine-20: rgba(102, 0, 102, .2);--error-color: var(--brand-aubergine);--success-color: var(--brand-aubergine);--border-color: var(--brand-aubergine-20);--font-family-primary: "Rubik", sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--spacing-xs: .125em;--spacing-sm: .25em;--spacing-md: .375em;--spacing-lg: .625em;--spacing-xl: 1.25em;--spacing-xxl: 2em;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.2rem;--font-size-xl: 1.6rem;--font-size-xxl: 2rem;--breakpoint-mobile: 348px;--breakpoint-tablet: 768px}*{box-sizing:border-box}body{display:flex;justify-content:center;text-align:center;min-height:100vh;margin:0;padding:0}input,textarea{padding:var(--spacing-md);font-size:var(--font-size-base);border:var(--spacing-xs) solid black;margin-bottom:var(--spacing-lg);text-align:center;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--brand-aubergine);box-shadow:0 0 0 2px var(--brand-aubergine-20)}a{color:#000;text-decoration:none;transition:color .3s ease}a:hover{color:var(--brand-aubergine)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button{background:var(--brand-aubergine);border:.15em solid black;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);color:#fff;padding:.6em 1.5em;display:flex;margin:.7em auto 0;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;justify-content:center;align-items:center}.submit-btn{background-color:var(--brand-aubergine);color:#fff;margin-bottom:var(--spacing-xl)}.submit-btn:hover{background-color:var(--brand-aubergine)}.answer-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border:2px solid var(--brand-aubergine-20);background:var(--brand-aubergine-20);cursor:pointer;transition:all .3s ease;text-align:left;min-height:60px;width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:#000}.answer-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-aubergine);color:#fff;font-weight:var(--font-weight-bold);border-radius:50%;font-weight:600;margin-right:var(--spacing-md);flex-shrink:0;font-size:var(--font-size-sm)}.answer-text{flex:1;font-size:var(--font-size-base);line-height:1.4}.pretest-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}@media (min-width: 600px){.pretest-container{margin:2rem auto}}.pretest-content{max-width:800px;margin:0 auto}.pretest-questions-container{background:#fff;padding:var(--spacing-xl);border:2px solid var(--brand-aubergine-20);box-shadow:0 2px 8px var(--brand-aubergine-20);margin-bottom:var(--spacing-lg)}.pretest-question-text-german{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary)}.pretest-question-text-english{font-size:var(--font-size-base);color:#000;font-family:var(--font-family-primary);margin:0 0 var(--spacing-md) 0;line-height:1.6}.pretest-answer-section{margin-bottom:var(--spacing-xl)}.answer-grid{display:grid;grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.pretest-answer-btn{color:#000;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border:2px solid var(--brand-aubergine);background:var(--brand-aubergine-20);cursor:pointer;transition:all .3s ease;text-align:left;min-height:60px;width:100%}.pretest-answer-btn.selected{color:#fff;background:linear-gradient(135deg,var(--brand-aubergine),white)}.selection-indicator{color:var(--brand-aubergine);font-size:1.2em}.navigation-section{text-align:center}.next-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.next-btn.disabled{opacity:.5;cursor:not-allowed}.btn-text{font-weight:600;margin-right:.2rem}.selection-hint{font-size:var(--font-size-sm);color:#000;margin-top:.5rem}.test-content{max-width:800px;margin:0 auto}.language-test-question{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary)}.answer-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.image-container{text-align:center;margin:var(--spacing-lg) 0}.test-image{max-width:100%;height:auto}.sub-question-container{background:#fff;padding:var(--spacing-xl);border:2px solid var(--brand-aubergine-20);box-shadow:0 2px 8px var(--brand-aubergine-20);margin-bottom:var(--spacing-lg);border-left:4px solid var(--brand-aubergine)}.test-results-container{margin:0 auto;margin-top:var(--spacing-lg);border:var(--spacing-xs) solid var(--brand-aubergine);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--brand-aubergine-20);box-shadow:0 4px 12px var(--brand-aubergine-20);max-width:100%;width:100%}.results-page{min-height:100vh;padding:var(--spacing-lg)}.results-header{text-align:center}.celebration-icon{font-size:4rem;display:block}.results-title{color:var(--brand-aubergine);margin:0 0 var(--spacing-sm) 0;font-weight:700}.results-subtitle{font-size:var(--font-size-lg);color:#000;margin:0 0 var(--spacing-lg) 0;font-weight:400}.score-section{margin-bottom:var(--spacing-xl)}.section-heading{font-size:var(--font-size-xl);color:var(--brand-aubergine);margin:0 0 var(--spacing-lg) 0;text-align:center;font-weight:600}.score-card{background:linear-gradient(135deg,var(--brand-aubergine),var(--brand-aubergine));color:#fff;padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-lg);box-shadow:0 8px 24px #00000026}.level-badge{display:flex;align-items:center;background:#fff;border:3px solid var(--brand-aubergine);padding:var(--spacing-lg);box-shadow:0 4px 16px #0000001a}.level-indicator{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:700;margin-right:var(--spacing-lg);flex-shrink:0}.level-info{flex:1}.level-name{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-sm) 0;font-weight:600}.level-description{font-size:var(--font-size-base);color:#000;margin:0;line-height:1.5}.options-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:100%;margin:0 auto;padding:0 var(--spacing-md)}.option-card{background:#fff;padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;text-align:center;border:2px solid transparent;transition:all .3s ease;width:100%}.option-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--brand-aubergine)}.option-title{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-md) 0;font-weight:600}.option-description{font-size:var(--font-size-base);color:#000;margin:0 0 var(--spacing-lg) 0;line-height:1.5}.btn-icon{margin-right:var(--spacing-sm);font-size:1.2em}@media (min-width: var(--breakpoint-tablet)){.options-container{grid-template-columns:1fr auto 1fr;gap:var(--spacing-xl);align-items:center;max-width:800px;padding:0}.option-card{padding:var(--spacing-xl)}.option-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}}.recommendations-link{font-size:var(--font-size-xl);color:#000;transition:color .3s ease,transform .3s ease;display:inline-block}.recommendations-link:hover,.recommendations-link:focus{color:var(--brand-aubergine);transform:translateY(-1px)}.contact-us-container{margin:var(--spacing-xl) 0}.contact-page{box-shadow:0 8px 24px #0000001a;margin:var(--spacing-xl) 0}.contact-form-wrapper{padding:var(--spacing-xl)}.contact-header{text-align:center;margin-bottom:var(--spacing-xl)}.contact-subtitle{font-size:var(--font-size-base);color:#000;line-height:1.6;max-width:500px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column}.form-label{font-size:var(--font-size-base);font-weight:600;color:var(--brand-aubergine);margin-bottom:var(--spacing-sm)}.form-input{padding:var(--spacing-lg);margin:0;border:2px solid var(--border-color);font-size:var(--font-size-base);font-family:inherit;transition:all .3s ease;background:#fff;width:100%}.form-input:focus{outline:none;border-color:var(--brand-aubergine);box-shadow:0 0 0 3px #3498db1a;transform:translateY(-1px)}.form-input-error{border-color:var(--error-color);background-color:#e74c3c0d}.required-asterisk{color:var(--error-color);font-weight:700}.form-error-message{background-color:#e74c3c1a;color:var(--error-color);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border-left:4px solid var(--error-color);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.error-icon{flex-shrink:0}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-container{background-color:var(--brand-aubergine-20);border:2px solid var(--brand-aubergine);padding:var(--spacing-lg);text-align:center}.success-title{font-size:var(--font-size-xl);color:var(--success-color);margin:0 0 var(--spacing-md) 0;font-weight:700}.success-message{font-size:var(--font-size-base);color:#000;margin:0 0 var(--spacing-xl) 0;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.course-recommendations{background:#fff;padding:var(--spacing-lg);box-shadow:0 4px 16px #0000001a}.recommendations-title{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-lg) 0;font-weight:600}.recommendations-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--brand-aubergine);color:#fff;text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:var(--font-size-base);transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.recommendations-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-aubergine-20);text-decoration:none;color:#fff}.link-icon,.external-link-icon{font-size:1.2em}.external-link-icon{margin-left:var(--spacing-xs)}@media (max-width: var(--breakpoint-mobile)){.contact-form-wrapper{padding:var(--spacing-lg)}.contact-subtitle{font-size:var(--font-size-sm)}.success-container{padding:var(--spacing-md)}.success-title{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--brand-aubergine);outline-offset:2px}@media (prefers-contrast: high){:root{--primary-blue: #0066cc;--secondary-blue: #004499;--dark-blue: #002266;--accent-coral: #ff6600}}.progress-container{width:100%;max-width:400px;height:8px;background-color:var(--brand-aubergine-20);border-radius:4px;margin:0 auto var(--spacing-md) auto;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-aubergine),var(--brand-aubergine));border-radius:4px;transition:width .3s ease}.question-counter{font-size:.9rem;color:var(--brand-aubergine);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);margin:0}.progress-info{text-align:center;margin-bottom:var(--spacing-lg)}.question-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);line-height:1.4}.test-content-section{background:#fff;padding:var(--spacing-xl);box-shadow:0 2px 8px #0000001a;margin-bottom:var(--spacing-lg)}.test-instructions{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--brand-aubergine)}.divider{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--brand-aubergine),transparent);margin:var(--spacing-lg) 0}.passage-container{background-color:#fffc;padding:var(--spacing-lg);border-left:4px solid var(--brand-aubergine)}.passage-title{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin-bottom:var(--spacing-md);text-align:center}.test-image-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.passage-title:focus,.language-test-question:focus{outline:2px solid var(--brand-aubergine);outline-offset:2px}.progress-container{position:relative;box-shadow:inset 0 1px 3px #0003}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.instructions-text{font-size:var(--font-size-base);color:#000;line-height:1.6;margin:0}.passage-text{font-size:var(--font-size-base);line-height:1.7;color:#000;margin:0;text-align:justify}.current-question-focus{background:#fff;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:0 2px 8px #0000001a;border-left:4px solid var(--brand-aubergine)}.question-focus-title,.question-title{font-size:var(--font-size-lg);color:var(--brand-aubergine);margin:0 0 var(--spacing-md) 0;font-weight:600}.option-text{flex:1;font-size:var(--font-size-base);line-height:1.4}.csh-logo{width:80px;height:auto;z-index:100}@media (min-width: 600px){.csh-logo{position:absolute;right:1.5rem;top:1.5rem;width:80px}}@media (min-width: 1100px){.csh-logo{width:150px}}