body {
 	margin: 0;
 	padding: 0;
 	color: #200;
 	background-color: #fffff8;
 	text-align: center;
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 82%; /* 82% ergibt 13px (eigentlich 13,12px) bei 16px Grundeinstellung. Die angegebenen Pixel-Werte unten beziehen sich auf diese Angabe. Sie werden auf volle Pixel gerundet. Dieser Prozentwert hier wirkt sich generell auf alle relativ angegebenen Schriftgroessen aus. Wenn diese generell veraendert werden sollen, dann durch das Aendern dieses einzigen Wertes. */
}
div {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, caption, th, strong, b {
	color: #410;
}
h1, h2, h3, h4, h5, h6, caption {
	margin: 1.2em 0 0.5em;
	padding: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 125%;
}
h1 {
	text-align: left;
	font-size: 1.7em; /* 22px */
}
h2 {
	font-size: 1.5em; /* 19,68px */
}
#wrapper h2#erste {
	margin-top: 0;
}
h3 {
	clear: right; /* wg. float in Ueberschrift <h2 id="erste"> */
	font-size: 1.3em; /* 17px */
}
h2 + h3, h3 + h4 { /* versteht ieWin 6 nicht */
	margin-top: 0;
}
h4 {
	font-size: 1.14em; /* 15px */
}
h5 {
	font-size: 1em; /* 13px */
}
p, li, th, td {
 	font: 1em/1.3em Verdana, Helvetica, Arial, sans-serif; /* 13px */
}
p {
	margin: 0.5em 0 0.5em;
	text-align: justify;
}
ul {
	margin: 0 0 1em 2em; /* 13 bzw. 26px */
	padding: 0;
	list-style-type: none;
}
li {
	margin: 0;
	padding: 0;
}
strong, b {
	font-weight: bold;
}
.n {
	font-weight: normal;
}
.nm { /* nomargin */
	margin: 0 !important;
}
.bu { /* Bildunterschrift */
	font-style: italic;
	text-align: center;
	font-size: 0.9em;
}
.sr { /* nur fuer Screenreader */
	position: absolute; 
	left: -1000px; 
	top: -1000px; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: inline;
}
.eclear { /* darf keinen Inhalt haben, der waere unleserlich */
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
.r {
	text-align: right;
}
.fr {
	float: right;
	text-align: right;
}
.klein {
	font-size: 0.84em;
	line-height: 1.5em;
}
a:link {
	color: #200;
}
a:visited {
	color: #311;
}
a:hover, a:active {
	color: #a00;
}
#wrapper div {
	margin: 1em 0 1.2em;
	text-align: left;
}
 #wrapper div img {
	float: left;
	display: inline; /* gg. Bug in ieWin */
	margin: 0 10px 4px 0;
	border: 0;
}
 #wrapper div .bildtext { /* Text umfliesst */
	margin: 0;
	font-size: 0.9em; /* 12px */
	font-style: italic;
	text-align: left;
}
.ehemalige {
	margin-top: 2em;
	font-style: italic;
}
h2 + .ehemalige, h3 + .ehemalige {
	margin-top: 0.5em;
}

/* BEREICHE: */

#titel {
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
	margin: 0;
	/* border-bottom: 21px solid #fffff8; */
	padding: 0;
	padding-top: 0.4em; /* 8,3968px */
	width: 100%;
 	background-color: #633;
 	font-size: 1.6em; /* 20,992px */
	height: 3.6em; /* falsch fuer ieWin */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 3.2em; /* richtiger Wert, 67px */
	text-align: left;
}
#titel div {
	margin: 0 3% 0 3%;
	max-width: 920px;
}
#titel h1 {
	display: inline;
	color: #fffff8;
	font-size: 1em; /* #titel ist mit 1.6em/21px definiert */
	word-spacing: 4px;
	letter-spacing: 1px;
	line-height: 1;
}
#titel p {
	display: inline;
	color: #fffff8;
	font-size: 0.7em;
}

/* HAUPTNAVIGATION */
div#hauptnavig {
	position: fixed;
	z-index: 12;
	top: 4.7em;
	left: 0;
	width: 100%;
	height: 1.5em; /* 22,632px */
	margin: 0;
	border-bottom: 1px solid #633;
	padding: 3px 0 2px;
	text-align: left;
 	font-size: 1.15em; /* 15,088px */
	background-color: rgb(180, 153, 149);
}
#hauptnavig ul {
	/* margin: 0 0 0 14.3em; 210px, buendig mit Inhaltsblock */
	margin: 0 0 0 38px; /* 38px, buendig mit Titel */
	max-width: 920px;
}
#hauptnavig li {
	display: inline;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#hauptnavig li a {
	border-left: 1px solid #fffff8;
	padding: 0 1.5em;
	text-decoration: none;
	font-weight: bold;
}
#hauptnavig li a#erster {
	border-left: none;
	padding-left: 0;
}
#hauptnavig a:link, #hauptnavig a:visited {
	color: #fffff8;
}
#hauptnavig a:hover, #hauptnavig a:active, #hauptnavig #hshown a {
	color: #410;
}
#hauptnavig #hshown a {
	cursor: default;
}
#hauptnavig li #suchen {
	float: right;
	display: inline;
	margin: 0;
	padding: 0 0 0 9em;
}
#suchen div { /* umgibt die inputs */
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
}
#suchen input {
	margin: 0;
	padding: 0;
	height: 1.8em;
	background: #fffff8;
}
#suchen #suchbegriff {
	margin: 0;
	padding: 0 0 0 0.2em;
	height: 1.2em;
	width: 10em;
 	font-size: 0.8em;
}
/* ENDE HAUPTNAVIGATION */

