*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e1a2b;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.app{flex-direction:column;width:100%;height:100svh;display:flex;overflow:hidden}.scene-wrap{flex:1 1 0;min-height:0;overflow:hidden}.scene{cursor:default;background-image:url(/Landschaft.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden}.scene-el{pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;height:auto;transition:filter .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute}.scene-el:hover{filter:drop-shadow(0 0 8px #ffe632b3)drop-shadow(0 0 16px #fff050b3)drop-shadow(0 0 32px #ffdc1480)drop-shadow(0 0 48px #ffc8004d)brightness(1.12);transform:scale(1.04)}.el-sicherheit{z-index:2;width:25%;top:4%;left:4%}.el-shop{z-index:3;width:25%;top:3%;left:59%}.el-buero{z-index:4;width:25%;top:20%;left:74%}.el-akademie{z-index:5;width:27%;top:43%;left:-1%}.el-qualitaet{z-index:6;width:25%;top:34%;left:26%}.el-karriere{z-index:7;width:7%;top:1%;left:39%}.el-info{z-index:8;width:7%;top:6%;left:49.5%}.el-mail{z-index:8;width:6%;top:54%;left:90%}.el-auto{z-index:9;width:18%;top:40%;left:54%}.el-tetraeder{z-index:10;aspect-ratio:330/315;cursor:pointer;width:31%;height:auto;top:56%;left:42%}.el-chefkoch{z-index:11;width:6%;top:51%;left:84%}.menu-btn{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(3px,.4vw,6px);width:clamp(32px,3.5vw,52px);height:clamp(28px,3vw,44px);padding:0;transition:background .18s,transform .15s,box-shadow .18s;display:flex;position:absolute;top:2.5%;right:1.5%;box-shadow:0 2px 10px #00000047}.menu-btn:hover{background:#fff;transform:scale(1.06);box-shadow:0 4px 16px #00000059}.menu-btn:focus-visible{outline-offset:2px;outline:2px solid #1a52cc}.menu-btn span{pointer-events:none;background:#1a1a2e;border-radius:2px;width:60%;height:2px;transition:background .18s;display:block}.menu-btn:hover span{background:#1a52cc}.copyright-wrap{z-index:50;pointer-events:none;justify-content:center;align-items:center;height:100%;padding-right:5px;display:flex;position:absolute;top:0;right:0}.copyright-wrap p{writing-mode:vertical-lr;color:#1e140a8c;letter-spacing:.08em;white-space:nowrap;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(6px,.58vw,10px);transform:rotate(180deg)}.site-footer{flex-shrink:0;width:100%;height:clamp(16px,2.2vh,30px);display:flex}.footer-blue{background:#1a52cc;flex:1}.footer-green{background:#1ab106;flex:1}.footer-orange{background:#d97706;flex:1}@keyframes bg-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blob-float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-80px)scale(1.15)}66%{transform:translate(-40px,60px)scale(.9)}}@keyframes blob-float-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-80px,50px)scale(1.1)}66%{transform:translate(50px,-60px)scale(.95)}}@keyframes blob-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,80px)scale(1.2)}}@keyframes blob-float-4{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-60px,-40px)scale(1.1)}80%{transform:translate(30px,50px)scale(.85)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}@keyframes pulse-dot-blue{0%,to{box-shadow:0 0 #60a5fa80}50%{box-shadow:0 0 0 6px #60a5fa00}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.landing-page{color:#e2e8f0;background:linear-gradient(-45deg,#0f1729,#1a2e52,#0d2b3e,#0f2416,#1a3a2a,#0d1f38) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;animation:18s infinite bg-shift;display:flex;position:relative;overflow:hidden}.landing-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.landing-blob{filter:blur(90px);pointer-events:none;z-index:0;border-radius:9999px;position:absolute}.landing-blob-1{background:radial-gradient(circle,#2563eb73 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite blob-float-1;top:-120px;left:-100px}.landing-blob-2{background:radial-gradient(circle,#10b98159 0%,#0000 70%);width:600px;height:600px;animation:18s ease-in-out infinite blob-float-2;bottom:-150px;right:-120px}.landing-blob-3{background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite blob-float-3;top:30%;left:55%}.landing-blob-4{background:radial-gradient(circle,#3b82f640 0%,#0000 70%);width:350px;height:350px;animation:16s ease-in-out infinite blob-float-4;bottom:10%;left:10%}.landing-logo{z-index:20;filter:drop-shadow(0 0 12px #fff3);width:auto;height:4rem;animation:.8s both fade-up;position:absolute;top:2rem;left:2rem}.landing-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative}.landing-card-scene{perspective:280px;perspective-origin:50%}.landing-glass-card{-webkit-backdrop-filter:blur(24px);width:100%;max-width:560px;transform-style:preserve-3d;will-change:transform;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:2rem;flex-direction:column;align-items:center;gap:1.75rem;padding:3rem 3.5rem;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .4s;animation:.9s cubic-bezier(.22,1,.36,1) .1s both card-appear;display:flex;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff0d,0 25px 60px #00000073,0 0 80px #2563eb1a}.landing-card-glare{border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s,background 50ms;position:absolute;inset:0}.landing-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.landing-badge{letter-spacing:.03em;color:#e2e8f0d9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-family:inherit;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.landing-badge:after{content:"";border-radius:inherit;background:linear-gradient(120deg,#fff0 30%,#ffffff1f 50%,#fff0 70%) 200%/200% 100%;transition:background-position .5s;position:absolute;inset:0}.landing-badge:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d;transform:translateY(-1px)scale(1.04);box-shadow:0 4px 16px #0003,0 0 12px #60a5fa33}.landing-badge:hover:after{background-position:-200%}.landing-badge-button{cursor:pointer}.landing-badge-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.landing-badge-dot--blue{background:#60a5fa;animation:2s ease-in-out infinite pulse-dot-blue}.landing-title{letter-spacing:-.03em;flex-direction:column;gap:.1em;margin:0;line-height:1.15;display:flex}.landing-title-line{color:#f1f5f9;font-size:clamp(2.2rem,7vw,3.8rem);font-weight:700;display:block}.landing-title-gradient{background:linear-gradient(90deg,#60a5fa 0%,#a78bfa 30%,#34d399 60%,#60a5fa 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;animation:4s linear infinite shimmer;display:inline-block}.landing-subtitle{color:#eff5feb5;max-width:380px;margin:0;font-size:.95rem;line-height:1.6}.landing-button{color:#fff;cursor:pointer;isolation:isolate;background:linear-gradient(135deg,#1d4ed8 0%,#0f766e 100%);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb66,0 0 #60a5fa00}.landing-button:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff38 50%,#0000 100%);width:50%;height:100%;transition:left .55s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.landing-button:hover:before{left:130%}.landing-button:after{content:"";border-radius:inherit;opacity:0;z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#3b82f6,#10b981,#8b5cf6,#3b82f6) 0 0/300% 300%;transition:opacity .3s;animation:3s linear infinite paused shimmer;position:absolute;inset:-3px}.landing-button:hover:after{opacity:.7;animation-play-state:running}.landing-button:hover{border-color:#ffffff59;transform:translateY(-3px)scale(1.03);box-shadow:0 12px 40px #2563eb8c,inset 0 0 0 1px #ffffff26}.landing-button:active{transform:translateY(0)scale(.98)}.landing-button:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.landing-button-text{z-index:1;position:relative}.landing-button-arrow{z-index:1;font-size:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.landing-button:hover .landing-button-arrow{transform:translate(5px)}.landing-footer{color:#eff5feb5;align-items:center;gap:.6rem;font-size:.8rem;animation:1s .5s both fade-up;display:flex}.landing-footer-sep{opacity:.4}@media (width<=1024px){.landing-logo{height:3.5rem}.landing-glass-card{max-width:500px;padding:2.5rem 2.8rem}}@media (width<=768px){.landing-grid{display:none}.landing-blob-1{width:300px;height:300px;top:-80px;left:-80px}.landing-blob-2{width:350px;height:350px;bottom:-100px;right:-100px}.landing-blob-3{width:250px;height:250px}.landing-blob-4{width:200px;height:200px;bottom:5%;left:5%}.landing-logo{height:3rem;top:1rem;left:1rem}.landing-content{gap:1rem;padding:1rem}.landing-card-scene{perspective:none}.landing-glass-card{border-radius:1.5rem;gap:1.4rem;max-width:100%;margin:0 1rem;padding:2rem 1.8rem}.landing-badge{padding:.35rem .75rem;font-size:.65rem}.landing-title-line{font-size:clamp(1.8rem,6vw,2.8rem)}.landing-subtitle{max-width:100%;font-size:.85rem}.landing-button{width:100%;max-width:280px;padding:.75rem 1.5rem;font-size:.85rem}.landing-button-arrow{font-size:.9rem}.landing-footer{gap:.4rem;font-size:.7rem}}@media (width<=480px){.landing-page{padding:1rem 0}.landing-logo{height:2.5rem;top:.8rem;left:.8rem}.landing-content{gap:.8rem;padding:.5rem}.landing-glass-card{gap:1.2rem;margin:0 .75rem;padding:1.5rem 1.2rem}.landing-badges{gap:.4rem}.landing-badge{padding:.3rem .6rem;font-size:.6rem}.landing-title-line{font-size:clamp(1.5rem,5vw,2.2rem)}.landing-title-gradient{padding-bottom:.1em}.landing-subtitle{font-size:.75rem;line-height:1.5}.landing-button{gap:.4rem;padding:.65rem 1.2rem;font-size:.8rem}.landing-button:before,.landing-button:after{display:none}.landing-button:hover,.landing-button:hover .landing-button-arrow{transform:none}.landing-footer{flex-direction:column;gap:.3rem;font-size:.65rem}.landing-footer-sep{display:none}.landing-blob-1{width:200px;height:200px;top:-60px;left:-60px}.landing-blob-2{width:250px;height:250px;bottom:-80px;right:-80px}.landing-blob-3{width:180px;height:180px}.landing-blob-4{width:150px;height:150px}}.consent-banner{color:#fff;z-index:99;background:#305032bf;border-top-left-radius:.5rem;border-top-right-radius:.5rem;gap:1rem;width:80%;max-width:1200px;padding:1rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000026}.consent-banner__image{object-fit:contain;flex-shrink:0;width:auto;height:240px}.consent-banner__content{flex-direction:column;flex:1;justify-content:space-between;gap:1rem;display:flex}.consent-banner__text{flex:1}.consent-banner__title{color:#fda500;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.consent-banner__subtitle{margin:0 0 1rem;font-size:1.25rem;font-weight:400;line-height:1.4}.consent-banner__description{margin:2rem 0 0;font-size:.875rem;line-height:1.6}.consent-banner__link{color:inherit;cursor:pointer;text-decoration:underline;transition:opacity .2s}.consent-banner__link:hover{opacity:.8}.consent-banner__settings{flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:3rem;display:flex}.consent-banner__setting-item{flex-direction:column;gap:.5rem;display:flex}.consent-banner__setting-header{align-items:center;gap:.5rem;display:flex}.consent-banner__checkbox{cursor:pointer;accent-color:#fda500;width:1.25rem;height:1.25rem}.consent-banner__checkbox:disabled{cursor:not-allowed;opacity:.6}.consent-banner__setting-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.consent-banner__setting-description{opacity:.9;margin:0 0 0 2rem;font-size:.875rem;line-height:1.4}.consent-banner__buttons{flex-wrap:wrap;gap:3rem;display:flex}.consent-banner__button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff;border-radius:9999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.consent-banner__button:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.02)}.consent-banner__button:active{transform:scale(.98)}.consent-banner__button--primary{color:#305032;background:#fff;border-color:#fff}.consent-banner__button--primary:hover{background:#fffffff2;box-shadow:0 2px 8px #0003}@media (width<=1024px){.consent-banner{gap:.75rem;width:90%;padding:.75rem}.consent-banner__image{height:180px}.consent-banner__title{font-size:1.1rem}.consent-banner__subtitle{font-size:1rem}.consent-banner__buttons{gap:1rem}.consent-banner__button{padding:.5rem 1rem;font-size:.75rem}}@media (width<=768px){.consent-banner{flex-direction:column;width:95%;margin-left:-47.5%;bottom:auto;left:50%;transform:none}.consent-banner__image{align-self:center;height:150px}.consent-banner__title{font-size:1rem}.consent-banner__subtitle{font-size:.9rem}.consent-banner__description{margin-top:1rem;font-size:.8rem}.consent-banner__buttons{justify-content:center;gap:.5rem}.consent-banner__button{flex:1;min-width:100px;padding:.5rem .75rem;font-size:.7rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0a0f1e99;justify-content:center;align-items:center;padding:clamp(12px,3vw,32px);animation:.25s both modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:#fff;border-radius:20px;flex-direction:column;width:min(96vw,1300px);max-height:96svh;animation:.3s cubic-bezier(.34,1.3,.64,1) both modal-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff1f,0 2px 8px #00000026}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.92)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{flex-shrink:0;align-items:center;min-height:clamp(72px,10vh,100px);padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px);display:flex;position:relative;overflow:hidden}.modal-header-bg{background:linear-gradient(135deg, color-mix(in srgb, var(--modal-accent) 90%, #000) 0%, var(--modal-accent) 45%, color-mix(in srgb, var(--modal-accent) 70%, #1ab106) 100%);position:absolute;inset:0}.modal-header-bg:before,.modal-header-bg:after{content:"";opacity:.15;border-radius:50%;position:absolute}.modal-header-bg:before{background:#ffffffe6;width:320px;height:320px;top:-120px;right:-60px}.modal-header-bg:after{background:#ffffffb3;width:180px;height:180px;bottom:-80px;left:30%}.modal-header-content{flex:1;align-items:center;gap:clamp(10px,1.5vw,18px);min-width:0;display:flex;position:relative}.modal-icon{filter:drop-shadow(0 2px 6px #00000040);flex-shrink:0;font-size:clamp(28px,4vw,44px);line-height:1}.modal-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px #0003;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(18px,2.8vw,32px);font-weight:700;overflow:hidden}.modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin-left:clamp(12px,2vw,24px);transition:background .18s,transform .18s,border-color .18s;display:flex;position:relative}.modal-close:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.08)rotate(90deg)}.modal-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.modal-close svg{width:42%;height:42%}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex:0 auto;padding:clamp(20px,3vw,40px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.contact-form-container{width:100%;max-height:70vh;padding-right:8px;overflow-y:auto}.contact-form-container::-webkit-scrollbar{width:6px}.contact-form-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.contact-form-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.contact-form-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;animation:.4s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:#fff;background:linear-gradient(135deg,#1ab106 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:48px;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{color:#1a5c2e;margin:0 0 12px;font-size:24px}.success-message p{color:#555;margin:0;font-size:15px;line-height:1.6}.contact-form{flex-direction:column;gap:20px;padding:0;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a52cc;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.required{color:#dc2626}.form-input,.form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-textarea:focus{background-color:#f8faff;border-color:#1a52cc;box-shadow:0 0 0 3px #1a52cc1a}.form-input.input-error,.form-textarea.input-error{background-color:#fef2f2;border-color:#dc2626}.form-input.input-error:focus,.form-textarea.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.error-text{color:#dc2626;align-items:center;gap:4px;font-size:13px;display:flex}.error-text:before{content:"⚠";font-size:12px}.checkbox-group{flex-direction:row;align-items:center;gap:12px;margin-top:8px}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#1ab106;flex-shrink:0;width:20px;height:20px;margin:0}.checkbox-group label{cursor:pointer;color:#555;margin:0;font-size:14px;font-weight:400}.checkbox-group label:hover{color:#1a52cc}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a52cc 0%,#1e40af 100%);border:none;border-radius:8px;margin-top:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #1a52cc40}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a52cc59}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.contact-form{gap:16px}.form-input,.form-textarea{padding:14px;font-size:16px}.submit-button{padding:12px 14px;font-size:14px}.success-message{padding:40px 20px}.success-icon{width:64px;height:64px;font-size:36px}}