/*
::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
8.) Content Section
	8.1) Two Col Design 
	8.2) Tab Section
*/
/*1.) @FontFace Style*/


/*1.) @FontFace Style End*/

/*2.) Global TypoGraphy*/
/*2.1) Body Copy*/
body {
	color: #554b4f;
	font: normal 62.5%/1.22 "semplicitapro", sans-serif;
}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 1.6em;
	margin-bottom: 32px;
	line-height: 1.58;
}
p:last-child {
	margin-bottom: 0px;
}
/*2.1) Body Copy End*/
/*2.2) Global Heading*/
h1 {
	font-size: 4.5em;
	font-weight: normal;
	margin-bottom: 35px;
}
h1 small {
	display: block;
	font-size: 0.44em;
	color: #c9c6c7;
	letter-spacing: .1px;
	padding-bottom: 19px;
}
h2 {
	font-size: 4.5em;
	font-weight: normal;
	margin-bottom: 35px;
}
h2 small {
	display: block;
	font-size: 0.44em;
	color: #c9c6c7;
	letter-spacing: .1px;
	padding-bottom: 19px
}
h2 small:last-child {
	padding-bottom: 0px;
	padding-top: 10px;
}
h3 {
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 19px;
}
h4 {
}
h5 {
}
h6 {
}
/*2.2) Global Heading End*/
/*2.3) Inline Text Elements*/
img {
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/*2.3) Inline Text Elements End*/
/*2.4) Alignment Classes*/
.align-center {
	text-align: center;
}
.align-center p {
	text-align: center;
}
.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 {
	font-size:1.6em;
	padding-left:20px;
	margin-bottom:6px;
	position:relative;
}
.default li:after{
	position:absolute;
	left:3px;
	top:11px;
	content:"";
	width:4px;
	height:2px;
	background:#bcb9ba;
}
/*2.6) Global List*/
/*2.) Global TypoGraphy End*/
/*3.) Forms Element*/
::-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;
}
input, textarea {
	outline: none;
	-webkit-appearance: none;
}
/*3.) Forms Element End*/
/*4.) Button & Link Element*/
a {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	color: inherit;
	text-decoration: none;
	outline: none;
}
a:hover {
}
.btn {
	font-size: 1.6em;
	font-weight: bold;
	display: inline-block;
	padding: 9px 16px 8px;
	color: #fff;
	background: #dfc08d;
	border:1px solid #dfc08d;
}
.btn:hover{
	border-color:#dfc08d;
	color:#dfc08d;
	background:#fff;
}
.btn.white-btn {
	background: #fff;
	color: #554b4f;
	border-color:#fff;
}
.btn.white-btn:hover{
	border-color:#fff;
	color:#fff;
	background:#554b4f;
}
.link {
	font-size: 1.6em;
	color: #dfc08d;
	font-weight: bold;
	border-bottom: 2px solid #dfc08d;
	padding-bottom: 5px;
}
.link:hover {
	color: #C0C0C0 !important;
	border-color: #C0C0C0 !important;
}
.link.gray {
	color: #bfbcbc;
	border-color: #bfbcbc;
}
.link.pink {
	color: #ef8b8d;
	border-color: #ef8b8d;
}
.link.light-pink {
	color: #eaae9c;
	border-color: #eaae9c;
}
/*4.) Button & Link Element End*/
/*5.) Helping Classes*/
/*5.1) Clear Style*/
/*5.1) Clear Style End*/
/*5.2) Global Sprite Icon Style*/
.icon, .icon-after:after, .icon-before:before {
	background: url(../images/sprite.png) 0 0 no-repeat;
	content: "";
}
.icon-after, .icon-before {
	position: relative;
}
/*5.2) Global Sprite Icon Style End*/
/*5.3) Global Show Mobile Style*/
.dash,
.m-dash{
    display: none;
}

.xs-show {
    display: none !important;
}

/*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 {
	max-width: 1150px;
	margin: 0 auto;
}
/*5.5) Width Style End*/
.center-width{
	max-width:984px;
	margin:0 auto;
}
.white-color {
	color: #fff;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.clear {
	clear: both;
}
.tel {
	font-size: 1.7em;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	display: inline-block;
}
.tel:after {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 14px;
	height: 18px;
	background-position: -171px -1px;
}
.white-space {
	white-space: nowrap;
	display: block;
}
/*5.) Helping Classes End*/
/*6.) Header Section Start*/
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 999;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

