
html, body{
	margin:0; border:0 none; padding: 0; height:100%; min-height:100%; font-size:100%;}


body {
    background:none;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	background-color: #fff;
}


	
.navbar {
    border:none;
    height:30px;
    margin-bottom:20px;
    padding-top:0;
	padding-right:0;
	min-height:30px !important;
   
}

.navbar-brand{
	padding:0 25px 0 25px;
	margin-bottom:10px;
}

.navbar-default{
	background-color:rgba(0,152,204,0.3);
}

.navbar-default .navbar-nav > li > a{
	font-family: 'Abel', sans-serif;
	color:#fff;
	font-size:14px;
	background-color:transparent;
	padding:5px 10px;
	margin:0 5px;
	font-weight:bold;
	border-radius:0;
	border:none
}

.navbar-toggle{
	background-color: #0099cc;
    background-image: none;
    border:none;
    border-radius:0;
	padding:15px;
	margin:0;
	
}
.navbar-collapse{
	border:none;
	box-shadow:none;
	background-color:transparent;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
	
}

.navbar-default .navbar-nav > li > a:hover{
	background-color:#fff !important;
	color:#0099cc;
	border:none
}

a, a:link, a:active, a:focus, a:visited {
    text-decoration: none;
	outline:none;	
}

header{
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
	transition: all 0.4s ease;
	display:table;
	vertical-align:middle;
	z-index:+500;
	background-color: #fff;
}

.faq{
	position:relative;
	height:60%;
	min-height:45%;
	-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
	transition: all 0.4s ease;
	display:table;
	vertical-align:middle;
	z-index:+500;
	margin:0 auto 50px;

}

