@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:100;src:url("../fonts/geologica-v1-latin-100.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:200;src:url("../fonts/geologica-v1-latin-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:300;src:url("../fonts/geologica-v1-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:400;src:url("../fonts/geologica-v1-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:500;src:url("../fonts/geologica-v1-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:600;src:url("../fonts/geologica-v1-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:700;src:url("../fonts/geologica-v1-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:800;src:url("../fonts/geologica-v1-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:900;src:url("../fonts/geologica-v1-latin-900.woff2") format("woff2")}*{margin:0;padding:0;font-family:"Geologica";font-weight:200;font-size:20px;line-height:150%;color:#fff}html{scroll-behavior:smooth !important;scroll-padding-top:100px}a{transition:all .4s ease;text-decoration:none}p{margin:.5em auto;line-height:1.4em}p.bold{font-weight:600}h2{margin-bottom:.6em;font-size:1.6em;font-weight:600}@media(min-width: 915px){h2{font-size:1.8em}}img{width:100%}body #visible-page{position:absolute;width:100%;min-height:100vh;z-index:1;right:0;top:0;transition:.35s}body #offscreen-navigation{position:fixed;top:0;right:0;height:100%;width:260px;transition:1s;padding:10vh 20px}body #offscreen-navigation ul{list-style:none}body #offscreen-navigation ul li{margin:4vh 0}body #offscreen-navigation ul li a{padding:5px;font-size:1em;font-weight:600;text-transform:uppercase}body.menu-active{overflow:hidden}body.menu-active #visible-page{right:300px;opacity:.5}body.menu-active #offscreen-navigation{background-color:#e4097f}.width-limited{max-width:1232px;margin:0 auto;padding:0}#navbutton{position:fixed;right:0;bottom:0;margin:0 0px 50px 0;width:75px;height:75px;z-index:10;background:rgba(255,255,255,.5);border-radius:16px 0 0 16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.3)}#navbutton #top-line,#navbutton #mid-line,#navbutton #bottom-line,#navbutton #background{transition:all .4s ease}#navbutton.hidden{display:none}#navbutton.active #top-line{transform:rotate(45deg) translate(10%, -30%) scaleX(1.2);stroke:#fff}#navbutton.active #mid-line{transform:translateX(50%) scaleX(0);stroke:#fff}#navbutton.active #bottom-line{transform:rotate(-45deg) translate(-60%, 0%) scaleX(1.2);stroke:#fff}@media(min-width: 667px){#navbutton{display:none}}.button{display:block;padding:.4em 1em;border:2px solid;font-weight:600;width:-moz-fit-content;width:fit-content}.button.full.white{background-color:#fefefc;border-color:#fefefc;color:#009fe1}.button.semi-rounded{border-radius:5px}.button:hover.full.white,.button:active.full.white{background-color:rgba(0,0,0,0);color:#fefefc}.button:hover.outline,.button:active.outline{background-color:#009fe1;border-color:#009fe1;color:#fefefc}header{background-color:#fff;display:flex;flex-direction:column-reverse;padding:2em 0}@media(min-width: 667px){header{flex-direction:column;padding:0}}@media(min-width: 915px){header{display:block}}#top-bar{margin-top:.4em}@media(min-width: 667px){#top-bar{margin-top:0}}#top-bar .content{display:flex;justify-content:center;flex-wrap:wrap;gap:.5em}@media(min-width: 667px){#top-bar .content{padding:1em 2em 0 2em}}@media(min-width: 915px){#top-bar .content{padding:.5em 2em 0 2em;justify-content:flex-end}}#top-bar .call-btn{display:inline-block;padding:.4em 1em;color:#fff;background-color:#e4097f;border:2px solid rgba(0,0,0,0);border-radius:50px;font-size:.8em;font-weight:400;animation-name:ring-shake-wait;animation-duration:4s;animation-iteration-count:infinite}#top-bar .call-btn svg{fill:#fff;height:.7em;padding-top:.13em;margin-right:.4em;transition:all .4s ease}#top-bar .call-btn:hover,#top-bar .call-btn:active{background-color:#f7b5d8;color:#2b2a28}#top-bar .call-btn:hover svg,#top-bar .call-btn:active svg{fill:#2b2a28}#top-bar .social-btn{display:flex;align-items:center;padding:.3em .65em;background-color:#e4097f;border:2px solid rgba(0,0,0,0);border-radius:50px;font-size:.8em}#top-bar .social-btn svg{fill:#fff;height:.9em;transition:all .4s ease}#top-bar .social-btn:hover,#top-bar .social-btn:active{background-color:#f7b5d8;color:#2b2a28}#top-bar .social-btn:hover svg,#top-bar .social-btn:active svg{fill:#2b2a28}#menu-bar{display:flex;justify-content:center}@media(min-width: 667px){#menu-bar{flex-direction:column;align-items:center}}@media(min-width: 915px){#menu-bar{flex-direction:row;justify-content:space-between;padding:0 2em .5em 2em}}@media(min-width: 1233px){#menu-bar{padding:0 2em 1em 2em}}#menu-bar .selflink{margin-top:1.5em;height:100px}@media(min-width: 915px){#menu-bar .selflink{height:80px;margin-bottom:2.4em}}@media(min-width: 1233px){#menu-bar .selflink{height:120px;margin-bottom:2.8em}}#menu-bar .selflink svg{height:100%;max-width:94%}@media(min-width: 667px){#menu-bar .selflink svg{max-width:100%}}#menu-bar .navigation{display:none}@media(min-width: 667px){#menu-bar .navigation{display:flex;flex-direction:column-reverse;align-items:flex-end}}@media(min-width: 667px){#menu-bar .navigation nav{padding:1em 0}}@media(min-width: 667px){#menu-bar .navigation nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2em}}@media(min-width: 667px){#menu-bar .navigation nav ul a{display:block;color:#2b2a28;padding:.5em 1em;font-weight:400;border-radius:10px}}@media(min-width: 667px){#menu-bar .navigation nav ul a:hover,#menu-bar .navigation nav ul a:active{color:#fff;background-color:#e4097f}}footer{background-color:#fff;padding:2em 1em}footer .content{display:flex;flex-direction:column-reverse;align-items:center}@media(min-width: 915px){footer .content{flex-direction:row;justify-content:flex-end;gap:2em}}footer .content .selflink{margin-top:1.5em;color:#2b2a28}@media(min-width: 915px){footer .content .selflink{margin-top:0}}footer .content nav ul{list-style:none;display:flex;flex-direction:column;gap:.2em}@media(min-width: 915px){footer .content nav ul{flex-direction:row}}footer .content nav ul li a{display:block;color:#2b2a28;padding:.5em 1em;border-radius:10px}footer .content nav ul li a:hover,footer .content nav ul li a:active{background-color:#e4097f;color:#fff}section{padding:2em 1em}@media(min-width: 915px){section{padding:5em 2em}}.content-text-only h1{font-size:2em;font-weight:800;margin:0 0 1em 0;line-height:130%}.content-text-only h2{font-size:1.2em;font-weight:500;margin:2em 0 1em 0;line-height:130%}.content-text-only h3{font-size:1.1em;font-weight:400;margin:1.5em 0 .5em 0;line-height:130%}.content-text-only p{text-align:justify;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:130%}.content-text-only a{text-decoration:underline}.content-text-only ul{padding-left:1em;margin-bottom:1em}.anim.playAnim{animation:slidein-left 1s ease-in}@keyframes slidein-left{0%{transform:skewX(53deg) translateX(-500px);opacity:0}60%{transform:translateX(0px)}62%{transform:skewX(0deg) translateX(30px)}70%{transform:skew(-20deg)}80%{transform:skew(0deg) translate(0)}90%{transform:skew(-5deg)}100%{transform:skew(0deg)}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-3px, 0, 0)}40%,60%{transform:translate3d(3px, 0, 0)}}@keyframes ring-shake{0%,100%{transform:translateY(0) rotate(0deg);transform-origin:center center}10%,30%,50%,70%,90%{transform:translateY(0) rotate(-1deg);transform-origin:center center}20%,40%,60%,80%{transform:translateY(0) rotate(1deg);transform-origin:center center}}@keyframes ring-shake-wait{0%,80%,100%{transform:translateY(0) rotate(0deg);transform-origin:center center}82%,86%,90%,94%,98%{transform:translateY(0) rotate(-1deg);transform-origin:center center}84%,88%,92%,96%{transform:translateY(0) rotate(1deg);transform-origin:center center}}@keyframes slideAnimation{0%{transform:translateX(0)}17%{transform:translateX(0)}22%{transform:translateX(-100%)}39%{transform:translateX(-100%)}44%{transform:translateX(-200%)}61%{transform:translateX(-200%)}66%{transform:translateX(-300%)}83%{transform:translateX(-300%)}88%{transform:translateX(-400%)}99%{transform:translateX(-400%)}100%{transform:translateX(0)}}@keyframes wobble{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes jump{0%{transform:scale(1) translateY(0)}25%{transform:scale(1.05) translateY(-20px)}50%{transform:scale(1) translateY(0)}75%{transform:scale(1.05) translateY(-10px)}100%{transform:scale(1) translateY(0)}}main{min-height:calc(100svh - 226px - 125px);background-color:#e4097f}.text h1{font-size:2em;font-weight:800;margin:0 0 1em 0;line-height:130%}.text h2{font-size:1.2em;font-weight:500;margin:2em 0 1em 0;line-height:130%}.text h3{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em 0;line-height:130%}.text h3:first-of-type{margin-top:0}.text p{text-align:justify;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:130%}.text a{text-decoration:underline}.text ul{padding-left:1em;margin-bottom:1em}#hero{padding:0;background-color:#fff;overflow:hidden}#hero .slides{display:flex;width:100%;height:100%;position:relative;animation:slideAnimation 30s infinite}#hero .slide{flex:0 0 100%;height:55vw;max-height:60svh;background-repeat:no-repeat;background-size:cover;background-position:center}#hero #slide-1{background-image:url("/website/assets/img/Unser-Team.webp");background-position:0% 16%}#hero #slide-2{background-image:url("/website/assets/img/Salon-Innen.webp");background-position:0% 60%}#hero #slide-3{background-image:url("/website/assets/img/Salon-Aussen.webp");background-position:0% 23%}#hero #slide-4{background-image:url("/website/assets/img/Schere1.webp");background-position:0% 60%}#hero #slide-5{background-image:url("/website/assets/img/Slider.webp");background-position:0% 60%}#hero #slide-6{background-image:url("/website/assets/img/Schere2.webp");background-position:0% 60%}#stellenanzeige{background-color:#fff}#stellenanzeige .content{display:grid;grid-template-columns:1fr;gap:2em}@media(min-width: 915px){#stellenanzeige .content{grid-template-columns:1fr 35%}}#stellenanzeige .content h2{color:#e4097f;font-size:4em;line-height:100%;font-weight:800;text-transform:uppercase;letter-spacing:-6px;margin:0 0 .2em 0}#stellenanzeige .content h2 .space{margin-left:.6em}#stellenanzeige .content h3{color:#2b2a28;font-size:2em;font-weight:800;line-height:80%;text-transform:uppercase;letter-spacing:-3px;margin:0}#stellenanzeige .content h3 .space{margin-left:.3em}#stellenanzeige .content .skills{margin-top:2em;display:grid;grid-template-columns:1fr;gap:1em}@media(min-width: 915px){#stellenanzeige .content .skills{grid-template-columns:1fr 1fr}}#stellenanzeige .content .skills .skill{display:grid;grid-template-columns:30px 1fr;gap:1em;justify-items:start;align-items:center}#stellenanzeige .content .skills .skill .check{fill:#e4097f;width:28px;height:auto}#stellenanzeige .content .skills .skill .desc{color:#2b2a28;margin:0}#stellenanzeige .content .benefits{margin:2em 0 0 1.1em}#stellenanzeige .content .benefits li{color:#2b2a28}#stellenanzeige .content .adress{margin-top:2em;color:#2b2a28}#stellenanzeige .content .adress .bold{color:#2b2a28;font-weight:600}#stellenanzeige .content .adress a{font-weight:600;color:#2b2a28}#stellenanzeige .content .adress a:hover{text-decoration:underline}#stellenanzeige .content .contact{margin-top:2em;color:#2b2a28}#stellenanzeige .content .contact a{font-weight:600;color:#2b2a28}#stellenanzeige .content .contact a:hover{text-decoration:underline}#stellenanzeige .content .images{padding:1em;border:5px solid #e4097f;display:grid;grid-template-columns:1fr;gap:1em}#leistungen .content{display:grid;grid-template-columns:1fr;gap:2em}@media(min-width: 915px){#leistungen .content{grid-template-columns:1fr 40%}}#leistungen .content .grafik{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width: 915px){#leistungen .content .grafik{grid-row:auto}}#leistungen .content .grafik .title{height:4em;max-width:100%}#leistungen .content .grafik .schere{width:100%;margin-top:1em;max-width:8em;animation:wobble 15s ease-in-out infinite;transform-origin:center}@media(min-width: 915px){#leistungen .content .grafik .schere{max-width:15em}}#leistungen .content .grafik .schere:hover{animation:wobble 2s ease-in-out infinite}#unser-team{background-color:#fff}#unser-team .content{display:grid;grid-template-rows:auto auto;grid-gap:1em;grid-template-columns:1fr}@media(min-width: 667px){#unser-team .content{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1233px){#unser-team .content{grid-template-columns:repeat(3, 1fr)}}#unser-team .content .title{height:4em;max-width:100%;margin-bottom:2em;grid-column:1/-1;justify-self:start}#unser-team .content .team-member{padding:1em;transition:1s}#unser-team .content .team-member:nth-child(n+2){grid-column:span 1}#unser-team .content .team-member:hover{padding:0;box-shadow:0px 0px 6px 2px #f7b5d8}#unser-team .content .team-member h3{margin:1em 0 0 0;color:#e4097f;font-weight:600;text-align:center}#unser-team .content .team-member p{width:100%;margin:0;color:#e4097f;font-weight:300;text-align:center}#offnungszeiten .content{display:grid;grid-template-rows:auto auto;grid-gap:1em;grid-template-columns:1fr}#offnungszeiten .content .title{height:4em;max-width:100%;margin-bottom:2em;grid-column:1/-1;justify-self:start}#offnungszeiten .content .times{display:grid;grid-template-rows:auto auto;grid-gap:.4em;grid-template-columns:7em 8.6em;margin:0 auto 2em auto}#offnungszeiten .content h3{margin:1em 0 0 0;font-size:105%;font-weight:600;text-align:center}@media(min-width: 915px){#offnungszeiten .content h3{font-size:200%}}#offnungszeiten .content p{margin:0;font-weight:300;text-align:center}#trenner{padding:0 2em;background:linear-gradient(to bottom, #e4097f 50%, #ffffff 50%)}#trenner .content{display:flex;justify-content:center}@media(min-width: 1233px){#trenner .content{justify-content:flex-end;position:relative}}#trenner .foto{background-image:url("/website/assets/img/Haareschneiden.webp");width:80vw;height:80vw;border-radius:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:transform .3s ease;animation:float 5s ease-in-out infinite;transform-origin:center}@media(min-width: 667px){#trenner .foto{width:50vw;height:50vw}}@media(min-width: 915px){#trenner .foto{width:45vw;height:45vw}}@media(min-width: 1233px){#trenner .foto{width:25em;height:25em;margin-top:-7em;margin-bottom:-6em;z-index:1}}#trenner .foto:hover{animation:jump 2s ease infinite}#kontakt{background-color:#fff;padding-bottom:6em}#kontakt .content{display:flex;flex-direction:column;align-items:flex-start}#kontakt .content .title{height:6em;margin-bottom:2.5em;max-width:100%}#kontakt .content h3{margin:1em 0 0 0;color:#2b2a28;font-weight:600;font-size:115%}#kontakt .content p{margin:0;max-width:45em;color:#2b2a28}#kontakt .contact-btn-container{margin-top:2em;display:flex;flex-wrap:wrap;gap:1em}#kontakt .contact-btn-container .contact-btn{display:flex;flex-direction:row;align-items:center;gap:1em;padding:.6em 1.2em;color:#fff;background-color:#e4097f;border:2px solid rgba(0,0,0,0);border-radius:50px;font-size:.8em;font-weight:400}#kontakt .contact-btn-container .contact-btn:hover,#kontakt .contact-btn-container .contact-btn:active{background:rgba(228,9,126,.05);color:#e4097f;border-color:#e4097f}#kontakt .contact-btn-container .contact-btn:hover span,#kontakt .contact-btn-container .contact-btn:active span{color:#e4097f}#kontakt .contact-btn-container .contact-btn:hover svg,#kontakt .contact-btn-container .contact-btn:active svg{fill:#e4097f}#kontakt .contact-btn-container .contact-btn svg{fill:#fff;height:1em;transition:all .4s ease}#datenschutz{padding-bottom:4em}#impressum{padding-bottom:4em}#agb{padding-bottom:4em}/*# sourceMappingURL=style.css.map */