header {
	background: #ffffff;  /* Hintergrund weiß */
		}
	

			
footer { /*  Navigation unten*/
	padding: 0.5em 0; margin: 10% 0 10% 0;
	border-top: 2px solid #c4dad9; /* eine farbige Linie als Abgrenzung zum Scrolltext */
	
}

footer p {margin: 0; padding: 0;}



body {margin: 0 auto; /*  Mit margin: 0 auto wird die Seite zentriert.*/
	max-width: 100em;
	font-family: Tahoma; letter-spacing: .10em;
	font-size: 1.0em;
	line-height: 1.5;
	background: #ffffff;
	color: #382403; /* dunkelbraune Schrift 382403 */
	padding: 0.5 em 0; /* padding - Innenabstände eines Elements= Abstand vom Inhalt zum Rahmen */
	margin: 0 9% 0 9%;} /* Außenabstand zwischen aktuellem Element und Eltern- bzw. Nachbarelement*/
	/* top, right, bottom left*/
	/* 10% sorgen dafür, dass es sich links und rechst an den Bildschirm anpasst*/


nav {
	position:sticky; /* sorgt dafür, dass die oberste Navigation immer sichtbar bleibt*/
	top:   0;
	left:  0;
	right: 0;
	background: #ffffff;  /* Hintergrund weiß */
	/*border-bottom: 1em solid #ffffff; /* eine untere Linie, damit Scrolltext Abstand hat */
		}


h1 {font-weight: 100; font-size: 1.6em; color: #876b3d; border-bottom: 2px solid #ead3af;}  /* Überschrift h1 unterstrichen - schriftart Tahoma, Farbw dunkelbeige 876b3d - hellbeige a68857,  Linie hellbraun*/
h2 {font-weight: 100; font-size: 1.em; color: #382403; } /* Überschrift h2 - schriftart Tahoma, Farbwe dunkelbraun*/


p { color: #382403; } /* Absatz dunkelbraune Schrift */
.klein {color: #382403; font-size: 0.8em;} /* dunkelbraune Schrift */
.strong {font-weight: 200; font-size: 150%;  /* fettere Schrift bei bildung, begegnung zeitgeschehen */
}

table {font-weight: 200; font-size: 150%; border: 0; border-color: #ffffff;} /* Tabellenfarbe weiß, damit Logo und Fotos übereinander, gut zu sehen, wenn border-color grau = #333333*/



header nav a, header nav a:hover {transition: all 0.2s ease-in-out 0s;}

a {text-decoration: none; font-stretch: ultra-expanded; border:0;} /* Links*/
a:link    { color: #006666; } /*mitteltürkis 006666   */
a:visited { color: #003333; } /*dunkeltürkis  - 003333*/

a:focus   { color: #cccc66; } /*Maustaste gelbgrün - funktioniert am Handy nicht, deshalb Tabtaste -focus*/
a:hover   { text-decoration: underline; color: #cccc66; } /*hover- gelbgrün  #cccc66*/
a:active  { color: #cccc66; } /*active - gelbfrün geklickt halten*/

a.toplink::before {content: '↑  ';}


a img {	border: 0;}
/*img {z-index: -100;}*/



ul ul { font-size: inherit; }

main, article, header, footer, aside {display: block;}  /*Bei den aufgeführten Elementen (footer ...) erzwingt die Eigenschaft display  block =  einen Block – das Element erzeugt eine neue Zeile (wie bei Überschriften) */

/* Fotos an Bildschirmgröße anpassen mm*/
.gallery1
		{
		display: block;
		width: min(100%, 2100px); margin: 0 0 0 0;
		
		}
		
		.gallery1 figure {
		position: relative;	
		overflow:hidden; /* Objekt wird abgeschnitten, wenn es größer als der Platz ist */
		margin: 0;   /* figure hat sonst einen browsereigenen Abstand! */
		z-index: -1; /* sorgt dafür, dass sich die Fotos unter die festgestellte Navi klemmen */
		
		
		}
	.gallery1 figure img {
		display: block; /* neue Zeile */
		object-fit: cover; /* Foto füllt vollstandig die Inhaltsbox */
		width: 100%;
		height: 100%;
		
		}


/* beige farbenes Kästchen für allerwichtigste Sachen */
#topaktuell {
  background-color:#f2efe9; /* Hintergrund: beige */
  margin: 1em 3em;
  padding: 1em;
  width: 10em;
  text-align: center;
}

#topaktuell h2 {font-variant: small-caps; color: #bf7900;} /* braune Überschrift für Kästchen */

#topaktuell p {color: #928267;} /* KästchenSchrift im Absatz hellbraun */

/* bbz.logo, dass immer oben links bleibt, egal wie weit runtergescrollt wird */
#homelink {
  margin: 0;
	padding: 0;
	position: fixed;
  top: 0;
  left: 0.5em;
  z-index: 1;
 }
 /* Dreieck unten rechts, das auf der Seite nach oben führt */
#toplink {
  margin: 0;
	padding: 0;
	position: fixed;
  bottom: 5em;
  right: 1em;
  z-index: 1;
 }