header{background:linear-gradient(90deg,#fff,#f4f8fb,#e9f3fb);border-bottom:2px solid #dbe7f0;border-radius:0;justify-content:center;align-items:center;height:100px;display:flex;box-shadow:0 3px 15px #0000000d}.nav-wrapper{justify-content:center;align-items:center;width:min(1300px,100%);height:100%;display:flex;position:relative}.menu-div{cursor:pointer;margin-left:auto;margin-right:20px;padding:10px}.nav1{justify-content:center;align-items:stretch;gap:55px;width:100%;height:100%;display:flex}.nav1 a{letter-spacing:.4px;color:#53697b;justify-content:center;align-items:center;padding:0 6px;font-size:1.35rem;font-weight:600;text-decoration:none;transition:color .25s;display:flex;position:relative}.nav1 a:hover{color:#2c82c9}.nav1 a:after{content:"";background:linear-gradient(90deg,#54ace8,#8fd9ff);border-radius:20px;width:0%;height:3px;transition:width .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.nav1 a:hover:after{width:100%}.nav2{z-index:999;background:#fffffffa;flex-direction:column;width:100vw;display:flex;position:fixed;top:100px;left:0}.nav2 a{text-align:center;color:#53697b;border-bottom:1px solid #dbe7f0;padding:20px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:background .3s}.nav2 a:hover{background:#eef6fb}@media (width<=1000px){.nav-wrapper{justify-content:flex-end}}.start{color:#fff}.start .upper{justify-content:center;align-items:center;gap:6rem;min-height:calc(100vh - 100px);padding:0 8%;display:flex}.start .img-container{justify-content:center;align-items:center;display:flex}.start .img-container img{object-fit:cover;border:5px solid #ffffffe6;border-radius:50%;width:400px;height:400px;transition:transform .35s,box-shadow .35s;box-shadow:0 15px 40px #00000059,0 0 40px #78beff33}.start .img-container img:hover{transform:scale(1.03);box-shadow:0 20px 55px #00000073,0 0 50px #78beff59}.start .welcome-container{color:#fff;text-shadow:0 3px 18px #0000008c;max-width:700px;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:700;line-height:1.2}.start .welcome-container h1{color:#fff;margin:0;font-size:clamp(3rem,5vw,5rem)}.start .welcome-container p{color:#ffffffe6;margin-top:1.5rem;font-size:1.3rem;line-height:1.7}.start .lower{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:12rem;display:flex}.start .offering,.start .kontakt_{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;width:36rem;padding:2.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 12px 35px #0000002e}.start .offering:hover,.start .kontakt_:hover{border-color:#91cdff8c;box-shadow:0 20px 45px #00000040}.start .lower h2{color:#fff;margin:0 0 2rem;font-family:Manrope,sans-serif;font-size:2rem;font-weight:700}.start .links{flex-direction:column;gap:1.25rem;display:flex}.start .links a{color:#ffffffeb;width:fit-content;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:500;text-decoration:none;transition:color .25s,transform .25s;display:inline-block;position:relative}.start .links a:before{content:"→";color:#8fd7ff;margin-right:.7rem;transition:margin-right .25s}.start .links a:hover{color:#9fdcff;transform:translate(6px)}.start .links a:hover:before{margin-right:1rem}.start .links a:after{content:"";background:linear-gradient(90deg,#59aee7,#9ddfff);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.start .links a:hover:after{width:100%}@media (width<=1000px){.start .upper{text-align:center;flex-direction:column;gap:3rem;padding:4rem 6%}.start .img-container img{width:320px;height:320px}.start .welcome-container{max-width:100%}.start .welcome-container h1{font-size:clamp(2.5rem,7vw,3.5rem)}.start .welcome-container p{font-size:1.15rem}.start .lower{flex-direction:column;align-items:center;gap:2rem;margin-bottom:6rem}.start .offering,.start .kontakt_{max-width:76vw}}@media (width<=600px){.start .upper{gap:2rem;min-height:auto;padding:2rem 1.5rem}.start .img-container img{width:220px;height:220px}.start .welcome-container h1{font-size:2rem;line-height:1.3}.start .welcome-container p{margin-top:1rem;font-size:1rem;line-height:1.6}.start .lower{gap:1.5rem;margin:3rem 0}.start .offering,.start .kontakt_{border-radius:18px;max-width:84vw;padding:1.5rem}.start .lower h2{margin-bottom:1.25rem;font-size:1.5rem}.start .links{gap:.9rem}.start .links a{font-size:1rem;line-height:1.5}}@media (width<=480px){.start .upper{padding:1.5rem 1rem}.start .img-container img{width:180px;height:180px}.start .welcome-container h1{font-size:1.7rem}.start .welcome-container p{font-size:.95rem}.start .offering,.start .kontakt_{padding:1.25rem}.start .lower h2{font-size:1.3rem}.start .links a{font-size:.95rem}}.webseite{color:#fff;max-width:1300px;margin:0 auto;padding:5rem 8%}.webseite h1{text-align:center;margin-bottom:1rem;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,4rem);font-weight:700}.webseite .subtitle{text-align:center;color:#ffffffd9;max-width:750px;margin:0 auto 4rem;font-size:1.2rem;line-height:1.8}.webseite .cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:3rem;display:flex}.webseite .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;flex:1;min-width:340px;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 15px 35px #00000038}.webseite .card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #0000004d}.webseite .card h2{color:#fff;margin-bottom:2rem;font-family:Manrope,sans-serif;font-size:2rem}.webseite .card ul{margin:0;padding:0;list-style:none}.webseite .card li{color:#ffffffe6;margin-bottom:1.3rem;padding-left:2rem;font-size:1.1rem;line-height:1.8;position:relative}.webseite .card li:before{content:"✓";color:#7fd2ff;font-size:1.2rem;font-weight:700;position:absolute;left:0}.webseite .card strong{color:#fff}@media (width<=1000px){.webseite .cards{flex-direction:column}.webseite h1{font-size:2.6rem}}@media (width<=600px){.webseite{padding:4rem 1rem}.webseite h1{font-size:2.2rem}.webseite .card{padding:2rem 1.6rem}.webseite .cards{margin:0}.webseite .card h2{font-size:1.6rem}.webseite .card li{font-size:1rem}}@media (width<=480px){.webseite h1{font-size:1.6rem}.webseite .card{width:280px;min-width:240px;padding:2rem 1rem}.webseite .card h2{font-size:1.2rem}.webseite .card li{font-size:.925rem}}.technikhilfe{color:#fff;flex-direction:column;align-items:center;width:100%;margin-top:5rem;display:flex}.technikhilfe h1{text-align:center;margin-bottom:1rem;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,4rem)}.technikhilfe .subtitle{text-align:center;color:#ffffffe6;max-width:850px;margin:0 1rem 3rem}.technikhilfe .technik-cards{justify-content:center;gap:2.5rem;max-width:80vw;display:flex}.technikhilfe .technik-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;width:25rem;padding:2.5rem;transition:all .3s;box-shadow:0 15px 35px #00000040}.technikhilfe .technik-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #00000059}.technikhilfe .technik-card h2{margin-bottom:2rem;font-size:2rem}.technikhilfe .technik-card ul{margin:0;padding:0;list-style:none}.technikhilfe .technik-card li{margin-bottom:1.2rem;padding-left:2rem;font-size:1.08rem;line-height:1.7;position:relative}.technikhilfe .technik-card li:before{content:"✓";color:#82d6ff;font-weight:700;position:absolute;left:0}.technikhilfe .technik-card .kontakt-button{color:#fff;background:linear-gradient(135deg,#49a7e8,#82d7ff);border-radius:40px;margin-top:2rem;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.technik-hilfe .kontakt-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #4ca8e866}@media (width<=1200px){.technikhilfe h1{font-size:clamp(2.3rem,6vw,3.2rem)}.technikhilfe .technik-cards{flex-direction:column;align-items:center;gap:2rem;width:90vw}.technikhilfe .technik-card{min-width:80%;padding:2rem}.technikhilfe .technik-card h2{font-size:1.8rem}.technikhilfe .technik-card li{font-size:1.05rem}}@media (width<=600px){.technikhilfe h1{font-size:2rem;line-height:1.3}.technikhilfe .subtitle{font-size:1rem}.technikhilfe .technik-cards{gap:1.5rem}.technikhilfe .technik-card{width:70vw;padding:1.5rem}.technikhilfe .technik-card h2{margin-bottom:1.25rem;font-size:1.5rem}.technikhilfe .technik-card li{margin-bottom:.9rem;padding-left:1.8rem;font-size:1rem;line-height:1.6}.technikhilfe .technik-card .kontakt-button{border-radius:16px;width:fit-content;padding:12px 24px;font-size:1rem;display:block}}@media (width<=480px){.technikhilfe h1{font-size:1.5rem}.technikhilfe .subtitle{font-size:.925rem}.technikhilfe .technik-card h2{font-size:1.1rem}.technikhilfe .technik-card li{padding-left:1.6rem;font-size:.875rem}.technikhilfe .technik-card .kontakt-button{text-align:center;border-radius:12px;padding:12px 16px;font-size:.975rem}}.programmierunterricht{color:#fff;max-width:1300px;margin:auto;padding:5rem 8%}.programmierunterricht h1{text-align:center;margin-bottom:1rem;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,4rem)}.programmierunterricht .subtitle{text-align:center;color:#ffffffe0;max-width:850px;margin:0 auto 4rem;font-size:1.2rem;line-height:1.8}.programmierunterricht .cards{flex-wrap:wrap;gap:2.5rem;display:flex}.programmierunterricht .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;flex:1;min-width:320px;padding:2.5rem;transition:all .3s;box-shadow:0 15px 35px #00000038}.programmierunterricht .card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #00000059}.programmierunterricht .card h2{color:#fff;margin-bottom:2rem;font-family:Manrope,sans-serif;font-size:2rem}.programmierunterricht .card ul{margin:0;padding:0;list-style:none}.programmierunterricht .card li{margin-bottom:1.2rem;padding-left:2rem;font-size:1.08rem;line-height:1.8;position:relative}.programmierunterricht .card li:before{content:"✓";color:#7fd7ff;font-weight:700;position:absolute;left:0}.programmierunterricht .kontakt-button{color:#fff;background:linear-gradient(135deg,#49a7e8,#82d7ff);border-radius:40px;margin-top:2rem;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.programmierunterricht .kontakt-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #49a7e873}@media (width<=1000px){.programmierunterricht .cards{flex-direction:column;align-items:center}.programmmierunterricht h1{font-size:2.6rem}}@media (width<=600px){.programmierunterricht{padding:4rem 1rem}.programmierunterricht h1{font-size:2.2rem}.programmierunterricht .card{padding:2rem 1.6rem}.programmierunterricht .cards{margin:0}.programmierunterricht .card h2{font-size:1.6rem}.programmierunterricht .card li{font-size:1rem}}@media (width<=480px){.programmierunterricht h1{font-size:1.6rem}.programmierunterricht .card{width:80vw;min-width:240px;padding:2rem 1rem}.programmierunterricht .card h2{font-size:1.2rem}.programmierunterricht .card li{font-size:.925rem}}.kontakt-page{color:#fff;max-width:1300px;margin:auto;padding:5rem 8%}.kontakt-page h1{text-align:center;margin-bottom:1rem;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,4rem)}.subtitle{text-align:center;color:#ffffffe6;max-width:800px;margin:0 auto 4rem;font-size:1.2rem;line-height:1.8}.kontakt-container{flex-wrap:wrap;align-items:stretch;gap:3rem;display:flex}.kontakt-info,.kontakt-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;flex:1;min-width:340px;padding:2.5rem;box-shadow:0 15px 35px #00000038}.kontakt-info h2,.kontakt-form h2{color:#fff;margin-top:0;margin-bottom:2rem;font-size:2rem}.kontakt-info p{color:#ffffffe6;margin-bottom:1.6rem;line-height:1.8}.kontakt-form{flex-direction:column;gap:1.2rem;display:flex}.kontakt-form input,.kontakt-form textarea{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:12px;outline:none;padding:16px 18px;font-family:inherit;font-size:1rem;transition:all .3s}.kontakt-form input::placeholder,.kontakt-form textarea::placeholder{color:#fff9}.kontakt-form input:focus,.kontakt-form textarea:focus{border-color:#74cfff;box-shadow:0 0 12px #74cfff59}.checkbox-container{align-items:flex-start;gap:12px;margin-top:.5rem;font-size:.95rem;line-height:1.6;display:flex}.checkbox-container input{margin-top:4px;transform:scale(1.2)}.checkbox-container a{color:#82d7ff;text-decoration:none}.checkbox-container a:hover{text-decoration:underline}.kontakt-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ba7e7,#82d7ff);border:none;border-radius:50px;margin-top:.5rem;padding:16px;font-size:1.1rem;font-weight:600;transition:all .3s}.kontakt-form button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #4aa7e773}@media (width<=1000px){.kontakt-container{flex-direction:column}}@media (width<=600px){.kontakt-page{padding:4rem 1rem}.kontakt-container{align-items:center}.kontakt-form,.kontakt-info{width:84vw;padding:2rem 1rem}}@media (width<=480px){.kontakt-info,.kontakt-form{width:80vw;min-width:70vw}}.datenschutz{color:#fff;flex-direction:column;gap:.4rem;margin:3rem;display:flex}.datenschutz h2{margin-top:1rem}.datenschutz h3{margin-top:.6rem}@media (width<=768px){.datenschutz{margin:1rem;font-size:.8rem}}.impressum{color:#fff;margin:5rem}.impressum h2{margin-top:.6rem}@media (width<=768px){.impressum{margin:1rem;font-size:.8rem}}.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eef4fa;background:#0a121eeb;border-top:1px solid #ffffff14;margin-top:6rem}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:5rem;max-width:1300px;margin:0 auto;padding:4rem 8% 3rem;display:flex}.footer-section,.rechtliches{flex:1;min-width:280px}.footer-title{color:#fff;margin:0 0 1.5rem;font-family:Manrope,sans-serif;font-size:2rem;font-weight:700}.footer p{color:#ffffffd1;margin:.8rem 0;font-size:1.05rem;line-height:1.7}.footer a{color:#9fdcff;text-decoration:none;transition:color .25s;position:relative}.footer a:hover{color:#fff}.footer a:after{content:"";background:#8fd7ff;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer a:hover:after{width:100%}.rechtliches{flex-direction:column;align-items:flex-end;gap:1.2rem;display:flex}.rechtliches p{margin:0}.rechtliches a{font-size:1.2rem;font-weight:500}.footer-bottom{color:#fff9;border-top:1px solid #ffffff14;justify-content:center;align-items:center;padding:1.5rem;font-size:.95rem;display:flex}@media (width<=900px){.footer-container{text-align:center;flex-direction:column;align-items:center;gap:3rem}.rechtliches{align-items:center}}@media (width<=600px){.footer-title{font-size:1.6rem}.footer p,.rechtliches a{font-size:1rem}}*{margin:0;padding:0;font-family:Manrope,sans-serif}body{background-image:url(/images/Hintergrund.png);background-position:50%;background-repeat:no-repeat;background-size:cover}html,body{overscroll-behavior:none}body{overflow-x:hidden}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}