/*
Design 
 TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
*/
/* Aktualisiert: 6 Statements ohne Content deaktiviert, KMR/hp 28.09.2025                                          */
/* Workover re Fonts:                                                                                              */
/* - Font "Tahoma" --> Adobe-Schrift!? Schnitt für ca. USD 49.00                                                   */
/* - Font "Geneva" --> (unbekannt), keine Google-Schrift                                                           */
/* - Da der Link im HEAD der HTML-Dateien wie                                                                      */
/*   <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Oswald" rel="stylesheet" type="text/css">  */
/*   und hier im CSS "body" = "	font-family: Tahoma, Geneva, sans-serif;" diese ersetzt                            */
/*   Probleme beim Validieren bereitet (Senkrecht-Strich "|") Schriften (Dancing Script und Oswald) neu            */
/*   eingebunden. KMR/hp 10.10.2025                                                                                */

/* Information zur Farbe dunkelgrün, eingesetzt bei den 2 Pixel breiten Rahmen um die Bilder herum.                */
/* Der HTML-Code für dieses Dungelgrün ist: #1d5f28, oder Profil RGB: R11,2 : G37,2 : B15,6                         */
/* Die Bildbearbeitungen wurden vorwiegend unter GIMP 3.0.4 und Affinity Photo erledigt                            */
/* Hinzufügen eines Rahmens in GIMP: Menü "Filter", "Dekoration", "Rand hinzufügen"                                */
/* KMR/hp 12.10.2025                                                                                               */

.dancing-script {
  font-family: "Dancing Script", cursive;
  /* font-optical-sizing: auto; */
  font-weight: 400;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 400;
  font-style: normal;
}

.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 300;
  font-style: normal;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body {
	margin: 0;
	padding: 0;
	background: #E5E6DD;
	font-family: "Roboto Condensed", "Open Sans", "sans-serif";
	font-size: 14px;
	color: #64635f;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #7D7764;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
	font-stretch: extra-condensed;
	/* text-align: center; */
}

h4 {
	font-size: 1.1em;
}

h5 {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	/* Farbe geändert, da sonst auf normalem */
	/* Body-Hintergrund nicht sichtbar       */
	/* KMR/hp, 30.09.2025                    */
	/*color: #F1F2E9;  */
	color: #7D7764;
	font-size: 1.2em;
}

h6 {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	/* Farbe geändert, da sonst auf normalem */
	/* Body-Hintergrund nicht sichtbar       */
	/* KMR/hp, 30.09.2025                    */
	/*color: #F1F2E9;  */
	color: #7D7764;
	font-size: 11px;
}

p {
	/* margin-top: 0; */
	line-height: 150%;
	word-wrap: break-word;	
	-webkit-hyphens: auto;			/* Aktiviert die automatische Silbentrennung Safari 5+ */
	-moz-hyphens: auto;				/* Aktiviert die automatische Silbentrennung Firefox 6+ */
	-ms-hyphens: auto;				/* Aktiviert die automatische Silbentrennung IE 10+ & iOS 4.2+ */
	-o-hyphens: auto;				/* Aktiviert die automatische Silbentrennung */
	hyphens: auto;					/* Aktiviert die automatische Silbentrennung */
}

ul, ol {
	margin-top: 0;
	line-height: 160%;
}

a {
	text-decoration: none;
	color: #5BA689;
}

.wrapper {
	overflow: hidden;
	background: #F1F2E9;
	padding: 0px 0px 50px 0px;
}

.container {
	/* Wieder auf vorherige Breite         */
	/* zurückgesetzt --> Jürgen: Workover? */
	/* KMR/hp 12.10.2025                   */
	/* damit die Abstände zwischen den "three-boxes" gleich gross     */
	/* sind, Max-Grösse von 1200 auf 1197 geändert, KMR/hp 21.10.2025 */
	max-width: 1193px;
	/* max-width: 900px; */
	margin: 0px auto;
}


/* Header */

#header-wrapper {
	overflow: hidden;
	height: 600px;
}

#header {
	max-width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 0px 20px;
}


/* Banner */

#banner {
	overflow: hidden;
	height: 400px;
	background: url(images/img04.jpg) no-repeat center bottom;
}