#autor {
	position: fixed;
	z-index: 10;
	top: 10em; /* margin-top ignoriert ieWin, entspr. 103px */
	right: 1.5em;
	left: 0;
	height: 2.5em;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.75em; /* 11,316px */
	line-height: 2.5em;
	font-style: italic;
	background-color: #fffff8;
}

.hinweis {
	z-index: 100;
	position: fixed;
	top: 9.9em; /* 112,832px */
	left: 0;
	margin: 53px 0 0 26px;
	padding: 0;
	width: 15.3em; /* 201px */
	height: 79.5%;
	overflow: auto;
	text-decoration: none;
	font-size: 0.85em; /* 11,135 px */
	text-align: left;
	font-style: italic;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#wrapper {
	margin: 0 auto 2.3em 223px; /* wird auf tatorte.php für Schirme weniger breit als 1030px auf .ml38 gesetzt */
	padding-top: 10em; /* margin-top ignoriert ieWin, entspr. 131,2px */
	width: 512px;
	text-align: left;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#wrapper.ml38 {
	margin-left: 38px !important;
}
#wrapper h2 .fr { /* die Bezirksangabe in der Ueberschrift */
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.9em;
}

table#suchergebnisse {
	border-collapse: collapse;
	margin: 0.9em 0 1.5em;
	padding: 0;
}
table#suchergebnisse th {
	border-bottom: 1px solid #d8d8d0;
	margin: 0;
	padding: 0.1em 1em 0.3em 0;
	text-align: left;
	font-weight: bold;
}
table#suchergebnisse td {
	border-bottom: 1px solid #d8d8d0;
	padding: 0.1em 1em 0.3em 0;
}
#wrapper table#suchergebnisse img {
	margin: 0 0.5em 0 0.2em;
	border: 1px solid #633;
	height: 0.6em; 
}
.hl { /* Suchbegriffe auf Ergebnisseiten hervorheben */
	padding: 0.1em 0.2em;
	color: #fffff8 !important;
	background-color: #633 !important;
}
#zoom_01, #zoom_02 {
	display: block;
	width: 512px;
	height: 254px;
}
#zoom_01 {
	margin-top: 2em;
	height: 254px;
}
#zoom_02 {
	margin-top: 4em;
	height: 370px;
}

/* Kontaktformular: */

form#kontakt {
  margin: 1em 0 0;
  border: 1px solid #633;
  padding: 0.7em;
	background-color: rgb(180, 153, 149);
}
form#kontakt fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#kontakt strong {
	font-size: 93%;
}
form#kontakt label, form#kontakt input, form#kontakt select, form#kontakt textarea {
	margin: 0.1em 0;
  display: block;
  float: left;
}
form#kontakt label {
  width: 125px;
  line-height: 26px;
}
form#kontakt input, form#kontakt select, form#kontakt textarea {
  width: 260px;
}
form#kontakt br { 
  clear: left; /* das floating der labels und inputs aufheben */
}
form#kontakt input#submit {
	float: right; 
 	width: auto;
}
form#kontakt label {
	text-align: right; 
	padding-right: 0.8em; 
}

/* Moderne Ergänzungen: Desktop-Design bleibt erhalten, kleine Bildschirme werden lesbar. */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 9rem;
}
#titel h1 a {
    text-decoration: none;
}
#autor .rechtliches {
    margin-left: 0.7em;
    font-style: normal;
}
#autor .rechtliches a {
    text-decoration: none;
}
#autor .rechtliches a:hover,
#autor .rechtliches a:focus {
    text-decoration: underline;
}
#hauptnavig input[type="search"] {
    box-sizing: border-box;
}
.zoomable {
    cursor: zoom-in;
}
.zoom-window-native {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 430px;
    height: 430px;
    border: 1px solid #4a4a7b;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    pointer-events: none;
}

@media (max-width: 1029px) and (min-width: 761px) {
    #wrapper { margin-left: 38px; }
}

@media (max-width: 760px) {
    body { text-align: left; }
    #titel,
    div#hauptnavig,
    #autor {
        position: static;
        width: auto;
        height: auto;
    }
    #titel {
        padding: .8rem 1rem;
    }
    #titel div {
        margin: 0;
    }
    #titel h1,
    #titel p {
        display: block;
    }
    #titel p {
        margin-top: .4rem !important;
    }
    div#hauptnavig {
        padding: .35rem 1rem .55rem;
    }
    #hauptnavig ul {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem .9rem;
        margin: 0;
    }
    #hauptnavig li {
        display: block;
    }
    #hauptnavig li a,
    #hauptnavig li a#erster {
        display: inline-block;
        border: 0;
        padding: .25rem 0;
    }
    #hauptnavig li.suchpunkt {
        width: 100%;
    }
    #hauptnavig li #suchen {
        float: none;
        display: block;
        padding: .35rem 0 0;
    }
    #suchen #suchbegriff {
        width: min(70vw, 18rem);
    }
    #autor {
        box-sizing: border-box;
        padding: .45rem 1rem;
        text-align: left;
        line-height: 1.5;
    }
    #wrapper,
    #wrapper.ml38 {
        box-sizing: border-box;
        margin: 0 auto 2rem !important;
        padding: 1.2rem 1rem 0;
        width: 100%;
        max-width: 544px;
    }
    .hinweis {
        position: static;
        margin: 1rem;
        padding: 0;
        width: auto;
        height: auto;
        overflow: visible;
    }
    #zoom_01,
    #zoom_02 {
        width: 100%;
        height: auto;
    }
    .zoom-window-native {
        display: none !important;
    }
    table#suchergebnisse {
        width: 100%;
    }
}