/* Allgemein für die gesamte Website */

		/* Die für diese Website vorgesehene Schrift ist "AndikaW" */

		/*
		This file is from the Andika project (https://software.sil.org/andika/).
		Copyright (c) 2004-2025 SIL Global (https://www.sil.org/) with Reserved
		Font Names "Andika" and "SIL". This Font Software is licensed under the SIL
		Open Font License, Version 1.1 (https://openfontlicense.org).
		*/

		/* use Andika - Regular in .woff2 format */
		@font-face {
		  font-family: "AndikaW";
		  font-weight: 400;
		  src:url("wof/Andika/Andika-Regular.woff2") format("woff2");
		}
		/* use Andika - Medium in .woff2 format 
		@font-face {
		  font-family: AndikaW;
		  font-weight: 500;
		  src:"wof/Andika/Andika-Medium.woff2";
		}
		/* use Andika - SemiBold in .woff2 format */
		@font-face {
		  font-family: AndikaW;
		  font-weight: 600;
		  src:url("wof/Andika/Andika-SemiBold.woff2") format("woff2");
		}
		
		/* use Andika - Bold in .woff2 format */
		@font-face {
			font-family: AndikaW;
		  font-weight: 700;
			src:url("wof/Andika/Andika-Bold.woff2") format("woff2");
		}

        body {
            margin: 10px; /* Entfernt Standardabstand */
            height: 100vh; /* Volle Höhe */
            background-image: url("Bilder_Background/HintergrundWebseite.png"); /* Pfad zum Bild */
            background-size: 100% 100%; /* Bild füllt den Bildschirm */
			background-color: #c5cebf;
            background-position: center; /* Zentriert das Bild */
            background-repeat: no-repeat; /* Kein Wiederholen */
            background-attachment: fixed; /* Bild bleibt beim Scrollen fixiert */
            font-family: AndikaW, 'Comic Sans MS', Candara, Gadugi, Tahoma, Sans-serif;
			color: darkolivegreen;
			font-size: 14px;
            /* text-align: center; */
        }
		
		h1 {
			font-size: 22px;
			color: inherit;
			font-weight: 600;
		}
		
		#Gesamtinhalt {
			float: none;
		}
		
		#Kopfleiste {
			max-width: 700px;
			width: auto;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			padding: 0.5rem 1rem;
			background-color: rgba(255, 255, 255, 0.6);
			border-radius: 10px;
			display: flex;
			justify-content: space-around;
					}
		
		h1 {
			font-size: 22px;
		}
		
		
		#Kopf-logo {
			margin: auto 0 auto 0;
		}
		
		#Kopf-logo img {
			width: 100px;
		}
		
		#Kopf-titel {
			margin: 0 0.5rem 0 1.5rem;
		}
		
		#Hauptteil {
			max-width: 1050px;
			width: auto;
			overflow: hidden;
			margin: 0 auto;
			padding: 1.5rem 0 2rem 0;
			display: block;
			justify-content: space-between;
		}
		
		
		#Inhalt {
			max-width: 700px;
			width: auto;
			height: auto;
			overflow: hidden;
			margin: 1rem auto;
			padding: 1rem;
			background-color: rgba(255, 255, 255, 0.6);
			border-radius: 10px;
		}
		
		.Meditation {
			margin: 2rem 0 2rem 0rem;
			min-width: 300px;
		}
		
		.Meditation img{
			border-radius: 20px;
		}
		
		/*
		#Navblock {
			background-color: rgba(255, 255, 255, 0.6);
			width: auto;
			height: auto;
			position: static;
			margin: 0 1rem 0 0;
			padding: 1.5rem 1rem 2rem 1rem;
			border-radius: 10px;

		}
		*/
		
		#Navigation {
		background-color: rgba(255, 255, 255, 0.6);
		width: auto;
		min-width: 240px;
		max-width: 700px;
		height: auto;
		position: static;
		
		margin: 0 auto 1rem auto;
		padding: 1rem;
		border-radius: 10px;
			}
		
		#Navigation a {
			display: block;
			background-color: rgba(255, 255, 255, 0.6);
			border-radius: 3px;
			padding: 0 0 0 0.5rem;
		}

					
		a {
			color: inherit;
			font-family: inherit;
			text-decoration: inherit;
			
		}

		a:link {
			color: #eca473;
			font-family: inherit;
			text-decoration: inherit;
			
		}

		a:visited {
			color: #a5a5a5;
			font-family: inherit;
			text-decoration: inherit;
			
		}

		a:hover {
			color: inherit;
			font-family: inherit;
			text-decoration: inherit;
			
		}

		a:active {
			color: inherit;
			font-family: inherit;
			text-decoration: inherit;
			
		}

		
		td {
			max-width: 400px;
			padding: 5px;
			vertical-align: top;
		}
		
		
		td.Bildzelle {
			text-align: center;
		}
		
		#Navigation ul {
		list-style-type: none;
		padding: 0px;
}

		#Hauptbild {
			text-align: center;
			}

		#Hauptbild img {
			border-radius: 10%;
		}
		
		.Bild {
			text-align: center;
		}
		
		.Buchcover {
			border-radius: 10px;
			text-align: center;
		}
		
		.Zitat {
			font-size: 1.2rem;
			margin: 0 2rem 0 2rem;
		}
		
		.Rechtehinweis {
			margin: 2rem;
			padding: 0 2rem;
			font-size: 0.8rem;
			border: 2px solid darkgreen;
		}
		
		.Trenner {
			text-align: center;
			vertical-align: middle;
		}
		
		
		.Trenner img {
			width: 175px;
		}
		
		
		#impressum {
			font-size: 12px;
			margin: 0 0 0 1rem;
			line-heigth: 1.2;
		}
		
		#Menu-button {
			display: none;
			position: sticky;
			right: 50px;
			top: 150px;
		}