#banner .image-style {
	border: 15px solid #F4F4F4;
}

/* Logo */

#logo {
	overflow: hidden;
	/* Folgende Zeile geht wegen */
	/* Personen-Seiten nicht     */
	/* versuchsweise wieder aktiviert, KMR/hp 13.10.2025 */
	/* height: 230px; */
}

#logo h1, #logo p {
	text-align: center;
}

#logo h1 {
	/* padding oben von 50 auf 40 reduziert */
	/* KMR/hp, 12.10.2025 */
	/* 	padding: 50px 0px 0px 0px; */ 
	padding: 40px 0px 20px 0px;
	letter-spacing: -6px;
	/* Titel in kleinbuchstaben deaktiviert */
	/* KMR/hp 12.10.2025                    */
	/* text-transform: lowercase; */
	text-transform: none;
	font-family: 'Dancing Script', cursive;
	/* font-size: 100px; */
	font-size: 90px;
	color: #40745E;
}

#logo p {
	/* margin-top: -20px; */
	/* padding - wegen rand links - auch deaktiviert */
	/* KMR/hp, 12.10.2025 */
	/* padding: 0px 0px 0px 5px; */
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	/* font-weight: 300; */
	font-weight: 400;
	color: #696969;
}

#logo p a {
	color: #696969;
}

#logo a {
	border: none;
	background: none;
	/* Folgende Zeile geht wegen */
	/* Ortschaften-Seite nicht     */
	/* text-decoration: none; */
	color: #40745E;
}

/* erste Lösung */
/*
#logo a.infobox { border-bottom: 2px dotted #40745E; text-decoration:none; }
#logo a.infobox:hover { cursor: help; }
#logo a.infobox span { visibility:hidden; position:absolute; left:-99em;
  margin-top:1.5em; padding:0.5em; text-decoration:none; }
#logo a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
  text-align: left; line-height: 150%; visibility:visible; left:50%; 
  font-size: 14px; border:2px solid #40745E; color:#40745E; background:#E5E6DD; }
*/

/* zweite Lösung */
/*
#logo a.tooltip { position: relative; text-decoration: none; color: black; }
#logo a.tooltip span { display: none; }
#logo a.tooltip:hover span { position: absolute; display: block; top: 1.5em; left: 2em;
  border: 1px solid black; background-color:white; padding: 0.2em; }
*/

/* ----------------------------------------------------------------------- */

