.adr { font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 9px; color: #ffffff; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none}

.adrdark { font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 9px; color: #000000; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none}

.ganzgross { font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 37px; color: #FFFFFF; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none}

.ganzgrossd { font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 37px; color: #999999; text-decoration: none; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none}

.menue1 { font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size : 12px; color: #000000; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none text-decoration: none;}

.gross {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #3fa535}

.text {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}

.textb {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}

.textsm {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}.menuewh { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #FFFFFF; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none text-decoration }
.menuebl {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.menblkl {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none; color: #333333}
.menweikl { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none; color: #666666}
.menuewhsm { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color: #FFFFFF; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none text-decoration }
.menuewhkll { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color: #FFFFFF; text-decoration: none; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none text-decoration }
.listver {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}
.feld {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}
.textmenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000 }
.textmen1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000 }
.textmen2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000 }
.textmen3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000 }

/* ==== Neuer Kopf- und Navigationsbereich (responsiv) ==== */
/* Farben zentral hier anpassbar: */
/*   #3fa535 = Hauptgruen, #3fa535 = Buttongruen, #2f7d28 = Hover/aktiv */

.srt-headbody { margin: 0; padding: 0; background: #ffffff;
	font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; }

/* Kopfbereich ueber die volle Breite (hebt das seitliche body-Padding auf) */
.srt-top { margin: 0 -14px; font-family: Arial, Helvetica, sans-serif; }

/* ==== Word-Export-Seiten (Bedingungen, Datenschutz) im neuen Design ==== */
.wordtext { font-family: Arial, Helvetica, sans-serif; font-size: 16px;
	line-height: 1.55; color: #000000; text-align: left; }
.wordtext p, .wordtext div, .wordtext li { text-align: left; }
.wordtext p { margin: 0 0 12px 0; }
.wordtext ol, .wordtext ul { margin: 0 0 14px 26px; padding: 0; }
.wordtext li { margin: 0 0 6px 0; }
.wordtext a { color: #3fa535; }
.wordtext h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px;
	font-weight: bold; line-height: 1.2; color: #3fa535; margin: 20px 0 14px 0; }
.wordtext h2 { font-family: Arial, Helvetica, sans-serif; font-size: 19px;
	font-weight: bold; line-height: 1.3; color: #3fa535; margin: 26px 0 10px 0; }

/* Zurueck-Link im Volltext */
.zurueck { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; white-space: nowrap; }

.srt-header { display: flex; align-items: center; gap: 18px;
	padding: 12px 18px 10px; flex-wrap: wrap; }

.srt-logo { display: inline-block; line-height: 0; flex: 0 0 auto;
	outline: none; -webkit-tap-highlight-color: transparent; }
.srt-logo:focus, .srt-logo:active { outline: none; }
.srt-logo img { width: 150px; height: 136px; border: 0; outline: none; display: block; }

.srt-welcome { color: #3fa535; font-weight: normal; font-size: 21px;
	line-height: 1.2; flex: 1 1 auto; min-width: 0; }

.srt-toggle { display: none; margin-left: auto; background: #3fa535;
	color: #ffffff; border: 0; font-size: 22px; line-height: 1;
	padding: 6px 12px; border-radius: 5px; cursor: pointer; }

.srt-rule { height: 3px; background: #3fa535; }

.srt-navbar { display: flex; flex-wrap: wrap; align-items: center; }

.srt-nav { display: flex; flex-wrap: wrap; gap: 3px;
	padding: 9px 14px; background: #ffffff; }
.srt-nav a { background: #3fa535; text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
	padding: 9px 16px; border-radius: 5px; white-space: nowrap; }
.srt-nav a:link, .srt-nav a:visited, .srt-nav a:hover, .srt-nav a:active { color: #ffffff !important; }
.srt-nav a:hover { background: #2f7d28; }
.srt-nav a.active { background: #3fa535; }

/* Logout steht immer ganz rechts aussen in der Navigationsleiste */
.srt-logout { margin-left: auto; padding: 9px 14px; }
.srt-logout a { display: inline-block; background: #3fa535; text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
	padding: 9px 16px; border-radius: 5px; white-space: nowrap; }
.srt-logout a:link, .srt-logout a:visited, .srt-logout a:hover, .srt-logout a:active { color: #ffffff !important; }
.srt-logout a:hover { background: #2f7d28; }

.srt-searchrow { display: flex; flex-wrap: wrap; align-items: center;
	gap: 8px 16px; padding: 9px 16px;
	background: #ffffff; }
.srt-form { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.srt-suchlabel { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #3fa535; font-size: 14px; }
.srt-form label { font-size: 13px; color: #444444; }
.srt-form select, .srt-form input[type="text"] {
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 4px 6px;
	border: 1px solid #bbbbbb; }
.srt-form input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
	color: #ffffff; background: #3fa535; border: 0; padding: 5px 14px;
	border-radius: 4px; cursor: pointer; }
.srt-form input[type="submit"]:hover { background: #2f7d28; }

/* ==== Lower-Frame: Links gruen statt blau ==== */
a { color: #3fa535; }
a:hover { color: #2f7d28; }

/* ==== Themenliste: Dachzeile / Titel / Kennung ==== */
.dachzeile { font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	color: #000000; font-weight: bold; }
.themenhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px;
	font-weight: bold; line-height: 1.2; padding-top: 20px; padding-bottom: 14px; }

/* Formular-Schaltflaechen im Inhaltsbereich einheitlich gruen */
input[type="submit"], input[type="button"] {
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
	color: #ffffff; background: #3fa535; border: 0; padding: 6px 14px;
	border-radius: 4px; cursor: pointer; }
input[type="submit"]:hover, input[type="button"]:hover { background: #2f7d28; }
.titel { font-family: Arial, Helvetica, sans-serif; font-size: 21px;
	color: #3fa535; font-weight: normal; text-decoration: none; }
.titel:hover { color: #2f7d28; text-decoration: underline; }
.kwnr { font-family: Arial, Helvetica, sans-serif; font-size: 16px;
	color: #555555; font-weight: normal; margin-left: 12px; }
.themetext { font-family: Arial, Helvetica, sans-serif; font-size: 16px;
	color: #000000; line-height: normal; }
.halfline { height: 8px; font-size: 1px; line-height: 8px; }
.themelist { border-collapse: collapse; }
.themelist td { padding: 10px 8px; border-bottom: 1px solid #3fa535; }
.bildspalte { white-space: nowrap; }
.bildspalte img { vertical-align: top; }
.bildspalte img + img { margin-left: 6px; }
.bildspalte .bildquad + .bildquad { margin-left: 6px; }

/* ==== Inhaltsseiten: weiss + seitlicher Abstand wie im Header ==== */
body { background: #ffffff; padding: 0 14px; }

/* ==== Dunkelgraue Fusszeile ==== */
.srtfooter { background: #4d4d4d; color: #e6e6e6;
	font: 12px/1.5 Arial, Helvetica, sans-serif; padding: 12px 14px;
	margin: 24px -14px 0; text-align: center; }
.srtfooter a { color: #e6e6e6; text-decoration: underline; }

/* ==== Quadratischer Rahmen um die Vorschaubilder in den Suchergebnissen ==== */
.bildquad { display: -webkit-inline-flex; display: inline-flex;
	-webkit-align-items: center; align-items: center;
	-webkit-justify-content: center; justify-content: center;
	vertical-align: top; width: 150px; height: 150px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #cccccc; background: #ffffff; overflow: hidden; }
.bildquad img { max-width: 100%; max-height: 100%; width: auto; height: auto;
	border: 0; display: block; }

/* ==== Bilderraster der Suchergebnisse: so viele Kacheln je Zeile wie passen ==== */
.bildgrid { display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-align-items: flex-start; align-items: flex-start;
	margin: 0 -10px; }
.bildkachel { width: 170px; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 0 10px 26px 10px; }

/* Textbloecke auf Kachelbreite begrenzen und auf feste Hoehe bringen,
   damit die Bilder zeilenweise buendig stehen. Ueberlaufender Text: "..." */
.bildkachel .text, .bildkachel .textsm { width: 150px; overflow: hidden;
	display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis;
	word-wrap: break-word; }
.bildkachel .bk-stichwort { line-height: 15px; height: 30px;
	-webkit-line-clamp: 2; margin-bottom: 2px; }
.bildkachel .bk-nr { line-height: 12px; height: 12px;
	-webkit-line-clamp: 1; margin: 2px 0; }
.bildkachel .bk-motive { line-height: 12px; height: 36px;
	-webkit-line-clamp: 3; margin: 2px 0; }
.bildkachel .bildquad { margin: 7px 0; }

/* Blaetter-Hinweise ohne Ziel (erste bzw. letzte Seite) */
.blaetter-aus { color: #999999; }

/* ==== Auswahlkaestchen "angemeldet bleiben" auf der Anmeldeseite ==== */
.anmeldeoption { margin: 10px 0 4px 0; max-width: 430px; }
.anmeldeoption label { font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	color: #000000; line-height: 1.45; cursor: pointer; display: block; }
.anmeldeoption input { margin: 0 6px 0 0; vertical-align: middle; }

/* ==== Hinweis auf der Anmeldeseite (Sitzung abgelaufen / abgemeldet) ==== */
.sitzungshinweis { font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	color: #8a5000; background: #fdf3e2; border: 1px solid #e0b25c;
	padding: 10px 14px; margin: 0 0 16px 0; }

/* ==== Warnung kurz vor Ablauf der Sitzung ==== */
#srtWarnung { display: none; position: fixed; left: 0; right: 0; top: 0;
	background: #fff4f2; border-bottom: 3px solid #cc0000; z-index: 9998;
	box-shadow: 0 2px 10px rgba(0,0,0,0.22); }
#srtWarnung.on { display: block; }
#srtWarnungBox { max-width: 760px; margin: 0 auto; padding: 14px;
	text-align: center; font-family: Arial, Helvetica, sans-serif; }
#srtWarnungText { font-size: 16px; font-weight: bold; color: #000000;
	margin-bottom: 10px; }
#srtWarnungZeit { color: #cc0000; font-family: Consolas, "Courier New", monospace;
	font-size: 20px; font-weight: bold; }
#srtWarnungKnopf { font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	font-weight: bold; color: #ffffff; background: #3fa535; border: 0;
	padding: 8px 18px; border-radius: 4px; cursor: pointer; }
#srtWarnungKnopf:hover { background: #2f7d28; }

/* ==== Ladeanzeige waehrend der Suche ==== */
#srtLoading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
	background: #ffffff; opacity: 0.85; z-index: 9999; }
#srtLoading.on { display: block; }
#srtLoadingBox { position: absolute; top: 45%; left: 0; width: 100%; text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #3fa535; }
#srtSpinner { width: 44px; height: 44px; margin: 0 auto 12px auto;
	border: 5px solid #d8ecd5; border-top-color: #3fa535; border-radius: 50%;
	-webkit-animation: srtspin 0.9s linear infinite; animation: srtspin 0.9s linear infinite; }
@-webkit-keyframes srtspin { to { -webkit-transform: rotate(360deg); } }
@keyframes srtspin { to { transform: rotate(360deg); } }

/* ==== Responsive Regeln (am Ende, damit sie die Basis-Regeln ueberschreiben) ==== */
@media screen and (max-width: 728px) {
	.bildspalte { white-space: normal; }
	.bildspalte img { display: block; max-width: 120px; height: auto; }
	.bildspalte img + img { margin: 6px 0 0 0; }
	.bildspalte .bildquad { display: -webkit-flex; display: flex; }
	.bildspalte .bildquad img { display: block; max-width: 100%; }
	.bildspalte .bildquad + .bildquad { margin: 6px 0 0 0; }
	.txview, .txview tbody, .txview tr, .txview td { display: block; width: auto; }
}

@media screen and (max-width: 640px) {
	.srt-welcome { font-size: 19px; flex-basis: 100%; order: 3; }
	.srt-toggle { display: block; }
	.srt-nav { display: none; flex-direction: column; }
	.srt-nav.open { display: flex; flex-basis: 100%; order: 2; }
	.srt-logout { order: 1; }
	.srt-logout a { font-size: 15px; }
	.srt-nav a { white-space: normal; font-size: 15px; }
	.srt-searchrow { display: flex !important; flex-direction: column; align-items: stretch; }
	.srt-form { flex-wrap: wrap; }
	.themenhead { font-size: 24px; }
	.dachzeile { font-size: 15px; }
	.titel { font-size: 23px; }
	.kwnr, .themetext { font-size: 18px; }
}

/* Auswahl der Bilderzahl pro Seite in den Trefferlisten */
.proseite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: normal; margin-left: 18px; white-space: nowrap; }
.proseite select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	margin-left: 4px; padding: 1px 2px; }