@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";:root{--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-normal: all .2s ease-in-out;--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-3xl: clamp(2rem, 1.7rem + 1.5vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--spacing-xs: clamp(.25rem, .2rem + .25vw, .5rem);--spacing-sm: clamp(.5rem, .4rem + .5vw, 1rem);--spacing-md: clamp(1rem, .8rem + 1vw, 1.5rem);--spacing-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--spacing-xl: clamp(2rem, 1.6rem + 2vw, 3.5rem);--spacing-2xl: clamp(3rem, 2.4rem + 3vw, 5rem);--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1320px;--padding-mobile: clamp(1rem, .8rem + 1vw, 1.5rem);--padding-tablet: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--padding-desktop: clamp(2rem, 1.6rem + 2vw, 3.5rem)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow:auto;font-size:var(--font-size-base);line-height:1.5}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6,p{font-size:var(--font-size-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow:auto}@media(min-width:768px)and (min-height:600px){body,#root{overflow:auto}}@media(max-width:767px){body,#root{overflow:auto}}@media(max-height:599px){body,#root{overflow:auto}}@media(max-height:400px){body,#root{overflow:auto}}.container-responsive{width:100%;margin:0 auto;padding:var(--padding-mobile)}@media(min-width:480px){.container-responsive{max-width:var(--container-sm);padding:var(--padding-mobile)}}@media(min-width:768px){.container-responsive{max-width:var(--container-md);padding:var(--padding-tablet)}}@media(min-width:1024px){.container-responsive{max-width:var(--container-lg);padding:var(--padding-desktop)}}@media(min-width:1280px){.container-responsive{max-width:var(--container-xl)}}@media(min-width:1536px){.container-responsive{max-width:var(--container-2xl)}}@media(max-width:767px){body{padding:0 var(--spacing-sm)}button:not([data-kompakt]),a:not([data-kompakt]),input,select,textarea{min-height:44px;min-width:44px}input.formularfeld,select.formularfeld,textarea.formularfeld{min-height:38px}}@media(max-width:480px){body{padding:0 var(--spacing-xs)}}@media(min-width:768px)and (max-width:1023px){body{padding:0 var(--spacing-md)}}@media(min-width:1024px){body{padding:0 var(--spacing-lg)}}@media(min-width:1280px){body{padding:0 var(--spacing-xl)}}@media(orientation:landscape)and (max-height:500px){body{padding:var(--spacing-xs) var(--spacing-sm)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.touch-device button:not([data-kompakt]),.touch-device a:not([data-kompakt]),.touch-device input:not(.formularfeld),.touch-device select:not(.formularfeld){min-height:44px;min-width:44px}.touch-device input.formularfeld,.touch-device select.formularfeld,.touch-device textarea.formularfeld{min-height:38px}.no-touch button,.no-touch a{min-height:auto;min-width:auto}@media(orientation:landscape)and (max-height:500px){.container-responsive{padding:var(--spacing-xs)}}.fallback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;font-family:Fredoka,sans-serif;min-height:200px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-message{color:#666;font-size:1.1rem;margin:0}.fallback-container.error{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:2px solid #ff6b6b;border-radius:15px;margin:20px}.error-icon{font-size:3rem;margin-bottom:15px}.error-title{color:#ff2b2b;font-size:1.5rem;margin-bottom:10px;font-weight:600}.error-message{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.fallback-container.empty{background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border:2px solid #4ecdc4;border-radius:15px;margin:20px}.empty-icon{font-size:3rem;margin-bottom:15px}.empty-title{color:#4ecdc4;font-size:1.5rem;margin-bottom:10px;font-weight:600}.empty-message{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.fallback-container.network-error{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:2px solid #ffc107;border-radius:15px;margin:20px}.network-icon{font-size:3rem;margin-bottom:15px}.network-title{color:#ffc107;font-size:1.5rem;margin-bottom:10px;font-weight:600}.network-message{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.fallback-container.maintenance{background:linear-gradient(135deg,#6c757d1a,#6c757d0d);border:2px solid #6c757d;border-radius:15px;margin:20px}.maintenance-icon{font-size:3rem;margin-bottom:15px}.maintenance-title{color:#6c757d;font-size:1.5rem;margin-bottom:10px;font-weight:600}.maintenance-message{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.5}.retry-button{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fredoka,sans-serif}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.retry-button:active{transform:translateY(0)}.empty-action{margin-top:15px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--color-neutral-100:oklch(97% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-lernly-red:#ff2b2b;--color-lernly-red-light:#ff6b6b;--color-lernly-blue:#2b98ff;--color-lernly-yellow:#ffb600;--color-lernly-green:#00bf02;--font-fredoka:"Fredoka", sans-serif;--spacing-section-gap:clamp(2.25rem, 5vw, 4.5rem);--animate-logo-float:logo-float 3s ease-in-out infinite;--animate-slide-down:slide-down .2s ease;--animate-belt:belt-scroll 80s linear infinite}}@layer base,components;@layer utilities{.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.static{position:static!important}.inset-0{inset:0!important}.inset-x-0{inset-inline:0!important}.top-0{top:0!important}.top-1\/2{top:50%!important}.top-\[0\.55em\]{top:.55em!important}.top-\[5px\]{top:5px!important}.top-\[7px\]{top:7px!important}.top-\[12px\]{top:12px!important}.top-\[14px\]{top:14px!important}.top-full{top:100%!important}.right-0{right:0!important}.right-2{right:calc(var(--spacing) * 2)!important}.bottom-full{bottom:100%!important}.left-0{left:0!important}.left-1\/2{left:50%!important}.left-\[4px\]{left:4px!important}.left-\[6px\]{left:6px!important}.z-\[2\]{z-index:2!important}.z-\[3\]{z-index:3!important}.z-\[1000\]{z-index:1000!important}.z-\[1001\]{z-index:1001!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.col-start-1{grid-column-start:1!important}.container{width:100%!important}@media(min-width:40rem){.container{max-width:40rem!important}}@media(min-width:48rem){.container{max-width:48rem!important}}@media(min-width:64rem){.container{max-width:64rem!important}}@media(min-width:80rem){.container{max-width:80rem!important}}@media(min-width:96rem){.container{max-width:96rem!important}}.m-0{margin:0!important}.mx-auto{margin-inline:auto!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:var(--spacing)!important}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)!important}.mt-2{margin-top:calc(var(--spacing) * 2)!important}.mt-3{margin-top:calc(var(--spacing) * 3)!important}.mt-\[clamp\(0\.25rem\,1\.2vw\,0\.75rem\)\]{margin-top:clamp(.25rem,1.2vw,.75rem)!important}.mt-auto{margin-top:auto!important}.mt-section-gap{margin-top:var(--spacing-section-gap)!important}.-mr-1{margin-right:calc(var(--spacing) * -1)!important}.mb-1{margin-bottom:var(--spacing)!important}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)!important}.mb-\[clamp\(0\.5rem\,2\.2vw\,0\.75rem\)\]{margin-bottom:clamp(.5rem,2.2vw,.75rem)!important}.mb-\[clamp\(0\.75rem\,2vw\,1\.1rem\)\]{margin-bottom:clamp(.75rem,2vw,1.1rem)!important}.mb-\[clamp\(1\.25rem\,3vw\,1\.75rem\)\]{margin-bottom:clamp(1.25rem,3vw,1.75rem)!important}.ml-auto{margin-left:auto!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline-block{display:inline-block!important}.inline-flex{display:inline-flex!important}.aspect-square{aspect-ratio:1!important}.h-1{height:var(--spacing)!important}.h-2{height:calc(var(--spacing) * 2)!important}.h-3\.5{height:calc(var(--spacing) * 3.5)!important}.h-4{height:calc(var(--spacing) * 4)!important}.h-\[3px\]{height:3px!important}.h-\[7px\]{height:7px!important}.h-\[10px\]{height:10px!important}.h-\[13px\]{height:13px!important}.h-\[14px\]{height:14px!important}.h-\[clamp\(1\.14rem\,0\.24rem\+4\.5vw\,2\.4rem\)\]{height:clamp(1.14rem,.24rem + 4.5vw,2.4rem)!important}.h-\[clamp\(15px\,4\.7vw\,34px\)\]{height:clamp(15px,4.7vw,34px)!important}.h-\[clamp\(26px\,6\.5vw\,44px\)\]{height:clamp(26px,6.5vw,44px)!important}.h-\[clamp\(28px\,9\.2vw\,38px\)\]{height:clamp(28px,9.2vw,38px)!important}.h-\[clamp\(32px\,10\.5vw\,42px\)\]{height:clamp(32px,10.5vw,42px)!important}.h-\[clamp\(36px\,11\.4vw\,47px\)\]{height:clamp(36px,11.4vw,47px)!important}.h-\[clamp\(36px\,12vw\,48px\)\]{height:clamp(36px,12vw,48px)!important}.h-\[clamp\(40px\,12\.5vw\,50px\)\]{height:clamp(40px,12.5vw,50px)!important}.h-\[clamp\(42px\,13\.5vw\,52px\)\]{height:clamp(42px,13.5vw,52px)!important}.h-\[clamp\(58px\,17\.4vw\,76px\)\]{height:clamp(58px,17.4vw,76px)!important}.h-auto{height:auto!important}.h-full{height:100%!important}.max-h-\[min\(48vh\,300px\)\]{max-height:min(48vh,300px)!important}.min-h-10{min-height:calc(var(--spacing) * 10)!important}.min-h-20{min-height:calc(var(--spacing) * 20)!important}.min-h-\[85svh\]{min-height:85svh!important}.min-h-\[clamp\(36px\,9\.7vw\,44px\)\]{min-height:clamp(36px,9.7vw,44px)!important}.min-h-\[clamp\(44px\,11vw\,52px\)\]{min-height:clamp(44px,11vw,52px)!important}.min-h-\[clamp\(44px\,12vw\,48px\)\]{min-height:clamp(44px,12vw,48px)!important}.min-h-\[clamp\(46px\,13vw\,58px\)\]{min-height:clamp(46px,13vw,58px)!important}.min-h-svh{min-height:100svh!important}.w-1{width:var(--spacing)!important}.w-2{width:calc(var(--spacing) * 2)!important}.w-4{width:calc(var(--spacing) * 4)!important}.w-\[2px\]{width:2px!important}.w-\[7px\]{width:7px!important}.w-\[10px\]{width:10px!important}.w-\[14px\]{width:14px!important}.w-\[clamp\(1\.14rem\,0\.24rem\+4\.5vw\,2\.4rem\)\]{width:clamp(1.14rem,.24rem + 4.5vw,2.4rem)!important}.w-\[clamp\(20px\,5\.5vw\,30px\)\]{width:clamp(20px,5.5vw,30px)!important}.w-\[clamp\(72px\,28vw\,120px\)\]{width:clamp(72px,28vw,120px)!important}.w-\[clamp\(105px\,32vw\,148px\)\]{width:clamp(105px,32vw,148px)!important}.w-\[min\(clamp\(230px\,72vw\,400px\)\,42svh\)\]{width:min(clamp(230px,72vw,400px),42svh)!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-max{width:max-content!important}.w-px{width:1px!important}.w-screen{width:100vw!important}.max-w-\[46ch\]{max-width:46ch!important}.max-w-\[56ch\]{max-width:56ch!important}.max-w-\[62ch\]{max-width:62ch!important}.max-w-\[74ch\]{max-width:74ch!important}.max-w-\[92vw\]{max-width:92vw!important}.max-w-\[520px\]{max-width:520px!important}.max-w-\[560px\]{max-width:560px!important}.max-w-\[720px\]{max-width:720px!important}.max-w-\[900px\]{max-width:900px!important}.max-w-\[1200px\]{max-width:1200px!important}.max-w-\[1400px\]{max-width:1400px!important}.max-w-\[clamp\(85px\,26\.5vw\,118px\)\]{max-width:clamp(85px,26.5vw,118px)!important}.max-w-\[clamp\(95px\,29vw\,122px\)\]{max-width:clamp(95px,29vw,122px)!important}.max-w-\[min\(100\%\,20ch\)\]{max-width:min(100%,20ch)!important}.max-w-\[min\(100\%\,46ch\)\]{max-width:min(100%,46ch)!important}.max-w-\[min\(100\%\,760px\)\]{max-width:min(100%,760px)!important}.max-w-full{max-width:100%!important}.max-w-none{max-width:none!important}.min-w-0{min-width:0!important}.min-w-10{min-width:calc(var(--spacing) * 10)!important}.min-w-\[min\(220px\,calc\(100vw-16px\)\)\]{min-width:min(220px,100vw - 16px)!important}.flex-1{flex:1!important}.flex-\[1_1_180px\]{flex:180px!important}.shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-1\/2{--tw-translate-y: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-\[16px\]{--tw-translate-y: -16px !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-\[8px\]{--tw-translate-y:8px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.scale-125{--tw-scale-x:125%!important;--tw-scale-y:125%!important;--tw-scale-z:125%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.-rotate-45{rotate:-45deg!important}.rotate-45{rotate:45deg!important}.cursor-pointer{cursor:pointer!important}.touch-manipulation{touch-action:manipulation!important}.resize{resize:both!important}.resize-y{resize:vertical!important}.list-none{list-style-type:none!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap{flex-wrap:wrap!important}.items-baseline{align-items:baseline!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.justify-items-center{justify-items:center!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing)!important}.gap-1\.5{gap:calc(var(--spacing) * 1.5)!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)!important}.gap-4{gap:calc(var(--spacing) * 4)!important}.gap-\[5px\]{gap:5px!important}.gap-\[clamp\(0\.4rem\,1\.2vw\,0\.6rem\)\]{gap:clamp(.4rem,1.2vw,.6rem)!important}.gap-\[clamp\(0\.5rem\,1\.5vw\,0\.8rem\)\]{gap:clamp(.5rem,1.5vw,.8rem)!important}.gap-\[clamp\(0\.5rem\,1\.5vw\,0\.75rem\)\]{gap:clamp(.5rem,1.5vw,.75rem)!important}.gap-\[clamp\(0\.5rem\,1\.5vw\,0\.85rem\)\]{gap:clamp(.5rem,1.5vw,.85rem)!important}.gap-\[clamp\(0\.5rem\,1\.8vw\,1\.75rem\)\]{gap:clamp(.5rem,1.8vw,1.75rem)!important}.gap-\[clamp\(0\.5rem\,1\.8vw\,1rem\)\]{gap:clamp(.5rem,1.8vw,1rem)!important}.gap-\[clamp\(0\.5rem\,2\.2vw\,0\.75rem\)\]{gap:clamp(.5rem,2.2vw,.75rem)!important}.gap-\[clamp\(0\.6rem\,1\.8vw\,1\.1rem\)\]{gap:clamp(.6rem,1.8vw,1.1rem)!important}.gap-\[clamp\(0\.6rem\,1\.8vw\,1rem\)\]{gap:clamp(.6rem,1.8vw,1rem)!important}.gap-\[clamp\(0\.6rem\,2vw\,1\.1rem\)\]{gap:clamp(.6rem,2vw,1.1rem)!important}.gap-\[clamp\(0\.7rem\,1\.8vw\,1\.05rem\)\]{gap:clamp(.7rem,1.8vw,1.05rem)!important}.gap-\[clamp\(0\.7rem\,2vw\,1\.1rem\)\]{gap:clamp(.7rem,2vw,1.1rem)!important}.gap-\[clamp\(0\.55rem\,1\.8vw\,1\.1rem\)\]{gap:clamp(.55rem,1.8vw,1.1rem)!important}.gap-\[clamp\(0\.75rem\,2vw\,1\.25rem\)\]{gap:clamp(.75rem,2vw,1.25rem)!important}.gap-\[clamp\(0\.85rem\,2\.5vw\,1\.5rem\)\]{gap:clamp(.85rem,2.5vw,1.5rem)!important}.gap-\[clamp\(0\.85rem\,2\.5vw\,1\.75rem\)\]{gap:clamp(.85rem,2.5vw,1.75rem)!important}.gap-\[clamp\(0\.85rem\,2\.5vw\,2rem\)\]{gap:clamp(.85rem,2.5vw,2rem)!important}.gap-\[clamp\(1\.25rem\,3\.5vw\,2\.5rem\)\]{gap:clamp(1.25rem,3.5vw,2.5rem)!important}.gap-\[clamp\(1\.25rem\,4vw\,2rem\)\]{gap:clamp(1.25rem,4vw,2rem)!important}.gap-\[clamp\(1rem\,3vw\,1\.5rem\)\]{gap:clamp(1rem,3vw,1.5rem)!important}.gap-x-2{column-gap:calc(var(--spacing) * 2)!important}.gap-x-3{column-gap:calc(var(--spacing) * 3)!important}.gap-y-1{row-gap:var(--spacing)!important}.gap-y-2{row-gap:calc(var(--spacing) * 2)!important}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0!important;border-bottom-style:var(--tw-border-style)!important;border-top-style:var(--tw-border-style)!important;border-top-width:calc(1px * var(--tw-divide-y-reverse))!important;border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important}:where(.divide-solid>:not(:last-child)){--tw-border-style:solid!important;border-style:solid!important}:where(.divide-black\/5>:not(:last-child)){border-color:#0000000d!important}@supports (color:color-mix(in lab,red,red)){:where(.divide-black\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-black) 5%,transparent)!important}}.self-center{align-self:center!important}.justify-self-center{justify-self:center!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-y-auto{overflow-y:auto!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-x-0{border-inline-style:var(--tw-border-style)!important;border-inline-width:0!important}.border-t-2{border-top-style:var(--tw-border-style)!important;border-top-width:2px!important}.border-l-4{border-left-style:var(--tw-border-style)!important;border-left-width:4px!important}.border-l-\[3px\]{border-left-style:var(--tw-border-style)!important;border-left-width:3px!important}.border-none{--tw-border-style:none!important;border-style:none!important}.border-solid{--tw-border-style:solid!important;border-style:solid!important}.border-\[\#dc2626\]{border-color:#dc2626!important}.border-\[\#e1e5e9\]{border-color:#e1e5e9!important}.border-\[\#f87171\]\/35{border-color:#f8717159!important}.border-black\/5{border-color:#0000000d!important}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black) 5%,transparent)!important}}.border-black\/\[0\.07\]{border-color:#00000012!important}@supports (color:color-mix(in lab,red,red)){.border-black\/\[0\.07\]{border-color:color-mix(in oklab,var(--color-black) 7%,transparent)!important}}.border-black\/\[0\.08\]{border-color:#00000014!important}@supports (color:color-mix(in lab,red,red)){.border-black\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-black) 8%,transparent)!important}}.border-lernly-green{border-color:var(--color-lernly-green)!important}.border-lernly-red{border-color:var(--color-lernly-red)!important}.border-white\/40{border-color:#fff6!important}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)!important}}.border-t-lernly-red\/10{border-top-color:#ff2b2b1a!important}@supports (color:color-mix(in lab,red,red)){.border-t-lernly-red\/10{border-top-color:color-mix(in oklab,var(--color-lernly-red) 10%,transparent)!important}}.border-l-lernly-red\/30{border-left-color:#ff2b2b4d!important}@supports (color:color-mix(in lab,red,red)){.border-l-lernly-red\/30{border-left-color:color-mix(in oklab,var(--color-lernly-red) 30%,transparent)!important}}.border-l-transparent{border-left-color:#0000!important}.bg-\[\#18181b\]{background-color:#18181b!important}.bg-\[\#f4f4f5\]{background-color:#f4f4f5!important}.bg-\[\#fef2f2\]\/80{background-color:#fef2f2cc!important}.bg-black\/5{background-color:#0000000d!important}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)!important}}.bg-black\/10{background-color:#0000001a!important}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)!important}}.bg-lernly-blue{background-color:var(--color-lernly-blue)!important}.bg-lernly-green{background-color:var(--color-lernly-green)!important}.bg-lernly-red{background-color:var(--color-lernly-red)!important}.bg-lernly-red\/20{background-color:#ff2b2b33!important}@supports (color:color-mix(in lab,red,red)){.bg-lernly-red\/20{background-color:color-mix(in oklab,var(--color-lernly-red) 20%,transparent)!important}}.bg-lernly-yellow{background-color:var(--color-lernly-yellow)!important}.bg-lernly-yellow\/15{background-color:#ffb60026!important}@supports (color:color-mix(in lab,red,red)){.bg-lernly-yellow\/15{background-color:color-mix(in oklab,var(--color-lernly-yellow) 15%,transparent)!important}}.bg-transparent{background-color:#0000!important}.bg-white{background-color:var(--color-white)!important}.bg-white\/25{background-color:#ffffff40!important}@supports (color:color-mix(in lab,red,red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)!important}}.bg-white\/60{background-color:#fff9!important}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)!important}}.bg-white\/70{background-color:#ffffffb3!important}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)!important}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab!important;background-image:linear-gradient(var(--tw-gradient-stops))!important}.from-lernly-red{--tw-gradient-from:var(--color-lernly-red)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-lernly-red-light{--tw-gradient-to:var(--color-lernly-red-light)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.\[mask-image\:linear-gradient\(to_right\,transparent_0\,black_48px\,black_calc\(100\%-48px\)\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%)!important;mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000)!important}.object-contain{object-fit:contain!important}.object-cover{object-fit:cover!important}.object-center{object-position:center!important}.object-top{object-position:top!important}.p-0{padding:0!important}.p-2{padding:calc(var(--spacing) * 2)!important}.p-\[clamp\(0\.85rem\,2vw\,2rem\)\]{padding:clamp(.85rem,2vw,2rem)!important}.px-1{padding-inline:var(--spacing)!important}.px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-\[clamp\(0\.4rem\,1\.2vw\,0\.8rem\)\]{padding-inline:clamp(.4rem,1.2vw,.8rem)!important}.px-\[clamp\(0\.5rem\,1\.5vw\,0\.9rem\)\]{padding-inline:clamp(.5rem,1.5vw,.9rem)!important}.px-\[clamp\(0\.6rem\,3vw\,1rem\)\]{padding-inline:clamp(.6rem,3vw,1rem)!important}.px-\[clamp\(0\.7rem\,2vw\,1\.1rem\)\]{padding-inline:clamp(.7rem,2vw,1.1rem)!important}.px-\[clamp\(0\.9rem\,2\.5vw\,1\.25rem\)\]{padding-inline:clamp(.9rem,2.5vw,1.25rem)!important}.px-\[clamp\(0\.9rem\,2\.5vw\,1\.65rem\)\]{padding-inline:clamp(.9rem,2.5vw,1.65rem)!important}.px-\[clamp\(0\.55rem\,2\.4vw\,0\.875rem\)\]{padding-inline:clamp(.55rem,2.4vw,.875rem)!important}.px-\[clamp\(0\.75rem\,2\.5vw\,1\.5rem\)\]{padding-inline:clamp(.75rem,2.5vw,1.5rem)!important}.px-\[clamp\(0\.75rem\,2vw\,1\.25rem\)\]{padding-inline:clamp(.75rem,2vw,1.25rem)!important}.px-\[clamp\(0\.75rem\,2vw\,1rem\)\]{padding-inline:clamp(.75rem,2vw,1rem)!important}.px-\[clamp\(0\.75rem\,3vw\,1\.5rem\)\]{padding-inline:clamp(.75rem,3vw,1.5rem)!important}.px-\[clamp\(0\.85rem\,2\.5vw\,1\.5rem\)\]{padding-inline:clamp(.85rem,2.5vw,1.5rem)!important}.px-\[clamp\(0\.85rem\,2\.5vw\,1\.15rem\)\]{padding-inline:clamp(.85rem,2.5vw,1.15rem)!important}.px-\[clamp\(0\.85rem\,2\.5vw\,1\.75rem\)\]{padding-inline:clamp(.85rem,2.5vw,1.75rem)!important}.px-\[clamp\(1\.25rem\,3\.5vw\,2rem\)\]{padding-inline:clamp(1.25rem,3.5vw,2rem)!important}.px-\[clamp\(1rem\,3vw\,1\.5rem\)\]{padding-inline:clamp(1rem,3vw,1.5rem)!important}.px-\[clamp\(1rem\,3vw\,1\.75rem\)\]{padding-inline:clamp(1rem,3vw,1.75rem)!important}.px-\[clamp\(1rem\,3vw\,2rem\)\]{padding-inline:clamp(1rem,3vw,2rem)!important}.py-0{padding-block:0!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.py-1{padding-block:var(--spacing)!important}.py-2{padding-block:calc(var(--spacing) * 2)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.py-4{padding-block:calc(var(--spacing) * 4)!important}.py-\[clamp\(0\.4rem\,1\.4vw\,0\.55rem\)\]{padding-block:clamp(.4rem,1.4vw,.55rem)!important}.py-\[clamp\(0\.5rem\,1\.2vw\,0\.7rem\)\]{padding-block:clamp(.5rem,1.2vw,.7rem)!important}.py-\[clamp\(0\.5rem\,2\.5vw\,0\.75rem\)\]{padding-block:clamp(.5rem,2.5vw,.75rem)!important}.py-\[clamp\(0\.5rem\,2vw\,0\.9rem\)\]{padding-block:clamp(.5rem,2vw,.9rem)!important}.py-\[clamp\(0\.5rem\,2vw\,1rem\)\]{padding-block:clamp(.5rem,2vw,1rem)!important}.py-\[clamp\(0\.6rem\,1\.5vw\,0\.8rem\)\]{padding-block:clamp(.6rem,1.5vw,.8rem)!important}.py-\[clamp\(0\.6rem\,1\.7vw\,0\.9rem\)\]{padding-block:clamp(.6rem,1.7vw,.9rem)!important}.py-\[clamp\(0\.9rem\,2\.5vw\,1\.5rem\)\]{padding-block:clamp(.9rem,2.5vw,1.5rem)!important}.py-\[clamp\(0\.9rem\,2\.5vw\,1\.25rem\)\]{padding-block:clamp(.9rem,2.5vw,1.25rem)!important}.py-\[clamp\(0\.35rem\,1\.6vw\,0\.75rem\)\]{padding-block:clamp(.35rem,1.6vw,.75rem)!important}.py-\[clamp\(0\.35rem\,1vw\,0\.7rem\)\]{padding-block:clamp(.35rem,1vw,.7rem)!important}.py-\[clamp\(0\.45rem\,1\.2vw\,0\.6rem\)\]{padding-block:clamp(.45rem,1.2vw,.6rem)!important}.py-\[clamp\(0\.85rem\,2\.2vw\,1\.35rem\)\]{padding-block:clamp(.85rem,2.2vw,1.35rem)!important}.py-\[clamp\(1\.5rem\,5vw\,3rem\)\]{padding-block:clamp(1.5rem,5vw,3rem)!important}.py-\[clamp\(1\.25rem\,3\.5vw\,2\.5rem\)\]{padding-block:clamp(1.25rem,3.5vw,2.5rem)!important}.py-\[clamp\(1\.25rem\,4vw\,2\.5rem\)\]{padding-block:clamp(1.25rem,4vw,2.5rem)!important}.pt-20{padding-top:calc(var(--spacing) * 20)!important}.pt-\[clamp\(0\.4rem\,1\.2vw\,0\.6rem\)\]{padding-top:clamp(.4rem,1.2vw,.6rem)!important}.pb-2{padding-bottom:calc(var(--spacing) * 2)!important}.pb-8{padding-bottom:calc(var(--spacing) * 8)!important}.pb-\[clamp\(0\.6rem\,1\.8vw\,0\.9rem\)\]{padding-bottom:clamp(.6rem,1.8vw,.9rem)!important}.pb-\[clamp\(1rem\,3vw\,1\.5rem\)\]{padding-bottom:clamp(1rem,3vw,1.5rem)!important}.pl-5{padding-left:calc(var(--spacing) * 5)!important}.pl-6{padding-left:calc(var(--spacing) * 6)!important}.pl-8{padding-left:calc(var(--spacing) * 8)!important}.pl-\[clamp\(0\.65rem\,2vw\,1\.1rem\)\]{padding-left:clamp(.65rem,2vw,1.1rem)!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-\[inherit\]{font-family:inherit!important}.font-fredoka{font-family:var(--font-fredoka)!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[0\.7rem\]{font-size:.7rem!important}.text-\[0\.68rem\]{font-size:.68rem!important}.text-\[0\.85rem\]{font-size:.85rem!important}.text-\[clamp\(0\.8rem\,0\.34rem\+2\.3vw\,1\.6rem\)\]{font-size:clamp(.8rem,.34rem + 2.3vw,1.6rem)!important}.text-\[clamp\(0\.9rem\,0\.8rem\+0\.4vw\,1\.05rem\)\]{font-size:clamp(.9rem,.8rem + .4vw,1.05rem)!important}.text-\[clamp\(0\.9rem\,0\.26rem\+3\.2vw\,1\.75rem\)\]{font-size:clamp(.9rem,.26rem + 3.2vw,1.75rem)!important}.text-\[clamp\(0\.58rem\,0\.52rem\+0\.25vw\,0\.7rem\)\]{font-size:clamp(.58rem,.52rem + .25vw,.7rem)!important}.text-\[clamp\(0\.68rem\,0\.6rem\+0\.35vw\,0\.85rem\)\]{font-size:clamp(.68rem,.6rem + .35vw,.85rem)!important}.text-\[clamp\(0\.73rem\,0\.62rem\+0\.4vw\,0\.8rem\)\]{font-size:clamp(.73rem,.62rem + .4vw,.8rem)!important}.text-\[clamp\(0\.75rem\,0\.6rem\+0\.6vw\,0\.92rem\)\]{font-size:clamp(.75rem,.6rem + .6vw,.92rem)!important}.text-\[clamp\(0\.75rem\,0\.6rem\+0\.6vw\,0\.95rem\)\]{font-size:clamp(.75rem,.6rem + .6vw,.95rem)!important}.text-\[clamp\(0\.75rem\,0\.38rem\+1\.5vw\,1\.05rem\)\]{font-size:clamp(.75rem,.38rem + 1.5vw,1.05rem)!important}.text-\[clamp\(0\.75rem\,0\.51rem\+1vw\,1\.02rem\)\]{font-size:clamp(.75rem,.51rem + 1vw,1.02rem)!important}.text-\[clamp\(0\.75rem\,0\.51rem\+1vw\,1\.05rem\)\]{font-size:clamp(.75rem,.51rem + 1vw,1.05rem)!important}.text-\[clamp\(0\.75rem\,0\.52rem\+1vw\,1\.15rem\)\]{font-size:clamp(.75rem,.52rem + 1vw,1.15rem)!important}.text-\[clamp\(0\.75rem\,0\.54rem\+0\.9vw\,1\.05rem\)\]{font-size:clamp(.75rem,.54rem + .9vw,1.05rem)!important}.text-\[clamp\(0\.75rem\,0\.55rem\+0\.8vw\,0\.95rem\)\]{font-size:clamp(.75rem,.55rem + .8vw,.95rem)!important}.text-\[clamp\(0\.75rem\,0\.56rem\+0\.9vw\,1\.15rem\)\]{font-size:clamp(.75rem,.56rem + .9vw,1.15rem)!important}.text-\[clamp\(0\.75rem\,0\.57rem\+0\.8vw\,1\.15rem\)\]{font-size:clamp(.75rem,.57rem + .8vw,1.15rem)!important}.text-\[clamp\(0\.75rem\,0\.58rem\+0\.7vw\,0\.95rem\)\]{font-size:clamp(.75rem,.58rem + .7vw,.95rem)!important}.text-\[clamp\(0\.75rem\,0\.59rem\+0\.7vw\,0\.95rem\)\]{font-size:clamp(.75rem,.59rem + .7vw,.95rem)!important}.text-\[clamp\(0\.75rem\,0\.59rem\+0\.7vw\,1rem\)\]{font-size:clamp(.75rem,.59rem + .7vw,1rem)!important}.text-\[clamp\(0\.75rem\,0\.66rem\+0\.35vw\,0\.9rem\)\]{font-size:clamp(.75rem,.66rem + .35vw,.9rem)!important}.text-\[clamp\(0\.78rem\,0\.66rem\+0\.4vw\,1rem\)\]{font-size:clamp(.78rem,.66rem + .4vw,1rem)!important}.text-\[clamp\(0\.79rem\,0\.6rem\+0\.8vw\,1\.1rem\)\]{font-size:clamp(.79rem,.6rem + .8vw,1.1rem)!important}.text-\[clamp\(0\.79rem\,0\.6rem\+0\.8vw\,1\.05rem\)\]{font-size:clamp(.79rem,.6rem + .8vw,1.05rem)!important}.text-\[clamp\(0\.79rem\,0\.57rem\+1\.1vw\,1\.2rem\)\]{font-size:clamp(.79rem,.57rem + 1.1vw,1.2rem)!important}.text-\[clamp\(0\.84rem\,0\.56rem\+1\.4vw\,1\.4rem\)\]{font-size:clamp(.84rem,.56rem + 1.4vw,1.4rem)!important}.text-\[clamp\(0\.93rem\,0\.25rem\+3\.4vw\,3rem\)\]{font-size:clamp(.93rem,.25rem + 3.4vw,3rem)!important}.text-\[clamp\(1\.05rem\,0\.55rem\+2\.8vw\,2\.125rem\)\]{font-size:clamp(1.05rem,.55rem + 2.8vw,2.125rem)!important}.text-\[clamp\(1\.14rem\,5\.7vw\,2\.75rem\)\]{font-size:clamp(1.14rem,5.7vw,2.75rem)!important}.text-\[clamp\(1\.35rem\,0\.6rem\+4\.6vw\,2\.35rem\)\]{font-size:clamp(1.35rem,.6rem + 4.6vw,2.35rem)!important}.text-\[length\:inherit\]{font-size:inherit!important}.leading-\[1\.4\]{--tw-leading:1.4!important;line-height:1.4!important}.leading-\[1\.5\]{--tw-leading:1.5!important;line-height:1.5!important}.leading-\[1\.6\]{--tw-leading:1.6!important;line-height:1.6!important}.leading-\[1\.7\]{--tw-leading:1.7!important;line-height:1.7!important}.leading-\[1\.15\]{--tw-leading:1.15!important;line-height:1.15!important}.leading-\[1\.25\]{--tw-leading:1.25!important;line-height:1.25!important}.leading-\[1\.45\]{--tw-leading:1.45!important;line-height:1.45!important}.leading-\[1\.65\]{--tw-leading:1.65!important;line-height:1.65!important}.leading-none{--tw-leading:1!important;line-height:1!important}.leading-snug{--tw-leading:var(--leading-snug)!important;line-height:var(--leading-snug)!important}.leading-tight{--tw-leading:var(--leading-tight)!important;line-height:var(--leading-tight)!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.tracking-\[0\.4px\]{--tw-tracking:.4px!important;letter-spacing:.4px!important}.tracking-\[0\.09em\]{--tw-tracking:.09em!important;letter-spacing:.09em!important}.tracking-\[1px\]{--tw-tracking:1px!important;letter-spacing:1px!important}.text-balance{text-wrap:balance!important}.hyphens-auto{-webkit-hyphens:auto!important;hyphens:auto!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.text-\[\#1a1a1a\]{color:#1a1a1a!important}.text-\[\#5b5b63\]{color:#5b5b63!important}.text-\[\#8a8a8f\]{color:#8a8a8f!important}.text-\[\#8a6200\]{color:#8a6200!important}.text-\[\#333\]{color:#333!important}.text-\[\#555\]{color:#555!important}.text-\[\#666\]{color:#666!important}.text-\[\#777\]{color:#777!important}.text-\[\#18181b\]{color:#18181b!important}.text-\[\#71717a\]{color:#71717a!important}.text-\[\#b8b8bd\]{color:#b8b8bd!important}.text-\[\#b91c1c\]{color:#b91c1c!important}.text-\[\#ccc\]{color:#ccc!important}.text-black{color:var(--color-black)!important}.text-lernly-blue{color:var(--color-lernly-blue)!important}.text-lernly-green{color:var(--color-lernly-green)!important}.text-lernly-red{color:var(--color-lernly-red)!important}.text-white{color:var(--color-white)!important}.uppercase{text-transform:uppercase!important}.no-underline{text-decoration-line:none!important}.underline{text-decoration-line:underline!important}.underline-offset-2{text-underline-offset:2px!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#0000000d)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_10px_30px_-16px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000a), 0 10px 30px -16px var(--tw-shadow-color,#00000047)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.06\)\,0_1px_2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000000f), 0 1px 2px var(--tw-shadow-color,#0000000a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000000f)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000002e)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.05\)\,0_1px_4px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000000d), 0 1px 4px var(--tw-shadow-color,#00000008)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.06\)\,0_1px_4px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000000f), 0 1px 4px var(--tw-shadow-color,#0000000a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#00000014)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_8px_24px_rgba\(255\,43\,43\,0\.25\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff2b2b40)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_8px_24px_rgba\(255\,43\,43\,0\.28\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff2b2b47)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 10px 40px var(--tw-shadow-color,#00000026)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-\[3px\]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-\[\#dc2626\]\/10{--tw-ring-color:oklab(57.7099% .191149 .0987651/.1)!important}.ring-white{--tw-ring-color:var(--color-white)!important}.drop-shadow-\[0_12px_35px_rgba\(0\,0\,0\,0\.2\)\]{--tw-drop-shadow-size:drop-shadow(0 12px 35px var(--tw-drop-shadow-color,#0003))!important;--tw-drop-shadow:var(--tw-drop-shadow-size)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md))!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl))!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-shadow{transition-property:box-shadow!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-200{--tw-duration:.2s!important;transition-duration:.2s!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.duration-500{--tw-duration:.5s!important;transition-duration:.5s!important}.ease-out{--tw-ease:var(--ease-out)!important;transition-timing-function:var(--ease-out)!important}.will-change-transform{will-change:transform!important}.outline-none{--tw-outline-style:none!important;outline-style:none!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.group-last\/eintrag\:hidden:is(:where(.group\/eintrag):last-child *),.group-last\/station\:hidden:is(:where(.group\/station):last-child *){display:none!important}@media(hover:hover){.group-hover\/anfrage\:translate-x-1:is(:where(.group\/anfrage):hover *),.group-hover\/geschichte\:translate-x-1:is(:where(.group\/geschichte):hover *){--tw-translate-x:var(--spacing)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.group-hover\/karte\:scale-\[1\.03\]:is(:where(.group\/karte):hover *){scale:1.03!important}.group-hover\/knopf\:translate-x-1:is(:where(.group\/knopf):hover *){--tw-translate-x:var(--spacing)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.group-hover\/logo\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.08\)\,0_2px_4px_rgba\(0\,0\,0\,0\.04\)\]:is(:where(.group\/logo):hover *){--tw-shadow:0 6px 16px var(--tw-shadow-color,#00000014), 0 2px 4px var(--tw-shadow-color,#0000000a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}.last\:pb-0:last-child{padding-bottom:0!important}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.hover\:scale-105:hover{--tw-scale-x:105%!important;--tw-scale-y:105%!important;--tw-scale-z:105%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.hover\:border-black\/15:hover{border-color:#00000026!important}@supports (color:color-mix(in lab,red,red)){.hover\:border-black\/15:hover{border-color:color-mix(in oklab,var(--color-black) 15%,transparent)!important}}.hover\:border-lernly-red\/40:hover{border-color:#ff2b2b66!important}@supports (color:color-mix(in lab,red,red)){.hover\:border-lernly-red\/40:hover{border-color:color-mix(in oklab,var(--color-lernly-red) 40%,transparent)!important}}.hover\:border-white\/70:hover{border-color:#ffffffb3!important}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/70:hover{border-color:color-mix(in oklab,var(--color-white) 70%,transparent)!important}}.hover\:border-l-lernly-blue:hover{border-left-color:var(--color-lernly-blue)!important}.hover\:border-l-lernly-green:hover{border-left-color:var(--color-lernly-green)!important}.hover\:border-l-lernly-red:hover{border-left-color:var(--color-lernly-red)!important}.hover\:border-l-lernly-yellow:hover{border-left-color:var(--color-lernly-yellow)!important}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)!important}.hover\:bg-white\/40:hover{background-color:#fff6!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)!important}}.hover\:text-lernly-blue:hover{color:var(--color-lernly-blue)!important}.hover\:text-lernly-green:hover{color:var(--color-lernly-green)!important}.hover\:text-lernly-red:hover{color:var(--color-lernly-red)!important}.hover\:text-lernly-red-light:hover{color:var(--color-lernly-red-light)!important}.hover\:text-lernly-yellow:hover{color:var(--color-lernly-yellow)!important}.hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 6px 16px var(--tw-shadow-color,#00000014)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:shadow-\[0_10px_28px_rgba\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 10px 28px var(--tw-shadow-color,#00000014)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.09\)\,0_2px_6px_rgba\(0\,0\,0\,0\.04\)\]:hover{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000017), 0 2px 6px var(--tw-shadow-color,#0000000a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.12\)\]:hover{--tw-shadow:0 12px 32px var(--tw-shadow-color,#0000001f)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:shadow-\[0_12px_32px_rgba\(255\,43\,43\,0\.35\)\]:hover{--tw-shadow:0 12px 32px var(--tw-shadow-color,#ff2b2b59)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:brightness-105:hover{--tw-brightness:brightness(105%)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.hover\:not-disabled\:-translate-y-0\.5:hover:not(:disabled){--tw-translate-y:calc(var(--spacing) * -.5)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.hover\:not-disabled\:shadow-\[0_12px_30px_rgba\(255\,43\,43\,0\.4\)\]:hover:not(:disabled){--tw-shadow:0 12px 30px var(--tw-shadow-color,#ff2b2b66)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}.focus\:border-\[\#dc2626\]:focus{border-color:#dc2626!important}.focus\:border-lernly-red:focus{border-color:var(--color-lernly-red)!important}.focus\:bg-white\/90:focus{background-color:#ffffffe6!important}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/90:focus{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)!important}}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:ring-lernly-red\/10:focus{--tw-ring-color:#ff2b2b1a!important}@supports (color:color-mix(in lab,red,red)){.focus\:ring-lernly-red\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-lernly-red) 10%, transparent)!important}}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style)!important;outline-width:2px!important}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px!important}.focus-visible\:outline-lernly-red:focus-visible{outline-color:var(--color-lernly-red)!important}.active\:translate-y-px:active{--tw-translate-y:1px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.active\:scale-\[0\.98\]:active{scale:.98!important}.active\:border-l-lernly-blue:active{border-left-color:var(--color-lernly-blue)!important}.active\:border-l-lernly-green:active{border-left-color:var(--color-lernly-green)!important}.active\:border-l-lernly-red:active{border-left-color:var(--color-lernly-red)!important}.active\:border-l-lernly-yellow:active{border-left-color:var(--color-lernly-yellow)!important}.active\:bg-black\/5:active{background-color:#0000000d!important}@supports (color:color-mix(in lab,red,red)){.active\:bg-black\/5:active{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)!important}}.active\:not-disabled\:translate-y-0:active:not(:disabled){--tw-translate-y:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:bg-\[\#ccc\]:disabled{background-color:#ccc!important}.disabled\:bg-none:disabled{background-image:none!important}.disabled\:text-\[\#666\]:disabled{color:#666!important}.disabled\:opacity-60:disabled{opacity:.6!important}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-belt{animation:var(--animate-belt)!important}.motion-safe\:animate-logo-float{animation:var(--animate-logo-float)!important}.motion-safe\:animate-pulse{animation:var(--animate-pulse)!important}.motion-safe\:animate-slide-down{animation:var(--animate-slide-down)!important}@media(hover:hover){.motion-safe\:group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *){animation-play-state:paused!important}}}@media(prefers-reduced-motion:reduce){.motion-reduce\:overflow-x-auto{overflow-x:auto!important}.motion-reduce\:overflow-y-hidden{overflow-y:hidden!important}.motion-reduce\:\[mask-image\:none\]{-webkit-mask-image:none!important;mask-image:none!important}}@media(min-width:400px){.min-\[400px\]\:flex-row{flex-direction:row!important}.min-\[400px\]\:items-stretch{align-items:stretch!important}.min-\[400px\]\:justify-center{justify-content:center!important}}@media(min-width:40rem){.sm\:right-5{right:calc(var(--spacing) * 5)!important}.sm\:col-start-2{grid-column-start:2!important}.sm\:block{display:block!important}.sm\:w-full{width:100%!important}.sm\:max-w-\[min\(100\%\,30ch\)\]{max-width:min(100%,30ch)!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:flex-col{flex-direction:column!important}.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:items-start{align-items:flex-start!important}.sm\:justify-between{justify-content:space-between!important}.sm\:justify-end{justify-content:flex-end!important}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)!important}.sm\:gap-3{gap:calc(var(--spacing) * 3)!important}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0!important;border-inline-style:var(--tw-border-style)!important;border-inline-start-width:calc(1px * var(--tw-divide-x-reverse))!important;border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))!important}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0!important;border-bottom-style:var(--tw-border-style)!important;border-top-style:var(--tw-border-style)!important;border-top-width:calc(0px * var(--tw-divide-y-reverse))!important;border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))!important}.sm\:rounded-full{border-radius:3.40282e38px!important}.sm\:rounded-xl{border-radius:var(--radius-xl)!important}.sm\:border-x{border-inline-style:var(--tw-border-style)!important;border-inline-width:1px!important}.sm\:py-3{padding-block:calc(var(--spacing) * 3)!important}}@media(min-width:48rem){.md\:static{position:static!important}.md\:top-0{top:0!important}.md\:top-\[6px\]{top:6px!important}.md\:left-1\/2{left:50%!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:h-\[2px\]{height:2px!important}.md\:w-\[calc\(100\%\+0\.75rem\)\]{width:calc(100% + .75rem)!important}.md\:max-w-\[1100px\]{max-width:1100px!important}.md\:-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.md\:translate-x-0{--tw-translate-x:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.md\:translate-y-0{--tw-translate-y:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:gap-x-3{column-gap:calc(var(--spacing) * 3)!important}.md\:gap-x-5{column-gap:calc(var(--spacing) * 5)!important}.md\:gap-y-5{row-gap:calc(var(--spacing) * 5)!important}.md\:px-1{padding-inline:var(--spacing)!important}.md\:py-4{padding-block:calc(var(--spacing) * 4)!important}.md\:pt-8{padding-top:calc(var(--spacing) * 8)!important}.md\:pb-0{padding-bottom:0!important}.md\:pl-1{padding-left:var(--spacing)!important}.md\:text-center{text-align:center!important}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2!important}.lg\:col-start-1{grid-column-start:1!important}.lg\:col-start-2{grid-column-start:2!important}.lg\:col-start-3{grid-column-start:3!important}.lg\:row-start-1{grid-row-start:1!important}.lg\:row-start-2{grid-row-start:2!important}.lg\:row-start-3{grid-row-start:3!important}.lg\:mt-0{margin-top:0!important}.lg\:grid{display:grid!important}.lg\:min-h-svh{min-height:100svh!important}.lg\:w-\[min\(clamp\(300px\,27vw\,470px\)\,52svh\)\]{width:min(clamp(300px,27vw,470px),52svh)!important}.lg\:max-w-\[1180px\]{max-width:1180px!important}.lg\:max-w-\[1200px\]{max-width:1200px!important}.lg\:max-w-none{max-width:none!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:grid-cols-\[auto_minmax\(0\,34rem\)\]{grid-template-columns:auto minmax(0,34rem)!important}.lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}.lg\:items-center{align-items:center!important}.lg\:items-start{align-items:flex-start!important}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)!important}.lg\:gap-x-\[clamp\(1\.75rem\,4vw\,4rem\)\]{column-gap:clamp(1.75rem,4vw,4rem)!important}.lg\:gap-x-\[clamp\(2rem\,5vw\,4\.5rem\)\]{column-gap:clamp(2rem,5vw,4.5rem)!important}.lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)!important}.lg\:justify-self-center{justify-self:center!important}.lg\:justify-self-start{justify-self:flex-start!important}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)!important}.lg\:pb-0{padding-bottom:0!important}.lg\:text-left{text-align:left!important}.lg\:text-balance{text-wrap:balance!important}.lg\:drop-shadow-\[0_15px_40px_rgba\(0\,0\,0\,0\.25\)\]{--tw-drop-shadow-size:drop-shadow(0 15px 40px var(--tw-drop-shadow-color,#00000040))!important;--tw-drop-shadow:var(--tw-drop-shadow-size)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes belt-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-page{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.landing-page input,.landing-page textarea,.landing-page select,.landing-page option{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.landing-page img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.impressum-intro{margin-bottom:1.5rem;font-size:1rem;color:#555;font-style:italic}.impressum-content h4{font-size:1.15rem;color:#444;margin:1.25rem 0 .5rem;font-weight:600}.impressum-content ul{margin:0 0 1rem 1.25rem;padding:0}.impressum-content li{margin-bottom:.35rem;font-size:1.05rem;line-height:1.6}.impressum-content a{color:#ff2b2b;word-break:break-all}.impressum-stand{margin-top:2rem;font-size:.95rem;color:#666;text-align:right}body{margin:0;background:#fff;overflow-x:hidden;font-family:Fredoka,sans-serif!important}*{font-family:Fredoka,sans-serif!important}:root{--white: #ffffff;--black: #000000;--red-primary: #ff2b2b;--red-hover: #e02424;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;height:auto;display:block}.hero-logo,.hero-logo-mobile,.kontakt-logo,.footer-logo,.team-member-image,.ueber-uns-social-icon,.navbar-icon{max-width:100%;height:auto;object-fit:contain}#root{min-height:100vh;display:flex;flex-direction:column}.btn{background:var(--red-primary);color:var(--white);border:2px solid var(--red-primary);padding:12px 24px;border-radius:var(--radius-md);font-family:Fredoka,sans-serif;font-weight:600;cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:inline-block;text-align:center}.btn:hover{background:var(--white);color:var(--red-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:disabled{background:var(--gray-300);color:var(--gray-500);border-color:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:Fredoka,sans-serif;font-size:1rem;transition:var(--transition-normal);background:var(--white);color:var(--black)}.input:focus{outline:none;border-color:var(--red-primary);box-shadow:0 0 0 3px #ff2b2b1a}.input:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.card{background:var(--white);border:1px solid rgba(0,0,0,.1);border-radius:15px;padding:24px;box-shadow:0 8px 32px #0000001a;transition:var(--transition-normal)}.card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:2.5rem;font-weight:600;color:var(--red-primary);margin-bottom:8px;font-family:Fredoka,sans-serif}.header p{font-size:1.1rem;color:var(--gray-600);font-family:Fredoka,sans-serif}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--black);font-family:Fredoka,sans-serif}.error-message{background:var(--gray-100);border:2px solid var(--gray-400);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;color:var(--black)}.error-message h3{margin-bottom:8px;color:var(--black);font-family:Fredoka,sans-serif}.success-message{background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;color:var(--black)}.loading{text-align:center;padding:40px;color:var(--gray-600)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--red-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{width:100%;max-width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;overflow:auto;padding:0;margin:0;background:var(--white)}.app .container{background:var(--white);border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:25px;max-width:500px;width:100%;border:1px solid rgba(0,0,0,.1);margin:0 auto;overflow:auto;position:relative;z-index:2}.app .container.dashboard-mode{max-width:800px;padding:30px}.app .header{text-align:center;margin-bottom:15px}.app .header h1{color:var(--red-primary);margin-bottom:6px;font-size:2rem;font-weight:600;font-family:Fredoka,sans-serif}.app .header p{color:var(--gray-600);font-size:1.1rem;margin:0;font-family:Fredoka,sans-serif}.app .toggle-section{text-align:center;margin:15px 0;padding:12px;background:var(--gray-50);border-radius:var(--radius-lg);border:2px solid var(--gray-200)}.app .toggle-container{position:relative;display:inline-flex;align-items:center;background:var(--gray-200);border-radius:var(--radius-lg);padding:3px;border:2px solid var(--gray-300);cursor:pointer;transition:var(--transition-normal);height:36px}.app .toggle-container:hover{border-color:var(--red-primary)}.app .toggle-slider{position:absolute;top:3px;left:3px;width:76px;height:30px;background:var(--red-primary);border-radius:var(--radius-md);transition:var(--transition-normal);z-index:1;transform:translateY(0)}.app .toggle-container.student-active .toggle-slider{transform:translate(86px)}.app .toggle-label{color:var(--gray-600);font-weight:600;font-size:1rem;font-family:Fredoka,sans-serif;transition:var(--transition-normal);position:relative;z-index:2;padding:6px 14px;border-radius:var(--radius-md);min-width:76px;text-align:center;height:30px;display:flex;align-items:center;justify-content:center}.app .toggle-label.active{color:var(--white)}.app .toggle-switch{display:none}.app .info-section{background:var(--gray-50);border-radius:var(--radius-lg);padding:25px;border:2px solid var(--gray-200)}.app .info-section h3{color:var(--red-primary);margin-bottom:15px;font-size:1.3rem;text-align:center;font-family:Fredoka,sans-serif}.app .info-section p{color:var(--gray-600);margin:0;font-size:1rem;line-height:1.5;text-align:center;font-family:Fredoka,sans-serif}@media(min-width:768px)and (max-width:1023px){.app{height:90vh;overflow:auto;padding:0;margin:0}.app .container{max-width:600px;padding:35px}.app .container.dashboard-mode{max-width:900px;padding:40px}.app .header{margin-bottom:25px}.app .header h1{font-size:2.5rem;margin-bottom:10px}.app .header p{font-size:1.2rem}.app .toggle-section{margin:25px 0;padding:20px}.app .toggle-container{height:40px}.app .toggle-slider{width:86px;height:34px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(98px)}.app .toggle-label{font-size:1.1rem;padding:8px 16px;min-width:86px;height:34px}}@media(min-width:1024px){.app{height:90vh;overflow:auto;padding:0;margin:0}.app .container{max-width:700px;padding:40px}.app .container.dashboard-mode{max-width:1000px;padding:50px}.app .header{margin-bottom:30px}.app .header h1{font-size:3rem;margin-bottom:15px}.app .header p{font-size:1.3rem}.app .toggle-section{margin:30px 0;padding:25px}.app .toggle-container{height:44px}.app .toggle-slider{width:94px;height:38px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(108px)}.app .toggle-label{font-size:1.2rem;padding:10px 18px;min-width:94px;height:38px}}@media(max-width:767px){.app{min-height:100vh;overflow:auto;padding:0;margin:0}.app .container{padding:20px}.app .container.dashboard-mode{padding:25px}.app .header h1{font-size:1.8rem}.app .toggle-section{padding:10px}.app .toggle-container{height:32px}.app .toggle-slider{width:66px;height:26px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(74px)}.app .toggle-label{font-size:.9rem;padding:5px 10px;min-width:66px;height:26px}}@media(max-width:480px){.app{min-height:100vh;padding:10px;overflow:auto}.app .header h1{font-size:1.5rem;margin-bottom:4px}.app .header p{font-size:.9rem}.app .toggle-container{height:32px}.app .toggle-slider{width:68px;height:26px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(76px)}.app .toggle-label{font-size:.9rem;padding:4px 10px;min-width:68px;height:26px}.app .container{padding:15px;max-width:100%}.app .container.dashboard-mode{padding:20px}}@media(max-height:250px){.app{min-height:100vh;padding:5px;overflow:auto}.app .header h1{font-size:1.2rem;margin-bottom:2px}.app .header p{font-size:.8rem}.app .toggle-container{height:28px}.app .toggle-slider{width:60px;height:22px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(68px)}.app .toggle-label{font-size:.8rem;padding:3px 8px;min-width:60px;height:22px}.app .container{padding:10px;max-width:100%}.app .container.dashboard-mode{padding:15px}}@media(max-width:480px)and (max-height:400px){.app{min-height:100vh;padding:5px;overflow:auto}.app .header{margin-bottom:10px}.app .header h1{font-size:1.1rem;margin-bottom:2px}.app .header p{font-size:.7rem}.app .toggle-section{margin:10px 0;padding:8px}.app .toggle-container{height:26px}.app .toggle-slider{width:56px;height:20px;top:3px}.app .toggle-container.student-active .toggle-slider{transform:translate(64px)}.app .toggle-label{font-size:.7rem;padding:2px 6px;min-width:56px;height:20px}.app .container{padding:8px}}body,.animated-login{font-family:Fredoka,sans-serif;margin:0;padding:0;background:#fff;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}@media(max-width:768px){body,.animated-login{scroll-padding-bottom:max(9rem,32vh,env(safe-area-inset-bottom,0px))}}.animated-login .canvas-container{position:fixed;inset:0;z-index:1;pointer-events:none}.animated-login canvas{width:100%;height:100%;display:block}.animated-login .content-container{position:relative;z-index:2;width:100%;min-height:min(100vh,100dvh);display:flex;flex-direction:column;padding:0;overflow:visible}.animated-login .login-container{width:100%;max-width:800px;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 40px;max-height:min(90vh,90dvh);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;flex-shrink:0}.animated-login .header-section{margin-bottom:25px}.animated-login .header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;width:100%;border-bottom:none;padding-bottom:0}.animated-login .header{text-align:right;display:flex;flex-direction:column;align-items:flex-end;border-bottom:none}.animated-login .header h1{font-size:2.2rem;color:#ff2b2b;margin:0;font-weight:600;text-align:right;border-bottom:none;padding-bottom:0}.animated-login .role-selector{display:flex;justify-content:center;margin-bottom:25px;margin-top:20px;background:#f8f9fae6;border-radius:50px;padding:6px;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.animated-login .role-selector-indicator{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:linear-gradient(135deg,#ff2b2b,#ff6b6b);border-radius:25px;box-shadow:0 8px 25px #ff2b2b66,0 0 20px #ff2b2b33;transition:transform .5s cubic-bezier(.34,1.56,.64,1);z-index:1;pointer-events:none}.animated-login .role-selector-indicator:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);border-radius:25px;pointer-events:none}.animated-login .role-btn{padding:12px 24px;border:none;border-radius:25px;background:transparent;color:#666;cursor:pointer;font-weight:500;font-size:1rem;position:relative;z-index:2;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;flex:1;min-width:0;min-height:2.75rem}.animated-login .role-btn span{position:relative;z-index:3;display:inline-block;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.animated-login .role-btn:hover:not(.active){color:#333;transform:scale(1.05)}.animated-login .role-btn.active{color:#fff;transform:scale(1.05)}.animated-login .role-btn.active span{transform:scale(1.1);text-shadow:0 2px 10px rgba(255,255,255,.5)}.animated-login .form-section{flex:1;display:flex;align-items:center;justify-content:center}.animated-login .request-container{width:100%;max-width:800px;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;max-height:min(90vh,90dvh);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0}.animated-login .teacher-login-form,.animated-login .student-login-form{width:100%;max-width:450px;margin:0 auto;min-height:400px}.animated-login .form-container{width:100%;display:flex;flex-direction:column}.animated-login .login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.animated-login .login-form .submit-btn{margin-top:0;margin-bottom:0}.animated-login .form-group{display:flex;flex-direction:column;gap:8px}.animated-login .form-group label{font-weight:600;color:#333;font-size:1.1rem}.animated-login .form-group input{width:100%;padding:18px 20px;border:2px solid #e1e5e9;border-radius:15px;font-size:16px;background:#f8f9fae6;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;min-height:2.75rem}.animated-login .form-group input:focus{outline:none;border-color:#ff2b2b;background:#fffffff2;box-shadow:0 0 0 4px #ff2b2b1a;transform:translateY(-2px)}.animated-login .form-group input:disabled{background:#f8f9fa80;color:#666;cursor:not-allowed}.animated-login .submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b);color:#fff;border:none;border-radius:15px;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:0;margin-top:0;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);min-height:2.75rem}.animated-login .submit-btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 12px 30px #ff2b2b66}.animated-login .submit-btn.disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.animated-login .error-message{background:#ff2b2b1a;border:1px solid rgba(255,43,43,.3);border-radius:15px;padding:20px;margin-bottom:20px;text-align:center}.animated-login .error-message h3{color:#ff2b2b;margin-bottom:10px;font-size:1.1rem}.animated-login .error-message p{color:#333;margin:0}.animated-login .request-access-section{text-align:center;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:140px;justify-content:flex-start}.animated-login .divider{position:relative;text-align:center;margin:8px 0}.animated-login .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#0000001a;z-index:1}.animated-login .divider span{background:#fffffff2;padding:0 15px;color:#666;font-size:.9rem;font-weight:600;position:relative;z-index:2}.animated-login .request-access-btn{background:transparent;color:#ff2b2b;border:2px solid #ff2b2b;padding:15px 30px;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:0;width:100%;display:flex;align-items:center;justify-content:center;min-height:2.75rem}.animated-login .request-access-btn:hover{background:#ff2b2b;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ff2b2b4d}.animated-login .request-info{color:#666;font-size:.9rem;margin:4px 0 0}.animated-login .student-info{text-align:center;color:#666;font-size:1rem;margin-top:16px;padding:20px;background:#007bff0d;border-radius:15px;border:1px solid rgba(0,123,255,.1)}.animated-login .student-info p{margin:0;font-weight:500}.animated-login .password-change-notice{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:15px;padding:20px;margin-bottom:20px;text-align:center}.animated-login .password-change-notice h3{color:#856404;margin-bottom:10px;font-size:1.1rem}.animated-login .password-change-notice p{color:#333;margin:0}.animated-login .form-group small{color:#666;font-size:.85rem;margin-top:5px}@media(max-width:768px){.animated-login .login-container,.animated-login .request-container{padding:30px 20px}.animated-login .header h1{font-size:2rem}.animated-login .teacher-login-form,.animated-login .student-login-form{max-width:100%;padding:0 20px}}.student-dashboard{min-height:100vh;background:#f5f5f5;padding:20px;font-family:Fredoka,sans-serif}.student-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.student-dashboard .dashboard-header h1{color:#ff2b2b;margin:0;font-size:2rem}.student-dashboard .logout-btn{background:#ff2b2b;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.student-dashboard .logout-btn:hover{background:#e02424;transform:translateY(-2px)}.student-dashboard .dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.student-dashboard .student-info-card,.student-dashboard .dashboard-actions{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.student-dashboard h2{color:#333;margin-bottom:15px;font-size:1.5rem}.student-dashboard p{margin:10px 0;color:#666;line-height:1.6}.student-dashboard strong{color:#333}@media(max-width:768px){.student-dashboard .dashboard-content{grid-template-columns:1fr}.student-dashboard .dashboard-header{flex-direction:column;gap:15px;text-align:center}}.top-navbar{position:fixed;top:0;left:0;right:0;width:100%;background:transparent;z-index:1000;padding:15px 0}.navbar-container{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;max-width:100%;margin:0;padding:0 20px;position:relative}.navbar-spacer{grid-column:1}.navbar-icon-btn{grid-column:2;justify-self:center;background:none;border:none;padding:0;margin:0;cursor:pointer;display:block;line-height:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.navbar-icon-btn:hover,.navbar-icon-btn:focus,.navbar-icon-btn:active{outline:none;box-shadow:none;background:transparent}.navbar-icon-btn .navbar-icon{display:block}.navbar-icon{grid-column:2;justify-self:center}.hamburger-menu{grid-column:3;justify-self:end;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px;z-index:1001;position:relative}.hamburger-line{width:30px;height:4px;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.hamburger-line-1{background:#ff2b2b}.hamburger-line-2{background:gold}.hamburger-line-3{background:#06f}.hamburger-line-4{background:#0c6}.hamburger-menu.active .hamburger-line-1{transform:rotate(45deg) translate(8px,8px)}.hamburger-menu.active .hamburger-line-2,.hamburger-menu.active .hamburger-line-3{opacity:0}.hamburger-menu.active .hamburger-line-4{transform:rotate(-45deg) translate(8px,-8px)}.navbar-menu{position:absolute;top:100%;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:10px 0;min-width:200px;z-index:1000;margin-top:10px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{display:block;width:100%;padding:12px 20px;background:transparent;border:none;text-align:left;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;color:#000;cursor:pointer;transition:background .2s ease,border-color .2s ease;border-left:4px solid transparent}.nav-menu-item:hover{background:#f5f5f5}.nav-menu-item-1:hover{border-left-color:#ff2b2b}.nav-menu-item-2:hover{border-left-color:gold}.nav-menu-item-3:hover{border-left-color:#06f}.nav-menu-item-4:hover{border-left-color:#0c6}.nav-menu-item-1,.nav-menu-item-2,.nav-menu-item-3,.nav-menu-item-4{color:#000!important}.navbar-icon{height:50px;width:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-touch-callout:none}@media(max-width:768px){.navbar-icon{height:40px}.top-navbar{padding:12px 0}.navbar-menu{right:10px;min-width:180px}}@media(max-width:480px){.navbar-icon{height:35px}.top-navbar{padding:10px 0}.hamburger-line{width:25px;height:3px}.navbar-menu{right:5px;min-width:160px}.nav-menu-item{padding:10px 15px;font-size:14px}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;width:100%;padding:80px 0 0;box-sizing:border-box;gap:0;margin:0}.left-hero{display:flex;align-items:center;justify-content:flex-end;text-align:right;margin:0;padding:0 40px;width:50%;height:100vh}.right-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;text-align:left;margin:0;padding:0 0 0 40px;width:50%;height:100vh}.logo-container{margin:0;padding:0}.hero-button{padding:18px 40px;margin:0;font-size:20px;font-weight:600;border:2px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;font-family:Fredoka,sans-serif;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ff2b2b;width:100%;max-width:400px;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3;animation:bounceOnce 8s ease-in-out infinite;position:relative;overflow:hidden}.hero-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1;border-radius:20px}.hero-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;z-index:1}.hero-button:hover:after{left:100%}.hero-button.hero-button-platform{animation-delay:3s}@keyframes bounceOnce{0%,90%,to{transform:translateY(0)}92%{transform:translateY(-15px)}94%{transform:translateY(0)}96%{transform:translateY(-8px)}98%{transform:translateY(0)}}.hero-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #00000026,inset 0 1px #fff9,inset 0 -1px #ffffff4d;animation-play-state:paused}.hero-button:hover:before{background:linear-gradient(135deg,#ffffff4d,#ffffff40)}.hero-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 6px 20px #0000001a,inset 0 1px #fff6}.colored-word{display:inline;white-space:normal;word-wrap:break-word}.hero-button,.hero-button *,.colored-word.color-red,.hero-button .colored-word,.hero-button .colored-word.color-red{color:#ff2b2b!important}.colored-word.color-green{color:#0c6}.colored-word.color-blue{color:#06f}.hero-logo{width:450px;max-width:calc(100vw - 40px);height:auto;filter:drop-shadow(0 15px 40px rgba(0,0,0,.25));user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-touch-callout:none;pointer-events:auto;margin:0;padding:0;display:block}.small-logo-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;opacity:var(--scroll-progress);transition:all .3s ease;pointer-events:none}.small-logo{width:80px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:smallLogoFloat 2s ease-in-out infinite}@keyframes smallLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.morphing-logo-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;opacity:var(--scroll-progress);transition:opacity .3s ease}.morphing-logo{position:relative;width:calc(350px - (var(--scroll-progress) * 300px));height:calc(350px - (var(--scroll-progress) * 300px));transition:all .1s ease}.logo-image,.icon-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:all .1s ease}.logo-image{opacity:calc(1 - var(--scroll-progress));transform:scale(calc(1 - var(--scroll-progress) * .3))}.icon-image{opacity:var(--scroll-progress);transform:scale(calc(.3 + var(--scroll-progress) * .7))}.login-section{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:20px;position:relative;z-index:3;overflow:visible}@media(max-width:768px){.hero-section{grid-template-columns:1fr;padding:0 20px}.links-hero{padding:0}.hero-logo{width:min(350px,calc(100vw - 40px));max-width:calc(100vw - 40px)}}@media(max-width:480px){.hero-logo{width:min(280px,calc(100vw - 30px));max-width:calc(100vw - 30px)}}@media(max-width:440px){.login-section{padding:12px;min-height:auto}.hero-logo{width:min(200px,calc(100vw - 20px));max-width:calc(100vw - 20px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.fixed-icon{width:36px;height:36px;top:.6rem}.animated-login .login-container,.animated-login .request-container{padding:16px 12px;min-height:auto;border-radius:14px;box-shadow:0 12px 32px #0000001f;justify-content:flex-start}.animated-login .header h1{font-size:1.4rem;margin-bottom:8px}.animated-login .role-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:6px;background:#f8f9fae6;box-shadow:0 4px 20px #0000001a;border-radius:50px;position:relative;overflow:hidden}.animated-login .role-selector-indicator{top:6px;left:6px;width:calc(50% - 10px);height:calc(100% - 12px);border-radius:12px}.animated-login .role-btn{width:100%;padding:10px 12px;font-size:.95rem;border-radius:12px;border:2px solid transparent;background:transparent}.animated-login .role-btn.active{color:#fff;border-color:transparent}.animated-login .teacher-login-form,.animated-login .student-login-form{max-width:100%;padding:0 4px}.animated-login .form-group label{font-size:1rem}.animated-login .form-group input{padding:14px;border-radius:12px;font-size:1rem;min-height:44px;line-height:1.2}.animated-login .form-group input::placeholder{font-size:.95rem;color:#777}.animated-login .form-group input:focus{transform:none}.animated-login .submit-btn{padding:14px;border-radius:12px;font-size:1.05rem;margin-bottom:14px}}@media(max-width:220px){.animated-login .student-login-form{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important}.animated-login .form-container{margin:0!important;padding:8px 0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important}.animated-login .login-form{gap:6px!important;margin:0!important;padding:0!important;width:100%!important}.animated-login .form-group{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}.animated-login .form-group label{font-size:.75rem!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.animated-login .form-group input{padding:6px 4px!important;font-size:.75rem!important;min-height:32px!important;margin:0!important;width:100%!important;border-left:2px solid #e1e5e9!important;border-right:2px solid #e1e5e9!important;border-radius:0!important;box-sizing:border-box!important}.animated-login .submit-btn{padding:6px 4px!important;font-size:.75rem!important;min-height:32px!important;margin:0!important;width:100%!important;border-radius:0!important;box-sizing:border-box!important}.animated-login .error-message,.animated-login .success-message{padding:8px 4px!important;margin:0 0 8px!important;border-radius:0!important;width:100%!important;box-sizing:border-box!important}.animated-login .student-info{padding:8px 4px!important;margin:8px 0 0!important;border-radius:0!important;width:100%!important;box-sizing:border-box!important}.animated-login .student-info p{font-size:.7rem!important}}@media(max-height:220px){.animated-login .student-login-form{overflow-y:auto!important;max-height:100vh!important}.animated-login .form-container{padding:6px 0!important;max-height:calc(100vh - 8px)!important;overflow-y:auto!important}.animated-login .login-form{gap:4px!important}.animated-login .form-group input,.animated-login .submit-btn{padding:4px!important;font-size:.7rem!important;min-height:28px!important}.animated-login .error-message,.animated-login .success-message{padding:6px 4px!important;margin-bottom:4px!important}.animated-login .student-info{padding:6px 4px!important;margin-top:4px!important}}@media(max-width:220px)and (max-height:220px){.animated-login .student-login-form{margin:0!important;padding:0!important;width:100%!important;overflow-y:auto!important;max-height:100vh!important}.animated-login .form-container{padding:4px 0!important;margin:0!important;max-height:calc(100vh - 8px)!important;overflow-y:auto!important;width:100%!important}.animated-login .login-form{gap:3px!important;margin:0!important;padding:0!important}.animated-login .form-group{margin-bottom:3px!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.animated-login .form-group label{font-size:.65rem!important}.animated-login .form-group input,.animated-login .submit-btn{padding:4px!important;font-size:.65rem!important;min-height:26px!important;border-radius:0!important}.animated-login .error-message,.animated-login .success-message{padding:4px!important;margin-bottom:3px!important;border-radius:0!important}.animated-login .student-info{padding:4px!important;margin-top:3px!important;border-radius:0!important}.boxes-section{padding:4px 12px;min-height:auto}.boxes-grid{gap:4px;padding:0 8px;max-width:100%}.box{min-height:55px;max-height:65px;border-radius:12px;overflow:visible;cursor:pointer}.box-open{max-height:400px}.box-content{padding:8px 16px;min-height:55px;font-size:.95rem;overflow:visible}.box-title{font-size:.95rem;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.box-description{font-size:.85rem;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;margin:0;padding:0}.box.box-open .box-description{opacity:1;max-height:500px;margin-top:8px}.full-width-section#kontakt{padding:1rem 0;margin-bottom:40px;min-height:auto}.section-title,.section-title-impressum{font-size:1.6rem;margin-bottom:1rem}.kontakt-content{max-width:100%}.kontakt-content p,.impressum-content{font-size:.95rem;line-height:1.7}.footer{padding:1rem}.footer-button{font-size:1rem;padding:.5rem .9rem}.impressum-page .impressum-container{padding:16px 12px;min-height:auto}.impressum-content{word-break:break-word;overflow-wrap:anywhere}.back-button{font-size:1rem;padding:.6rem 1rem}}@media(max-width:220px){.hero-logo{width:min(120px,calc(100vw - 15px));max-width:calc(100vw - 15px);filter:drop-shadow(0 6px 18px rgba(0,0,0,.16))}.fixed-icon{width:28px;height:28px}.login-section{padding:2px!important;min-height:auto!important}.animated-login .login-container,.animated-login .request-container,.request-container-mobile,.teacher-request-mobile .teacher-request-embedded{padding:2px!important;border-radius:4px!important;min-height:auto!important;max-width:100%!important;width:100%!important;margin:0!important;box-shadow:0 4px 12px #0000001f!important;max-height:calc(100vh - 4px)!important;overflow-y:auto!important;overflow-x:hidden!important}.login-section{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:2px!important}.animated-login .header h1,.header-h1-mobile,.request-container-mobile .header h1,.teacher-request-mobile .header h1{font-size:.65rem!important;line-height:1.1!important;margin-bottom:3px!important}.animated-login .header p,.request-container-mobile .header p,.teacher-request-mobile .header p{font-size:.5rem!important;line-height:1.2!important;margin-bottom:3px!important}.back-to-home-button,.back-to-home-button-mobile{padding:2px 4px!important;font-size:.5rem!important;min-height:16px!important;border-radius:3px!important;width:100%!important;margin-bottom:2px!important;line-height:1.2!important;position:sticky!important;top:0!important;z-index:10!important;background:#ff2b2b!important}.animated-login .role-selector,.role-selector-mobile{grid-template-columns:1fr!important;gap:1px!important;padding:1px!important;margin-bottom:2px!important;border-radius:3px!important}.animated-login .role-selector-indicator{display:none!important}.animated-login .role-btn,.role-btn-mobile{padding:2px 4px!important;font-size:.5rem!important;border-radius:3px!important;min-height:16px!important;width:100%!important;line-height:1.2!important}.animated-login .form-group,.form-section-mobile .form-group,.teacher-request-mobile .form-group,.request-container-mobile .form-group{margin-bottom:2px!important}.animated-login .form-group label,.form-section-mobile .form-group label,.teacher-request-mobile .form-group label,.request-container-mobile .form-group label{font-size:.45rem!important;margin-bottom:1px!important;line-height:1.2!important}.animated-login .form-group input,.form-section-mobile .form-group input,.teacher-request-mobile .form-group input,.request-container-mobile .form-group input{padding:2px 4px!important;border-radius:3px!important;font-size:.5rem!important;min-height:16px!important;border-width:1px!important;line-height:1.2!important}.animated-login .form-group input::placeholder{font-size:.5rem!important}.animated-login .submit-btn,.form-section-mobile .submit-btn,.teacher-request-mobile .btn,.request-container-mobile .btn{padding:2px 4px!important;font-size:.5rem!important;border-radius:3px!important;margin-bottom:2px!important;min-height:16px!important;width:100%!important;line-height:1.2!important}.animated-login .request-access-section{padding:0 2px!important;margin-top:8px!important;align-items:center!important}.animated-login .request-access-btn{width:100%!important;max-width:100%!important;padding:3px 5px!important;font-size:.55rem!important;min-height:22px!important}.animated-login .divider{margin:3px 0!important}.animated-login .divider span{font-size:.5rem!important;padding:0 4px!important}.animated-login .request-info{font-size:.5rem!important;text-align:center!important;line-height:1.2!important}.header-section-mobile,.header-top-mobile{margin-bottom:2px!important;gap:1px!important}.header-content-mobile{gap:1px!important;margin-bottom:2px!important}.request-container-mobile .header,.teacher-request-mobile .header{margin-bottom:2px!important}.request-container-mobile .form-container,.teacher-request-mobile .form-container{padding:0!important}.animated-login .header h1,.header-h1-mobile,.request-container-mobile .header h1,.teacher-request-mobile .header h1{font-size:.6rem!important;line-height:1.1!important;margin-bottom:2px!important}.animated-login .header p,.request-container-mobile .header p,.teacher-request-mobile .header p{font-size:.45rem!important;line-height:1.2!important;margin-bottom:2px!important}.boxes-section{padding:4px 8px!important}.boxes-grid{gap:4px!important;padding:0 4px!important}.box{min-height:50px!important;max-height:65px!important;border-radius:10px!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:visible!important}.box-content{padding:8px 12px!important;min-height:50px!important;font-size:.9rem!important;overflow:visible!important}.box-title{font-size:.75rem!important;line-height:1.3!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex-shrink:0!important}.box-description{font-size:.8rem!important;opacity:0!important;max-height:0!important;overflow:hidden!important;transition:all .3s ease!important;margin:0!important;padding:0!important}.box.box-open .box-description{opacity:1!important;max-height:400px!important;margin-top:8px!important}.footer{padding:.75rem!important}.footer-button{font-size:.85rem!important;padding:.4rem .7rem!important}.teacher-request-mobile .success-message,.teacher-request-mobile .error-message,.request-container-mobile .success-message,.request-container-mobile .error-message{padding:8px 10px!important;border-radius:8px!important;margin-bottom:8px!important}.teacher-request-mobile .success-message h3,.teacher-request-mobile .error-message h3,.request-container-mobile .success-message h3,.request-container-mobile .error-message h3{font-size:.55rem!important;margin-bottom:2px!important}.teacher-request-mobile .success-message p,.teacher-request-mobile .error-message p,.request-container-mobile .success-message p,.request-container-mobile .error-message p{font-size:.5rem!important;line-height:1.2!important}.hero-button,.hero-button-mobile{font-size:clamp(.65rem,2.8vw + .38rem,.8rem)!important;line-height:1.15!important;white-space:normal!important;padding:.4rem .45rem!important;min-height:40px!important}.hero-buttons-mobile{gap:6px!important;padding:4px 6px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.hero-mobile-wrapper{padding:6px!important;gap:6px!important}.hero-logo-mobile-container{margin-bottom:4px!important}.navbar-icon{width:32px!important;height:32px!important}.hamburger-menu{width:28px!important;height:28px!important}.boxes-title,.boxes-title-mobile{font-size:.6rem!important;margin-bottom:3px!important;line-height:1.1!important}.boxes-text,.boxes-text-mobile{font-size:.5rem!important;line-height:1.2!important}.boxes-left,.boxes-left-mobile{padding:6px!important;margin-bottom:6px!important}.box-title{font-size:.5rem!important;line-height:1.1!important}.box-description{font-size:.5rem!important;line-height:1.2!important;opacity:0!important;max-height:0!important;overflow:hidden!important;transition:all .3s ease!important;margin:0!important;padding:0!important}.box.box-open .box-description{opacity:1!important;max-height:300px!important;margin-top:4px!important}.box-content{padding:3px 5px!important;min-height:28px!important}.ueber-uns-title{font-size:.6rem!important;margin-bottom:3px!important;line-height:1.1!important}.ueber-uns-text{font-size:.5rem!important;line-height:1.2!important}.ueber-uns-social-icon{height:16px!important;width:16px!important}.ueber-uns-right,.ueber-uns-right-mobile{display:flex!important;min-height:auto!important;max-height:none!important;width:100%!important}.team-grid,.team-grid-mobile{display:flex!important;flex-direction:column!important;gap:4px!important;padding:2px!important;width:100%!important;min-height:auto!important}.team-member{border-radius:4px!important;min-height:auto!important;width:100%!important;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important}.team-member-image{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:cover!important}.team-member-name{font-size:.5rem!important}.team-member-name-full{font-size:clamp(.45rem,3vw,.6rem)!important;text-shadow:1.5px 1.5px 3px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.7)!important;font-weight:700!important;margin-bottom:.2rem!important}.team-member-role{font-size:clamp(.4rem,2.5vw,.55rem)!important;text-shadow:1.5px 1.5px 3px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.7)!important;font-weight:600!important;margin:.08rem 0!important;line-height:1.15!important}.team-member-info{padding:4px 5px!important;background:#0000008c!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.kontakt-title{font-size:.6rem!important;margin-bottom:3px!important;line-height:1.1!important}.kontakt-text{font-size:.5rem!important;line-height:1.2!important}.kontakt-logo{width:min(80px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;height:auto!important}.contact-form .form-group{margin-bottom:4px!important}.contact-form .form-row{gap:4px!important;margin-bottom:4px!important}.contact-form .form-group label{font-size:.5rem!important;margin-bottom:2px!important}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{padding:2px 4px!important;font-size:.5rem!important;min-height:16px!important;border-radius:3px!important;line-height:1.2!important}.contact-form textarea{min-height:60px!important}.contact-submit-btn{padding:2px 4px!important;font-size:.5rem!important;min-height:16px!important;border-radius:3px!important;line-height:1.2!important;margin-top:4px!important}.footer-heading{font-size:.75rem!important;margin-bottom:4px!important}.footer-logo{width:40px!important;height:auto!important;max-width:40px!important}.footer-supporters{gap:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.footer-social{gap:6px!important}.footer-logo{height:auto!important;max-height:35px!important;max-width:65%!important;width:auto!important}.footer-supporters .footer-logo{max-height:40px!important;max-width:70%!important}.footer-supporters .sbhs-logo{max-height:50px!important;max-width:75%!important}.section-title,.section-title-impressum{font-size:.6rem!important;margin-bottom:3px!important;line-height:1.1!important}.hero-logo,.hero-logo-mobile{width:min(100px,calc(100vw - 15px))!important;max-width:calc(100vw - 15px)!important}.boxes-content,.boxes-content-mobile{padding:4px!important;gap:4px!important}.boxes-wrapper{padding:4px!important}.ueber-uns-content,.ueber-uns-content-mobile{padding:4px!important;gap:4px!important}.ueber-uns-left{padding:4px!important}.team-grid{gap:2px!important;padding:2px!important}.team-member{border-radius:6px!important}.kontakt-content,.kontakt-content-mobile{padding:0!important;gap:4px!important}.kontakt-left{padding:4px!important}.kontakt-right{padding:0!important;margin:0!important}.contact-form-container{padding:0!important;margin:0!important;width:100%!important}.contact-form{padding:8px 0!important;margin:0!important;width:100%!important}.footer-content,.footer-content-mobile{padding:6px!important;gap:6px!important}.footer-section{margin-bottom:6px!important}}@media(max-width:110px){.hero-section,.boxes-section{display:none}.animated-login .login-container,.animated-login .request-container{padding:8px 6px;border-radius:10px;min-height:auto}.animated-login .header h1{font-size:.95rem}.animated-login .role-btn{padding:4px 6px;font-size:.75rem;border-radius:10px}.animated-login .form-group label{font-size:.8rem}.animated-login .form-group input{padding:6px 8px;font-size:.8rem;border-radius:8px}.animated-login .submit-btn{padding:8px;font-size:.85rem;border-radius:8px}.animated-login .request-access-section{align-items:stretch}.animated-login .request-access-btn{width:100%;padding:8px;font-size:.8rem}.animated-login .divider,.animated-login .request-info{display:none}.footer{padding:.6rem}.footer-button{font-size:.85rem;padding:.4rem .7rem}}@media(max-height:220px){.login-section{min-height:auto!important;padding:4px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.animated-login .login-container,.animated-login .request-container{min-height:auto!important;padding:6px 8px!important;max-height:calc(100vh - 8px)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important}.animated-login .header h1,.header-h1-mobile{font-size:.9rem!important;margin-bottom:4px!important}.animated-login .header p{font-size:.7rem!important;margin-bottom:4px!important}.back-to-home-button,.back-to-home-button-mobile{padding:4px 8px!important;font-size:.7rem!important;min-height:28px!important;margin-bottom:4px!important}.animated-login .role-selector,.role-selector-mobile{margin-bottom:6px!important;gap:3px!important;padding:3px!important}.animated-login .role-btn,.role-btn-mobile{padding:4px 6px!important;font-size:.7rem!important;min-height:28px!important}.animated-login .form-group,.form-section-mobile .form-group,.teacher-request-mobile .form-group,.request-container-mobile .form-group{margin-bottom:6px!important}.animated-login .form-group label,.form-section-mobile .form-group label,.teacher-request-mobile .form-group label,.request-container-mobile .form-group label{font-size:.7rem!important;margin-bottom:2px!important}.animated-login .form-group input,.form-section-mobile .form-group input,.teacher-request-mobile .form-group input,.request-container-mobile .form-group input{padding:6px 8px!important;font-size:.75rem!important;min-height:32px!important}.animated-login .submit-btn,.form-section-mobile .submit-btn,.teacher-request-mobile .btn,.request-container-mobile .btn{padding:6px 8px!important;font-size:.75rem!important;min-height:32px!important;margin-bottom:6px!important}.header-section-mobile,.header-top-mobile{margin-bottom:4px!important}.header-content-mobile{margin-bottom:4px!important;gap:4px!important}.hero-logo,.hero-logo-mobile{width:min(90px,calc(100vw - 12px))!important;max-width:calc(100vw - 12px)!important}.hero-button,.hero-button-mobile{padding:3px 2px!important;font-size:.35rem!important;min-height:18px!important;border-radius:6px!important;box-sizing:border-box!important;overflow:hidden!important;white-space:normal!important;word-wrap:break-word!important;text-overflow:ellipsis!important;letter-spacing:-.02em!important;line-height:1.1!important}.boxes-title,.boxes-title-mobile{font-size:.75rem!important}.boxes-text,.boxes-text-mobile{font-size:.65rem!important}.box{min-height:48px!important;max-height:60px!important;overflow:visible!important}.box-content{min-height:48px!important;overflow:visible!important;padding:6px 12px!important}.box-title{font-size:.65rem!important;line-height:1.3!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex-shrink:0!important}.box-description{font-size:.6rem!important;opacity:0!important;max-height:0!important;overflow:hidden!important;transition:all .3s ease!important;margin:0!important;padding:0!important}.box.box-open .box-description{opacity:1!important;max-height:300px!important;margin-top:6px!important}.ueber-uns-title{font-size:.75rem!important}.ueber-uns-text{font-size:.65rem!important}.kontakt-title{font-size:.75rem!important}.kontakt-text{font-size:.65rem!important}.kontakt-logo{width:min(60px,calc(100vw - 15px))!important}.footer-heading{font-size:.7rem!important}.footer-logo{width:32px!important;max-width:32px!important}}@media(max-height:320px){.hero-logo{width:160px!important}.login-section{padding:8px!important}.animated-login .login-container,.animated-login .request-container{padding:12px 10px!important;max-height:calc(100vh - 16px)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important}}@media(max-width:220px)and (max-height:220px){.login-section{padding:2px!important;min-height:auto!important}.animated-login .login-container,.animated-login .request-container,.request-container-mobile,.teacher-request-mobile .teacher-request-embedded{padding:3px 2px!important;border-radius:4px!important;max-height:calc(100vh - 4px)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important}.animated-login .header h1,.header-h1-mobile,.request-container-mobile .header h1,.teacher-request-mobile .header h1{font-size:.55rem!important;line-height:1.1!important;margin-bottom:2px!important}.animated-login .header p,.request-container-mobile .header p,.teacher-request-mobile .header p{font-size:.45rem!important;line-height:1.2!important;margin-bottom:2px!important}.back-to-home-button,.back-to-home-button-mobile{padding:2px 4px!important;font-size:.45rem!important;min-height:18px!important;margin-bottom:2px!important}.animated-login .role-selector,.role-selector-mobile{margin-bottom:3px!important;gap:1px!important;padding:1px!important}.animated-login .role-btn,.role-btn-mobile{padding:2px 4px!important;font-size:.45rem!important;min-height:18px!important}.animated-login .form-group,.form-section-mobile .form-group,.teacher-request-mobile .form-group,.request-container-mobile .form-group{margin-bottom:2px!important}.animated-login .form-group label,.form-section-mobile .form-group label,.teacher-request-mobile .form-group label,.request-container-mobile .form-group label{font-size:.45rem!important;margin-bottom:1px!important}.animated-login .form-group input,.form-section-mobile .form-group input,.teacher-request-mobile .form-group input,.request-container-mobile .form-group input{padding:1px 3px!important;font-size:.45rem!important;min-height:14px!important}.animated-login .submit-btn,.form-section-mobile .submit-btn,.teacher-request-mobile .btn,.request-container-mobile .btn{padding:1px 3px!important;font-size:.45rem!important;min-height:14px!important;margin-bottom:1px!important}.back-to-home-button,.back-to-home-button-mobile{position:sticky!important;top:0!important;z-index:10!important;background:#ff2b2b!important}.team-grid,.team-grid-mobile{flex-direction:column!important;gap:3px!important}.team-member{min-height:auto!important;aspect-ratio:1 / 1!important}.team-member-image{height:100%!important;aspect-ratio:1 / 1!important}.team-member-info{background:#0009!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.team-member-name-full{font-size:.55rem!important;text-shadow:2px 2px 6px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8)!important}.team-member-role{font-size:.5rem!important;text-shadow:2px 2px 6px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8)!important}.animated-login .request-access-btn{padding:5px 8px!important;font-size:.7rem!important;min-height:30px!important}.header-section-mobile,.header-top-mobile,.header-content-mobile{margin-bottom:4px!important;gap:4px!important}.box{min-height:45px!important;max-height:58px!important;overflow:visible!important}.box-content{min-height:45px!important;overflow:visible!important;padding:5px 10px!important}.box-title{font-size:.6rem!important;line-height:1.3!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex-shrink:0!important}}@media(max-width:440px){.impressum-content h3{font-size:1.2rem;margin:1rem 0 .75rem}}@media(max-width:768px){.impressum-page{padding:20px 10px}.impressum-container{padding:30px 20px;margin:0 10px}.back-button{top:1rem;left:1rem;font-size:1rem;padding:.6rem 1rem}.section-title-impressum{font-size:2rem;margin-bottom:1.5rem}.impressum-content h3{font-size:1.1rem;margin:1.5rem 0 1rem}.impressum-content p{font-size:.9rem;line-height:1.5}}@media(max-width:480px){.impressum-page{padding:15px 5px}.impressum-container{padding:25px 15px;margin:0 5px}.back-button{top:.75rem;left:.75rem;font-size:.95rem;padding:.5rem .9rem}.section-title-impressum{font-size:1.2rem;margin-bottom:1rem}.impressum-content h3{font-size:.9rem;margin:1rem 0 .75rem}.impressum-content p{font-size:.75rem;line-height:1.4}}@media(max-width:320px){.impressum-page{padding:10px 2px}.impressum-container{padding:20px 10px;margin:0 2px}.back-button{top:.5rem;left:.5rem;font-size:.85rem;padding:.4rem .8rem}.section-title-impressum{font-size:1rem;margin-bottom:.75rem}.impressum-content h3{font-size:.8rem;margin:.75rem 0 .5rem}.impressum-content p{font-size:.7rem;line-height:1.3}}@media(max-width:330px){.section-title-impressum{font-size:1rem}.impressum-content h3{font-size:.75rem}.impressum-content p{font-size:.65rem}}@media(max-width:220px){.section-title-impressum{font-size:.9rem!important}.impressum-content h3{font-size:.5rem}.impressum-content p{font-size:.4rem}}@media(max-width:330px){.hero-section .hero-logo{width:min(160px,calc(100vw - 20px));max-width:calc(100vw - 20px);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(max-width:220px){.hero-section .hero-logo{width:min(110px,calc(100vw - 15px));max-width:calc(100vw - 15px);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(max-width:110px){.hero-section .hero-logo{width:min(80px,calc(100vw - 10px));max-width:calc(100vw - 10px);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.animated-login .login-container{width:100%;max-width:1000px;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px;min-height:0;max-height:min(90vh,90dvh);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto}.full-width-section#boxes{align-items:stretch;justify-content:center;min-height:auto;padding:0;margin-bottom:5rem;margin-top:5rem}.boxes-wrapper{align-items:stretch;justify-content:flex-start;padding:0}.full-width-section#boxes .content-wrapper{padding:0;max-width:100%}.boxes-content{display:flex;gap:0;align-items:stretch;width:100%;max-width:100%;min-height:700px}.boxes-left{flex:0 0 40%;display:flex;flex-direction:column;gap:2rem;padding:2rem;justify-content:flex-start}.boxes-title{font-size:3rem;color:#ff2b2b;margin:0 0 1rem;font-weight:600;text-align:left;font-family:Fredoka,sans-serif}.boxes-text{font-size:1.3rem;line-height:1.6;color:#333;margin:0;font-family:Fredoka,sans-serif;text-align:left}.boxes-right{flex:1;display:flex;justify-content:center;align-items:center;height:auto;padding:2rem;margin:0;overflow:visible}.boxes-grid{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;width:100%;height:auto}.box{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:0;cursor:pointer;transition:max-height .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,transform .2s ease,border-color .3s ease;box-shadow:0 2px 12px #0000000a,0 1px 4px #00000005,inset 0 1px #ffffffe6;border:2px solid rgba(255,255,255,.8);position:relative;overflow:hidden;min-height:60px;max-height:70px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;will-change:max-height,transform;-webkit-tap-highlight-color:transparent}.box:active{transform:scale(.98);transition:transform .1s ease}.box:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px}.box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff2b2b08,#ff6b6b14,#ff2b2b08);opacity:0;transition:opacity .5s ease;z-index:1}.box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,rgba(255,255,255,.15) 90deg,transparent 120deg,transparent 180deg,rgba(255,43,43,.08) 210deg,transparent 240deg,transparent 360deg);opacity:0;transition:opacity .5s ease;animation:rotate 12s linear infinite;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box{position:relative}.box:before{border-radius:24px}.box.box-open{max-height:600px;min-height:auto;transform:translateY(0) scale(1);box-shadow:0 20px 60px #ff2b2b26,0 8px 25px #00000014,inset 0 1px #fff,inset 0 -1px #ff2b2b1a;border-color:#ff2b2b4d;background:linear-gradient(145deg,#fff,#fff5f5);margin:4px 0;z-index:10;position:relative;overflow:visible}.box.box-open:before{opacity:1}.box.box-open:after{opacity:.6}.box:active{transform:translateY(0) scale(1);transition:all .2s ease}.box-content{text-align:left;color:#333;font-weight:500;font-size:clamp(1rem,.6vw + .95rem,1.3rem);z-index:3;position:relative;width:100%;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 24px;min-height:60px}.box-title{font-size:clamp(.85rem,.8vw + .7rem,1.2rem);font-weight:700;color:#1a1a1a;margin:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);line-height:1.3;letter-spacing:-.01em;position:relative;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.box-title:after{content:"▼";font-size:.8em;color:var(--red-primary);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:rotate(0);opacity:.6;margin-left:12px;flex-shrink:0;will-change:transform}.box:nth-child(4n+1) .box-title:after{color:#ff2b2b}.box:nth-child(4n+2) .box-title:after{color:gold}.box:nth-child(4n+3) .box-title:after{color:#06f}.box:nth-child(4n+4) .box-title:after{color:#0c6}.box.box-open .box-title:after{transform:rotate(180deg);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .3s ease .1s}.box-description{font-size:clamp(.95rem,.6vw + .85rem,1.1rem);font-weight:400;color:#555;line-height:1.75;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease .1s,max-height .4s cubic-bezier(.4,0,.2,1),transform .3s ease .1s,margin-top .3s ease .1s;transform:translateY(-10px);white-space:normal;word-break:break-word;overflow-wrap:anywhere;width:100%;padding:0;margin:0;will-change:opacity,max-height,transform}.box.box-open .box-description{opacity:1;max-height:500px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateY(0);margin-top:16px;padding:0 10px 0 0;transition:opacity .3s ease .15s,max-height .4s cubic-bezier(.4,0,.2,1),transform .3s ease .15s,margin-top .3s ease .15s}.box.box-open .box-description::-webkit-scrollbar{width:6px}.box.box-open .box-description::-webkit-scrollbar-track{background:#00000005;border-radius:10px}.box.box-open .box-description::-webkit-scrollbar-thumb{background:#ff2b2b33;border-radius:10px}.box.box-open .box-description::-webkit-scrollbar-thumb:hover{background:#ff2b2b59}.box.box-open .box-title{color:var(--red-primary);transform:scale(1);margin-bottom:0}@media(max-width:1200px){.boxes-section{padding:4px 30px}.boxes-grid{gap:4px;padding:0 30px;max-width:1000px}.box{min-height:58px;max-height:68px;border-radius:14px;overflow:visible}.box-content{padding:10px 24px;min-height:58px;overflow:visible}.box-title{font-size:clamp(.8rem,.8vw + .65rem,1.1rem);line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.box-description{font-size:clamp(.9rem,.5vw + .8rem,1.05rem);opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;margin:0;padding:0}.box.box-open .box-description{opacity:1;max-height:500px;margin-top:12px}}@media(max-width:768px){.boxes-content{flex-direction:column;gap:2rem;min-height:auto}.boxes-left{order:1;padding:1.5rem}.boxes-right{order:2;min-height:auto;padding:1rem}.boxes-text{font-size:1.1rem}.boxes-title{font-size:2rem}.boxes-wrapper{align-items:center}.boxes-grid{gap:4px;padding:0}.box{min-height:56px;max-height:66px;border-radius:14px;overflow:visible}.box-content{padding:10px 20px;min-height:56px;overflow:visible}.box-title{font-size:clamp(.8rem,.75vw + .65rem,1.05rem);line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.box-description{font-size:clamp(.9rem,.5vw + .75rem,1rem);line-height:1.7;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;margin:0;padding:0}.box.box-open .box-description{opacity:1;max-height:500px;margin-top:14px}}@media(max-width:480px){.boxes-left{padding:1rem}.boxes-right{padding:.75rem}.boxes-title{font-size:1.8rem}.boxes-text{font-size:1rem}.boxes-grid{gap:4px;padding:0}.box{min-height:54px;max-height:64px;border-radius:12px;overflow:visible}.box-content{padding:10px 18px;min-height:54px;overflow:visible}.box-title{font-size:clamp(.75rem,.7vw + .6rem,1rem);line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.box-description{font-size:clamp(.85rem,.4vw + .7rem,.95rem);line-height:1.65;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;margin:0;padding:0}.box.box-open .box-description{opacity:1;max-height:500px;margin-top:12px;padding-right:5px}}.full-width-section{width:100%;height:auto;min-height:calc(100vh - 200px);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:flex-start;padding:2rem 0;margin:28px 0 0;box-sizing:border-box;font-family:Fredoka,sans-serif;overflow:hidden;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.full-width-section#kontakt{align-items:stretch;justify-content:center;min-height:auto;padding:0;margin-top:1.75rem;margin-bottom:5rem;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;min-height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;font-family:Fredoka,sans-serif;overflow:hidden}.kontakt-wrapper{align-items:stretch;justify-content:flex-start;padding:0}.full-width-section#kontakt .content-wrapper{padding:0;max-width:100%}.section-title{font-size:3rem;color:#ff2b2b;margin-bottom:2rem;font-weight:600;text-align:left;font-family:Fredoka,sans-serif}.full-width-section#team{align-items:stretch;justify-content:center;min-height:auto;padding:0;margin:0;margin-top:5rem;margin-bottom:4.25rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.ueber-uns-wrapper{align-items:stretch;justify-content:flex-start;padding:0}.full-width-section#team .content-wrapper{padding:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.ueber-uns-content{display:flex;gap:0;align-items:stretch;width:100%;max-width:100%;min-height:700px;box-sizing:border-box;overflow:hidden}.ueber-uns-left{flex:0 0 40%;display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);box-sizing:border-box}.ueber-uns-title{font-size:clamp(1.5rem,5vw,3rem);color:#ff2b2b;margin:0 0 clamp(.5rem,2vw,1rem) 0;font-weight:600;text-align:left;font-family:Fredoka,sans-serif}.ueber-uns-text{font-size:clamp(.9rem,2.5vw,1.3rem);line-height:1.6;color:#333;margin:0;font-family:Fredoka,sans-serif;text-align:center}.ueber-uns-social-links{display:flex;gap:1.5rem;align-items:center;justify-content:center}.ueber-uns-social-link{display:inline-block;transition:transform .3s ease}.ueber-uns-social-link:hover{transform:translateY(-3px) scale(1.05)}.ueber-uns-social-icon{height:clamp(40px,8vw,60px);width:auto;transition:all .3s ease}.ueber-uns-right{flex:1;display:flex;justify-content:stretch;align-items:stretch;height:100%;min-height:clamp(150px,50vh,600px);margin:0;padding:0;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.team-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;width:100%;height:100%;min-height:clamp(150px,50vh,600px);padding:.5rem;box-sizing:border-box}.team-grid>.team-member{aspect-ratio:1 / 1}.team-member{position:relative;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:12px;transition:all .3s ease;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1}.team-member-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease;z-index:1;aspect-ratio:1 / 1}.team-member-name{font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease;z-index:2;position:relative}.team-member-info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transform:scale(.9);transition:all .3s ease;z-index:3;text-align:center;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.team-member:hover .team-member-image{opacity:.2;filter:blur(2px)}.team-member:hover .team-member-name{opacity:0}.team-member:hover .team-member-info{opacity:1;transform:scale(1)}.team-member:hover{background:var(--hover-color)}.team-member[data-color="#ff2b2b"]:hover{background:#ff2b2b}.team-member[data-color="#2b98ff"]:hover{background:#2b98ff}.team-member[data-color="#ffb600"]:hover{background:#ffb600}.team-member[data-color="#00bf02"]:hover{background:#00bf02}.team-member-name-full{font-family:Fredoka,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.team-member-role{font-family:Fredoka,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500;color:#fff;line-height:1.4;margin:.2rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}@media(max-width:768px){.ueber-uns-content{flex-direction:column;gap:2rem;min-height:auto;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.ueber-uns-left{order:1;width:100%;max-width:100%;box-sizing:border-box}.ueber-uns-right{order:2;min-height:clamp(200px,40vw,400px);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.ueber-uns-text{font-size:clamp(.9rem,3vw,1.1rem)}.ueber-uns-social-icon{height:clamp(40px,8vw,50px)}.full-width-section#team .section-title{text-align:center;margin-bottom:clamp(1rem,4vw,2rem)}.ueber-uns-wrapper{align-items:center}.ueber-uns-team-image{width:100%;max-width:100%;height:100%;min-height:clamp(200px,40vw,400px);object-fit:cover;object-position:center;box-sizing:border-box}}@media(max-width:400px){.full-width-section#team,.full-width-section#team .content-wrapper{width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.ueber-uns-content{width:100%;max-width:100%;padding:0;margin:0;gap:1rem;box-sizing:border-box;overflow:hidden}.ueber-uns-left{width:100%;max-width:100%;padding:1rem;box-sizing:border-box}.ueber-uns-right{width:100%;max-width:100%;min-height:clamp(200px,50vw,300px);height:auto;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.ueber-uns-team-image{width:100%;max-width:100%;height:auto;min-height:clamp(200px,50vw,300px);object-fit:cover;object-position:center;box-sizing:border-box;display:block;padding:0;margin:0}}@media(max-width:300px){.full-width-section#team,.full-width-section#team .content-wrapper{width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.ueber-uns-content{width:100%;max-width:100%;padding:0;margin:0;gap:.75rem;box-sizing:border-box;overflow:hidden}.ueber-uns-left{width:100%;max-width:100%;padding:.75rem;box-sizing:border-box}.ueber-uns-right{width:100%;max-width:100%;min-height:clamp(150px,60vw,250px);height:auto;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.ueber-uns-team-image{width:100%;max-width:100%;height:auto;min-height:clamp(150px,60vw,250px);object-fit:cover;object-position:center;box-sizing:border-box;display:block;padding:0;margin:0}}@media(max-width:200px){.full-width-section#team,.full-width-section#team .content-wrapper{width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.ueber-uns-content{width:100%;max-width:100%;padding:0;margin:0;gap:.5rem;box-sizing:border-box;overflow:hidden}.ueber-uns-left{width:100%;max-width:100%;padding:.5rem;box-sizing:border-box}.ueber-uns-title{font-size:clamp(1rem,8vw,1.5rem)}.ueber-uns-text{font-size:clamp(.75rem,6vw,1rem)}.ueber-uns-right{width:100%;max-width:100%;min-height:clamp(120px,70vw,200px);height:auto;overflow:hidden}.team-member-name{font-size:.4rem!important}.team-member-name-full{font-size:clamp(.35rem,4vw,.5rem)!important;margin-bottom:.15rem!important;text-shadow:1px 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)!important}.team-member-role{font-size:clamp(.3rem,3.5vw,.45rem)!important;margin:.05rem 0!important;line-height:1.1!important;text-shadow:1px 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)!important}.team-member-info{padding:2px 4px!important;background:#0009!important;padding:0;margin:0;box-sizing:border-box}.ueber-uns-team-image{width:100%;max-width:100%;height:auto;min-height:clamp(120px,70vw,200px);object-fit:cover;object-position:center;box-sizing:border-box;display:block;padding:0;margin:0}}@media(max-width:768px){.kontakt-content{flex-direction:column;gap:2rem;min-height:auto}.kontakt-left{order:1}.kontakt-right{order:2;min-height:auto;flex:0 0 auto;height:auto}.kontakt-text{font-size:1.1rem}.kontakt-title{font-size:2rem}.kontakt-wrapper{align-items:center}}.kontakt-content{display:flex;gap:0;align-items:stretch;width:100%;max-width:100%;min-height:0;padding:0;margin:0}@media(min-width:769px){.kontakt-content{min-height:700px}}.kontakt-left{flex:0 0 36%;display:flex;flex-direction:column;gap:2rem;padding:2rem}.kontakt-title{font-size:3rem;color:#ff2b2b;margin:0 0 1rem;font-weight:600;text-align:left;font-family:Fredoka,sans-serif}.kontakt-text{font-size:1.3rem;line-height:1.6;color:#333;margin:0;font-family:Fredoka,sans-serif;text-align:center}.kontakt-logo{width:100%;max-width:300px;height:auto;margin:1rem auto 0;display:block}.kontakt-right{flex:1;display:flex;justify-content:stretch;align-items:stretch;height:100%;padding:0;margin:0;width:100%}.kontakt-mail{color:#ff2b2b;text-decoration:none;border-bottom:1px solid rgba(255,43,43,.35)}.kontakt-mail:hover{border-bottom-color:#ff2b2b}.full-width-section#impressum{align-items:flex-start;justify-content:flex-start;margin-bottom:0;padding:0 20px;overflow-x:hidden}.section-title-impressum{font-size:2rem;color:#ff2b2b;margin-bottom:2rem;font-weight:600;text-align:center;font-family:Fredoka,sans-serif}.impressum-content{font-family:Fredoka,sans-serif;line-height:1.6;color:#333;max-width:800px;width:100%}.footer{background:#fff;padding:3rem 2rem;text-align:left;position:relative;z-index:2;border-top:2px solid rgba(255,43,43,.1);box-shadow:0 -4px 20px #0000000d;margin-bottom:0;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-section{display:flex;flex-direction:column;gap:1rem;flex:0 1 auto;min-width:0;max-width:none;width:auto;align-items:flex-start;padding:1rem;border-radius:12px;transition:all .3s ease}.footer-section:hover{background:#fff9;transform:translateY(-2px)}.footer-heading{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;color:#000;margin:0 0 1rem;text-align:left;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:.5rem;display:inline-block}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff2b2b,#2b98ff,#ffb600,#00bf02);border-radius:2px}.footer-supporters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.25rem;width:100%;max-width:420px}@media(min-width:769px){.footer-content:not(.footer-content-mobile){flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;max-width:1400px;width:100%}.footer-content:not(.footer-content-mobile)>.footer-section{flex:0 1 auto;min-width:0;padding:.65rem .5rem}.footer-content:not(.footer-content-mobile)>.footer-section:first-child{flex:0 0 auto;max-width:min(58%,820px);width:max-content}.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(2),.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(3){flex:0 0 auto}.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(3){flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem .65rem;text-align:right}.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(3) .footer-heading{flex:1 0 100%;text-align:right;margin-bottom:.25rem}.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(3) .footer-button+.footer-button{margin-top:0}.footer-content:not(.footer-content-mobile)>.footer-section:nth-child(3) .footer-button{font-size:.95rem;padding:.55rem .9rem}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster{display:grid;grid-template-columns:repeat(2,minmax(140px,220px));grid-auto-flow:row;column-gap:1.25rem;row-gap:.75rem;justify-content:start;align-items:center;justify-items:center;width:max-content;max-width:min(480px,100%);min-width:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;overflow:visible}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster .footer-logo-link{width:auto;max-width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster .footer-logo-link:nth-child(5){grid-column:1 / span 2;justify-self:center;width:auto;max-width:15rem}.footer-content:not(.footer-content-mobile) .footer-section:first-child .footer-supporters{max-width:none}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster .footer-logo{height:36px!important;width:auto!important;max-width:min(220px,100%)!important;object-fit:contain!important;display:block!important}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster .sbhs-logo{height:50px!important;width:auto!important;max-width:min(240px,100%)!important;object-fit:contain!important}.footer-content:not(.footer-content-mobile) .footer-supporters-cluster .footer-logo-mintality{height:34px!important;max-height:40px!important;max-width:185px!important;width:auto!important;object-fit:contain!important}}.footer-logo-mintality{height:40px;max-height:44px;max-width:220px;width:auto;object-fit:contain}.footer-social{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-button{background:#fffc;border:2px solid transparent;color:#000;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;cursor:pointer;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;width:fit-content;text-align:left;border-radius:8px;box-shadow:0 2px 8px #00000014}.footer-section .footer-button+.footer-button{margin-top:.75rem}.footer-button:hover{color:#ff2b2b;background:#ff2b2b1a;border-color:#ff2b2b;transform:translateY(-3px);box-shadow:0 4px 12px #ff2b2b33}.footer-button:active{transform:translateY(-1px);box-shadow:0 2px 6px #ff2b2b26}.footer p{margin:0;color:#333;font-size:1rem}.animated-login .content-container{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.impressum-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:3}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:none;border:none;color:#333;font-family:Fredoka,sans-serif;font-size:1.2rem;cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease;z-index:10}.back-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #ff2b2b;border-radius:8px;transform:scale(.8);opacity:0;transition:all .3s ease}.back-button:hover{color:#ff2b2b;transform:translateY(-2px)}.back-button:hover:before{transform:scale(1);opacity:1}.back-button:active{transform:translateY(0)}.back-button:active:before{transform:scale(.95);background:#ff2b2b1a}.impressum-container{width:100%;max-width:800px;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px;min-height:80vh;overflow-x:hidden;position:relative;box-sizing:border-box}.section-title-impressum{font-size:3rem;color:#ff2b2b;margin-bottom:2rem;font-weight:600;text-align:center;font-family:Fredoka,sans-serif}.impressum-content{font-family:Fredoka,sans-serif;line-height:1.6;color:#333}.impressum-content h3{font-size:1.5rem;color:#ff2b2b;margin:2rem 0 1rem;font-weight:600}.impressum-content h3:first-child{margin-top:0}.impressum-content p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.impressum-content p:last-child{margin-bottom:0}.animated-login .content-container{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;padding:0}.contact-form-container{width:100%;max-width:100%;margin:0;padding:0;height:100%;display:flex;align-items:stretch}.contact-form{background:transparent;border-radius:0;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:30px 0;margin:0;display:flex;flex-direction:column;gap:15px;width:100%;max-width:100%;height:100%}.contact-form .form-group{margin-bottom:1rem}.contact-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}.contact-form .form-row .form-group{flex:1;margin-bottom:0}.contact-form label{display:block;margin-bottom:.4rem;font-weight:600;color:#333;font-size:.9rem;font-family:Fredoka,sans-serif;text-align:left}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 14px;border:2px solid #e1e5e9;border-radius:12px;font-size:14px;font-family:Fredoka,sans-serif;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:#ffffffb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#333;box-sizing:border-box}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#ff2b2b;background:#ffffffe0;box-shadow:0 0 0 4px #ff2b2b1a;transform:translateY(-2px)}.contact-form input.success-glow,.contact-form select.success-glow,.contact-form textarea.success-glow{animation:successGlow .8s ease-out}@keyframes successGlow{0%{border-color:#4caf50;background:#4caf501a;box-shadow:0 0 0 4px #4caf504d}50%{border-color:#4caf50;background:#4caf5026;box-shadow:0 0 0 8px #4caf5033}to{border-color:#e1e5e9;background:#f8f9fae6;box-shadow:none}}.contact-form input:disabled,.contact-form select:disabled,.contact-form textarea:disabled{background:#f5f5f5;color:#a3a3a3;cursor:not-allowed}.contact-form textarea{resize:vertical;min-height:100px}.character-counter{text-align:right;margin-top:5px;font-size:12px;color:#666;font-family:Fredoka,sans-serif}.character-counter .counter-warning{color:#e74c3c;font-weight:600}.character-counter .counter-max{color:#999}.contact-form select{cursor:pointer}.contact-submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.contact-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #ff2b2b66}.contact-submit-btn:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.contact-success-message,.contact-error-message{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:8px;font-family:Fredoka,sans-serif}.contact-success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.contact-success-message h3{margin:0 0 .5rem;color:#155724;font-size:1.2rem;font-weight:600}.contact-success-message p{margin:0;font-size:1rem}.contact-error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.contact-error-message h3{margin:0 0 .5rem;color:#721c24;font-size:1.2rem;font-weight:600}.contact-error-message p{margin:0;font-size:1rem}@media(max-width:768px){.contact-form-container{margin:0;padding:0;width:100%;height:auto!important;min-height:0!important}.contact-form{padding:20px 0;margin:0;height:auto!important;min-height:0!important}.contact-form .form-group{margin-bottom:.75rem}.contact-form .form-row{flex-direction:column;gap:.75rem;margin-bottom:.75rem}.contact-form .form-row .form-group{margin-bottom:0}.contact-form input,.contact-form select,.contact-form textarea{padding:10px 12px;font-size:13px}.contact-form label{font-size:.85rem}.contact-submit-btn{padding:10px;font-size:13px}}.footer-logo-link{display:inline-block;transition:all .3s ease}.footer-logo-link:hover{transform:translateY(-4px) scale(1.05)}.footer-logo{height:40px;width:auto;max-width:100%;transition:all .3s ease;object-fit:contain}.footer-logo-link:hover .footer-logo{transform:scale(1.05)}@media(max-width:768px){.footer-supporters.footer-supporters-cluster{width:100%;max-width:100%;box-sizing:border-box}.footer-supporters-cluster .footer-logo-link{min-width:0;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.footer-supporters-cluster .footer-logo-link .footer-logo{max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}}.sbhs-logo{height:60px!important}@media(max-width:768px){.footer{padding:1.5rem 1rem;text-align:center}.footer-content{flex-direction:column;align-items:center;gap:2rem}.footer-section{align-items:center;width:100%;flex:none}.footer-heading{text-align:center}.footer-supporters{max-width:100%!important;justify-items:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.25rem!important;width:100%!important}.footer-supporters.footer-supporters-cluster{display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-flow:row!important;flex-direction:unset!important;align-items:center!important;justify-items:stretch!important;column-gap:.65rem!important;row-gap:.55rem!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}.footer-supporters-cluster .footer-logo-link:nth-child(5){grid-column:1 / span 2;justify-self:center;width:100%;max-width:100%}.footer-social{justify-content:center;gap:1rem}.footer-logo{height:auto!important;max-height:50px!important;max-width:70%!important;width:auto!important}.footer-supporters .footer-logo{max-height:60px!important;max-width:75%!important}.sbhs-logo{max-height:80px!important;max-width:80%!important;height:auto!important}}@media(max-width:220px){.footer{padding:1rem .5rem;text-align:center}.footer-content{flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex-wrap:nowrap}.footer-section{align-items:center;width:100%;flex:none;padding:.4rem .25rem!important;box-sizing:border-box}.footer-heading{font-size:.9rem;text-align:center}.footer-supporters{max-width:100%!important;justify-items:center!important;gap:.75rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.footer-supporters.footer-supporters-cluster{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:unset!important;gap:0!important;column-gap:.35rem!important;row-gap:.35rem!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;width:100%!important;max-width:100%!important;justify-items:stretch!important;box-sizing:border-box!important}.footer-supporters-cluster .footer-logo-link{min-width:0!important}.footer-supporters-cluster .footer-logo-link:nth-child(5){grid-column:1 / span 2;justify-self:center;width:100%;max-width:100%}.footer-social{justify-content:center;gap:.75rem;flex-wrap:wrap}.footer-logo{height:auto!important;max-height:50px!important;max-width:75%!important;width:auto!important}.footer-supporters .footer-logo{max-height:55px!important;max-width:80%!important}.footer-supporters-cluster .footer-logo{max-height:30px!important;max-width:min(42vw,88px)!important}.footer-supporters-cluster .sbhs-logo{max-height:34px!important;max-width:min(48vw,100px)!important}.footer-supporters-cluster .footer-logo-mintality{max-height:28px!important;max-width:min(70vw,140px)!important}.sbhs-logo{max-height:70px!important;max-width:85%!important;height:auto!important}.footer-button{font-size:.8rem;padding:.35rem .6rem}}@media(max-width:220px)and (max-height:340px){.footer-supporters-cluster .footer-logo{max-height:24px!important;max-width:min(40vw,76px)!important}.footer-supporters-cluster .sbhs-logo{max-height:28px!important;max-width:min(44vw,92px)!important}.footer-supporters-cluster .footer-logo-mintality{max-height:22px!important;max-width:min(65vw,120px)!important}.footer-supporters.footer-supporters-cluster{column-gap:.25rem!important;row-gap:.25rem!important}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .footer-logo{max-height:24px!important;max-width:100%!important}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .sbhs-logo{max-height:28px!important;max-width:100%!important}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .footer-logo-mintality{max-height:20px!important;max-width:100%!important}}@media(max-width:150px){.footer{padding:.5rem;text-align:center}.footer-content{flex-direction:column;gap:.75rem;align-items:center}.footer-section{align-items:center;width:100%;flex:none}.footer-heading{font-size:.85rem;text-align:center}.footer-supporters{max-width:100%!important;justify-items:center!important;gap:.5rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.footer-social{justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-logo{height:auto!important;max-height:40px!important;max-width:70%!important;width:auto!important}.footer-supporters .footer-logo{max-height:45px!important;max-width:75%!important}.sbhs-logo{max-height:55px!important;max-width:80%!important;height:auto!important}.footer-button{font-size:.7rem;padding:.3rem .5rem}}@media(max-width:110px){.footer{text-align:center}.footer-content{flex-direction:column;gap:.5rem;align-items:center}.footer-section{align-items:center;width:100%;flex:none}.footer-heading{font-size:.8rem;text-align:center}.footer-supporters{max-width:100%;justify-items:center;gap:.4rem}.footer-social{justify-content:center;gap:.4rem;flex-wrap:wrap}.footer-logo{height:14px}.sbhs-logo{height:21px!important}}@media(max-width:220px){.full-width-section#kontakt{padding:.35rem 0;min-height:auto;overflow:visible}.full-width-section#kontakt .content-wrapper{padding:0 4px;overflow:visible}.full-width-section#kontakt .section-title{font-size:1rem;margin-bottom:.35rem}.kontakt-content p{font-size:.8rem;line-height:1.35}.contact-form-container{margin:.2rem 0;padding:0}}@media(max-width:150px){.full-width-section#kontakt{padding:.25rem 0;overflow:visible}.full-width-section#kontakt .content-wrapper{padding:0 3px;overflow:visible}.full-width-section#kontakt .section-title{font-size:.85rem;margin-bottom:.25rem}.kontakt-content p{font-size:.68rem}}@media(max-width:110px){.full-width-section#kontakt,.full-width-section#kontakt .content-wrapper{overflow:visible}.full-width-section#kontakt .section-title{font-size:.75rem}.kontakt-content p{font-size:.62rem}}.student-card{background:#fff;border-radius:8px;padding:10px 12px;margin:6px 0;box-shadow:0 1px 3px #0000000f;border:1px solid #e9ecef;transition:all .2s ease;font-family:Fredoka,sans-serif}.student-card:hover{box-shadow:0 2px 6px #0000001a;border-color:#dee2e6}.student-info h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#2c3e50;font-family:Fredoka,sans-serif}.credentials-container{display:flex;flex-direction:row;gap:8px;margin:6px 0;padding:0;background:transparent;border:none}.credential-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;flex:1;transition:all .15s ease}.credential-item:hover{background:#fff;border-color:#dee2e6}.credential-icon{font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.credential-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.credential-label{font-size:.65rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:Fredoka,sans-serif;line-height:1}.credential-value{font-size:.85rem;font-weight:700;font-family:Fredoka,sans-serif;color:#2c3e50;word-break:break-all;line-height:1.2}.username-value{color:#2c3e50}.password-value{color:#e74c3c}.student-class{margin:6px 0;padding:4px 8px;background:transparent;border-radius:4px;font-family:Fredoka,sans-serif}.student-class label{display:inline;font-size:.7rem;color:#6c757d;font-weight:600;margin-right:6px}.student-class .class-select{font-size:.85rem;padding:2px 6px;border-radius:4px}.student-status{margin:4px 0;display:inline-block}.status-indicator{font-size:.75rem;font-weight:600;font-family:Fredoka,sans-serif;padding:2px 8px;border-radius:12px;display:inline-block}.status-indicator.offline{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.status-indicator.online{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.student-created{margin:4px 0 0;font-size:.7rem;color:#999;font-family:Fredoka,sans-serif}.students-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:8px!important;padding:0!important}.students-container{padding:8px 0!important}.class-group{margin-bottom:12px!important}.class-group-header{margin-bottom:8px!important;padding:6px 0!important;font-size:.95rem!important}.student-info:not(.animated-login .student-info){margin:0!important;padding:0!important}.student-info:not(.animated-login .student-info)>*{margin-top:0!important;margin-bottom:4px!important}.student-info:not(.animated-login .student-info)>*:last-child{margin-bottom:0!important}.hero-section.hero-mobile{flex-direction:column;padding:2rem 1rem 3rem;min-height:85vh;justify-content:center;align-items:center;gap:3rem}.hero-mobile-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem;padding:0}.hero-logo-mobile-container{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem 0}.hero-logo-mobile{width:min(320px,85vw)!important;max-width:85vw!important;height:auto;filter:drop-shadow(0 12px 35px rgba(0,0,0,.2));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-buttons-mobile{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:0 1rem;box-sizing:border-box}@media(max-width:400px){.hero-button-mobile{padding:1rem .75rem!important;font-size:.95rem!important}.hero-buttons-mobile{padding:0 .5rem}.team-member-name{font-size:.5rem!important}.team-member-name-full{font-size:clamp(.5rem,2vw,.7rem)!important;margin-bottom:.25rem!important}.team-member-role{font-size:clamp(.45rem,1.8vw,.6rem)!important;margin:.1rem 0!important;line-height:1.2!important}.team-member-info{padding:4px 6px!important}}@media(max-width:320px){.hero-button-mobile{padding:.875rem .5rem!important;font-size:.85rem!important}.hero-buttons-mobile{padding:0 .25rem}}.hero-button-mobile{width:100%;padding:1.25rem 1.5rem!important;font-size:.85rem!important;font-weight:700!important;border-radius:18px!important;min-height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff2b2b40!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.hero-button-mobile:active{transform:scale(.97) translateY(2px)!important;box-shadow:0 4px 12px #ff2b2b4d!important}.hero-button-primary{background:#ffffff26!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#ff2b2b!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3!important}.hero-button-primary .colored-word{color:#fff!important;font-weight:700;white-space:normal;word-wrap:break-word}.hero-button-secondary{background:#ffffff26!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#ff2b2b!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #fff3!important}.hero-button-secondary .colored-word{color:#ff2b2b!important;font-weight:700;white-space:normal;word-wrap:break-word}.hero-button-secondary:hover{background:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 12px 40px #00000026,inset 0 1px #fff9,inset 0 -1px #ffffff4d!important}.hero-tablet .hero-section{flex-direction:row;padding:3rem 2rem;gap:3rem;min-height:80vh;align-items:center}.hero-tablet .hero-logo{max-width:380px;width:100%}.hero-tablet .right-hero{display:flex;flex-direction:column;gap:1.5rem;flex:1}.hero-tablet .hero-button{max-width:350px;padding:1.1rem 2rem;font-size:1.05rem}.hero-desktop .hero-section{min-height:90vh;padding:4rem 2rem}.boxes-content-mobile{flex-direction:column!important;min-height:auto!important;padding:2rem 0!important}.boxes-left-mobile{width:100%;padding:1.5rem 1.25rem 2rem!important;text-align:center;background:linear-gradient(135deg,#ff2b2b0d,#ff6b6b0d);border-radius:20px;margin-bottom:1.5rem}.boxes-title-mobile{font-size:2rem!important;color:#ff2b2b!important;margin:0 0 1rem!important;font-weight:700!important;line-height:1.2}.boxes-text-mobile{font-size:1rem!important;line-height:1.6!important;color:#333!important;margin:0!important}.boxes-content-mobile .boxes-right{flex:1 1 100%!important;padding:0 1rem}.boxes-grid-mobile{grid-template-columns:1fr!important;gap:1rem!important;padding:0!important;width:100%}.boxes-grid-mobile .box{width:100%;margin:0;min-height:auto;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.boxes-grid-mobile .box.box-open{max-height:800px;box-shadow:0 8px 24px #ff2b2b1f,0 4px 12px #00000014;margin:4px 0}.boxes-grid-mobile .box:active{transform:scale(.98)}.boxes-grid-mobile .box-content{padding:1.25rem!important}.boxes-grid-mobile .box-title{font-size:1.1rem!important;font-weight:700!important;margin-bottom:.75rem!important;color:#ff2b2b}.boxes-grid-mobile .box-description{font-size:.95rem!important;line-height:1.6!important;color:#444;opacity:0;max-height:0;overflow:hidden;transition:opacity .25s ease .1s,max-height .35s cubic-bezier(.4,0,.2,1),margin-top .25s ease .1s;will-change:opacity,max-height}.boxes-grid-mobile .box.box-open .box-description{opacity:1!important;max-height:1000px!important;margin-top:.75rem!important;transition:opacity .25s ease .15s,max-height .35s cubic-bezier(.4,0,.2,1),margin-top .25s ease .15s}.boxes-content-tablet{flex-direction:column!important;min-height:auto!important}.boxes-content-tablet .boxes-left{flex:1 1 100%!important;padding:2rem!important}.boxes-grid-tablet{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.ueber-uns-content-mobile{flex-direction:column!important;gap:2.5rem!important;padding:2rem 1.25rem!important}.ueber-uns-content-mobile .ueber-uns-left{width:100%;text-align:center}.ueber-uns-content-mobile .ueber-uns-title{font-size:2rem!important;font-weight:700!important;color:#ff2b2b!important;margin-bottom:1rem!important;line-height:1.2}.ueber-uns-content-mobile .ueber-uns-text{font-size:1rem!important;line-height:1.6!important;color:#666!important;margin-bottom:1.5rem!important}.ueber-uns-content-mobile .ueber-uns-social-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.ueber-uns-content-mobile .ueber-uns-social-icon{width:48px!important;height:48px!important;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.ueber-uns-content-mobile .ueber-uns-social-icon:active{transform:scale(.9)}.ueber-uns-content-mobile .ueber-uns-right{display:flex;justify-content:center;margin-top:2rem}.ueber-uns-content-tablet{flex-direction:row!important;gap:2.5rem!important;align-items:center}.ueber-uns-content-tablet .team-grid{max-width:500px;width:100%;min-height:400px}.kontakt-content-mobile{flex-direction:column!important;gap:1rem!important;padding:2rem 0!important}.kontakt-content-mobile .kontakt-left{width:100%;text-align:center;padding:0 1.25rem}.kontakt-content-mobile .kontakt-title{font-size:2rem!important;font-weight:700!important;color:#ff2b2b!important;margin-bottom:1rem!important;line-height:1.2}.kontakt-content-mobile .kontakt-text{font-size:1rem!important;line-height:1.6!important;color:#666!important;margin-bottom:1.5rem!important}.kontakt-content-mobile .kontakt-logo{margin:.75rem auto 0;max-width:120px}.kontakt-content-mobile .contact-form-container{width:100%;height:auto!important;min-height:0!important}.kontakt-content-mobile .contact-form{padding:20px 0!important;border-radius:0!important;height:auto!important;min-height:0!important}.kontakt-content-mobile .form-row{flex-direction:column!important;gap:1rem!important}.kontakt-content-mobile .form-group label{font-size:.85rem!important;font-weight:600!important;margin-bottom:.4rem}.kontakt-content-mobile .form-group input,.kontakt-content-mobile .form-group select,.kontakt-content-mobile .form-group textarea{padding:10px 12px!important;font-size:13px!important;border-radius:10px!important;min-height:44px;border:2px solid #e1e5e9;transition:all .2s ease}.kontakt-content-mobile .form-group input:focus,.kontakt-content-mobile .form-group select:focus,.kontakt-content-mobile .form-group textarea:focus{border-color:#ff2b2b;box-shadow:0 0 0 4px #ff2b2b1a}.kontakt-content-mobile .contact-submit-btn{width:100%!important;padding:10px!important;font-size:13px!important;font-weight:700!important;border-radius:10px!important;min-height:44px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kontakt-content-mobile .contact-submit-btn:active{transform:scale(.98);box-shadow:0 4px 12px #ff2b2b4d}.kontakt-content-tablet{flex-direction:row!important;gap:2.5rem!important;align-items:flex-start}.footer-mobile .footer-content{flex-direction:column!important;gap:1.5rem!important;padding:1.5rem 1rem!important;align-items:center!important}.footer-content-mobile{flex-direction:column!important;align-items:center!important;gap:1.5rem!important}.footer-content-mobile .footer-section{align-items:center!important;width:100%;flex:none!important}.footer-content-mobile .footer-heading{text-align:center!important}.footer-content-mobile .footer-supporters{max-width:100%!important;justify-items:center!important;gap:1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.footer-content-mobile .footer-social{justify-content:center!important;gap:1rem!important}.footer-content-mobile .footer-right{justify-content:center!important}.footer-content-mobile .footer-logo{max-height:60px!important;height:auto!important;width:auto!important;max-width:80%!important;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .footer-logo{max-height:44px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .sbhs-logo{max-height:48px!important;max-width:100%!important}.footer-content-mobile .footer-supporters.footer-supporters-cluster .footer-logo-link .footer-logo-mintality{max-height:40px!important;max-width:100%!important}.footer-content-mobile .footer-logo:active{transform:scale(.95)}.footer-content-mobile .footer-button{padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:12px!important;min-height:44px;background:#ff2b2b!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #ff2b2b40;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.footer-content-mobile .footer-button:active{transform:scale(.95);box-shadow:0 2px 8px #ff2b2b40}.login-section-mobile{padding:1rem!important;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.login-mobile .login-container{padding:2rem 1.5rem!important;min-height:auto!important;max-width:100%!important;margin:0!important;border-radius:24px!important;box-shadow:0 20px 60px #0003!important;max-height:calc(100vh - 2rem)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important}.login-container-mobile{padding:2rem 1.5rem!important;border-radius:24px!important;width:100%;max-width:100%;max-height:calc(100vh - 2rem)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important}.header-section-mobile{margin-bottom:1.5rem}.header-top-mobile{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.back-to-home-button{padding:10px 20px;background:#ff2b2b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;font-family:Fredoka,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #ff2b2b4d;width:fit-content;min-height:2.75rem;-webkit-tap-highlight-color:transparent}.back-to-home-button:hover{background:#f44;transform:translateY(-2px);box-shadow:0 6px 20px #ff2b2b66}.back-to-home-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #ff2b2b4d}.back-to-home-button-mobile{font-size:.95rem!important;padding:.75rem 1.25rem!important;min-height:44px;border-radius:12px!important;font-weight:600!important;background:#ff2b2b!important;color:#fff!important;border:none!important;width:fit-content;box-shadow:0 4px 12px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.back-to-home-button-mobile:active{transform:scale(.95);box-shadow:0 2px 8px #ff2b2b4d}.header-mobile{text-align:left}.header-h1-mobile{font-size:1.75rem!important;font-weight:700!important;color:#ff2b2b!important;margin:0!important;line-height:1.3}.role-selector-mobile{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;margin-bottom:2rem!important;padding:0!important;background:transparent!important;box-shadow:none!important}.role-btn-mobile{padding:1rem .75rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:14px!important;min-height:50px;border:2px solid #e1e5e9!important;background:#fff!important;color:#666!important;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.role-btn-mobile:active{transform:scale(.97)}.role-btn-mobile.active{background:linear-gradient(135deg,#ff2b2b,#ff6b6b)!important;color:#fff!important;border-color:#ff2b2b!important;box-shadow:0 4px 12px #ff2b2b40}.form-section-mobile{padding:0!important;width:100%}.form-section-mobile .form-group{margin-bottom:1.25rem}.form-section-mobile .form-group label{font-size:.95rem!important;font-weight:600!important;margin-bottom:.5rem;color:#333}.form-section-mobile .form-group input{padding:1rem!important;font-size:1rem!important;border-radius:12px!important;min-height:50px;border:2px solid #e1e5e9;transition:all .2s ease}.form-section-mobile .form-group input:focus{border-color:#ff2b2b;box-shadow:0 0 0 4px #ff2b2b1a}.form-section-mobile .submit-btn{width:100%!important;padding:1.1rem!important;font-size:1.05rem!important;font-weight:700!important;border-radius:14px!important;min-height:54px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.form-section-mobile .submit-btn:active{transform:scale(.98);box-shadow:0 4px 12px #ff2b2b4d}.login-tablet .login-container{padding:2.5rem!important;max-width:600px!important}.login-container-tablet{padding:2.5rem!important;border-radius:24px!important}.role-selector-tablet{gap:1rem!important}.role-selector-tablet .role-btn{padding:1rem 1.5rem!important;font-size:1rem!important}.form-section-tablet{padding:0!important}.form-section-tablet .form-group input{padding:1rem 1.25rem!important;font-size:1rem!important}.login-container-desktop{padding:3rem!important;max-width:700px!important}.request-mobile .request-container{padding:2rem 1.5rem!important;min-height:auto!important;max-width:100%!important;margin:0!important;border-radius:24px!important;box-shadow:0 20px 60px #0003!important}.request-container-mobile{padding:2rem 1.5rem!important;border-radius:24px!important;width:100%}.request-container-mobile .header{margin-bottom:2rem}.request-container-mobile .header-content-mobile{flex-direction:column;gap:1rem;align-items:flex-start}.request-container-mobile .header h1{font-size:1.75rem!important;font-weight:700!important;color:#ff2b2b!important;margin:0 0 .5rem!important;line-height:1.3}.request-container-mobile .header p{font-size:1rem!important;color:#666!important;margin:0!important;line-height:1.5}.request-container-mobile .form-group{margin-bottom:1.25rem}.request-container-mobile .form-group label{font-size:.95rem!important;font-weight:600!important;margin-bottom:.5rem;color:#333}.request-container-mobile .form-group input{padding:1rem!important;font-size:1rem!important;border-radius:12px!important;min-height:50px;border:2px solid #e1e5e9;transition:all .2s ease;width:100%}.request-container-mobile .form-group input:focus{border-color:#ff2b2b;box-shadow:0 0 0 4px #ff2b2b1a}.request-container-mobile .btn{width:100%!important;padding:1.1rem!important;font-size:1.05rem!important;font-weight:700!important;border-radius:14px!important;min-height:54px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.request-container-mobile .btn:active{transform:scale(.98);box-shadow:0 4px 12px #ff2b2b4d}.request-tablet .request-container{padding:2.5rem!important;max-width:600px!important}.request-container-tablet{padding:2.5rem!important;border-radius:24px!important}.request-container-desktop{padding:3rem!important;max-width:700px!important}.teacher-request-mobile .teacher-request-embedded{padding:0;width:100%}.teacher-request-mobile .header-content-mobile{flex-direction:column!important;gap:1.25rem!important;align-items:flex-start!important;margin-bottom:2rem}.teacher-request-mobile .back-to-home-button-mobile{width:100%!important;text-align:center;padding:.875rem 1.25rem!important;min-height:48px;font-size:.95rem!important;font-weight:600!important;border-radius:12px!important;background:#ff2b2b!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.teacher-request-mobile .back-to-home-button-mobile:active{transform:scale(.97);box-shadow:0 2px 8px #ff2b2b4d}.teacher-request-mobile .header-text{text-align:left!important;width:100%!important}.teacher-request-mobile .header h1{font-size:1.75rem!important;font-weight:700!important;color:#ff2b2b!important;margin:0 0 .5rem!important;line-height:1.3}.teacher-request-mobile .header p{font-size:1rem!important;color:#666!important;margin:0!important;line-height:1.5}.teacher-request-mobile .form-container{padding:0!important;width:100%}.teacher-request-mobile .form-group{margin-bottom:1.25rem}.teacher-request-mobile .form-group label{font-size:.95rem!important;font-weight:600!important;margin-bottom:.5rem;color:#333}.teacher-request-mobile .form-group input{padding:1rem!important;font-size:1rem!important;border-radius:12px!important;min-height:50px;border:2px solid #e1e5e9;transition:all .2s ease;width:100%}.teacher-request-mobile .form-group input:focus{border-color:#ff2b2b;box-shadow:0 0 0 4px #ff2b2b1a}.teacher-request-mobile .btn{width:100%!important;padding:1.1rem!important;font-size:1.05rem!important;font-weight:700!important;border-radius:14px!important;min-height:54px;background:linear-gradient(135deg,#ff2b2b,#ff6b6b)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #ff2b2b4d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.teacher-request-mobile .btn:active{transform:scale(.98);box-shadow:0 4px 12px #ff2b2b4d}.teacher-request-mobile .success-message,.teacher-request-mobile .error-message{padding:1.25rem!important;border-radius:14px!important;margin-bottom:1.25rem}.teacher-request-tablet .teacher-request-embedded{padding:0}.teacher-request-tablet .form-container{max-width:600px;margin:0 auto}.teacher-request-tablet .form-group input{padding:1rem 1.25rem!important}@media(max-width:767px){.top-navbar{padding:.75rem 1rem;z-index:1000}.navbar-icon{width:40px!important;height:40px!important}.hamburger-menu{width:44px;height:44px;padding:10px;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.navbar-menu{padding:1rem 0;border-radius:0 0 16px 16px;box-shadow:0 8px 24px #00000026}.nav-menu-item{padding:1rem 1.5rem!important;font-size:1rem!important;min-height:50px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-menu-item:active{transform:scale(.98);background:#0000000d}.nav-menu-item-1:active{border-left-color:#ff2b2b}.nav-menu-item-2:active{border-left-color:gold}.nav-menu-item-3:active{border-left-color:#06f}.nav-menu-item-4:active{border-left-color:#0c6}}@media(max-width:360px){.top-navbar{padding:6px 0!important}.top-navbar .navbar-container{padding:0 8px!important}.top-navbar .navbar-icon{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}.top-navbar .hamburger-menu{width:auto!important;min-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:6px!important;gap:4px!important;box-sizing:border-box!important}.top-navbar .hamburger-line{width:18px!important;height:3px!important}.top-navbar .hamburger-menu.active .hamburger-line-1{transform:rotate(45deg) translate(4px,5px)}.top-navbar .hamburger-menu.active .hamburger-line-4{transform:rotate(-45deg) translate(4px,-5px)}.top-navbar .navbar-menu{right:6px!important;min-width:min(180px,calc(100vw - 12px))!important;margin-top:6px!important}.footer-social{gap:.65rem!important}.footer-social .footer-logo{max-height:32px!important;max-width:36px!important}.footer-content{gap:1.35rem!important}}@media(max-width:240px){.top-navbar .navbar-icon{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}.top-navbar .hamburger-menu{min-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:4px!important;gap:3px!important}.top-navbar .hamburger-line{width:16px!important;height:2px!important}.top-navbar .hamburger-menu.active .hamburger-line-1{transform:rotate(45deg) translate(3px,4px)}.top-navbar .hamburger-menu.active .hamburger-line-4{transform:rotate(-45deg) translate(3px,-4px)}.top-navbar .navbar-container{padding:0 6px!important}.footer-social .footer-logo{max-height:28px!important;max-width:32px!important}}@media(prefers-reduced-motion:reduce){.hamburger-line,.nav-menu-item{transition:none}.navbar-menu{animation:none}}@media(max-width:767px){button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}*:focus-visible{outline:3px solid #ff2b2b;outline-offset:2px;border-radius:4px}}@media(min-width:768px)and (max-width:1023px){.hero-section{padding:3rem 2rem}.boxes-content,.ueber-uns-content,.kontakt-content{padding:2.5rem 2rem}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);font-family:Fredoka,sans-serif;padding:20px}.error-container{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 20px 60px #00000026;max-width:500px;width:100%;border:3px solid #ff6b6b}.error-container h1{color:#ff2b2b;font-size:2.5rem;margin-bottom:20px;font-weight:700}.error-container p{color:#666;font-size:1.2rem;margin-bottom:30px;line-height:1.6}.error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.retry-btn,.reload-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fredoka,sans-serif}.retry-btn:hover,.reload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.error-details{text-align:left;background:#f8f9fa;border-radius:10px;padding:15px;margin-top:20px}.error-details summary{cursor:pointer;font-weight:600;color:#333;margin-bottom:10px}.error-stack{background:#2d3748;color:#e2e8f0;padding:15px;border-radius:8px;overflow-x:auto;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}