@CHARSET "UTF-8";
*{margin: 0px;padding: 0px;}
@viewport {	zoom: 1;}

html, body{max-width: 100%;   overflow-x: hidden;}
body {margin: 0;color: #313131;font-size: 14px;line-height: 18px;}

.clearer {clear: both;}

div{}
p{font-weight:normal !important;margin : 5px 0 10px 0;color: #313131;}
h1,h2,h3,h4,h5,h6{font-weight:normal !important;margin : 5px 0 10px 0;color: #313131;}
h1{color:#fff !important;background-color: #e42324;display:inline-block;padding:0 5px;margin : 5px 0 25px 0;font-size: 36px !important;text-transform: uppercase !important;
font-weight: 200 !important;}
h2{font-size: 32px;line-height: 30px;}
h3{font-size: 24px;padding: 0 5px;text-transform: uppercase !important;color: #e42324 !important;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 10px;}

a,a:link,a:visited,a:hover,a:active{color: #e42324;font-weight:normal;text-decoration: none;}
a:hover{text-decoration: none;color: #fff;}

input,textarea{padding: 2px;border: 1px solid #a9a9a9;background: #fff;font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;}
label, input, textarea{font-size: 12px;color: #fff;}
.radio{display: inline-block;margin: 10px 10px 10px 0px;}

ul,ol{margin:0;}

/* HEADER STYLE*/
#socialmedia{position: relative;float:left;max-width: 1000px; margin:5px auto 20px auto;padding:5px 0 0 0 ;height:30px;}
#socialmedia span {display: none;}

#xing, #facebook , #youtube{position: relative;height: 30px;width: 30px;background-size:30px 30px;margin-right: 8px;float: left;}
#xing {background-image: url(image/xing.png);}
#facebook {background-image: url(image/facebook.png);}
#youtube {background-image: url(image/youtube.png);}
#xing:hover{background-image: url(image/xing_hover.png);}
#facebook:hover{background-image: url(image/facebook_hover.png);}
#youtube:hover{background-image: url(image/youtube_hover.png);}
#facebook a, #youtube a {display: block;height: 50px;width: 50px;}

.logo{width: 24%;float: left;position: relative;min-height: 1px;margin-left:2%;}
#logo {position: relative;float: left;width:200px;height:60px;margin: 0px 0px 0px 0px;background-image:url(image/timFord_logo.png);background-size:200px 60px;}
#logo span{display: none;}

header{background-color: #fff;padding: 30px 0 30px 0 !important;border-bottom: 1px solid #e42324 !important;z-index: 3;margin: 0 auto 20px auto;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.header{position: fixed;height:120px;width:100%;}
.header_fixed {position: fixed;}
.small{height:70px;padding: 0px 0 20px 0 !important;}

/*BUTTONS*/
#button_fito{position: relative;height: 160px;width: 450px;margin:0 auto 10 auto;
	background-size:450px 160px;
	background-image: url(../css/image/button_web_fitogram2.png);
	cursor: pointer;text-align: center;}
.fito_link{float:left;
height: 160px;width: 450px;padding:10px;margin-left:33.33%;margin-bottom:20px;text-align: center;}
/*.fito_link{float:left;
height: 160px;width: 450px;padding:10px;margin: 5px auto 60px auto;
background-image: url(../css/image/button_web_fitogram.png);background-size:450px 160px;
cursor: pointer;}*/


nav ul{list-style-type: none;margin: 0;}
.nav>li>a{padding:0px;}
.nav>li>a:hover, .nav>li>a:focus{background-color:#313131;}

.header_nav{position: relative;float: left;width: 72%;min-height: 1px;text-transform: uppercase;display:inline-block;line-height: 1;}
.head_nav{float: left;z-index: 1;position: relative;height: auto;padding: 20px 0 0 0;font-size: 1.20em;font-weight: bold;}
.head_nav a, .head_nav a:link, header nav a:link{}
.head_nav a:visited {}
.head_nav a:hover, .head_nav a.nav-path-selected, .head_nav a.active, .head_nav a:focus {background-color:#313131;color:#e42324;}

.head_nav ul {list-style: none;margin-top: 0px !important;padding: 0;float: left;}
.head_nav li {margin: 0 10px 0 0;position: relative;display: inline-block;}
.head_nav li {background-color:#e42324;display:inline-block;color:#fff;text-transform: uppercase;}
.head_nav li a{color:#fff;padding:5px;}
.head_nav li a:hover{background-color:#313131;color:#e42324;}

.head_nav li ul {display:none;position: absolute;background-color:rgba(0,0,0, 0.8);padding:0;}
.head_nav li:hover ul{display:block;visibility: visible;}
.head_nav li ul li{display:block;background-color:#313131;padding: 5px 0;margin:0px;}
.head_nav li ul li a{font-size: 0.80em;padding: 0 10px 0px 10px;display: block;background-color: none;color:#fff;}
.head_nav li ul li a:hover, .head_nav li ul li .nav-path-selected{color:#e42324;background-color:#313131;}

/*END HEADER STYLE*/

/* MOBILE NAV*/
#mobile_nav{z-index:2;position:relative;margin:21px 0 0 0;width:100%;background:rgba(255, 255, 255, 0.8);font-size: 18px;text-align:center;
-webkit-transition: margin .5s ease-in-out;-moz-transition: margin .5s ease-in-out;transition: margin .5s ease-in-out;}
#mobile_nav a{color:#e42324;padding:5px 8px;display:block;}
#mobile_nav a:hover, #mobile-nav a.nav-path-selected, #mobile-nav a.active{color:#999;}
#mobile_nav-toggle{height:40px;margin:20px 0 0 0;}
#mobile_nav-icon{position: absolute;right: 20px;display:none;width:40px;height:40px;margin:15px 0 0 40px;background: url(image/mobile_nav.png);background-size: 40px 40px;}
#mobile_nav-icon span{display:none;}
.upper{margin:0 0 0 0 !important;}
#mobile_nav ul li ul{display:none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#mobile_nav ul li:hover ul{display:block;}
#mobile_nav li ul li a{font-size:16px;color:#313131;}
#mobile_nav li ul li a:hover{color:#e42324;}
/* END MOBILE NAV*/

/* CONTENT */
#content{}
.left_content{width:100%;min-height:450px;}
.right_content{width:100%;min-height:450px;}
.grey{color:#fff;background-color:#313131;}
.grey p{color:#fff;}
.grey h2{color:#e42324 !important;}
.full{position:relative;max-width:1170px;width:100%;margin:0 auto;padding:0;}
.half{position:absolute;width:50%;margin:25% 0 0 50%;padding:0;}

.col75, .col25{position: relative;float:left;min-height: 1px;padding-left: 15px;padding-right: 15px}
.col100{width:100%;margin:0 auto;padding:0;text-align: center;}
.col50{position:relative;float:left;width:40%;/*min-height:450px;*/height:auto;margin:0 5%;padding:30px 0 0 0;}
.col75{width:75%;}
.col25{width:25%;}

.left{left: -50%;}
.right{right:-50%;}

#headline{color:#fff;background-color: #e42324;display: inline-block;padding: 0 5px;margin: 5px auto 25px auto; 
font-size: 30px !important;text-transform: uppercase !important;font-weight: 200 !important;}

.anchor{padding-top:50px;}

/* PICs
#pic{position: absolute;background-size: cover;width: 100%;height: 100%;background-color:#CCC;}*/

.trainings_pic{position: absolute;width: 100%;min-height:450px;height:auto;background-position:center top;margin:0 0 30px 0 }
#pic1{position: absolute;background: url(image/training_pic_0.jpg);width: 100%;height: 100%;background-size: 110% auto;
background-position: -100px 0px;}
#pic2{position: absolute;background: url(image/indoor_cycling_01.jpg);width: 100%;height: 100%;background-size: 110% auto;
background-position: 0px 0px;}
#pic3{position: absolute;background: url(image/training_pic_3.jpg);width: 100%;height: 100%;background-size: 110% auto;
background-position: -100px 0px;}
#pic4{position: absolute;background: url(image/training_pic_4.jpg);width: 100%;height: 100%;background-size: 110% auto;
background-position: 0px 0px;}
#pic5{position: absolute;background: url(image/training_pic_5.jpg);background-size: cover;width: 100%;height: 100%;}
#pic6{position: absolute;background: url(image/training_pic_6.jpg);background-size: cover;width: 100%;height: 100%;}

#tim_pic{background: url(image/profilbild_tim.jpg);background-size: 200px 250px;width: 200px;height: 250px;float:left;margin:0 10px 0 0;}
.steckbrief{width:100%;margin:0 auto 25px auto;background-color:#444;padding:10px;}
.steckbrief p{color:#fff !important;}

.location_pic{position:relative;width:23%;height:auto;margin: 0 1% 20px 1%;float:left;background:#CCC;background:none;}
.location_pic p{margin:5px 0 10px 5px;}
#loc_1{background: url(image/loc_outdoor.jpg) no-repeat;;background-size: auto 100%;width:96%;height:200px;margin:2%;}
#loc_2{background: url(image/loc_office.jpg) no-repeat;;background-size: auto 100%;width:96%;height:200px;margin:2%;}
#loc_3{background: url(image/loc_home.jpg) no-repeat;;background-size: auto 100%;width:96%;height:200px;margin:2%;}
#loc_4{background: url(image/loc_studio.jpg) no-repeat;;background-size: auto 100%;width:96%;height:200px;margin:2%;}

.cycling_pic{position:relative;width:23%;height:auto;margin: 0 1% 20px 1%;float:left;background:#CCC;background:none;}
.cycling_pic p{margin:5px 0 10px 5px;}
#cyc_1{background: url(image/cyc_01.jpg) no-repeat;;background-size: auto 100%;width:96%;height:250px;margin:2%;}
#cyc_2{background: url(image/cyc_02.jpg) no-repeat;;background-size: auto 100%;width:96%;height:250px;margin:2%;}
#cyc_3{background: url(image/cyc_03.jpg) no-repeat;;background-size: auto 100%;width:96%;height:250px;margin:2%;}
#cyc_4{background: url(image/cyc_04.jpg) no-repeat;;background-size: auto 100%;width:96%;height:250px;margin:2%;}
#cyc_5{background: url(image/cyc_05.jpg) no-repeat;;background-size: auto 100%;width:96%;height:250px;margin:2%;}

.content_pic img{}
.content_pic{position: relative;float:right;margin:30px auto 10px auto;width:50%;height:auto;background-size:100% auto;}
.content_pic h3{position:absolute;right:10px;top:275px;}

#start_pic{position:fixed;background: url(image/tim_ford_start_pic.jpg) top center no-repeat;background-size:cover;
width:100% ;height:100%;height:100vH;margin:0;}
.move{}
.head_pic{width:100%;max-height:80vH;height:auto;}
.head_pic1 img{width: 100%;background-size: cover;max-width: 2000px !important;
height: auto;margin: 0 auto -2px auto;}

* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 2;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;z-index: 3;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}


#red_block{width:75px;height:75px;background-color:#e42324;position:absolute;left:0px;bottom:0px;}
#red_block2{width:75px;height:75px;background-color:#e42324;position:absolute;right:0px;bottom:0px;}

.red_button{float: left;
height: auto;width: 150px;padding:10px;margin: 5px 0 60px 0;
background-color: none;border: 2px solid #e42324;
font-size: 16px;font-weight: bold;text-align: center;text-transform: uppercase;
color: #e42324;
cursor: pointer;}
.red_button:hover{background-color:#e42324;color: #fff;}

/* Sections */

/*EVEN*/
section:nth-child(even) {position:relative;width:100%;height:auto;margin:0px auto 0px auto;padding:75px 0;border-top: solid 2px #e42324;background-color: #313131;}
section:nth-child(even) p{color:#fff;}
/*ODD*/
section:nth-child(odd) {position:relative;background-color:rgba(255,255,255, 0.9);width:100%;margin:0px auto 0px auto;padding:75px 0;border-top: solid 2px #e42324;}
section:nth-child(odd) p{}
section:first-child {border-top: solid 0px #e42324;margin-top: 0px; padding:0;background-color:rgba(255,255,255, 0);}
section:first-child p{color: #313131;background-color:rgba(255,255,255, 0.5);padding:10px;}
.training { padding: 75px 0 0 0 !important;}
section:last-child {background-color:rgba(255,255,255, 0.8); margin: 0 auto;}
section:last-child p{color:#313131;;}
section:last-child a:hover{text-decoration: none;color: #313131;}
section.active {background-color: #000;}

.home {position:relative;width:100%;min-height:600px;height:100vH;margin:0 auto 0 auto;padding:140px 0 0 0;}
.home h1 {color:#fff !important;}
.header_pic{background-color: #313131 !important;}

.alert-danger, .alert-error{background: none !important;}

/* Form Overrides*/
.btn{border-radius:0px !important;}
.btn-primary{color: #fff;background-color: #e42324;border: 0px; margin-bottom:20px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
	color: #fff;background-color: #313131;border-color: none;}

/* Lightbox */
.mfp-iframe-holder .mfp-content{max-widht:1600px;}

/* FOOTER */
#iframe-brand{position:relative;background-color: rgba(255, 255, 255, 0.9);padding-top: 20px;padding-bottom: 20px;border-top: 1px solid #d9d9d9;
border-top: solid 2px #e42324;}
#iframe-brand a {padding: 0 2px;display:inlne-block;color: #313131;}
#iframe-brand a:hover {color: #e42324;}
 
/* Responsive */
@media (max-width:1320px){}
@media (max-width:1200px){
	.head_nav li{margin: 0 0px 0 0;}
}
@media (max-width:1080px){
	section:first-child { height:auto;}
	#overlay {background-color: rgba(0, 158, 224, 0);}
	.full h1{margin:0 2%;}
	.half{margin: 25% 10% 0 40%;}
	.half h1{margin:0;}
	.col100 p{width: 90%;margin: 10px 5% 10px 5%;text-align: left;}
	.col50 {padding: 20px 2% 0 2%;}
	.location_pic{width:40%;margin: 0 5% 20px 5%;}
	.cycling_pic{width:40%;margin: 0 5% 20px 5%;}
	#loc_1, #loc_2, #loc_3, #loc_4{background-size: 100% auto;height:180px;width:100%;margin: 0 1% 0px 1%;}
	#cyc_1, #cyc_2, #cyc_3, #cyc_4, #cyc_5{background-size: 100% auto;background-position: bottom;width:100%;margin: 0 1% 0px 1%;}
}
@media (max-width:991px){
	.logo{width: 22%;margin-left:2%;}
	#logo {width:150px;height:45px;background-size:150px 45px;}
	.header_nav{width: 75%;padding: 10px 0 0 0;}
}
@media (max-width:900px){	
	#col50{width:100%;margin:0;}
	.trainings_pic{position:relative !important;min-height:280px;}
	#pic1, #pic2, #pic3, #pic4, #pic5, #pic6{right:0px;left:0px;/*background-size: 650px auto;*/background-repeat: no-repeat;background-position:0px 0px;}
	.right, .left{right:0; left:0;}
	.col50 {width:90%;float: none;/*min-height: 280px;*/}
	.content_pic{float:none;margin:80px auto 0 auto;width:100%;height:auto;}
}

@media (max-width:767px) {
.logo{margin-left:2%;}
#start_pic{position:absolute;height: 750px;left:0px;}
.contact, .prices{position:relative;width:100%;height:auto;margin:0px auto 0px auto;padding:60px 0 0 0;}
.head_nav li{margin: 0 0 0 0;}
}

@media (max-width:645px) {
/*all to 100%*/
.fito_link{margin-left:10%;margin-right:33.33%;}
	
.half{width:80%;margin: 5% 10% 0 10%;}
.location_pic, .steckbrief{width:90%}
#tim_pic{background-size: 100% auto;width: 90%;margin: 0 5% 10px 5%;height:300px;}
.col100 p{width: 90%;margin: 10px 5% 10px 5%;text-align: left;}
.location_pic{margin: 0 5% 20px 5%;}
#loc_1, #loc_2, #loc_3, #loc_4{background-size: 100% auto;}
.tim img{width:100%; height:auto;margin-bottom:10px;}

#socialmedia{float:none;}

h1{font-size: 30px !important;}
section:first-child{padding:120px 0px 0 0px;}
section:first-child p{background-color: rgbA(255, 255, 255, 0.7);padding:0 5px 0 5px;}
.logo{width:100%;}
.half{width:80%;margin: 5% 10% 0 10%;}
header nav, .head_nav {display:none;}
#mobile-nav, #mobile_nav-icon{display:block;}	

}
@media (max-width:450px) {	.trainings_pic{min-height:178px;}}