@charset "ISO-8859-1";

/*Farben*/

html {
	background-color: #f0efed;
}

body, #hauptinhalt > nav {
    background-color: #f0efed;
}

#hauptbereich, #hauptinhalt > :not(nav), .artikelkopf, .popupbox, .gbeintrag .artikelmeta, .sticky {
    background-color: #fff;
}

#navigation #navcontent {
    background-color: #f0efed;
}
.karussell ul.shop .shopbild img,
#sonstiges form input[type=submit], 
#sonstiges form input[type=reset],
#sonstiges form button[type=submit],
#hauptinhalt form input[type=submit], 
#hauptinhalt form input[type=reset],
#hauptinhalt form button[type=submit],
#login form button[type=submit],
figure, #suche #suchformular_response ul, 
.forenbeitrag>.autor, .forenbeitrag>.datum, 
.kommentar>.kommentarbild, .kommentar>.kommentarautor,
.vorschlagersetzen div>ul,
.infoanzeigen div.inputinfo ,
#hauptinhalt div.popup_hilfe,
#shopversand,
.bestellen,
.bestelladresse,
.hinweis,
.buchbestellung .amlink, 
#artikel table[border] td  *[size]
{
	background-color: #f9f8f5;
}

#artikel table[border] td *[size],
figure {
	color:#665533;
}


#header, #login .navcontent, #footer div.copyright {
    background-color: #dad5cf;
}


#header #login.online label {
	border-color:rgba(218,213,207,.3)
}


.forenbeitrag, .forenbeitraege, .kommentar, .kommentare, .portraet img, img.beispielbild, .pdfausgabe .rbild, .pdfausgabe .lbild ,
.vorschlagersetzen div>ul,
.infoanzeigen div.inputinfo,
#hauptinhalt div.popup_hilfe,
#shopversand,
.shopbuchcontainer,
.bestelladresse,
ul#bilderliste img,
ul#minibilderliste img,
.benutzermail .zitiert,
.hinweis,
.buchbestellung,
table.terminliste, table.terminliste *,
form.standard fieldset
{
	border-color:#dad5cf;
}
div.startseitenbox, ul.startseitenliste{
    border-color:transparent;
}


#sides {
    background-color: #efe8e2;
}


ul.letztebenutzer li a, ul.freundeliste li a ,  ul.galerieuebersicht li a ,  ul.gruppenliste li a,
#bereiche a, .forenbeitrag >.datum a, #breadcrumb ul li a, #cookiehinweis a, #hauptbereich a.normalfarbe {
      color:#000;
}


#bereiche, #bereiche ul ul, #suche :checked + .navbutton, #footer > div {
	background-color: #e5ded8
}

#header a, nav ul li a , #navigation a, #sonstiges a, #login a, #footer a,  #hauptbereich li a.icontext {
	color:black;
}

#hauptbereich a {
	color: #0066aa;
	text-decoration:none;
}

#hauptbereich a:hover {
	color: #e30613;
}

a.iconified, .alphabet li a, #hauptbereich a.iconified, #hauptbereich .alphabet li a {
   color:white;
   background-color:black;
   text-decoration:none;
}

strong.iconified {
   color:#dad5cf;
   background-color:#333;
}

.greyed {
	filter: grayscale(100%);
}

table.daten tr th, table#statistik tr th,  table.daten th, table#statistik th{
     background-color: #dad5cf;
}
table.daten tr:nth-child(odd), 
table#statistik tr:nth-child(odd) {
	background-color: #f9f8f5;
}



table.daten tr:nth-child(even), 
table#statistik tr:nth-child(even) {
    background-color: #f0efed;
}

.tonaufnahmekomplett .player, 
.tonaufnahme .player,
div.playertransformed,
ul.startseitenliste li,
ul.titelliste li,
ul.playertransformed li,
ul.beitraegeliste li,
.karussell ul.pdfarchiv img,
.lv_toplink,
#jahrestagejubilaeumbox {
	border-color:#c4b5a2;
}

.karussell .unten span {
	color:#c4b5a2;
}
.karussell .unten .aktiv,
.startseiteninhalt h1, #inhalt.startseiteninhalt h2, #inhalt.startseiteninhalt h3 {
	color:#e30613;
}

