/* Hier können Sie das Aussehen Ihrer Header-Elemente anpassen */
		
		@import url(navi_responsiv.css);
		
		@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@700&family=Quicksand:wght@300&display=swap');
		
		html{
			background-color: #D8D8D8;
			align-items: right;
		}
		
		body{
			
			min-height:100vh;
			display:flex;
			flex-flow:column;
	
			font-family:Quicksand,sans-serif;
			font-size:1.2em;
			min-width:320px;
			max-width:1260px;
			margin: 0 auto;	
			background-color: white;
			border-left: 2px solid #2E2E2E;
			border-right: 2px solid #2E2E2E;
		}
		
        header {
            background-color: white;
            padding: 20px;
            text-align: right;
			/* border-bottom: 5px solid #D8D8D8; */
        }

        #logo {
            float: right;
            margin-left: 10px;
			width: 100px;
        }

        h1 {
            margin: 0;
            font-size: 28px;
			text-align: left;
			padding: 20px;
			
        }

        h2 {
            margin: 0;
            font-size: 25px;
			text-align: left;
			padding-left: 20px;
			
        }
		
		h3 {
            margin: 0;
            font-size: 21px;
			text-align: left;
			
        }
		
		/* Stile für die Icons und Links */
        /* .icon-box { */
			/* padding: 20px; */
            /* display: flex; */
			/* /* flex-direction: column;/* Ändern Sie die Anordnung auf vertikal */ */ */
            /* align-items: center; */
			/* justify-content: space-between; /* Platz zwischen Icons aufteilen */ */
			
        /* } */

        /* .icon { */
            /* background-color: #888; /* Grauer Hintergrund */ */
            /* border-radius: 10px; /* Abrundete Ecken */ */
            /* padding: 10px; */
            /* margin-right: 10px; */
            /* cursor: pointer; */
			/* text-align: center; /* Zentriert den Text innerhalb des Icons */ */
			/* width: 100px; /* Breite der Icons-Box festlegen */ */
			/* height: 100px; /* Höhe der Icons-Box festlegen (gleich der Breite) */ */
			/* display: flex; */
			/* flex-direction: column; */
			/* align-items: center; */
			/* justify-content: center; */
        /* } */

        /* .icon img { */
            /* width: 60px; /* Breite des Icons anpassen */ */
            /* height: 60px; /* Höhe des Icons anpassen */ */
            /* filter: invert(100%); /* Icons grün einfärben */ */
        /* } */
		
		/* .icon p { */
			/* margin: 5px 0; /* Abstand zwischen Text und Icon */ */
			/* color: white; */
		/* } */

        /* /* Stile für die Seitenlinks */ */
        /* .page-link { */
            /* text-decoration: none; */
            /* color: #000; /* Schwarze Links */ */
        /* } */
		
		
        /* Stile für den grauen Balken unter dem Header */
        .nav-bar {
            background-color: #888; /* Grauer Hintergrund */
            height: 40px; /* Höhe des Balkens anpassen */
            display: flex;
            justify-content: center; /* Zentriert den Text horizontal */
            align-items: center; /* Zentriert den Text vertikal */
        }

        /* Stile für die Navigation */
        /* .nav-container { */
            /* background-color: #b4e89e; /* Hintergrundfarbe hellgrün */ */
            /* border: 2px solid #000; /* Schwarzer Rand */ */
            /* border-radius: 15px; /* Abrundete Ecken */ */
            /* padding: 10px; */
            /* float: right; /* Navigation rechts ausrichten */ */
            /* margin-left: 10px; /* Abstand zum Header-Inhalt */ */
        /* } */

        .nav ul {
            list-style-type: none;
            padding: 0;
        }

        .nav ul li {
            margin: 5px 0;
        }

        .nav a {
            text-decoration: none;
            color: #000; /* Schwarze Links */
            font-weight: bold; /* Fettschrift */
            display: block; /* Blockelemente für Links */
        }

        .nav a:hover {
            text-decoration: underline; /* Unterstrich bei Hover */
        }
		
		/*Stile für die Abschnitte*/
        section {
            /* border: 2px solid #006400; /* Dunkelgrüner Rahmen */ 
            padding-left: 10%;
			padding-right: 10%;
			text-align: justify;
            margin: 20px 0; /* Abstand oben und unten */
        }
		
		.section p {
			text-align: justify;
		}
		
		#section0 {
			border: 2px solid #D8D8D8;
			border-top: 30px solid #D8D8D8;
			background-color: #D8D8D8;
			font-size: 1.35rem;
			/* font-weight: bold; */
		}

			
		 /* Stile für Bilder mit Rahmen und Bildunterschrift */
        .image-container {
            border: 2px solid white; /* Grauer Rahmen um das Bild */
            border-radius: 10px; /* Abrundete Ecken */
            padding: 10px;
            margin: 20px 0; /* Abstand oben und unten zwischen den Bildern */
            text-align: center;
			align-items:right;
			/* max-width: 580px; */
			display: inline-block; /*Bild Zentrieren*/
        }

        .image-container img {
            max-width: 60%; /* Maximale Breite des Bildes auf 100% des Behälters begrenzen */
        }

        .image-caption {
            margin: 5px; /* Abstand zwischen Bild und Bildunterschrift */
            font-style: italic;
			
        }
		
		/* Stile für den Footer */
		footer {
			background-color: #333; /* Hintergrundfarbe des Footers */
			color: #fff; /* Textfarbe im Footer */
			text-align: center; /* Zentriert den Text horizontal */
			padding: 10px 0; /* Innenabstand oben und unten */
		}

		footer ul {
			list-style: none; /* Entfernt die Aufzählungspunkte */
			padding: 0;
		}

		footer ul li {
			display: inline; /* Links in einer horizontalen Zeile anzeigen */
			margin-right: 20px; /* Abstand zwischen den Links */
		}

		footer a {
			text-decoration: none; /* Entfernt die Unterstreichung von Links */
			color: #fff; /* Farbe der Links im Footer */
			font-weight: bold; /* Fettschrift für die Links */
		}

		footer a:hover {
			text-decoration: underline; /* Unterstreichung bei Hover */
		}

		    
        /* Hier können Sie das Aussehen Ihrer Tabelle anpassen */
        table {
            border-collapse: collapse;
            width: 80%;
            margin: 20px auto; /* Zentriert die Tabelle horizontal */
        }

        th, td {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: left;
        }

        th {
            background-color: #333;
            color: #fff;
        }

        /* Zeilenfarbe */
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
		
		/* Container für Bild und Text */
        .containers0 {
            display: flex; /* Flexbox-Layout verwenden */
            align-items: center; /* Vertikal zentrieren */
        }

        /* Stil für das Bild */
        .images0 {
            width: 200px; /* Breite des Bildes */
            height: auto; /* Automatische Höhe, um das Seitenverhältnis beizubehalten */
            margin-left: 20px; /* Abstand zwischen Bild und Text */
			margin-right: 20px; /* Abstand zwischen Bild und Text */
        }
		
		.images1 {
			display: block;
			margin: 40px auto;        /* Zentriert das Bild horizontal + Abstand oben/unten */
			width: 33%;               /* Bild nimmt ca. 1/3 der Seitenbreite ein */
			border: 3px solid black;  /* Schwarzer Rahmen */
			border-radius: 4px;       /* Optional: leicht abgerundete Ecken */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: leichter Schatten für Tiefe */
			height: auto;             /* Höhe passt sich an, um Seitenverhältnis zu wahren */
		}

		
		
		/* Stile für den schiefen Polaroid-Rahmen */
		
		.polaroid-container {
			display: flex;
			justify-content: center; /* Horizontal zentriert */
			align-items: center; /* Vertikal zentriert */
			height: 100vh; /* 100% der Bildschirmhöhe, um das Bild vertikal zu zentrieren */
		}

        .polaroid-frame {
            width: 300px; /* Breite des Rahmens anpassen */
            padding: 20px;
            background-color: #fff;
            transform: rotate(-5deg); /* Schiefer Rahmen */
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Schatten */
        }

        .polaroid-frame img {
            width: 100%;
            display: block;
        }

		/* Container-Stil */
        .pdf-container {
            border: 2px solid #fff; /* Weißer Rahmen */
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Schattierung */
            width: 80%; /* Anpassen der Breite nach Bedarf */
            margin: 0 auto; /* Zentrieren des Containers */
			margin-bottom: 40px;
        }

	/* Stil für das Cookie-Hinweis-Banner */
        #cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
            z-index: 1000;
        }
        
        /* Stil für den Zustimmungsbutton */
        #cookie-accept {
            background-color: #1e7ec9;
            color: #fff;
            padding: 5px 10px;
            border: none;
            cursor: pointer;
        }
 
	
		/* Medienabfrage für kleinere Bildschirme */
			@media screen and (max-width: 768px) {
			#logo {
                display: none; /* Logo ausblenden */
				
            .icon img {
                width: 40px; /* Kleinere Icon-Größe für kleinere Bildschirme */
                height: 40px;
            }