body, article, aside, details, figcaption, figure, header, hgroup, main, menu, nav, section, summary{
    @import url(https://fonts.googleapis.com/css?family=Raleway);
	font-family: 'Raleway', sans-serif;
	margin:0 0 0;
    line-height: 1.8;
	}

#diva {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:22px;
	z-index:2;
	visibility: visible;
} 	


.righttoplogo {
	position:fixed;
	left:32px;
	height:148px;
	top:42px;
	width:160px;
}

@media (min-width: 20px) and (max-width: 1200px) {
.righttoplogo { display: none; }   /* hide it elsewhere */
}



@media (min-width: 1200px) and (max-width: 6000px) {
.righttoplogo { display: block;}   /* hide it elsewhere */
}

#floatDivb {
	display:none;
	position:fixed;
	right: 0px;
	float: right;
	top:380px;
	width:50px;
	height:130px;
}


@media screen and (min-width: 0px) and (max-width: 800px) {
  #floatDivb { display: none; }  /* show it on small screens */
}

@media screen and (min-width: 800px) and (max-width: 6000px) {
  #floatDivb { display: block; }   /* hide it elsewhere */
}

#popup{
z-index:99999999;
	}


.logo{
	padding: 12px 0px;
	}
	
.nav-button{
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	}
	
.titela{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 50px;
	font-weight: 400;
	}
	
.titelb{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 72px;
	font-weight: 400;
	}

.titelc{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 36px;
	font-weight: 400;
	}	
		
.titel-spinning{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 45px;
	font-weight: 400;
	}	
	
#abcd{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 45px;
	font-weight: 400;
	}		
	
	
.titel-spinninga{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 72px;
	font-weight: 400;
	text-decoration: none;
	color: #cccccc;
	}	
	
	
.nav-buttonw{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	text-decoration: none;
	color: #ffffff;
	padding: 0px;
	}

.nav-buttong{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	text-decoration: none;
	color: #ffff00;
	padding: 0px;
	}	
	
.nav-buttonb{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	padding: 6px 10px;
	}
	

	
#newsinfo{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	}
		
.nav-buttonsenden{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #000000;
	padding: 6px 10px;
	}
		
.titel{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 36px;
	font-weight: 400;
	color: #ffffff;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	}
	
.titelsub{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 22px;
	font-weight: 600;
	padding: 8px 0px;
	color: #ffffff;
	}

.titelsuba{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 21px;
	font-weight: 400;
	padding: 8px 0px;
	color: #ffffff;
	}	
	
	
.titelsubb{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 0px 0px;
	color: #ffffff;
	}
	
.titelnav{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.text{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	text-decoration:none;
	}
	
.text:link{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  padding:4px;
	}	
.text:hover{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
  border-style:solid;
  border-width: 0px 0px 2px 0px;
  padding:4px;
	}		
	
	
.texthome{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	text-decoration:none;
	}
	
.texthome:link{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	text-decoration:none;
	}		

.naviafett{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 19px;
	font-weight: 500;
	color: #000000;
	text-decoration:none;
	}	
	
.naviatext{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #000;
	text-decoration:none;
	}	

.naviatextsmall{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #000;
	text-decoration:none;
	}		

.textfirstletter{
	font-family:'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	text-decoration:none;
	font-size: 530%;
	line-height: 1.0;
  	float: left;
  	padding-right: 16px;
	}
	

.textg{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
	}

.textgsmall{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
	}	
	
.textwsmall{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFFFF;
	text-decoration:none;
	}		
	
	
.textgfett{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 21px;
	font-weight:600;
	color: #FFFF00;
	text-decoration:none;
	}	
	
.textglink{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  padding:4px;
	}	
.textglink:hover{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
  border-style:solid;
  border-width: 0px 0px 2px 0px;
  padding:4px;
	}	
	

.textglinka{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  padding:4px;
	}	
.textglinka:hover{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFF00;
	text-decoration:none;
  border-style:solid;
  border-width: 0px 0px 2px 0px;
  padding:4px;
	}			
	
	
.textnav, .textnav:link {
	font-family: 'Raleway', sans-serif;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	}
		
.ref{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none;
	padding: 8px 0px;
	color: #ffffff;
    z-index:80003;	 
	      opacity: 1;
	}
	
.refb{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	padding: 2px 10px;
	      opacity: 1;
	}
	
	
.refform{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #000000;
	padding: 6px 10px;
	}
		
.refw{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	padding: 6px 10px;
	}
	
.int{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	padding: 6px 6px;
	}
	
.quelle{
	font-family:'Raleway Condensed', sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	}
	
.info{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	}
	
.infonav{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	color: #000;
	
	}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

.fadeb {
   opacity: 0.6;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fadeb:hover {
      opacity: 1;
      }	  

.fadec {
   opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fadec:hover {
      opacity: 0.8;
      }	 	  
	  
	  

.nav-buttona{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px;
	}
	


#footerhinweis{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
	color: #ccc;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  padding:4px;
	}
	
#footerb{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #ccc;
	}
		
#footertext{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #ccc;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  padding:4px;
	}	

#nav-buttonb:link{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #000000;
	padding: 0px 0px;
	}
	
