@font-face {font-family: "futura_lt_btlight";font-style: normal;font-weight: normal;src: url("/font/futura-pt.eot?#iefix") format("embedded-opentype"), url("/font/futura-pt.woff2") format("woff2"), url("/font/futura-pt.woff") format("woff"), url("/font/futura-pt.ttf") format("truetype"), url("/font/futura-pt.svg#futura_lt_btlight") format("svg");}
@font-face {font-family: "wordydiva";font-style: normal;font-weight: normal;src: url("/font/wordy-diva.eot?#iefix") format("embedded-opentype"), url("/font/wordy-diva.woff2") format("woff2"), url("/font/wordy-diva.woff") format("woff"), url("/font/wordy-diva.ttf") format("truetype"), url("/font/wordy-diva.svg#wordydiva") format("svg");}
@font-face {font-family: "Aperto";font-style: normal;font-weight: normal;src: url("/font/Aperto.eot?#iefix") format("embedded-opentype"), url("/font/Aperto.woff") format("woff"), url("/font/Aperto.ttf") format("truetype"), url("/font/Aperto.svg#Aperto") format("svg");}
html {-webkit-font-smoothing: antialiased;}
* {}
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {margin: 0;padding: 0;}
.mobile-booknow-btn {position: relative;background: #8f2c46;color: #fff;left: 50%;text-align: center;padding: 10px 0px 10px 0px;width: 120px;margin-left: -60px;z-index: 9;display: none;}
.mobile-booknow-btn:hover {background: #4b4b4b;color: #fff;}
.tablet-booknow-btn {position: relative;background: #8f2c46;color: #fff;left: 50%;text-align: center;padding: 10px 0px 10px 0px;width: 120px;margin-left: -60px;z-index: 9;display: none;}
.tablet-booknow-btn:hover {background: #4b4b4b;color: #fff;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: start;vertical-align: top;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;font-variant: normal;}
blockquote, q {quotes: none;}
fieldset, img {border: 0 none;}
ul {list-style-type: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
header, footer, nav, section, aside, article, figure, figcaption {display: block;}
body {color: #000;font: 12px/1 "futura_lt_btlight", Verdana, sans-serif;}
input, button, textarea, select {font-family: inherit;font-size: 99%;font-weight: inherit;}
pre, code {font-family: Monaco, monospace;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
h1 {font-size: 1.8333em;}
h2 {font-size: 1.6667em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3333em;}
table {font-size: inherit;}
caption, th {font-weight: bold;}
a {color: #00f;}
h1, h2, h3, h4, h5, h6 {margin-top: 1.35em;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {margin-bottom: 20px;}
body, form, figure {margin: 0;padding: 0;}
img {border: 0 none;}
header, footer, nav, section, aside, article, figure, figcaption {display: block;}
body {font-size: 100.01%;}
select, input, textarea {font-size: 99%;}
.bg-btn {background-color: #000000;border: medium none;color: #ffffff;height: 42px;text-transform: uppercase;width: 13%;}
.bg-btn:hover {background: #4a4a4a;}
#container, .inside {position: relative;}
#main, #left, #right {float: left;position: relative;}
#main {width: 100%;}
#left {margin-left: -100%;}
#right {margin-right: -100%;}
#footer {clear: both;}
#main .inside {min-height: 1px;}
#wrapper {position: relative;}
.ce_gallery > ul {list-style: outside none none;margin: 0;overflow: hidden;padding: 0;}
.ce_gallery > ul li {float: left;}
.ce_gallery > ul li.col_first {clear: left;}
.float_left {float: left;}
.float_right {float: right;}
.block {overflow: hidden;}
.clear, #clear {clear: both;font-size: 0.1px;height: 0.1px;line-height: 0.1px;}
.invisible {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.custom {display: block;}
#container::after, .custom::after {clear: both;content: "";display: table;}
.content-block {margin: 30px auto;max-width: 1200px;}
.block-text {background-color: #eaeaea;height: 280px;}
.instagram-feed a:hover .block-text {background-color: #9f0737;color: #ffffff;}
.block-text-dark {background-color: #fbfbfb;color: #4b4b4b;height: 280px;}
.instagram-feed a:hover .block-text-dark {color: #4b4b4b !important;}
.instagram-feed a:hover .block-text-dark {background-color: #9f0737;}
.instagram-feed {display: inline-block;list-style: outside none none;margin-top: -2px !important;overflow: hidden;position: relative;background-color: #eaeaea;}
.instagram-feed .block-text {}
.instagram-feed h3 {color: #9f0737;text-decoration: none;}
.instagram-feed h3 a:hover {color: #000000;text-decoration: none;}
.instagram-feed h3 {font-family: "Aperto", Verdana, Geneva, sans-serif;font-size: 32px;text-align: left !important;}
.instagram-feed li .content {bottom: 0;display: block;margin: 0 auto;padding: 6% 0;text-align: left;width: 77%;text-align: left;}
.grid {margin: 0;}
.instagram-feed .tag {color: #fafaf6;font-size: 18px;font-weight: normal;left: 20px;letter-spacing: 0.02em;position: absolute;text-transform: uppercase;top: 20px;z-index: 100;}
.grid [class*="col-"], .row [class*="col-"], .account-form .rewards [class*="col-"], .account-create .rewards [class*="col-"], .account-form .footer [class*="col-"], .account-create .footer [class*="col-"], .nau-partners .partners-list [class*="col-"] {float: left;padding-right: 0;}
.instagram-feed ul {margin:0;padding: 0;margin-top: 0px;}
.instagram-feed li {font-size: 14px;line-height: 1.2em;overflow: hidden;padding: 0;display: inline-block;position: relative;height: 100%;margin: 0;}
li.read-more {width: 45%;}
li.read-more a {width: 45%;vertical-align: top;/* margin-top: 10px;*/
	line-height: 35px;cursor: pointer;}
li.read-more span {background: url(../images/read-more.png) no-repeat right 0px;width: 48px;line-height: 40px;height: 37px;display: inline-block;padding-bottom: 10px !important;}
.instagram-feed .read-more span a:hover {color: #9f0737;}
li.check-room {width: 50%;}
li.check-room a {width: 45%;vertical-align: top;/* margin-top: 10px;*/
	line-height: 35px;}
li.check-room span {background: url(../images/check-room.png) no-repeat right 0px;width: 48px;height: 37px;line-height: 40px;display: inline-block;padding-bottom: 10px !important;}
.instagram-feed .check-room span a:hover {color: #9f0737;}
.col-1-4 {width: 33.333%;}
.instagram-feed li img {display: inherit;}
.main img {height: auto;max-width: 100%;}
.weather {border-right: 1px solid #ffffff;color: #ffffff;float: left;font-size: 12px;height: 20px;margin-top: 9px;}
#strickr {float: right;width: 75px;}
.weather-icon {display: block;float: left;width: 35%;}
#icon {background: rgba(0, 0, 0, 0) url("../images/weather-icon.png") no-repeat scroll 0 -3px;height: 24px;margin-top: 0;}
#icon > img {width: 100%;}
#icon img {display: none;}
.temper {display: block;width: 60%;float: left;}
#c {display: inline-block;}
.part {color: #9b835b;float: left;margin-top: 12px !important;width: 10%;}
#time {background: rgba(0, 0, 0, 0) url("../images/time-icon.png") no-repeat scroll 3px -3px;float: right;height: 24px;margin-top: 0;width: 85px;}
#showtime {margin-left: 28px;width: 57px;}
.content-block-wrap {background: #eaeaea none repeat scroll 0 0;height: 400px;overflow: hidden;position: relative;text-align: right;width: 100%;}
.content-two-block {margin: 30px auto;max-width: 1200px;}
.content-sub {display: inline-block;left: 0;padding: 80px;position: absolute;text-align: left;width: 30%;}
.content-sub-text {display: inline-block;padding: 80px;position: absolute;right: 0;text-align: left;width: 30%;}
.content-pic-right {height: 100%;position: absolute;width: 55%;right: 0px;}
.content-pic {height: 100%;position: absolute;width: 55%;}
@media (min-width: 768px) and (max-width: 1024px) {.immersive_slider {height: 315px!important;}
 .reservation_container {width: auto!important;}
 .faq-container {width: auto!important;}
 li.read-more {width: 100%;margin-top: 23px;}
 li.check-room {width: 100%;margin-top: -14px;}
 .instagram-feed ul {margin-top: 0px;}
 .instagram-feed h3 {color: #9f0737;font-size: 21px;line-height: 0px;}
} /* CHECK */
@media (max-width: 767px) {.reservation_container {width: auto!important;}
 .faq-container {width: auto!important;}
 .instagram-feed li {font-size: 15px;line-height: 1.2em;margin-right: 1px;margin-top: -5px;overflow: hidden;padding: 0;display: inline-block;position: relative;}
 #wrapper {margin: 0;width: auto;}
 .instagram-feed ul {margin: 0;padding: 0;width: 92%;}
 #container {padding-left: 0;padding-right: 0;}
 #main, #left, #right {float: none;width: auto;}
 #left {margin-left: 0;right: 0;}
 #right {margin-right: 0;}
 .instagram-feed {height: auto;}
 .col-1-4 {width: 100%;}
 .grid figure {display: inline-block;float: none;margin: 0 !important;width: 100%;}
 .col-1-4.photo {margin-top: -4px;width: 49.69%;}
 figure.effect-ruby img {width: 100%;}
}
img {height: auto;max-width: 100%;}
.ie7 img {}
.ie8 img {width: auto;}
body {color: #333333;font-size: 16px;line-height: 22px;/*border-top: 4px solid #ffffff;border-left: 4px solid #ffffff;border-right: 4px solid #ffffff;*/
}
body, .menutext {font-family: "futura_lt_btlight";font-weight: normal;}
b, strong, .bold {font-weight: normal;}
h1, h2, h4, .btn a, input.submit, .ce_text.termin p, .ce_backgroundimage .text p, .ce_sliderelement .text p {font-family: "futura_lt_btlight";font-weight: normal;}
a {color: inherit;text-decoration: none;}
.ce_text a {color: #630a26;}
.btn a {border: 2px solid;display: block;font-size: 18px;line-height: 45px;margin: 1.5em auto;text-align: center;width: 300px;}
.ce_form form {margin: 10px 0 20px;}
.ce_form input, .ce_form textarea {border: 1px solid #aaa;box-sizing: border-box;display: inline-block;line-height: 30px;margin-bottom: 5px;min-height: 30px;padding: 0 10px;width: 300px;}
.ce_form input.submit {background-color: #fff;border: 2px solid #9f0737;color: #9f0737;cursor: pointer;line-height: 45px;min-height: 45px;}
.ce_form .submit_container {margin-left: 100px;}
.ce_form label {box-sizing: border-box;float: left;line-height: 30px;padding-right: 10px;padding-top: 1px;text-align: right;vertical-align: top;width: 100px;}
.btn.red a {border: 2px solid #9f0737;color: #9f0737;}
.btn.white a {background-color: rgba(255, 255, 255, 0.3);border: 2px solid #fff;color: #fff;}
.btn.candy a {background-color: rgba(159, 7, 55, 0.5);border: 2px solid #fff;color: #fff;}
h1 {color: #9f0737;font-family: "Aperto", Verdana, Geneva, sans-serif;font-size: 46px;text-align: center;padding:20px 0;margin:0
}
h1 span {color: #9f0737;display: block;font-size: 23px;padding:10px 0;}
.subhead {font-size: 15px;line-height: 20px;margin: 0 auto;max-width: 1200px;text-align: center;}
h2 {color: #8f2c46;font-family: "Aperto", Verdana, Geneva, sans-serif;font-size: 40px;line-height: 50px;margin: 0.1em 0;}
h3 {color: #9f0737;font-size: 21px;line-height: 24px;}
h4 {color: #9f0737;font-size: 21px;line-height: 24px;margin-left: 30px;}
h5 {color: #9f0737;font-size: 16px;line-height: 18px;margin: 0px;}
.header {color: #9f0737;font-size: 21px;line-height: 24px;text-align:left;}
#toggle-view {list-style: outside none none;margin: 0;padding: 0;}
#toggle-view li {cursor: pointer;position: relative;}
#toggle-view h3 {font-size: 14px;margin: 0;}
#toggle-view span {text-decoration: underline;}
#toggle-view .panel {display: none;margin: 5px 0;}
#toggle-view .panel a {color: #9f0737;}
.home h3 {text-align: center;}
.home #klinik h2, .home #team_onepager h2, .home #gute-gruende-fuer-ihren-besuch h2 {float: left;}
.home #klinik h2 + *, .home #team_onepager h2 + *, .home #gute-gruende-fuer-ihren-besuch h2 + * {clear: left;}
.ce_text ul {list-style-type: disc;padding-left: 30px;}
.trenner {margin: 0 0.3em;}
.ce_backgroundimage {line-height: 340px;text-align: center;}
.ce_backgroundimage .text {display: inline-block;margin-top: 130px;vertical-align: middle;}
.ce_backgroundimage .text p {background-color: rgba(159, 7, 55, 0.8);color: #fff;font-size: 40px;margin-bottom: 3px;padding: 0 0.5em;text-transform: uppercase;vertical-align: top;}
.ce_backgroundimage .text > * {line-height: 55px;}
#header .inside, #footer .inside, #termin_page .inside, .video_menu .inside, .home #main .inside .mod_article .inside, #gute-gruende-fuer-ihren-besuch-83 .inside, #narkose-typ-test .inside, .mod_breadcrumb {margin: 0 auto;max-width: 1200px;overflow: hidden;padding: 0 20px;}
#main .inside .mod_article {margin: 0 auto;}
.home #main .inside .mod_article {max-width: 100%;overflow: visible;position: relative;text-align: center;width: 100%;}
.home #main .inside .mod_article h1 {font-size:52px;font-family: "Aperto", Verdana, Geneva, sans-serif;padding:30px 0 20px 0;margin:0;line-height:100%!important
}
.home #main .inside .mod_article h1.suppage {padding:20px 0;margin:0;font-size:46px;font-family: "Aperto", Verdana, Geneva, sans-serif;position:relative;margin-top:-13px;}
.home #main .inside .mod_article h1 span {font-size:28px;font-family: "Aperto", Verdana, Geneva, sans-serif;padding:12px 0 0;margin:0;position:relative;margin-top:-25px;}
#gute-gruende-fuer-ihren-besuch-83 .inside, #narkose-typ-test .inside, .home #main .inside .mod_article .inside {box-sizing: border-box;display: inline-block;line-height: 24px;margin: 35px 0;vertical-align: middle;width: 96%;}
.home #main .inside .mod_article .last {margin-bottom: 0;}
#main #teamslider {margin-bottom: 40px;}
#main .inside .mod_article > .last {margin:0 auto;}
#termin_page .inside {display: inline-block;line-height: 18px;margin-right: 2%;position: static;vertical-align: middle;}
#main .inside .ce_text.img_behandlung_test {margin: 0 auto;padding: 0;text-align: center;width: 100%;}
.wrap-content {margin: 30px auto;max-width: 1200px;overflow: hidden;}
.content-detail {margin-bottom: 30px;overflow: hidden;}
.amenities {background-color: #fbfbfb;margin: 0;overflow: hidden;padding: 25px 30px;}
.complimentary {background-color: #fbfbfb;margin: 0;overflow: hidden;padding: 25px 30px;margin:25px 0 0 0
}
.amenities h3, .complimentary h3 {padding: 0;margin:0 0 20px 0;}
.amenities li {float: left;line-height: 30px;margin-right: 2%;text-align: left;width: 30%;}
ul.complimentary h3 {font-size:18px;}
.complimentary li {float: left;line-height: 120%;text-align: left;width: 45%;list-style-type: circle;margin:0 0 0 5%;}
.amenities img {width: 7%;}
.head-sub {color: #8f2c46;font-size:25px;font-family: "Aperto", Verdana, Geneva, sans-serif;}
.special-text {font-size: 16px;font-style: italic;padding-top: 20px;}
@media (min-width: 1280px) {#termin_page .inside {margin-right: calc((100% - 1200px) / 2);}
}
#main .inside .mod_article .ce_image {text-align: center;}
.container.white {background-color: #fff;padding: 0 10px;}
.container.white_80 {background-color: rgba(255, 255, 255, 0.8);}
.home .gallery_container {margin: 0 auto;max-width: 768px;}
.gallery_container::after {clear: both;content: "";display: block;}
.page_slider {bottom: 3px;left: calc(50% - 28px);line-height: 0;position: absolute;z-index: 20;}
#slider .page_slider {bottom: 123px;}
#termin_page .page_slider, #team_onepager .page_slider, #klinik .page_slider, .page_contact .page_slider {bottom: -28px;}
#team_onepager .ce_hyperlink.btn a, #klinik .ce_hyperlink.btn a {margin-bottom: 2em;}
.ce_gallery > ul.cols_3 {margin: 20px 0 10px;}
.cols_3 li {margin-right: 5%;width: 30%;}
.cols_3 li.col_last {margin-right: 0;}
.attop.nojs #header, #header {background: rgba(0, 0, 0, 0) url("../images/bg-slide.png") repeat-x scroll 0 0;height: 280px;left: 0;line-height: 75px;min-width: 768px;padding-top: 0;position: fixed;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 100;}
#logo {background-image: url("/images/tubkaakresort-logo.png");background-repeat: no-repeat;float: left;height: 112px;text-align: center;width: 110px;}
#header .mod_navigation {color: #ffffff;float: right;font-size: 12px;overflow: visible;}
#header .mod_navigation .level_1 > li {float: left;padding: 0 10px;}
#header .mod_navigation .level_1 > .first a, #header .mod_navigation .level_1 > .first span {background-image: url("../../files/ocos/layout/images/icon_home.png");background-position: left center;background-repeat: no-repeat;display: inline-block;height: 19px;overflow: hidden;padding-left: 20px;width: 0;}
#header .mod_navigation .level_1 > .first.active span, #header .mod_navigation .level_1 > .first a:hover {background-position: right center;}
#header .mod_navigation .level_1 > .last {margin-right: 20px;}
#header .mod_navigation .level_1 li.active > a, #header .mod_navigation .level_1 li.active > span, #header .mod_navigation .level_1 li.trail > a, #header .mod_navigation .level_1 li.trail > span, #header .mod_navigation .level_1 li > a:hover, #header .mod_navigation .level_1 li > span:hover {color: #9f0737;}
#header .mod_navigation .level_1 > li.submenu {overflow: visible;position: relative;}
#header .mod_navigation .level_2 {background: #fff none repeat scroll 0 0;display: none;position: absolute;}
#header .mod_navigation .level_1 > li:hover .level_2 {background-color: rgba(0, 0, 0, 0.5);box-shadow: 0 6px 6px 1px rgba(0, 0, 0, 0.3);display: block;left: -20px;line-height: 35px;padding: 5px 20px 10px;position: absolute;z-index: 30;}
#header .trenner:last-child, #header .trenner.last {display: none;}
#header .termin {font-size: 19px;line-height: 29px;position: absolute;right: 0;text-align: right;text-transform: uppercase;top: 80px;transition: all 1s ease 0s;}
.attop #header .termin {display: none;}
#header .termin p {background-color: rgba(159, 7, 55, 0.8);color: #fff;display: inline-block;margin-bottom: 3px;padding: 0 12px;}
#header .termin hr {border: 0 none;margin: 0;}
#header .termin a {background-image: url("../../files/ocos/layout/images/icon_phone_small.png");background-position: 0 center;background-repeat: no-repeat;color: #fff;padding-left: 20px;}
#image_header {height: 390px;padding-top: 75px;}
.mod_breadcrumb li {color: #818181;float: left;font-size: 16px;line-height: 50px;}
.mod_breadcrumb li::after {content: ">";margin: 0 0.3em;}
.mod_breadcrumb li.last::after {display: none;}
.nojs #slider {height: 1px;min-height: 768px;}
#slider_viewport {height: calc(100% - 225px);overflow: hidden;position: relative;}
#slider_container {height: 100%;position: relative;width: auto;}
.ce_sliderelement {background-color: #fff;background-position: center center;background-size: cover;height: 100%;opacity: 0;position: absolute;transition: all 1s ease 0s;width: 100%;z-index: 1;}
.ce_sliderelement.active {opacity: 1;z-index: 5;}
.ce_sliderelement > div {height: 95%;margin: 0 auto;max-width: 1200px;position: relative;width: 96%;}
.nojs .ce_sliderelement > div {height: auto;width: auto;}
.ce_sliderelement .text > * {line-height: 55px;}
.ce_sliderelement .text {bottom: 0;left: 0;position: absolute;text-align: left;}
.ce_sliderelement.right .text {right: 0;text-align: right;}
.ce_sliderelement .text p {color: #fff;font-family: "Aperto", Verdana, Geneva, sans-serif;font-size: 32px;letter-spacing: 2px;line-height: 55px;margin-bottom: 3px;padding: 0 0.5em;text-shadow: 0 -1px #4b4b4b;text-transform: uppercase;vertical-align: top;}
.slider_arrow {border-radius: 28px;cursor: pointer;height: 56px;position: absolute;top: calc(50% - 28px);transition: all 0.5s ease 0s;width: 56px;z-index: 10;}
.slider_arrow:hover {background-color: rgba(159, 7, 55, 0.8);}
.nojs #slider_navi {display: none;}
#slider_left {background-image: url("../images/btn_slider_left.png");left: 2%;display: none;}
#slider_right {background-image: url("../images/btn_slider_right.png");right: 2%;display: none;}
#slider_dots {bottom: 10%;height: 15px;line-height: 15px;position: absolute;text-align: center;width: 20%;z-index: 10;}
#slider_dots > span {background-color: transparent;border: 1px solid #ffffff;border-radius: 7.5px;cursor: pointer;display: inline-block;height: 15px;margin: 0 5px;width: 15px;}
#slider_dots > span.active {background-color: #ffffff;border: medium none;}
.grid-promotion {list-style: outside none none;margin: 0 auto;max-width: 1200px;padding: 0;position: relative;text-align: center;}
.grid-promotion h2 {display: block;}
.content-promotion {background: #ecebeb none repeat scroll 0 0;margin: 30px auto 5px;width: 100%;overflow: hidden;}
.head-pro {text-align: center;}
.grid-promotion figure {background: #ecebeb none repeat scroll 0 0;cursor: default;float: left;margin-right: 0.5%;max-height: 360px;overflow: hidden;position: relative;text-align: center;width: 49.68%;margin-bottom: 0.5%;text-align: center;}
.grid-promotion figure.right {margin-right: 0;}
.grid-promotion figure.bottom {margin-bottom: 0;}
.grid-promotion figure img {display: block;max-width: 100%;/* min-height: 100%;*/
	position: relative;}
.grid-promotion figure figcaption {backface-visibility: hidden;color: #fff;font-size: 1.25em;padding: 2em;text-transform: uppercase;}
.grid-promotion figure figcaption::before, .grid-promotion figure figcaption::after {float: right;pointer-events: none;width: 50%;}
.grid-promotion figure figcaption, .grid-promotion figure figcaption > a {height: 100%;position: absolute;right: 0;top: 0;width: 100%;}
.grid-promotion figure figcaption > a {font-size: 0;opacity: 0;text-indent: 200%;white-space: nowrap;z-index: 1000;}
.grid-promotion figure h2 {font-weight: 300;word-spacing: -0.15em;}
.grid-promotion figure h2 span {font-weight: 800;}
.grid-promotion figure h2, .grid-promotion figure p {margin: 0;}
.grid-promotion figure p {font-size: 68.5%;letter-spacing: 1px;}
figure.effect-lily img {max-width: none;opacity: 0.7;transform: translate3d(-40px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: calc(100% + 50px);}
figure.effect-lily figcaption {text-align: left;}
figure.effect-lily figcaption > div {bottom: 0;height: 50%;left: 0;padding: 2em;position: absolute;width: 100%;}
figure.effect-lily h2, figure.effect-lily p {transform: translate3d(0px, 40px, 0px);}
figure.effect-lily h2 {transition: transform 0.35s ease 0s;}
figure.effect-lily p {color: rgba(255, 255, 255, 0.8);opacity: 0;transition: opacity 0.2s ease 0s, transform 0.35s ease 0s;}
figure.effect-lily:hover img, figure.effect-lily:hover p {opacity: 1;}
figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {transform: translate3d(0px, 0px, 0px);}
figure.effect-lily:hover p {transition-delay: 0.05s;transition-duration: 0.35s;}
figure.effect-sadie figcaption::before {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%) repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transform: translate3d(0px, 50%, 0px);width: 100%;}
figure.effect-sadie h2 {color: #484c61;left: 0;position: absolute;top: 50%;transform: translate3d(0px, -50%, 0px);transition: transform 0.35s ease 0s, color 0.35s ease 0s;width: 100%;}
figure.effect-sadie figcaption::before, figure.effect-sadie p {transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-sadie p {bottom: 0;left: 0;opacity: 0;padding: 2em;position: absolute;transform: translate3d(0px, 10px, 0px);width: 100%;}
figure.effect-sadie:hover h2 {color: #fff;transform: translate3d(0px, -50%, 0px) translate3d(0px, -40px, 0px);}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-roxy {background: rgba(0, 0, 0, 0) linear-gradient(45deg, #ff89e9 0%, #05abe0 100%) repeat scroll 0 0;}
figure.effect-roxy img {max-width: none;transform: translate3d(-50px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: calc(100% + 60px);}
figure.effect-roxy figcaption::before {border: 1px solid #fff;bottom: 30px;content: "";left: 30px;opacity: 0;position: absolute;right: 30px;top: 30px;transform: translate3d(-20px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-roxy figcaption {padding: 3em;text-align: left;}
figure.effect-roxy h2 {}
figure.effect-roxy p {opacity: 0;transform: translate3d(-10px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-roxy:hover img {opacity: 0.7;transform: translate3d(0px, 0px, 0px);}
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-selena {background: #fff none repeat scroll 0 0;}
figure.effect-selena img {opacity: 0.95;transform-origin: 50% 50% 0;transition: transform 0.35s ease 0s;}
figure.effect-selena:hover img {transform: scale3d(0.95, 0.95, 1);}
figure.effect-selena h2 {transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-selena p {opacity: 0;transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);transform-origin: 50% 0 0;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-selena:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-selena:hover p {opacity: 1;transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);}
figure.effect-ruby {}
figure.effect-ruby img {transform: scale(1.15);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-ruby:hover img {transform: scale(1);}
figure.effect-ruby h2 {margin-top: 20%;transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-ruby p {border: 1px solid #fff;margin: 1em 0 0;padding: 3em;transform: translate3d(0px, 20px, 0px) scale(1.1);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-ruby:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-ruby:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px) scale(1);}
figure.effect-bubba {background: #ffffff none repeat scroll 0 0;}
figure.effect-bubba img {transition: opacity 0.35s ease 0s;}
figure.effect-bubba:hover img {opacity: 0.8;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {bottom: 30px;content: "";left: 30px;opacity: 0;position: absolute;right: 30px;top: 30px;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-bubba figcaption::before {transform: scale(0, 1);}
figure.effect-bubba figcaption::after {transform: scale(1, 0);}
figure.effect-bubba h2 {padding-top: 30%;transform: translate3d(0px, -20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-bubba p {opacity: 0;padding: 20px 2.5em;transform: translate3d(0px, 20px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {opacity: 1;transform: scale(1);}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-romeo {perspective: 1000px;}
figure.effect-romeo img {transform: translate3d(0px, 0px, 300px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-romeo:hover img {opacity: 0.6;transform: translate3d(0px, 0px, 0px);}
figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after {background: #fff none repeat scroll 0 0;content: "";height: 1px;left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: 80%;}
figure.effect-romeo:hover figcaption::before {opacity: 0.5;transform: translate3d(-50%, -50%, 0px) rotate(45deg);}
figure.effect-romeo:hover figcaption::after {opacity: 0.5;transform: translate3d(-50%, -50%, 0px) rotate(-45deg);}
figure.effect-romeo h2, figure.effect-romeo p {left: 0;position: absolute;top: 50%;transition: transform 0.35s ease 0s;width: 100%;}
figure.effect-romeo h2 {transform: translate3d(0px, -50%, 0px) translate3d(0px, -150%, 0px);}
figure.effect-romeo p {padding: 0.25em 2em;transform: translate3d(0px, -50%, 0px) translate3d(0px, 150%, 0px);}
figure.effect-romeo:hover h2 {transform: translate3d(0px, -50%, 0px) translate3d(0px, -100%, 0px);}
figure.effect-romeo:hover p {transform: translate3d(0px, -50%, 0px) translate3d(0px, 100%, 0px);}
figure.effect-layla {background: #18a367 none repeat scroll 0 0;}
figure.effect-layla img {height: 390px;}
figure.effect-layla figcaption {padding: 3em;}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {content: "";opacity: 0;position: absolute;}
figure.effect-layla figcaption::before {border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 50px;left: 30px;right: 30px;top: 50px;transform: scale(0, 1);transform-origin: 0 0 0;}
figure.effect-layla figcaption::after {border-left: 1px solid #fff;border-right: 1px solid #fff;bottom: 30px;left: 50px;right: 50px;top: 30px;transform: scale(1, 0);transform-origin: 100% 0 0;}
figure.effect-layla h2 {padding-top: 26%;transition: transform 0.35s ease 0s;}
figure.effect-layla p {opacity: 0;padding: 0.5em 2em;text-transform: none;transform: translate3d(0px, -10px, 0px);}
figure.effect-layla img, figure.effect-layla h2 {transform: translate3d(0px, -30px, 0px);}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-layla:hover img {opacity: 0.7;transform: translate3d(0px, 0px, 0px);}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {opacity: 1;transform: scale(1);}
figure.effect-layla:hover h2, figure.effect-layla:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {transition-delay: 0.15s;}
figure.effect-honey {background: #4a3753 none repeat scroll 0 0;}
figure.effect-honey img {opacity: 0.9;transition: opacity 0.35s ease 0s;}
figure.effect-honey:hover img {opacity: 0.5;}
figure.effect-honey figcaption::before {background: #fff none repeat scroll 0 0;bottom: 0;content: "";height: 10px;left: 0;position: absolute;transform: translate3d(0px, 10px, 0px);width: 100%;}
figure.effect-honey h2 {bottom: 0;left: 0;padding: 1em 1.5em;position: absolute;text-align: left;transform: translate3d(0px, -30px, 0px);width: 100%;}
figure.effect-honey h2 i {font-style: normal;opacity: 0;transform: translate3d(0px, -30px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-honey figcaption::before, figure.effect-honey h2 {transition: transform 0.35s ease 0s;}
figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-oscar {background: rgba(0, 0, 0, 0) linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%) repeat scroll 0 0;}
figure.effect-oscar img {opacity: 0.9;transition: opacity 0.35s ease 0s;}
figure.effect-oscar figcaption {background-color: rgba(58, 52, 42, 0.7);padding: 3em;transition: background-color 0.35s ease 0s;}
figure.effect-oscar figcaption::before {border: 1px solid #fff;bottom: 30px;content: "";left: 30px;position: absolute;right: 30px;top: 30px;}
figure.effect-oscar h2 {margin: 20% 0 10px;transform: translate3d(0px, 100%, 0px);transition: transform 0.35s ease 0s;}
figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity: 0;transform: scale(0);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-oscar:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {opacity: 1;transform: scale(1);}
figure.effect-oscar:hover figcaption {background-color: rgba(58, 52, 42, 0);}
figure.effect-oscar:hover img {opacity: 0.4;}
figure.effect-marley figcaption {text-align: right;}
figure.effect-marley h2, figure.effect-marley p {left: 30px;padding: 10px 0;right: 30px;}
figure.effect-marley p {bottom: 30px;line-height: 1.5;transform: translate3d(0px, 100%, 0px);}
figure.effect-marley h2 {top: 30px;transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-marley:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-marley h2::after {background: #fff none repeat scroll 0 0;content: "";height: 4px;left: 0;position: absolute;top: 100%;transform: translate3d(0px, 40px, 0px);width: 100%;}
figure.effect-marley h2::after, figure.effect-marley p {line-height: 20px;opacity: 0;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-ruby {}
.grid figure figcaption a {background-color: #9f0737;color: #ffffff;cursor: pointer;left: 22%;margin: 0 auto;padding: 0px 20px;position: absolute;top: 47%;width: 44%;text-decoration: none;line-height: 35px;}
.grid figure figcaption a:hover {background-color: #000000;color: #ffffff;}
figure.effect-ruby img {-webkit-transform: scale(1.15);-moz-transform:    scale(1.15);-ms-transform:     scale(1.15);-o-transform:      scale(1.15);transform:         scale(1.15);-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-ruby:hover img {-webkit-transform: scale(1);-moz-transform:    scale(1);-ms-transform:     scale(1);-o-transform:      scale(1);transform:         scale(1);-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-ruby h2 {margin-top: 20%;transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-ruby p {border: 1px solid #fff;margin: 1em 0 0;opacity: 0;padding: 3em;transform: translate3d(0px, 20px, 0px) scale(1.1);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-ruby:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-ruby:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px) scale(1);}
figure.effect-milo {background: #2e5d5a none repeat scroll 0 0;}
figure.effect-milo img {backface-visibility: hidden;max-width: none;opacity: 1;transform: translate3d(-30px, 0px, 0px) scale(1.12);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: calc(100% + 60px);}
figure.effect-milo:hover img {opacity: 0.5;transform: translate3d(0px, 0px, 0px) scale(1);}
figure.effect-milo h2 {bottom: 0;padding: 1em 1.2em;position: absolute;right: 0;}
figure.effect-milo p {border-right: 1px solid #fff;opacity: 0;padding: 0 10px 0 0;text-align: right;transform: translate3d(-40px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: 50%;}
figure.effect-milo:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-dexter {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(104, 60, 19, 1) 100%) repeat scroll 0 0;}
figure.effect-dexter img {transition: opacity 0.35s ease 0s;}
figure.effect-dexter:hover img {opacity: 0.4;}
figure.effect-dexter figcaption::after {border: 7px solid #fff;bottom: 30px;content: "";height: calc(50% - 30px);left: 30px;position: absolute;right: 30px;transform: translate3d(0px, -100%, 0px);transition: transform 0.35s ease 0s;}
figure.effect-dexter:hover figcaption::after {transform: translate3d(0px, 0px, 0px);}
figure.effect-dexter figcaption {padding: 3em;text-align: left;}
figure.effect-dexter p {bottom: 60px;left: 60px;opacity: 0;position: absolute;right: 60px;transform: translate3d(0px, -100px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-dexter:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-sarah {background: transparent none repeat scroll 0 0;}
figure.effect-sarah img {backface-visibility: hidden;max-width: none;transform: translate3d(-10px, 0px, 0px);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;width: calc(100% + 20px);}
figure.effect-sarah:hover img {opacity: 1;transform: translate3d(0px, 0px, 0px);}
figure.effect-sarah figcaption {text-align: left;width: 50%;}
figure.effect-sarah h2 {color: #ffffff;text-shadow: 2px 1px 1px #000;font-family: "Aperto", Verdana, Geneva, sans-serif;font-size: 30px;letter-spacing: 2px;line-height: 30px;overflow: hidden;padding: 0.3em 0;position: relative;text-transform: none;}
figure.effect-sarah:hover h2::after {transform: translate3d(0px, 0px, 0px);}
figure.effect-sarah p {color: #ffffff;text-shadow:2px 1px 1px #000000;line-height: 22px;opacity: 1;padding: 0;}
figure.effect-sarah:hover p {opacity: 1;transform: translate3d(0px, 0px, 0px);}
p.figure-booknow {cursor:pointer;background-color: #4b4b4b;color: #ffffff !important;font-size: 0.6em !important;margin-top: -10px;overflow: hidden;padding: 6px 0 !important;position: relative;text-align: center;text-transform: uppercase;width: 57%;}
@media screen and (max-width: 768px) {
p.figure-booknow {margin: auto!important;width: 35%!important;}
}
figure.effect-zoe figcaption {background: #fff none repeat scroll 0 0;bottom: 0;color: #3c4a50;height: 3.75em;padding: 1em;top: auto;transform: translate3d(0px, 100%, 0px);transition: transform 0.35s ease 0s;}
figure.effect-zoe h2 {float: left;}
figure.effect-zoe p.icon-links a {color: #3c4a50;float: right;font-size: 1.4em;}
figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus {color: #252d31;}
figure.effect-zoe p.description {bottom: 8em;color: #fff;font-size: 90%;opacity: 0;padding: 2em;position: absolute;text-transform: none;transition: opacity 0.35s ease 0s;}
figure.effect-zoe h2, figure.effect-zoe p.icon-links a {transform: translate3d(0px, 200%, 0px);transition: transform 0.35s ease 0s;}
figure.effect-zoe p.icon-links a span::before {-moz-osx-font-smoothing: grayscale;display: inline-block;font-family: "feathericons";padding: 8px 10px;}
.icon-eye::before {content: "";}
.icon-paper-clip::before {content: "";}
.icon-heart::before {content: "";}
figure.effect-zoe h2 {display: inline-block;}
figure.effect-zoe:hover p.description {opacity: 1;}
figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a {transform: translate3d(0px, 0px, 0px);}
figure.effect-zoe:hover h2 {transition-delay: 0.05s;}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {transition-delay: 0.1s;}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {transition-delay: 0.15s;}
figure.effect-zoe:hover p.icon-links a:first-child {transition-delay: 0.2s;}
figure.effect-chico img {transform: scale(1.12);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-chico:hover img {opacity: 0.5;transform: scale(1);}
figure.effect-chico figcaption {padding: 3em;}
figure.effect-chico figcaption::before {border: 1px solid #fff;bottom: 30px;content: "";left: 30px;position: absolute;right: 30px;top: 30px;transform: scale(1.1);}
figure.effect-chico figcaption::before, figure.effect-chico p {opacity: 0;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
figure.effect-chico h2 {padding: 20% 0 20px;}
figure.effect-chico p {margin: 0 auto;max-width: 200px;transform: scale(1.5);}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {opacity: 1;transform: scale(1);}
@media screen and (max-width: 50em) {
.content {padding: 0 10px;text-align: center;}
.grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%;}
}
.leistungen_viewport {height: 320px;overflow: hidden;position: relative;}
.leistungen_container {margin: 0 auto;position: relative;width: 600px;}
@media screen and (min-width: 1024px) {
.leistungen_container {width: 900px;}
}
@media screen and (min-width: 1440px) {
.leistungen_container {width: 100%;}
}
.nojs .leistungen_container {height: auto;}
.leistungen_container .slides {height: 100%;left: 0;position: absolute;top: 0;transition: all 1s ease 0s;width: 2400px;}
.leistungen_container .leistung {float: left;height: 100%;margin: 0 30px;}
.leistungen_container .image_container {height: 100%;}
.leistungen_container .image_container img {height: 280px;width: 280px;}
.nojs .leistungen_container .leistung {float: left;margin: 0 2.5%;width: 20%;}
.leistungen_container::after {clear: both;content: "";display: block;}
.caption {width: 100% !important;}
#leistungen_next {background-image: url("../../files/ocos/layout/images/btn_slider_right_grey.png");cursor: pointer;height: 56px;position: absolute;right: -56px;top: 112px;width: 56px;z-index: 10;}
#leistungen_prev {background-image: url("../../files/ocos/layout/images/btn_slider_left_grey.png");cursor: pointer;height: 56px;left: -56px;position: absolute;top: 112px;width: 56px;z-index: 10;}
.ce_image.referenz_siegel {display: inline-block;margin: 20px;}
.xt_teammember_container {font-size: 22px;line-height: 280px;margin: 20px auto;max-width: 600px;}
.xt_teammember_container::after {clear: both;content: "";display: block;}
.xt_teammember_container .member_info {float: right;font-size: 18px;line-height: 30px;margin-left: 20px;max-width: 280px;}
.xt_teammember_container img {max-height: 280px;}
.xt_teammember_container .member_text {display: inline-block;line-height: 30px;max-width: calc(100% - 300px);vertical-align: middle;width: 65%;}
.xt_teammember_container .statement::before {content: "„";font-size: 22px;}
.xt_teammember_container .statement::after {content: "“";font-size: 22px;}
#main #teamslider {overflow: visible;width: 600px;}
.team_viewport {height: 400px;line-height: 400px;overflow: hidden;position: relative;}
.team_viewport::before {background-image: url("../../files/ocos/layout/images/overlay_white_transparent.png");content: "";display: block;height: 100%;pointer-events: none;position: absolute;width: 25px;z-index: 10;}
.team_viewport::after {background-image: url("../../files/ocos/layout/images/overlay_transparent_white.png");content: "";display: block;height: 100%;pointer-events: none;position: absolute;right: 0;width: 25px;z-index: 10;}
.team_container {margin: 0 auto 30px;position: relative;width: 600px;}
@media screen and (min-width: 1024px) {#main #teamslider, .team_container {max-width: 900px;width: 900px;}
}
@media screen and (min-width: 1440px) {#main #teamslider {max-width: 1200px;width: 1200px;}
 .team_container {max-width: 1200px;width: 100%;}
}
.nojs .team_container {height: auto;}
.team_container .slides {height: 100%;left: 0;position: absolute;top: 0;width: 2400px;}
.team_container .team {cursor: pointer;display: inline-block;height: 400px;margin: 0 10px;transition: all 0.7s ease 0s;vertical-align: middle;width: 280px;}
.team_container .team.active {cursor: default;width: 400px !important;}
.team_container img {height: auto;vertical-align: middle;width: 100%;}
.nojs .team_container .team {float: left;margin: 0 2.5%;width: 20%;}
.team_container::after {clear: both;content: "";display: block;}
.desc_team {margin: 0 auto;max-width: 768px;min-height: 250px;}
.desc_team .ce_text {display: none;}
.desc_team .ce_text.active {display: block;}
.desc_team h3 {text-align: center;}
.caption {width: 100% !important;}
.team_next {background-image: url("../../files/ocos/layout/images/btn_slider_right_grey.png");cursor: pointer;height: 56px;position: absolute;right: -66px;top: 172px;width: 56px;z-index: 10;}
.team_prev {background-image: url("../../files/ocos/layout/images/btn_slider_left_grey.png");cursor: pointer;height: 56px;left: -66px;position: absolute;top: 172px;width: 56px;z-index: 10;}
@media screen and (min-width: 1024px) and (max-width: 1280px) {.team_prev {background-size: 100% 100%;height: 46px;left: -54px;top: 177px;width: 46px;}
 .team_next {background-size: 100% 100%;height: 46px;right: -54px;top: 177px;width: 46px;}
}
#teamslider h3.ce_headline {font-size: 28px;line-height: 38px;text-align: center;}
.quicknavi {height: 100%;line-height: 30px;position: fixed;right: 0;text-align: center;top: 0;width: 30px;}
.quicknavi > div {background-color: rgba(159, 7, 55, 0.8);height: 100%;position: absolute;right: -30px;top: 0;transition: all 0.5s ease 0s;}
.quicknavi > div > div {left: 0;position: relative;top: 40%;}
.quicknavi:hover > div {right: 0;}
.quicknavi a {display: block;height: 30px;margin-bottom: 5px;width: 30px;}
@media screen and (max-width: 1279px) {.quicknavi {display: none;}
}
.implantate-behandlungsspektrum .ce_downloads_with_preview, .padl {padding-left: 170px;}
#oralchirurgie-behandlungsspektrum .toggler {background-image: url("../../files/ocos/layout/images/btn_slider_down.png");background-position: left center;background-repeat: no-repeat;background-size: 25px auto;border-top: 1px solid #737373;cursor: pointer;line-height: 40px;padding-left: 35px;}
#oralchirurgie-behandlungsspektrum .toggler.ui-state-active {background-image: url("../../files/ocos/layout/images/btn_slider_up.png");}
#oralchirurgie-behandlungsspektrum .accordion {padding-left: 50px;}
.ce_accordionSingle + .ce_text.last {margin-top: 18px;}
#termin_page {position: relative;text-align: right;}
#termin_page .inside::after {clear: both;content: "";display: block;}
#termin_page .ce_text, #termin_page .ce_hyperlink {clear: right;float: right;}
#termin_page .ce_text.first {background-color: #fff;line-height: 24px;margin-bottom: 60px;margin-top: 60px;overflow: visible;padding: 2em 4em 1em;position: relative;}
#termin_page .ce_text.first::before {content: url("../../files/ocos/layout/images/icon_clock.png");left: calc(50% - 18px);position: absolute;top: -18px;}
.ce_text.termin p {background-color: rgba(159, 7, 55, 0.8);color: #fff;font-size: 40px;line-height: 55px;margin-bottom: 3px;padding: 0 15px;text-transform: uppercase;}
.ce_text.termin p a {background-image: url("../../files/ocos/layout/images/icon_phone.png");background-position: 0 center;background-repeat: no-repeat;color: #fff;padding-left: 35px;}
#footer {background-color: #e5e4e4;color: #333333;font-size: 13px;padding-bottom: 20px;position: relative;overflow: hidden;}
#footer a {color: #680b24;}
#footer a:hover {color: #a32949
}
#footer p {margin: 0;line-height: 20px;}
#footer p span {display: block;}
#footer .mod_article {float: left;width: 33%;}
.socialmedia, #footer .socialmedia, #footer .mod_customnav {float: none;}
.mod_customnav ul {margin: 0 auto;text-align: center;padding: 25px 0;}
#footer .socialmedia {float: right;width: 32%;text-align: right; margin:0 2% 0 0}
#footer .sistersite {float: right;width: 5%;text-align: right;display: none;}
#footer .award {float: left;overflow: hidden;/* width: 100%;*/margin: 0 20px;/* background-color: #ffffff;*/padding: 0;width: 32%;text-align: center;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display: none;}
.nbs-flexisel-container {max-width: 100%;position: relative;}
.nbs-flexisel-ul {list-style-type: none;margin: 0;padding: 0;position: relative;text-align: center;width: 9999px;}
.nbs-flexisel-inner {background-color: #ffffff;float: left;overflow: hidden;width: 100%;}
.nbs-flexisel-item {cursor: pointer;float: left;line-height: 0;margin: 0;padding: 0;width: auto !important;position: relative;}
.nbs-flexisel-item img {cursor: pointer;width: 100%;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {cursor: pointer;height: 22px;opacity: 0.5;position: absolute;width: 22px;z-index: 100;}
.nbs-flexisel-nav-left {background: rgba(0, 0, 0, 0) url("images/button-previous.png") no-repeat scroll 0 0;left: 10px;}
.nbs-flexisel-nav-right {background: rgba(0, 0, 0, 0) url("images/button-next.png") no-repeat scroll 0 0;right: 5px;}
.socialmedia .ce_hyperlink, #footer .mod_customnav li {display: inline-block;color: #630a26;text-transform: uppercase;}
.ce_hyperlink {}
.socialmedia .ce_hyperlink a {float: left;margin: 2px;padding: 1px;}
.socialmedia .ce_hyperlink a:hover {opacity: 0.6;}
.socialmedia .ce_hyperlink img {vertical-align: middle;}
#footer .trenner:last-child, #footer .trenner.last {display: none;}
#klinik {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_klinik_ansatz_02.jpg");background-position: center center;background-size: cover;}
#unser-leistungsspektrum {background: #fff none repeat scroll 0 0;}
#team_onepager {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_team_bg.jpg");background-position: center center;background-size: cover;}
#gute-gruende-fuer-ihren-besuch-83, #gute-gruende-fuer-ihren-besuch {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_zaehne_30.jpg");background-position: center center;background-size: cover;}
#termin_page {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_kontakt.jpg");background-position: center center;background-size: cover;}
#image_header .ce_backgroundimage {background-position: center center;background-size: cover;height: 340px;}
#image_header .ce_backgroundimage.left {background-position: left center;}
#image_header .ce_backgroundimage.right {background-position: right center;}
#main .inside #kontakt-text {max-width: 728px;}
#main .inside #kontakt {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_klinik_ansatz_02.jpg");background-size: cover;max-width: 100%;width: 100%;}
#main .inside #kontakt-maps {max-width: 100%;width: 100%;}
#kontakt .inside2 {background-color: #fff;margin: 30px auto 0;padding: 0 15px;width: 738px;}
#kontakt .kontaktdaten {background-image: url("../../files/ocos/layout/images/icon_mail_big.png");background-position: 0 15px;background-repeat: no-repeat;float: left;padding-left: 45px;width: 50%;}
#kontakt .sprechstunde {background-image: url("../../files/ocos/layout/images/icon_clock_big.png");background-position: 0 15px;background-repeat: no-repeat;padding-left: 45px;}
#kontakt #kontaktformular {background-image: url("../../files/ocos/layout/images/icon_kontakt_big.png");background-position: left center;background-repeat: no-repeat;clear: left;margin: 9px 0 0;padding-bottom: 15px;padding-left: 45px;padding-top: 18px;}
#kontakt #anfahrt {background-image: url("../../files/ocos/layout/images/icon_location_big.png");background-position: 0 0;background-repeat: no-repeat;clear: left;margin-bottom: 0;padding-bottom: 20px;padding-left: 45px;padding-top: 6px;}
#kontakt .ce_hyperlink.social a {background-position: left center;background-repeat: no-repeat;display: inline-block;line-height: 35px;margin-bottom: 10px;padding-left: 45px;}
#kontakt .ce_hyperlink.fb a {background-image: url("../../files/ocos/layout/images/icon_fb_big.png");margin-top: 30px;}
#kontakt .ce_hyperlink.gplus a {background-image: url("../../files/ocos/layout/images/icon_gplus_big.png");}
#kontakt .ce_hyperlink.twitter a {background-image: url("../../files/ocos/layout/images/icon_twitter_big.png");}
#kontakt .ce_form label {display: none;}
#kontakt .widget-explanation {padding-left: 45px;}
#kontakt .widget-text {box-sizing: border-box;clear: left;float: left;padding-left: 45px;width: 50%;}
#kontakt .widget-textarea {box-sizing: border-box;float: right;padding-right: 45px;width: 50%;}
textarea {height: 106px;}
#kontakt .submit_container {clear: both;margin: 0;text-align: center;width: 100%;}
#main #teamslider, #main .inside .mod_article > .ce_dlh_googlemaps.last {margin-bottom: 0;}
.page_contact #termin_page, .page_contact_sent #termin_page {display: none;}
.ce_dlh_googlemaps {height: 400px;}
.ce_dlh_googlemaps h3 {color: inherit;margin: 0;}
.ce_dlh_googlemaps input.text {border: 1px solid #aaa;line-height: 25px;padding: 0 5px;}
.ce_dlh_googlemaps input.submit {background-color: #fff;border: 1px solid #aaa;line-height: 25px;margin-left: 3px;padding: 0 7px;}
.mod_sitemap .level_1 > li > a {color: #9f0737;font-size: 21px;line-height: 24px;}
.mod_sitemap .level_1 > li {margin-bottom: 20px;}
.mod_sitemap .level_2 {margin-left: 20px;}
.mod_sitemap .level_3 {margin-bottom: 0;margin-left: 20px;}
.gallery_caption figure {padding: 0 5%;}
.gallery_image + .gallery_image {clear: none;}
.gallery_caption {clear: left;float: left;padding: 0 1%;width: 23%;}
.gallery_caption + .gallery_caption {clear: none;}
.gallery_caption + * {clear: left;}
.ce_download.btn.red .size, .ce_download.btn.red img {display: none;}
#main .inside #narkose-typ-test {background-image: url("../../files/ocos/content/images/startseite/startseite_ocos_klinik_ansatz_01.jpg");background-size: cover;max-width: 100%;text-align: center;width: 100%;}
#main .inside #narkose-typ-test .inside {background-color: #fff;padding: 20px;}
#main .inside #narkose-typ-test .inside .ce_text {margin: 0 auto;max-width: 768px;}
#klinik-mediathek {overflow: visible;}
.ce_gallery {overflow: visible;position: relative;}
#klinik-mediathek .cols_5 {min-height: 448px;}
#klinik-mediathek .cols_5 li {line-height: 0;margin-bottom: 2.5%;margin-right: 2.5%;width: 18%;}
#klinik-mediathek li.col_last {margin-right: 0;}
.pagination p {float: left;}
.pagination ul {text-align: center;}
.pagination ul li {display: inline-block;margin: 0 10px;}
.pagination li a {display: block;height: 100%;}
.pagination li.previous, .pagination li.next {color: transparent;height: 56px;margin: 0;position: absolute;top: 40%;width: 56px;}
.pagination li.next {background-image: url("../../files/ocos/layout/images/btn_slider_right_grey.png");right: -74px;}
.pagination li.previous {background-image: url("../../files/ocos/layout/images/btn_slider_left_grey.png");left: -74px;}
#cboxTitle, #cboxCurrent {display: none !important;}
.page_mediathek #header .termin {display: none;}
.ce_player {height: 100%;}
video {display: block;margin: 0 auto;max-height: 100%;width: 100%;}
.video_menu {background-color: rgba(0, 0, 0, 0.5);height: 125px;}
.ce_videoteaser {box-sizing: border-box;color: #fff;cursor: pointer;display: inline-block;height: 100%;margin: 0 0.5%;padding-top: 10px;text-align: center;vertical-align: top;width: 15%;}
.ce_videoteaser img {height: 55px;}
.ce_videoteaser p {line-height: 18px;}
.layout_referenzen #main {padding-top: 75px;}
.layout_referenzen #header .termin {display: none;}
#main .inside #testimonials, #main .inside #gute-gruende-fuer-ihren-besuch-83 {max-width: 100%;text-align: center;}
#gute-gruende-fuer-ihren-besuch-83 .ce_hyperlink {display: none;}
.xt_referenzen_container::after {clear: both;content: "";display: block;}
.xt_referenz_container, .xt_referenz_container.testimonial .image, .xt_referenz_container.teaser .image {background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;vertical-align: middle;}
.xt_referenz_container.contain, .xt_referenz_container.testimonial .image.contain, .xt_referenz_container.teaser .image.contain {background-size: contain;}
.xt_referenz_container .content {align-items: center;bottom: 0;display: flex;left: 0;position: absolute;right: 0;top: 0;}
.xt_referenz_container .headlines {bottom: 10%;position: absolute;right: 0;}
.xt_referenz_container.left {float: left;}
.xt_referenz_container.right {float: right;}
.xt_referenz_container.left.clr {clear: left;}
.xt_referenz_container.right.clr {clear: right;}
.xt_referenz_container.link a {display: block;height: 100%;width: 100%;}
.xt_referenz_container.image h2 {display: inline-block;float: right;padding: 0 12px;}
.xt_referenz_container.teaser a {max-width: 80%;}
.xt_referenz_container.testimonial .image, .xt_referenz_container.teaser .image {float: left;height: 100%;width: 50%;}
.xt_referenz_container.testimonial .content_text, .xt_referenz_container.teaser .content_text {box-sizing: border-box;display: inline-block;padding: 0 5%;width: 50%;}
.square {width: 25%;}
.big_square {width: 50%;}
.square::before, .big_square::before {content: "";display: block;padding-top: 100%;}
.rectangle {width: 50%;}
.rectangle::before {content: "";display: block;padding-top: 50%;}
#impressum .float_left {margin-right: 4%;width: 48%;}
#impressum .clear_float {clear: left;}
#impressum h4 {margin-left: 0;}
@media screen and (max-width: 1023px) {.square {width: 50%;}
 .big_square {width: 100%;}
 .rectangle {width: 100%;}
 #image_header, #video, .ce_player {height: auto !important;}
 .pagination .next, .pagination .previous {display: none;}
}
@media screen and (max-width: 1024px) {#header .socialmedia, #header .mod_navigation {line-height: 37px;}
 #header .mod_navigation {clear: right;font-size: 16px;}
 #header .mod_navigation .level_1 > .last {margin-right: 0;}
}
div.wisse a:hover {color: #9f0737;}
div.mod_narkose_test {margin: 20px auto auto;text-align: left;width: 555px;}
div.mod_narkose_test div.steps {height: 78px;margin: auto auto 35px;width: 555px;}
div.mod_narkose_test div.steps > div {float: left;}
div.mod_narkose_test div.steps div.step {background-color: #d1d1d1;border-radius: 39px;color: #ffffff;height: 40px;line-height: 40px;padding: 19px 0;text-align: center;width: 78px;}
div.mod_narkose_test div.steps div.step.answer {line-height: 18px;}
div.mod_narkose_test div.steps div.step.active {background-color: #9f0737;}
div.mod_narkose_test div.steps div.division {margin: 0 5px;padding: 33px 0;width: 66px;}
div.mod_narkose_test div.steps div.division div {background-color: #bababa;border-radius: 6px;float: left;height: 12px;margin: 0 5px;width: 12px;}
div.mod_narkose_test div.questions span {color: #9f0737;display: block;margin-bottom: 5px;}
div.mod_narkose_test form {line-height: 26px;}
div.mod_narkose_test input.submit, div.mod_narkose_test a.btn {background-color: #ffffff;border: 2px solid #a11544;color: #a11544;cursor: pointer;display: block;font-family: "FrutigerLTW01-47LightCn";height: 47px;margin: 20px 0 0 145px;padding: 0;width: 255px;}
div.mod_narkose_test input.submit_1, div.mod_narkose_test a.btn {display: inline-block;margin: 0;padding: 0;text-align: center;}
div.mod_narkose_test a.btn {height: 43px;line-height: 43px;position: relative;top: -1px;}
div.mod_narkose_test input.submit_1 {margin-right: 25px;}
div.mod_narkose_test div.questions input.radio {margin-right: 5px;position: relative;top: 2px;}
div.mod_narkose_test div.result span {color: #a11544;display: block;font-size: 20px;padding: 10px 0;}
.mobile_footer, .mobile_navi {display: none;}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 767px) {.mobile-booknow-btn {display: block;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {.tablet-booknow-btn {display: block;margin-top: 20px;}
}
@media screen and (max-width: 768px) {#header .mod_navigation .level_1 > .first a, #header .mod_navigation .level_1 > .first span, .socialmedia, #header .termin, #footer {}
 body, body #wrapper #header {min-width: 250px;}
 #header .inside .mod_navigation {background-image: url("/files/ocos/layout/images/icon_menu.png");background-repeat: no-repeat;display: block;font-size: 0;height: 65px;position: absolute;right: 10px;top: 5px;width: 65px;}
 .grid figure figcaption a {left: 18%;}
 .content-promotion {overflow: visible;}
 .leistungen_container {width: 300px;}
 .grid-promotion figure {width: 100%;}
 #footer {padding-bottom: 30px;overflow: hidden;}
 #footer .mod_article:first-child {clear: both;display: block;float: none;height: 25px;margin: 0 auto;}
 #footer .mod_customnav {clear: both;display: block;float: none;margin: 0 auto;padding-top: 10px;width: 100%;}
 #footer .sistersite {width:100%; margin:0 auto; text-align:center;}
 #footer .mod_article {width: 100%;margin-bottom: 10px;}
 #footer .socialmedia {text-align: center;width: 100%;}
 #footer .socialmedia p {text-align: left;}
 .socialmedia .ce_hyperlink, #footer .mod_customnav li {/*    display: none;*/
    }
 figure.effect-sarah figcaption {background-color: rgba(0, 0, 0, 0.2);text-align: center;width: 100%;padding:0px;}
 figure.effect-sarah h2 {color: #ffffff;}
 figure.effect-sarah p {color: #ffffff;}
 .menu_open #container #main .inside .mobile_navi div, .menu_open #container #main .inside .mobile_navi nav {line-height: initial;min-height: initial;text-align: initial;}
 .menu_open #container #main .inside .mobile_navi nav ul.level_1 {margin-bottom: 0;}
 .menu_open #container #main .inside .mobile_navi {background-color: #fff;display: block;line-height: initial !important;margin-bottom: 70px;margin-top: 80px;min-height: initial !important;overflow: auto;padding-left: 10%;padding-right: 10%;padding-top: 4%;width: 80%;z-index: 90;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li.first > a, .menu_open #container #main .inside .mobile_navi nav .level_1 > li.first > span {border-top: medium none;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li.last > a, .menu_open #container #main .inside .mobile_navi nav .level_1 > li.last > span {}
 .menu_open #container #main .inside .mobile_navi .link_imprint a {border-bottom: 1px solid #bbb;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li > a, .menu_open #container #main .inside .mobile_navi nav .level_1 > li > span, .menu_open #container #main .inside .mobile_navi .link_imprint a {border-top: 1px solid #bbb;display: block;padding-bottom: 10px;padding-left: 15px;padding-top: 10px;width: 100%;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li > a {background-image: none;background-position: 90% center;background-repeat: no-repeat;background-size: 20px auto;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li.submenu > a {background-image: url("../../files/ocos/layout/images/arrow_down.png");background-position: 90% center;background-repeat: no-repeat;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li.submenu.act > a {background-image: url("../../files/ocos/layout/images/arrow_up.png");background-position: 90% center;background-repeat: no-repeat;}
 .menu_open #container #main .inside .mobile_navi nav .level_1 > li.trail {background-image: none;}
 .menu_open #container #main .inside .mobile_navi nav .level_2 {display: none;padding-left: 30px;}
 .menu_open #container #main .inside .mobile_navi nav .level_2 > li {margin-top: 5px;}
 .menu_open #container #main .inside .mobile_navi nav .trenner {display: none;}
 .menu_open #container #main .inside .mobile_navi nav .trail > a, .menu_open #container #main .inside .mobile_navi nav .active, .page_imprint.menu_open #container #main .inside .mobile_navi .link_imprint a {color: #af0737;}
 .menu_open #container #main .inside .mobile_navi .link_imprint {margin-bottom: 10%;}
 .menu_open #main .inside > div, .menu_open #wrapper div.custom {display: none;}
 .layout_referenzen #main {padding-top: 0;}
 .mobile_navi .mobile_social_media {display: block;height: 30px;margin: 0 auto 10%;position: relative;width: 100%;}
 #container #main .inside .mobile_navi .mobile_social_media .ce_hyperlink {display: block;float: left;height: 100%;text-align: center;width: 20%;}
 .mobile_navi .mobile_social_media figure, .mobile_navi .mobile_social_media figure > a, .mobile_navi .mobile_social_media figure > a > img {height: 100%;width: auto;}
 #container #main .inside .mod_article.mobile_footer {background-color: #5a2633;bottom: 0;clear: both;display: block;height: 30px;line-height: initial !important;max-width: 100%;min-height: 20px !important;padding-bottom: 4px;padding-top: 6px;position: fixed;text-align: center;width: 100%;z-index: 100;}
 .mobile_footer > .mobile_footer_inside {display: block;height: 100%;margin: 0 auto;width: 80%;}
 .mobile_footer .ce_hyperlink {display: block;float: left;height: 100%;width: 16%;}
 .mobile_footer .ce_hyperlink a {display: block;height: 100%;width: auto;}
 .mobile_footer .phone a {background-image: none;color: #fff;display: block;font-size: 0;height: 100%;padding-left: 0;width: auto;}
 .mobile_footer figure, .mobile_footer figure > a, .mobile_footer figure > a > img {height: 100%;width: auto;}
 .mobile_clear {clear: both !important;}
 #main > .inside > .mod_article > .ce_text {padding-left: 5%;padding-right: 5%;}
 #main .inside .ce_text.img_behandlung_test {margin: 0 auto;padding: 0;text-align: center;width: 100%;}
 #image_header .ce_backgroundimage {height: 190px;}
 #image_header .ce_backgroundimage.left {background-position: -90px center;}
 #image_header .ce_backgroundimage .text {margin-top: -85px;text-align: center;width: 100%;}
 #image_header .ce_backgroundimage .text p {font-size: 24px;line-height: 45px;}
 .klinik-referenzen .xt_referenz_container.big_square {background-position: 0 60px;}
 #slider_dots {bottom: 10px;height: 15px;margin-left: 75%;width: 20%;}
 #slider_dots > span {height: 10px;width: 10px;}
 .slider_arrow {background-size: cover;height: 35px;top: 170px;width: 35px;}
 #slider .page_slider {bottom: 133px;}
 #slider_viewport {overflow: visible;}
 #slider .ce_sliderelement .text {bottom: -10px;text-align: center;width: 100%;}
 #slider .ce_sliderelement .text p {display: none !important;}
 .ce_sliderelement .text p {font-size: 24px;line-height: 45px;}
 .btn.candy a {background-color: rgba(159, 7, 55, 0.8);line-height: 35px;padding-left: 5px;padding-right: 5px;}
 .page_slider {left: calc(50% - 20px);}
 .page_slider figure {width: 35px;}
 #main .inside #team_onepager .page_slider, #main .inside #klinik .page_slider, #main .inside #gute-gruende-fuer-ihren-besuch .page_slider {bottom: -16px;}
 .home #klinik h2 {margin-bottom: 0;}
 #main .inside .gallery_container .gallery_caption {margin-bottom: 10px;width: 100%;}
 #main .inside #termin_page {line-height: initial !important;min-height: initial !important;padding-bottom: 130px;padding-top: 35px;}
 #termin_page .inside {text-align: center;}
 #termin_page .ce_text.first {margin-bottom: 30px;margin-top: 40px;}
 #termin_page .inside .ce_text, #termin_page .inside .ce_hyperlink {float: none;}
 #termin_page .inside .ce_text.termin {margin: 0 auto;}
 #termin_page .inside .ce_text.termin p {font-size: 27px;}
 #termin_page .inside .page_slider {bottom: 50px;}
 h2 {font-size: 28px;line-height: 40px;}
 .btn a {width: auto;}
 .subhead {padding: 0 10px;}
 .xt_teammember_container .member_info {float: none;margin: 0 auto;}
 .xt_teammember_container .member_text {display: block;max-width: 100%;width: auto;}
 .leistungen_container {width: 230px;}
 .leistungen_viewport {height: 250px;}
 .leistungen_container .image_container img {height: auto;width: 100%;}
 #leistungen_next {background-size: cover;height: 40px;right: -35px;top: 85px;width: 40px;}
 #leistungen_prev {background-size: cover;height: 40px;left: -35px;top: 85px;width: 40px;}
 .ce_backgroundimage .text > * {line-height: 30px;}
 .headlines h2 {font-size: 25px;line-height: 30px;}
 .ce_text p {line-height: 18px;}
 .ce_text ul {font-size: 18px;}
 .ce_gallery {padding: 0 2%;}
 #image_header .ce_backgroundimage .text p {line-height: 30px;}
 .implantate-behandlungsspektrum .float_left, .implantate-service .float_left, .chirurgie-behandlung .float_left, .angst-warum .float_left, .angstfreie_behandlung .float_left {float: none;text-align: center;}
 .implantate-behandlungsspektrum h4, .implantate-service h4, .chirurgie-behandlung h4, .angst-warum h4, .angstfreie_behandlung h4 {margin-left: 5%;}
 .chirurgie-behandlung h3.padding_left {margin-left: 5%;}
 .implantate-behandlungsspektrum .ce_text.padl p, .implantate-service .ce_text.padl p, .chirurgie-behandlung .ce_text.padl p, .angst-warum .ce_text.padl p, .angstfreie_behandlung .ce_text.padl p, .angst-warum #warum-angst-teil-2 .ce_text p {padding-left: 5% !important;}
 .angst-warum .mod_narkose_test {width: 100%;}
 .angst-warum .mod_narkose_test .steps {width: 100%;}
 .angst-warum .mod_narkose_test .step, .angst-warum .mod_narkose_test .division {display: none;}
 .angst-warum .mod_narkose_test .step.active {display: block;float: none;margin-left: auto;margin-right: auto;}
 div.mod_narkose_test div.questions input.radio {float: left;top: 6px;}
 .angst-warum .mod_narkose_test form label {display: block;padding-left: 25px;width: 90%;}
 .angst-warum .mod_narkose_test form br {display: none;}
 .angst-warum .mod_narkose_test form label[for="answer_4"] {margin-bottom: 20px;}
 .angst-warum div.mod_narkose_test input.submit {margin-left: 0;margin-top: 15px;width: 100%;}
 .angst-warum div.mod_narkose_test a.btn {margin-left: 0;top: 10px;width: calc(100% - 4px);}
 .video_menu {height: auto;}
 #klinik-mediathek .cols_5 {min-height: initial;}
 .ce_videoteaser {width: 31%;}
 .video_menu p {font-size: 14px;}
 .ce_downloads_with_preview {margin-left: auto;margin-right: auto;width: 580px;}
 .ce_downloads_with_preview > a.download:last-child {margin-right: 0;}
 .page_mediathek h3 {padding-left: 5%;}
 #klinik-mediathek .ce_gallery .cols_5 li {margin-right: 2.5%;width: 31.5%;}
 #klinik-mediathek .ce_gallery .cols_5 li.row_0.col_2, #klinik-mediathek .ce_gallery .cols_5 li.row_1.col_0, #klinik-mediathek .ce_gallery .cols_5 li.row_1.col_3, #klinik-mediathek .ce_gallery .cols_5 li.row_2.col_1, #klinik-mediathek .ce_gallery .cols_5 li.row_2.col_4 {margin-right: 0;}
 .ce_gallery > ul li.col_first {clear: none;}
 #main #team > div.ce_text.last {margin-bottom: 0;}
 #main #teamslider > h3 {margin-bottom: 0;}
 #main #teamslider {width: calc(100% - 80px);}
 .team_viewport {height: 250px;line-height: 250px;}
 #main #teamslider .team_container {width: auto;}
 .team_container .team.active {width: 200px !important;}
 .team_container .team {height: 250px;width: 130px;}
 .team_next {background-size: cover;height: 35px;right: -35px;top: 108px;width: 35px;}
 .team_prev {background-size: cover;height: 35px;left: -35px;top: 108px;width: 35px;}
 #kontakt .inside2 {padding-left: 5%;padding-right: 5%;width: 90%;}
 #kontakt .kontaktdaten {float: none;width: 100%;}
 .ce_form form {margin-left: auto;margin-right: auto;max-width: 100%;width: 100%;}
 #kontakt .widget-textarea {float: none;padding-right: 0;}
 #kontakt .widget-explanation, #kontakt .widget-text, #kontakt .widget-textarea {padding-left: 0;width: 100%;}
 .ce_form input, .ce_form textarea {width: 100%;}
 #kontakt .submit_container {padding-top: 15px;}
 #main .inside #kontakt-maps {height: 300px;margin-bottom: 90px;padding-left: 5%;padding-right: 5%;width: 90%;}
 #main .inside #kontakt-maps .page_slider {bottom: -40px;}
 #impressum .float_left {margin-right: 0;width: 100%;}
}
@media screen and (max-width: 600px) {
.ce_downloads_with_preview {width: 300px;}
.ce_downloads_with_preview > a.download {margin-bottom: 10px;}
}
@media screen and (max-width: 320px) {
.ce_downloads_with_preview {width: 132px;}
}
@media screen and (max-width: 530px) {
.xt_referenz_container .content {display: flex;flex-direction: column-reverse;}
 .rectangle.teaser::before, .rectangle.testimonial::before {padding-top: 100%;}
 .xt_referenz_container.rectangle.teaser .image, .xt_referenz_container.rectangle.testimonial .image {height: 45%;width: 100%;}
 .xt_referenz_container.rectangle.teaser .content_text, .xt_referenz_container.rectangle.testimonial .content_text {height: 55%;width: 100%;}
 .xt_referenz_container.rectangle.teaser .content_text h1, .xt_referenz_container.rectangle.testimonial .content_text h1 {font-size: 26px;margin-top: 5%;}
 .xt_referenz_container.rectangle.teaser .content_text a, .xt_referenz_container.rectangle.testimonial .content_text a {line-height: 30px;margin: 0 auto;}
}
.immersive_slider {box-sizing: border-box;height: 443px;max-width: 100%;overflow: hidden;position: relative;}
.immersive_slider .is-slide {box-sizing: border-box;display: table;padding: 0;position: absolute;width: 100%;}
.immersive_slider .is-slide .image {box-sizing: border-box;display: block;float: right;padding: 0;vertical-align: middle;width: 100%;}
.is-bg-overflow {height: 100%;position: absolute;width: 100%;z-index: 0;}
.is-overflow, .is-bg-overflow {height: 100%;}
.ease {transition: all 1000ms ease 0s;}
.bounce {transition: all 1000ms cubic-bezier(0.175, 0.885, 0.42, 1.31) 0s;}
.no-animation {transition: none 0s ease 0s !important;}
.immersive_slider .is-slide .image img {display: block;min-height: inherit;width: 100%;}
.immersive_slider .is-slide .content {background: rgba(0, 0, 0, 0) url("../images/bg-slide-home.jpg") repeat-x scroll 0 0;box-sizing: border-box;color: #333333;display: table-cell;float: none;line-height: 20px;padding-right: 10px;padding-top: 4%;text-align: left;vertical-align: top;width: 38%;}
.content-inside {margin: 0 auto 0 15%;width: 78%;}
.content-inside .more {margin-top: 30px;}
.content-inside .more a {background-color: #8f2c46;color: #ffffff;font-size: 0.82rem;padding: 8px 18px;}
.content-inside .more a:hover {background-color: #4a4a4a;}
.immersive_slider .is-slide .content h2 {font-size: 2.5rem;text-transform: none;color: #333333;font-family: "Aperto", Verdana, Geneva, sans-serif;font-weight: 300;text-align: left;}
.is-container {overflow: hidden;position: relative;padding: 30px 0;}
.is-container .is-background {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.is-container .is-background img {height: 100%;left: 0;position: relative;width: 100%;}
.is-container .is-background.gs_cssblur {filter: blur(20px);}
.is-pagination {bottom: 20px;left: 0;list-style: outside none none;margin: 0;padding: 0;position: relative;text-align: center;width: 100%;z-index: 5;}
.is-pagination li {display: inline-block;padding: 0;position: relative;text-align: center;}
.is-pagination li a {display: block;height: 4px;padding: 10px;width: 4px;display: none;}
.is-pagination li a::before {background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;border-radius: 10px;content: "";height: 4px;position: absolute;width: 4px;}
.is-pagination li a.active::before {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid white;height: 10px;left: 8px;margin-top: -4px;width: 10px;}
.is-next, .is-prev {bottom: 50%;color: #fff;cursor: pointer;display: inline-block;font-size: 50px;line-height: 100%;margin-bottom: -36px;padding: 5px 5px 15px;position: absolute;width: 35px;z-index: 99;}
.is-next {right: 10px;}
.is-prev {left: 10px;}
 @media screen and (max-width: 767px) {
.promo-text-right {width: 100%!important;margin-bottom: 20px!important;}
 .offer_box .photo {width: 100%!important;}
 .immersive_slider .is-slide .content {background: rgba(0, 0, 0, 0) url("../images/bg-slide-home.jpg") repeat-x scroll 0 0;box-sizing: border-box;color: #333333;display: block;float: none;line-height: 160%;padding: 30px;text-align: left;vertical-align: middle;width: 100%;}
 .amenities li {width: 100%;}
 figure.effect-sarah h2::after {background: none;}
 figure.effect-sarah:hover h2::after {background: none;}
 figure.effect-sarah:hover p {transform:rotate();}
 figure.effect-sarah:hover h2::after {transform:rotate();}
 .is-container {padding: 30px 0 0 0;}
 .immersive_slider {height: 560px;}
 .immersive_slider .is-slide .image img {display: block;height: 100%;min-height: auto;}
 .is-next, .is-prev {bottom: 23%;}
 #footer .award {width: 100%;margin: 0px;}
}
.slide-award {position: relative;width: 25%;float: left;margin: auto;text-align: center;margin:0/*margin-left: 3%;*/}
.slide-award ol.flex-control-nav {display: none;}
@media screen and (max-width: 768px) {.block {text-align: center;}
 #footer .slide-award {float: left;margin: 0 auto;width: 100%;}
 #footer .socialmedia p {text-align: center;}
 .complimentary li {float: left;line-height: 120%;text-align: left;width: 95%;list-style-type: circle;margin:0 0 0 5%;}
}
 @media screen and (min-width: 768px) and (max-width: 959px) {
.immersive_slider {height: 250px!important;}
 .immersive_slider .is-slide .content {padding-top: 8px!important;}
 .immersive_slider .is-slide .content h2 {font-size: 1.5rem;}
 .immersive_slider .is-slide .content p {font-size: 14px;}
 .immersive_slider .is-slide .content p.more {margin-top: 20px;}
}
body.js-drawer-open nav.nav-bar {display: none!important;}
.wrap-reservation {position: absolute;overflow: hidden;width: 100%;bottom: 0px;border-bottom: 1px solid #fff;z-index: 5;background-color: rgba(255, 255, 255, 0.65);padding: 22px 0px 5px 0px;height: 55px;}
.container-reservation {width: 100%;padding: 0 5%;margin: auto;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.block-reservation {position: relative;overflow: hidden;float: left;padding: 0px 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.block-reservation input {width: 100%;height: 22px;background: #fff;color: #000;background: #ffffff url("../images/calendar.png") no-repeat scroll right 15px center !important;border: none;}
.block-reservation input[readonly] {cursor: pointer;}
.block-reservation select {background: url(icon/selected-32.png) right top 8px no-repeat #ffffff;width: 100%;padding: 0px 10px;height: 38px;border: 1px;border-radius: 0;font-size: 14px;color: #3a3a3a;}
.block-reservation input.bg-btn {height: 38px;background: #9f0737!important;color: #fff;}
.block-reservation input.bg-btn:hover {background: #000!important;}
.block-reservation a.mod {color: #9f0737;font-size: 12px;float: left;position: relative;margin-top: 8px;margin-left: 0;}
.block-reservation a.mod:hover {color : #4a4a4a;}
.booknow-btn {padding: 10px 15px;background: #9f0737;color: #fff;position: relative;overflow: hidden;float: left;margin-top: 25px;cursor: pointer;}
.booknow-btn:hover {background: transparent;color: #9f0737;border: 1px solid #9f0737;}
.promo-text-right {width: 65%;height: auto;position: relative;overflow: hidden;}
.offer_box {max-width: 1200px;width: 100%;}
.offer_text {position: relative;overflow: hidden;float: left;width: 100%;}
.offer_text h5 {font-size: 18px;margin-bottom: 15px;}
.offer_text ul li {display: list-item;font-size: 14px;list-style: outside disc;margin-left: 20px;overflow: visible;}
.content_offer {width: 85%!important;padding: 0!important;overflow: hidden;position: relative;min-height: 100%;}
.reservation_container input#checkin {background: #ffffff url("../images/calendar.png") no-repeat scroll right 5px center !important;}
.reservation_container input#checkout {background: #ffffff url("../images/calendar.png") no-repeat scroll right 5px center !important;}
.valid_show {margin-left:.5em;float:left;}
.valid_show, label {float:left;font-family:Arial, Helvetica, sans-serif;font-size:small;}
br {clear:both;}
input {border:1px solid black;margin-bottom:.5em;}
input.error {border:1px solid red;}
label.error {background:url('../images/unchecked.gif') no-repeat left 3px;margin-left:0px;padding-left: 20px;color: red;}
label.valid {background:url('../images/checked.gif') no-repeat left 3px;display:block;width: 20px;height: 20px;padding: 0;margin-top: 10px;margin-left: 8px;}
textarea.error {border:1px solid red;}
.reservation_container h5 {margin: 0;padding: 0;}
.reservation_container select {padding: 5px 10px;width: 80%;border: 1px solid #000;border-radius: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.reservation_container input {width: 80%;margin: 0;border: 1px solid;}
.reservation_container textarea {width: 80%;margin: 0;border: 1px solid #000;}
.reservation_container {width: 50%;min-width: 340px;max-width: 600px;margin: auto;overflow: hidden;position: relative;margin-top: 30px;margin-bottom: 50px;}
.enquiry_box_left {position: relative;overflow: hidden;float: left;width: 30%;min-height: 50px;padding-top: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.enquiry_box_right {position: relative;overflow: hidden;float: left;width: 70%;min-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;;}
.reservation-style {background-color: #9f0737;padding: 5px 14px;}
.reservation-style:hover {background-color: #4b4b4b;padding: 5px 14px;}
.faq-container {width: 50%;max-width: 565px;min-width: 350px;margin: auto;margin-top: 20px;margin-bottom: 50px;position: relative;}
.faq-container .faq h5 {background: url(../images/q.png) left top no-repeat;padding-left: 30px;line-height: 20px;}
.faq-container .faq p {padding-left: 30px;}
.faq-container .faq li {padding: 0px 0px 8px 0px;border-bottom: 1px dashed #bbb;}
.wedding-text {position: absolute;z-index: 1;top: 0;margin: auto!important;padding: 0!important;width: 100%!important;height: 30px;}
.wedding-text h3 {margin: 0;color: #fff;text-align: center!important;text-shadow: 2px 1px 1px #000;}
div.offer_box li.col-1-4 {width: 50%;float: left;}
label.reserv-label {font-size: 12px;color: #555555;width: 100%;padding-left: 10px;margin: 0;}
table.ui-datepicker-calendar {margin-bottom: 0!important;}
@media (min-width: 960px) and (max-width: 1024px) {
.block-reservation select {font-size: 70%;}
.block-reservation a.mod {font-size: 70%;}
}
@media (min-width: 1025px) and (max-width: 1099px) {
.block-reservation select {font-size: 72%;}
.block-reservation a.mod {font-size: 72%;}
label.reserv-label {font-size: 12px;padding-left: 10px;}
}
@media (min-width: 1100px) and (max-width: 1280px) {
.block-reservation select {font-size: 85%;}
.block-reservation a.mod {font-size: 80%;}
label.reserv-label {font-size: 12px;padding-left: 10px;}
}