h1,h4,h5,h6{
	font-family:'Abel', sans-serif !important;
	/*color:#f59c00;*/
	color:#b2e0f0;
	font-size:100px;
	line-height:1;
	margin:0;
	padding:0;
	font-weight:bold;
	letter-spacing:-5px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.faq h1{
	font-size:250px;
	vertical-align:bottom;
}
.faq h6{
	text-align:left !important;
}

.anfahrt{
	padding-bottom:50px;
}

h2{
	font-family: 'Abel', sans-serif;
	/*color:#0099cc;*/
	color:#000;
	margin:0;
	font-weight:bold;
	letter-spacing:-5px;
	font-size:7.5vw;
	display:block;	
}

h3{
	font-family: 'Abel', sans-serif;
	display:block;
	margin:15px 0 45px;
	font-weight:bold;
	font-size:5vw;
	/*color:#0099cc;*/
	color:#000;
	letter-spacing:-3px;
}

h4{
	color:#fff;
	font-family: 'Abel', sans-serif;	
	text-align:center;
}

h5{
	font-family: 'Abel', sans-serif;
	font-size:100px;
	font-weight:bold;
	padding:15px 0;
	letter-spacing:-6px;
	line-height:auto;
	display:block;
	text-align:center;
	background-color:#b2e0f0;
	border-radius:4px;
	color:#fff;
	
}

h6{
	font-family: 'Abel', sans-serif;	
	font-size:20px;
	padding:0 0 0;
	letter-spacing:-0.04em;
	color:#b2e0f0;
	line-height:20px;
	display:block;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.welcome{
	width:100%;
	height:900px;
	position:relative;
    z-index:+500;
  	background: url(../img/eric_bg.jpg) no-repeat top center;
  	background-color:#fff;
  	background-position:top center;
	margin:-170px 0 0 0;
	display:table;
	text-align:center;
		
}

.brand{
	background: url(../img/Favicon_180px.svg) no-repeat center center;
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
	margin:0;
	display:none;
}

.deco{
	width:120px;
	height:120px;
	position:relative;
	background: url(../img/Pusteblume_grau.png) no-repeat top center;
  	background-color:#fff;
	margin:15px auto 15px;
	display:block;
	text-align:center;
}

.deco2{
	width:60px;
	height:60px;
	position:relative;
	background: url(../img/Pusteblume_blau.png) no-repeat top center;
  	background-color:#fff;
	margin:0 auto 10px;
	display:block;
}

.customwrapper{
	display:table-cell;
	vertical-align:bottom;
	height:auto;
	width:100%;
	margin:0 auto;
	text-align: center;
}

.bottom{ 
	vertical-align:bottom !important;
}
/*Button*/
.custom{
	font-family: 'Abel', sans-serif;
	width:50%;
	margin:0;
	padding:15px 25px 10px 25px;
	background-color:transparent;
	color:#0099cc;
	border:none;
	border-radius:0;
	font-size:32px;
	letter-spacing:-2px;
	font-weight:bold;
	line-height:72px;
	text-transform: uppercase;
	float:left;
	-webkit-transition: transition: all 0.4s ease;
    -moz-transition: transition: all 0.4s ease;
    -o-transition: transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.custom:hover{
	background-color:rgba(0,152,204,0.3);
	color:#fff;
	border:none
}

p{
	
	font-size:14px;
	line-height:14px;
	margin:0;
	padding:0;
	font-weight:400;	
}

.kontakt{
	width:100%;
	height:auto;
	position:relative;
	background-color:transparent;
	margin:0;
    padding:0;
	text-align:center;
}

.overlay{
	width:100%;
	height:100%;
	background-image:-webkit-linear-gradient(black 5%, rgba(0,0,0,0.) 50%, black);
  	background-image:-moz-linear-gradient(black 5%, rgba(0,0,0,0.1) 50% , black);
  	background-image:-o-linear-gradient(black 5%, rgba(0,0,0,0.1) 50% , black);
  	background-image:linear-gradient(black 5%, rgba(0,0,0,0.1)50% , black);
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}


.kontakt1,
.kontakt2,
.kontakt3,
.kontakt4{
	width:25%;
	height:200px;
	background-color:#b2e0f0;
	float:left;
	display:table;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	-webkit-transition: transition: all 0.4s ease;
    -moz-transition: transition: all 0.4s ease;
    -o-transition: transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.class{
    width:;
    height:;
    position:;
  	float:;
	overflow:;
   	z-index:100;
	-webkit-animation: fadein 2s;
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s; 
            animation: fadein 2s;
}



footer{
	height:auto;
	background-color:#fff;
	padding:50px 0;
	
}

.kontakt a{
	font-family: 'Abel', sans-serif;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	font-size:52px;
	letter-spacing:-2px;
	font-weight:bold;
	line-height:72px;
	-webkit-transition: transition: all 0.2s ease;
    -moz-transition: transition: all 0.2s ease;
    -o-transition: transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.kontakt1:hover,
.kontakt2:hover,
.kontakt3:hover,
.kontakt4:hover{
	background-color:#fff;
}

.kontakt a:hover{
	color:#0099cc;
	padding-bottom:15px;
}

footer p,
footer a{
	font-family: 'Abel', sans-serif;
	margin:0 auto;
	font-size:14px !important;
	line-height:auto;
	display:block;
	letter-spacing:0.05em;
	text-align:left;
}
footer a{
	display:block;
}
footer a:hover{
	text-decoration: underline !important;
}

.behandlung{
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
  	background:url(../img/behandlungback.jpg) bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attatchment:fixed;
	display:table;
	text-align:center;
	z-index:+500;
	padding: 0 15px;
}

.container{
	padding:25px 0;
}

p{
	color:#333;
	font-size:13px;
	line-height:20px;
	letter-spacing:0.05em;
}

.sub{
	color:#0099cc;
	font-size:12px;
	display:block;
	margin:0 auto;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,.col-sm-7, .col-sm-8,
.col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-top:25px;
	padding-bottom:25px;
	text-align: left;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.anwendung{
	padding-top:0px;
}


.anwendung h5 {
	margin-top:100px;
}

.anwendung img {
	position:relative;
	display:block;
	margin:100px auto 0 !important;
}

.center{
	text-align: center;
}

.faq h6{
	margin:25px 0 0 0;
}

.left{
	text-align:left;
}

hr{
	width:100%;
	height:1px;
	background-color:#191919;
	margin:0 auto 25px;
	border-color:transparent;
	border-width:0;
}

/* Anfahrt */

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  margin-top:85px;
  height:0;
  overflow: hidden;
  /*pointer-events: none;*/
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.session,
.sessionen,
.sessionru{
	width:200px;
	height:200px;
	position:absolute;
	top:10%;
	right:1%;
	z-index:+999;
	background: url(../img/session_front.svg) no-repeat top left;
	background-color:transparent;
}

.session:hover{
	background: url(../img/session_de_2.svg) no-repeat top left;
}

.sessionru{
background: url(../img/sessionru_front.svg) no-repeat top left;
}

.sessionen:hover{
	background: url(../img/session_en_2.svg) no-repeat top left;
}

.sessionru:hover{
	background: url(../img/session_ru_2.svg) no-repeat top left;
}


.img img{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto 0;
}

.logo{
	position:absolute;
	width:281px;
	height:49px;
	top:50px;
	left:25px;
	z-index:+999;
	background: url(../img/LogoTr_280.png) no-repeat top left;

}

.center h6{
	text-align: center !important;
}

}
