body {
    background-color: #666666;
    background-repeat: no-repeat;
    padding: 1em 0 1em 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

p {
    color:#3b3b3b;
    line-height: 150%;
  
    word-break: break-word;
    hyphens: auto;
}
p.red {
    color:#b5152b;
}

p.text-rot{
  color:#b5152b;
  font-size:120%;
  font-weight: 400;
}

h1.ueberschrift_rot {
    color:#b5152b;
    font-size:140%;
    font-weight: 200;
    border-bottom: 1px solid #b5152b;
    padding-top: 1em;
}
h2.ueberschrift_rot {
    color:#b5152b;
    font-size:140%;
    font-weight: 200;
    border-bottom: 1px solid #b5152b;
    padding-top: 1em;
}



.contentarea {
    width:100%;
    margin:auto;
    max-width: 900px;
}

.parent {
    width:99%;
    display: grid;
    grid-template-columns: 1fr; 
    grid-column-gap: 1em;
    grid-row-gap: 0;
    grid-template-areas:"m "
                        "c "
                        "i "
                        "l "
                        "r " 
		                    "f ";
    
    background-color: #fff;
       
}

.content { 
    grid-area: c;
    padding: 0; 
}
.inhalt {
  grid-area: i; padding: 0 2em;
  
}
.inhalt > p{
  hyphens:auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphenate-limit-chars: 10 4 4;

}
 .menu    { 
    grid-area: m; padding: 0 2em;
}
  .left   {
     grid-area: l; padding: 0 2em; 
    }
  .right   { 
    grid-area: r; padding: 0 2em;
}
  .footer { 
    grid-area: f;
    background-color:#b5152b; 
}


.footer { 
    grid-area: f; padding: 0 2em; 
    display:block;
    text-align:center;
}

.footer-1 {
    width: 100%;
    display:initial;
    vertical-align: middle;
    text-align: center;

}

.footer-2 {
    width:100%;
    display:inline-block;
    text-align: center;
    vertical-align: middle;
}

.kasten {
    display:none;
    background-color:#edeff4;
    border:#666666;
    padding: 1em;
    font-size: 75%;
    line-height: 1.4;
  }

  .kasten-termine {
    
    background-color:#edeff4;
    border:#666666;
    padding: 1em;
    line-height: 1.4;
  ;
  }
.start {
	display:none;
}
 

.nav {
    padding-right: 5px;
    font-size: x-small;
    display:inline-block;
    font-weight:800;
    
}

.navi-rot {
    display:inline-block;
    padding-right: 5px;
    font-weight:800;
    color:#b5152b;
    
}

a.navi-rot:link {
    color:#b5152b;
}


a.navi:link {
    color: #49579f;
  }
  
  /* visited link */
  a.navi:visited {
    color: #6f79ad;
  }
  
  /* mouse over link */
  a.navi:hover, a.navi-rot:hover {
    background-color: #acb4d8;
    color: #fff;
  }
  
  /* selected link */
  a.navi:active {
    color: #fff;
    background-color: #acb4d8;
  }

  a.termin:link {
    color: #b5152b;
    text-decoration: none;
  }
  
  /* visited link */
  a.termin:visited {
    color: #b5152b;
    text-decoration:underline;
  }
  
  /* mouse over link */
  a.termin:hover {
    
    text-decoration:underline;
  }
  
  /* selected link */
  a.termin:active {
    text-decoration:underline;
  }

  a.footlink:link {
    text-decoration: none;
    color:#fff
  }


  a.footlink:hover {
    text-decoration: underline;
  }
  a.footlink:visited {
    text-decoration: none;
    color:#fff
  }

 
  .header-img {
   margin: auto;
   width:100%;
  }

  

  .logo {
    padding: 1em 0;
  }

  .txt-small {
    display:inline-block;
    font-size: small;
    color: #fff;
    vertical-align: middle;
  }



 @media only screen and (min-width: 750px) {
       
        .contentarea {
            width:70%;
            margin:auto;
        }

        .parent {
            width:99%;
            display: grid;
            grid-template-columns: repeat(5, 1fr); 
            grid-column-gap: 1em;
            grid-row-gap: 0;
            grid-template-areas:"m m m m m"
                                "c c c c c"
                                "i i i i i"
                                "l l l r r" 
                                "f f f f f";
            
            background-color: #fff;
               
          }
        
         .content { 
            grid-area: c;
            padding: 0 2em; 
        }
         .menu    { 
            grid-area: m; padding: 0 2em;
        }
        .inhalt {
          grid-area: i; padding: 0 2em;
        }
          .left   {
             grid-area: l; padding: 0 2em; 
            }
          .right   { 
            grid-area: r; padding: 0 2em;
        }
          .footer { 
            grid-area: f; padding: 0 2em; 
            display:inline-block;
           
            
        }

        .footer-1 {
            width: 300px;
            display:inline-block;
            vertical-align: middle;
            text-align: left;

        }

        .footer-2 {
            width:500px;
            display:inline-block;
            text-align: right;
            vertical-align: middle;
            text-align: right;
        }

        .kasten {
            display:block;
            background-color:#edeff4;
            border:#666666;
            padding: 1em;
            font-size: 75%;
            line-height: 1.4;
          ;
          }

          .kasten-termine > * {
            padding: 0 2em;
          }
	 .start {
	display:block;
}
        
        .nav {
            font-size: medium;
            display:inline-block;
            padding: 0 2em 0 0;
            font-weight:800;
            
        }
        
        .navi-rot {
            display:inline-block;
            padding: 0 2em 0 0;
            font-weight:800;
            color:#b5152b;
            
        }
        
        a.navi-rot:link {
            color:#b5152b;
        }
        
        
        a.navi:link {
            color: #49579f;
          }
          
          /* visited link */
          a.navi:visited {
            color: #6f79ad;
          }
          
          /* mouse over link */
          a.navi:hover, a.navi-rot:hover {
            background-color: #acb4d8;
            color: #fff;
          }
          
          /* selected link */
          a.navi:active {
            color: #fff;
            background-color: #acb4d8;
          }
        
    }