#footer{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	color: #000000;
	padding: 0px 0px;
	}	

.kont{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	width:120px;
	height: 48px;
	color: #000000;
	padding: 4px 4px;
	background-color: #FFFF00;
	  border: solid 1px rgba(230, 74, 51, 0.35);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 #fcfdf4;
  -moz-box-shadow: inset 0 1px 0 #fcfdf4;
  box-shadow: inset 0 1px 0 #fcfdf4;
  text-indent: 100%;
  white-space: nowrap;
    cursor:grabbing;
	}
		
.kontblau{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	width:120px;
	height: 48px;
	color: #FFFF00;
	padding: 4px 4px;
	background-color: #0000FF;
	  border: solid 1px rgba(230, 74, 51, 0.35);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 #fcfdf4;
  -moz-box-shadow: inset 0 1px 0 #fcfdf4;
  box-shadow: inset 0 1px 0 #fcfdf4;
  text-indent: 100%;
  white-space: nowrap;
    cursor:grabbing;
	}		
	
		
.form{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	width:100%;
	height: 48px;
	color: #000000;
	padding: 4px 4px;
	background-color: #FFFF00;
	border:none;
	}	
.formtxt{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	width:100%;
	color: #000000;
	padding: 4px 4px;
	background-color: #FFFF00;
	border:none;
	}
	
.formbutton{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
	width:100%;
	color: #ffffff;
	padding: 4px 4px;
	background-color: #0033cc;
	border:none;
	}	

	
	
.navi{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	}			

#divtb {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:300px;
}

#divtbb {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:360px;
}

#divta {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:548px;
}

#divtaa {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:620px;
}

.divcontent {
	position:center;
	height: 100%;
	width: 84%;
	bottom: 0px;
}

.divcontenthome {
	position:relative;
	height:360px;
	width: 100%;
	bottom: 0px;
	background-image:url(/images/head/home2.jpg);
	z-index:-50;
}

.divcontentb {
	position:center;
	width: 100%;
	bottom: 0px;
}

.divcontenta {
	position:center;
	height: 100%;
	bottom: 0;
}


@media (min-width: 20px) and (max-width: 482px) {
#divtaa { display: none; }   /* hide it elsewhere */
}



@media (min-width: 20px) and (max-width: 482px) {
#divta { display: none; }   /* hide it elsewhere */
}


@media (min-width: 482px) and (max-width: 6000px) {
#divtb { display: none; }   /* hide it elsewhere */
}

@media (min-width: 482px) and (max-width: 6000px) {
#divtbb { display: none; }   /* hide it elsewhere */
}

#logoat {
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	z-index:80000;
}

.logoatcontent {
	position:center;
	height: 100%;
	width: 84%;
	bottom: 0px;
}

@media (min-width: 20px) and (max-width: 768px) {
#logoata { display: none;}   /* hide it elsewhere */
}


