q/* Stylesheet für homepage Winfried Schaper */


h1 {
  font-size: 150%;
  background-color: white;
  color: red;

}

h2 {
   font-size: 120%; 
   border-style: double;

   border-width: 0.5em;
  background-color: rgb(185,211,238);
  color: rgb(139,30,30);
}

h3 {
   font-size: 120%; 
}

h4  {
   font-size: 180%; 
}

body {
  font-family: arial, "sans-serif", monospace;
  color: rgb(47,79,79);
  border-color: rgb(47,79,79);  
}

div { 

  padding: 17px;
  border-style: solid;

  border-width: 0.15em;
  border-radius: 10px; 
}

p {
  font-size: 100%;
  border-style: solid;
  padding: 10px; 
  max-height: 30ex; 
  overflow: scroll;
  text-align: justify;
  background-color: rgb(238,220,130);

  margin-left: 27px;
  width: 67%;
}

.container {
  position: absolute;
  left: 1em;
  top: 12em;

   width: 90%;
   margin: 0 auto;
   min-height: 60ex;  
   max-height: 300ex;
   font-size: 100%;

   background-color: rgb(200,252,183);
   border-style: none;

   border-width: 0.5em;
   border-radius: 20px;  
}  

.bereich {
   font-size: 85%;
   border-style: double;
   border-color: rgb(139,30,30);
   border-width: 0.5em;
 
   background-color: rgb(238,220,130);
   color: rgb(139,30,30);
}


.kopf {
  position: fixed;
  left: 1em;
  top: 0.2em;
  margin: 0 auto; 
   font-size: 100%;
   font-weight: bold;
   width: 90%;   
   border-style: none;
   border-width: 0.5em;
   border-radius: 20px; 
   background-color: rgb(185,211,238);
   background-image: url(Foto_1.jpg);

}

#kopflinks {
   width: 300px;   
   margin-left:1.5%;
   font-size: 220%;
   float: left;
   overflow: hide;
   border-style: none;
}   

#kopfrechts {
   margin-right: 1px;
   padding-right: 2.25%;
   width: 500px;
   font-size: 220%;
   float: right;
   overflow: hide;
   border-style: none;
   text-align:right;
}

#kopfmitte {
   position: absolute;
   left: 38%;
   top: 33%;
   width: 8.5%;
   padding-top: 0.25%;
   max-height: 100%; 
   font-size: 180%;
   overflow: hide;
   background-color: rgb(238,220,130);
   color: rgb(139,30,30);
   text-align: center;
   text-decoration: none;
}
  
#navigation {   
   width: 23%;   
   min-width: 10em;
   margin:1.25px;
   font-size: 140%;

   min-height: 44ex;
   max-height: 80%; 
   float: left;
   overflow: hide;
   border-style: double;

   border-width: 0.5em;
   border-radius: 15px; 
   background-color: rgb(154,254,154);

}  

#navigation ul{
   list-style-type: none;

}

#inhalt {
   font-size: 140%;
   margin-left: 28%;
   padding-left: 3.5%;
   min-height: 80ex;
   max-height: 80%; 
   border-style: double;

   border-width: 0.5em;
   border-radius: 15px; 
   background-color: rgb(185,211,238);
   background-image: url(Foto_1.jpg);

}

#impressum {
   font-size: 80%;
   margin-left: 350px;
   min-height: 44em;
   max-height: 100%; 
   position: absolute;
   top: 19em;  
   border-style: solid;
   border-color: rgb(139,30,30);
   border-width: 0.5em;
   border-radius: 10px; 
   background-color: rgb(238,220,130);
   color: rgb(139,30,30);
}

hr {
   height: 5px;
   color: red;
   background-color: silver;
}

@media screen and (max-width: 600px) {
  #navigation {
    width: auto;
    float: none;
}
  #navigation ul {
    margin-top: 0;
}
  #navigation li {
    display: inline-block;
}
 
  .kopf {
    width: 90%;
    font-size: 35%;
}

  #kopflinks {
    width: 35%;
}

  #kopfrechts {
    width: 35%;
}

  #kopfmitte {
    width: 22.5%;
}


  .container {
    width: 100%;
}

/* 30Mrz2020 Stylesheet, Kommentar */