/* style.css wird in die HTML-Dateien per <link> eingebunden */
html {
    background-image: url(../Bilder/matte3.jpg);
}

body {
        background-color: lightgrey; 
        color: black;
} 
header {
       background-color: lightgrey; 
        color: white;
        padding: 0.5rem;
}
 dt { font-weight: bold; }
dd { margin-left: 7rem; margin-bottom: 1.5rem; }

strong.maroon
{
    color: maroon
}
nav li { 
        display: inline;
        margin-right: 1rem;
}
nav { 
    background-color: lightgrey;
    color: white;
    padding: 0.5rem;
    margin: 0.5rem 0;
    FONT-SIZE: 80%;
}
nav neu { 
      background-color: none;
      color: black;
      display: inline;
      margin-right: 50px;
      margin-left: 50px;
     width: 200%;
     font-size: 200%;
     font-weight: 100;
    font-style: normal;
    font-color: #708090;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 40px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
      
}
nav ul { 
    padding: 0;
    margin: 0;
   
}
nav a { 
    color: white;
    text-decoration: none;
}
footer { 
background-color: lightgrey;
color: white;
font-weight: bold;
text-align: right;
padding: 0rem;
}
footer a  {
    color: lightgrey;
    text-decoration: none;
    margin-right: 80px;
}
header h1  {
    margin-bottom: 0;
}
header p  {
    margin-top: 0;
}
img {
     max-width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
}
img2 {
        width: 50%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
}
figure {
     text-align: center;
     margin-left: 0;
     margin-right: 0;
}
.site-header h1 {
     margin-bottom: 0;
     color: maroon;
    }
.site-header p {
     margin-top: 0;
     color: olive;
   
}
.site-footer  {
    font-size: smaller;
    background-color: lightgrey;
    text-align: right;
    padding: 0rem;
    margin-top: 0rem;
     
    
}
/* Gestaltung der Infoboxen */

.infoboxen  { background-color:  lightgrey; 
                     padding: 1rem;   
                    margin-bottom: 0.5rem;
} 
/* Gestaltung der Infoboxen */

.wrapper { background-color: lightgrey; 
                     padding: 1rem; 
}

/* macht drei Textspalten */
 p5 {
      column-count: 5;
      column-gap: 2rem;
      column-rule: 3px solid #eee;
}
 txt {
      column-count: 1;
      column-gap: 2rem;
      column-rule: 3px solid #eee;
       background-color: lightgrey; 
      text-align: justify; 
      font-size: 130%;
      margin-left: 50px;
      margin-right: 50px;
      Border-Width: 1px;
      width: 80%;
      
    }
 Zentrum {
  display: flex;
  align-items: center;
  justify-content: center;
}