#cookiehinweiscontainer.abgedunkelt {
  background-color:rgba(255,255,255,.75);
}   

#cookiehinweis {
  background-color:#ffe866;
}

#cookiehinweis button.erlauben {
  background-color:#009900;
  color:white;
  border-color:black;
}

#cookiehinweis button.ablehnen {
  color:#666666; 
  background-color:#ffffff;
}

#hauptinhalt img.dunkel.vollbild {
	display:none;
}

#fb-container {
	background-color:#f5f6f7;
	border-color:#c4b5a2;
}

a.seitenbutton, .paypalspende {
	background-color:#a8a8a6;
    color:#ffffff;
}

html input, html textarea, html select, html button {
    color:black;
}

html button, html input[type="button"], html input[type="submit"], html input[type="reset"]{
  background-color: #f9f8f5;
}

img.hgweiss {
	background-color:white;
}

/*Darkmode*/

html.dark {
    background-color: #0f1012;
    background-image:url(/daten/img/hintergrund.svg#dunkel);
}

html.dark body, html.dark #hauptinhalt > nav {
	background-color: #0f1012;
}

html.dark * , html.dark .forenbeitrag >.datum a{
    color: white;
}

html.dark #hauptbereich {
    background-color: #000;
}

html.dark #hauptinhalt > :not(nav), html.dark .artikelkopf, html.dark .popupbox, html.dark  .gbeintrag .artikelmeta, html.dark .sticky {
    background-color: #000;
    color: white;
}



html.dark #header, html.dark #login .navcontent, html.dark #footer div.copyright {
    background-color: #252a30;
}

html.dark #header h1 span, html.dark #header div.h1 span {
	filter:invert();

	}



html.dark #navigation #navcontent, html.dark figure , html.dark #suche #suchformular_response ul,
html.dark .forenbeitrag>.autor, html.dark .forenbeitrag>.datum , html.dark .kommentar>.kommentarbild, 
html.dark .kommentar>.kommentarautor,
html.dark .vorschlagersetzen div>ul,
html.dark .infoanzeigen div.inputinfo,
html.dark #hauptinhalt div.popup_hilfe,
html.dark #shopversand,
html.dark .bestellen,
html.dark .bestelladresse ,
html.dark .hinweis,
html dark .buchbestellung .amlink,
html.dark ul.eintraegeliste p .kompaktbild,
html.dark #artikel table[border] td  *[size] {
    background-color: #0f1012;
}

 html.dark figure, html.dark #artikel table[border] td  *[size] {
  color:#eeeeee;
 }

html.dark  #sides  {
    background-color: #10171c;
}


html.dark #navbutton,
html.dark .navbutton,
html.dark .icon,
html.dark .icontext,
html.dark #navigation nav li a,
html.dark #navigation nav li strong,
html.dark #bereiche>ul>li.extra a,
html.dark ul.playertransformed li,
html.dark a.extern::after, html.dark a.doku::after, 
html.dark .ivz a::before,
html.dark .ivz a.weiter::before,
html.dark .weitere li::before,
html.dark .presseschau li::before,
html.dark a.ankeroben::after,
html.dark a[href='#uebersicht']::after,
html.dark a[href='#inhaltsvz']::after,
html.dark .benutzermail .smiley
{
	filter:invert();
	background-color:transparent;
	color:#000!important;
}
html.dark .icontext * {
	filter:invert();
}

html.dark #hauptinhalt ul.playertransformed li a {
	color:#000;
	filter:none;
}

html.dark #hauptbereich a, html.dark #cookiehinweis a {
    color: white;
    text-decoration:underline dotted;
}

html.dark #hauptbereich a:hover {
    color: white;
    text-decoration:underline solid;
}

html.dark .socialmedia img, html.dark .iconified, html.dark .alphabet li a
{
	filter:invert();
	opacity:1;
}

html.dark .online .navbutton
{
    filter:none;
    background-color:transparent;
}
html.dark .online .checked + .navbutton
{
    filter:invert();
    opacity:1;
    background-color:transparent;
}

html.dark #bereiche, html.dark #bereiche a, html.dark #bereiche ul ul, html.dark #footer > div {
      color:#fff;
      background-color:#1a2127;
}

