/*
::Table Of Content

1.) @FontFace Style
2.) Global TypoGraphy
	2.1) Body Copy
	2.2) Global Heading Elements
	2.3) Inline Text Elements
	2.4) Alignment Classes
	2.5) Address css
	2.6) Global List
3.) Forms Element
4.) Button & Link Element
5.) Helping Classes
	5.1) Clear Style
	5.2) Global Sprite Icon Style
	5.3) Global Show Mobile Style
	5.4) Float Style
	5.5) Width Style
6.) Header Section
7.) Footer Section
*/
/*1.) @FontFace Style*/

/* cyrillic-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIipYT5Kmgq3s84t.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIGpYT5Kmgq3s84t.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIupYT5Kmgq3s84t.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYT5Kmgq3sw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*Nunito Sans replaces Proxima Nova*/
@font-face {
    font-family: 'Nunito-Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/NunitoSans_7pt-Regular.ttf") format('ttf');
}
@font-face {
    font-family: 'Nunito-Sans Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/NunitoSans_7pt-Bold.ttf") format('ttf');
}
@font-face {
    font-family: 'Nunito-Sans SemiBold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/fonts/NunitoSans_7pt-SemiBold.ttf") format('ttf');
}
@font-face {
    font-family: 'Nunito-Sans Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/NunitoSans_7pt-Italic.ttf") format('ttf');
}

/*PROMETO*/
@font-face {
    font-family: 'Prometo Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/Prometo Regular.ttf") format('ttf'),url("/assets/fonts/Prometo_Regular.woff2") format('woff2');
}
@font-face {
    font-family: 'Prometo Medium';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/Prometo Medium.ttf") format('ttf'),url("/assets/fonts/Prometo_Medium.woff2") format('woff2');
}
@font-face {
    font-family: 'Prometo Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/Prometo Bold.ttf") format('ttf'),url("/assets/fonts/Prometo_Bold.woff2") format('woff2');
}
/*1.) @FontFace Style End*/

/*2.) Global TypoGraphy*/
/*2.1) Body Copy*/
body {
	color: #424241;
	font: normal 62.5%/1.3 "museo-sans",sans-serif;
    font-family: "prometo",sans-serif;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#2f2f2d;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#2f2f2d;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#2f2f2d;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#2f2f2d;
  opacity:1;
}
select::-ms-expand {
	display: none;
}
img{
    outline: none;
}
textarea { overflow: hidden; }

p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size:1.5em;
	font-weight: normal;
    font-family: "proxima-nova",sans-serif; text-align: justify; 
}
.imp-content strong{
	font-weight:500;	
}
.impressum .imp-content a{
	color:#2f2f2d;	
}

p:last-child {
	margin-bottom: 0px;
}
.curlyTxt{
	font-size:3.576em;
	color:#fbb911;
	font-family: 'Caveat', cursive;
	transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);	
}
.section2 .curlyTxt{
	font-size:2.7em;
	display:block;
	margin-top:2px;
	
}
.plsholdr{
    display: none;
}
/*2.1) Body Copy End*/
/*2.2) Global Heading*/
h1 {
	font-size:4em;
	font-family: "prometo",sans-serif;
    color: #2f2f2d;
}
.praxis h1{
    font-weight: 300;
}
h1 span{
	color:#fbb911;	
}
.praxis h1 span{
    font-weight:400;
}
h2 {
	font-size:4em;
	font-family: "prometo",sans-serif;
}
h2 span{
    color:#fbb911;
}
h3, .rightCont h1, h1 {
	font-size:4em;
	font-family: "prometo",sans-serif;
    line-height: 1.1;
}

h3 span {
    color: #fbb911;
}
.kontakt-off-html .banner-kontakt-Off h3 span {
    color: #FC7;
}
h4 {
    font-size:2.5em;
	font-family: "prometo",sans-serif;
    font-weight: 300;
}
h5 {
     font-size:1.9em;
    font-family: "proxima-nova",sans-serif;
}
h6 {
    font-size:1.5em;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    font-weight: 600;

}
/*2.2) Global Heading End*/
/*2.3) Inline Text Elements*/
img {
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: bold;
}

