html,body,nav {
background-color:#d1ccef;
}

/* Main */
#wrapper{
    background-color: #d1ccef;
}

#thema-titel {
	font-size: 2.5rem!important;
}

.thema {
	font-size: 2.5rem!important;
}

.einsendeschluss {
    margin-top:2.5rem;
    font-size: 1.5rem;
}

/* Small mobile */
@media only screen and (max-width: 576px) {
    .bg { 
        /* The image used */
        background-image: url("bg-mobile.png");
        background-color: #d1ccef;
        
      
        /* Full height */
        height: 100%;
        min-height: 700px;
      
        /* Center and scale the image nicely */
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1010;
      }
      
      .container {
        padding-right: 25px;
        padding-left: 25px;
    }
    #impressum{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 0rem;
        font-size: 1rem!important;
    }
    #datenschutz{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
        margin-left: 0rem;
        font-size: 1rem!important;
    }
    #instagram{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
    }
    #twitter{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
    }
}
    #infoBox{
        border: 2px black solid;
        padding:1.25rem;
        margin-top:2rem ;
    }
    h1{
        font-family: "myfont",Fallback, sans-serif;
        font-size: 4rem;
        line-height: 3.5rem;
      }
      #leftSpace{
        margin-left: 2.3rem;
    }
    .leftSpaceMobile{
        margin-left: 2.5rem;
    }
   



/*Above mobile */
    
@media only screen and (min-width: 577px) {
    .bg { 
        /* The image used */
        background-image: url("bg.png");
        background-color: #d1ccef;
      
        /* Full height */
        height: 100%; 
        min-height: 700px;
      
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1010;
      }
      h1{
        font-family: "myfont",Fallback, sans-serif;
        font-size: 6rem;
        line-height: 5rem;
      }
      #leftSpace{
          margin-left: 3.5rem;
      }
      .leftTopMargin{
          padding-left: 6rem;
          padding-top: 1.5rem;
      }
      #leftTopMargin{
          padding-left: 8rem;
          padding-top: 1.5rem;
          text-align:center;
      }
      #infoBox{
          border: 2px black solid;
          padding:1.25rem;
          margin-top:8rem ;
      }
      #infoText{
          margin: 0px;
          padding:0px;
      }
      .leftSpaceMobile{
        margin-left: 0rem;
    }
    #impressum{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #datenschutz{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
    }
    #instagram{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
    }
    #twitter{
        text-decoration: none;
        float: right;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
    }
}

#footer{

}