body{
            background-image: url("cover.jpg"); /* Hintergrundfarbe des Body´s (in dem Fall Grau) */
            font-family:Verdana, Tahoma, Arial, sans-serif; /* Schriftart */
            font-size: 1.0em; /* Schriftgröße */
            margin:10;
			overflow:auto; /*
			}
        h1,h3{ /* Überschriften generell (H1 und H3) */
            text-align:center;  /* immer zentriert */
            padding-left: 5%; /* Links 5% Abstand lassen */
            color: #62615C; /* Schriftfarbe */
        }
        p{ /* Absätze */
            padding:0%;  /* Abstand links und rechts?*/
            color: #62615C; /* Schriftfarbe */
        }
        img{ /* Bilder generell */
            text-align:center; /* immer zentriert */
            max-width: 100%; /* 100% Größe */
            height:auto; 	/* angepasst */
            width:auto; /* angepasst */
        }
        #wrapper{ /* definierte Container Div ID= "Wrapper" */
            background: #BDBDBD; /* Hintergrundfarbe */
			margin: 0 auto; 
            max-width: 1000px; /* maximale Breite */
            width:100%; /* Breite: 98% */
            border: 1px solid #73726D; 
            border-radius: 5px;
            box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
        }
        
       header{ /* Header */
            width: 100%; /* Breite 100% */
            min-height: 54px; /* Minimale Höhe 54 Pixel */
            text-align: center; /* Text zentriert */
        }
        nav ul{
            list-style: none;
            margin: 10;
            padding-left: 10px;
        }
        nav ul li{
            float:left;
            border: 2px solid #73726D;
            width: 16%;
			height: 23.5px;
        }
        nav ul li a{
            background: #A4A4A4;
            display: block;
            padding: 2% 1% 1% 2% ;
            font-weight: bold;
            font-size: 0.9em;
            color: #1C1C1C;
            text-decoration: none;
            text-align: center;
        }
        nav ul li a:hover, nav ul li a.active{ /* Menüleiste wenn Mauscursor drüber ist und/oder aktiv wird */
            background: #e7f3ef; /* Hintergrundfarbe */
            color: #2E2EFE; /*  */
        }
        #banner{ /* Berech Banner (DIV ID="Banner") */
            width: 100%; /* Breite 100% */
            border-top: 1px solid #73726D; 
        }       

        .bereich-links{
            width: 50%;
            float: left;
            margin: 1% 1% 1% 1%;
        }
        .bereich-rechts{
            width: 40%;
            float: right;
            margin: 1% 4% 1% 1%;
            text-align: center;
        }
        .Trier{
            float:left;
            margin: 15% 1% 1% 1%;
            max-width: 100%;
            height: auto;
            padding: 1% 1% 1% 1%;
        }
        .loeschen{
            clear: both;
        }
        .bereich{
            width: 29%;
            float: left;
            margin: 2% 3% 1% 1%;
            text-align: center;
        }   

        footer {
            background: #528B8B;
            width: 100%;
            overflow: hidden;
        }
        footer p {
            color: #F1F0D1;
			text-decoration-line: underline;
        }
        footer a {
            color:  #e7f3ef;
            text-decoration: none;
        }
      
       
        @media screen and (max-width: 478px){
            body{
                font-size: 0.6em;
            }
        }
        @media screen and (max-width: 740px){
            #banner{
                display:none;
            }
            nav {
                width: 100%;
                margin-bottom: 10px;
            }
            nav ul{
                list-style:none;
                margin: 0 auto;
                padding-left: 0px;
            }
            nav ul li{
                font-size: 1.0em;
                text-align: center;
                margin-left: 0;
                width: 100%;
                border-top: 1px solid #878EEE;
                border-right: 0px solid #878EEE;
                border-bottom: 1px solid #878EEE;
                border-left: 0px solid #878EEE;
            }
            nav ul li a {
                padding: 8px 0;
            }
            .bereich-links{
                width: 100%;
            }
            .bereich-rechts{
                width: 100%;
            }
            .bereich{
                float: left;
                margin:0;
                width: 100%;
            }
        }