/*2.3) Inline Text Elements End*/
/*2.4) Alignment Classes*/
.align-center {
	text-align: center;
}
.align-center p {
	text-align: center;
}
li.menu6.hide-on-desktop {
    display: none;
}
li.menu7.hide-on-desktop {
    display: none;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
/*2.4) Alignment Classes End*/
/*2.5) Address css*/
address {
}
/*2.5) Address css End*/
/*2.6) Global List*/
.default {
}
.default li {
}

/*2.6) Global List*/
/*2.) Global TypoGraphy End*/
/*3.) Forms Element*/
input, textarea {
	outline: none;
	-webkit-appearance: none;
}
textarea {
    resize: none;
}
/*3.) Forms Element End*/
/*4.) Button & Link Element*/
a {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	color: #2f2f2d;
}
/*
a:hover {
	color: #fbba00;
}
*/
.btn {
}
/*4.) Button & Link Element End*/
/*5.) Helping Classes*/
/*5.1) Clear Style*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.clear {
	clear: both;
}
/*5.1) Clear Style End*/
/*5.2) Global Sprite Icon Style*/
i{
	background:url(../images/sprite.png) no-repeat;
	background-size:250px;
	display:inline-block;	
}

.social li{
	margin-right:5px;	
}
.social i{
	width:26px;
	height:26px;
	float:left;
	transition: background-color .5s;
	-webkit-transition:background-color .5s;	
}
.fb{
	position:relative;
	overflow:hidden;
}
.fb i{
	background-position: -46px -8px;
	border:1px solid #3c5998;
	border-radius:50%;
		
}
.fb i:hover{
	background-position: -46px -38px;
	background-color:#3c5998;	
}
.fb i>*{
	opacity:0;
}
.map i{
	background-position: -89px -69px;
}
.map a:hover i{
	background-position: -89px -89px;
}
.mail i{
    background-position: -116px -67px;	
}
.mail a:hover i{
	background-position: -116px -87px;
}
.tele i{
	background-position:-62px -69px;	
}
.tele a:hover i{
	background-position:-62px -89px;	
}
.tele span{
	float: left;
    display: inline-block;
    margin-top: 4px;
		
}

/*5.2) Global Sprite Icon Style End*/
/*5.3) Global Show Mobile Style*/

/*5.3) Global Show Mobile Style End*/
/*5.4) Float Style*/
.float-r {
	float: right!important;
}
.float-l {
	float: left!important;
}
/*5.4) Float Style End*/
/*5.5) Width Style*/
.main-inner {
	max-width:1080px;
	margin: 0 auto;
}
.konzept .main-inner{
    position: relative;
        
}

/*5.5) Width Style End*/
/*5.) Helping Classes End*/



/*Index page Style
-------------------*/
.symbol h1{
    display: inline-block;
    position: relative;
    
}
.symbol h1::after{
    position: absolute;
    top: 10px;
    left: -50px;
    content: "";
    width: 29px;
    height:29px;
    background: url(../images/ico_placeofinterest_grau.png) no-repeat 0 0/29px 29px; ;
    display: inline-block;
    
}
.index a.logo {
    padding-left: 43px;
    padding-top: 40px;
    display: inline-block;
}
.kontakt-singen h2 span.yellow-bg {
    color: #b9d478;
}
a.logo {
    padding-left: 43px;
    padding-top:40px;
    display: inline-block;
    z-index: 120;
    position: absolute; transition:none;
    -webkit-transition: none;
}
span.head-right-content {
    font-size: 1.5em;
    position: absolute;
    top: 41px;
    right: 34px;
}
.col{
    width: 50%;
    padding:0 25px;
    float: left;
    box-sizing: border-box;
}
.col:first-child{
    padding-left: 0;
}
.col:last-child{
    padding-right: 0;
}
.ringWrap{
    position:absolute;
    width: 613px;
    height: 613px;
    top: 50%;
    margin-left: -30px;
    transform: translateY(-50%) scale(0.7);
    -webkit-transform: translateY(-50%) scale(0.7);
}
.ring ul.flex-direction-nav , .ring ol.flex-control-nav.flex-control-paging{
    display: none;
}

	
.ring::after{
    position: absolute;
    content: "";
    left: -61px;
    top: -62px;
    width:697px;
    height:698px;
    background-image: url(../images/360_of.png);
    background-repeat: no-repeat;
    background-size: 697px 698px;
    transition-property: transform;

   -webkit-animation: move 30s infinite linear;
    -o-transition: rotate(3600deg);
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -o-transform-origin: center;
    transform-origin: center;
  
}
@-moz-keyframes move {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes move {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes move {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#slide2.ring::after{
    background-image: url(../images/360_singen.png);
}
#slide3.ring::after{
    background-image: url(../images/360_kids.png);
}


div.slider {
    position: relative;
}
.ring .slider{
    display: none;
}
.ring div:first-child{
    display: block;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
}
.index .start-content .col-right h1{font-weight: 500;}
section.col-right.col {
    float: right;

    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.start-content .col-right h1, .start-content .col-right h4, ul.changer li{
    padding-left:128px;
}
.start-content .col-right h1{
    line-height: 1.1;
    margin-bottom: 35px;
    position: relative;
}   
.start-content .col-right h1::after{
    position: absolute;
    left:0;
    content: "";
    width: 92px;
    height: 94px;
    background-image:url('../images/ico_placeofinterest.png');
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 99;
    background-size: 92px 94px;
    top:3px;
}
.start-content .col-right h1 span{
    font-weight: 300;
    color:#2f2f2d;
    display: block;
}
ul.changer{
    padding-top: 60px;
}
.changer li{
    font-size:1.5em;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 25px;
    border-bottom: 1px solid #a9a6a6;
    padding-top: 25px;
    letter-spacing: 2px;
}
.changer li.of a:after, .changer li.si a:after, .changer li.kids a:after{
    position: absolute;
    content: "";
    width: 13px;
    height: 18px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 250px 250px;
    background-position: -181px -42px;
    margin-top: -9px;
    right: 42px;
}
.changer li.si a:after{
    background-position: -226px -42px; 
}
.changer li.kids a:after{
     background-position: -203px -42px;
}
.changer li a{
    color: #a9a6a6;
    display: block;
}
.changer li.of a:hover, .changer li.of span{
    color: #fbba00;
}
.changer li.si a:hover, .changer li.si span{
    color: #b9d478;
}
.changer li.kids a:hover, .changer li.kids span{
    color: #ee5754;
}
.changer li span{
    font-weight: 500;
    font-size:3em;
    position: absolute;
    left: 0;
   /* text-transform: lowercase;*/
    top:25px;
    text-align: right;
    display: block;
    width: 128px;
    line-height: .9;
    padding-right: 38px;
    
}
.changer li.kids span{
    text-transform: lowercase;
}
body.index{
    overflow: hidden;
    background-image: url(../images/bg_standorte.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
body.index.summer{
    
    background-image: url(../images/bg_standorte_summer.jpg);
}
body.index.winter{
    
    background-image: url(../images/bg_standorte_winter.jpg);
}
body.index.summer-bg{
    
    background-image: url(../images/summer-bg.jpg);
}
body, html{
    height: 100%;
}
.index #wrapper, .index #content, .index .container {
    height: 100%;
}
.index .container{
    height: 100%;
    position: relative;
    margin-top: -85px;
}
.ringWrap > div{
    display: none;
}
.ringWrap >  div:first-child{
   display: block;
}

footer > span.impr {
    position: absolute;
    right: 34px; 
    text-transform: capitalize; 
    bottom:24px;
    font-weight: lighter;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.2em;
    color: rgba(47,47,45,0.5);
}
footer > span.impr a{
    color: rgba(47,47,45,0.5);
    display: inline-block;
    letter-spacing: .2px;
    vertical-align: top;
}
footer > span.impr a:hover{
    color: #fbba00;
}
.changer li.kids {
    border-bottom: none;
}
html.y-scroll{
   overflow-y: scroll;
    height: 100%;
} 

html.y-scroll body {
    overflow: hidden;
    height: 100%;
}

header#header.new-header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}
header#header.new-header.open{
    transform: translateY(0);
    -webkit-transform: translateY(0); 
    background-color: #fff;
}

/*
INDEX PAGE STYLE END HERE
------------------------------*/
 
/*
START-PAGE STYLE START HERE
------------------------------*/
.head-right {
    position: absolute;
    right: 18px;
    top:50px;
    width: 340px;
    z-index: 120;
}
.head-offenbach .head-right ul li a:hover, .head-offenbach nav ul li a:hover, .head-offenbach nav ul li.active a{
    color: #fbba00;
} 
.head-right ul li {
    display: inline-block;
    padding: 0 13px;
    font-size: 1.4em;
    margin-bottom: 3px;
    font-family: "proxima-nova",sans-serif;
    letter-spacing: .5px;
  
}
.head-right ul li a:hover{
    transition: none;
    -webkit-transition: none;
}
.head-right ul li.tele {
    padding-right: 8px;
}
.head-right ul li i{
    width:12px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.menuIcon{
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0 auto;
    width: 280px;
    text-align: center;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 120;
    
}
.menuIcon:hover i{
      background-position: -147px -99px;
}
.menuIcon:hover{
    color: #fbb911;
}
.menuIcon i{
    position: relative;
    margin: 0 auto;
    background-position:-147px -72px;
    height: 25px;
    width: 25px;
    display: block;
    margin-bottom:3px;
}

.calender i{
    width: 23px;
    height: 23px;
    background-position: -212px -71px;
    display: inline-block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}
span.calender {
    display: inline-block;
    width: 23px;
    height: 23px;
    position: relative;
    font-size: .55em;
    padding: 0px;
    padding-top: 9px;
    text-align: center;
    margin-right: 15px;

}
span.oficeTime {
    font-weight: 600;
}
.openingHour{
   font-size: 1.8em;
   font-family: "proxima-nova",sans-serif;
    text-align: center;
    padding-top: 10px;
}
span.oficeTime {
    font-weight: 600;
    margin-left: 8px;
}
.top-conetnt h1{
    font-size: 3.8em;
    font-weight: lighter;
}
.top-conetnt h1 span{
    font-weight: 500;
}

.top-conetnt {
    text-align: center;
    padding-top: 40px;
    padding-top: 22px;
    position: relative;
    z-index: 1;
}
.tablet-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 820px;
    right: 0;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.tablet-img img {
width: 80%;
}
.patientslide1{
    position:fixed;
    left: 0;
    right: 0;
    bottom:0;
    margin: 0 auto;
    width: 398px;
    text-align: center;
z-index: 2;
}
#footer figure img {
    margin-top: 100px;
}
.konzept.start-si #footer figure img {
    margin-top: 60px;
}
.start #wrapper, .start #content{
    height: 100%;
}
.patientslide1 img{
    display: block;
        width: 100%;
    margin: 0 auto;
}
.start header, .index header{
    position: relative;
    left: auto;
    width: auto;
    height: 100px;
    
}
header {
     
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
     transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    z-index: 500;

}
.kinder-left-content.opacity {
    opacity: 1;
}
.logowhite header{
     z-index:1;
} 
header#header.new-header {
    
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    height: 90px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.new-header a.logo {
    padding-top: 21px;
    
}
.new-header .menuIcon {
    top: 23px;   
}
.new-header .head-right {
    top: 24px;
}
nav{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
    background-color: transparent;
   opacity:1;
    transform: translateY(-101%);
    -webkit-transform: translateY(-101%);
    -o-transform: translateY(-101%);
    transition: all ease 1s;
    z-index: 100;
}
nav.clearfix.activeMenu {
    transform: none;
    opacity: 1;
}
nav ul{
    position: relative;
    width:  100%;
    height: auto;
   padding-top: 102px;
    background-color: white;
    text-align: center;
    z-index: 100;
}
nav ul li {
    text-align: center;
    display: inline-block;
    font-size: 1.4em;
}
nav ul li span{
    display: inline-block;
    padding-top: 18px;
      padding-bottom: 60px;   
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600; font-family: "proxima-nova",sans-serif;
}
select.comonSelect.form-field.clearfix {
    text-transform: capitalize;
}
.flags ul li:first-child {
    position: relative;
    top: -2px;
}

nav ul li a, nav ul li img{
    display: block;
}
.sitechange{
    padding-top:0; 
    z-index: 120;
    position: relative;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sitechange .col{
    padding: 0!important;
}
.sitechange a{
    color: #fff;
       padding: 12px 140px 10px;
    display: block;
}
.sitechange .siSec a {
    padding-left:100px;
}
.sitechange strong{
    display: block;
}
.siSec{
    background-color: #fbba00;
    display: block;
    position: relative;
}
.kidSec{
    background-color: #ee5754;
     display: block;
     position: relative;
}
.sitechange span{
    position: absolute;
    left:42px; font-weight: 500;
    font-size: 2.78em;
    line-height: .9;
text-transform: uppercase;
    
}

.col.kidSec span {
    text-transform: lowercase;
}
.sitechange a::after{
    position: absolute;
    right:40px;
   top: 18px;
    width: 30px;
    height:23px;
    content: "";
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -207px -103px;
    background-size: 250px 250px; 
}
.sitechange a.empty::after{
    position: absolute;
    right:40px;
   top: 18px;
    width: 30px;
    height:23px;
    content: "";
    display: inline-block;
    background-image: none;
    background-position: -207px -103px;
    background-size: 250px 250px; 
}
.overlay{
    background-color: #fbba00;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: .9s all ease;
    -webkit- transition: .9s all ease;

}
.overlay1{
    background-color: #fff;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     z-index: 550;
    display: none;
    transition: .9s all ease;
    -webkit- transition: .9s all ease; 

}
body.overF .overlay{
    display: block;
      transition: .9s all ease;
    -webkit- transition: .9s all ease;
    overflow: hidden;
    z-index: 400;
} 
body.logowhite{
   /* overflow: hidden;*/
}
.bottom-link{
    position: absolute;
    bottom:70px;
    left: 0;
    right: 0;
    margin: 0 auto; z-index: 1;
    
}
.bottom-link li {
    font-size: 1.8em;
 
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    float: left;
    width: 50%;
   
}
.bottom-link li a{
    padding: 0 10px;
     padding-bottom: 10px;
    border-bottom: 2px solid #fbba00;
        display: block;
}

.bottom-link li:first-child a{
    color:#fbba00;
}
.bottom-link li:first-child a:hover{
    color:#2f2f2d; 
    border-bottom: 2px solid #2f2f2d; 
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.bottom-link li.angst a:hover{
    color:#fbba00;
}

.bottom-link li:last-child{
    text-align: right;
}
.bottom-link li:last-child a{
     border-bottom: 2px solid #2f2f2d; 
}
.bottom-link li:last-child a:hover{
     border-bottom:2px solid #fbba00;  
}

.bottom-link ul{
    display: flex;
}
.start.logowhite .logo, .logowhite a.logo.logoWhite {
    z-index: 99991;
     visibility: visible;
        position: fixed;
        transition:none;
    -webkit-transition: none;
}
a.logo.logoWhite {
    visibility: hidden;
      transition: .3s all ease;
    -webkit-transition: .3s all ease;
}
.fbbtm i{
    background-position: -59px -113px;
    width: 23px;
    height: 23px;
}

a.fbbtm {
    position: absolute;
    bottom: 16px;
    left: 40px;
    z-index: 700;
}
body.overF .fb-share-button.fbbtm{
    z-index: 9;
}
 

.fb-share-button.fbbtm {
       position: absolute;
    bottom: 20px;
    z-index: 999;
    left: 20px;
}
.openPopup .fb-share-button.fbbtm, .logowhite a.fbbtm {
    z-index:50;
}
.start-of-page .fb-share-button.fbbtm, .start-si .fb-share-button.fbbtm. {
  
    z-index: 999;
   
}
.logowhite .fb-share-button.fbbtm {
    z-index: 9;
}
.ftr-btm{
    height: 60px;
    background-color: #fbba00;
    color:#fff;
}
.socialFtr {
    text-align: right;
    float: right;
    margin-top: 20px;     
}
.socialFtr ul{
    display: flex;
}

.fbf i{
    width: 20px ;
    height: 20px;
    background-position: -208px -182px ;
}
.gp i{
    width: 20px ;
    height: 20px;
   background-position: -146px -182px ;
}
.jameda i{
    width: 20px ;
    height: 20px;
   background-position: -176px -184px ;
}
.start.openPopup{
    overflow: hidden;
} 


/*START-PAGE STYLE END HERE
------------------------------*/

/*TERMINFORM START HERE
------------------------------*/
.wrapform{
    position: relative;
}

.terminwrap{
       width: 800px;
max-width: 800px;

    height: 100%;
    position:fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translatex(-100%);
    transform: translateY(-50%) translatex(-100%);
    background-color: #fbba00;
    padding: 30px 84px;
   /* padding-right: 54px;*/
    z-index: 550;
    padding-top: 130px;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
}

.terminwrap.open{
    transform: translateY(-50%) translatex(0);
    transform: translateY(-50%) translatex(0);
     transition: all .9s ease;
    -webkit-transition: all .9s ease;
    z-index: 550;
}
.overF .terminwrap{
       z-index: 7;

}

.tab-nav {
     position: absolute;
    right: -114px;
    top: 0;
  /*  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);*/
    width: 114px;
    height: 100%;
    
}
span.close-pop {
    position: absolute;
 top: 30px;
    right: 19px;
    width: 25px;
    height: 25px;
    display: none;
}
.menuIcon1 {
    width: 30px;
    height: 25px;
    background: url(../images/mobile/sprite_mobile.png) -35px -2px / 500px 500px;
    display: inline-block;
    right: 11px;
    top: 13px;
   
    text-indent: -9999px;
        background-position: -266px -31px;
    position: absolute;
    cursor: pointer;
}
h1.hidden{
    visibility: hidden;
    font-size: 0;
    opacity: 0;
}
.close-pop i {
    width: 25px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg); -webkit-transform: rotate(-45deg); cursor: pointer;
}
.close-pop i:first-child {
    -webkit-transform: rotate(45deg);
}
.tab-nav-wrap {
    position: relative;
    height: 100%;
}
/*.tab-nav ul{
    position: relative;
}*/
.tab-nav ul {
    position: absolute;
    bottom: 10%;
     transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.tab-nav ul li i{
    width: 43px;
    height: 43px;
    background-color: #2f2f2d;
}
.tab-nav ul li.termin i{
    background-color: #fbba00; 
    background-position: -38px -173px;
}
.tab-nav ul li.ruck i{
    background-position: 7px -173px;
}
.tab-nav ul li{
    font-size: 2.1em;
    font-family: 'Caveat', cursive;
    position: relative;
    line-height: .7;
    margin-bottom: 2px;
}
.tab-nav ul li a{
    display: block;
}
.tab-nav ul li.ermin a{
    color: #fbba00;
}
.tab-nav ul li.termin a{
    color: #2F2F2D;
}
.tab-nav ul li.termin.yellow a{
    color: #fbba00;
}
.tab-nav ul li span{
       position: absolute;
    left: 52px;
    top: 50%;
    display: block;
    width: 190px;
    display: none;
    transform: translateY(-50%);
}
input#myCheck {
    -webkit-appearance: checkbox;
}
.check-data span {
    font-size: 1.3em;
    position: absolute;
    color: #fff;
    padding-left: 6px;
    text-align: justify;
}
.check-data span a{color: #fff; text-decoration: underline;}
.row.clearfix.check-data {
    min-height: 49px;
}
input#myCheck.error ~ span {
    color: #9c0000;
}
.start .tab-nav ul li span{
     display: block;
}
.form-field, select{
    border:0;
    font-size: 1.5em;
    padding:  14px;
    width: 100%;
    border-radius: 5px;
    font-family: "proxima-nova",sans-serif; 
}
.form-field{height: 48px;}
select{
    background-image: url(../images/btn_down.png);
    background-repeat: no-repeat;  
    background-position: 96% center;
    background-size:8px 6px;
    appearance: none;
    -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
    color: #2f2f2d;
    background-color: #fff;
}
textarea{
    min-height: 103px;
    border-radius: 5px;
    font-family: "proxima-nova",sans-serif;
}
.terminwrap .row{
    margin-bottom: 8px;
}
.terminwrap .row .clearfix{
    margin-bottom: 0;
}
.btn-submit {
    background-color: #2f2f2d;
    padding: 12px 28px;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 1.5em;
    outline: none;
    margin-top: 8px;
    letter-spacing: .5px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
}
.formular-wrap .btn-submit,.submit-container .btn-submit{position: static;}
.formgoogleCaptcha {
    position: relative;
}
.formular .btn-submit{
     padding:13px 30px;
}
.btn-submit.orangebtn{
     background-color: #fbba00;
}
.btn-submit:focus{
    outline: none;
}
.terminwrap .col:first-child{
    padding-right:4px; 
    padding-left:0;
}
.si-show, .kids-show,.op-show {
    display: none;
}

.of-theme .op-show {
    display: block;     padding-right: 4px;
    padding-left: 0;
}

.start-si  .si-show {
    display: block;     padding-right: 4px;
    padding-left: 0;
}
.start-kids  .kids-show {
    display: block;     padding-right: 4px;
    padding-left: 0;
}
ul.lplist {
    font-size: 15px;
    list-style: inside;
    padding-left: 30px;
    margin: 20px 0;
}
.terminwrap .col:last-child{
    padding-right:0; 
    padding-left:4px;
}
.start-si .sitechange .kidSec span {
    text-transform: lowercase;
}
.form-top-content h4 {
    font-size: 3em;
    color: #fff;
    width: 205px;
    float: left;
    font-weight: 400;
    min-height: 89px;
    line-height: 1.1;
}
.form-top-content p {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    text-align: justify;
    line-height: 1.25;
    font-weight: lighter;
    /* letter-spacing: .5px; */
}
.form-top-content {
    margin-bottom: 25px;
}
.termin-inner {
    overflow: auto;
    position: relative;
}
.ui-datepicker-trigger {
    background: none;
    border: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 46px;
    right: 0;
    top: 0;
    display: block;
    outline: none;
}
.error {
  
    background: #ffe1e0 !important;
}
label.error {
    display: none!important;
}

/*.formgoogleCaptcha label.error{
    display: block!important;
}*/
/*
.captcha-cover label.error {
    display: block !important;
    position: relative;
}
.captcha-cover label.error:after {
    content: '';
    position: absolute;
    top: -78px;
    left: 0;
    width: 300px;
    height: 74px;
    border: 1px solid red;
}
*/
.date-picker {
    position: relative;
}

.logowhite header .logo{
    opacity: 0;
    visibility: hidden;
}
.logowhite .logo.lWhite{
    opacity:1;
    visibility: visible;
}
.terminwrap.garybg{
    background-color: #2f2f2d;
}

/*#tab2 .form{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}*/
#tab1 .form{
       padding:50px 0 0;
    padding-top:0;
}
.datepicker{
    background-image: url(../images/btn_formcalendar.png);
    background-position:96% center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}
span#errmsg, span#errmsg1 {
    position: absolute;
    left: 15px;
    bottom: -11px;
    color: red;
}
.digit{
    position: relative;
}


/*TERMINFORM END HERE
------------------------------*/

/*KONZEPT PAGE START HERE
------------------------------*/
 .slide5 h3 br{
       display: none;
    }
.Kslide{
    position: relative;
}
span.btm-airrow, .btm-airrow1 {
    position: absolute;
    bottom:125px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    font-size: 2.3em;
    font-weight: 700;

    font-family: 'Caveat', cursive;
    background-image: url(../images/btn_down.png);
    background-repeat: no-repeat;
    background-position: center 100%;
    display: block;
    padding-bottom: 25px;
    cursor: pointer;
    text-align: center;
    letter-spacing: .3px;
}
.carrerOff-page span.btm-airrow,.carrer-singen span.btm-airrow{
   bottom: 61px; 
    
}

.newsoff-page span.btm-airrow {
    bottom: 35px;
}
.leistungen-off-page span.btm-airrow1, .konzept span.btm-airrow {
    bottom:37px;
}
 span.btm-airrow:hover, span.btm-airrow1:hover,.banner-kontakt-Off span.btm-airrow:hover {
    color: #fbba00;
}
 span.btm-airrow:hover, span.btm-airrow1:hover,.banner-kontakt-Off span.btm-airrow:hover,.banner-laborOffench span.btm-airrow:hover {
    background-image: url(../images/btn_down_hover.png);
}


.start-si span.btm-airrow:hover,.start-si span.btm-airrow1:hover {
    color: #b9d478;
}
.start-si span.btm-airrow:hover,.start-si span.btm-airrow1:hover {
    background-image: url(../images/btn_down_green.png);
}
.btmDas{
    position: relative;
    display: block; 
       padding-bottom: 25px;
    margin-bottom: 25px;
}
.titlebtm{
    font-size:2em; 
     margin-top: 5px;
}
.btmDas::after{
    position: absolute;
    left: 0;
    bottom:0;
    content: "";
    width: 50px;
       background-color: #80827d;
    height: 1px;
    
}
.praxisTab .zahna.green-color a {
    color: #b9d478;
    border-bottom-color: #b9d478;
}
.slideCont{
    position: absolute;
    right:0;
    top: 147px;
    width: 500px;
    
}
.green-txt #teamtab1  span.nameTeam {
    color: #b9d478;
}
.green-txt .tabContent span.nameTeam::after {
 
    background: url(../images/sprite.png) no-repeat -138px -148px/250px;
}
.slide4 .slideCont, .slide5 .slideCont{
    width: 100%;
    top: 0;
    height: 100%;
}
.slide4 .slideCont .main-inner{
     height: 100%;
}
.slide4 .inner-content{
    padding-top: 195px;
}

