:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-text-size-adjust:100%;height:100%;min-height:-webkit-fill-available}body{margin:0;background-color:#f9f9f9;overflow-x:hidden}.container{padding:max(25px,4vw);margin:max(50px,8vw);width:min(1300px,60%)!important;justify-self:center;border-radius:25px;background-color:#fff}.bby-btn{background-color:#c0eec0;border:0;border-radius:15px;padding:12px 30px;transition:.1s ease-in-out;margin:40px 0}.bby-btn:hover{background-color:#aadbaa}.bby-btn:active{scale:.98}h1{height:max(80px,8vw);background-color:#fff}h2{font-size:clamp(1.8rem,5vw,3.5rem);text-align:center;font-weight:800;text-decoration:underline}h3{font-size:clamp(1.3rem,4.5vw,3.2rem);font-weight:700;text-decoration:underline}h4{font-size:clamp(1.2rem,4vw,2.8rem);font-weight:600}h5{font-size:clamp(1rem,3.5vw,2.3rem);font-weight:500}p{color:#000;font-size:clamp(.8rem,3vw,1.6rem)}@media (max-width: 500px){.container{width:80%!important;padding:10px;margin:5px!important;background-color:transparent;justify-self:center!important;align-self:center!important}body{margin:0 auto!important}.contact{width:80%!important;padding:10px;margin:1px auto!important;background-color:transparent}}.parent,.child{min-height:0}.container-hero{background-image:linear-gradient(#0000001a,#0006),url(https://images.unsplash.com/photo-1542435503-956c469947f6?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YWVzdGhldGljJTIwZGVza3xlbnwwfHwwfHx8MA%3D%3D);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:max(50vw,450px);animation:fade-out linear;animation-timeline:view();animation-range:exit;position:relative;padding-top:max(70px,5vw);display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes fade-out{0%{background-size:100%}to{background-size:150%}}@media (max-width: 1100px){@keyframes fade-out{0%{background-size:210%}to{background-size:270%}}}@media (max-width: 550px){@keyframes fade-out{0%{background-size:280%}to{background-size:340%}}}@media (max-width: 450px){@keyframes fade-out{0%{background-size:330%}to{background-size:370%}}}.effect{display:flex;flex-direction:row;justify-content:center;justify-self:center;align-items:center;border-radius:16px;background:transparent;box-shadow:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);width:fit-content;padding:16px}.top{font-size:clamp(4rem,11.5vw,11rem)!important;color:#fff!important;background-color:transparent!important;font-family:Copperplate;font-weight:900!important;margin:0;height:fit-content!important;opacity:.9}.top span{font-weight:100}.topp{color:#fff!important;font-size:clamp(1.2rem,6vw,5rem)!important;text-align:center;font-family:Times New Roman;font-weight:500!important;margin-top:calc(70px - 5vw);flex:1;display:flex;align-items:center;margin:0 20px}@keyframes appear{to{background:#ffffff3b;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.9px);-webkit-backdrop-filter:blur(6.9px)}}@media (max-width: 800px){.effect{flex-direction:column}}.textalign{text-align:center}.navbar{position:fixed;top:0;left:0;width:100vw;max-width:100%;padding:15px 30px;height:max(70px,5vw);display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#83b18f33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;transition:background .3s ease-in-out;box-sizing:border-box}.navbar img{cursor:pointer}.scrolled{background:#83b18f66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{height:60px;width:auto;max-width:150px;object-fit:cover;object-position:center 5%}@media (max-width: 768px){.logo{height:50px;max-width:120px}}@media (max-width: 480px){.logo{height:40px;max-width:100px}}.menu-icon{font-size:2rem;display:none;cursor:pointer}.nav-links{list-style:none;display:flex;gap:45px}.nav-links a{color:#fff;text-decoration:none;font-size:clamp(1rem,4vw,1.5rem);transition:color .3s ease-in-out;cursor:pointer}.nav-links a:hover{color:#f4a261}@media (max-width: 680px){.menu-icon{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100vw;background:#383838b3;text-align:center;padding:10px 0;transition:max-height .3s ease-in-out;box-sizing:border-box;margin:0}.nav-links.open{display:flex}.nav-links li{padding:10px 0}}.aboutme{align-items:center;height:auto;display:flex;gap:max(20px,2vw)}.spacer{height:20px;margin:0}.container-content{width:50%;aspect-ratio:1 / 1.3;flex:1;display:flex;align-items:center}.container-image{width:50%;aspect-ratio:1 / 1.3;flex:1;display:flex;align-items:center;justify-content:center}.container-image img{width:100%;border-radius:20px}@media (max-width: 800px){.aboutme{flex-direction:column-reverse}.container-content,.container-image{width:100%;aspect-ratio:1 / 1}}@media (max-width: 1500px){.aboutme{flex-direction:column-reverse;align-items:center}.container-image{width:80%}.container-content{width:80%;height:fit-content;aspect-ratio:0}}.about-me{text-align:center;background-color:#fff;justify-self:center;align-self:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.cards-container{display:flex;justify-content:space-between;gap:max(30px,3vw);flex-wrap:wrap;flex-direction:row;width:90%}.card{flex:1;padding:50px 10px 10px;background:#f4f4f4;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease-in-out;text-align:center}.card:hover{transform:translateY(-5px)}.card-icon{width:calc(60px + 2vw);height:auto;margin-bottom:10px}.card[data-title=Kreativität] .card-icon{transform:scale(1.3)}@media (max-width: 768px){.card-icon{width:50px}}@media (max-width: 768px){.cards-container{flex-direction:column;align-items:center}.card{width:95%}.card-icon{width:50px}}@media (min-width: 700px){.card{min-width:380px}}.qna{height:auto;display:flex;flex-direction:column;gap:max(40px,2vw)}.item-2{width:100%;aspect-ratio:2 / 1}.item-2 h3{text-decoration:underline;text-align:center}.vorteile{height:auto}.vorteile .item-3{height:auto;width:max(220px,70%);justify-self:center;display:flex;flex-direction:column;align-items:center}.vorteile .item-flex{margin:max(50px,5vw) 0px;display:grid;gap:max(20px,2vw);grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.vorteile .item-flex{grid-template-columns:repeat(1,1fr)}}.vorteile h3{text-align:center}.vorteile img{width:100px}.vorteile h5,.vorteile p{text-align:center}.hilfe{height:auto}.card-flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:max(20px,2vw)}.card-flex .item-4{background-position:center;background-repeat:no-repeat;background-size:cover;width:min(500px,90%);aspect-ratio:2/ 1;background-color:#ff0;border-radius:15px;padding:30px 15px;animation:zoom 8s infinite alternate ease-in-out;overflow:hidden;position:relative;display:flex;flex-direction:column}@media (max-width: 500px){.card-flex .item-4{aspect-ratio:1.5/ 1}}.item-4 h5{color:#fff;text-align:center;margin:0;font-weight:800}.item-4 p{color:#fff;text-align:center;font-size:clamp(1rem,2.7vw,1.6rem)}@keyframes zoom{0%{background-size:140%}to{background-size:150%}}.service-block:nth-child(1){animation-duration:7s}.service-block:nth-child(2){animation-duration:7.5s}.service-block:nth-child(3){animation-duration:9s}.service-block:nth-child(4){animation-duration:8.5s}@media (max-width: 1060px){.card-flex .item-4{height:auto}.card-flex{flex-direction:column}}.anleitung{height:auto;text-align:center}.contact{padding:max(25px,4vw) 0;margin:max(50px,8vw);display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-section{text-align:center;padding:60px 0;background-color:#f4f4f4}h3{text-align:center}.success-message{font-size:clamp(.8rem,2.5vw,1.2rem);color:#4caf50;font-weight:700;text-align:center}.contact-form{max-width:700px;justify-self:center;width:100%;display:flex;flex-direction:column;gap:15px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box}input,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease-in-out;box-sizing:border-box;font-size:clamp(.8rem,2.5vw,1.2rem)}input:focus,textarea:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px #4caf5080}textarea{resize:vertical;height:max(100px,7vw)}.contact-button{padding:12px 20px;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#4caf50,#2e7d32);border:none;border-radius:8px;cursor:pointer}.contact-button:hover{background:linear-gradient(90deg,#2e7d32,#1b5e20);transform:scale(1.01);transition:.3s ease-in-out}.contact-button:active{transform:scale(.99);transition:0s ease-in-out}@media (max-width: 600px){.contact-form{width:90%;padding:20px}.contact-button{font-size:1rem;padding:10px 15px}}@keyframes hovering{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(0)}40%{transform:scale(1.1) rotate(-3deg)}45%{transform:scale(1.1) rotate(5deg)}55%{transform:scale(1.1) rotate(0)}80%{transform:scale(1)}}.button-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:auto 50px;gap:30px;height:auto}.button-container p{text-align:center;font-weight:500;flex:1;display:flex;justify-content:center;align-items:center}.button-container .item{flex:1;display:flex;flex-direction:column}.custom-button{display:inline-block;align-self:center;width:fit-content;margin:20px;padding:10px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 1s ease-in-out;box-shadow:0 4px 6px #0000001a;display:flex;justify-self:center;flex:1;will-change:transform}.custom-button img{width:max(70px,6vw);aspect-ratio:1 / 1}.custom-button:hover{box-shadow:0 6px 10px #00000026;animation:hovering 5s infinite forwards ease-in-out}.custom-button:active{transform:scale(.98);box-shadow:0 2px 4px #0003}@media (max-width: 768px){.custom-button{font-size:1rem;padding:12px 20px}}.footer{padding:max(20px,4vw);background-color:#e9e9e9}.footer p{font-size:5px}.footer h5{font-size:20px}@media (max-width: 700px){.footer{grid-template-columns:repeat(1,1fr)}}.footer-item{text-align:center;display:flex;justify-content:center;align-items:center;font-size:clamp(.9rem,5vw,2rem);margin:3rem 0}.impdat p{font-size:1rem}.impdat h4{font-size:2rem}.impdat{margin:5rem}.stand{font-size:.8rem!important;text-align:right}.impdat h3{text-align:left!important}