main, header, footer { /* brauchen wir nur damit der ganze Conten mittig ist */
    width: 100%;
    max-width: 70em;
    margin: auto;
    background-color: #ed7e002c;
}
header{
    padding: 2em;
    left: 0;
    right: 0;    
    position: fixed;
    text-align: right;
    height: 9em;
    z-index: 100;
    background-color: white;
}
main {
    padding: 2em;

}
#logospace {
    height: 9em;
    width: 100%;
}
#yup-logo{
    height: 5em;
    float: left;
}

#nav { /*ul*/
    list-style: none;
    float: right;
    margin-top: 2em;
}
#nav li {
    display: inline;
    color: #ED7D00;  /*orange*/
}
#nav li a{
    padding: 1em 0.7em;
    font-weight: bold;
    border: 0;
}
#nav li a:hover { /*wenn man mit Maus dran geht*/
    border: 1px solid;
    border-color: #ED7D00;
    color: #ED7D00;  /*orange*/;
    text-decoration: none;
    border-radius: 5px;
}

h1 {
    padding-bottom: 1em;
}
h4 {
    padding-top: 2em;
    padding-bottom: 1em;
}

#map {
    margin-bottom: 2em;
    padding-bottom: 2em;
}

#footerspace {
    height: 15em;
    width: 100%;
}
footer{
    left: 0;
    right: 0;    
    top:calc(100vh - 11em);
    position: fixed;
    background: white; 
    height: 11em;
    width: 100%;
}

@media only screen and (max-width: 900px) {
    #yup-logo {
        padding-top: 1em;
        height: 4em;
        width: auto;
        float: left;
    }
    header {
        height: 11em;
    }
    #logospace {
        height: 11em;
    }
    footer{
        position: relative;
        top:0;
    }
    #footerspace {
        height: 1em;
    }

}

@media only screen and (max-width: 500px) {
    #yup-logo {
        padding-top: 1em;
        height: 5em;
        width: auto;
        float: left;
    }
    header .wrapper{
        height: 15em;
    }
    #logospace {
        height: 15em;
    }
    
    #nav { /*ul*/
        margin-top: 1em;
    }

    li a{
        display: inline-block;
        padding-bottom: 4em;
    }

    .halb {
        width: 100%;
    }
}

.bg-green-300.active{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}