.die-Welt-list ul li{
    float: left;
    font-size: 1.5em;
    width: 31.6%;
    position: relative;
    margin-right: 27px;
    font-weight: 400;
}

.die-Welt-list ul li:last-child{
    margin-right: 0;
}
.die-Welt-list ul li a{
    padding:20px 25px;
    color: #fff;
    display: block;
}
.die-Welt-list ul li a.yellowbg::before{
    background-color:#f29503;
    }
.die-Welt-list ul li a.redbg::before{
    background-color:#cb453e;
    }
.die-Welt-list ul li a.greenbg::before{
    background-color:#97b63a;
    }
.die-Welt-list ul li a::after, .die-Welt-list ul li a::before{
    position: absolute;
    right: 0;
    content: "";
    top: 0;
    width: 55px;
    height: 100%;
    background-color: rgba(000, 000, 000, .2);
    
}
.die-Welt-list ul li a::after{
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -70px;
    background-color:transparent;
    height: 10px;
    width: 21px;
    top: 24px;
    right: 14px;
    background-size: 250px;
}
.yellowbg{
    background-color: #fbba00;
}
.redbg{
    background-color: #ee5754;
}
.greenbg{
    background-color: #a7c747;
}
.die-Welt-list ul li span {
    font-weight: 600;
}
.die-Welt-list {
    position: absolute;
    left: 0;
    width: 100%;
    bottom:95px;
}
.col.right {
    float: right;
}
/*.col.right .inner-content{
    padding-top: 195px;
}*/
.col.right .inner-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    left: auto;
    width: 518px;
}
.konzept  #section4 .col.right .inner-content{top: 54%;}
.largIcon {
    margin-top: 60px;
}
.largIcon ul{
    display: flex;
}
.largIcon ul li{
    width: 100%;
    text-align: center;
    font-size: 1.4em;
}
.largIcon ul li span {
    /* letter-spacing: .5px; */
    display: block;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    line-height: 1.2;
}
.largIcon i, .largIcon.neue i{
    background-image: url(../images/larg-icon.png);
    background-repeat: no-repeat;
    background-size: 400px;
    display: inline-block; 
}
.neue .ontermin i{
    background-position: -78px -119px;
}
.neue .anam i{
   background-position: -206px -119px;
}
.neue .meine i{
   background-position: -147px -119px;
}
.neue .wokann i{
   background-position: -276px -119px;
}
.konzept .largIcon ul li a:hover{
    color: #fcc100;
    transition: none;
    -webkit-transition: none;
}

.ontermin i{
    width: 67px;
    height: 67px;
    background-position:2px 4px;
}
.hover-effects .ontermin:hover i{
    background-position:2px -55px;
}
.anam i{
    width: 67px;
    height: 67px;
    background-position: -136px 4px;
}
.hover-effects .anam:hover i{
    background-position:-136px -55px;
}
.meine i{
    width: 67px;
    height: 67px;
    background-position: -68px 4px;
}
.hover-effects .meine:hover i{
        background-position: -68px -55px;
}
.hover-effects{margin: 0 -10px;}
.konzept  .largIcon {
    margin-top: 37px;
}
.wokann i{
    width: 67px;
    height: 67px;
    background-position: -208px 4px;
}
.hover-effects .wokann:hover i{
    background-position: -208px -55px;
}
.bitt i{
    width: 67px;
    height: 67px;
    background-position: -283px 3px;
}
.konzept #section4 .main-inner{
    height: 100%;
}
.mobile-select{
    display: none;
}
.xs-show{
    display: none;
}
/*KONZEPT PAGE END HERE
------------------------------*/

/*
FOOTER CSS START HERE
--------------------------*/

.footer{
   /* padding-bottom: 60px;*/
 
}
.footer img{
    width: 100%;
}
.ftrL-content {
    width: 358px;
    float: left;
}
.praxis .ftrL-content {
    width: 345px;
    
}
.ftrR-content {
    float: left;
}
.ftrR-content ul li{
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    font-weight: normal;
    margin-bottom: 18px;
    line-height: 1.1;
}
.ftrR-content ul li a{
    display: block;
}
.ftrR-content ul li a:hover{
    color: #fbba00;
    transition: none;
    -webkit-transition: none;
}
.ftrR-content > div {
    float: left;
    margin-right: 42px;
}
.openingHoure ul li{
    margin-bottom:6px;
}
.ftrR-content h6{
    margin-bottom: 15px;
}
.openingHoure strong{
    width: 37px;
    display: inline-block; font-weight: 500; text-transform: capitalize;
}
.ftrR-content .openingHoure strong{
    font-weight: 600;
} 
.kontaktsec li{
    padding-left: 20px;
    position: relative;
}
.kontaktsec li i{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
}
.kontaktsec .map i{
    background-position: -88px -183px;
}
.kontaktsec li.map:hover i{
    background-position: -88px -207px;
}
.kontaktsec .tele i{
    background-position: -121px -183px;
}
.kontaktsec li a.tele:hover i{
    background-position: -121px -207px;
}

.samstags {
    padding-top: 32px;
}
.footer .main-inner{
    padding-top: 46px;
    margin-bottom:36px;
}
.footer .ftr-btm .main-inner{
    padding-top:0;
    margin-bottom: 0;
}
.footer .ftrL-content .logoFtr {
    padding: 0px 74px;
    display: block;
}

.footer .ftr-btm a {
    color: #fff;
    /* letter-spacing: 1px; */

    font-weight: 400;
    margin-top: 23px; 
}
.ftr-btm {
    margin-top:0;
}
.socialFtr li{
    font-size: 1.4em;
    margin-right: 10px;
    font-family: "proxima-nova",sans-serif;
    font-weight: normal;
}
.nach{
       font-size: 1.5em;
      margin-top: 25px;
    position: relative;
    display: inline-block;
     font-family: "proxima-nova",sans-serif;
    font-weight: normal;
    float: left;
    padding-left: 11px;
    margin-left: 20px;
    cursor: pointer;
}
a.space-manage{
    position: relative;
    left: 25px;
}
.nach i{
    position: absolute;
    left:-15px;
       top: 2px;
    width: 20px;
    height: 20px;
    background-position: -231px -185px; 
}
.footer .ftr-btm span.space-manage {
    display: inline-block;
    vertical-align: top;
    font-size: 100%;
    margin-top: 3px;
    color: #fff;
    padding-left: 10px;
}
/*
FOOTER CSS END HERE
--------------------------*/
/*
NEUE PRAXIS PAGE CSS START HERE
-------------------------------*/
.neuePraxis-wrap {
    position: fixed;
    left: 0;
    right: 0;
   z-index: 600;
    margin: 0 auto;
    background:url(../images/neuepraxis-bg1.jpg) no-repeat 0 0 / cover;
  
   
    text-align: center; 
    display: none;
    top: 50%;
    width: 94%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.neuePraxis-wrapstart {
    position: relative;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0 auto;
    background:url(../images/neuepraxis-bg1.jpg) no-repeat 0 0 / cover;
    text-align: center; 
    display: block;
    top: 0;
    width: 100%;
    padding-top:70px;
}

.openPopup #header{
    z-index: 1;
}
/*.terminwrap{z-index: 8;}*/

.logowhite .overlay1 {
    z-index: 510;
}
.logowhite #fp-nav{
   z-index: -1; 
}
.neuePraxis-wrap .main-inner1{
    max-width: 760px;
    margin: 0 auto;
    padding-top: 97px;
    padding-bottom: 120px;
}
.flags {
    padding-bottom: 25px;
}
.flags ul li,.flag-cover .grid{
    font-size: 1.4em;
    margin-right: 30px;
    display: inline-block;
    font-family: "proxima-nova",sans-serif;
}
.flags ul li span,.flag-cover span {
    display: inline-block;
    float: left;
    padding-top: 3px;
}
.flags ul li span strong{font-weight: 600;}
.flags ul li:last-child{
    margin-right: 0;
}
.flags ul li img,.flag-cover  img{ 
    float:left;
    margin-right: 10px;
}
.row-flag {
    overflow: hidden;
}
.neue-footer.largIcon ul {
    display: block;
}
.neue-footer {
    height: 73px;
    background-color: #2f2f2d;
    margin-top: 0;
    padding: 14px 0;
}
.neuePraxis-wrap h2, .neuePraxis-wrapstart h2{
    font-weight: 300;
    margin-bottom: 22px;
}
.neue-footer ul li{
    display: inline-block;
    font-size: 1em;
    width: auto;
    letter-spacing: .5px;
}
.neue-footer ul li a{
    color: #fff;
    font-size: 2.2em;
    font-family: "proxima-nova",sans-serif;
    display: block;
    padding: 10px 20px;
}
.neue-footer i{
    width: 20px;
    height: 20px;
    margin-top: 4px;
    float: left;
    margin-right: 12px;
}
.telL I{
    background-position: -13px -131px;
}
.maiL I{
       background-position: -13px -160px;
}
.mapL I{
    background-position: -13px -191px;
}
.neuePraxis-wrap .close-icon{
    position: absolute;
    top: 40px;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.close-icon{
    width:24px;
    height:24px;
    background: url(../images/larg-icon.png) no-repeat -363px -15px/400px;
    display: inline-block;
} 
.praxis-details{
    background-color:#fff;
}
.leistungen-details{
    background-color:#fbfaf6; 
}
/*
NEUE PRAXIS PAGE CSS END HERE
-------------------------------*/

/*
PRAXIS TEAME PAGE CSS START HERE
-------------------------------*/
ol.flex-control-nav.flex-control-paging {
    display: none;
}
.praxis-details.start-si ul.flex-direction-nav {
    display: block;
}
.banner-praxis{
    position: relative;
}
.banner-praxis img{
    width: 100%;
    display: block;
}
.banner-praxis .banner-content {
    width: 400px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
          z-index: 2;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 750px;
    text-align: center;
}
figure.middle-image {
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 63px;
}
.konzept  figure.middle-image {
   
    top: 113px;
}
/*.praxis span.btm-airrow{
    bottom:60px;
}*/
.inner-wrap {
    position: relative; width: 100%;
}
.praxis h3, .praxis h1{
   font-weight: 300;
    line-height: 1.2;
    margin-bottom: 16px;
}
.praxis-dtail-banner ul.slides li {
    opacity: 0;
}

.praxis h3 span, .praxis h1 span {
    font-weight: 400;
    color:#fbba00;
}
.praxis p {
    line-height: 1.4;
    letter-spacing: .5px;
}
.praxis div#content {
    background: #fbfaf6;
}
 span.btmt{
    font-size: 1.8em;
    font-family: "proxima-nova",sans-serif;
}
ul.flex-direction-nav {
    width:50px;
    position: absolute;
    right: 50px;
    top: 50%;
   z-index:400;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
a.flex-prev, a.flex-next{
    background-image: url(../images/control-nav.png);
    background-position: 0 0;
    width: 50px;
    height: 50px;
    display: block;
    background-size: 50px 110px;
    text-indent: -9999px;
    margin-bottom: 8px;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
}
 a.flex-next{
   background-position: 0 52px;
}
a.flex-prev:hover, a.flex-next:hover{
    opacity: .4;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
}
.einSec .main-inner{
    padding: 0 30px;
}
.einSec h3{
       font-weight: normal;
    position: relative;
    padding-top: 130px;
    margin-top: 100px;
}
.einSec h3::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92px;
    height: 94px;
    background: url(../images/ico_placeofinterest.png) no-repeat 0 0 / 92px 94px;
    display: inline-block;
}
.einSec h3, .einSec .btmt{
    text-align: center;
        display: block;
}
.einSec .btmt{
    margin-bottom: 50px;
}
.praxis-tab-sec {
    min-height: 711px; overflow: hidden;
}
.tabContent ul{
    text-align: center;
}

.tabContent ul li{
    display: inline-block;
    margin-left: -70px;
    position: relative;
    vertical-align: bottom;
    transition: .9s all ease;
    -webkit-transition: .9s all ease;
}
.tabContent ul li a:active, .tabContent ul li a:focus{
    outline: inherit;
}


.tabContent ul li:hover{
    z-index: 999999!important;
    transition: .9s all ease;
    -webkit-transition: .9s all ease;
}
.tabContent ul li a{
    display: block;
    padding-top:110px;
}
.tabContent.forblur li, .actParent.tabContent ul li{
     -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(100%);
    filter: blur(10px);
   /* filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');*/
}
.tabContent.forblur li:hover,.tabContent.forblur li.active, .actParent.tabContent ul li.active{
    filter: none;
     -webkit-filter:none;
    -moz-filter:none;
    -o-filter: none;
    -ms-filter:none;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    z-index: 200!important;
}
.termin-inner.scroll-none{
    overflow: inherit;
}

span.nameTeam {
    position: absolute;
    display: block;
    text-align: center;
    width: auto;
    top: 40px;
    font-size: 1.9em;
    left: 0;
    right: 0; text-transform: capitalize;
    opacity: 0;
}
.tabContent ul li a:hover span.nameTeam{
    opacity: 1;
}
#teamtab1 span.nameTeam{
    color: #fbb911;
}
  .tabContent  ul li.active span.nameTeam {
    color: #fbb911;
    opacity: 1;
}
.tabContent span.nameTeam::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../images/sprite.png) no-repeat -59px -148px/250px;
    width: 16px;
    height: 12px;
    display: inline-block;
    margin: 0 auto;
    bottom: -30px;
}
#teamtab2 span.nameTeam::after{
    background-position: -87px -149px;
}
#teamtab3 span.nameTeam::after{
    background-position: -112px -149px;
}
#teamtab4 span.nameTeam::after{
    background-position: -136px -149px;
}
#teamtab5 span.nameTeam::after{
    background-position: -165px -149px;
}

#teamtab2 span.nameTeam{
    color: #b64c8e;
}
#teamtab3 span.nameTeam{
    color: #3d7bb6;
}
#teamtab4 span.nameTeam{
    color: #c5cc02;
}
#teamtab5 span.nameTeam{
    color: #2f2f2d;
}
#teamtab6 span.nameTeam{
    color: #15D8C6;
}
.tabContent ul li:nth-child(3){
   z-index: 50;     margin-left: -89px;
    position: relative;
}
.das-praxisteam .tabContent ul li:nth-child(3) {
    
    position: relative;
    margin-left: -107px;
        z-index: 3;
}
.tabContent ul li:nth-child(2){
    margin-left: -87px;
}
.tabContent ul li:nth-child(4){
    margin-left: -153px;
    position: relative;
     z-index: 50; 
}
.tabContent ul li:nth-child(5){
      margin-left: -64px;
    position: relative;
    z-index: 1;
}
.tabContent ul li:nth-child(6){
    margin-left: -82px; z-index: 2;
}
.tabContent ul li:nth-child(7) {
    z-index: 1;
}