/* erste Lösung */
a.infobox { border-bottom: 2px dotted #40745E; text-decoration:none; }
a.infobox:hover { cursor:default }
a.infobox span { visibility:hidden; position:absolute; left:-99em;
  margin-top:1.5em; padding:0.5em; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
  text-align: left; line-height: 150%; visibility:visible; left:50%; 
  font-size: 14px; border:2px solid #40745E; color:#40745E; background:#E5E6DD; }

/* zweite Lösung */
/*
#logo a.tooltip { position: relative; text-decoration: none; color: black; }
#logo a.tooltip span { display: none; }
#logo a.tooltip:hover span { position: absolute; display: block; top: 1.5em; left: 2em;
  border: 1px solid black; background-color:white; padding: 0.2em; }
*/

/* ----------------------------------------------------------------------- */

.tooltip-container {
  position: relative; /* Erforderlich, damit der Tooltip absolut positioniert werden kann */
  display: inline-block; /* Passt sich der Größe des Inhalts an */
}

.tooltip-container img {
  display: block; /* Verhindert zusätzliche Abstände unter dem Bild */
}

.tooltip-text {
  visibility: hidden; /* Standardmäßig unsichtbar */
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Positionierung: Absolut über dem Container */
  position: absolute;
  z-index: 1; 		/* Stellt sicher, dass es über anderen Elementen liegt */
  bottom: 125%; 	/* Positioniert den Tooltip über dem Bild */
  left: 50%;
  margin-left: -60px; /* Zentriert den Tooltip */

  /* Übergangseffekt */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Zeigt den Tooltip beim Hovern an */
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* ----------------------------------------------------------------------- */


.java {
	text-align: center;
	font-size: 11px;
	color: #ff0000;
}

.ortschaften {
	text-align: center;
}

.ortschaften a {
	font-weight: bold;
	line-height: 180%;
}

.ortschaften a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.personennamen {
	text-align: center;
}

.personennamen a {
	font-weight: bold;
	line-height: 180%;
}

.personennamen a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.contact {
	line-height: 180%;
	text-align: justify;
}

.contact a {
	font-weight: bold;
}

.contact a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.bild-zentriert {
	display: flex; /* Aktiviert Flexbox-Layout */
	justify-content: center; /* zentriert horizontal */
	align-items: center; /* zentriert vertikal */
	/* Weitere Eigenschaften für den Container, z. B. Höhe oder Breite */
}

.bild-zentriert img {
	max-width: 100%; /* Stellt sicher, dass das Bild nicht über den Container hinausgeht */
}


.text-linksbuendig {
	/* display: flex; 				/* Aktiviert Flexbox-Layout */
	justify-content: center;	/* Zentriert horizontal */
	align-items:center;				/* Zentriert vertikal */
	text-align: left;
	/* Weitere Eigenschaften für den Container, z. B. Höhe oder Breite */
}

.text-linksbuendig img {
	max-width: 100%; /* Stellt sicher, dass das Bild nicht über den Container hinausgeht */
}


.text-zentriert {
	/* display: flex;						/* Aktiviert Flexbox-Layout */
	justify-content: center;		/* Zentriert horizontal */
	align-items: center;				/* Zentriert vertikal */
	text-align: center;
	/* Weitere Eigenschaften für den Container, z. B. Höhe oder Breite */
}

.text-zentriert img {
	max-width: 100%; /* Stellt sicher, dass das Bild nicht über den Container hinausgeht */
}

.text-rechtsbuendig {
	/* display: flex; /* Aktiviert Flexbox-Layout */
	justify-content: right; /* Zentriert horizontal */
	align-items:center; /* Zentriert vertikal */
	text-align: right;
	/* Weitere Eigenschaften für den Container, z. B. Höhe oder Breite */
}

.text-rechtsbuendig img {
	max-width: 100%; /* Stellt sicher, dass das Bild nicht über den Container hinausgeht */
}

.disclaimer {
	line-height: 180%;
	margin: 0 auto;
	text-align: center;
	max-width: 680px;
}

.disclaimer a {
	/* text-decoration: underline; */
	text-decoration: none
}

.gegenlinks {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: 100;
}

.gegenlinks a {
	font-weight: bold;
}


.gegenlinks p a {
	/* text-decoration: underline; */
	text-decoration: none;
	/* font-weight: bold; */
	font-weight: bold;
}

.gegenlinks a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.about {
	line-height: 180%;
	text-align: justify;
}

.about a {
	font-weight: bold;
}

.about a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.bildlinks {
	margin: 5px 15px 0px 0px;
	/* padding: 0px 20px 10px 0px; */
	float: left;
}

.bildrechts {
	margin: 5px 0px 0px 15px;
	/* padding: 5px 0px 5px 15px; */
	float: right;
}

.symbollinks {
	margin: 0px 0px 0px 0px;
	float: left;
}

.symbolrechts {
	margin: 0px 0px 0px 0px;
	float: right;
}

.symboltoplinks {
	margin: 40px 0px 0px 0px;
	float: left;
}

.symboltoprechts {
	margin: 40px 0px 0px 0px;
	float: right;
}


span[title] {
border-bottom: 1px dotted gray;
}


/* Menu */

#menu-wrapper {
	overflow: hidden;
	height: 53px;
	background: #40745E;
}

#menu {
	overflow: hidden;
	height: 52px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	/* Padding (zwischen Menu-Begriffen von 30 auf 20 */
	/* reduziert, KMR/hp, 12.10.2025
	/* padding: 0px 30px; */
	padding: 0px 20px;
	line-height: 52px;
	border: none;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;
}

#menu a:hover, #menu .current_page_item a {
	background: #325A49;
	text-decoration: none;
	color: #FFFFFF;
}

/*
#menu .current_page_item a {
}
*/

/* Page */

