main{
    
}

.container{
    background-color: #fff;
    border-radius: .25em;
}

body{
    
    color:#333;
    background-color: #eef3db;
}

nav.headerNav{
    background-color: #fff;
    box-shadow: none;
}

nav.headerNav > ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    padding:0;
}

nav.headerNav > ul > li > a{
    display: inline-block;
    margin:0 .25em;
    padding:.25em .75em;
    width:125px;
    color:#fff;
    text-decoration: none;
    border-radius: .25em;
    text-align: center;
    line-height: 2em;
}

nav ul:not(.dropdown-content)>li>a:hover:not(.active){
    background-color: #ccc;
    color:#000;
}

nav.headerNav > ul > li:nth-of-type(1) > a{
    /*background-color:#ee4035;*/
    background-color: #5A8F24;
}


nav.headerNav > ul > li:nth-of-type(2) > a{
    /*background-color:#f37736;*/
    background-color: #DD3E16;
}

nav.headerNav > ul > li:nth-of-type(3) > a{
    background-color: #2D83BA;
    /*background-color:#ffcf40;*/
}

nav.headerNav > ul > li:nth-of-type(4) > a{
    /*background-color:#7bc043;*/
    background-color: #F90;
}

nav.headerNav > ul > li:nth-of-type(5) > a{
    background-color: #FF188E;
    /*background-color:#38761d;*/
}

nav.headerNav > ul > li:nth-of-type(6) > a{
    background-color:#673888;
}

nav.headerNav > ul > li:nth-of-type(7) > a{
    background-color:#ef4f91;
}

nav.headerNav > ul > li:nth-of-type(8) > a{
    background-color:#0392cf;
}

.team .intro { 
    color:#DD3E16;  
}

.leitfaden .intro { 
    color:#F90; 
}

.content{
    margin:0 auto;
    width: 75%;
}

.home h1,
.home h2,
.home h3{
    color:#5A8F24;
}

.team h1,
.team h2,
.team h3{
    color:#DD3E16;
}

figure.memberPic{
    margin:0;
}

.haus h1,
.haus h2,
.haus h3{
    color:#2D83BA;
}

.leitfaden h1,
.leitfaden h2,
.leitfaden h3{
    color:#F90;
}

.konzept h1,
.konzept h2,
.konzept h3{
    color:#FF188E;
}

.kontakt h1,
.kontakt h2,
.kontakt h3{
    color:#673888;
}

h1{
    font-size: 2.5rem;
}

h2{
    font-size: 2rem;
}

h3{
    font-size: 1.75rem;
    margin: 0.946667rem 0 1.168rem 0;
}

nav.footerNav{
    background-color: #fff;
    box-shadow: none;
    margin-top: 1.5rem;
}

nav.footerNav > ul {
    display:flex;
    justify-content: center;
}

nav.footerNav > ul > li > a {
    line-height: 2em;
    color:#bdbdc1;
}

figure > img{
    width: 100%;
}

@media only screen and (max-width: 992.99px) {
    nav ul.mobile{
        width: 90%;
        margin:0 5%;
    }

   .content{
    width: 90%;
   }
}