/*
div#teamtab2 {
    position: absolute;
    left: auto;
}
*/
/*
#teamtab2 ul li{
    float: left;
}
*/
#teamtab2 ul{margin: 0 -48px; overflow: hidden;}
#teamtab2 ul li:first-child {
    margin-left: 0;
}

#teamtab2 ul li:nth-child(2) {
       margin-left: -103px;
    position: relative;
    z-index: 1;
}
#teamtab2 ul li:nth-child(3) {
     margin-left: -97px;
    z-index: 1;
}
#teamtab2 ul li:nth-child(4) {
   margin-left: -128px;
     z-index: 0;
}
#teamtab2 ul li:nth-child(5) {
    margin-left: -88px;
        z-index: 5;
}
.start-kids #teamtab2 ul li:nth-child(5) {
     margin-left: -89px;
    z-index: 4;

      
}

#teamtab2 ul li:nth-child(6) {
   margin-left: -104px;
         z-index: 5;
}
#teamtab2 ul li:nth-child(7) {
  margin-left: -138px;
    z-index: 8;
}

#teamtab2 ul li:nth-child(8) {
    margin-left: -143px;
        z-index:8;
}
#teamtab2 ul li:nth-child(9) {
margin-left: -107px;
    z-index: 9;
}

#teamtab3 ul li:nth-child(2) {
    margin-left: -35px;
}

#teamtab4 ul li:nth-child(2) {
    margin-left: -48px;
}

.praxis #teamtab4 ul li:nth-child(2) {
    width: 300px;
}

#teamtab5 ul li:nth-child(1) {
    margin-left: -82px;
    z-index:20;
    position: relative;      width: 299px;
}


#teamtab5 ul li:nth-child(2) {
    margin-left: -59px;
    z-index:4;
    position: relative;
}

#teamtab5 ul li:nth-child(3) {
    margin-left: -200px;
    z-index: 4;     width: 236px;
}
#teamtab5 ul li:nth-child(4) {
    margin-left: -82px;
    z-index: 0;
}
.tabContent ul li img{
    display: block;
}

ul.praxisTab {
    text-align: center;
    display: flex;
        margin-top: 65px;
}
.praxisTab li{
    font-size: 1.8em;
    width: 100%;
    margin: 0 2px;
}
.praxisTab li:first-child{
    margin-left: 0;
}
.praxisTab li:last-child{
    margin-right: 0;
}

.praxisTab li a{
     display: block;
    padding: 21px 0;
    border-bottom: 3px solid #a9a9a6;
    opacity: .4;
}
.start-si .praxisTab li a {
  
    display: inline-block;
    padding: 21px 25px; min-width: 250px;
}
.praxisTab li a:hover, .praxisTab li.active a{
    opacity: 1; 
}
 .praxisTab .zahna a{
    color:#fbb911;
    border-bottom: 3px solid #fbb911;
}
 .praxisTab .assist a{
    color:#b64c8e;
    border-bottom: 3px solid #b64c8e;  
}
 .praxisTab .proph a{
    color:#3d7bb6;
    border-bottom: 3px solid #3d7bb6;
}
 .praxisTab .reze a{
    color:#c5cc02;
    border-bottom: 3px solid #c5cc02;
}
 .praxisTab .werba a{
    color:#2f2f2d;
    border-bottom: 3px solid #2f2f2d;
}
.praxisTab .ausbildung a {
    color: #0CE139;
    border-bottom: 3px solid #0CE139;
}
.praxisTab .hygiene a {
    color: #7967E0;
    border-bottom: 3px solid #7967E0;
}
.tabContent-wrap > div{
    display: none;
}
.tabContent-wrap > div:first-child{
    display: block;
}

/*
PRAXIS TEAME PAGE CSS END HERE
-------------------------------*/

/*
PRAXIS TEAME DETAIL PAGE CSS END HERE
-------------------------------------*/
.leftThumb {

    position: fixed;
    width: 50%;
    height: 100%;
    left: 0;
    
}
.leftThumb img{
    display: block;
    width: 100%;
}
.leftThumb::after, #teame-assistenz .leftThumb::after, #teame-prophylaxe .leftThumb::after, #teame-rezeption .leftThumb::after, #teame-verwaltung .leftThumb::after, #lstgn-off-dtail.redtheme .leftThumb::after, #lstgn-off-dtail.greentheme .leftThumb::after, #laborDetail .leftThumb::after{
    position: absolute;
    right: -20px;
    content: "";
    top: 0;
    border-left: 5px;
    width: 20px;
    height: 100%;
    background: url(../images/yellow-strip.png) no-repeat 0 0/cover;
    
}
.praxis-details.start-si .leftThumb::after{
    background: url(../images/green-strip.png) no-repeat 0 0/cover;
}
.praxis-details.start-si .zuruck a{
    color: #b9d478;
}
.praxis-details.start-si .zuruck::before {
  
    background-color: #b9d478;
  
}
.praxis-details.start-si .Sydney::before{
    background: url(../images/sydny-si.png) no-repeat 0 0 /cover;
}
.praxis-details.start-si .Sydney{
        color: #b9d478;
    
}
#laborDetail .leftThumb::after{
   background: url(../images/strip8.png) no-repeat 0 0/cover; 
}
#teame-assistenz .leftThumb::after{
    background: url(../images/strip2.png) no-repeat 0 0/cover;
}
#teame-prophylaxe .leftThumb::after{
    background: url(../images/strip3.png) no-repeat 0 0/cover;
}
#teame-rezeption .leftThumb::after{
    background: url(../images/strip4.png) no-repeat 0 0/cover;
}
#teame-verwaltung .leftThumb::after{
    background: url(../images/strip5.png) no-repeat 0 0/cover;
}
#teame-hygiene .leftThumb::after{
    background: url(../images/strip9.png) no-repeat 0 0/cover;
}
.accor-content-wrap.open h6{
    color: #fbba00;
}
.redtheme .leftThumb::after{
     background: url(../images/strip6.png) no-repeat 0 0/cover!important;
}

.greentheme .leftThumb::after{
     background: url(../images/strip4.png) no-repeat 0 0/cover!important;
}
.redtheme h3 span, .redtheme h1 span, .redtheme .accor-content-wrap.open h6{
    color: #ee5754;
    
}

.redtheme .accor-content-wrap h6 i{
    border: 1px solid #ee5754;
    background-position: -44px -217px;
}
.redtheme .accor-content-wrap.open h6 i{
    background-color: #ee5754;
}
.greentheme h3 span, .greentheme h1 span, .greentheme .accor-content-wrap.open h6 {
    color: #a7c747;   
}
.greentheme .accor-content-wrap h6 i{
    border: 1px solid #a7c747;
    background-position: -63px -217px;
}
.greentheme .accor-content-wrap.open h6 i{
    background-color: #a7c747;
    
}
.rightCont{
    padding: 160px 150px 40px 88px;
    position: absolute;
    width: 50%;
    right: 0;
    height: 100%;
   /* overflow: auto;*/
   

}

#teame-prophylaxe .rightCont, #teame-assistenz .rightCont, #teame-rezeption .rightCont, #teame-verwaltung .rightCont  {
      top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
/*       padding-top: 0;
    padding-bottom: 0;*/
    height: auto;
    overflow: inherit;
    padding-right: 150px;
}


/*#laborDetail .rightCont{
     top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
       padding-top: 0;
    padding-bottom: 0;
    height: auto;
    overflow: inherit;
       
}*/
#laborDetail .rightCont{
    height: 100%;
     padding-top: 0;
    padding-bottom: 0;
    padding-right: 150px;
}
#laborDetail .inner-right{
    position: relative;
     top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
   
}

/*#laborDetail .inner-right{
     padding-top: 0;
    padding-bottom: 0;
}*/
/*.rightCont{
    padding: 160px 150px 0px 106px;
    position: fixed;
    width: 50%;
    right: 0;
    height: 100%;
   overflow: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
       padding-top: 0;
    padding-bottom: 0;
}*/
.rightCont .inner-right{
    position: relative;
    display: flex;
    align-items: center;
}


inner-right-wrap{
    overflow: auto; 
    margin: 50px 0;
}
.inner-right {
    position: relative; min-height: 400px;
   
   
}
.Sydney, .humberg, .kapstadt, .new-york, .Paris, .florenz{
    color: #fbb911;
    font-size: 1.5em;
       font-weight: 600;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    position: absolute;
    right: 0;
           bottom: 0;
    display: inline-block;
        width: 106px;
    text-align:right;     letter-spacing: 0.5px;
}
.bottom-title span strong{font-weight: 600;}
.Sydney::before, .humberg::before, .kapstadt::before, .new-york::before, .Paris::before, .florenz::before{
    position: absolute;
    content: "";
    top: -55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 106px;
    height: 47px;
    display: inline-block;
    background: url(../images/sydny.png) no-repeat 0 0 /cover;
    margin-right: -19px;
    
}
.humberg::before{
    background: url(../images/humberg.png) no-repeat 0 0 /cover; 
     height: 55px;
     width: 113px;
    top: -63px;
    margin-right: -21px;
}
.kapstadt{
     width: 165px; 
}
.kapstadt::before{
     background: url(../images/kapstadt.png) no-repeat 0 0 /100% auto; 
     height:31px;
     width: 165px;
    top: -44px;
    margin-right: -40px;
}
.new-york::before{
     background: url(../images/newyork.png) no-repeat 0 0 /100% auto; 
        top: -98px;
    height: 89px;
    width: 47px;
    margin-right: 17px;
}
.Paris::before{
     background: url(../images/paris.png) no-repeat 0 0 /100% auto; 
    top: -98px;
    height:84px;
    width:53px;
    margin-right: -4px; 
}

.florenz::before{
    background: url(../images/florenz.png) no-repeat 0 0 /100% auto; 
    top: -55px;
    height:44px;
    width:160px;
    margin-right: -39px; 
}
.rightCont p{
    text-align: justify;
    margin-bottom: 20px;
    color: #2f2f2d;
    letter-spacing: .3px;
}
.rightCont h3, .rightCont h1{
    line-height: 1.2;
    
}
.heading-wrapper-div {
    position: relative;
}
.rightCont h5 {
    margin-bottom:28px;
    
}
.bottom-title {
    position: relative;
    padding-top: 30px;
    margin-top: 25px;
    }
.bottom-title span{
   font-size: 1.5em; 
   font-family: "proxima-nova",sans-serif;
    
}
.bottom-title span::after{
    content: "";
    position: absolute;
   top: 9px;
    left: 0;
    width:35px;
    height:1px;
    background-color: #2f2f2d;
}
.zuruck{
    font-size: 1.6em;
        bottom: 0;
    text-align: right;
   
        margin-bottom: 0;
    position: absolute;
   right: 0;
     font-family: "proxima-nova",sans-serif;
    z-index:0;
      width: 100%;
        
}
.zuruck::before{
    content: "";
    position: absolute;
       top: 9px;
      left: 0;
    width: 100%;
       height: 1px;
    background-color: #fbb911;
    z-index:-1;
}
div#praxis-dtail {
    overflow: hidden;
}
    
.zuruck a {
    padding-right: 0;
    padding-left: 20px;
    background-color: #fff;
    display: inline-block;
    color: #fbb911;
    position: relative;
    right: -84px;
}
#laborDetail .zuruck a{
   color: #252838;
}
#laborDetail .zuruck::before{
     background-color: #252838;
}
#teame-assistenz .zuruck a{
   color: #b64c8e;
}
#teame-assistenz .zuruck::before{
     background-color: #b64c8e;
}
#teame-rezeption .zuruck a, .florenz{
   color: #c5cc02;
}
#teame-rezeption .zuruck::before{
     background-color: #c5cc02;
}
#teame-prophylaxe .zuruck a, .florenz{
   color: #3d7bb6;
}
#teame-hygiene .zuruck a, .florenz{
   color: #15D8C6;
}
#teame-hygiene .zuruck::before{
     background-color: #15D8C6;
}
#teame-prophylaxe .zuruck::before{
     background-color: #3d7bb6;
}
#teame-verwaltung .zuruck a{
     color: #2f2f2d;
}
#teame-verwaltung .zuruck::before{
     background-color: #2f2f2d;
}

/*
PRAXIS TEAME DETAIL PAGE CSS END HERE
-------------------------------------*/
/*
LEISTUNGEN-OFF PAGE CSS START HERE
-------------------------------------*/
.leistungen-off-page p{
    margin-bottom: 22px;
    letter-spacing: .3px; line-height: 1.4;     text-align: left;
}
.first-slide {
    width: 900px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
}
/*.leistungen-off-page span.btm-airrow{
    bottom: 100px;
}*/
/*.slide1.lstznSlide.section.clearfix.fp-auto-height.fp-section.fp-table.active.fp-completely,
.slide1.lstznSlide.section.clearfix.fp-auto-height.fp-section.active.fp-table.fp-completely{

}*/
.slide6.lstznSlide h3{
    margin-bottom: 15px;
}