#page {
	overflow: hidden;
	/* neu unten auch nur noch 20px */
	/* KMR/hp, 12.10.2025           */
	/* padding: 20px 20px 40px 20px; */
	padding: 20px 20px 20px 20px;
}



/* Content */

#contentindex {
	/* "float: left;" deaktiviert und zusätzlich */
	/* "margin: 0px auto;" eingefügt.            */
	/* KMR/hp, 12.10.2025                        */
	/* float: left; */
	/* "float: left;" explizit NUR und AUSSCHLIESSLICH			*/
	/* für index-Seite wieder gesetzt. Alle anderern				*/
	/* bleiben bis auf weiteres OHNE "float: left; 					*/
	/* bis Frage der allg. Seitenbreite mit Jürgen geklärt	*/
	float: left;
	/* Seitenbreite von 752px auf 900px angepasst, da sonst Breite		*/
	/* für Bilder-Seite bzw. Tabelle mit Bildern nicht genügend breit	*/
	/* daher beide Einträge (@contentindex und #content) angepasst.		*/
	/* KMR/hp, 19.10.2025																							*/
	/* max-width: 752px; */
	max-width: 800px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#content {
	/* "float: left;" deaktiviert und zusätzlich */
	/* "margin: 0px auto;" eingefügt.            */
	/* KMR/hp, 12.10.2025                        */
	/* float: left; */
	/* "float: left;" explizit nur für index-Seite wieder gesetzt, 	*/
	/* bis Frage der allg. Seitenbreite mit Jürgen geklärt 					*/
	/* für alle "anderen Seiten" (ausser index.html) gilt hier			*/
	/* Daher für "normalen" 'content' KEIN float: left;							*/
	/* KMR/hp 13.10.2025																						*/
	/* float: left; */
	/* max-width: 752px; */
	max-width: 800px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

.post {
	overflow: hidden;
}

.post .titlelinksbuendig {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	/* border-bottom: 3px solid #e0e1d65d; */
	border-bottom: 3px solid #b6b7ab;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 26px;
	color: #373737;
	text-align: left;
}

.post .titlezentriert {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	/* border-bottom: 3px solid #E0E1D6; */
	border-bottom: 3px solid #B6B7AB;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 26px;
	color: #373737;
	text-align: center;
}

.post .titlerechtsbuendig {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 3px solid #B6B7AB;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 26px;
	color: #373737;
	text-align: right;
}

