@import url(reset.css);#kosmetikstudio a,#service h4,.accordion,h1,h2,h3{color:#92a333}.burger-nav,.logo,nav{position:fixed}.burger-nav b,/ @font-face{font-family:Lato;font-style:normal}.burger-nav,.burger-nav b,.full-screen-nav,.full-screen-nav ul li a{transition:.4s ease-in-out}a,nav ul li a{text-decoration:none}.line,aside img{background-color:#000}.subnav,nav{text-align:right}#feedback img,#willkommen img,.line,h1,h3{margin-bottom:25px}#kosmetologie .accordion,#kosmetologie .panel{background-color:#b1cd59}#feedback,#kosmetologie,.subnav a{background-color:#9dc130}#feedback,#kosmetikstudio h1,#willkommen{text-align:center}#service h4,.panel ul,p{margin-bottom:15px}#feedback .button,.rating_box .btn,footer h4{margin-bottom:20px}.accordion,.burger-nav,.popup span,.popup-toggle,a{cursor:pointer}/ @font-face{font-weight:100;font-display:swap;src:url('../fonts/lato-v23-latin-100.eot');src:local(''),url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-100.woff2') format('woff2'),url('../fonts/lato-v23-latin-100.woff') format('woff'),url('../fonts/lato-v23-latin-100.ttf') format('truetype'),url('../fonts/lato-v23-latin-100.svg#Lato') format('svg')}@font-face{font-family:Lato;font-style:italic;font-weight:100;font-display:swap;src:url('../fonts/lato-v23-latin-100italic.eot');src:local(''),url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'),url('../fonts/lato-v23-latin-100italic.woff') format('woff'),url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'),url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg')}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/lato-v23-latin-300.eot');src:local(''),url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-300.woff2') format('woff2'),url('../fonts/lato-v23-latin-300.woff') format('woff'),url('../fonts/lato-v23-latin-300.ttf') format('truetype'),url('../fonts/lato-v23-latin-300.svg#Lato') format('svg')}@font-face{font-family:Lato;font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/lato-v23-latin-300italic.eot');src:local(''),url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'),url('../fonts/lato-v23-latin-300italic.woff') format('woff'),url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'),url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg')}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lato-v23-latin-regular.eot');src:local(''),url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-regular.woff2') format('woff2'),url('../fonts/lato-v23-latin-regular.woff') format('woff'),url('../fonts/lato-v23-latin-regular.ttf') format('truetype'),url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg')}@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/lato-v23-latin-italic.eot');src:local(''),url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-v23-latin-italic.woff2') format('woff2'),url('../fonts/lato-v23-latin-italic.woff') format('woff'),url('../fonts/lato-v23-latin-italic.ttf') format('truetype'),url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg')}@font-face{font-family:Parisienne;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/parisienne-v13-latin-regular.eot');src:local(''),url('../fonts/parisienne-v13-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/parisienne-v13-latin-regular.woff2') format('woff2'),url('../fonts/parisienne-v13-latin-regular.woff') format('woff'),url('../fonts/parisienne-v13-latin-regular.ttf') format('truetype'),url('../fonts/parisienne-v13-latin-regular.svg#Parisienne') format('svg')}body{font-family:Lato}p{font-size:15px;font-weight:300;line-height:21px}.burger-nav,h1,h1 b,h3{font-size:30px}a,footer a,footer p{color:#000}h1,h3{font-weight:700}h4,nav ul li a{font-weight:400}h2{font-family:Parisienne;font-size:45px;margin-bottom:30px}#kosmetikstudio h1,#service .content,h4{margin-bottom:50px}h4{font-size:20px;color:#646464}.subnav a,li{font-size:14px}li{list-style:disc}strong{font-size:16px;font-weight:600}.line{width:50px;height:3px}.logo{width:200px;height:auto;top:20px;left:2%;z-index:110}nav{background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;top:0;padding:52px 0 0;z-index:100;height:80px}.nav30{height:30px!important}nav ul{margin-right:5%}nav ul li{display:inline-block;margin:0 2%}nav ul li a{font-size:18px;color:#9bc02b}nav ul li strong{color:#0025a6;font-weight:600}.message p,.navi,.rating-1,.rating_bottom,.rating_value,.subline,.thumbithumb{display:none}.burger-nav{right:0;top:10px;color:#9dc130;z-index:9999;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent;padding:16px 21px 21px 19px}.burger-nav b{float:left;margin-left:0}.form-group label,.rating{font-family:Lato!important}.burger-nav-anim{top:-5px;color:#9dc130}#feedback h3,#kosmetologie .accordion,#kosmetologie h2,.btn,.subnav,.subnav a{color:#fff}.burger-nav-anim b:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger-nav-anim b:nth-of-type(2){opacity:0}.burger-nav-anim b:last-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-80%}.full-screen-nav{position:fixed;z-index:9998;width:100%;height:100vh;background:#fff;display:table;visibility:hidden;opacity:0}.subnav,aside img{z-index:999;position:fixed}.btn,.subnav,aside img{transition:.5s}.fadeIn,.fadeUp{opacity:1!important}.full-screen-nav ul{text-align:center;display:table-cell;vertical-align:middle;width:100%}.full-screen-nav ul li a{padding:20px;display:block;font-size:30px;color:#9dc130;text-decoration:none}.fadeIn{visibility:visible!important}.fadeUp{margin-top:0!important}aside img{width:45px;left:0}.btn:hover,aside img:hover{background-color:#6d6d6d}.mail{top:300px}.phone{top:370px}.subnav{bottom:0;width:100%}.kosmetikstudio,header{position:relative;width:100%}.subnav a{padding:8px 15px;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:90vh}.kosmetikstudio{background:url("../images/kosmetikbehandlung.webp") bottom/cover no-repeat fixed}header .unten{position:fixed;top:80px;width:100%;height:auto;z-index:90}.oben,.welle-gruen{position:absolute;bottom:0;width:100%;height:auto}html{scroll-behavior:smooth}#beauty,#feedback,#gesicht-koerper,#kosmetikstudio,#kosmetologie,#service,#willkommen{padding:50px 0}.content{display:flex;width:60%;margin-left:20%}.col{width:90%}.col:nth-of-type(2){padding-left:10%}.btn{background-color:#000;padding:5px 30px}::-moz-selection{background:#fff600;color:#000}::selection{background:#fff600;color:#000}.accordion{background-color:#f5f7ed;padding:18px;width:100%;text-align:left;border:none;outline:0;transition:.4s;border-radius:10px;font-size:17px;font-weight:500}.accord{padding-bottom:10px}.accord:nth-of-type(2n) .accordion,.accord:nth-of-type(2n) .panel{background-color:#e8e8e8}.accordion:hover(),.active{background-color:#ccc}.panel{padding:0 18px;background-color:#f5f7ed;max-height:0;overflow:hidden;transition:max-height .2s ease-out;border-radius:10px}#dsa-rating-view .col-md-3,#feedback .col,#willkommen .col,footer iframe{width:100%}#beauty .col:nth-of-type(2),#gesicht-koerper .col:nth-of-type(2),#service .col:nth-of-type(2),footer .col:nth-of-type(2){margin-top:81px}.info-text p{font-size:17px;line-height:120%}#kosmetikstudio ul li,.panel ul li,.service-text li{font-size:15px;font-weight:300;margin-left:15px}#beauty img,#gesicht-koerper img{width:100%;height:auto}#kosmetologie .col:nth-of-type(2){margin-top:73px}#feedback .button,footer,footer .line{background-color:#fff}.panel ul li{line-height:22px}#feedback .button{color:#000;border-radius:10px;padding:5px 10px;font-size:17px}#service .content:nth-of-type(2) .col:nth-of-type(2){margin-top:0}#service .service-text{background-color:#f5f7ed;border-radius:10px;padding:20px 40px}.service-text li{list-style:circle;line-height:23px}#service .col{flex-basis:100%;width:50%!important}.zwischen{width:100%;height:auto;margin-top:-3px}.rating span,.rating span::before{color:#9dc130!important;font-size:20px!important}.Bewertungstabelle td,th{padding:15px 0}.Bewertungstabelle td{width:70%}.form-control{box-shadow:none!important;border:1px solid #9dc130!important;color:#9dc130!important}#rate_button{background-color:#9dc130!important;border:none!important;padding:10px 20px!important}.form-group label{font-weight:400!important}.rating_top{margin:30px 20px 20px 30px!important}.rating_box h3{color:#fff!important;font-size:23px;text-align:center!important;margin-bottom:10px}.message h2,.popup h3,.popup h4,.popup h5,footer h4{color:#9dc130}.freitext{color:#fff;font-weight:400;font-size:17px;padding:0 20px 20px}.rating_box{background-color:#c4da83;margin-top:25px}.rating_thumb{padding-top:20px}.starbox,.startext{color:#fff;font-size:20px!important}.message h2{padding:12px;text-align:center}.rating_box .btn{background-color:transparent;border:1px solid #fff;border-radius:10px}.puffer1{background:url("../images/puffer1.webp") center/cover no-repeat fixed;height:700px;width:100%;position:relative}.unten{position:absolute;top:0;width:100%;height:auto}.kontaktformular iframe,.puffer2{height:700px}.puffer2{background:url("../images/puffer2.webp") center/cover no-repeat fixed;width:100%;position:relative}footer{padding:120px 0;border-bottom:25px solid #9dc130}footer a{text-decoration:underline}.bildmarke{position:relative;text-align:center;left:50%;transform:translate(-50%,0);margin-bottom:25px}#kosmetikstudio h4{margin-bottom:10px;color:#92a333}#kosmetikstudio ul li{line-height:20px}#kosmetikstudio .content img{width:100%;margin-bottom:25px}.header-kosmetikstudio{height:600px}@media screen and (max-width:1596px){#kosmetologie .col:nth-of-type(2){margin-top:120px}}@media screen and (max-width:1500px){nav ul li{margin:0 1%}.logo{width:160px}}@media screen and (max-width:1366px){.puffer1,.puffer2,header{background-attachment:scroll}#service .content{flex-direction:column}#service .col{width:100%!important;padding-left:0!important}}@media screen and (max-width:1236px){#gesicht-koerper .col:nth-of-type(2){margin-top:120px}}@media screen and (max-width:1200px){h1{font-size:30px;top:45vh;left:10%;padding:15px 25px}h1 b{font-size:25px}.logo{position:fixed}header{height:75vh}nav{background:#fff;box-shadow:0 0 0}nav ul{display:none}.navi{display:block}}@media screen and (max-width:1000px){.content{flex-direction:column;width:90%;margin-left:5%}#beauty .col,#feedback .col,#gesicht-koerper .col,#kosmetikstudio .col,#kosmetologie .col,#willkommen .col,footer .col{width:80%;margin-left:10%}.col:nth-of-type(2){padding:40px 0 0}#beauty .col:nth-of-type(2),#gesicht-koerper .col:nth-of-type(2),#kosmetikstudio .col:nth-of-type(2),#kosmetologie .col:nth-of-type(2),#service .col:nth-of-type(2),#willkommen .col:nth-of-type(2),footer .col:nth-of-type(2){margin-top:0}#kosmetologie .col:nth-of-type(2){padding:0}.puffer1,.puffer2{height:500px}.logo{width:140px}}@media screen and (max-width:750px){h2{font-size:35px}h3{font-size:25px}h4{font-size:17px}.info-text p,a,p{font-size:15px}.puffer1,.puffer2{height:300px}}@media screen and (max-width:500px){.logo{width:120px}}.splide__slide img{width:100%;height:100%;object-fit:contain}.splide__arrow svg{fill:#9dc130;height:1.5em;transition:fill .2s linear;width:1.5em}.splide__arrow--prev{left:-3em}.splide__arrow--next{right:-3em}.splide__pagination{bottom:-2em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page.is-active{background:#9dc130;transform:scale(1.4);z-index:1}.splide__slide:not(.is-active){transform:scale(1)}html .popup-wrapper{position:fixed;top:100%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99999;display:flex!important;justify-content:center;align-items:center;transition-duration:.5s}.popup-wrapper.show{top:0}.popup{background-color:#f5f7ed;width:min(90%,45rem);border-radius:10px;padding:1rem;max-height:90vh;display:none;overflow-y:auto;position:relative}.popup span{position:absolute;right:20px;top:20px;font-weight:700}@media only screen and (min-width:768px){.popup{padding:2rem}}.popup.show{display:block}.popup h2{margin-bottom:1.75rem}.popup h3{margin-bottom:.65rem}.popup h4{margin-bottom:.4rem}.popup h4:not(:first-child){margin-top:1.25rem}.popup p{color:#343434}.popup .content{display:flex;flex-direction:column;gap:1.5rem}