.lstznSlide{
    position: relative;
}
.das{
    font-size: 1.6em;
    font-style: normal;
    position: relative;
    display: inline-block;
    padding-bottom:33px;
    text-transform: uppercase;
    color: #b4b3b3;
       margin-top: 7px;
}
.leistungen-off-page .first-slide p{text-align: center;}
.das::after{
    position: absolute;
    content: "";
    bottom:-50px;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #b4b4b4;
    color: #b4b4b4;
    margin-bottom:50px;
}
.delCont{
    font-size: 2.5em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
.slide6 .delCont{
    font-size:1.8em; 
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 37px;     font-weight: 400;
}
.delCont del{ 
   color:#bebebe;      font-weight: 400;
}
.lstznSlide figure > img{
    display: block;
    width: auto; width: 100%;
}
.lstznSlide .slide-left{
    position: absolute;
    left: 100px;
    bottom: 140px;
}
.slide6.lstznSlide .slide-left{
    bottom: 74px;
    width: 42%;
}


.lstznSlide h3{
      margin-bottom: 25px; 
}
 
.lstznSlide.slide2 h3 {
  color:#fbba00; 
    font-weight: bold;
}
.lstznSlide.slide3 h3 {
    color: #ee5754;
}
.lstznSlide.slide4 h3 {
    color: #a7c747;
}
span.date, .leistungen-off-page h2{
    font-size:17px;
    margin-bottom: 3px;
    display: block;
    color:#424241;
}
.leistungen-off-page h2 span{
    color:#424241; 
}
.leistungen-off-page .slide5.lstznSlide h2, .leistungen-off-page .slide6.lstznSlide h2{
        font-size: 4em;
    margin-bottom: 25px;
        line-height: 1.1;
}
.leistungen-off-page .slide5.lstznSlide h3{
    font-size: 100%;
}
.leistungen-off-page .slide5.lstznSlide h3 span{
    font-size: 2.4em;
    color:#2f2f2d;
}
.leistungen-off-page .slide6.lstznSlide h3{
    font-size:100%; 
}
.leistungen-off-page .slide6.lstznSlide h3 span{
    color:#2f2f2d;
}
.slide5.lstznSlide h2 span, .leistungen-off-page .slide6.lstznSlide h2 span{
    color: #fbb911;
}
.si-theme .slide5.lstznSlide h2 span, .si-theme.leistungen-off-page .slide6.lstznSlide h2 span, .si-theme.leistungen-off-page .slide6.lstznSlide h2 span{
     color: #b9d478;
}
.leistungen-off-page .slide6.lstznSlide .slideCont {
    top: 52%;
    
    
}
.btntrangle {
    display: inline-block;
    padding: 5px 10px;
    font-size: 2.1em;
   margin-top: 32px;
    color: #fff;
    position: relative;
    height: 38px;
    padding-right: 117px;
    font-weight: lighter;
}
.btntrangle span{
    position: absolute;
    left: 0;
    width: 150px;
    padding-left: 0;
    margin-left: -150px;
    color: #2f2f2d;
    text-align: right;
    padding-right: 10px;
    font-weight:400;
    
}
.btntrangle strong{
    font-weight: 500;
}
.btntrangle::after, .btn-back::before{
    position: absolute;
    content: "";
    height: 43px;
    width: 10px;
    right: 0;
    z-index: 5;
    top:-2px;
    background: url(../images/btn-after.png) no-repeat 0 center/ cover;
}
.btn-back::before{
    right: inherit;
    left: 0;
     top:0;
    height: 45px;
    background: url(../images/btn-before.png) no-repeat 0 center/ cover;
}
.btntrangle:hover{
    color: #fff;
}
.yellow{
    background-color: #fbba00!important;
}
.red{
   background-color: #ee5754; 
}
.green{
   background-color: #a7c747;  
}
.lstznSlide.slide5 .main-inner{
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
}
.slide4.lstznSlide .slideCont, .slide5.lstznSlide .slideCont{
   height: auto;
}
.lstznSlide .behandlung{
    position: absolute;
    right: 0;
    bottom: 0;
      width: 43%;
}
.slide5.lstznSlide .titlebtm{
   font-size: 2.4em; 
}
.behandlung-left {
    position: absolute;
    left: 0;
    top: 138px;
    width: 510px;
    transform: none;
    -webkit-transform: none;
}
.behandlung-left .titlebtm {
    margin-bottom: 32px;
    display: block;
}
.btmListing{
    background-color:#fbba00;
    max-width: 1130px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    z-index: 500;
}
.btmListing ul{

}
.btmListing ul li{
       padding: 15px 21px;
    color: #fff;
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    display: inline-block;
        font-weight: lighter;
    letter-spacing: .2px;
        width: 50%;
    float: left;
}
.btmListing ul li:first-child, .btmListing ul li:nth-child(2) {
    padding-bottom: 0;
}
.btmListing ul li i{
    background-position: -193px -145px;
    width: 17px;
    height: 12px;
        margin-top: 3px;
    float: left;
    margin-right: 15px;
}
.slide6.lstznSlide .slideCont{
    right: 11%;
    width: 35%; opacity: 1;
    
}
.slide5.lstznSlide p, .slide6.lstznSlide p {
    text-align: justify;
}
.slide7 .footer{
    margin-top: -30px;
    background: #fff;
}
.slide1 a:hover{
    color:#2f2f2d;
}

.accordian-detail .accor-content{
    display: none;
    
}

.accor-content-wrap h6 i{
    width: 20px;
    height: 20px;
    background-position: -26px -217px;
    position: absolute;
    top:2px;
    left: 0; 
    border: 1px solid #fbb911;
    border-radius: 50%;
}
.accor-content-wrap {
    position: relative;
    padding-top: 3px;
}
.accor-content-wrap h6, .accor-content-wrap .accor-content{
    padding-left: 30px;
}
.accor-content-wrap h6{padding-left: 35px;}
img.alignment-top {
    margin-top: -1px;
}
.accor-content-wrap.open h6 i{
    background-color:#fbba00;
    background-position: -5px -217px;    
}
.accor-content p{
    padding-bottom:0;
}
.accor-content p:last-child{
    padding-bottom: 0;
    margin-bottom: 0; 
}
.accor-content{
    padding-bottom: 30px;
    padding-right: 25px;
    border-bottom: 1px solid #cbc7c5;
}
.accor-content-wrap h6 {
    padding-bottom: 12px;
    letter-spacing: .4px;
    cursor: pointer; 
    font-weight: 600;
   /* padding-top: 10px;*/
}
.accor-content-wrap .accor-content {
    margin-bottom: 30px;
}
.btn-back{
    font-size: 2.1em;
    color: #fff;
    padding: 8px 50px;
    display: inline-block;
    position: absolute;
    right:20px;
    top: 200px;
    z-index: 9999;
    text-align: center;
    font-family: "proxima-nova",sans-serif;

}
.btntrangle{
   font-family: "proxima-nova",sans-serif; 
}
#lstgn-off-dtail .rightCont h3, #lstgn-off-dtail .rightCont h1{
    margin-bottom: 40px;
}

.accordian-detail {
    padding-bottom: 80px;
}
.leistungen-details .accordian-detail {
    padding-bottom: 0;
}
.accordian-detail > div:last-child .accor-content{
    border: 0;
}
  

/*
LEISTUNGEN-OFF PAGE CSS END HERE
-------------------------------------*/

/*
LABOR-OFFENCH PAGE CSS START HERE
-------------------------------------*/

.banner-laborOffench .banner-content, .serdentisSec .banner-content, .banner-news .banner-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;

}
 .banner-laborOffench .banner-content{
    
    top: 0px; height: 100%;
}
.banner-laborOffench img{
    width: 100%;
    display: block;
}
.left-content, .right-content{
    width: 266px;
}
.kontakt-off-page .right-content {
    width: 297px;
}
.banner-laborOffench .main-inner{
    position: relative;
}

.banner-laborOffench .right-content{
    position: absolute;
    right: 0;
        top: 50%;

}
.banner-laborOffench .left-content, .banner-laborOffench .right-content{
       transform: translateY(-50%);
-webkit-transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
}
.banner-laborOffench .left-content{
    right: inherit;
    left: 0;
}
.left-content.kontaktSec .common-style li{
   margin-bottom: 5px; 
}
.banner-laborOffench {
    position: relative; 
}

.serdentisSec img{
    width: 100%;
    display: block;
}
.banner-laborOffench .btmA {
    color: #fff;
}
.banner-laborOffench span.btm-airrow{
        background-image: url(../images/btn_down_white.png);     font-weight: 400;
}

.labor-offench  p{    line-height: 1.45;}
.labor-offench .Pflege-Sec span.btmt{font-size: 1.8em;}
.banner-laborOffench h1, .banner-laborOffench h2, .banner-laborOffench h3{
    margin-bottom:23px;
    line-height: 1.2;
}
.banner-laborOffench .right-content h2{
   color: #fbba00; 
}
.labor-offench span.btm-airrow {
   
    bottom: 36px;
}

.banner-laborOffench h3{
    color: #fbba00;
}
.serdentisSec{
    position: relative;
}
.serdentisSec .banner-content{
    top: 40%;
}
.serdentListing {
    display: flex;
    margin-top: 50px;
}
.serdentListing-top{
    padding:0 121px;
}
.serdentListing .block{
    width: 100%;
}
.serdentListing ul li{
    position: relative;
    padding-left: 32px;
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    text-align: left;
    line-height: 1.8;
    margin-bottom: 5px;
   
}
.serdentListing ul li::after{
    position: absolute;
    content: "";
    left: 0;
    top:5px;
    background:url(../images/sprite.png) no-repeat -221px -142px/ 250px;
    width: 18px;
    height: 14px;
    display: inline-block;
}
#laborTeam-wrap{
    margin-top: -42px;
    
}
.serdentisSec h3, .serdentisSec h1, .serdentisSec p {
    text-align: center;
    margin-bottom: 23px;
}
.tabContent.laborTeam ul li:first-child{
    z-index: 50;
}
.tabContent.laborTeam ul li:nth-child(2) {
    z-index: 222;     margin-left: -57px;
}
.tabContent.laborTeam ul li:nth-child(3){
   margin-left: -79px;
     z-index: 10;
}
.tabContent.laborTeam ul li:nth-child(4){
       margin-left: -135px;
     z-index:5;
}
.tabContent.laborTeam ul li:nth-child(5){
    margin-left: -119px;
     z-index:1;
}
.tabContent.laborTeam ul li:nth-child(6) {
    margin-left: -122px;
    z-index: unset;
}
.tabContent.laborTeam ul li:nth-child(7) {
    margin-left: -104px;
    z-index: 20;
}
div#teamtab1.tabContent.laborTeam{
    position: relative;     left: 72px;
}
.tabContent.laborTeam ul li:nth-child(8) {
    margin-left: -94px;
    z-index: 99;
}
div#teamtab1.tabContent ul li:first-child {
       margin-left: -71px;
}
.start-si div#teamtab1.tabContent ul li:first-child,.start-kids div#teamtab1.tabContent ul li:first-child{
    margin-left: 0;
}
.start-kids div#teamtab1.tabContent ul li:first-child{
        margin-left: 0;
    z-index: 3;
}
.praxis-tab-sec .main-inner{
    max-width: 1290px;
}
.tabContent.laborTeam span.nameTeam::after{
    background-position: -150px -214px;
}
.tabContent.laborTeam#teamtab1 span.nameTeam{
    color: #333650;
}
.Pflege-Sec{
    background-color: #252838;
    padding: 190px 0;
    margin-top: -60px;
    padding-bottom: 170px;
}
.Pflege-Sec h3, .Pflege-Sec h2{
    margin-bottom: 23px;
}
.Pflege-Sec h3, .Pflege-Sec h2, .Pflege-Sec span.btmt{
    text-align: center;
    color: #fff;
    display: block; 
}
.Pflege-Sec p{
    color: #fff; 
    margin-bottom: 25px;
    font-weight: lighter;
    letter-spacing: .4px;
}
.Pflege-Sec .btmt{
    font-family: "proxima-nova",sans-serif; 
    letter-spacing: .5px;
    font-size: 2em;
}
.Pflege-Sec .row{
    margin-top: 50px;
}
.ol.flex-control-nav.flex-control-paging {
    display: none;
}
#laborDetail .rightCont .inner-right{
    min-height: inherit;
}

/*
LABOR-OFFENCH PAGE CSS END HERE
-------------------------------------*/

/*
KONTAKT-OFFENCH PAGE CSS START HERE
-------------------------------------*/
.banner-kontakt-Off .kontaktSec li,li.fax{
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    
    position: relative;
}
.banner-kontakt-Off .kontaktSec li.tele1{
    font-size: 1.8em;      margin-bottom: 8px;
}
.kontaktSec li:first-child{
    margin-bottom: 18px;
}
.kontaktSec li.tele1, .kontaktSec li.mail1,.kontaktSec li.fax,li.fax{
    padding-left: 25px;
}
.kontaktSec li.fax a {
    margin: 1px 0;
}
.kontaktSec i,.fax i{
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.tele1 i{
    background-position: -237px -3px;
}


.kinder  #section4 .fax i {
    background-position: -220px -225px;
    top: 5px;
    background: url(../images/sprite.png) no-repeat -220px -225px !important;
    left: -27px;
    top: 1px;
}
.mail1 i{
    background-position: -216px 2px;
}
.fax i {
    background-position: -220px -225px; top: 1px;     background-image: url(../images/sprite.png) !important;
}
.fax  a{cursor: default; margin: 5px 0; display: inline-block;     padding: 0 !important;}
.kontaktSec .common-style a.btn-style{
    padding:10px 20px; 
    font-size: 15px;
    min-width: auto;
    letter-spacing: .5px;     font-weight: 400;
}

.kontaktSec .common-style{
    margin-top: 43px;
}
.banner-kontakt-Off .openingHoure li{
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
}
.banner-kontakt-Off .openingHoure li strong{
    font-weight: 600;
    width: 80px;
}
.banner-kontakt-Off h3{
    color: #2f2f2d;
}
.cursivFont{
    font-size: 2.4em;
    font-family: 'Caveat', cursive;
    display: block;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    margin-top: 8px;
}
.banner-kontakt-Off .flags > span,.start-kids .flags >  span{
     font-size: 1.5em;
    margin-bottom: 14px;
    display: inline-block;
    font-family: "proxima-nova",sans-serif;
} 
.start-kids .flags >  span{font-size: 15px;}
.banner-kontakt-Off .flags li img,.flag-cover  img{
    width: 22px;
    height: 22px;
}
.grid {
    float: left;
    width: 50%;
}
.banner-kontakt-Off .flags ul li,.flag-cover .grid{
    width: 50%;
    float: left;
    margin-right: 0;
    margin-bottom: 8px;
}
.flag-cover .row-flag {
    margin-bottom: 8px;
    width: 50%;
    float: left;
}









.flag-cover a.flex-prev, .flag-cover a.flex-next {
    width: 10px;
    height: 14px;
    display: block;
    background: url(../images/flag-arrow.png) no-repeat;
}
.flag-cover a.flex-next {
    background-position: -11px 0px;
    margin-left: 0px;
}

.banner-kontakt-Off  .flag-cover .flex-direction-nav  li{vertical-align: top; float: none; display: block;}
.flag-cover.flexslider {
    position: relative;
    width: 249px;
}
.flag-cover ul.flex-direction-nav {
    width: 13px;
    position: absolute;
    top: 45%;
    right: -36px;
    left: auto;
    transform: translateY(-50%);
}

 .flag-cover .grid {
    width: 50%;
    float: left;
    margin-right: 0;
    margin-bottom: 9px;
    float: none;
    display: block;
}

 .flag-cover ul.flex-direction-nav {
    width: 13px;
   
}
.banner-kontakt-Off .flags > span.textStyle, .kinder .flags > span.textStyle {
       font-family: 'Caveat', cursive;
    font-size: 1.6em;
    line-height: 1.1;
    position: absolute;
    right: 5px;
    top: 52%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-transform: capitalize;
    font-weight: 700;
}
.kinder .flags > span.textStyle {
  
    right: -68px;
    top: 53%;
   
}
.kinder .flags {
    padding-bottom: 25px;
    position: relative;
    padding-bottom: 0;
}
.banner-kontakt-Off .flags {
    margin-top: 33px;
    padding-bottom: 0;
    position: relative;
}
.banner-kontakt-Off .flags > span.textStyle  em,.kinder  .flags > span.textStyle em{display: block;}
.flags  .flag-cover ul li:first-child {
    position: static;
    top: 0;
}
.flag-cover .flex-direction-nav  li{float: none; display: block;}








