/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

.menu{
    transition: all 0.4s ease;
}

iframe {
    border: none;
}

.logoBorders{
    display: none;
    padding: 2px;
}

.textInfoscoutColor {
    color: rgb(0,167,215);
}

.textWhiteColor {
    color: rgb(255,255,255);
}

.textBold {
    font-weight: bold;
}

.top {
    vertical-align: top;
}

a {
    color: #09f;
}

a:hover {
    text-decoration: none;
}

.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media screen and (min-width: 0px) and (max-width: 430px) {
  .my-content { 
      display: none; 
  }
  
  .stripKopf {
      width: 80px;
      padding: 0px;
  }
  
  .stripNewsImage {
      width: 300px;
  }
  
  .stripNewsVideo {
      width: 300px;
  }
  
  .stripProjektVideo {
      width: 90%;
  }
  
  .stripPanelSplit {
      width: 100%;
  }
  
  .stripTopLogo {
      display: block; 
      margin: 0 auto;
      padding: 5px;
      height: 65px;
  }
  
  .stripAdaPools {
      width: 400px;
      height: 310px;
  }
  
}

@media screen and (min-width: 431px) and (max-width: 1024px) {
  .my-content { 
      display: block;
      padding-left: 0px;
  }
  
  .stripKopf {
      width: 100px;
      padding: 5px;
  }
  
  .stripNewsImage {
      width: 300px;
  }
  
  .stripNewsVideo {
      width: 350px;
      height: 200px;
  }
  
  .stripProjektVideo {
      width: 90%;
      height: 350px;
  }
  
  .stripPanelSplit {
      width: 100%;
  }
  
  .stripTopLogo {
      display: block; 
      margin: 0 auto;
      padding: 10px;
      height: 75px;
  }
  
  .stripAdaPools {
      width: 500px;
      height: 310px;
  }
}

@media screen and (min-width: 1025px) {
  .my-content { 
      display: block;
      padding-left: 100px;
  }
  
  .stripKopf {
      width: 120px;
      padding: 10px;
  }
  
  .stripNewsImage {
      width: 550px;
  }
  
  .stripNewsVideo {
      width: 700px;
      height: 400px;
  }
  
  .stripProjektVideo {
      width: 95%;
      height: 350px;
  }
  
  .stripPanelSplit {
      width: 48%;
  }
  
  .stripTopLogo {
      display: block; 
      margin: 0 auto;
      padding: 10px;
      height: 100px;
  }
  
  .stripAdaPools {
      width: 800px;
      height: 280px;
  }
}