*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
html{
    font-size: 20px;
}
body{
    font-family: Helvetica, Arial, sans-serif;
}

/* Om Os */

.titlehead{
    background-color: #29573B;
    padding-top: 1vw;
    padding: 5%;

}

h2.titleheadbillig{
    padding: 1%;
    font-size: 1rem;
}
.titletext {
    color: #E1FF8C;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    padding-top: 2%;
}

h2#titleheadbillig{
    color: #FFFFFF;
    font-size: 0.5rem;
    display: flex;
    justify-content: center;
    margin-bottom: 1vw;
    margin-top: 1vw;
}
.midptitlesection {
    display: flex;
    flex-direction: row;
    padding: 15px;

}
.midp{
    color: #29573B;
    font-size: 0.7rem;
    
}
p.midptitle{
    font-size: 0.8rem;
    color: #29573B;

}
.midul{
    display: flex;
    flex-direction: row;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 5%;
}
aside.midulimg{
    width: 5%;
    height: 5%;
    display: none;
    justify-content: flex-end;
}
img.midulimg {
    width: 100%;
    height: 100%;
}

img.midulimgmobile{
    display: none;  
}

p.bottomp{
    color: #29573B;
    word-wrap: break-word;
    font-size: 1rem;
}
.bottomsection{
    background-color: #8EB68B;
    padding-top: 3%;
}
#ledelse {
    display: flex;
    justify-content: flex-start;
    margin-top: 10%;
    margin-bottom: 5%;
    color: #29573B;
    font-weight: bold;
    margin: 3%;
}
img.ledelseimg{
    width: 100%;

}
.bottomsection ul p{
    margin-bottom: 5%;
}

/* Mobile */
@media screen and (max-width: 499px){
    .plantevejledningIntro h1{
        font-size: 5px;
    }
    img.midulimg{
        display: none;
        
    }
    img.midulimgmobile{
        display: flex;
        max-width: 70%;
        height: auto;
        justify-content: center;
    }

    
    p.bottomp {
    color: #29573B;
    font-size: 0.7rem;
    max-width: 100%;
    padding-bottom: 5%;
    }
    .midp{
        font-size: 0.8rem;
    }
    .h1.titletext {
        font-size: 0.3rem;
    }
    .imgmobile{
        display: flex;
        justify-content: center;
    }
    
    .bottomtext{
        padding: 5%;
    }
}
  
/* Tablet */

@media screen and (max-width: 1000px) and (min-width: 500px) {
    .hideOnMobile{
        display: none;
    }
    .sidebar{
        width: 100%;
    }
    .plantevejledningIntro h1{
        font-size: 10px;
    }
    p.midp {
        font-size: 2rem;
    }
    as.mid p{
        font-size: 3rem;
    }

    img.midulimg{
        width: 100%;
        height: 100%;
        display: block;
        justify-content: flex-end;
    }
    .ledelseimg {
        max-width: 100%;
    }
    p.bottomp{
        
        margin-bottom: 2%;
        margin: 3%;
    }
    p.midp{
        font-size: 0.8rem;
    }
    .h1.titletext {
        font-size: 1rem;
    }
    h2#titleheadbillig {
        font-size: 0.6rem;
    }
    p.midptitle{
        font-size: 1rem;
        font-family: playfair display, serif;
    }

    p.midp{
        padding: 5%;
    }
    p .bottomtext{
        padding: 5%;
        font-size: 3rem;
    }
    .midul{
        padding-left: 0%;
    }
    p.midptitle {
        font-size: 1rem;
    }
    
    

}      

@media screen and (max-width: 1000px) and (min-width: 500px) {
    .anbefaletContainer{
        overflow-x: scroll; 
        white-space: nowrap; 
    }
    .anbefaletBox{
        margin-right: 10px;

    }
    #burgericon{
        display: flex;
    }
    img.midulimgmobile{
        display: none;
    }
    .img.midulimg{
        display: flex;
        max-width: 70%;
        height: auto;
        justify-content: center;

    }
    p.midp {
        font-size: 0.8rem;
    }
    
    

}

/* Desktop */
@media screen and (min-width: 1001px) {
    .forsideTekst h1{
        font-size: 2rem;
    }
    .forsideTekst p{
        font-size: 2rem;
    }
    
    a#burgericon {
        display: none;
    }
    ul.sidebar {
        display: none;
    }
}