body, html {
    height: 100%;
    overflow:hidden;
    /*      background-color:#4C637E; */
    background-color:#0C233E;
}


.wrapper {
    position: relative;
    white-space: nowrap;
    vertical-align:middle;
    text-align:left;
}

.image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.positioner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;  
}

.content-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: normal;
}

.leistungen {
    position: absolute;
    top: 70.5%;
    left: 71%;
    right: 1%;
    bottom: 17.8%;
    height: 12%;
}

.kompetenzen {
    position: absolute;
    top: 16.7%;
    left: 1%;
    right: 72%;
    bottom: 72.4%;
    height: 11%;
}

.kompetenzen-item {
    color: #fcc725;       
    text-align: right;
    height: 33%;
    font-size: 1.1vw;
    text-shadow: 0 0 5px black;
}

.leistungen-item {
    color: white;       
    text-align: left;
    height: 33%;
    font-size: 1.1vw;
    text-shadow: 0 0 5px black;    
}

.leistungen-item:hover {
    font-style: italic;
    cursor: pointer;
}

.bbh {
    background-image: url("../images/bbh.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 85%;
    bottom: 5%;
    left: 3%;
    right: 72%;
}

iframe[seamless] {
    border: none;
}

  
  
  #main{
  display:inline-block;
  position:relative;
  overflow:hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  
  }
  
  #menu {
      position: absolute;
      left: 70.5%;
      top:   27.6%;
      bottom: 56.4%;
      right: 0%;
      background-color: rgba(255,0,0,0.0);
  } 
  
  .menu-item  {
      background-color: rgba(0,255,0,0.0);
      height:25%;
      margin-left:2%;
      font-size:1.3vw;
      color:white;   
  }
  
  
  #text {
      position:absolute;
      left:46.5%;
      right:30%;
      top:43.6%;
/*      bottom:44%; */
      background-color: #4d627a;
      color:white;
      overflow: auto;
      max-height: 62%;
      padding: 5px;
      
  
      transition-property:left right top bottom;
      transition-duration:0.3s;
      transition-timing-function:ease;
      transition-delay:0s;
      /* Safari */
      -webkit-transition-property:left right top bottom;
      -webkit-transition-duration:0.3s;
      -webkit-transition-timing-function:ease;
      -webkit-transition-delay:0s;
}
  
  .menu-item:hover {
      cursor:pointer;
      font-style: italic;
  }

  .active-menu-item {
      color: #fcc725;
  }
  

header, section, footer, aside, nav, main, article, figure
{
    display: block;
}