@import url(reset.css);:root{--pink:#FFBDD5;--lila:#501346;--grau:#707070;--gelb:#FFB930;}#leistungen h3,body,p{color:var(--grau);}h1 small,nav ul li{display:inline-block;}h2,nav ul li{text-transform:uppercase;}header,nav ul{position:relative;}.burger-nav,.full-screen-nav,.overlay,.popup,nav{position:fixed;}body,html{overflow-x:hidden;}.btn,.col img,.subnav a{border-radius:20px;}.quote::after,.quote::before{font-family:Mogra,cursive;font-size:22px;color:var(--pink);}#leistungen h3,h2{margin-bottom:30px;}.overlay,.overlay *{box-sizing:border-box;}.btn.close.noposition,.btn:hover,.subnav a,aside img{background-color:var(--gelb)}.popup .close,a,nav ul li a{text-decoration:none}.css-slider input,.mobile-logo,.navi,.popup-gallery-slider input{display:none}.burger-nav,a{cursor:pointer}.quote::after,.quote::before,footer h2,h2{color:var(--pink)}#impressum,#kontakt,#leistungen,#service,#ueberuns{padding:120px 0}#kontakt .col:nth-of-type(2),#stoerer p,.popup img,article ul,h1,p{margin-bottom:20px}@font-face{font-display:swap;font-family:Mogra;font-style:normal;font-weight:400;src:url('../fonts/mogra-v22-latin-regular.woff2') format('woff2'),url('../fonts/mogra-v22-latin-regular.ttf') format('truetype')}:root{--pink:#FFBDD5;--lila:#501346;--grau:#707070;--gelb:#FFB930}body{font:400 15px/21px Roboto,sans-serif}h1 small,p{font-weight:400}h1,h2{font-family:Mogra;line-height:normal}img{max-width:100%}p{font-size:15px;line-height:21px}a{color:#000}h1{font-size:55px;color:#fff}h1 small{font-family:Roboto,sans-serif;font-size:70%;line-height:140%}h2{font-size:24px;text-align:center}#stoerer p,h3{font-size:20px}.popup .close:hover,.strong-color,h3,h4,nav ul li a:hover{color:var(--lila)}#leistungen h2,#stoerer p,.btn,.burger-nav-anim,.subnav,.subnav a,nav ul li a{color:#fff}h3{font-family:helvetica;font-weight:700;margin-bottom:10px;text-align:left}nav ul li a,strong{font-weight:600}h4,nav ul li a,strong{font-size:16px}.css-slider,.full-screen-nav ul,.popup h3,.stoerer2,nav{text-align:center}article ul{margin-left:17px}article ul li{list-style:disc}article ul li::marker{color:var(--lila)}.line{background-color:#000;width:50px;height:3px;margin-bottom:25px}#leistungen,.burger-nav{background-color:var(--pink)}.subnav,header,nav{width:100%}.logo{height:auto;transform:translateY(-40px)}nav{background:var(--pink);height:5dvh;z-index:101;padding:22px 0;justify-content:center;top:-2px}nav ul{top:-20px}nav ul li{margin:0 5%;vertical-align:top;margin-top:4dvh}nav ul li strong{color:#0025a6;font-weight:600}nav img{top:-30px}.burger-nav,.full-screen-nav ul li a{display:block;transition:.4s ease-in-out;color:#fff}.burger-nav{right:-6px;top:0;border-radius:30px 0 0;z-index:9999;transform:rotate(-90deg);font-size:40px;padding:16px 21px 21px 19px}.burger-nav b{transition:.4s ease-in-out;float:left;margin-left:0;font-family:Roboto;font-style:normal}.burger-nav-anim{top:-5px}.burger-nav-anim b:first-of-type{transform:rotate(45deg) translateY(-10px) translateY(10px)}.burger-nav-anim b:nth-of-type(2){opacity:0}.burger-nav-anim b:last-of-type{transform:rotate(-45deg);margin-left:-80%}.full-screen-nav{inset:0;z-index:9998;background:var(--lila);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.subnav,aside img{z-index:999;position:fixed}.btn,.parent a,.subnav,aside img{transition:.5s}.full-screen-nav ul li a{padding:20px;font-size:30px;text-decoration:none}.fadeIn{opacity:1;visibility:visible}.fadeUp{opacity:1;margin-top:0}.btn,.quote{margin-top:20px}aside img{padding:10px;width:50px;right:1%;border-radius:80px}aside img:hover{background-color:#6d6d6d}.phone{top:300px}.mail{top:390px}.subnav{text-align:right;bottom:10px}.subnav a{padding:8px 15px;font-size:14px;margin-left:20px;line-height:23px}.subnav a:nth-of-type(2){margin-right:2%}.subnav a:hover{color:#dfdfdf}header{background:url("../images/header.webp") center/cover no-repeat fixed;height:90dvh}#stoerer{position:absolute;left:5%;bottom:25dvh;padding:30px 50px}html{scroll-behavior:smooth}.content{width:80%;margin-left:10%;display:flex;justify-content:center;align-items:center;gap:5vw}.col{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#impressum a,#impressum p,.popup{text-align:left}.col.with-text,.noflex{display:block;text-align:left}.col img{height:40dvh;width:auto}.col:nth-of-type(2){padding-left:10%}.btn{background-color:var(--lila);padding:12px 30px;display:inline-block;border:none;font-size:15px;margin-bottom:10px}::-moz-selection{background:var(--pink);color:#000}::selection{background:var(--pink);color:#000}#service .col:nth-of-type(2),#ueberuns .col:nth-of-type(2){margin-top:55px}.quote a{color:#b3718c}.quote::before{content:'„'}.quote::after{content:'“'}#kontakt,#leistungen{height:auto;width:100%}#leistungen h2{margin-bottom:80px}.felder{display:flex;justify-content:center;flex-direction:column;align-items:center}.parent{gap:8rem;margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center}.container{display:flex;flex-direction:column}.container>img{width:400px;height:250px;object-fit:cover;border-radius:20px}.container>a{margin-top:-1rem;margin-inline:auto;width:fit-content}.popup h2,img~.btn{margin-top:0}.parent a{background-color:#fff;font-family:Mogra;color:var(--grau);border-radius:20px;padding:8px 30px;align-content:center}.overlay{width:100%;height:100%;inset:0;transition:opacity .5s;visibility:hidden;opacity:0;background-color:rgba(255,255,255,.8);z-index:9999}.overlay:target{visibility:visible;opacity:1}.popup{border:2px solid var(--lila);border-radius:5px;background:#fff;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90%;max-width:1000px;height:auto;max-height:700px;margin:20px 0;padding:clamp(20px,5%,80px);overflow-y:scroll}.css-slider .slides,.gallery-wrapper,.popup-gallery-slider .gallery-wrapper{overflow:hidden;width:100%}.btn.close.noposition{position:static;padding:12px 20px;margin:0;font-size:15px;color:var(--lila)}.popup img{max-width:400px}.popup h2{color:#333;font-family:Tahoma,Arial,sans-serif}.popup h3{color:var(--lila)}.popup .close{position:absolute;top:20px;right:30px;transition:.2s;font-size:30px;font-weight:700;color:var(--gelb)}.popup .content{padding:0;margin:40px 0;width:100%}.popup .content::-webkit-scrollbar{display:none}.popup-gallery-slider{width:100%;margin:30px 0;position:relative}.gallery-track,.popup-gallery-slider .gallery-track{display:flex;gap:10px;transition:transform .5s}.popup-gallery-slider .gallery-track img{flex:0 0 25%;height:140px;object-fit:cover;border-radius:15px;transition:transform .3s,box-shadow .3s}.popup-gallery-slider .gallery-track img:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,.15)}#kg1:checked~.gallery-wrapper .gallery-track{transform:translateX(0)}#kg2:checked~.gallery-wrapper .gallery-track{transform:translateX(-25%)}#kg3:checked~.gallery-wrapper .gallery-track{transform:translateX(-50%)}#kg4:checked~.gallery-wrapper .gallery-track{transform:translateX(-75%)}#kg5:checked~.gallery-wrapper .gallery-track{transform:translateX(-100%)}#kg6:checked~.gallery-wrapper .gallery-track{transform:translateX(-125%)}#kg7:checked~.gallery-wrapper .gallery-track{transform:translateX(-150%)}#kg8:checked~.gallery-wrapper .gallery-track{transform:translateX(-175%)}#kg9:checked~.gallery-wrapper .gallery-track{transform:translateX(-200%)}#kg10:checked~.gallery-wrapper .gallery-track{transform:translateX(-225%)}#kg11:checked~.gallery-wrapper .gallery-track{transform:translateX(-250%)}#kg12:checked~.gallery-wrapper .gallery-track{transform:translateX(-275%)}#kg13:checked~.gallery-wrapper .gallery-track{transform:translateX(-300%)}#kg14:checked~.gallery-wrapper .gallery-track{transform:translateX(-325%)}#kg15:checked~.gallery-wrapper .gallery-track{transform:translateX(-350%)}#kg16:checked~.gallery-wrapper .gallery-track{transform:translateX(-375%)}#kg17:checked~.gallery-wrapper .gallery-track{transform:translateX(-400%)}#kg18:checked~.gallery-wrapper .gallery-track{transform:translateX(-425%)}.gallery-dots,.popup-gallery-slider .gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.popup-gallery-slider .gallery-dots label{width:12px;height:12px;background:var(--pink);border-radius:50%;cursor:pointer;transition:background .3s}#kg10:checked~.gallery-dots label:nth-of-type(10),#kg11:checked~.gallery-dots label:nth-of-type(11),#kg12:checked~.gallery-dots label:nth-of-type(12),#kg13:checked~.gallery-dots label:nth-of-type(13),#kg14:checked~.gallery-dots label:nth-of-type(14),#kg15:checked~.gallery-dots label:nth-of-type(15),#kg16:checked~.gallery-dots label:nth-of-type(16),#kg17:checked~.gallery-dots label:nth-of-type(17),#kg18:checked~.gallery-dots label:nth-of-type(18),#kg1:checked~.gallery-dots label:first-of-type,#kg2:checked~.gallery-dots label:nth-of-type(2),#kg3:checked~.gallery-dots label:nth-of-type(3),#kg4:checked~.gallery-dots label:nth-of-type(4),#kg5:checked~.gallery-dots label:nth-of-type(5),#kg6:checked~.gallery-dots label:nth-of-type(6),#kg7:checked~.gallery-dots label:nth-of-type(7),#kg8:checked~.gallery-dots label:nth-of-type(8),#kg9:checked~.gallery-dots label:nth-of-type(9),#slide1:checked~.dots label:first-of-type,#slide2:checked~.dots label:nth-of-type(2),#slide3:checked~.dots label:nth-of-type(3),.gallery-dots button.active,.gallery-next:hover,.gallery-prev:hover{background:var(--lila)}.css-slider .dots label,.gallery-dots button,.gallery-next,.gallery-prev{background:var(--pink);cursor:pointer}.popup-gallery-slider-js{position:relative;width:100%;margin:30px 0}.gallery-track img{flex:0 0 25%;height:350px;object-fit:cover;border-radius:15px}.gallery-next,.gallery-prev{position:absolute;top:50%;transform:translateY(-50%);color:#fff;border:none;padding:10px 15px;font-size:24px;border-radius:50%;z-index:10}.gallery-prev{left:-20px}.gallery-next{right:-20px}.gallery-dots button{width:12px;height:12px;border-radius:50%;border:none}@media screen and (max-width:900px){.gallery-track img,.popup-gallery-slider .gallery-track img{flex:0 0 50%}}.css-slider{width:100%;max-width:100%;position:relative}.css-slider .slides{position:relative;height:40dvh}.css-slider .slides img{position:absolute;inset:0;width:auto;height:100%;margin:auto;opacity:0;transition:opacity .5s;border-radius:20px}#slide1:checked~.slides img:first-of-type,#slide2:checked~.slides img:nth-of-type(2),#slide3:checked~.slides img:nth-of-type(3){opacity:1;position:relative}.css-slider .dots{display:flex;justify-content:center;gap:12px;margin-top:15px}.css-slider .dots label{width:12px;height:12px;border-radius:50%;transition:background .3s,transform .3s}.css-slider .dots label:hover{transform:scale(1.2)}.paralax{background:url("../images/paralax.webp") center/cover no-repeat fixed;width:100%;position:relative}.stoerer2{padding:50px}.stoerer2 h2{color:#fff;margin-top:7dvh;font-size:35px}footer{padding:120px 0 200px;}#kontakt .col{display:flex;align-items:flex-start;text-align:left;}#kontakt strong{color:var(--lila);}#kontakt a:hover,#impressum a:hover{transition:.3s;color:var(--gelb);}#impressum .col,#impressum .content,footer .content{align-items:flex-start}#impressum a{text-decoration:underline;color:var(--lila);}#kontakt a{text-decoration:underline}.formular{width:100%;height:800px}#impressum p{line-height:25px}@media screen and (max-width:1366px){nav,nav ul{display:block}.paralax,header{background-attachment:scroll}nav{box-shadow:0 0 0}.navi{display:none}}@media screen and (max-width:1100px){main{text-align:center}.content{display:block}.col{width:80%;margin-left:10%}.col:nth-of-type(2){padding:40px 0 0}}@media screen and (max-width:1200px){nav,nav ul{display:none}.mobile-logo,.navi{display:block}.logo{position:absolute}.mobile-logo{left:20px;position:fixed;z-index:99;width:150px}};@media screen and (max-width:950px){header{overflow:hidden;height:80dvh;top:0}aside img{padding:10px;width:30px}.phone{top:260px}.mail{top:320px}#stoerer{bottom:4dvh}nav{box-shadow:0 0 0}}@media screen and (max-width:900px){.mobile-logo{transform:translateY(45px)}}@media screen and (max-width:700px){.box,.popup{width:70%}.popup img{max-width:100%}}@media screen and (max-width:550px){.col img,.css-slider .slides{height:auto}}@media screen and (max-width:500px){.gallery-track img,.popup-gallery-slider .gallery-track img{flex:0 0 100%;height:200px}h1{font-size:30px;line-height:40px}.container>img{width:300px;height:250px;object-fit:cover;border-radius:20px}}