/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/yanone-kaffeesatz-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v24-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}


body {
  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
  font-size:18px;
  color:#5b5b5b;
}

hr {
  color:#ccc;
  background-color:#ccc;
  height:1px;
}

A {
  color:#555;
}

h2 {
  font-size:38px;
  color:#393939;
}

A.navi {
  color:#eee;
  padding:4px 6px;
  white-space: nowrap;
}
A.navi:hover {
  color:#fff;
  background-color:#555;
  padding:4px 6px;
  -webkit-box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.52);
  -moz-box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.52);
  box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.52);
}

.rowalternation {
  background-color:#eee;
  padding:20px 0px;
  border-bottom:solid 1px #aaa;  
  border-top:solid 1px #aaa;  
}

.img-wrapper {
    display: inline-block;
    overflow: hidden;
  border:solid 1px #aaa;  
-webkit-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.59);
box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.59);
}

.img-wrapper img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    vertical-align: middle;
}

.img-wrapper img:hover {
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}


#videocontainer .fullwidth {
  width: 100%;
}

#sitecontainer {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  z-index:999999999;
}

#videocontainer {
  position:absolute;
  background-color:#888;
  top:0px;
  left:0px;
  width:100%;
  height:500px;
  z-index:1;
  overflow:hidden;
}

#oben {
  min-height:460px;
  height:460px;
  margin-top:40px;
}

.footer {
  padding:20px 0px;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(100, 100, 100, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #666;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}



#navi {
  font-size:24px;
}

#vectorex_content_container {
  
}

.team_detail {
  display:none;
}

.floatsright {
  float:right;
  margin-left:10px;
  margin-bottom:7px;
  background-color:#fff;
  background: rgba(255, 255, 255, .7);
  color:#444;
  padding:8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#detailtext_1 {
  display:none;
}
#detailtext_2 {
  display:none;
}
#detailtext_3 {
  display:none;
}
.haspointer {
  cursor:pointer;
}

.introtext {
  font-size:22px;
}

.sbk_body {
  background-color:#609d52;
  color:#f0f0f0;
}
.tabw_body {
  background-color:#d8a24c;
  color:#f0f0f0;  
}
.tabw_body A {
  color:#f0f0f0;
}

.bem_body {
  background-color:#6277ad;
  color:#f0f0f0;
}

 

@media(max-width:767px){
    #videocontainer {
      display:none;
    }
    #oben {
      min-height:20px;
      height:inherit;
      padding-top:20px;
      margin-top:0px;
      background-color:#999;
    }
}

@media(min-width:768px){
    #videocontainer {
      height:300px;
    }
    
    #oben {
      min-height:270px;
      height:270px;
      margin-top:30px;
    }
}

@media(min-width:992px){
    #videocontainer {
      height:400px;
    }
    
    #oben {
      min-height:370px;
      height:370px;
      margin-top:30px;
    }

}

@media(min-width:1200px){

}

#kontaktpara {
    background: url(../images/parallax_maus_vectorex.jpg) 50% 0 fixed; 
    background-color:#eeeeee;
/*    padding:20px 0px; */
    border-bottom:solid 1px #aaa;  
    border-top:solid 1px #aaa;  
    height: auto;  
    margin: 20px auto; 
    width: 100%; 
    position: relative; 
}

h1.sbk_h1 {
  font-size:inherit;
  color:inherit;
  padding:0px;
  margin:3px 0px;
}