#header.new-header {
    background:#fff;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

#header.fixed{
    position: fixed;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity: 1;
}
#header .main {
	position: relative;
	padding: 53px 0;
	transition:all .5s ease;
}
#logo {
	float: left;
	transform: translateX(-43%);
	width:212px;
	height:118px;
	transition:all .5s ease;
}
#navigation {
	float: right;
	padding-top: 24px;
	position: absolute;
	right: 0px;
	border-bottom: 1px solid #554b4f;
	padding-bottom: 31px;
	transition:all .5s ease;
}
#navigation li {
	float: left;
	padding: 0 18px;
	margin-left: 21px;
	position:relative;
}
#navigation li:first-child {
	margin-left: 0px;
	padding-left: 10px;
}
#navigation li a {
	font-size: 1.7em;
}
#navigation li.active a,#navigation li:hover a {
	color: #dfc08d;
}
#logo img{
	transition:all .5s ease;
}
#header.new-header .main{
	background:#fff;
	padding:14px 0 15px;
	border-bottom:1px solid #b0abad;
	margin-bottom:-1px;
}
#navigation li.active:after,
#navigation li:hover:after{
	position:absolute;
	left:0px;
	top:51px;
	right:0px;
	height:1px;
	content:"";
	background:#dfc08d;
}
#header.new-header #navigation li.active:after,
#header.new-header #navigation li:hover:after{
	top:52px;
}