.post .title a {
	border: none;
	color: #373737;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

/*
.post .meta a {
}
*/

.post .entry {
	/* zum einen ist "padding-bottom" doppelt			*/
	/* definiert, zum anderen ohnehin nicht				*/
	/* benötigt, Bottom-Wert von 20 auf 10 red.		*/
	/* KMR/hp 14.10.2025													*/
	padding: 0px 0px 10px 0px;
	/*padding-bottom: 20px;*/
	/* text-align: justify; */
}

.links {
	padding-top: 20px;
	margin-bottom: 30px;
}

.indexseite {
	/* damit die Abstände zwischen den "three-boxes" gleich gross     */
	/* sind, Max-Grösse von 1200 auf 1193 geändert, KMR/hp 21.10.2025 */
	max-width: 1193px;
	text-align: justify;
}

.indexseite p a {
	font-weight: bold;
}

.indexseite img {
	/* vorher: */	/* KMR/hp, 13.10.2025 */
	/* 	padding: 7px 20px 15px 0px; */
	/* padding: 5px 20px 10px 0px; */
	/* neu hinzugefügt: */	/* KMR/hp, 13.10.2025 */
	text-align: left;
}


.intention {
	text-align: justify;
	max-width: 753px;
}


.intention p a {
	font-weight: bold;
}

.intention img {
	/* vorher: */	/* KMR/hp, 13.10.2025 */
	/* 	padding: 7px 20px 15px 0px; */
	/* padding: 5px 20px 10px 0px; */
	/* neu hinzugefügt: */	/* KMR/hp, 13.10.2025 */
	text-align: left;
}

.aboutseite {
	max-width: 900px;
	text-align: justify;
}

.aboutseite p a {
	font-weight: bold;
}

.aboutseite img {
	/* vorher: */	/* KMR/hp, 13.10.2025 */
	/* 	padding: 7px 20px 15px 0px; */
	/* padding: 5px 20px 10px 0px; */
	/* neu hinzugefügt: */	/* KMR/hp, 13.10.2025 */
	text-align: left;
}


.personenseite {
	text-align: center;
	font-size: 18px;
}

.personenseite p {
	padding: 20px 0px 0px 0px;
}

.personenseite p a {
	/* text-decoration: underline; */
	text-decoration: none;
	/* font-weight: bold; */
	padding: 20px 0px 20px 0px;
}

.personenseite .werweissmehr {
	padding: 0px 0px 20px 0px;
	font-size: 16px;
}


.nomenseite {
	text-align: center;
	/* margin neu auf "0 auto" gesetzt für mittige Ausgabe
	/* KMR/hp 12.10.2025
	/* margin-left: auto; */
	/* margin-right: auto; */
	margin: 0 auto;
	max-width: 900px;
	font-family: 'Oswald', sans-serif;
}

.nomenseite a {
	font-weight: bold;
	color: #40745E;
}

.nomenseite p a {
	/* text-decoration: underline; */
	text-decoration: none
	/* font-weight: bold; */
}

.nomenseite a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

.nomenseite .table {
	/* text-align: left; */
	/* margins left auot und margin right auto ersetzt durch margin: 0 auto; */
	/* KMR/hp 12.10.2025 */
	/* margin-left: auto; */
	/* margin-right: auto; */
	margin: 0 auto;
	/* margin-top: 40px; */
	/* Max-Breite von 800 auf 700 reduziert */
	/* KMR/hp, 12.10.2025                   */
	/* max-width: 800px; */
	max-width: 710px;
	/* border: 1px solid red; */
}

/* .nomenseite .spalte { */
/* ersetzt durch, KMR/hp */
.nomenseite .spaltelinks {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	/* Spalten-Breite von 350 auf 345 reduziert */
	/* KMR/hp, 12.10.2025                   */
	/* width: 350px; */
	width: 345px;
	/* padding: 0px 0px 0px 50px; */
	/* und Padding ebenfalls angepasst */
	/* KMR/hp, 12.10.2025              */
	/* padding: 0px 0px 0px 50px; */
	/* border: 1px solid black; */
}

.nomenseite .spaltelinks p {
	/* text-align: left; */
	/* Padding hier deaktiviert */
	/* KMR/hp, 12.10.2025       */
	/* padding: 17px 0px 15px 0px; */
	font-size: 12px;
	line-height: 110%;
	margin: 20px 25px 0px 0px;
	/* padding: 20px 0px 0px 0px; */
	/* border: 1px solid violet; */
}

.nomenseite .spalterechts {
	display: table-cell;
	vertical-align: top;
	text-align: right;
	/* Spalten-Breite von 350 auf 345 reduziert */
	/* KMR/hp, 12.10.2025                   */
	/* width: 350px; */
	width: 345px;
	/* und Padding ebenfalls angepasst */
	/* KMR/hp, 12.10.2025              */
	/* padding: 0px 0px 0px 50px; */
	/* border: 1px solid black; */
}

.nomenseite .spalterechts p {
	/* text-align: left; */
	/* Padding hier deaktiviert */
	/* KMR/hp, 12.10.2025       */
	/* padding: 17px 0px 15px 0px; */
	font-size: 12px;
	line-height: 110%;
	margin: 0px 5px 0px -5px;
	padding: 20px 0px 0px 30px;
	/* border: 1px solid violet; */
}

.nomenseite .mittellinks {
	text-align: left;
	margin: 0px 0px 0px 40px;
}

.nomenseite .mittellinks p {
	/* text-align: left; */
	font-size: 18px;
	line-height: 135%;
}

/* neu eingefügt, KMR/hp, Datum nicht ganz klar (10/2025) */
.nomenseite .kleinmittig {
	text-align: center;
}

.nomenseite .kleinmittig p {
	text-align: center;
	font-size: 12px;
	line-height: 150%;
}

.produkttitel {
	/* max-width: 700px; */
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin: 0px 100px 0px 80px;
	font-size: 18px;
	/* font-weight: 300; */
	color: #696969;
}

.produkttitel ul, ol {
	/* margin: 0; */
	line-height: 180%;
}

.nomenseite .verwandt .table { 
	display: table; 
	/* border: 1px solid; */
}

.nomenseite .verwandt .tr { 
	display: table-row; 
}

.nomenseite .verwandt .td { 
	display: table-cell; 
	vertical-align: top;
	/* border:thin solid orange; */
}

.nomenseite .verwandt p {
	/* margin: 20px 0px 0px 0px;  */
	/* padding: 0px 0px 0px 0px; */
	text-align: justify;
	font-size: 16px;
	line-height: 150%;
}

.nomenseite .verwandt .kleineschrift p {
	font-size: 12px;
	line-height: 130%;
}

.nomenseite .nomenblock {
	margin: 20px 0px 20px 0px;
	/* padding: 0px 0px 0px 0px; */
}

.nomenseite .nomenblock p {
	/* max-width: 700px; */
	/* margin: 0px 100px 0px 90px; *
	/* padding: 0px 0px 0px 0px; */
	text-align: justify;
	font-size: 18px;
	line-height: 150%;
}

.galerieindex {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	/*color: #5BA689;*/
	font-size: 1.5em;
}

#logo .galerieindex a {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	/*color: #5BA689;*/
	font-size: 1.5em;
}

