/* Hintergrund Seite // #f0efeb / rgba 240,239,235,1.0)  */
/* Titel blau // #7ea6b6 / rgba 126,166,182,1.0)  */ 

/* ---------------------------- CURVED BLOCK ------------------------------ */
.curved {background:#fff;color:#333;}
.curved svg {display:block;}
.curved-upper {background:#fff;}
div#puzzle {background-image: url(../images/backpuzzle.jpg)!important;background-repeat:no-repeat;background-position:100% 50%;max-width: 100% !important;width: 100% !important;height: auto;}
div#vita {background-image: url(../images/back-vita.jpg)!important;background-repeat:no-repeat;background-position:50% 50%;max-width: 100% !important;width: 100% !important;height: auto;}
div#zauber {background-image: url(../images/back-zauber.jpg)!important;background-repeat:no-repeat;background-position:50% 50%;max-width: 100% !important;width: 100% !important;height: auto;}
div#termine {background-image: url(../images/back-termin.jpg) !important;background-repeat: no-repeat;background-position: 50% 50%;max-width: 100% !important;width: 100% !important;height: auto;}

/* ---------------------------- GENERAL ----------------------------------- */
body {}
table.image {width:100%!important;}
table.image td, tr td {border-top: 0px!important;padding-bottom: 5%!important;}
.t3-module {width:100%;margin-bottom:0px;}
.logo {text-align:left;}
.t3-wrapper {background:#f0efeb!important;}
h1.headerblau {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:#7ea6b6;font-size:55px;margin-top:0px;margin-top:10px;margin-bottom:20px;}
h2.headerblau {font-family: 'Amatic SC';font-weight: 600;font-style: normal;color:#7ea6b6;line-height:1.2;font-size:40px;}
h3.headerblau {font-family: 'Amatic SC';font-weight: 600;font-style: normal;color:#7ea6b6;line-height:1.2;font-size:20px;}
h1.headerblack {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:#2c2c2b;line-height:1.2;font-size:55px;}
h2.headerblack {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:#2c2c2b;line-height:1.2;font-size:40px;}
h3.headerblack {font-family: 'Amatic SC';font-weight: 600;font-style: normal;color:#2c2c2b;line-height:1.2;font-size:20px;}
h1.headerweiss {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:fff;line-height:1.2;font-size:55px;}
h2.headerweiss {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:fff;line-height:1.2;font-size:40px;}
h3.headerweiss {font-family: 'Amatic SC';font-weight: 600;font-style: normal;color:#fff;line-height:1.2;font-size:20px;}
p {font-family: 'Andika', sans-serif;font-weight: 400;font-style: normal;font-size:16px;color:#2c2c2b;margin-bottom:0px;line-height:1.8;}
img.responsive {max-width:100%;height:auto;}
a.contentlink, a:visited.contentlink, a:focus.contentlink {color:#2c2c2b;text-decoration:none;}
h3 a.contentlink, h3 a:visited.contentlink, h3 a:focus.contentlink {color:#2c2c2b;text-decoration:none;font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:#2c2c2b;line-height:1.2;font-size:40px;}
a:hover.contentlink {color:#7ea6b6;text-decoration:none;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
h3 a:hover.contentlink {color:#7ea6b6!important;text-decoration:none;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
li {font-family: 'Andika', sans-serif;font-weight: 400;font-style: normal;font-size:16px;color:#2c2c2b;margin-bottom:0px;}
li:hover {background:transparent!important;}
.article-title, .article-header h1 {margin: 0 0 20px 0;font-family: 'Andika', sans-serif;font-weight: 400;font-size: 22px;color: #7ea6b6 !important;}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #cccbc8;width: 100%;}
img.responsiveportrait {max-width:100%;width:100%;height:auto;border:10px solid #fff;-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
div.row.vita {margin-bottom:3%;}
h3.vita-title {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color: #2c2c2b;line-height: 1.2;font-size: 40px;color:#7ea6b6;}
img.responsivepuzzle {max-width:100%;height:auto;-webkit-border-radius: 20px;-webkit-border-radius: 25%;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius: 25%;-moz-border-radius-topright: 20px;-moz-border-radius-bottomleft: 20px;border-radius: 25%;border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
div.t3-spotlight.t3-zauber.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.container.t3-sl.t3-sl-1.zauber {width:80%;padding-top:0px;padding-bottom:0px;}
div.col-lg-6.zb.col-md-6.zb.col-sm-12.zb.col-xs-12.zb {display: -webkit-flex;display: -ms-flexbox;display: flex;}
h1.arrangementtitel {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color: #7ea6b6;font-size: 40px;}
h1.arrangementtitel:after {}
span.preis {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color: #7ea6b6;font-size: 40px;}
div.container.t3-sl.t3-sl-1.preis {width:79%;padding-top:10px;padding-bottom:10px;background:#fff;border-radius:30px;}
div#preis {padding-top:80px;}
div#preis t3.module {margin-bottom:0px!important;}
div.container.t3-sl.t3-sl-1.booking {width: 80%;padding-top: 40px;}
div.row.arrangements {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items:center;}
hr.preis {border: 0;border-top: 1px solid #cccbc8;width: 100%;}
a.infobutton, a:focus.infobutton, a:visited.infobutton {padding:8px 24px;background:#333;-webkit-border-radius: 20px;
-moz-border-radius: 20px;border-radius: 20px;color:#fff!important;font-family: 'Andika';font-weight: 400;font-style: normal;}
a:hover.infobutton {background:#fff!important;color:#333!important;text-decoration:none!important;border:1px solid#333;transition: all .4s ease-out 0s;}
div.container.t3-sl.t3-sl-1.termine {padding-bottom: 40px;padding-top: 0px;}
.fa {width: 30px;}
body.contentpane p {font-family: 'Andika', sans-serif;font-weight: 400;font-style: normal;}
span.icon-edit {display:none!important;}
div.edit-link {display:none!important;}

/* ---------------------------- IMAGE --------------------------------- */
div.maske {border-radius: 20px;-webkit-mask-image: url(../images/maske.png);mask-image: url(../images/maske.png);-webkit-mask-position: center center;mask-position: center center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: contain;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;width:24%;}
img.maskiert {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1);transform: scale(1);}
img.maskiert:hover {-webkit-transform: scale(1.2)!important;transform: scale(1.2)!important;transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);}

/*** -------------------------- HEADER ---------------------------------***/
div#main.affix-top {border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;top: 0%;z-index: 1000;width: 100%;position: absolute;padding-top:3%;padding-bottom:3%;background:transparent;}
div#main.affix {-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);box-shadow: 0 0 2px 2px rgba(0,0,0,.1);-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;padding-bottom:0px;padding-top:0px;position: fixed;top: 0px;}
div#main {border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;top: 0%;z-index: 1000;width: 100%;background: #fff;padding: 20px 0px 20px 0px;position: fixed;top: 0px;}
div#maincont.affix-top {border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;top: 0%;z-index: 1000;width: 100%;position: relative;background:#fff;-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);box-shadow: 0 0 2px 2px rgba(0,0,0,.1);}
div#maincont.affix {-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);box-shadow: 0 0 2px 2px rgba(0,0,0,.1);-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;padding-bottom:0px;padding-top:0px;position: fixed;top: 0px;}
div#maincont {border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;top: 0%;z-index: 1000;width: 100%;background: #fff;padding: 20px 0px 20px 0px;position: fixed;top: 0px;}
div#main.affix div.container.headnavi {float:right!important;}
div#maincont.affix div.container.headnavi {float:right!important;}
div#maincont.affix-top div.container.headnavi {float:right!important;}



/* ---------------------------- NAVIGATION ------------------------------ */
div.container.headnavi {width:auto!important;padding-top:6%;padding-left:6%;}
div.container.navigation {display: flex;justify-content: center;}
.navbar-default {background-color: transparent;border: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #555555;background: transparent;color:#7ea6b6!important;font-family: 'Andika', sans-serif;font-weight: 400;font-size: 18px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #7ea6b6!important;background-color: transparent!important;}
.navbar-default .navbar-nav > li > a {color: #707070;font-family: 'Andika', sans-serif;font-weight: 400;font-size: 18px;}
.nav > li > a:hover, .nav > li > a:focus {background:transparent!important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #7ea6b6!important;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {border-top-color: #7ea6b6;border-bottom-color: #7ea6b6;}
li.active.dropdown.mega .caret {border-top-color: #7ea6b6; border-bottom-color: #7ea6b6;}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {color:#707070;}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {background:transparent!important;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {text-decoration: none;color: #7ea6b6!important;background-color: transparent!important;}
li.current.active.booking a {color:#fff!important;}
li.current.active a {color:#7ea6b6!important;}

/* ---------------------------- BOOKING------------------------------ */
.navbar-nav > li.booking > a {padding-top:10px;padding-bottom:10px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
li.booking {background: #000;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;color:#fff!important;font-weight:400;font-size:14px;top:5px;margin-left:80px;}
li.booking a {color:#fff!important;font-weight:600;font-size:14px!important;letter-spacing:1px!important;}
li.booking a:hover {background:#7ea6b6!important;color:#fff!important;} 
li:hover.booking {background:#7ea6b6!important;color:#fff!important;transition: .8s ease;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
li:hover.booking a {color:#fff!important;background:#7ea6b6!important;}
.navbar-default .navbar-nav > li.booking > a:hover, .navbar-default .navbar-nav > li.booking > a:focus {color:#fff!important;background-color:#7ea6b6!important;transition: .8s ease;font-weight:400;font-size:14px!important;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
li.current.active.booking {background:#7ea6b6!important;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}



/* ---------------------------- SLIDER ------------------------------ */
div.container.t3-sl.t3-sl-1.slider {padding-top:0px;padding-bottom:0px;} 

/* ---------------------------- SERVICE --------------------------------- */
div.container.t3-sl.t3-sl-1.header-service {text-align:center;width:100%;padding-bottom:0px;}
div.container.t3-sl.t3-sl-1.service {}
div.t3-spotlight.t3-service.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.col-lg-3.service.col-md-3.service.col-sm-12.service.col-xs-12.service {text-align:center;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 25%;}
.net-service-item.nlm, .net-service-item.nlm ~ .net-service-item {padding: 10px;margin: 0;}
.net-service-item {text-align: center;padding: 0px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;margin-bottom: 2%;float: left;}
.net-service-item {font-size: 1em;}
.net-service-item {display: inline-block;background-color: transparent !important;padding: 0;margin: 0;}
.net-service-item.nlm .image {max-width: 100%;margin: 0px;}
.net-service-item.nlm .image, .net-service-item.nlm ~ .net-service-item .image {width: calc(100% - clamp(0.5rem, -0.1058rem + 2.6923vw, 3.125rem));float: none;display: grid;margin: auto !important;}
.net-service-item .image {width: 100%;float: left;display: grid;}
.net-service-item.nlm .image > .image-item, .net-service-item.nlm ~ .net-service-item .image > .image-item {border-radius: 20px;overflow: hidden;-webkit-mask-image: url(../images/maske.png);mask-image: url(../images/maske.png);-webkit-mask-position: center center;mask-position: center center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: contain;width: 100%;}
.net-service-item .image > .image-item > img {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1);transform: scale(1);}
.net-service-item .image > .image-item, .net-service-item .image > a {grid-area: 1/-1;}
.net-service-item:hover .image > .image-item > img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.net-service-item {text-align: center;padding: 0px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;margin-bottom: 2%;float: left;}
.net-service-item.nlm .image > a, .net-service-item.nlm ~ .net-service-item .image > a {font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem);justify-content: flex-end;padding: 10px;}
.net-service-item .image > a {z-index: 1;font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem);line-height: 1;display: flex;align-items: flex-end;justify-content: center;}
.net-service-item .image > .image-item, .net-service-item .image > a {grid-area: 1/-1;}
a:hover, a:active {outline: 0;}
.net-service-item .image > a > span {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 0;}
span:not(:root) {overflow: hidden;}
span:not([fill]) {fill: currentColor;}
.net-service-item:hover .image > a > span {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.net-service-item .image > a > span {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 0;}
.net-service-item.nlm .service-details > span.net-service-price, .net-service-item.nlm ~ .net-service-item .service-details > span.net-service-price {order: 10;grid-column: 2/3;position: relative;font-weight: 600;color: var(--wdtPrimaryColor);margin: 20px 0 0 !important;line-height: 1;border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);padding-top: 20px;padding-right: 4px;padding-left: 4px;font-family: var(--wdtFontTypo_Alt);font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);}
.net-service-item.nlm .service-details, .net-service-item.nlm ~ .net-service-item .service-details {padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) 8px;display: grid;grid-template-columns: repeat(2,1fr);}
.net-service-item.nlm .service-details > *:not(:last-child), .net-service-item.nlm ~ .net-service-item .service-details > *:not(:last-child) {margin: 10 0 14px;}
.net-service-item.nlm .service-details h3, .net-service-item.nlm ~ .net-service-item .service-details h3 {font-size: clamp(1.75rem, 1.5769rem + 0.7692vw, 2.5rem);font-weight: var(--wdtFontWeight_Alt);}
.net-service-item.nlm .service-details > *, .net-service-item.nlm ~ .net-service-item .service-details > * {grid-column: 1/3;}
.net-service-item.nlm .service-details > h6, .net-service-item.nlm ~ .net-service-item .service-details > h6 {order: 9;grid-column: 1/2;margin: 20px 0 0 !important;line-height: 1;font-weight: 600;color: var(--wdtPrimaryColor);border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);padding-top: 20px;padding-right: 4px;padding-left: 4px;font-family: var(--wdtFontTypo_Alt);font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);}
.net-service-item .service-details h6, .net-service-meta ul li {display: inline-block;letter-spacing: 0;}
.net-service-item.nlm .service-details > span.net-service-price, .net-service-item.nlm ~ .net-service-item .service-details > span.net-service-price {order: 10;grid-column: 2/3;position: relative;font-weight: 600;color: var(--wdtPrimaryColor);margin: 20px 0 0 !important;line-height: 1;border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);padding-top: 20px;padding-right: 4px;padding-left: 4px;font-family: var(--wdtFontTypo_Alt);font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);}
.net-service-item .service-details .net-service-price {clear: both;display: inline-block;font-size: 1.1em;font-weight: 600;line-height: normal;margin: 5px 0 10px;width: 100%;}
.net-service-item.nlm .service-details p:only-of-type:not(:last-child), .net-service-item.nlm ~ .net-service-item .service-details p:only-of-type:not(:last-child) {width: 100%;max-width: 400px;margin: 0 auto;}
.service-details p {font-family: 'Andika';font-weight: 400;font-style: normal;font-size: 16px;color: #2c2c2b;margin-bottom: 0px;}
.net-service-item.nlm .service-details, .net-service-item.nlm ~ .net-service-item .service-details {padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) 8px;display: grid;grid-template-columns: repeat(2,1fr);}
.net-service-item.nlm .service-details h3 > a:hover, .net-service-item.nlm ~ .net-service-item .service-details h3 > a:hover {color: var(--wdtPrimaryColor);}
.net-service-item.nlm .service-details > h6, .net-service-item.nlm ~ .net-service-item .service-details > h6 {order: 9;grid-column: 1/2;margin: 20px 0 0 !important;line-height: 1;font-weight: 600;color: var(--wdtPrimaryColor);border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);padding-top: 20px;padding-right: 4px;padding-left: 4px;font-family: var(--wdtFontTypo_Alt);font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);}
.net-service-item .service-details h6, .net-service-meta ul li {display: inline-block;letter-spacing: 0;}
.net-service-item:hover .image > a > svg {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;max-width:45%;height:auto;margin-top:30px;position:relative;top:5%;}
.net-service-item .image > a > svg {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 0;max-width:45%;height:auto;margin-top:30px;position:relative;top:5%;}
svg:not(:root) {overflow: hidden;}
svg:not([fill]) {fill: #fff;}
.net-service-item .image > a > svg path[class*="path_"] {transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);transition-delay: 0ms;-webkit-animation: 3s infinite slidein alternate;animation: 3s infinite slidein alternate;-webkit-animation-name: path_plink;animation-name: path_plink;}
.net-service-item .image > a > svg path[class*="path_1"] {animation-delay: 100ms;}
.net-service-item .image > a > svg path[class*="path_2"] {animation-delay: 200ms;}
.net-service-item .image > a > svg path[class*="path_3"] {animation-delay: 300ms;}
.net-service-item .image > a > svg path[class*="path_4"] {animation-delay: 400ms;}
.net-service-item .image > a > svg path[class*="path_5"] {animation-delay: 500ms;}
.net-service-item .image > a > svg path[class*="path_6"] {animation-delay: 600ms;}
.net-service-item .image > a > svg .arrow-icon {fill: #7ea6b6;transform: scale(1.2) translateY(-1px);transform-origin: center center;}

@keyframes path_plink {
0%   { opacity: 0; }
24.19%  { opacity: 0.9; }
50%  { opacity: 0; }
74.19%  { opacity: 0.9; }
}
@-webkit-keyframes path_plink {
0%   { opacity: 0; }
24.19%  { opacity: 0.9; }
50%  { opacity: 0; }
74.19%  { opacity: 0.9; }
}
div.preisinfo {width: 100%;justify-content: center;display: inline-flex;font-family: 'Amatic SC';
    font-weight: 900;
    font-style: normal;
    color: #7ea6b6;
    line-height: 1.2;
    font-size: 26px;}
span.preisinfo {border-left:1px solid #cccbc8;position:relative;padding-left:8%;margin-left:8%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
}

/* ---------------------------- SPECIALS --------------------------------- */
div#special {background:#fff;}
div.container.t3-sl.t3-sl-1.serviceshaperbottom {padding-bottom:0px;padding-top:0px;}
div#special .t3-module {margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.special {padding-top:0px;padding-bottom:0px;}
h3.module-title.special span:before {top: -12px;
    left: 0px;
    width: 100%;
    content: "Feeling";
    position: relative;
    display: inline-block;
    margin-right: 20px;font-family: 'Andika', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #2c2c2b;
    margin-bottom: 0px;
}
h3.module-title.special {font-family: 'Amatic SC';
    font-weight: 400;
    font-style: normal;
    color: #7ea6b6;
    font-size: 55px;
    margin-top: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  text-align:center;
}

/* ---------------------------- PUZZLE --------------------------------- */
div.container.t3-sl.t3-sl-1.puzzle {padding-top:0px!important;padding-bottom:0px!important;}
div.t3-spotlight.t3-puzzle.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items:flex-end;text-align:center;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {display: -webkit-flex; display: -ms-flexbox;display: flex;width: 48%;padding: 20px 10px 20px 10px;margin: 10px;}
h3.puzzle {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color: #2c2c2b;line-height: 1.2;font-size: 40px;margin-bottom: 10px;}

/* ---------------------------- Therapie --------------------------------- */
.dt-sc-service-item {
    /* background-color: #F0F0F0; */
    text-align: center;
    padding: 0px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    margin-bottom: 2%;
    float: left;
}

.dt-sc-service-item {
    display: inline-block;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}
.dt-sc-service-item .image {
    width: 100%;
    float: left;
    display: grid;
}
.dt-sc-service-item.type1 .image > .image-item {
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask-image: url(../images/maske_2.jpg);
    mask-image: url(../images/maske_2.jpg);
    -webkit-mask-position: bottom left;
    mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 100%;
}

.dt-sc-service-item .image > .image-item, .dt-sc-service-item .image > a {
    grid-area: 1/-1;
    color: var(--wdtAccentTxtColor);
}

.dt-sc-service-item .image > .image-item > img {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.dt-sc-service-item:hover .image > .image-item > img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
 .dt-sc-service-item .image > a {
    z-index: 1;
    font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem);
    line-height: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.dt-sc-service-item .image > .image-item, .dt-sc-service-item .image > a {
    grid-area: 1/-1;
    color: var(--wdtAccentTxtColor);
}
.dt-sc-service-item:hover .image > a > svg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.dt-sc-service-item .image > a > svg {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
svg:not(:root) {
    overflow: hidden;
}
svg:not([fill]) {
    fill: #fff;
}
.dt-sc-service-item.type1 .service-details {
    padding: 18px clamp(0.5rem, 0.1827rem + 1.4103vw, 1.875rem) clamp(1.125rem, -0.5938rem + 5.5vw, 2.5rem);
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.dt-sc-service-item.type1 .service-details {
    text-align: center;
    padding: 45px 48px 50px;
    float: left;
    width: 100%;
}
.dt-sc-service-item.type1 .service-details > *:not(:last-child) {
    margin: 0 0 14px;
}
 .dt-sc-service-item.type1 .service-details h3 {
    font-size: clamp(1.75rem, 1.5769rem + 0.7692vw, 2.5rem);
    font-weight: var(--wdtFontWeight_Alt);
}
 .dt-sc-service-item.type1 .service-details > * {
    grid-column: 1/3;
}
.dt-sc-service-item.type1 .service-details h3 > a {
    color: var(--wdtSecondaryColor);
}
.dt-sc-service-item.type1 .service-details > h6 {
    order: 9;
    grid-column: 1/2;
    margin: 20px 0 0 !important;
    line-height: 1;
    font-weight: 600;
    color: var(--wdtPrimaryColor);
    border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);
}
.dt-sc-service-item .service-details h6, .dt-sc-service-meta ul li {
    display: inline-block;
    letter-spacing: 0;
}
.dt-sc-service-item.type1 .service-details > span.dt-sc-service-price {
    order: 10;
    grid-column: 2/3;
    position: relative;
    font-weight: 600;
    color: var(--wdtPrimaryColor);
    margin: 20px 0 0 !important;
    line-height: 1;
    border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem);
}
.dt-sc-service-item .service-details .dt-sc-service-price {
    clear: both;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 600;
    line-height: normal;
    margin: 5px 0 10px;
    width: 100%;
}
.dt-sc-service-item.type1 .dt-sc-button {
    margin: 20px 0 0;
    justify-self: center;
    align-self: center;
    width: fit-content;
    line-height: 1;
}

.dt-sc-service-item.type1 .service-details > * {
    grid-column: 1/3;
}
.dt-sc-service-item .dt-sc-button:empty {
    display: none;
}

/* ---------------------------- WELLNESS --------------------------------- */
div.t3-spotlight.t3-therapie.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/* ---------------------------- BACK TO TOP--- ---------------------------- */
#button {display: inline-block; background-color: #7ea6b6!important; width: 40px; height: 40px; text-align: center; border-radius: 100%; position: fixed; bottom: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;right:3%;}
#button::after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1.2em; line-height: 38px; color: #fff;}
#button:hover {cursor: pointer; background-color:#2c2c2b!important; text-decoration:none!important;}
#button:active {background-color: #555;}
#button.show {opacity: 1; visibility: visible;}


/* ----------------------------- ACCORDION ------------------------------- */
.accordion{width: 100%!important;height: 60px;margin: 0 auto;background: #f6f6f6;border-radius: 3px;box-shadow: 0 0 5px rgba(225,225,225,1);overflow: hidden;transition: height 0.3s ease;margin-bottom: 20px;}
.accordion .accordion_tab{font-family: 'Proxima Nova Th';padding: 20px;cursor: pointer;user-select: none;font-size: 18px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;position: relative;background:#cde0a5;color:#000;}
.accordion .accordion_tab .accordion_arrow{position: absolute;top: 40%;transform: translateY(-40%);right: 20px;width: 33px;height: 21px;transition: all 0.3s ease;}
.accordion .accordion_tab .accordion_arrow img{width: 100%;height: 100%;}
.accordion .accordion_tab.active .accordion_arrow{transform: translateY(-50%) rotate(180deg);top:40px;}
.accordion.active{height: 220px;}
.accordion .accordion_content{padding: 20px;border-top: 1px solid #e9e9e9;background:#f6f6f6;}
.accordion .accordion_content .accordion_item{font-family: 'Proxima Nova Rg';font-weight: normal;font-style: normal;font-size:16px;margin-bottom: 20px;color:#000;}
.accordion .accordion_content .accordion_item p.item_title{font-weight: 600;margin-bottom: 10px;font-size: 18px;color: #6adda2;}
.accordion .accordion_content .accordion_item p:last-child{color: #9a9b9f;font-size: 14px;line-height: 20px;}









/* ---------------------------- KONTAKT ---------------------------------- */

/* ---------------------------- SHAPEDIVIDER ---------------------------- */
div#shaperbottom {margin:0px;padding:0px;width:100%;}
div.container.t3-sl.t3-sl-1.shaperbottom {padding-top:0px!important;padding-bottom:0px!important;margin:0px;width:100%;}
div#shapertop {margin:0px;padding:0px;width:100%;}
div.container.t3-sl.t3-sl-1.shapertop  {padding-top:0px!important;padding-bottom:0px!important;margin:0px;width:100%;}

/* ---------------------------- FOOTER ---------------------------------- */
div#shaperfooter {margin:0px;padding:0px;width:100%;}
div.container.t3-sl.t3-sl-1.shaperfooter  {padding-top:0px!important;padding-bottom:0px!important;margin:0px;width:100%;}
.copyright {font-family: 'Andika';font-weight: 400;font-style: normal;font-size:16px;color:#2c2c2b;margin-bottom:0px;}
div.col-md-4.law {text-align:right;}
div.container.copy {border-top: 1px solid #dedede;padding-top:2%;width:90%;}
.t3-footer {background: #fff;color: #555555;border-top:none!important;}
.t3-copyright {border-top:none!important;color:#2c2c2b!important;}
.t3-copyright a, a:visited, a:focus {color:#2c2c2b!important;text-decoration:none;}
.t3-copyright a:hover {color:#7ea6b6!important;text-decoration:none;}
.t3-footnav .t3-module {background: #fff;color: #555555;margin-top: 10px;margin-bottom: 10px;}
div.container.footer {}
.t3-footnav .t3-module .module-title {font-family: 'Amatic SC';font-weight: 400;font-style: normal;color:#2c2c2b;line-height:1.2;font-size:40px;margin-bottom: 10px;}
div#mod-custom120.mod-custom.custom a, a:visited, a:focus {color:#2c2c2b!important;text-decoration:none;}
div#mod-custom120.mod-custom.custom a:hover {color:#7ea6b6!important;}



/* ---------------------------- OFF CANVAS --------------------------- */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background:#cde0a5;color:#000;}
.t3-off-canvas .t3-off-canvas-body a {color:#000;}
.t3-off-canvas .t3-off-canvas-body a:hover, .t3-off-canvas .t3-off-canvas-body a:focus {color:#000;}

/* ---------------------------- ACCORDION --------------------------- */
div.container.interview {padding:0px;}
/*div[class*='col-'] {
  padding: 0 0px;
}   */
a:focus, a:hover, a:active {outline: 0;text-decoration: none;}
.panel {border-width: 0 0 1px 0;border-style: solid;border-color: #fff;background: none;box-shadow: none;}
.panel:last-child {border-bottom: none;}
.panel-group > .panel:first-child .panel-heading {border-radius: 4px 4px 0 0;}
.panel-group .panel {border-radius: 0;margin-bottom:1%;}
.panel-group .panel + .panel {margin-top: 0;}
.panel-heading {font-family: 'Proxima Nova Th';font-size: 16px;font-weight: 600;letter-spacing: 0px;text-transform: uppercase;background-color: #cde0a5;border-radius: 0;border: none;color: #000;padding: 0;}
.panel-title a {font-family: 'Proxima Nova Th';font-size: 16px;font-weight: 600;letter-spacing: 0px;text-transform: uppercase;display: block;color: #000;padding: 15px;position: relative;}
.panel-body {background: #f6f6f6;}
.panel:last-child .panel-body {border-radius: 0 0 4px 4px;}
.panel:last-child .panel-heading {border-radius: 0 0 4px 4px;transition: border-radius 0.3s linear 0.2s;}
.panel:last-child .panel-heading.active {border-radius: 0;transition: border-radius linear 0s;}
/* #bs-collapse icon scale option */
.panel-heading a:before {content: '\e146';position: absolute;font-family: 'Material Icons';right: 5px;top: 10px;font-size: 24px;transition: all 0.5s;transform: scale(1);}
.panel-heading.active a:before {content: ' ';transition: all 0.5s;transform: scale(0);}
#bs-collapse .panel-heading a:after {content: ' ';font-size: 24px;position: absolute;font-family: 'Material Icons';right: 5px;top: 10px;transform: scale(0);transition: all 0.5s;}
#bs-collapse .panel-heading.active a:after {content: '\e909';transform: scale(1);transition: all 0.5s;}
/* #accordion rotate icon option */
#accordion .panel-heading a:before {content: url('../images/arrow-white.png');   font-size: 24px;position: absolute;font-family: 'Material Icons';right: 15px;top: 10px;transform: rotate(180deg);transition: all 0.5s;}
#accordion .panel-heading.active a:before {transform: rotate(0deg);transition: all 0.5s;}


/* ---------------------------- MEDIA QUERIES --------------------------- */

@media only screen and (min-width: 0px) and (max-width: 320px) {
div.col-xs-12.col-sm-3.logo {max-width:70%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 30%;text-align: right;position: absolute;right: 3%;top: 30%;}
.btn-primary {background-color: #7ea6b6;}
div#service .t3-module {margin-bottom:15%;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width: 100%;}
div#puzzle {background-position: 50% 50%;}
.t3-copyright small {font-size: 12px;}
div#mod-custom118 p {text-align:left;font-size:12px;}
.shellheader {font-size:44px!important;}
.blockheader {font-size:25px!important;}
.blockcontent {font-size:14px!important;}
.lavagutschein {display:none!important;}
.lavapreis {position:relative;top:-15%!important;}
h3.vita-title {font-size: 36px;}
div.container.t3-sl.t3-sl-1.zauber {width: 100%;}
h1.headerblau {font-size: 45px;margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.preis {width: 95%;}
hr.preis {display:none!important;}
div.container.t3-sl.t3-sl-1.booking {width: 95%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
div.col-xs-12.col-sm-3.logo {max-width:70%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 30%;text-align: right;position: absolute;right: 3%;top: 30%;}
.btn-primary {background-color: #7ea6b6;}
div#service .t3-module {margin-bottom:15%;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width: 100%;}
div#puzzle {background-position: 50% 50%;}
.t3-copyright small {font-size: 12px;}
div#mod-custom118 p {text-align:left;font-size:12px;}
.shellheader {font-size:44px!important;}
.blockheader {font-size:25px!important;}
.blockcontent {font-size:14px!important;}
.lavagutschein {display:none!important;}
.lavapreis {position:relative;top:-15%!important;}
h3.vita-title {font-size: 36px;}
div.container.t3-sl.t3-sl-1.zauber {width: 100%;}
h1.headerblau {font-size: 45px;margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.preis {width: 95%;}
hr.preis {display:none!important;}
div.container.t3-sl.t3-sl-1.booking {width: 95%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
}
@media only screen and (min-width: 376px) and (max-width: 425px) {
div.col-xs-12.col-sm-3.logo {max-width:70%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 30%;text-align: right;position: absolute;right: 3%;top: 30%;}
.btn-primary {background-color: #7ea6b6;}
div#service .t3-module {margin-bottom:15%;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width: 100%;}
div#puzzle {background-position: 50% 50%;}
.t3-copyright small {font-size: 12px;}
div#mod-custom118 p {text-align:left;font-size:12px;}
.shellheader {font-size:44px!important;}
.blockheader {font-size:25px!important;}
.blockcontent {font-size:14px!important;}
.lavagutschein {display:none!important;}
.lavapreis {position:relative;top:-15%!important;}
h3.vita-title {font-size: 36px;}
div.container.t3-sl.t3-sl-1.zauber {width: 100%;}
h1.headerblau {font-size: 45px;margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.preis {width: 95%;}
hr.preis {display:none!important;}
div.container.t3-sl.t3-sl-1.booking {width: 95%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
}
@media only screen and (min-width: 426px) and (max-width: 479px) {
div.col-xs-12.col-sm-3.logo {max-width:70%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 30%;text-align: right;position: absolute;right: 3%;top: 30%;}
.btn-primary {background-color: #7ea6b6;}
div#service .t3-module {margin-bottom:15%;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width: 100%;}
div#puzzle {background-position: 50% 50%;}
.t3-copyright small {font-size: 12px;}
div#mod-custom118 p {text-align:left;font-size:12px;}
.shellheader {font-size:44px!important;}
.blockheader {font-size:25px!important;}
.blockcontent {font-size:14px!important;}
.lavagutschein {display:none!important;}
.lavapreis {position:relative;top:-15%!important;}
h3.vita-title {font-size: 36px;}
div.container.t3-sl.t3-sl-1.zauber {width: 100%;}
h1.headerblau {font-size: 45px;margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.preis {width: 95%;}
hr.preis {display:none!important;}
div.container.t3-sl.t3-sl-1.booking {width: 95%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
div.col-xs-12.col-sm-3.logo {max-width:70%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 30%;text-align: right;position: absolute;right: 3%;top: 30%;}
.btn-primary {background-color: #7ea6b6;}
div#service .t3-module {margin-bottom:15%;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width: 100%;}
div#puzzle {background-position: 50% 50%;}
.t3-copyright small {font-size: 12px;}
div#mod-custom118 p {text-align:left;font-size:12px;}
.shellheader {font-size:44px!important;}
.blockheader {font-size:25px!important;}
.blockcontent {font-size:14px!important;}
.lavagutschein {display:none!important;}
.lavapreis {position:relative;top:-15%!important;}
h3.vita-title {font-size: 36px;}
div.container.t3-sl.t3-sl-1.zauber {width: 100%;}
h1.headerblau {font-size: 45px;margin-bottom:0px;}
div.container.t3-sl.t3-sl-1.preis {width: 95%;}
hr.preis {display:none!important;}
div.container.t3-sl.t3-sl-1.booking {width: 95%;}
div.col-lg-4.service.col-md-4.service.col-sm-12.service.col-xs-12.service {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;}
div.col-xs-12.col-sm-3.logo {max-width:30%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 70%;text-align: right;position: absolute;right: 3%;}
div.container.headnavi {width: auto !important;padding-top: 3%;padding-right: 8%;float: right;}
.btn-primary {background-color: #7ea6b6;}
.lavagutschein {display:none!important;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width:100%;} 
div.col-md-4.law {text-align: left;}  
hr.preis {display:none!important;}  
div.container.t3-sl.t3-sl-1.preis {width: 80%;} 
div.col-xs-12.col-sm-9.navigation {max-width: 70%;text-align: right;position: absolute;right: 0%;}  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;}
div.col-xs-12.col-sm-3.logo {max-width:30%;}
img.logo-img {max-width:100%;}
div.col-xs-12.col-sm-9.navigation {max-width: 70%;text-align: right;position: absolute;right: 3%;}
div.container.headnavi {width: auto !important;padding-top: 3%;padding-right: 8%;float: right;}
.btn-primary {background-color: #7ea6b6;}
.lavagutschein {display:none!important;}
div.col-lg-6.pz.col-md-6.pz.col-sm-12.pz.col-xs-12.pz {width:100%;} 
div.col-md-4.law {text-align: left;}  
hr.preis {display:none!important;}  
div.container.t3-sl.t3-sl-1.preis {width: 80%;} 
div.col-xs-12.col-sm-9.navigation {max-width: 70%;text-align: right;position: absolute;right: 0%;}  
}
@media only screen and (min-width: 1200px) {
button.btn.btn-primary.off-canvas-toggle {display:none!important;}
}