html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color:cadetblue;
  }
  

/*----------------------font styles--------------*/
body {
     font-family: Arial, Helvetica, sans-serif;
     color:black;
 }
 p {
     font-size: 16px;
     text-align: left;
     width: 500px;
 }
  
a {
    text-decoration: none;
    font-size: 18px;
    color: white;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
}


#desktop {
    margin:0;
    width: 15%;
    background-color:cadetblue;
    position: fixed;
    height: 100%;
    top: 0;
    }

#desktop li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  text-align: left;
}

#desktop li {
    list-style-type: none;
    padding-top: 25px;
}

#desktop li a:hover {
   color: black;
}


#desktop ul {
    padding: 10px;
}

main {
    position: relative;
    margin-left: 15%;
    margin-top: 5;
    /* height:100%; */
    background-color:#D5E1DF;
}

#start {
   height: 70%; 
   }
   


#start button {
    background-color: cadetblue;
    color: white;
    border:none;
    border-radius: 4px;
    line-height: 20px;
    font-size: 14px;
    padding:10px;
}
#start figure {
    padding: 10;
    margin: 10;
    padding-bottom:2%;
}
#start img {
    box-shadow: 4px 6px 10px;
}

.starttext {
    width: 500px;
}

/*-------------über mich ---------------------------------*/

#ubermich {
   /* height: 100%; */
   display: grid;
   grid-template-columns: 1fr 1fr;
  }
#ubermich div {
    margin:20px;
    padding:30px;
}
#img {
    /* width: 60%; */
    box-shadow: 4px 6px 10px;
    margin-bottom: 20px;
    margin-top: 0;
}

/*--------------Coaching Privat----------------------------*/

#coachingprivat {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
   }

#coachingprivat div {
    height: 84%;
    margin:12px;
    padding:12px;
}

 /*--------------Coaching beruflich----------------------------*/

 #coachingberuflich {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
 }

 #coachingberuflich div {
    height: 84%;
    margin:12px;
    padding:12px;    
 }

 /*--------------Coaching Team----------------------------*/

 #coachingteam {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
   }

 #coachingteam div {
    height: 84%;
     margin:15px;
     padding:15px;
 }

 #coachingteam ul {
     width: 500px;
 }

 /*--------------Konflikt----------------------------*/

 #konflikt {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
 }

 #konflikt div {
    height: 84%;
    margin:20px;
    padding:30px;
 }
 
 #konflikt h4 {
     width: 500px;
 }

/*--------------Mediation----------------------------*/

 #mediation {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
   }

 #mediation div {
    /* height: 84%; */
    margin:20px;
    padding:30px;
 }

 #mediation ul {
    width: 500px;
 }

 /*--------------Moderation----------------------------*/

 #moderation {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
   }

 #moderation div {
    /* height: 84%; */
    margin:20px;
    padding:30px;
 }

 
/*--------------datenschutz--------------------------*/

 #datenschutz {
    display: grid;
    grid-template-columns: 1fr 1fr;
 }

 #datenschutz div {
    margin-left: 20px;
    padding:10px;
 }
 
 #datenschutz li {
     width:500px;
 }

/*--------------Impressum----------------------------*/

#impressum {
    position: relative;
    margin-left: 15%;
    margin-top: 5;
    background-color:#D5E1DF;
}

#impressum table {
    margin-left:150px;
}