#logo .galerieindex a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

#logo .galerie {
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	max-width: 900px;
}

#logo .galerie h3 {
	font-size: 1.3em;
}

#logo .galerie a {
	font-weight: bold; 
	color: #40745E; 
}

#logo .galerie a:hover {
	/* text-decoration: underline; */
	text-decoration: none
}

#logo .galerie p {
	font-size: 14px;
	font-weight: 100;
	/* text-align: justify; */
}

#page .galerie .table p {
	padding: 0px 10px 0px 10px;
}


.galerie .table {
	align-items: center; /* Zentriert vertikal */
	text-align: center;
	/* margin-right: auto; */
	margin: 0 auto;
	max-width: 900px;
	font-family: 'Oswald', sans-serif;
}


/* neu eingefügt: KMR/hp 16.10.2025 */
 .entry {
	align-items: center; /* Zentriert vertikal */
	text-align: center;
	/* margin-right: auto; */
	margin: 0 auto;
	max-width: 900px;
	font-family: 'Oswald', sans-serif;
}

.entry .nomenblock {
	margin: 20px 0px 20px 0px;
	/* padding: 0px 0px 0px 0px; */
}

.entry .nomenblock p {
	/* max-width: 700px; */
	/* margin: 0px 100px 0px 90px; *
	/* padding: 0px 0px 0px 0px; */
	text-align: justify;
	font-size: 18px;
	line-height: 150%;
}

.videoseite {
	text-align: center;
	font-size: 18px;
}

.videoseite p a {
	/* text-decoration: underline; */
	text-decoration: none;
	/* font-weight: bold; */
	font-weight: bold;
}


#logo .videoseite {
	text-align: center;
/*	margin-left: auto; */
/*	margin-right: auto; */
	margin: 0 auto;
	max-width: 900px;
	font-family: 'Oswald', sans-serif;
}

#logo .videoseite a {
	font-weight: bold; 
	color: #40745E; 
}

#logo .videoseite a:hover {
	/* text-decoration: underline; */
	text-decoration: none;
}


/* Sidebar */

#sidebar {
	float: right;
	max-width: 384px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
}

#sidebar h2 {
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 3px solid #B6B7AB;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 26px;
	color: #373737;
}

#sidebar a {
	border: none;
	font-weight: bold;
}

#sidebar a:hover {
	/* text-decoration: underline; */
	text-decoration: none;
	font-weight: bold;
}

.wenzel {
	text-align: justify;
	/* eingefügt um Bild Eiche auf Höhe mit Text			*/
	/* links daneben zu bringen, KMR/hp 11.10.2025		*/
	padding: 10px 0px 0px 0px;
}


/* Three Column Footer Content */