html.dark input, html.dark textarea, html.dark select, html.dark select *, html.dark button {
	color:black;
}

html.dark #header a,html.dark nav ul li a, html.dark #navigation a, html.dark #sonstiges a, html.dark #login a , html.dark #footer a, html.dark #hauptbereich a.normalfarbe {
    color:white ;
}

html.dark .noinvert {
	filter:invert(0)!important;
	color:#fff!important;
}

html.dark .greyed {
    filter: grayscale(100%);
    color:#fff!important;
}

html.dark table.daten tr th,  html.dark table.daten th, html.dark table#statistik tr th, html.dark table#statistik thead {
	 background-color: #252a30;
}

 
html.dark table.daten tr:nth-child(odd), 
html.dark table#statistik tr:nth-child(odd) {
    background-color: #06070a;
}

html.dark table.daten tr:nth-child(even), 
html.dark table#statistik tr:nth-child(even) {
    background-color: #001012;
}


html.dark .tonaufnahmekomplett .player, 
html.dark .tonaufnahme .player,
html.dark div.playertransformed,
html.dark ul.startseitenliste li , 
html.dark ul.titelliste li, 
html.dark ul.playertransformed li,
html.dark ul.beitraegeliste,
html.dark .karussell ul.pdfarchiv img,
html.dark .lv_toplink,
html.dark #jahrestagejubilaeumbox 
{
    border-color:#3b4a5d;
}


html.dark .forenbeitrag, html.dark .forenbeitraege, html.dark .kommentar,html.dark .kommentare,
html.dark .portraet img, html.dark img.beispielbild,
html.dark .pdfausgabe .rbild, html.dark .pdfausgabe .lbild,
html.dark .vorschlagersetzen div>ul,
html.dark .infoanzeigen div.inputinfo,
html.dark #hauptinhalt div.popup_hilfe,
html.dark ul#bilderliste img,
html.dark ul#minibilderliste img,
html.dark .benutzermail .zitiert,
html.dark .hinweis,
html.dark .buchbestellung,
html.dark table.terminliste, html.dark table.terminliste *
html.dark form.standard fieldset
{
    border-color:#252a30;
}

html.dark .startseiteninhalt h1, html.dark #inhalt.startseiteninhalt h2, html.dark #inhalt.startseiteninhalt h3 {
    color:white;
}

html.dark #cookiehinweis {
  background-color:#e30613;
}

html.dark #fb-container {
    background-color:#0a0908;
    border-color:#3b4a5d;
}

html.dark img.hgweiss {
    background-color:white;
}

/*bildumschalten*/
html.dark #hauptinhalt img.hell.vollbild {
	display:none;
}

html.dark #hauptinhalt img.dunkel.vollbild {
	display:block;
}



/* Schalter */
html #lighton, html.dark #darkon {
  display:none;
}

html.dark #lighton, html #darkon {
 display:inline-block;
}

html.dark #lighton, html #darkon {
	 background-repeat:no-repeat;
     background-position:center left;
     background-size:2em 1.5em;
     margin-left:0;
     padding-left:2.3em;
     margin-top:1rem;
     background-color:transparent;
     vertical-align:middle;
}

#lighton {
	background-image:url(/daten/img/icon.svg#toggle-on);
	filter:invert();
	color:black;
}

#darkon {
    background-image:url(/daten/img/icon.svg#toggle-off);
}



body.shop #l-shop>a, body.shop #hauptinhalt nav,
body.portal #l-portal>a, body.portal #hauptinhalt nav {
    border-bottom-color: #e30613;
}

body.verband #l-verband>a, body.verband #hauptinhalt nav,
body.lv #l-verband>a, body.lv #hauptinhalt nav,
body.sjd #l-verband>a, body.sjd #hauptinhalt nav {
    border-bottom-color: #0077ba;
}
body.zeitung #l-zeitung>a, body.zeitung #hauptinhalt nav {
    border-bottom-color: #777777;
}
body.ortschaften #l-ortschaften>a, body.ortschaften #hauptinhalt nav {
    border-bottom-color: #18765c;
}
body.treffpunkt #l-treffpunkt>a, body.treffpunkt #hauptinhalt nav {
    border-bottom-color: #094c73;
}