@media (min-width: 768px) and (max-width: 6000px) {
#logoatb { display: none;
}   /* hide it elsewhere */
}

navhead {
		position: fixed;
		height:60px;
		top:0;
		left:0px;
		right:0px;
		width:100%;

	}


	
navheadb {
		height:60px;
		position: fixed;
		top:0;
		left:0px;
		right:0px;
		width:100%;
  	 	transition: transform .25s .25s ease-in-out;

	}

.down navheadb {
		 transform: translate3d(0, -60px, 0);
	}


.menucontent {
	position:absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}

#menu {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	z-index:3998;
}



@media (min-width: 20px) and (max-width: 820px) {
#menua { display: none; }   /* hide it elsewhere */
}


@media (min-width: 820px) and (max-width: 6000px) {
#menub { display: none;}   /* hide it elsewhere */
}

#karte {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:600px;
	z-index:2000;
}



@media (min-width: 20px) and (max-width: 482px) {
#kartea { display: none; }   /* hide it elsewhere */
}

#abc{
	text-decoration: none;
	color: #ffffff;
	text-shadow: 2px 2px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 32px;
	font-weight: 400;
	}	
	
	

@media (min-width: 482px) and (max-width: 6000px) {
#karteb { display: none;}   /* hide it elsewhere */
}

#headimg {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:-8000;
}


@media (min-width: 20px) and (max-width: 820px) {
#headimga { display: none; }   /* hide it elsewhere */
}


@media (min-width: 820px) and (max-width: 6000px) {
#headimgb { display: none;}   /* hide it elsewhere */
}


#subimg {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:3000;
}

@media (min-width: 20px) and (max-width: 600px) {
#subimga { display: none; }   /* hide it elsewhere */
}


@media (min-width: 600px) and (max-width: 6000px) {
#subimgb { display: none;}   /* hide it elsewhere */
}

#bild {
	position:relative;
	right: 0px;
	top: 0px;
	width:330px;
	height:450px;
	z-index:2001;
	float:right;
	padding-left:60px;
}

.bildtext, .bildtext:link {
	position:relative;
	text-decoration: none;
	color: #ffffff;
	height: 300px;
	width: 300px;
	text-shadow: 3px 3px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 30px;
	font-weight: 400;
}


.bildtextb, .bildtextb:link {
	position:relative;
	text-decoration: none;
	color: #ffffff;
	height: 300px;
	width: 300px;
	text-shadow: 3px 3px #333333;
	font-family:'Raleway Condensed', sans-serif;
	font-size: 40px;
	font-weight: 400;
}

@media (min-width: 20px) and (max-width: 800px) {
#bild { display: none; }   /* hide it elsewhere */
}


@media (min-width: 800px) and (max-width: 6000px) {
#bild { display: block;}   /* hide it elsewhere */
}

#infob {
	position:absolute;
	left: 80px;
	top: 10%;
	width:300px;
	height:390px;
	z-index:6000;
	padding-left:60px;
	float:left;
}

@media (min-width: 20px) and (max-width: 600px) {
#info { display: none; }   /* hide it elsewhere */
}


@media (min-width: 601px) and (max-width: 6000px) {
#info { display: block;}   /* hide it elsewhere */
}

#back {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
}

@media (min-width: 20px) and (max-width: 482px) {
#backb { display: none; }   /* hide it elsewhere */
}


@media (min-width: 482px) and (max-width: 6000px) {
#backb { display: block;}   /* hide it elsewhere */
}

#sub {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
}

@media (min-width: 20px) and (max-width: 720px) {
#suba { display: none; }   /* hide it elsewhere */
}


@media (min-width: 720px) and (max-width: 6000px) {
#subb { display: none;}   /* hide it elsewhere */
}

#homeimg {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
}

@media (min-width: 20px) and (max-width: 800px) {
#homeimga { display: none; }   /* hide it elsewhere */
}



@media (min-width: 800px) and (max-width: 6000px) {
#homeimgb { display: none;}   /* hide it elsewhere */
}


#leftnav {
	position:relative;
	left:20px;
	top:20px;
	width:280px;
}