.banner-kontakt-Off .flags{
    margin-top: 33px; width: 350px;
}
.banner-kontakt-Off h3, .banner-kontakt-Off h1, .kontakt-off-page .right-content h2{
    color: #2f2f2d;
    margin-bottom: 25px;
}

.banner-kontakt-Off span.btm-airrow{
    font-size: 2.35em;
    font-weight: 700;     bottom: 23px;
    color: #2f2f2d;
    background-image: url(../images/btn_down.png);
}
.kontakt-off-page p{line-height: 1.4;}
.map-bg {
    position: relative;
}
.map-bg .main-inner{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.map-bg .main-inner, .formular .main-inner {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    transform: none;
    -webkit-transform: none;
    padding-top: 110px;
}
.formular .main-inner{
    padding-top: 41px;
}
.carrerOff-page  #carrerForm .check-data span,.carrer-singen #carrerForm .check-data span {
    color: #000;
    padding-right: 133px;
}
.kontakt-singen #kontaktFormular .check-data span{
    color: #000;
}
.carrerOff-page #carrerForm .check-data span a,.kontakt-singen #kontaktFormular .check-data span a,.carrer-singen #carrerForm .check-data span a{ color: #000;
}
.formular .main-inner{
    position: static;
    height: 100%;
}
.map-bg .main-inner{
    position: static;
    padding-top: 0;
}
.kontakt-off-page .map-bg h3{
    margin-bottom: 35px;
    font-size:3.5em;
}
.map-bg .btn-style{
    font-weight: 500;
}
.map-bg .btn-style {
    margin-top: 32px;
}
.map-bg .banner-content figure{
    margin-bottom:27px;
}
.map-bg .banner-content img{
    border: 3px solid #fff;
}
.map-bg .col.rightc h3{
    color: #fbba00;
}
.formular img, .map-bg img{
    width: 100%;
    display: block;
}
.map-bg .banner-content{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.formular{
    position: relative;
}
.formular .form-field, .formular select, .formular textarea{
    border-radius: 0;
    background-color: #e7e8e7;
    display: block;
    width: 100%;
    padding: 14px 14px;
}
.formular .textarea .form-field{
    min-height: 115px;
    border: 0;
    margin-bottom:0;
}
.formular-wrap {
    position: relative;
}
.kontakt-off-page .formular-wrap h3{
        margin-bottom: 38px;     color: #2f2f2d;
}
.kontakt-off-page .formular-wrap .btn-submit {
        margin-top: 15px;
}
.formular .col{
    padding-right:4px;
    padding-left: 4px;
}
.formular .col:first-child{
    padding-left: 0;
}
.formular .col:last-child{
    padding-right: 0; 
}
.formular .row{
    margin-bottom: 8px;
}
.kontakt-off-page h3{
    margin-bottom: 25px;
}
.formular .btn-submit{
   border-radius: 0; 
}
.formular .error{
   /* border: 1px solid #fbba00 !important; */
    background: #ffe1e0;
}
.kontakt-off-page .footer figure, .kontakt-off-page .footer .main-inner{
    
    display: none;
}
.kontakt-off-page .footer .ftr-btm .main-inner{
    display: block;
}
.kontakt-off-page .footer .ftr-btm{
    margin-top: 0;
}

/*
body.overF,html.overF{
    overflow: hidden;
    position: relative;
}
*/
.formular .formWrap{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

/*
KONTAKT-OFFENCH PAGE CSS END HERE
-------------------------------------*/

/*
NEWS-OFFENCH PAGE CSS START HERE
-------------------------------------*/

.banner-news .das::after{
    background-color: #2f2f2d;
    height: 1px;
}
.news-board{
    width: 1361px;
    background: url(../images/board-strip.jpg) repeat-y 0 0/1361px 212px;
    min-height:1500px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    padding-bottom: 600px;
}
.news-board::after, .news-board::before{
    position: absolute;
    content: "";
    width: 1361px;
    height: 88px;
    background: url(../images/bor-top.jpg) repeat-y 0 0/1361px 88px;
    top: 0;
    left: 0;
    
}
.news-board::after{
    background: url(../images/bor-btm.jpg) no-repeat 0 5px/1361px 83px;
    top: inherit;
    bottom: 0;
}
.news-board-wrap{
    position: relative;     margin-top: -3px;
}
.news-board-wrap::after{
    position: absolute;
    content: "";
    width: 1427px;
    height: 520px;
    background: url(../images/btm-pin-img.png) no-repeat 0 0/1427px 520px;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.news-sec{
    background: url(../images/article-bg.png) no-repeat 0 0/100% auto;
    position: relative;
    width:1328px;
    height:  529px;
    margin: 50px 65px;
    padding: 110px 226px 50px 150px;
}
.article2.news-sec{
    background: url(../images/article-bg2.png) no-repeat 0 0/100% auto;
    position: relative;
    width:1328px;
    height:  529px;
    margin: 50px 65px;
    padding: 173px 226px 50px 150px;
    padding-right: 550px;
    margin-top: -70px;
}

.news-sec ul li{
    font-size:1.5em;
    font-family: "proxima-nova",sans-serif;
}
.news-sec ul li strong{
    width:90px;
    display: inline-block;
}
.news-sec h5{
    font-size: 3.3em;
    font-weight: 600;
    font-family: 'Caveat', cursive;
    margin-bottom: 15px;
}
.baas-manage li {
    position: relative;
    padding-left: 37px;
    margin-bottom: 4px;
}
.news-sec ul li >span {
    position: absolute;
    top: 0; font-weight: 600;
    left: 0;
}
.baas-manage .cover-time em {
min-width: 106px;
    display: inline-block;
}
.baas-manage .news-sec ul li strong{font-weight:400;}

.news-sec p {
    margin-bottom: 20px;
}
.offTime {
    margin-bottom: 25px;
}
.offTime li strong {
    font-weight: normal;
}
.banner-news img{
    width: 100%;
}
.banner-news .das{
    color: #2f2f2d;
    text-transform: capitalize;
    padding-bottom: 31px;
     font-family: "proxima-nova",sans-serif;
}
.thumb {
      position: absolute;
    right:151px;
    top: 26px;
    padding: 18px;
    padding-bottom: 77px;
    background-color: #f4f4f6;
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.22);
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.22);
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
}
.thumb img{
-webkit-box-shadow: inset 1px -1px 5px 1px rgba(0,0,0,0.22);
-moz-box-shadow: inset 1px -1px 5px 1px rgba(0,0,0,0.22);
box-shadow: inset 1px -1px 5px 1px rgba(0,0,0,0.22);
    }
.banner-news .first-slide, .banner-news .first-slide p{
    text-align: center;
}
.kontakt-singen .banner-laborOffench{
    background: url(../images/singen-contect.jpg) 0 0 / cover;
    
}
/*.banner-news span.btm-airrow{
    bottom: 100px
}*/
/*
NEWS-OFFENCH PAGE CSS END HERE
-------------------------------------*/
/*
CARRER-OFFENCH PAGE CSS START HERE
-------------------------------------*/

.banner-carrer img, .abrechnungSec img{
    width: 100%;
    display: block;
}
.abrechnungSec .main-inner{
   
    position: static;
    left: 300px;
    top:50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    
}
.abrechnungSec .banner-content{
    width: 654px;
}
.abrechnungSec{
    position: relative;
}
.abWrap {
    position: absolute;
    width: 100%;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.carrerOff-page h3{
    margin-bottom: 22px;
}
.abrechnungSec p{
   margin-bottom: 25px;
    line-height: 1.5;
    letter-spacing: .1px;
        color: #2f2f2d;
    font-weight:400;
}
.carrerOff-page .abrechnungSec h3, .carrer-singen h3{
    margin-bottom: 47px;
}
.carrer-singen h3 span{
    color: #b9d478;
}
.carrerOff-page strong > span{
    padding: 0 1px;
    display: inline-block;
}
.carrerOff-page .abrechnungSec.common-style .btn-style{
    padding: 10px 30px;
    font-family: "proxima-nova",sans-serif;
    letter-spacing: .5px;
}
.abrechnungSec a.btn-style.yellow.targetbtn{
    margin-top: 13px;     font-weight: 400;
}
.suchnbtnSec .main-inner{
    display: flex;
}
.carrerOff-page .suchnbtnSec  h3{
    font-size: 3em;
    margin-bottom: 32px;
}

.suchnbtnSec{
    padding-top: 92px;
    padding-bottom: 150px;
}
.suchnbtnSec .col{
    padding-top: 30px;
    padding-bottom: 30px;
}
.suchnbtnSec .col:first-child{
    padding-right: 65px;
    border-right: 2px solid #2f2f2d;
}
.suchnbtnSec .col:last-child{
    padding-left: 65px;
}
.suchnbtnSec ul li{
    padding-left:28px;
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    font-weight:400;
    margin-bottom: 24px;
    position: relative;
}
.suchnbtnSec ul li::before, .carrer-singen .suchnbtnSec ul li::before {
    position: absolute;
    width: 26px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat -221px -143px / 250px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
       top: 3px;
}
.carrer-singen .suchnbtnSec ul li::before{
    background-position: -177px -123px;
}
.carrer-form-wrap p{
    text-align: justify;
}
.carrer-form-wrap h4, .carrer-form-wrap h3{
    text-align: center;
}
.carrer-form-wrap h4{
    font-weight: normal;
    margin-bottom: 10px;
}
.carrer-form-wrap h3{
    margin-bottom: 36px;
}
.carrer-form .form-field{
    border-bottom:1px solid #2f2f2d!important;
    border-radius: 0;
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 4px;
   padding: 18px 8px 10px;
}

.carrer-form .error {
    border: 0!important;
    border-bottom: 1px solid #ffe1e0!important;
}
.carrer-form .row{
    margin-bottom: 0;
}
#carrerForm .textarea .form-field{
    min-height:223px;
    border:1px solid #545452;
   
}
#carrerForm .textarea .form-field{
     margin-bottom: 47px;
    border: 1px solid #545452!important;
        resize: none;
}
.terminwrap .textarea .form-field{
    min-height:108px; 
    border: 0;
    
}
.blacktick, .yellowtick, .whitetick {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100px;
    height:100px;
    margin-top: -150px;
    margin: 0 auto;
    display: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url(../images/black-tick.png) no-repeat 0 0/ 100% auto; 
}
.yellowtick{
   background: url(../images/yellow-tick.png) no-repeat 0 0/ 100% auto;  
}
.whitetick{
    background: url(../images/white-tick.png) no-repeat 0 0/ 100% auto; 
}
.termin-inner #tab2{
    position: relative;
    
}
.termin-inner #tab2 .form{
    margin-top: 100px;
}
/*.termin-inner #tab2 .form{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    
}*/
.terminwrap.form-send  .termin-inner{
    display: none;
}
.carrer-form h6{
    font-size: 2.2em;
    text-transform: capitalize;
    font-weight: normal;
    color: #2f2f2d;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 10px;
    padding-left: 9px;
}

.textarea label{
    font-size: 1.5em;
    font-family: "proxima-nova",sans-serif;
    padding-left: 9px;
    padding-bottom: 15px;
    display: block;
    margin-top: 25px;
}
.file-box label {
    border-bottom: 2px #d6d6d6 solid;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 46px;
    cursor: pointer;
}
.file_upload_icon {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.file-box {
    position: relative;
    margin-bottom: 8px;
    padding: 12px 40px 12px 2px;
    font-size: 15px;
}
.file-box span {
    padding-bottom: 7px;
    display: block;
    color: #2f2f2d; 
    font-family: "proxima-nova",sans-serif;
    padding-left: 8px;
}
.file-box input {
    border: 0;
}
/*.file-box .error + label + span + label{
    border-bottom: 1px solid red;
}*/
.file-box .error + label + span + label {
    border-bottom: 2px solid #ffe1e0;
}
.formular .progress-bar {
    bottom: 3px;
}

.progress-bar {
    background: #a3cc33;
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 4px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.file-box label:before {
    background-image: url(../images/up-icon.png);
    background-repeat: no-repeat;
    background-size: 24px 19px;
    background-position:0 0;
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    right: 3px;
    top: 12px;
    position: absolute;
    letter-spacing: .3px;
}
.btitle{
    font-size: 1.1em;
    color: #2f2f2d;
    font-style: normal;
    font-family: "proxima-nova",sans-serif;
    padding-left: 9px;
    color: #acacab;
   margin-top: 0px;
    display: block;
    margin-bottom: 25px;
    display: block;
}
.submit-container .btn-submit{
    border-radius: 0;
    margin-top: 50px;
}
.carrerOff-page .submit-container .btn-submit{
       border-radius: 3px; 
}
.fom-top-content .col:first-child{
    padding-left: 9px;
  
}
.fom-top-content .col:last-child{
    padding-right: 9px;
  
}
.brown{
    background-color: #b9d478!important;
}
.underline{
    display: inline-block;
   position: relative;
}
span.underline:after {
    background: #d8d8d8;
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
}
.submit-container{
    position: relative;
}
.btn-yellowtick{
    background:#fff url(../images/small-yellow-tick.png) no-repeat center /67px 45px;
    padding: 15px 40px;
    border-radius:0;
    border: 0;
    color: #fff;
    font-size: 1.5em;
    outline: none;
    margin-top: 8px;
    width: 200px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50px;
    display: none;
}
.formloader{
    width: 40px;
    height: 40px;
    background: url(../images/loading_icon.gif) no-repeat 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top:36px;
    margin: 0 auto;
    display: none;
}
.carrer-form.clearfix {
    margin-top: 58px;
}
.carrer-form input:focus, .carrer-form select:focus{
    outline: none;
}

.kidsSelect, .start-kids .comonSelect{
    display: none;
}
.start-kids .kidsSelect{
    display: block;
}

/*
CARRER-OFFENCH PAGE CSS END HERE
-------------------------------------*/

.imp-content .main-inner{
	max-width:1140px;
	margin:0 auto;	
}
.imp-content h4{
	font-size:1.35em;
	font-weight:bold;
	margin-bottom: 20px;	
}
h4.bottom-sapce {
    margin-bottom: 1px;
}
.imp-content .col-left{
	width: 31%;
    float: left;
	
}
.imp-content .col-right{
	width: 69%;
    float: left;	
}
.row{
	margin-bottom:20px;	
}
span.space{
	width:73px;
	display: inline-block;	
}
.imp-content article.section {
    margin-bottom:70px;
	display:block;
}
.imp-content h1, .imp-content h2{
	line-height:1.1;
	margin-top:-5px;
	color:#fbb911;	
}
.imp-content{
	margin-bottom:100px;	
} 
.boldF strong{
	font-weight:bold;	
}
.mobile-arrow{
	display:none;	
}
.break-mob p > span br{
	display:none;	
}
.kinder #section7.fp-auto-height {
    height: auto !important;
}
.kinder #section7.fp-auto-height .fp-tableCell{
    
    height: auto !important; 
}




