/* 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: linear-gradient(to bottom, #faedd4,#c5cebf, #bec1c3);
			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: 16px;
            
        }
		
		h1 {
			font-family: AndikaW;
			font-weight: 600;
			font-size: 40px;
			color: inherit;
		}
		
		#Gesamtinhalt {
			float: none;
		}
		
		#Kopfleiste {
			max-width: 1018px;
			width: auto;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			padding: 1.5rem 1rem 2rem 1rem;
			background-color: rgba(255, 255, 255, 0.6);
			border-radius: 10px;
			display: flex;
			justify-content: space-around;
					}
		
		#Kopf-logo {
			margin: auto 0 auto 0;
		}
		
		#Kopf-logo img {
			width: 160px;
		}
		
		#Hauptteil {
			max-width: 1050px;
			width: auto;
			overflow: hidden;
			margin: 0 auto;
			padding: 1.5rem 0 2rem 0;
			display: flex;
			justify-content: space-between;
		}
		
		
		#Inhalt {
			max-width: 700px;
			width: auto;
			height: auto;
			overflow: hidden;
			margin: 0 0 0 1rem;
			padding: 1.5rem 2rem 2rem 2rem;
			background-color: rgba(255, 255, 255, 0.6);
			border-radius: 10px;
		}
		
		.Meditation {
			margin: 2rem 0 2rem 2rem;
			min-width: 350px;
		}
		
		.Meditation img{
			border-radius: 20px;
		}
		
		.Bildzelle {
			text-align: center;
		}
		
		#Navigation {
			background-color: rgba(255, 255, 255, 0.6);
			width: auto;
			min-width: 240px;
			height: auto;
			position: static;
			
			margin: 0 1rem 0 0;
			padding: 1.5rem 1rem 2rem 1.5rem;
			border-radius: 10px;
			}
		
		#Navigation a {
			display: block;
			background-color: rgba(255, 255, 255, 0.6);
			padding: 0 0 0 0.3rem;
			border-radius: 3px;
		}
				
				
		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;
			font-style: strong;
			text-decoration: inherit;
			
		}

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

		
		table {
			border-collapse: collapse;
		}		
			
		td {
			max-width: 400px;
			padding: 5px;
			vertical-align: top;
		}
		
		
		
		#Navigation ul {
		list-style-type: none;
		padding: 0px;
		}

		#Hauptbild {
			text-align: center;
			}

		#Hauptbild img {
			border-radius: 10%;
		}
		
		#ueber-k-wunderbar {
			display: inline;
		}
		
		.Buchcover {
			border-radius: 10px;
			float: left;
			margin: 1rem 2rem 1rem 0;
		}
		
		
		.Zitat {
			font-size: 1.2rem;
			margin: 0 2rem 0 2rem;
			
		}
		
		.Rechtehinweis {
			float: inline-end;
			margin: 2rem;
			padding: 0 2rem;
			font-size: 0.8rem;
			border: 2px solid darkgreen;
		}
		
		.Trenner {
			text-align: center;
			vertical-align: middle;
		}
		
		.Trenner img {
			width: 250px;
		}
		
		#impressum {
			font-size: 12px;
			margin: 0 0 0 2rem;
		}