@media (min-width: 20px) and (max-width: 976px) {
#leftnav { display: none; }   /* hide it elsewhere */
}


@media (min-width: 976px) and (max-width: 6000px) {
#leftnav { display: block;}   /* hide it elsewhere */
}

#righttopmenu {
	position:absolute;
	right:32px;
	height:48px;
	top:42px;
	width:780px;
}

@media (min-width: 20px) and (max-width: 1200px) {
#righttopmenu { display: none; }   /* hide it elsewhere */
}



@media (min-width: 1200px) and (max-width: 6000px) {
#righttopmenu { display: block;}   /* hide it elsewhere */
}

#righttop {
	position:absolute;
	right:32px;
	height:48px;
	top:42px;
	width:120px;
}

@media (min-width: 20px) and (max-width: 480px) {
#righttop { display: none; }   /* hide it elsewhere */
}



@media (min-width: 480px) and (max-width: 6000px) {
#righttop { display: block;}   /* hide it elsewhere */
}

#righttopc {
	position:absolute;
	right:48px;
	height:48px;
	top:42px;
	width:120px;
}

@media (min-width: 20px) and (max-width: 480px) {
#righttopc { display: none; }   /* hide it elsewhere */
}



@media (min-width: 480px) and (max-width: 6000px) {
#righttopc { display: block;}   /* hide it elsewhere */
}


#righttopd {
	position:absolute;
	left:10px;
	height:48px;
	top:42px;
	width:120px;
}



#righttopb {
	position:absolute;
	right:222px;
	height:48px;
	top:42px;
	width:120px;
}



@media (min-width: 20px) and (max-width: 480px) {
#righttopb { display: none; }   /* hide it elsewhere */
}



@media (min-width: 480px) and (max-width: 6000px) {
#righttopb { display: block;}   /* hide it elsewhere */
}



@media (min-width: 20px) and (max-width: 480px) {
#rechtsnava { display: block; }   /* hide it elsewhere */
}




@media (min-width: 480px) and (max-width: 6000px) {
#rechtsnava { display: block;}   /* hide it elsewhere */
}


.coverimg {
    object-fit: contain;
    overflow: hidden;
}

	  
	  
#cblaufschule {
	background-image:url(/images/head/laufschule.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cblaufschule:hover {
   opacity: 1.0;
         }	
		 
		 
#cbkurse {
	background-image:url(/images/head/trx-suspension.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbkurse:hover {
   opacity: 1.0;
         }	
		 
#cbspinning {
	background-image: url(/images/head/spinning.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbspinning:hover {
   opacity: 1.0;
         }
		 
#cbernaehrung {
	background-image: url(/images/head/ernaehrung.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbernaehrung:hover {
   opacity: 1.0;
         }	
		 
#cbfirmenfitness {
	background-image: url(/images/view/firmen.jpg);
	background-position:center top;
	background-size: auto 300px;
	height: 300px;
	z-index:200;
	opacity: 0.4
}	 

#cbfirmenfitness:hover {
   opacity: 1.0;
         }			 		 			 		 

#cbfunctional {
	background-image: url(/images/head/maila-seil.jpg);
	background-position:center top;
	background-size: auto 300px;
	height: 300px;
	z-index:200;
	opacity: 0.4
}	 

#cbfunctional:hover {
   opacity: 1.0;
         }	
		 		 
#cbherzcheck {
	background-image: url(/images/head/herzcheck.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbherzcheck:hover {
   opacity: 1.0;
         }	
		 
#cbtrx {
	background-image: url(/images/head/trx.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbtrx:hover {
   opacity: 1.0;
         }		
		 
#cbleistungsdiagnostik {
	background-image: url(/images/head/laufband.jpg);
	background-position:top center;
	background-size: auto 300px;
	height: 300px;
   	z-index:200;
	opacity: 0.4
}	 

#cbleistungsdiagnostik:hover {
   opacity: 1.0;
         }	
	 		 	 		 
		 