#footer-bg {
	/* overflow: hidden; */
	padding: 70px 0px;
	/* background: #E9EAE1; */
	background: #CECFC4;
	border-top: 10px solid #E5E6DD;
}

#footer-content {
	color: #C59C9C;
}

#footer-content h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 3px solid #B6B7AB;
	text-shadow: 1px 1px 0px #FFFFFF;
	font-size: 26px;
	color: #373737;
}

#column1 {
	float: left;
	width: 384px;
	margin-right: 20px;
}

#column2 {
	float: left;
	width: 384px;
}

#column3 {
	float: right;
	width: 384px;
}

/* Footer */

#footer {
	/* vorher, dann angepasst für neue, etwas höhere Fusszeile	*/
	/* KMR/hp, 05.10.2025																				*/
	/*
	height: 100px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
	*/
	height: 130px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	/* background: #E9EAE1; */
	background: #CECFC4;
}

#footer p {
	margin: 0;
	padding-top: 10px;
	line-height: normal;
	text-align: center;
	/* text-shadow: 1px 1px 0px #FFFFFF; */
	color: #909090;
	font-weight: 400;
}

#footer a {
	/* text-decoration: underline; */
	text-decoration: none;
	color: #909090;
}

#footer a:hover {
	text-decoration: none;
	color: #383838;
}

/* Das hat leider nicht funktioniert
   KMR/hp 18.20.2025 */
#footer .CopyrightLine {
	line-height: 160%;
	color: #383838;
}

/* So übernommen aus Entwicklungsumgebung nach
   Einfügen einer neuen Zeile im Footer, um eine
	 etwas höhere Zeilenhöhe zu erreichen.
	 KMR/hp, 18.10.2025 */
p#CopyrightLine {
    line-height: 160%;
}


.box1 {
	overflow: hidden;
	height: 300px;
	background: url(images/img04.jpg) no-repeat center bottom;
}

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 7px 0px 7px 0px;
	border-top: 1px dashed #E7E2DC;
}

.list-style1 .first {
	padding-top: 0px;
	border-top: none;
}

.list-style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 1.1em;
	/*font-size: 28px; */
}

.list-style2 li {
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #B6B7AB;
}

.list-style2 a {
	text-shadow: 1px 1px 0px #FFFFFF;
	color: #909090;
}

.list-style2 a:hover {
	/* text-decoration: underline; */
	text-decoration: none;
	color: #909090;
}

.list-style2 .first {
	padding-top: 0px;
	border-top: none;
	background: none;
}

#validator a {
	text-decoration: none;
	text-align: center;
}

#validator .vdator {
	padding: 0px 44px 0px 44px;
}

#kalidator a {
	text-decoration: none;
	text-align: center;
}

#kalidator .kdator {
	padding: 0px 44px 0px 44px;
}

/* Banner */

#banner {
	overflow: hidden;
	height: 450px;
	background: url(images/img04.png) no-repeat center bottom;
}

/* Three Column Content */

#three-column {
/*	overflow:visible; */
	overflow: hidden;
	/* padding: 10px 0px 50px 0px; */
	padding: 10px 0px 20px 0px;
}

#three-column #tbox1 {
	float: left;
	width: 384px;
	margin-right: 20px;
}

#three-column #tbox2 {
	float: left;
	width: 384px;
}

#three-column #tbox3 {
	float: right;
	width: 384px;
}

.box-style {
	background: #191919;
}

.box-style h2 {
	padding: 10px 0px;
	letter-spacing: -1px;
	font-size: 28px;
	color: #FFFFFF;
}

.box-style .image {
	width: 324px;
	padding: 0px 0px 35px 0px;
}

/*
.box-style .arrow {
}
*/

.box-style .content {
	overflow: hidden;
	width: 324px;
	padding: 30px;
}

.divider {
	overflow: hidden;
	height: 50px;
	background: url(images/img04.png) no-repeat center top;
}

.legende {
	 /* neu eingefügt, KMR/hp, 10/2025 */
		font-size: 1em;
		/* font-weight: bolder; */
		/* font-family: "Roboto Slab", serif; */
		font-family: "Open Sans", sans-serif;
		color: #3d4449;
}