/*;
Fonts:
font-family:'Italiana', serif;
font-weight:400;
font-family:'Mulish', sans-serif;
font-weight:300,600,700;
Transition;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
Transform;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
Scale;
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
Rotate;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
*/
::selection {
background-color:#D3C29A;
}
::-moz-selection {
background-color:#D3C29A;
}
* {
margin:0;
padding:0;
outline:none;
}
html {
position:relative;
font-family:'Mulish', sans-serif;
font-weight:400;
font-size:20px;
line-height:40px;
color:#333333;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
}
html a {
font-family:'Mulish', sans-serif;
font-weight:400;
font-size:20px;
line-height:40px;
color:#333333;
text-decoration:none;
display:inline-block;
text-decoration:underline;
}
p + p {
margin-top:20px;
}
p a {
display:inline;
}
body {
overflow-x:hidden;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
opacity:0;
width:100%;
}
body.hideBody {
opacity:0!important;
}
body.loaded {
opacity:1;
}
img, svg {
display:block;
}
-fullHeight {
position:relative;
width:100%;
height:100dvh;
}
header {
position:fixed;
top:0;
left:0;
width:100%;
z-index:99;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
pointer-events:none;
display:flex;
justify-content:space-between;
}
.scrolled header {
background-color:#ffffff;
}
#mainLogo_holder {
position:relative;
left:calc((35 * 100vw / 1280) + (100vw - (35 * 100vw / 1280 * 24)) / 23);
width:144px;
pointer-events:initial;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding-top:50px;
padding-bottom:50px;
}
.scrolled #mainLogo_holder {
padding-top:20px;
padding-bottom:20px;
}
#mainLogo_holder svg {
width:100%;
height:auto;
}
.menuActivator_status {
position:absolute;
top:50%;
right:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
cursor:pointer;
pointer-events:initial;
right:calc((35 * 100vw / 1280) + (100vw - (35 * 100vw / 1280 * 24)) / 23);
}
.mainLogin_holder {
position:absolute;
top:50%;
right:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
cursor:pointer;
pointer-events:initial;
right:calc(((35 * 100vw / 1280) + (100vw - (35 * 100vw / 1280 * 24)) / 23) + 35px + 40px);
/*right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);*/
display:flex;
}
.mainLogin_holder svg {
width:23px;
height:auto;
}
.mainLogin_holder svg g {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.menuActivator_status svg g {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.menuActivator_open {
opacity:0;
pointer-events:none;
}
.menuOpen .menuActivator_open {
opacity:1;
pointer-events:initial;
}
.menuOpen .menuActivator_closed {
opacity:0;
pointer-events:none;
}
section, #main, #topContent, #mainContent, #bottomContent {
position:relative;
width:100%;
}
.homeTop_wrapper {
position:relative;
width:100%;
height:100vh;
background-color:#333333;
}
.homeTop_content {
position:absolute;
top:calc(100vh - (((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 8 * 5) - 74px);
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
width:calc((35 * 100vw / 1280 * 10) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 9);
z-index:2;
}
.homeTop_content h1 {
color:#ffffff;
}
.homeTop_link {
margin-top:80px;
}
.homeTop_images {
position:absolute;
right:0;
bottom:0;
width:calc((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16);
height:calc(((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 8 * 5);
max-height:calc(100dvh - 170px);
display:flex;
}
.homeTop_imageHolder {
position:relative;
width:50%;
}
.homeTop_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.homeTop_imageMobile {
display:none;
}
.mainTop_wrapper {
position:relative;
width:100%;
height:100dvh;
margin-bottom:calc((((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 16 * 9) - 50vh);
}
.mainTop_wrapper.hasIcon {
margin-bottom:calc((((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 16 * 9) - 50vh);
}
.mainTop_background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
z-index:1;
}
.mainTop_content {
position:absolute;
top:calc(50vh - 148px);
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
width:calc((35 * 100vw / 1280 * 14) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 13);
max-width:1000px;
z-index:3;
}
.mainTop_images {
position:absolute;
right:0;
top:50%;
width:calc((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16);
height:calc(((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 16 * 9);
display:flex;
z-index:2;
}
.mainTop_imageHolder {
position:relative;
width:100%;
}
.mainTop_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.mainTop_imageMobile {
display:none;
}
.rootLine {
position:absolute;
top:170px;
right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
z-index:2;
display:flex;
align-items:center;
}
.rootLine_item {
display:flex;
align-items:center;
}
.rootLine_item a {
font-size:15px;
line-height:19px;
text-decoration:none;
}
.rootLine_divider {
width:40px;
margin-left:10px;
margin-right:10px;
height:1px;
background-color:#333333;
}
.rootLine_item:last-Child .rootLine_divider {
display:none;
}
.mainTop_icon {
position:absolute;
bottom:calc(((((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16) / 16 * 9) - 50vh + 70px) * -1);
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
min-width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
z-index:3;
}
.mainTop_icon img {
width:100%;
height:auto;
}
.teaserBehandlungen_wrapper {
height:100vh;
display:flex;
justify-content:flex-end;
}
.teaserBehandlungen_imageHolder {
position:relative;
width:calc((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16);
height:100%;
overflow:hidden;
}
.teaserBehandlungen_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teaserBehandlungen_imageMobile {
display:none;
}
.teaserBehandlungen_contentHolder {
position:absolute;
bottom:0;
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
width:calc((35 * 100vw / 1280 * 14) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 13);
z-index:2;
padding-top:140px;
padding-bottom:140px;
}
.teaserBehandlungen_content {
position:relative;
z-index:2;
}
.teaserBehandlungen_content a {
position:relative;
text-decoration:none;
display:inline;
border-bottom:1px solid #333333;
}
.teaserBehandlungen_contentBackground {
position:absolute;
top:0;
left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
bottom:0;
background-color:#bbbbbb;
opacity:0.75;
z-index:-1;
}
.teaserProduktlinien_wrapper {
position:relative;
height:100vh;
display:flex;
justify-content:flex-end;
background-color:#eeeeee;
}
.teaserProduktlinien_background {
position:relative;
width:calc((35 * 100vw / 1280 * 18) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 17);
background-color:#ffffff;
z-index:1;
}
.teaserProduktlinien_contentHolder {
position:absolute;
top:calc(100vh - (((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8) / 4 * 5) - 74px);
left:calc((35 * 100vw / 1280 * 10) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 10);
width:calc((35 * 100vw / 1280 * 10) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 9);
z-index:3;
}
.teaserProduktlinien_link {
margin-top:60px;
display:flex;
justify-content:flex-end;
}
.teaserProduktlinien_link a {
color:#333333;
}
.isDesktop .teaserProduktlinien_link a:hover {
color:#ffffff;
}
.teaserProduktlinien_link a:after {
background-color:#333333;
}
.teaserProduktlinien_imageHolder {
position:absolute;
bottom:0;
left:calc((35 * 100vw / 1280 * 3) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
height:calc(((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8) / 4 * 5);
z-index:2;
overflow:hidden;
}
.teaserProduktlinien_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teaserProduktlinien_imageMobile {
display:none;
}
.teaserProduktlinien_icon {
position:absolute;
bottom:30px;
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
min-width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
z-index:3;
}
.teaserProduktlinien_icon img {
width:100%;
height:auto;
}
.homeIntro_wrapper {
position:relative;
height:100dvh;
overflow:hidden;
}
.homeIntro_background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
z-index:1;
}
.homeIntro_roseLeft {
position:absolute;
top:50px;
left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
z-index:2;
}
.homeIntro_logo {
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
z-index:3;
}
.homeIntro_logo svg {
width:calc((35 * 100vw / 1280 * 8) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 9);
height:auto;
}
.homeIntro_roseRight {
position:absolute;
bottom:25%;
right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
width:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 4);
z-index:2;
}
/*.headerHide #mainLogo_holder {
opacity:0;
pointer-events:none;
}*/
#mainLogo_holder svg g {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.headerWrapper_menuActivator svg g {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.homeIntro_scroll {
position:absolute;
bottom:40px;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
display:flex;
flex-direction:column;
align-items:center;
cursor:pointer;
z-index:3;
}
.homeIntro_scrollIcon {
margin-bottom:10px;
-webkit-animation:mover 1s infinite alternate;
animation:mover 1s infinite alternate;
}
.homeIntro_scrollText {
font-size:10px;
line-height:13px;
text-transform:uppercase;
}
@-webkit-keyframes mover {
0% { transform:translateY(0); }
100% { transform:translateY(-20px); }
}
@keyframes mover {
0% { transform:translateY(0); }
100% { transform:translateY(-20px); }
}
.teaserBuchen_wrapper {
position:relative;
display:flex;
justify-content:flex-end;
background-color:#eeeeee;
}
.teaserBuchen_background {
position:relative;
width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
z-index:1;
}
.teaserBuchen_imageHolder {
position:relative;
width:calc((35 * 100vw / 1280 * 12) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 12);
height:calc(((35 * 100vw / 1280 * 12) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 12) / 5 * 4);
z-index:1;
}
.teaserBuchen_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teaserBuchen_imageMobile {
display:none;
}
.teaserBuchen_contentHolder {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
width:calc((35 * 100vw / 1280 * 13) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 12);
z-index:2;
}
.teaserBuchen_content {
color:#ffffff;
}
.teaserBuchen_link {
margin-top:50px;
display:flex;
}
.teaserBuchen_link a {
position:relative;
width:100px;
height:140px;
border-radius:50%;
color:#ffffff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding-left:20px;
padding-right:20px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
overflow:hidden;
margin-left:calc(((35 * 100vw / 1280 * 0) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1) * -1);
font-weight:600;
text-decoration:none;
}
.teaserBuchen_link a + a {
margin-left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
}
.teaserBuchen_linkBottom a {
margin-left:0;
}
.isDesktop .teaserBuchen_link a:hover {
color:#333333;
}
.teaserBuchen_link a:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#333333;
z-index:-2;
border-radius:50%;
}
.teaserBuchen_link a:after {
content:'';
position:absolute;
bottom:0;
width:100%;
background-color:#333333;
height:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:-1;
}
.isDesktop .teaserBuchen_link a:hover:after {
background-color:#ffffff;
height:100%;
}
.simpletextSection_wrapper {
position:relative;
padding-top:300px;
padding-bottom:140px;
padding-left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
padding-right:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
}
section + section .simpletextSection_wrapper {
padding-top:140px;
}
.simpletextSection_text {
padding-left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
}
.teaserMitarbeiter_wrapper {
position:relative;
width:100%;
display:flex;
justify-content:flex-end;
}
.teaserMitarbeiter_background {
position:absolute;
top:50%;
left:0;
width:100%;
bottom:0;
background-color:#eeeeee;
}
.teaserMitarbeiter + .teaserMitarbeiter .teaserMitarbeiter_background {
top:0;
}
.teaserMitarbeiter + .teaserMitarbeiter .teaserMitarbeiter_wrapper:before {
content:'';
position:absolute;
top:-1px;
left:calc((35 * 100vw / 1280 * 12) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 11);
width:calc((35 * 100vw / 1280 * 8) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
height:1px;
background-color:#bbbbbb;
}
.teaserMitarbeiter_imageHolder {
position:relative; 
width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
height:calc(((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8) / 4 * 5);
}
.teaserMitarbeiter_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teaserMitarbeiter_imageMobile {
display:none;
}
.teaserMitarbeiter_contentHolder {
position:relative; 
width:calc((35 * 100vw / 1280 * 12) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 12);
background-color:#ffffff;
}
.teaserMitarbeiter_contentWrapper {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
width:calc((35 * 100vw / 1280 * 8) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 7);
}
.mainTop_contentHolder {
margin-top:50px;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
z-index:3;
}
.mainTop_contentTitle {
width:100%;
}
.mainTop_contentHolder .mainTop_contentWrapper {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.mainTop_contentText {
padding-right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
}
.mainTop_contentIcons {
display:flex;
justify-content:flex-start;
align-items:center;
}
.mainTop_contentIcon {
margin-right:20px;
}
.accordionSection_wrapper {
position:relative;
width:100%;
}
.accordionSection_background {
position:absolute;
top:170px;
left:0;
bottom:0;
width:100%;
background-color:#eeeeee;
z-index:-1;
}
.accordionList {
position:relative;
left:calc((35 * 100vw / 1280 * 3) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
width:calc((35 * 100vw / 1280 * 21) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 20);
padding-top:70px;
padding-bottom:120px;
background-color:#bbbbbb;
}
.accordionItem {
position:relative;
}
.accordionItem:after {
content:'';
position:absolute;
bottom:0;
left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
height:1px;
background-color:#eeeeee;
}
.accordionItem_header {
padding-left:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
padding-right:calc((35 * 100vw / 1280 * 3) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
}
.accordionItem_headerTitle h3 {
padding-top:13px;
padding-bottom:13px;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}
.accordionItem_content {
background-color:#eeeeee;
margin-right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
padding-left:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
padding-right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
padding-top:20px;
padding-bottom:20px;
display:none;
}
.accordionItem_content ul {
margin-left:30px;
}
.bookingList .accordionItem_content {
display:block!important;
}
.accordionItem_categoryDescription {
padding-top:20px;
padding-bottom:20px;
}
.accordionItem_item {
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #bbbbbb;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.bookingList .accordionItem_item {
border-bottom:0px solid #bbbbbb!important;
}
.bookingList .accordionItem_item + .accordionItem_item {
padding-top:0;
margin-top:-20px;
}
.accordionItem_total {
border-top:1px solid #bbbbbb!important;
}
.accordionItem_item:last-child {
border-bottom:0px solid #bbbbbb;
}
.accordionItem_itemText {
width:calc((35 * 100vw / 1280 * 12) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 11);
}
.accordionItem_itemText span.bold {
font-weight:bold;
}
.accordionItem_itemText span.nowrap {
white-space:nowrap;
}
.hideActive {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.active .hideActive {
opacity:0;
}
.accordionItem_itemPrice {
white-space:nowrap;
margin-left:20px;
font-weight:bold;
}
.accordionItem_icon {
padding-top:40px;
padding-bottom:20px;
}
#mainMenu {
position:fixed;
top:0;
left:100%;
height:100dvh;
width:calc((35 * 100vw / 1280 * 19) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 18);
background-color:#333333;
z-index:100;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
z-index:1000;
}
.menuOpen #mainMenu {
left:calc((35 * 100vw / 1280 * 5) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5);
}
#mainMenu_top {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
width:calc((35 * 100vw / 1280 * 17) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 16);
display:flex;
justify-content:space-between;
align-items:center;
}
#mainMenu_bottom {
position:absolute;
bottom:60px;
left:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
width:calc((35 * 100vw / 1280 * 16) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 15);
display:flex;
justify-content:space-between;
align-items:center;
}
.mainMenu_imageHolder {
position:relative; 
width:calc((35 * 100vw / 1280 * 8) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 7);
height:calc(((35 * 100vw / 1280 * 8) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 7) / 4 * 5);
}
.mainMenu_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.mainNav {
width:calc((35 * 100vw / 1280 * 9) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 8);
}
.mainMenu_imageMobil {
display:none;
}
.mainNav_item {
list-style:none;
}
.mainNav_item a {
font-family:'Italiana', serif;
font-weight:400;
font-size:54px;
line-height:70px;
padding-top:10px;
padding-bottom:10px;
color:#eeeeee;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.isDesktop .mainNav_item a:hover {
padding-left:20px;
}
.mainLang {
display:flex;
}
.mainLang_item {
margin-left:20px;
list-style:none;
}
.mainLang_item a {
position:relative;
padding-left:10px;
padding-right:10px;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
font-size:15px;
}
.mainLang_item a:after {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background-color:#FFFFFF;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
opacity:0;
}
.mainLang_item.active a:after, .isDesktop .mainLang_item a:hover:after {
opacity:1;
}
#mainMenu_bottomRight, #mainMenu_bottomRight a {
font-size:20px;
line-height:30px;
color:#ffffff;
}
.bookingMenu {
margin-top:170px;
}
section + .bookingMenu {
margin-top:0;
}
.bookingMenu_wrapper {
position:relative;
left:calc((35 * 100vw / 1280 * 3) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
width:calc((35 * 100vw / 1280 * 18) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 17);
padding-left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-right:calc((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2);
padding-top:50px;
padding-bottom:50px;
background-color:#eeeeee;
}
.bookingMenu_wrapper ul {
align-items:center;
width:100%;
display:flex;
align-items:stretch;
justify-content:stretch;
}
.bookingMenu_wrapper li {
position:relative;
list-style:none;
pointer-events:none;
width:100%;
}
.voucherMenu_wrapper.bookingMenu_wrapper li {
pointer-events:initial;
padding-left:10px;
padding-right:10px;
}
.bookingMenu_wrapperAdmin li {
width:100%;
}
.bookingMenu_wrapper li:first-Child {
pointer-events:initial;
}
.bookingMenu_wrapper li:nth-child(4) {
pointer-events:initial;
}
.overviewActive .bookingMenu_wrapper li:nth-child(2) {
pointer-events:initial;
}
.formActive .bookingMenu_wrapper li:nth-child(3) {
pointer-events:initial;
}
.bookingMenu_wrapper a {
position:relative;
font-family:'Mulish', sans-serif;
font-weight:400;
padding-top:18px;
padding-bottom:18px;
font-size:22px;
line-height:30px;
text-transform:uppercase;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
text-decoration:none;
width:100%;
text-align:center;
z-index:9;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}
.bookingMenu_wrapper li:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:#ffffff;
}
.isDesktop .bookingMenu_wrapper a:hover, .bookingMenu_wrapper .active a {
color:#333333;
}
.isDesktop .bookingMenu_wrapper li:hover:after, .bookingMenu_wrapper li.active:after {
height:100%;
background-color:#bbbbbb;
}
.teaserBehandlungen_imageAnimate {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.teaserProduktlinien_imageAnimate {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#bookingButton {
position:fixed;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
z-index:999;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
footer {
position:relative;
width:100%;
}
#footerWrapper {
position:relative;
left:calc((35 * 100vw / 1280 * 3) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 3);
width:calc((35 * 100vw / 1280 * 21) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 20);
display:flex;
flex-direction:column;
align-items:flex-start;
padding-top:50px;
font-size:18px;
}
#footerWrapper a {
font-size:18px;
}
#footerNav a, #footerWrapper_bottom a, #mainMenu a {
text-decoration:none;
}
.footerWrapper_row {
display:flex;
justify-content:flex-start;
align-items:center;
}
.footerCol {
width:calc((35 * 100vw / 1280 * 6) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 6);
}
.footerSocials {
display:flex;
justify-content:flex-start;
align-items:center;
}
.footerSocials svg {
margin-right:20px;
}
#footerWrapper_middle {
padding-top:50px;
}
#footerWrapper_bottom {
margin-top:50px;
padding-top:30px;
width:calc((35 * 100vw / 1280 * 21) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 20);
border-top:1px solid #bbbbbb;
display:flex;
justify-content:space-between;
font-size:14px;
line-height:24px;
padding-bottom:30px;
}
#footerWrapper_bottom a {
font-size:14px;
line-height:24px;
}
#footerWrapper_bottomLeft {
display:flex;
justify-content:flex-start;
align-items:center;
}
#footerWrapper_bottomRight {
margin-right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
}
#footerWrapper_bottomRight a {
display:flex;
justify-content:flex-end;
align-items:center;
white-space:nowrap;
}
#footerWrapper_bottomRight a img {
margin-left:10px;
}
#creditVat {
margin-right:10px;
}
#creditsNav {
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:center;
}
.creditsNav_item {
margin-right:10px;
}
.mainMenu_menuActivator_holder {
position:relative;
z-index:9;
pointer-events:none;
}
footer .mainLang_item {
position:relative;
margin-left:0;
margin-right:20px;
}
footer .mainLang_item a {
padding-left:20px;
padding-right:20px;
color:#333333;
font-size:20px;
line-height:40px;
text-transform:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.isDesktop footer .mainLang_item a:hover {
color:#ffffff;
}
footer .mainLang_item:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:#ffffff;
z-index:-1;
}
footer .mainLang_item.active:after {
background-color:#333333;
}
footer .mainLang_item a:after {
display:none;
}
.isDesktop footer .mainLang_item:hover:after {
height:100%;
background-color:#333333;
}
.mainMenu_imageMobile {
display:none;
}
#mainLogo_holder a {
display:block;
}
section > div {
-webkit-transition:height 1s ease-in-out;
-moz-transition:height 1s ease-in-out;
-ms-transition:height 1s ease-in-out;
-o-transition:height 1s ease-in-out;
transition:height 1s ease-in-out;
}
.simpletextSection_text h1 {
margin-left:calc(((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1) * -1);
}
#iubenda_policy h2 {
margin-left:calc(((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1) * -1);
}
.simpletextSection_text ul {
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}
.simpletextSection_title + .simpletextSection_text {
margin-top:70px;
}
.homeIntro .mainMenu_menuActivator_holder {
display:none;
}
.accordionItem_itemSelect {
width:100%;
display:flex;
justify-content:flex-end;
}
.accordionItem_itemSelect select {
font-size:20px;
line-height:40px;
height:40px;
background:none;
background-color:#eeeeee;
border:1px solid #bbbbbb;
color:#333333;
}
.teaserBuchen_linkBottom {
position:fixed;
right:calc(((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2) - 60px);
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:height .2s ease-in-out;
-moz-transition:height .2s ease-in-out;
-ms-transition:height .2s ease-in-out;
-o-transition:height .2s ease-in-out;
transition:height .2s ease-in-out;
opacity:0;
pointer-events:none;
z-index:999;
overflow:hidden;
}
.overviewActive .teaserBuchen_linkBottom_overviewActive {
opacity:1;
pointer-events:initial;
}
.formActive .teaserBuchen_linkBottom_formActive {
opacity:1;
pointer-events:initial;
}
.teaserBuchen_linkBottom a {
position:relative;
width:100px;
height:140px;
border-radius:50%;
color:#ffffff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding-left:20px;
padding-right:20px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
overflow:hidden;
margin-left:0;
font-weight:600;
}
.accordionItem_termin {
display:flex;
flex-direction:column;
align-items:center;
}
.accordionItem_terminButton_holder {
display:inline-block;
border:0;
cursor:pointer;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
text-decoration:none;
background:none;
margin-bottom:20px;
}
.accordionItem_terminButton_inactive {
pointer-events:none;
opacity:0.5;
}
.accordionItem_terminButton_holder .accordionItem_terminButton, .accordionItem_terminButton_holder .accordionItem_actionButton {
position:relative;
font-family:'Mulish', sans-serif;
font-weight:600;
padding-left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-top:18px;
padding-bottom:18px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
color:#333333;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:9;
white-space:nowrap;
}
.isDesktop .accordionItem_terminButton_holder:hover .accordionItem_terminButton, .isDesktop .accordionItem_terminButton_holder:hover .accordionItem_actionButton {
color:#ffffff;
}
.accordionItem_terminButton_holder:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:#333333;
z-index:1;
}
.isDesktop .accordionItem_terminButton_holder:hover:after {
height:100%;
}
.fullDay {
position:relative;
width:100%;
}
.fullDay_holder {
margin-top:50px;
position:relative;
width:100%;
height:150px;
margin-bottom:20px;
background-image:linear-gradient(135deg, #eeeeee 25%, #bbbbbb 25%, #bbbbbb 50%, #eeeeee 50%, #eeeeee 75%, #bbbbbb 75%, #bbbbbb 100%);
background-size:28.28px 28.28px;
}
.dayDates_item {
position:absolute;
top:0;
height:100%;
}
.dayDates_workingTime {
border-top:1px solid #bbbbbb!important;
border-bottom:1px solid #bbbbbb!important;
background-color:#eeeeee;
}
.dayDates_timeBuffer {
position:absolute;
top:0;
height:100%;
border-top:1px solid #bbbbbb!important;
border-right:1px solid #bbbbbb!important;
border-bottom:1px solid #bbbbbb!important;
background-image:linear-gradient(135deg, #eeeeee 25%, #eeeeee 25%, #eeeeee 50%, #eeeeee 50%, #eeeeee 75%, #eeeeee 75%, #eeeeee 100%);
background-size:28.28px 28.28px;
}
.timeLines_holder {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:6;
}
.timeLines_item {
position:absolute;
top:0;
height:100%;
width:1px;
background-color:#bbbbbb;
}
.timeLines_time {
position:absolute;
top:-30px;
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
font-size:12px;
line-height:16px;
}
.accordionItem_termin h3 {
margin-top:50px;
text-align:center;
}
.employeeDates_holder {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:7;
}
.employeeDates_holder + .employeeDates_holder {
z-index:8;
}
.employeeDates_item {
position:absolute;
top:0;
height:100%;
border:1px solid #bbbbbb!important; 
border-top:1px solid #bbbbbb!important;
border-right:1px solid #bbbbbb!important;
border-bottom:1px solid #bbbbbb!important;
background-image:linear-gradient(135deg, #eeeeee 25%, #bbbbbb 25%, #bbbbbb 50%, #eeeeee 50%, #eeeeee 75%, #bbbbbb 75%, #bbbbbb 100%);
background-size:28.28px 28.28px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.isAdmin .employeeDates_item.isFreetime {
background-image:none;
background-color:#ffffff;
}
.isAdmin .employeeDates_item.isFreetime:after {
content:'U/F';
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
z-index:1;
color:#333333;
}
/*
.employeeDates_item.isLunchtime {
background-image:none;
background-color:#eeeeee!important;
}*/
.bookableDates_holder {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:8;
}
.bookableDates_item {
position:absolute;
top:0;
height:100%;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
border:1px solid #bbbbbb!important;
opacity:0;
background-color:#333333;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.isDesktop .bookableDates_item:hover, .bookableDates_item.active {
opacity:1;
}
.bookableDates_item.active {
z-index:999!important;
}
.bookableDates_itemInfo {
font-size:12px;
line-height:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
white-space:nowrap;
}
.bookableDates_holder .bookableDates_itemName {
display:none;
}
.bookableDates_holder .otherDates_item .bookableDates_itemName {
display:block;
}
.fullDay_date {
text-align:center;
padding-bottom:20px;
}
.calendarLegend {
padding-top:20px;
font-size:14px;
line-height:30px;
padding-bottom:20px;
width:100%;
}
.calendarLegend table td:first-Child {
padding-right:20px;
}
.calendarLegend_title {
font-size:16px;
font-weight:bold;
}
.calendarLegend_symbol {
width:22px;
height:22px;
border:1px solid #bbbbbb!important;
}
.calendarLegend_calendar {
background-color:#eeeeee;
}
.calendarLegend_buffer {
background-image:linear-gradient(135deg, #eeeeee 25%, #eeeeee 25%, #eeeeee 50%, #eeeeee 50%, #eeeeee 75%, #eeeeee 75%, #eeeeee 100%);
background-size:10px 10px;
}
.calendarLegend_booked {
background-image:linear-gradient(135deg, #eeeeee 25%, #bbbbbb 25%, #bbbbbb 50%, #eeeeee 50%, #eeeeee 75%, #bbbbbb 75%, #bbbbbb 100%);
background-size:10px 10px;
}
.calendarLegend_freetime {
position:relative;
background-color:#ffffff;
display:flex;
justify-content
}
.isAdmin .calendarLegend_freetime:after {
content:'U/F';
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
z-index:1;
color:#333333;
font-size:12px;
}
.calendarLegend_date { 
background-color:#333333;
}
.calendarLegend_other { 
background-color:#bbbbbb;
}
.accordionItem_itemDate {
display:none;
}
.accordionItem_itemDate .accordionItem_itemText {
width:auto;
display:inline-block;
}
.accordionItem_itemDate_text {
white-space:nowrap;
margin-left:20px;
font-weight:bold;
}
#mainMenu_bottomLeft {
display:flex;
align-items:center;
}
.mainMenu_loginActivator_holder {
margin-right:20px;
cursor:pointer;
}
.mainMenu_loginActivator_holder svg {
fill:#ffffff;
}
.otherDates_item {
background-color:#bbbbbb;
z-index:9999!important;
opacity:1;
cursor:default;
}
.popupSection {
position:fixed;
top:0;
left:0;
width:100%;
height:100dvh;
z-index:100;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
opacity:0;
pointer-events:none;
display:flex;
justify-content:center;
align-items:center;
}
.loginPopupOpen #loginPopUp {
opacity:1;
pointer-events:initial;
}
.bookedPopupOpen #selectedDate {
opacity:1;
pointer-events:initial;
}
.datedPopupOpen #partialDate {
opacity:1;
pointer-events:initial;
}
.collisionPopupOpen #collisionAlert {
opacity:1;
pointer-events:initial;
}
.emailPopupOpen #emailError {
opacity:1;
pointer-events:initial;
}
.treatmentsPopupOpen #treatmentsAlert {
opacity:1;
pointer-events:initial;
}
.requiredPopupOpen #requiredAlert {
opacity:1;
pointer-events:initial;
}
.requiredPopupOpen #requiredAlert {
opacity:1;
pointer-events:initial;
}
.waitPopupOpen #waitStep {
opacity:1;
pointer-events:initial;
}
.loginPopupOpen #loginPopUp {
opacity:1;
pointer-events:initial;
}
.popupSection_background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}
.popupSection_background img, .popupSection_background svg {
width:100px;
height:auto;
    animation: rotation 3s infinite linear;
    transform-origin: center;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.popupSection_wrapper {
position:relative;
margin-top:-50vh;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
background:#333333;
padding:50px;
text-align:center;
color:#ffffff;
opacity:0;
max-width:calc(100vw - 200px);
}
.popupSection_wrapper a {
color:#ffffff;
text-decoration:underline;
}
.popupVisible .popupSection_wrapper {
margin-top:0;
opacity:1;
}
.popupSection_closer {
position:absolute;
top:-20px;
right:-20px;
cursor:pointer;
}
.popupSection_closer svg {
width:40px;
height:40px;
}
.bookingList .accordionItem_itemPrice {
display:flex;
align-items:center;
justify-content:flex-end;
}
.accordionItem_itemDelete {
margin-left:30px;
cursor:pointer;
}
.accordionItem_itemDelete svg {
height:20px;
width:auto;
}
#loginActivator {
cursor:pointer;
}
.accordionItem_terminButton_holderChange {
display:none;
}
.accordionItem_hasDate .accordionItem_terminButton_holderChange {
display:block;
}
.accordionItem_hasDate .accordionItem_terminButton_holderSet {
display:none;
}
.bookableDates_itemEdit {
display:none;
}
.wcLink img {
height:12px;
width:auto;
}
.wcLink {
display:flex;
align-items:center;
}
.accordionItem_terminCalendar {
width:100%;
display:none;
}
.accordionItem_terminDay {
width:100%;
display:none;
}
.popupSection_closerHolder {
width:100%;
padding-top:30px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.popupSection_closerWrapper {
position:relative;
cursor:pointer;
display:inline-flex;
}
.popupSection_closerWrapper + .popupSection_closerWrapper {
margin-top:20px;

}
.popupSection_closerWrapper a {
position:relative;
cursor:pointer;
display:inline-flex;
text-decoration:none;
}
.popupSection_closerWrapper .popupSection_closer, .popupSection_closerWrapper .popupSection_exit {
position:relative;
font-family:'Mulish', sans-serif;
font-weight:600;
padding-left:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-right:calc((35 * 100vw / 1280 * 1) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1);
padding-top:23px;
padding-bottom:23px;
font-size:20px;
line-height:25px;
text-transform:uppercase;
color:#ffffff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:9;
top:0;
right:0;
cursor:pointer;
text-decoration:none;
}
.isDesktop .popupSection_closerWrapper:hover .popupSection_closer, .isDesktop .popupSection_closerWrapper:hover .popupSection_exit {
color:#333333;
}
.popupSection_closerWrapper:after {
content:'';
position:absolute;
bottom:0;
width:100%;
background-color:#ffffff;
height:1px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:0;
}
.isDesktop .popupSection_closerWrapper:hover:after {
height:100%;
}
.bounce {
animation:bounce 3s infinite;
-webkit-animation:bounce 3s infinite;
-moz-animation:bounce 3s infinite;
-o-animation:bounce 3s infinite;
}
@-webkit-keyframes bounce {
0%, 10%, 25%, 40%, 100% {
-webkit-transform:translateY(0);
}
20% {
-webkit-transform:translateY(-30px);
}
30% {
-webkit-transform:translateY(-15px);
}
}
@-moz-keyframes bounce {
0%, 10%, 25%, 40%, 100% {
-moz-transform:translateY(0);
}
20% {
-moz-transform:translateY(-30px);
}
30% {
-moz-transform:translateY(-15px);
}
}
@-o-keyframes bounce {
0%, 10%, 25%, 40%, 100% {
-o-transform:translateY(0);
}
20% {
-o-transform:translateY(-30px);
}
30% {
-o-transform:translateY(-15px);
}
}
@keyframes bounce {
0%, 10%, 25%, 40%, 100% {
transform:translateY(0);
}
20% {
transform:translateY(-30px);
}
30% {
transform:translateY(-15px);
}
}
.bookableDates_holder.activeHolder .bookableDates_item:not(.active):not(.otherDates_item) {
display:none;
}
.bookableDates_item.active .bookableDates_itemEdit {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.isDesktop .bookableDates_item.active:hover .bookableDates_itemEdit {
opacity:1;
}
.bookableDates_item.active .bookableDates_itemEdit {
opacity:0.5;
}
.bookableDates_itemEdit_bg {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.8);
}
.bookableDates_itemEdit_icon {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.bookableDates_itemEdit_icon svg {
width:25px;
height:auto;
}
.bookableDates_checkbox {
position:relative;
top:0;
height:100%;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
border:none;
opacity:1;
background-color:transparent;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
}
.bookableDates_checkbox input {
zoom:2;
}
.terminPlaner_mobile {
margin-top:0;
position:relative;
width:100%;
height:auto;
margin-bottom:20px;
background-color:transparent;
display:none;
background-image:none;
}
.terminPlaner_mobile .accordionItem_item + .accordionItem_item {
padding-top:10px;
padding-bottom:10px;
margin-top:0;
border-top:1px solid #bbbbbb!important;
}
.isAdmin .bookingMenu_wrapper li, .isPlaner .bookingMenu_wrapper li {
pointer-events:initial;
}
/*
.isAdmin .accordionItem_terminDay {
display:block;
}
.isAdmin .accordionItem_terminDay h4 {
text-align:center;
}
*/
.isAdmin .employeeDates_holder {
pointer-events:initial;
}
/*.isAdmin .employeeDates_item {
background:none;
cursor:pointer;
color:#ffffff;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background-image:none;
background-color:#333333;
background-size:28.28px 28.28px;
}*/
.datesDetails_holder + h4 {
margin-top:50px;
}
.isAdmin .employeeDates_item .employeeDates_itemView {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.isDesktop.isAdmin .employeeDates_item:hover .employeeDates_itemView {
opacity:1;
}
.employeeDates_itemView_bg {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.8);
}
.employeeDates_itemView_icon {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.employeeDates_itemView_icon svg {
width:25px;
height:auto;
fill:#333333;
}
.employeeDates_itemInfo {
font-size:12px;
line-height:16px;
color:#333333;
font-weight:bold;
text-align:center;
white-space:nowrap;
}
.dateDetails_item {
padding-top:20px;
display:none;
}
.bookedDates .dateDetails_item {
display:block;
}
.dateDetails_top {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.dateDetails_middle {
border-top:1px solid #bbbbbb;
padding-top:20px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.dateDetails_bottomMiddle {
display:flex;
justify-content:center;
}
.dateDetails_itemHour {
width:100%;
text-align:center;
border-bottom:1px solid #bbbbbb;
padding-bottom:20px;
margin-bottom:20px;
}
.dateDetails_topLeft, .dateDetails_middleLeft {
margin-right:15px;
padding-bottom:20px;
}
.dateDetails_topRight, .dateDetails_middleRight {
padding-bottom:20px;
}
.dateDetails_bottom {
border-top:1px solid #bbbbbb;
padding-top:20px;
display:flex;
justify-content:space-between;
}
.resultList_item {
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #bbbbbb;
display:flex;
justify-content:space-between;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding-left:20px;
padding-right:20px;
width:calc(100% - 40px);
}
.resultUser_item {
justify-content:center;
text-align:center;
}
.resultList_item:first-Child {
border-top:1px solid #bbbbbb;
}
.isDesktop .resultList_item:hover, .resultList_item.active {
background-color:#bbbbbb;
}
.formRow_searchUser .formField + .formField {
justify-content:flex-end;
align-items:flex-end;
}
.formRow_searchUser .accordionItem_terminButton_holder {
margin:0;
}
.formRow_searchUser .resultList_item, .resultList_itemAdmin {
border-top:0px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
justify-content:center;
}
.resultList_itemAdmin:first-Child {
border-top:1px solid #bbbbbb;
}
.resultList_itemAdmin input[type="submit"], .resultList_item input[type="submit"], .resultList_itemAdmin button[type="button"] {
font-size:inherit;
line-height:inherit;
margin:0;
padding:0;
border:0;
background:none;
color:inherit;
width:100%;
text-align:center;
font-family:inherit;
width:100%;
}
.searchResult_List {
margin-bottom:50px;
}
.searchResult_Row {
display:flex;
justify-content:space-between;
align-items:center;
}
.combineUser {
margin-right:20px;
}
.mainUser {
margin-left:20px;
}
.updateDate {
border-top:1px solid #bbbbbb;
padding-top:20px;
background-color:#bbbbbb;
border-bottom:1px solid #bbbbbb;
}
.adminOnly {
display:none;
}
.isAdmin .adminOnly {
display:table-row;
}
.dateDetails_table table {
width:100%;
padding-bottom:20px;
table-layout:fixed;
}
.dateDetails_table table td {
width:calc(50% - 10px);
}
.dateDetails_table table td:first-Child {
padding-right:10px;
text-align:right;
}
.dateDetails_table table td:last-Child {
padding-left:10px;
text-align:left;
}
#bookingButton a {
text-decoration:none;
}
.simpletextSection + .bookingMenu {
margin-top:-70px;
}
h2 + .popupSection_toFill {
margin-top:40px;
}
.typo3-messages {
margin-left:0!important;
padding:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
background-color:#bbbbbb;
}
.typo3-messages li {
list-style:none;
}
.homeIntro .mainLogin_holder {
display:none;
}
.formRow_searchUser .formField {
display:flex;
}
.formRow_searchUser .formField:first-child {
width:calc((100% / 2) - 20px);
}
.formRow_searchUser .formField:last-child {
width:calc((100% / 2) - 20px);
}
.accordionItem_terminButton_createNew {
width:100%;
margin-bottom:0;
}
#bookingButton #bookingButton_loggedIn {
display:none;
}
.loggedIn #bookingButton #bookingButton_loggedIn {
display:block;
}
.loggedIn #bookingButton #bookingButton_loggedOut {
display:none;
}
.tx-srfeuserregister-pi1-error, .form-validation-error {
color:red;
}
.serachUser_action {
display:none;
align-items:center;
justify-content:space-between;
width:100%;
border-bottom:1px solid #bbbbbb;
}
.serachUser_actionHelper {
font-size:14px;
line-height:22px;
opacity:0;
pointer-events:none;
width:200px;
padding-bottom:10px;
}
.accordionItem_terminButton_holder + .serachUser_actionHelper {
text-align:right;    
}
.active .serachUser_actionHelper {
opacity:1;
}
.combineUser {
display:none;
}
.mainUser {
display:none;
}
.voucherLink {
position:relative;
margin-left:40px;
}
.minibasketCounter {
position:absolute;
top:calc(-12px * 1);
right:calc(-12px * 1);
background-color:#333333;
color:#ffffff;
width:calc(24px * 1);
height:calc(24px * 1);
border-radius:50%;
opacity:0;
text-align:center;
font-size:calc(12px * 1);
line-height:calc(24px * 1);
-webkit-transition:all 200ms ease;
-moz-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
transition:all 200ms ease;
font-weight:700;
z-index:2;
}
.minibasketCounter.active {
opacity:1;
}




.teaserVoucher {
}
.teaserVoucher_wrapper {
position:relative;
display:flex;
justify-content:center;
}
.teaserVoucher_left {
flex-direction:row-reverse;
}
.teaserVoucher_background {
position:relative;
width:calc((35 * 100vw / 1280 * 7) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 6.5);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
z-index:1;
}
.teaserVoucher_imageHolder {
position:relative;
width:calc((35 * 100vw / 1280 * 7) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 6.5);
height:calc(((35 * 100vw / 1280 * 7) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 6.5) / 5 * 4);
z-index:1;
}
.teaserVoucher_image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teaserVoucher_imageMobile {
display:none;
}
.teaserVoucher_contentHolder {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:calc((35 * 100vw / 1280 * 6) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 6);
width:calc((35 * 100vw / 1280 * 6) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 5.5);
z-index:2;
}
.teaserVoucher_left .teaserVoucher_contentHolder {
left:calc((35 * 100vw / 1280 * 13) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 13);
z-index:2;
}
.teaserVoucher_content {
color:#ffffff;
}
.teaserVoucher_link {
margin-top:50px;
}
.teaserVoucher_link a {
position:relative;
width:100px;
height:140px;
border-radius:50%;
color:#ffffff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding-left:20px;
padding-right:20px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
overflow:hidden;
margin-left:calc(((35 * 100vw / 1280 * 0) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 1) * -1);
font-weight:600;
text-decoration:none;
}
.teaserVoucher_linkBottom a {
margin-left:0;
}
.isDesktop .teaserVoucher_link a:hover {
color:#333333;
}
.teaserVoucher_link a:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#333333;
z-index:-2;
border-radius:50%;
}
.teaserVoucher_link a:after {
content:'';
position:absolute;
bottom:0;
width:100%;
background-color:#333333;
height:0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:-1;
}
.isDesktop .teaserVoucher_link a:hover:after {
background-color:#ffffff;
height:100%;
}
.teaserVoucher_linkBottom {
position:fixed;
right:calc(((35 * 100vw / 1280 * 2) + (100vw - (35 * 100vw / 1280 * 24)) / 23 * 2) - 60px);
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:height .2s ease-in-out;
-moz-transition:height .2s ease-in-out;
-ms-transition:height .2s ease-in-out;
-o-transition:height .2s ease-in-out;
transition:height .2s ease-in-out;
opacity:0;
pointer-events:none;
z-index:999;
overflow:hidden;
}
.overviewActive .teaserVoucher_linkBottom_overviewActive {
opacity:1;
pointer-events:initial;
}
.formActive .teaserVoucher_linkBottom_formActive {
opacity:1;
pointer-events:initial;
}
.teaserVoucher_linkBottom a {
position:relative;
width:100px;
height:140px;
border-radius:50%;
color:#ffffff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding-left:20px;
padding-right:20px;
font-size:15px;
line-height:20px;
text-transform:uppercase;
overflow:hidden;
margin-left:0;
font-weight:600;
}
.teaserVoucher {
padding-top:200px;
padding-bottom:140px;
}
.accordionItem_headerIcon svg {
width:35px;
height:auto;
}
.popupSection_closerWrapper_toFormQuick {
display:none;
}
.isAdmin.showFormQuick .popupSection_closerWrapper_toFormQuick {
display:inline-flex;
}
#waitStep {
z-index:bbbbbb999;
pointer-events:none;
}
#waitStep .popupSection_background {
pointer-events:none;
}
.removePopupOpen #removeDate {
opacity:1;
pointer-events:initial;
}
.fontMulish {
font-family:'Mulish', sans-serif!important;
}
.hideDetails .searchResult_detail {
display:none!important;
pointer-events:none!important;
}
.hideDetails .serachUser_action {
display:none!important;
pointer-events:none!important;
}
.bookingList + .bookedDates {
padding-top:0;
}
.bookingList_header + .accordionItem_content {
display:block!important;
}
.bookingMenu_text {
display:none;
}
.bookingMenu_text {
display:none;
}
.bookingMenu_wrapper li {
display:flex;
justify-content:center;
}
.bookingMenu_wrapper li a {
display:flex;
justify-content:center;
}
.bookingMenu_image {
display:block;
height:45px;
width:auto;
}
.employeeDates_holderMobile {
display:none;
}