@font-face {
font-family: 'Nosifer';
src: url('../fonts/Nosifer.woff2') format('woff2'),
url('../fonts/Nosifer.woff') format('woff');
font-weight: 400;
font-style: normal;
}

#sp-header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  animation: spFadeInDown 0.0s;
}

  .footerh1{
    font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.6;
  padding-top: 20px;
  }
  .footerp{
    font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 1.6;
  }
  .eigener-link{color: #0000FF;}
@media only screen and (max-width: 1024px) {
  .row-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
}
.row-flex-item {
    min-width: fit-content;
    min-height: fit-content;
    text-align: center;
    margin: 0.4rem 0.8rem;

}
}
   .großerkasten{
          display: flex;
          margin-top: 10%;
        }
  .teil1{
           width: 30%;
           height: 100%;
           border:1;
           border_color:#000000;
        }
  .teil2{
          width: 70%;
          height: 100%;
          border:1;
          border_color:#000000;
        }