/*
==========================================================================
common style kids and si template start here
==========================================================================
*/
.common-style .heading-icon{position: relative; padding-left: 52px; z-index: 5; }
.common-style .heading-icon i {
    position: absolute;
    top: 5px;
    left: 3px;
    width: 32px;
    height: 36px;
    background: url(../images/kids/sprite-kids.png) no-repeat 0px -25px;     background-size: 250px;
}
.common-style h1.heading-icon {
    display: inline-block;
}
.common-style .top-conetnt h1 span{color: #eb5e57;}
a.logo.logoWhite-kids{display: none;}

.start-kids a.logo.logoWhite-kids{display: block;}
.start-si .row.clearfix.kids-termin {
    display: none;
}
.row.bottom-space-little.clearfix {
    display: none;
}
.start-si .row.bottom-space-little.clearfix {
    display: block;
}
a.logo.logoWhite-si {
    display: none;
}
.neuePraxis-wrap.open {
   
   opacity: 1;
    z-index: 600;
}
.overlay-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    z-index: 9;
}
.start-kids .overlay.open-popup {
    display: block;
    background: #fff; opacity: 0.9;
    
}

.common-style i {
       background-image: url(../images/kids/sprite.png);
       background-size: 250px;
}
.common-style .menuIcon i {
    background: url(../images/kids/sprite-kids.png) no-repeat;
    background-position: 0px 0px; background-size: 250px;
}
.common-style .menuIcon:hover i {
   
       background-position: -30px 0px;
}
.common-style .menuIcon:hover {
    color: #eb5e57;
}
.head-right ul li a:hover{color: #eb5e57;}
.common-style .goToNext {
    position: absolute;
    top: 60%;
    left: 0px;
    text-align: center;
    width: 100%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.common-style .goToNext > * {
	cursor: pointer;
}
.common-style .goToNext i {
	display: block;
	width: 70px;
    height: 70px;
	background: #eb5e57  url(../images/kids/sprite-kids.png) -53px 22px no-repeat;
    background-size: 250px;
	margin: 0 auto 20px;
	border-radius: 50%;
	position: relative;
	/*box-shadow: 0 0 30px 36px rgba(69,179,223,.33);*/
	box-shadow: 0 0 0px 0px rgba(69,179,223,.33);
	animation: zoom 3s linear infinite;
	-webkit-box-shadow: 0 0 0px 0px rgba(69,179,223,.33);
	-webkit-animation: zoom 3s linear infinite;
    -moz-box-shadow: 0 0 0px 0px rgba(69,179,223,.33);
	-moz-animation: zoom 3s linear infinite;
}
.common-style .goToNext i:after {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 50%;
	/*box-shadow: 0 0 6px 18px rgba(69,179,223,.33);*/
	box-shadow: 0 0 0px 0px rgba(235,94,87,.33);
	animation: zoom 3s linear .8s infinite;
	-webkit-box-shadow: 0 0 0px 0px rgba(235,94,87,.33);
    -moz-box-shadow: 0 0 0px 0px rgba(235,94,87,.33);
	-webkit-animation: zoom 3s linear .8s infinite;
    -moz-animation: zoom 3s linear .8s infinite;
}
.common-style .goToNext i:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 50%;
	/*box-shadow: 0 0 0px 6px rgba(69,179,223,.33);*/
	box-shadow:  0 0 0px 0px rgba(235,94,87,.33);
	animation: zoom 3s linear 1.6s infinite;
	-webkit-box-shadow: 0 0 0px 0px rgba(235,94,87,.33);
	-webkit-animation: zoom 3s linear 1.6s infinite;
    -moz-box-shadow: 0 0 0px 0px rgba(235,94,87,.33);
	-moz-animation: zoom 3s linear 1.6s infinite;
}
@keyframes zoom {
0% {
box-shadow:  0 0 0px 0px rgba(235,94,87,.33);
}
20% {
box-shadow: 0 0 0px 6px rgba(235,94,87,.33);
}
40% {
box-shadow: 0 0 6px 18px rgba(235,94,87,.33);
}
70% {
box-shadow: 0 0 15px 18px rgba(235,94,87,.33);
}
100% {
box-shadow: 0 0 30px 36px rgba(235,94,87,0);
}
}
@-webkit-keyframes zoom {
0% {
-webkit-box-shadow:  0 0 0px 0px rgba(235,94,87,.33);
}
20% {
-webkit-box-shadow: 0 0 0px 6px rgba(235,94,87,.33);
}
40% {
-webkit-box-shadow: 0 0 6px 18px rgba(235,94,87,.33);
}
70% {
-webkit-box-shadow: 0 0 15px 18px rgba(235,94,87,.33);
}
100% {
-webkit-box-shadow: 0 0 30px 36px rgba(235,94,87,0);
}
    }

 .common-style     a.btn-style {
    font-size: 1.492em;
    color: #fff;
    background: #2f2f2d;
    padding: 10px 0;
    display: inline-block;
    border-radius: 4px;
    min-width: 169px;
    text-align: center;
    padding-left: 0;
    font-family: "proxima-nova",sans-serif;
     letter-spacing: .5px; font-weight: 500;

}
.black-bg:hover {
    background: #fbba00 !important;
        transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.yellow-bg:hover {
    background: #2f2f2d !important;
        transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.start-si .black-bg:hover {
    background: #b9d478 !important;
        transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.start-si .yellow-bg:hover {
    background: #2f2f2d !important;
        transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.common-style .sectionFour    a.btn-style{padding-left: 0px; margin-top: 33px;}
a.side-icon {
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    cursor: default;
}



.common-style footer > span.impr a:hover{
    color: #eb5e57;
}
.common-style  .tab-nav ul li.termin i {
    background-color: #eb5e57;
}
.common-style .tab-nav ul li a {
    color: #fff;
}


.common-style .terminwrap.garybg.open {
    background: #2f2f2d;
}
.common-style .btn-submit.orangebtn {
    background-color: #ee5754;
}
.common-style .ui-widget-header {

    background: #ee5754;
   
}

.common-style .ui-state-hover,
.common-style .ui-widget-content .ui-state-hover,
.common-style .ui-widget-header .ui-state-hover,
.common-style .ui-state-focus,
.common-style .ui-widget-content .ui-state-focus,
.common-style .ui-widget-header .ui-state-focus {

	background:#ee5754 ; color: #fff;

}


.common-style .ui-state-active,.common-style .ui-widget-content .ui-state-active,.common-style .ui-widget-header .ui-state-active {
    border: 1px solid #ee5754;
    background: #ee5754 url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #fff;
}
.common-style header{z-index: 500;}
.common-style .terminwrap{background: #ee5754;}
.common-style #wrapper {
    overflow-x: hidden;
    overflow-y: auto;
}
.common-style.unsere-leistungen #wrapper {
    overflow: hidden; position:relative;
}
body.start-kids.common-style.das-praxisteam #wrapper{
	height:100%;
}
.details-kids .leftThumb::after {
    background: url(../images/kids/green-strip.png) no-repeat 0 0/cover;
}
.common-style .head-right ul li a:hover {
    color: #eb5e57;
}

.carrerOff-page .abrechnungSec h3, .carrer-singen h3, .carrer-singen h2, .carrerOff-page .abrechnungSec h2  {
    margin-bottom: 33px;
}
.carrer-singen h2{
     margin-bottom: 28px;
}

.suchnbtnSec .col {
    padding-top:23px;
    padding-bottom: 0;
}
.praxis a.btmA {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
}
.logowhite .tab-nav ul li span{display: none;}
.blackPop .terminwrap.open {
    background: #2f2f2d;
}
.blackPop div#tab1 {
    display: none;
}
.neuePraxis-wrap p{text-align: center; line-height: 1.4;}
.neuePraxis-wrapstart p{text-align: left; line-height: 1.4;}
.neuePraxis-wrap h2 strong {
    font-weight: 500;
}
.ftrR-content .openingHoure ul li {
    margin-bottom: 2px;
}
.praxis .slides li{z-index: 1 !important;}
/*body.overF.praxis .overlay{z-index: 4;}*/
.leftThumb ul li {
    opacity: 0;
    transition: all ease 0.5s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.leftThumb ul li.active {
   opacity: 1;
}
.accor-content-wrap.open .accor-content {
    display: block;
}
.imp-content {
    margin-bottom: 100px;
    margin-top: 160px;
}
a.logo.float-r.hide-imp {
    display: none;
}
.impressum a.logo.float-r.hide-imp {
    display: block;
}

.impressum  span.das {
    display: none;
}
  .middle-img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 609px;
    transform: translateY(-50%); display: none;
}
    .middle-img img {
    width: auto;
}
.rightCont#right-data {
    padding: 160px 50px 40px 88px;
 
}
li.menu5.hide-on-desktop {
    display: none;
}
#popOneActive img.change-image-kids{display:none;}
a.side-icon.kider-side-icon span {
    top: 76px;
    color: #fff;
    transform: rotate(-7deg);
    font-weight: 400;
}

.pdf-open {
    width: 229px;
    display: block;
    position: absolute;
    bottom: 69px;
    left: 12%;
}
img.second {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.pdf-open:hover img.second{
    opacity: 1;
}
@media (min-width: 1600px) {
      .ringWrap{
 
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
}
    .patientslide1 img {
    display: block;
    width: 100%;
}
    .neuePraxis-wrap .main-inner1, .neuePraxis-wrapstart .main-inner1 {
  
    padding-top: 180px;
   
}
#teame-prophylaxe .rightCont, #teame-assistenz .rightCont, #teame-rezeption .rightCont, #teame-verwaltung .rightCont, #praxis-dtail .rightCont{
    height: 100%;
    } 
    #teame-prophylaxe .inner-right, #teame-assistenz .inner-right, #teame-rezeption .inner-right, #teame-verwaltung .inner-right, #praxis-dtail .inner-right  {
        position: absolute;
        top: 50%;
        right: 150px;
        left: 106px;
         transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    }
/*
    #teame-prophylaxe .zuruck, #teame-assistenz .zuruck, #teame-rezeption .zuruck, #teame-verwaltung .zuruckm, #praxis-dtail .zuruck {
           bottom:30px; 
    }
*/
    .tabContent ul li img{max-width: none; height: initial;}
}

.leistungen-details-other .btn-back {
    font-size: 2em;
    padding: 6px 30px 4px;
    right: 0;
    font-weight: 600;
    z-index: 9;
}
.leistungen-details-other .btn-back::before {
 
    top: -4px;
   
}
.leistungen-off-page .das::after {
    background-color: #4c4c4b;
    bottom: -45px;
    height: 1px;
}
.leistungen-off-page .das{letter-spacing: 1px;}
.leistungen-off-page #content{
    
    background: #fbfaf6;

}
.leistungen-off-page #section-div1,.leistungen-off-page #section-div2,.leistungen-off-page #section-div3 {
    z-index: 1;     position: relative;
}
.leistungen-off-page div#fullpage {
    z-index: 2;
}

@media (max-width: 1599px) {

    .konzept .largIcon {
    margin-top: 36px;
}
    .btmListing{bottom: 45px;}
 
}
/*
==========================================================================
common style kinder page css end here
==========================================================================
*/

img.text1,img.text2,img.text3 {
    width: auto;
    position: absolute;     width: 29%;
    right: 8%;
    top: 9%; opacity: 0;     transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s; 
}
.img-manage.active img.text1,.img-manage.active img.text2,.img-manage.active img.text3{opacity: 1;}
/*
==========================================================================
animation in all pages css here
==========================================================================
*/
.konzept  #section1 .slideCont h3,.konzept #section1 .slideCont span,.konzept #section1 .slideCont p,.konzept #section2 .slideCont h3,.konzept #section2 .slideCont span,.konzept #section2 .slideCont p{
    
    opacity: 0; transform: translateX(100px);
    -webkit-transform: translateX(100px);     transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
}

.konzept #section1.go .slideCont h3 ,.konzept #section1.go .slideCont span,.konzept #section1.go .slideCont p,
.konzept #section2.go .slideCont h3 ,.konzept #section2.go .slideCont span,.konzept #section2.go .slideCont p{
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);     letter-spacing: .2px;
}
figure.img-manage {
    display: inline-block;
    position: relative;
    width: 61%;
    position: absolute;
    bottom: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
img.fixed-img {
    position: static;
    display: block;
  -webkit-transition: all .5s ease; 
    transition: all .5s ease; 
       /* width: 100%; */
}
.img-manage > img{z-index: 2; position: relative; }
.img-manage > img.fixed-img{z-index: 1; position: absolute;}
.active-slide img.fixed-img{
    
        opacity: 1;
  /*  transform: scale(1);
    -webkit-transform: scale(1);*/
}
.fixed-container {
    width: auto;
    position: absolute;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    top: auto;
    z-index: -1;
    transform: none;
    -webkit-transform: none;
    bottom: 0;
}
.opacity{
    transition: all ease 0s;
    -webkit-transition: all ease 0.5s;
}


@media (min-width: 990px) and (max-width:1024px){
 
    .leistungen-off-page  .lstznSlide .slideCont{width: 350px;}
    }

@media (min-width: 1400px) {
    
    
    .patientslide1 img {
   
    width: 100%;
 
}
  .tablet-img img {
    width: 100%;
}  
.rightCont h5 {
   
    margin-top:9px;
}
.rightCont p {
    line-height: 1.4;
    letter-spacing: 0;
}
.praxis span.btm-airrow{
      bottom: 95px;  
    }
 
}

@media (max-width: 1399px) {
       .die-Welt-list {
  
    bottom: 14px;
} 
    .rightCont p {
   
    margin-bottom: 10px;
 
}
    .rightCont h5 {
    margin-bottom: 14px;
}
  .zuruck {
    bottom: -36px;
}
    .middle-img {
    
    width: 467px;
    
}
}


@media (min-width:1025px){
body.index.winter{
	background-size:100% 100%;
}
.behandlung-left {
    top: auto;
    bottom: 141px;
}
    .btmListing {
    bottom: 44px
    }
	.banner-news, .banner-carrer,.banner-laborOffench {
    position: relative;
    height: auto !IMPORTANT;
}
.archiv-page	.content-data > img {
  
    display: none;
}
    
   .praxis span.btm-airrow{bottom: 35px;}
    
.archiv-page{
	
background:url(../images/kids/archiv-bg.jpg) no-repeat 0 0 / cover;	
} 

	.das-praxisteam .tabContent#teamtab1 ul li:nth-child(2) {
    margin-left: -80px;
    z-index: 2;
}
		.das-praxisteam .tabContent#teamtab1 ul li:nth-child(4) {
           margin-left: -118px; z-index: 2;
}

