@charset "ISO-8859-1";


body
  {
  background-color:#e0e0e0;
  font-family: Arial, Verdana, sans-serif;
  }


a
   {
   color: black;
   text-decoration:none;
   }
  
h1
   {

   width: 90%;
   margin-left:auto;
   margin-right:auto;
   margin-top:30px;
   margin-bottom:20px;
   
   padding:0px;
   
   border-top: 10px solid #000000;
   border-image: url('Bilder/RotWeiss.png') 30 30 round;
   
 
   }  
   
h1 div
   {    
   font-size:3em;
   
   margin:0px;
   border-left: 15px solid #FFFFFF;
   border-right: 15px solid #FFFFFF;  
   
   margin:auto;

   
   text-align:center;
   }  
   
h2
   { 

   width: 90%;
   margin-left:auto;
   margin-right:auto;
   margin-top:30px;
   margin-bottom:20px;
   
   padding:0px;
   
   border-top: 10px solid #000000;
   border-image: url('Bilder/RotWeiss.png') 30 30 round;
   
 
   }  
   
h2 div
   {    
   font-size:2em;
   
   margin:0px;
   border-left: 15px solid #FFFFFF;
   border-right: 15px solid #FFFFFF;  
   
   margin:auto;
   
   text-align:center;
   }       
  
 
 .Einleitung1
    {
    width: 70%;
    margin:auto;
    padding:0px;
    margin-top:10px;
    margin-bottom:25px;
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
    }
    
  .Einleitung2
    {
    width: 70%;
    margin:auto;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.2em;
    text-align:center;
   
    }   
    
 
   .Impressum
    {
    width: 70%;
    margin:auto;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.2em;
    text-align:left;
   
    }   
 
  
.Menue
   {
   width: 90%;
   margin:auto;
   padding:0px;
   margin-top:10px;
   margin-bottom:25px;
   
   display: grid;                             
   grid-template-columns: 20% 20% 20% 20% 20%; 
   grid-auto-flow: column; 
   height: 20px;
   }  
   
 .Menue div
    {
    border: 1px solid black;
    width:100%;
    text-align:center;
    } 
    
  .Menue div:hover
    {
    background-color:#000000;
    color:#FFFFFF;
    }    
    
 .Menue div a div
    {
    width:100%;
    text-align:center;
    }      
    
.MenueAktiv
   {
   font-weight: bold;
   }    
  
 
 
 .Teaserliste
    {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    
    display: grid;                             
    grid-template-columns: 33% 33% 33%; 
    grid-auto-flow: column; 
    }
    

.Teaser
   {
   background-color:#ffffff;
   margin:15px;
   padding:15px;
   }    

.Teaser:hover
   {
   background-color:#a0a0a0;
   }
 
 .ContainerImage
   {
   width:85%;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   justify-content: center;
   }

 .ContainerText
   {
   width:85%;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   justify-content: left;
   font-size:2em;
   font-weight:bold;
   
   }


    
.Teaserliste div a div img,
.Teaserliste div div div img
    {
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    }
 
 
 .TeaserUnterseite
    {
    background-color:#ffffff;
    margin:15px;
    padding:25px;
    }
    
    
 .ContainerUnterseiteImage
    {
    width:85%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    justify-content: center;
    }    
    
    
.ContainerUnterseiteText1
   {
   width:85%;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   justify-content: left;
   font-size:1.2em;
   font-weight:bold;
   } 
   
 .ContainerUnterseiteText2
   {
   width:85%;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   justify-content: left;
   font-size:1em;
   font-weight:normal;
   }
   
 .ContainerUnterseiteText3
   {
   width:85%;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   justify-content: left;
   font-size:1em;
   font-weight:normal;
   }
         
         
.Mail
   {
   color:blue;
   text-decoration:underline;
   }