#header.new-header #logo{
	width:53px;
	height:51px;
	background:url(../images/fixed-logo.png) 0 0 no-repeat;
	transform:translateX(19%);
}
#header.new-header #navigation{
	padding-top:14px;
	border:none;
	padding-bottom:14px;
}
#header.new-header #logo img{
	opacity:0;
	visibility:hidden;
}
/*6.) Header Section End*/
/*7.) Footer Section Start*/
#footer {
	padding: 78px 0 54px;
	position:static;
	transform:none;
}
.appointment-section {
	padding: 31px 62px 25px;
	color: #fff;
	background: #554b4f;
	margin-bottom: 18px;
}
#footer h4 {
	font-size: 2.7em;
	color: #fff;
	float: left;
	padding: 8px 0;
}
.btn-container li {
	float: left;
	margin-right: 9px;
}
.btn-container li:last-child {
	float: right;
	margin-right: 0px;
}
.appointment-section .float-r {
	margin-right: 12px;
}
.call-detail {
	display: block;
	padding-top: 9px;
}
.call-label {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	font-weight: 500;
	border-right: 1px solid #fff;
	padding: 2px 14px 2px 0;
}
.call-detail a {
	display: inline-block;
	vertical-align: middle;
	font-size: 3em;
	font-weight: bold;
	padding-left: 9px;
}
.go-back {
	float: left;
	position: relative;
	font-size: 1.7em;
	padding-left: 30px;
	cursor: pointer;
}
.go-back:hover{
	color:#dfc08d;
}
.go-back:hover:after{
	border-right-color:#dfc08d;
	border-top-color:#dfc08d;
}
.go-back:after {
	position: absolute;
	left: 7px;
	top: 10px;
	content: "";
	border-right: 2px solid #554b4f;
	border-top: 2px solid #554b4f;
	width: 7px;
	transform: rotate(-45deg);
	height: 7px;
}
.impressum-cta {
	float: right;
	font-size: 1.3em;
	margin: 3px;
}
.impressum-cta:hover{
	color:#dfc08d;
}
.datenschutz-cta {
	float: right;
	font-size: 1.3em;
	margin: 3px;
}
.datenschutz-cta:hover{
	color:#dfc08d;
}
/*7.) Footer Section End*/
/*8.) Content Section Start*/
.impressum-link {
	position: absolute;
	right: 30px;
	bottom: 2%;
	letter-spacing: .8px;
}
.datenschutz-link {
	position: absolute;
	right: 120px;
	bottom: 2%;
	letter-spacing: .8px;
}
.flex-prev, .flex-next {
	position: absolute;
	left: -110px;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	border: 2px solid #554b4f;
	border-radius: 50%;
	text-indent: -9999px;
}
.flex-prev:after, .flex-next:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-60%, -50%);
	content: "";
	background: url(../images/sprite.png) -111px -1px no-repeat;
	width: 10px;
	height: 15px;
}
.flex-next:after {
	background-position: -126px -1px;
	margin-left:2px;
}
.flex-next {
	left: auto;
	right: -110px;
}
.banner {
	position: relative;
}
.banner img {
	width: 100%;
}
.banner .banner-content-area {
	padding-top: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.banner-content {
	width: 42.3%;
	position: absolute;
	left: 0;
	top: 55%;
	transform: translateY(-50%);
}
.go-next-section {
	color: #dfc08d;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 2px solid #dfc08d;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 52px;
	padding-bottom: 5px;
	z-index:9;
	transition-duration:.3s;
}
.go-next-section:after {
	border-top: 8px solid #dfc08d;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}
.go-next-section:hover{
	margin-bottom:-5px;
}
.white-color .go-next-section {
	color: #fff;
	border-bottom-color: #fff;
}
.white-color .go-next-section:after {
	border-top-color: #fff;
}
.section {
	padding: 60px 0 65px;
	position: relative;
}

.section-unser-therapieansatz {
	padding: 20px 0 55px;
	position: relative;
}

.float-image{
	float:left;
	width: 50%;
    padding-right: 26px;
}
.outer-image {
	width: 44%;
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
}
.outer-image img {
	width: 100%;
}
.section .absolute-content {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
.section .absolute-content .section-text {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.section.padding-none {
	padding: 0px;
}
.section .align-center figure {
	margin-bottom:34px;
}
.section .align-center figure img{
	margin:0 auto;
}
.section figure img {
	display: block;
}
.section figure.image {
	float: left;
	padding: 5px;
	border: 1px solid #dcdcdc;
	width: 47.5%;
}
.section figure.full-width {
	width: auto;
	border: none;
	padding: 0px;
	float: none;
	display: block;
}
figure.full-width img,.section figure.full-width img {
	width: 100%;
}
.section .section-text {
	float: right;
	width: 50%;
	padding: 15px 0 15px 22px;
}
.section .section-text.float-l{
	padding-right:22px;
	padding-left:0px;
}
.absolute-content {
	padding-top: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.absolute-content .text {
	width: 42.3%;
	position: absolute;
	left: 0;
	top: 55%;
	transform: translateY(-50%);
}



/*8.1) Two Col Design Start*/

.two-col .block {
	width: 50%;
	float: left;
	padding-right:22px;
}

.two-col .block p{
    text-align: justify;
}

.two-col .block:nth-child(2n+2){
	padding-left:22px;
	padding-right:0px;
}
.two-col.with-icon {
	padding-top: 44px;
}
.two-col h3 {
	margin-bottom: 10px;
}
.with-icon.two-col .block {
	padding: 0 50px 0 80px;
	margin-bottom: 66px;
}
.with-icon.two-col .block:nth-child(2n+2) {
	padding-right: 0px;
	padding-left: 136px;
}
.with-icon.two-col .block:nth-child(2n+2) + block {
	clear: both;
}
/*8.1) Two Col Design End*/
/*8.2) Tab Section Start*/
.tab-area{
	padding-top:32px;
	position:relative;
}
.tab-target{
	position:relative;
	display:none;
}
.tab-target.show{
	display:block;
}
.tab-target img{
	display:block;
}
.tab-target .main{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	margin:0 auto;
	padding-top:100px;
}
.tab-area h3{
	margin-bottom:33px;
}
.tab-area p{
	margin-bottom:28px;
}
.tab-triger{
	position:absolute;
	left:0px;
	right:0px;
	margin:0 auto;
	top:0px;
	transform:translateY(-50%);
	margin-top:32px;
	z-index:9;
}
.tab-triger li{
	float:left;
	cursor:pointer;
	width:33.3%;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	text-align:center;
	font-size:1.8em;
	background:#fbfafa;
	color:#554b4f;
	line-height:76px;
}
.tab-triger li.active{
	font-weight:bold;
	background:#dfc08d;
	color:#fff;
}
/*8.2) Tab Section End*/
/*8.) Content Section End*/


/*code*/
.full-width{width: 100%;}


.sos-head .main {
    max-width: 1144px;
    margin: 0 auto;
    /* height: 187px; */
    position: absolute;
    top: 299px;
    left: 0;
    right: 0;
    background: rgba(223,192,141,0.95);
    margin: 0 auto;
    text-align: center;
    padding: 31px 60px 35px;
}
.sos-head {
    position: relative;
    overflow: hidden;
}
.sos-head h1 {
    margin-bottom: 17px;
}
.sos-head p,.sos-head h1{color: #fff;}
.sos-head p{font-size: 1.602em; margin-bottom: 5px;}


.sos-head .go-next-section {
    color: #fff;
    
    border-bottom: 2px solid #fff;   
    
}
.sos-head .go-next-section:after {
    border-top: 8px solid #fff;
}


.time-line {
    padding-top: 140px;
    margin-bottom: 135px;
    position: relative;
}

.time-line-wrap {
    position: relative;
}

.time-line-wrap:after {
    content: '';
    border-top: 2px rgba(0,0,0,0.1) solid;
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px;
}

.time-line-container {
    position: relative;
    white-space: nowrap;
}

.time-line-container > div {
    display: inline-block;
    position: relative;
    height: 8px;
}

.time-line-container .bullet {
    position: absolute;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    left: -16px;
    top: -12px;
    z-index: 5;
}

.line-divide {
    border-left: 1px #615459 solid;
    position: absolute;
    left: 0;
    top: -8px;
    height: 24px;
    z-index: 1;
}

.yellow-part {
    width: 346px;
}

.yellow-part:after {
    content: '';
    background: #dfc08d;
    position: absolute;
    width: 0%;
    height: 14px;
    left: 1px;
    top: -3px;
    transition: all 2s ease;
}

.red-part {
    width: 700px;
    margin-left: -195px;
}

.red-part .bullet {
    background: #ef8b8d;
}

.red-part:after,
.pink-part:after,
.grey-part:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 8px;
    left: 0;
    top: 0;
    transition: all 2s ease;
}

.time-line-container.active .yellow-part:after,
.time-line-container.active .red-part:after,
.time-line-container.active .pink-part:after,
.time-line-container.active .grey-part:after{
    width: 100%;
}

.red-part:after {
    background: #ef8b8d;
}

.red-part .line1 {
    left: 193px;
}

.red-part .line2 {
    left: 312px;
}

.pink-part {
    width: 232px;
    margin-left: -3px;
}

.pink-part:after,
.pink-part .bullet{
    background: #eaae9c;
}

.grey-part {
    width: 63px;
    margin-left: -3px;
}

.grey-part .bullet {
    background: #bfbcbc;
}

.grey-part:after {
    background: rgba(191,188,188,0.4);
}

span.title {
    position: absolute;
    font-size: 2em;
    color: #615459;
    left: 0;
    top: -55px;
}

.medium-text {
    font-size: 1.6em;
    position: absolute;
    left: -15px;
    top: -72px;
}

.small-text {
    font-size: 1.4em;
    position: absolute;
    left: 0;
    top: 38px;
}

.yellow-part span.title {
    left: -1px;
}

.yellow-part .small-text {
    color: #5d7a70;
    left: 32px;
}

.red-part .medium-text,
.red-part .small-text{
    color: #ef8b8d;
}

.red-part span.title,
.red-part .small-text{
    left: 256px;
}

.pink-part .medium-text,
.pink-part .small-text{
    color: #eaae9c;
}

.grey-part .medium-text,
.grey-part .small-text{
    color: #bfbcbc;
}

.pink-part .small-text,
.grey-part .small-text{
    left: -15px;
}

.grey-part .medium-text {
    top: -53px;
}

.treatment-line {
    border: 2px rgba(97,84,89,0.3) dotted;
    border-top: none;
    width: 933px;
    height: 52px;
    padding-top: 40px;
    margin-left: 152px;
    margin-top: 80px;
    text-align: center;
}

.treatment-line span {
    background: #fff;
    display: inline-block;
    font-size: 1.8em;
    color: rgba(85,75,79,0.4);
    padding: 0 20px;
}