body.overF.start-kids .overlay {
    display: block !IMPORTANT;
    
}

.konzept  .fp-section.fp-table p{line-height:1.5;}
.nach i {

    top: 0;
  
}
  
    .noch-fragen .content-data img, .links-infos .content-data > img{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
}
  
    .active-slide .fixed-container {
    opacity: 1;
}
    .active-slide .text{opacity: 1;}
    .img-manage img {
    opacity: 0;
        
}
    .img-manage.active img {
    opacity: 1;
           
       
}
#zahnaesthetik1 .fp-tableCell,#zahngesundheit1 .fp-tableCell,#zahnvorsorge1 .fp-tableCell{top: 0;    position: relative;}
    
    .lstznSlide  .slideCont{
    width: 411px;
    right: 100px;
    top: 50%;
    transform: translateY(-50%); 
        
    -webkit-transform: translateY(-50%);
       
    
}
    .fp-section.active {
    position: relative;
    z-index: 9;
}
    
    #section6 .slideCont{
        margin-top: 0px;
    }
    .kinder-left-content,.top-icon,.img-aside{opacity: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}    
    .top-icon.show {
    opacity: 1;
}
    .img-aside.show {
    opacity: 1;
}
 .firstText.show {
    opacity: 1;
}   
    .secondText.show {
    opacity: 1;
}
    .head-right {

           width: 359px;
    
}
    .head-right ul li {
  
    font-size: 1.4em;
    }
   .tabContent ul li img{max-width: none; }
    .tabContent#teamtab5 ul li img{max-width: none;} 
    #teamtab5 ul li:nth-child(2) {
    margin-left: -59px;
    z-index: 4;
    position: relative;
   width: 299px;
}
    #teamtab5 ul li:nth-child(4) {
    margin-left: -82px;
    z-index: 0;
  width: 215px;

}
    .of-theme .tabContent#teamtab5 ul li:nth-child(5) {
    margin-left: -97px;
    position: relative;
    z-index: 30;
       width: 283px;
}
 .banner-laborOffench .left-content, .banner-laborOffench .right-content {
    transform: none;
    -webkit-transform: none;
    position: absolute;
    right: 0;
    top: 167px;
}
    .banner-laborOffench .right-content {right:-41px;}
    .zuruck {
    font-size: 1.8em;
    }
    .zuruck::before {
  
    top: 12px;
    }
  .kinder #section3 .kinder-left-content{top: 56%;} 

}
 .anreise-parken .content-data,.noch-fragen .content-data,.philosophie .content-data,.praxiseindrucke .content-data ,.links-infos .content-data{position: relative;}
.links-infos {
    background: url(../images/kids/links-infos.jpg) no-repeat 0 0 / cover;
}
@media (min-width: 768px) {

.Kslide .fp-tableCell > img{
    display: block;
    width: 100%;
    height: auto;
}
    .Kslide .flag-cover img {
    width: 22px;
    height: 22px;
}
  #section6  img.opacity.change-image-kids {
    opacity: 0;
}
    .banner-laborOffench .main-inner {
    position: relative;
    height: 100%;
}
    .banner-laborOffench .left-content, .banner-laborOffench .right-content {
    top: 50%;
    transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        
}
}


.die-Welt-list ul li a:hover {
    opacity: 0.7;
}
.hero-img {
    display: none;
}

.start-of-page ul.flex-direction-nav, .start-si ul.flex-direction-nav{
     display: none;
}
.start-si .banner-praxis ul.flex-direction-nav{
    display: block;
}
.pathAnimation{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
}
.maskAnimation{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
}
.pathAnimation.show{
	opacity:1;
}
[id$="spaceship"] {
	opacity: 0;
}
[id$="spaceship"].active {
	opacity: 1;
}
.pathAnimation svg {
	width: auto;
	height: 108%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	display:inline-block;
}
.maskAnimation svg {
	width: auto;
	height: 108%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	display:inline-block;
}
.pathAnimation.active svg{
	height:100%;
}
.maskAnimation.active svg{
	height:100%;
}
.carAniamtion.active svg{
	height:100%;
}
.carAniamtion{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
}
.carAniamtion svg {
	width: auto;
	height: 108%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	display:inline-block;
}
#angstliche-kinder .kinder-text .cover strong ~ p{display: none;}
#angstliche-kinder .kinder-text .cover strong.active:after,#angstliche-kinder .kinder-text .cover strong:after {
    background: red;
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
}
#angstliche-kinder .kinder-text .cover strong.active,#angstliche-kinder .kinder-text .cover strong {
    padding-left: 25px;
    position: relative;
    
}
#angstliche-kinder .kinder-text .cover p{padding-left: 25px;}
#angstliche-kinder .kinder-text .cover strong:after{
    background: green;
    background: url(../images/sprite.png) no-repeat;
        background-size: 300px;    background-position: -37px -283px;
        
}
#angstliche-kinder .kinder-text .cover strong.active:after{
     background: url(../images/sprite.png) no-repeat;
        background-size:300px;
          
        background-position: -11px -282px;
}
.praxis-dtail-banner .slideHide li{
    opacity: 0!important;
}
.praxis-dtail-banner .slideHide li.slideShow{
    opacity: 1!important;
    z-index: 5!important;
}
body.impressum.start-kids {
    overflow-x: hidden;
}
.off-imp.impressum a.logo.float-r.hide-imp {  
    display: none;
}
body.impressum.start-si .imp-content h1,body.impressum.start-si .imp-content h2{color: #b9d478;}
body.impressum.start-kids .imp-content h1,body.impressum.start-kids .imp-content h2{color: #eb5e57;}

.impressum .imp-content a:hover{
    color: #fbb911;
}
.impressum.start-si .imp-content a:hover{
    color: #b9d478;
}
.impressum.start-kids .imp-content a:hover{
    color: #eb5e57;
}
.accor-content-wrap .accor-content{padding-left: 36px;}


@media (min-width:1440px){
    

.patientslide1 img {
    
    width: 100%;
   
}
    .patientslide1,.start-si .patientslide1 {
  
    width: 484px;
 

}

    
}
.bottom-img{display: none;}
    

.slideCont.active{
    opacity: 1;
   
}
#zahngesundheit1 .slideCont.active,#zahnaesthetik1 .slideCont.active,#zahnvorsorge1 .slideCont.active{opacity: 1;}
#zahngesundheit1 .slideCont,#zahnaesthetik1 .slideCont,#zahnvorsorge1 .slideCont{opacity: 0;}

.path1st2.showPath{
		stroke-dashoffset:0 !important;
		-webkit-stroke-dashoffset:0 !important;
}

.cssStyle #secondPath .path1st2{
	 stroke-dasharray: 4943, 4963;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #secondPath .path1st2{
    -webkit-animation: mymove2 7s linear; 
    animation: mymove2 7s linear;
	opacity:1;
}

@-webkit-keyframes mymove2 {
    0%   {stroke-dashoffset: 4963;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove2 {
    0%   {stroke-dashoffset: 4963;}
    100% {stroke-dashoffset: 0;}
}




.cssStyle #thirdPath .path1st2{
	 stroke-dasharray: 5798, 5818;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #thirdPath .path1st2{
    -webkit-animation: mymove3 7s linear; 
    animation: mymove3 7s linear;
	opacity:1;
}

@-webkit-keyframes mymove3 {
    0%   {stroke-dashoffset: 5818;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove3 {
    0%   {stroke-dashoffset: 5818;}
    100% {stroke-dashoffset: 0;}
}




.cssStyle #fourthPath .path1st2{
	 stroke-dasharray: 4852, 4872;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #fourthPath .path1st2{
    -webkit-animation: mymove4 7s linear; 
    animation: mymove4 7s linear;
	opacity:1;
}

@-webkit-keyframes mymove4 {
    0%   {stroke-dashoffset: 4872;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove4 {
    0%   {stroke-dashoffset: 4872;}
    100% {stroke-dashoffset: 0;}
}





.cssStyle #fifthPath .path1st2{
	 stroke-dasharray: 5684, 5704;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #fifthPath .path1st2{
    -webkit-animation: mymove5 9s linear; 
    animation: mymove5 9s linear;
	opacity:1;
}

@-webkit-keyframes mymove5 {
    0%   {stroke-dashoffset: 5704;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove5 {
    0%   {stroke-dashoffset: 5704;}
    100% {stroke-dashoffset: 0;}
}





.cssStyle #sixthPath .path1st2{
	 stroke-dasharray: 3750, 3770;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #sixthPath .path1st2{
    -webkit-animation: mymove6 7s linear; 
    animation: mymove6 7s linear;
	opacity:1;
}

@-webkit-keyframes mymove6 {
    0%   {stroke-dashoffset: 3770;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove6 {
    0%   {stroke-dashoffset: 3770;}
    100% {stroke-dashoffset: 0;}
}





.cssStyle #seventhPath .path1st2{
	 stroke-dasharray: 1012, 1032;
    stroke-dashoffset: 0;
	opacity:0;
}
.cssStyle .showElement #seventhPath .path1st2{
    -webkit-animation: mymove7 3s linear; 
    animation: mymove7 3s linear;
	opacity:1;
}

@-webkit-keyframes mymove7 {
    0%   {stroke-dashoffset: 1032;}
    100% {stroke-dashoffset: 0;}
}

@keyframes mymove7 {
    0%   {stroke-dashoffset: 1032;}
    100% {stroke-dashoffset: 0;}
}

.overflow-hide{
    overflow-y:scroll;
    height: 100%;
}

.overflow-hide body{
    overflow: hidden; height: 100%;
}

div#recaptcha1 > div {
    position: relative;
    z-index: 9;
}
@media (min-width:1440px) and (max-width: 1500px) {
    .terminwrap{padding-top: 100px;}    
    .terminwrap .textarea .form-field {
    min-height: 62px;
   
}
}

@media (min-width:1440px) and (max-width: 1500px) {
    
    
    
    
}


/*!
 * 3D Falling Leaves
 */

.october-leaf {
position: absolute;
z-index:9999;
background-color: transparent;
background-image: url('../images/leaves2.png');
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.winter .october-leaf{
background-image: url('../images/winter-fall.png');	
}
.summer-bg	 .october-leaf{
background-image: url('../images/summer-snow.png');	
}






.styled-checkbox {
  position: absolute; // take it out of document flow
  opacity: 0; // hide it

  & + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }

  // Box.
  & + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
  }

  // Box hover
  &:hover + label:before {
    background: #f35429;
  }
  
  // Box focus
  &:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }

  // Box checked
  &:checked + label:before {
    background: #f35429;
  }
  
  // Disabled state label.
  &:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }

  // Disabled box.
  &:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }

  // Checkmark. Could be replaced with an image
  &:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
  }
}

            @media (min-width: 1301px) {
                #Layer1 {
                position: absolute;
                left: 54%;
                right: 3%;
                top: 13.5%;
                border: 2px solid red;
                background-color: #fff;
                opacity: 0.95;
                font-weight: 200;
                z-index: 30;
                text-align: center;
                font-size: 1.5em;
                padding: 5px;          
            } }

            @media (max-width: 1300px) {
                #Layer1 {
                position: relative;
                top: 5.5%;
                border: 2px solid red;
                background-color: #fff;
                opacity: 0.95;
                font-weight: 200;
                z-index: 30;
                text-align: center;
                font-size: 1.5em;
                padding: 5px;          
            } }
            @media (max-width: 767px) {
                #Layer1 {
                position: absolute;
                top: 7.5%;
                border: 2px solid red;
                background-color: #fff;
                opacity: 0.95;
                font-weight: 200;
                z-index: 30;
                text-align: center;
                font-size: 1.5em;
                padding: 5px;          
            } }
            @media (max-width: 479px) {
                #Layer1 {
                position: relative;
                top: 5.5%;
                border: 2px solid red;
                background-color: #fff;
                opacity: 0.95;
                font-weight: 200;
                z-index: 30;
                text-align: center;
                font-size: 1.5em;
                padding: 5px;          
            } }
			
.btn-termin.orangetermin {
  background-color: #fbba00;
}
.btn-termin {
  background-color: #2f2f2d;
  padding: 12px 28px;
  border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 1.5em;
  outline: none;
  margin-top: 8px;
  letter-spacing: .5px;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
}

.btn-rueckruf.orangerückruf {
  background-color: #fbba00;
}
.btn-rueckruf {
  background-color: #2f2f2d;
  padding: 12px 28px;
  border-radius: 4px;
  border: 0;
  color: #fff;
  font-size: 1.5em;
  outline: none;
  margin-top: 8px;
  letter-spacing: .5px;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
}

.stellenbadge {
    position: fixed;
    top: 20%;
    left: 30px;
    z-index: 9;
}  
@media (max-width: 999px) {
.stellenbadge {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    top: unset;
    left: unset;
    transform: scale(0.6);
}
}

@media (max-width: 500px) {
.stellenbadge {
    position: fixed;
    bottom: -40px;
    right: -40px;
    z-index: 9;
    top: unset;
    left: unset;
    transform: scale(0.52);
}
.stellenbadge.hide {
    display: none;
}
}

#enquiryForm .row.check-data, #kontaktFormular .row.check-data, #enquiryForm2 .row.check-data {
    padding: 10px;
}

#enquiryForm .row.check-data span, #kontaktFormular .row.check-data span, #enquiryForm2 .row.check-data span {
    position: relative;
}

#formsubmit-Kontakt + .errormsg, 
#carrerForm .btn-submit + .errormsg, 
#enquiryForm .btn-termin + .errormsg, 
#enquiryForm2 .btn-rueckruf + .errormsg {
    font-size: 16px;
    background: white;
    padding: 10px;
    max-width: 90%;
    border: 4px solid red;
    margin-top: 4px;
}

.terminwrap form {
    padding: 10px;
}

.terminwrap .row {
    margin: 5px 0;
}

.terminwrap .row .col .row {
    margin: 0;
}

.terminwrap .row .col .row + .row {
    margin-top: 5px;
}