#cbpersonal {
	background-image: url(/images/view/pt.jpg);
	background-position:center top;
	background-size: auto 300px;
	height: 300px;
	z-index:200;
	opacity: 0.4
}	 

#cbpersonal:hover {
   opacity: 1.0;
         }
		 
#cbkunden {
	background-image: url(/images/head/kettleball.jpg);
	background-position:center top;
	background-size: auto 300px;
	height: 300px;
	z-index:200;
	opacity: 0.4
}	 

#cbkunden:hover {
   opacity: 1.0;
         }	
		 
#cbpirmajer {
	background-image: url(/images/view/robert-maila.jpg);
	background-position:center top;
	background-size: cover;
	height: 548px;
	z-index:200;
	opacity: 0.4
}	 

#cbpirmajer:hover {
   opacity: 1.0;
         }				 		 	 


#neuinfo {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:30;
}

@media (min-width: 20px) and (max-width: 482px) {
#neuinfoa { display: none;}   /* hide it elsewhere */
}


@media (min-width: 482px) and (max-width: 6000px) {
#neuinfob { display: none;}   /* hide it elsewhere */
}

#mitteimg {
	position:absolute;
	left:0px;
	right:0px;
	width:100%;
	height:130px;
	top:130px;
	z-index:400;
	float:none;
}

@media (min-width: 20px) and (max-width: 1024px) {
#mitteimg { display: none; }   /* hide it elsewhere */
}


@media (min-width: 1024px) and (max-width: 6000px) {
#mitteimg { display: block;}   /* hide it elsewhere */
}

.schatten {
	color:#ffffff;
	position: absolute;
	top:100px;
	left:0;
	right:0;
	height:60px;
	width:100%;
	z-index:300;
}

@media (min-width: 20px) and (max-width: 820px) {
#schatten { display: none; }   /* hide it elsewhere */
}


@media (min-width: 820px) and (max-width: 6000px) {
#schatten { display: block;}   /* hide it elsewhere */
}

.textcontainer {
	color:#cccccc;
	font-family:'Raleway Condensed', sans-serif;
	text-shadow: 2px 2px #ffffff;
	position: absolute;
	top:100px;
	left:40px;
	right:0;
	width:100%;
	font-size:4vw;

}

#textcont {
	color:#ffffff;
	font-family:'Raleway Condensed', sans-serif;
	text-shadow: 3px 3px #333333;
	position: absolute;
	left:48px;
	right:0;
	width:100%;
	font-size:4vw;
	z-index:-2000000;
}

@media (min-width: 20px) and (max-width: 1024px) {
#textcont { display: none; }   /* hide it elsewhere */
}


@media (min-width: 1024px) and (max-width: 6000px) {
#textcont { display: block;}   /* hide it elsewhere */
}

.nav-buttonmenu{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px;
	}
}	

@media all and (min-width: 768px) {
.nav-buttonmenu{
	font-size: 200%;
	}
}	

.nav-buttonmenub{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	color: #ffff00;
	padding: 0px 0px;
	}
}	

@media all and (min-width: 768px) {
.nav-buttonmenub{
	font-size: 200%;
	}
}

#navmenu{
	font-family:'Raleway Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	color: #ffff00;
	padding: 0px 0px;
	}
}	

@media all and (min-width: 768px) {
.nnavmenu{
	font-size: 200%;
	}
}	


headt {
	font-size:10vw;
	padding-left:40px;
}

headtb {
	font-size:4vw;
}

.tile {
  width: 100%;
  height: auto;
  margin: 0px auto;
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  z-index:20;
}
.tile::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}

.tile:hover::after,
.tile:focus::after {
  visibility: visible;
  opacity: 1;
}

.tile__media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.tile:hover .tile__media,
.tile:focus .tile__media {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.tile__content {
  top: 50%;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  font-size: 3rem;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.tile:hover .tile__content,
.tile:focus .tile__content {
  visibility: visible;
  opacity: 1;
}



.wrapper {
  padding: 0px;
}

.wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.tile__content {  top: 50%;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  font-size: 3rem;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile__media1 {  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#videobereich {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
.videoextern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}