@font-face { font-family: 'MerriweatherSans-Light';
             src: url('MerriweatherSans-Light.eot') format('eot'); 
             src: url('MerriweatherSans-Light.woff') format('woff'); 
             }
@font-face { font-family: 'MerriweatherSans-Light';
             src: url('MerriweatherSans-Light.eot') format('eot'); 
             src: url('http://3dkruppa.de/css/MerriweatherSans-Light.woff') format('woff'); 
                }        

html,body {
    padding:0;
    margin:0;
    background:transparent;
    font-family: 'MerriweatherSans-Light', serif;
    color:rgb(50,50,50);
}

.kursiv {font-family: 'MerriweatherSans-Light', serif;}
a:link {
    color: black;
}

/* visited link */
a:visited {
    color: black;
}

/* mouse over link */
a:hover {
    color: black;
    text-decoration:none;
}

/* selected link */
a:active {
    color: black;
}
#wrapper {
    position:absolute;
    height:100%;
    width:100%;
}

.panels {
    position:relative;
    height:100%;
    
    width:100%;
    z-index:1000;
}

#a{
   background:white;
   
    color:black;
   
    z-index:-99;
}



h1 {margin:0px;font-size:5em;line-height:1;}
h2 {margin:0px;font-size:6em;line-height:1;}
p {margin:0px;font-size:0.9em;line-height:1.1em}
.row {margin-right:0px}
.adresse {padding-top:0px}
.text-teaser {
    margin-top: 50px;
    font-size: 1em;
    line-height: 1.2;
    background: white;
    padding: 15px 15px 15px 105px;
    /*margin-bottom:-200px;*/
}
.teaser {margin-left:0px;}
.white_back {background:white}
.vjs-afterglow-skin .vjs-control-bar {color: rgba(0,0,0,.9);}
/*.vjs-afterglow-skin .vjs-play-progress {background-color: black;}*/
.vjs-afterglow-skin video {
    background-color: white !important;
}
.video-js, .vjs-caption-settings {
  
    background-color: white !important;
}
.vjs-fullscreen-control {display:none !important}
/*.vjs-fullscreen-control{display:none !important}*/
#texthier {cursor:pointer;background:white}

.impressum {display:none;margin-top:50px;float:left;}


.navi {position: fixed;z-index:1;background:white;width:100%}
.logo {width:190px;margin-top:20px;margin-bottom:10px;padding-left:15px;margin-top:10px;}
.right-col {display:none}
.imp {margin-top:50px;padding-left:105px}
.imp p{font-size:0.58em}
.videocontainer {padding-top:65px}
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	.videocontainer {padding-top:75px;}
	.text-teaser {font-size: 1.11em;}
	.text-teasermobile {margin-bottom:35px;}
	.adresse {font-size:12px}
	.mobile-footer{font-size:1.11em !important}
	.videobox{
	
    width: 100%;
    height: 355px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  
}
.myvideobox {margin-left:-115px}
.my-row {padding-right:0px}
.flexible-container {
    position: relative;
   /* padding-bottom: 56.25%;*/
    padding-top: 0px;
    /*height: 0;*/
    overflow: hidden;
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
	
    position: absolute;
    top: 0;
    left: -22% !important;
    width: 145% !important;
    height: 100% !important;
}
.flexible-container #myvideo {
	padding-top: 85% !important;
	width:145% !important;
	height:100% !important;
	left:-22% !important;
	}

.vjs-afterglow-skin .vjs-responsive {
	
	width:145% !important;
	height:100% !important;
	left:-22% !important;
	}
.vjs-afterglow-skin.vjs-responsive, .vjs-afterglow-skin .vjs-responsive video {
	
    width: 145% !important;
    height: 100% !important;
    left: -22% !important;
}	
	  }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 577px ) and (max-width: 768px) { 
	.videocontainer {padding-top:70px}
		.text-teaser {font-size: 1.41em;}
		.text-teasermobile {margin-bottom:25px;}
  .mobile-fo{font-size:1.21em}
  .videobox{
	
    width: 100%;
    height: 355px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  
}
.myvideobox {margin-left:-115px}
.my-row {padding-right:0px}
.flexible-container {
    position: relative;
   /* padding-bottom: 56.25%;*/
    padding-top: 0px;
    /*height: 0;*/
    overflow: hidden;
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: -25% !important;
    width: 150% !important;
    height: 100% !important;
}
.flexible-container #myvideo {
	padding-top: 75% !important;
	width:150% !important;
	height:150% !important;
	left:-25% !important;
	}

.vjs-afterglow-skin .vjs-responsive {
	width:150% !important;
	height:150% !important;
	left:-25% !important;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 767px) and (max-width: 992px) { 
	.videocontainer {padding-top:65px}
	.copyright{display:none;}
	
	.bottom-align-text {display:none;}
	.videobox{
	
    width: 100%;
    height: 355px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  
}
.myvideobox {margin-left:-115px}
.my-row {padding-right:0px}
.flexible-container {
    position: relative;
   /* padding-bottom: 56.25%;*/
    padding-top: 0px;
    /*height: 0;*/
    overflow: hidden;
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: -25% !important;
    width: 150% !important;
    height: 100% !important;
}
.flexible-container #myvideo {
	padding-top: 75% !important;
	width:150% !important;
	height:150% !important;
	left:-25% !important;
	}

.vjs-afterglow-skin .vjs-responsive {
	width:150% !important;
	height:150% !important;
	left:-25% !important;
	}
.col-md-12 {
	width:150% !important;
	}	
.teaserrow-lg {display:none}	
.teaserrow-md {display:initial}	
.mobile-fo{font-size:1.33em}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 993px) {
	.videocontainer {padding-top:65px}
	.logo {width:190px;margin-top:40px;margin-bottom:35px;margin-left:25px}
	.mobile-footer {display:none}
	.copyright{display:initital;margin-top:40px;position:absolute}
	.teaserrow-lg {display:initial}	
	.teaserrow-md {display:none}	
	.row {
      position: relative;
  }

  .bottom-align-text {
  	display:initial;
    position: absolute;
    bottom: 0px;
    /*right: 0;*/
  } 
	.videocontainer {padding-top:120px}
		.logo {width:190px;margin-top:40px;margin-bottom:35px}
		
	 .imp {padding-left:130px;margin-top:0px}

	.impressum {display:initial;}
	 
	 .right-col {display:initial}
	 .text-teaser {
   /* margin-top: 15px;*/
    padding: 25px 25px 25px 135px;
    /*margin-bottom:-200px;*/
    width:104%;
}
}
@media (min-width: 993px) { 
	.text-teaser {font-size: 1.2em}
	}