/* reset all ueber alles im html */
* {}
/* reset all ueber alles im html */ /* Schriftart - moegliche Einstellungen fuer font-weight sind, je nach eingebundener Schriftart: 100 = - 200 = thin 300 = light 400 = regular/CSS normal 500 = medium 600 = - 700 = bold/CSS bold 800 = black 900 = heavy */
/* fira-sans-100 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 100; src: url(../font/firaSansV10latin/firaSansV10latin100.woff2), url(../font/firaSansV10latin/firaSansV10latin100.woff); font-display: swap;}
/* fira-sans-100italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 100; src: url(../font/firaSansV10latin/firaSansV10latin100italic.woff2), url(../font/firaSansV10latin/firaSansV10latin100italic.woff); font-display: swap;}
/* fira-sans-200 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 200; src: url(../font/firaSansV10latin/firaSansV10latin200.woff2), url(../font/firaSansV10latin/firaSansV10latin200.woff); font-display: swap;}
/* fira-sans-200italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 200; src: url(../font/firaSansV10latin/firaSansV10latin200italic.woff2), url(../font/firaSansV10latin/firaSansV10latin200italic.woff); font-display: swap;}
/* fira-sans-300 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 300; src: url(../font/firaSansV10latin/firaSansV10latin300.woff2), url(../font/firaSansV10latin/firaSansV10latin300.woff); font-display: swap;}
/* fira-sans-300italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 300; src: url(../font/firaSansV10latin/firaSansV10latin300italic.woff2), url(../font/firaSansV10latin/firaSansV10latin300italic.woff); font-display: swap;}
/* fira-sans-regular - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 400; src: url(../font/firaSansV10latin/firaSansV10latinRegular.woff2), url(../font/firaSansV10latin/firaSansV10latinRegular.woff); font-display: swap;}
/* fira-sans-italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 400; src: url(../font/firaSansV10latin/firaSansV10latinItalic.woff2), url(../font/firaSansV10latin/firaSansV10latinItalic.woff); font-display: swap;}
/* fira-sans-500 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 500; src: url(../font/firaSansV10latin/firaSansV10latin500.woff2), url(../font/firaSansV10latin/firaSansV10latin500.woff); font-display: swap;}
/* fira-sans-500italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 500; src: url(../font/firaSansV10latin/firaSansV10latin500italic.woff2), url(../font/firaSansV10latin/firaSansV10latin500italic.woff); font-display: swap;}
/* fira-sans-600 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 600; src: url(../font/firaSansV10latin/firaSansV10latin600.woff2), url(../font/firaSansV10latin/firaSansV10latin600.woff); font-display: swap;}
/* fira-sans-600italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 600; src: url(../font/firaSansV10latin/firaSansV10latin600italic.woff2), url(../font/firaSansV10latin/firaSansV10latin600italic.woff); font-display: swap;}
/* fira-sans-700 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 700; src: url(../font/firaSansV10latin/firaSansV10latin700.woff2), url(../font/firaSansV10latin/firaSansV10latin700.woff); font-display: swap;}
/* fira-sans-700italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 700; src: url(../font/firaSansV10latin/firaSansV10latin700italic.woff2), url(../font/firaSansV10latin/firaSansV10latin700italic.woff); font-display: swap;}
/* fira-sans-800 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 800; src: url(../font/firaSansV10latin/firaSansV10latin800.woff2), url(../font/firaSansV10latin/firaSansV10latin800.woff); font-display: swap;}
/* fira-sans-800italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 800; src: url(../font/firaSansV10latin/firaSansV10latin800italic.woff2), url(../font/firaSansV10latin/firaSansV10latin800italic.woff); font-display: swap;}
/* fira-sans-900 - latin */ @font-face{font-family: FiraSans; font-style: normal; font-weight: 900; src: url(../font/firaSansV10latin/firaSansV10latin900.woff2), url(../font/firaSansV10latin/firaSansV10latin900.woff); font-display: swap;}
/* fira-sans-900italic - latin */ @font-face{font-family: FiraSans; font-style: italic; font-weight: 900; src: url(../font/firaSansV10latin/firaSansV10latin900italic.woff2), url(../font/firaSansV10latin/firaSansV10latin900italic.woff); font-display: swap;}
/* Schriftart - moegliche Einstellungen fuer font-weight sind, je nach eingebundener Schriftart: 100 = - 200 = thin 300 = light 400 = regular/CSS normal 500 = medium 600 = - 700 = bold/CSS bold 800 = black 900 = heavy */ /* themeSwitcher checkbox verbergen */
.theme-switch /* checkbox verbergen */ {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
/* themeSwitcher checkbox verbergen */ /* html gesamt */
html {background-color: rgba(235,245,245,1.0); font-family: FiraSans, tahoma, "trebuchet MS", helvetica, sans-serif; font-style: normal; font-weight: 400; color: rgba(44,44,44,1.0); text-decoration: none; overflow-x: hidden;}
/* html gesamt */ /* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */
body {margin: 0 auto; font-size: 90%; font: 90.01%; overflow-x: hidden;}
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */ /* Text, der nicht erscheint */
.hidden {position: absolute; clip: rect(1px,1px,1px,1px);}
/* Text, der nicht erscheint */ /* zurueck-Button */
.backbutton {background-image: url(../pics/backbutton.png); background-repeat: no-repeat; background-position: center; background-color: transparent; width: 35px; height: 35px; position: fixed; bottom: 50px; right: 7px; border: none;}
.backbutton:hover {background-image: url(../pics/backbuttonhover.png);}
/* zurueck-Button */ /* Kopf gesamt */
header {background-color: transparent; width: 100%;}
/* Kopf gesamt */ /* Kopfzeilen innerhalb von Kopf */
.header01 {background-color: transparent; width: 100%; height: 17px;}
.header02 {background-color: transparent; width: 100%; height: 36px; background-image: url(../pics/logo.png); background-repeat: no-repeat; background-position: top center; background-size: contain;}
.header03 /* text facebook */ {background-color: transparent; width: 100%; height: 22px; text-align: right; line-height: 2.0em; font-family: cambria, georgia, serif; font-size: 0.9em; color: rgba(128,128,128,1.0); font-style: italic; font-weight: 300; text-shadow: 1px 1px 5px rgba(0,0,0,1.0);}
.header04 {background-color: transparent; width: 100%;}
.header05 {background-color: transparent; width: 100%;}
.header06 {background-color: transparent; width: 100%;}
/* Kopfzeilen innerhalb von Kopf */ /* Seitenhauptueberschrift h1 und Unterueberschrift Schluesselworte h2 und Artikelueberschrift h3 */
h1 {font-size: 2.1em; font-style: normal; font-weight: 700;}
h2 {padding: 10px 10px 0px 10px; text-align: center; font-size: 1.6em; font-style: normal; font-weight: 700;}
h3 /* Artikelueberschrift */ {padding: 20px 10px 0px 10px; text-align: center; font-size: 1.8em; font-style: normal; font-weight: 700;}
p {padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: justify; font-size: 1.1em;}
strong { margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; text-align: left; font-size: 1.1em; font-style: normal; font-weight: 700;}
/* Seitenhauptueberschrift h1 und Unterueberschrift Schluesselworte h2 und Artikelueberschrift h3 */ /* Abstand als Absatz 15px */
.absatz {width: 100%; height: 15px;}
/* Abstand als Absatz 15px */ /* Hauptseite mit Content und Menue rechts (aside) */
#contandside {margin: -12px 0px 0px -10px; background-color: transparent; width: 100%; float: left;}
/* Hauptseite mit Content und Menue rechts (aside) */ /* Navigation rechts */
aside {background-color: transparent; width: 20%; min-width: 120px; float: right;}
/* Navigation rechts */ /* Content-Haupttafel inklusive Navigation an der rechten Seite */
#content {background-color: rgba(242,248,248,1.0); width: 80%; border-top-left-radius: 27px; border-bottom-left-radius: 27px;}
/* Content-Haupttafel inklusive Navigation an der rechten Seite */ /* Haupttafel in der Mitte innerhalb von content */
.maintable {background-color: rgba(248,251,251,1.0); min-width: 220px; margin: 10px 10px 10px 10px; padding: 0px 0px 10px 10px; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
/* Haupttafel in der Mitte innerhalb von content */ /* Anzeige je nach Seitengröße */
.upto1280 {display: block;}
.from1281 {display: none;}
/* Anzeige je nach Seitengröße */ /* Rand (eines Bildes) */
.imgborder {border: 0px;}
/* Rand (eines Bildes) */ /* Fader unterhalb des Menues - 980px zu 400px */
#fader {margin: 0px 0px 0px 0px; position: relative; display: block;}
#fader h3 /* Textfeld im Faderbild */ {margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; background-color: rgba(255,255,255,0.5); z-index: 12; position: absolute; font-size: 0.8em; color: rgba(0,0,32,1.0); font-style: italic; font-weight: 400;}
#fader img {margin: 0px 0px 0px 0px; position: absolute; z-index: 11; width: 100%; max-width: 980px; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 25s;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
#faderPlatzHalter {margin: -41.50% 0px 0px 0px; position: relative; display: block;}
#faderPlatzHalter img {position: static; z-index: 10; width: 100%; max-height: 400px; background-repeat: no-repeat; background-position: center; border: 0px; background-color: transparent; background-size: contain;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
/* Fader unterhalb des Menues - 980px zu 400px */ /* Logo am Ende der Haupttafel - Drehende Spirale innerhalb von content */
.wendel {margin: 40px 0px 20px 0px; background-image: url(../pics/lwe.gif); background-repeat: no-repeat; background-position: right; width: 100%; height: 60px; border: 0px;}
/* Logo am Ende der Haupttafel - Drehende Spirale innerhalb von content */ /* Footer */
.footer {width: 100%; float: left;}
.footertable {margin: 10px 10px 0px 0px; min-width: 220px; height: 14px; line-height: 1.7em; text-align: center; font-size: 0.7em; color: rgba(128,128,128,1.0); font-style: normal; font-weight: 700;}
.footertable a:link {text-decoration: none; color: rgba(128,128,128,1.0);}
.footertable a:visited {text-decoration: none; color: rgba(128,128,128,1.0);}
.footertable a:hover {text-decoration: none; color: rgba(128,128,128,1.0);}
/* Footer */ /* Cookie Hinweis */
#cookie {z-index: 1000; position: fixed; top: 5px; left: 0; right: 0; background-color: rgba(235,245,245,1.0); width: 80%; min-width: 212px; max-width: 980px; margin: 0 auto; padding: 20px 20px 20px 20px; border: solid;}
#cookie a.button {cursor: pointer; background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 100%); /* W3C;*/ padding: 0px 15px 3px 15px; margin: 5px 20px 0px 20px; height: 20px; display: block; line-height: 22px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 1.0em; text-decoration: none; font-style: normal; font-weight: 700; float: right;}
#cookie a.button:hover {background-color: rgba(0,0,0,0.1); color: rgba(0,0,0,1.0);}
/* Cookie Hinweis */
/* ****************************************************************************************** */
@media (max-width: 420px) {
/* Hauptseite mit Content und Menue rechts (aside) */
#contandside {margin: -2px 0px 0px -10px;}
/* Hauptseite mit Content und Menue rechts (aside) */
}
/* ****************************************************************************************** */
@media (max-width: 750px) {
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */
body {width: 100%;}
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */
}
/* ****************************************************************************************** */
@media (max-width: 1220px) {/* ehemals 1280 */
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */
body {width: 80%; min-width: 240px; max-width: 1000px;}
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */ /* Content-Haupttafel inklusive Navigation an der rechten Seite */
#content {width: 100%;}
/* Content-Haupttafel inklusive Navigation an der rechten Seite */ /* Rand (einer Karte) */
.border {box-shadow: 7px -3px 7px rgba(0,0,0,0.7); border: 0px; background-color: rgba(242,248,248,1.0); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
/* Rand (einer Karte) */ /* FaderLeft und FaderRight ausschalten */
#faderLeft {display: none;}
#faderPlatzHalterLeft /* Abstand unten zum Text */ {margin: 0px 0px -383px 0px;}
#faderRight {display: none;}
#faderPlatzHalterRight {display: none;}
/* FaderLeft und FaderRight ausschalten */
}
/* ****************************************************************************************** */
@media (min-width: 1221px) {/* ehemals 1281 */
/* themeSwitcher */
:root {
/* Light (Default) */ --light-text: rgba(44,44,44,1.0); --light-bg: rgba(235,245,245,1.0); --light-maintablebg: rgba(248,251,251,1.0); --light-contandsidebg: rgba(242,248,248,1.0); /*--light-theme: #d34a97; */
/* Dark */ --dark-text: rgba(255,255,255,1.0); --dark-bg: rgba(0,0,144,1.0); --dark-maintablebg: rgba(0,0,144,1.0); --dark-contandsidebg: rgba(0,0,144,1.0); /*--dark-theme: #bd93f9; */
/* xyz label3 usw*/ --third-text: tomato; --third-bg: #f7f7f7; /*--third-theme: tomato; */
/* Default */ --text-color: var(--light-text); --bg-color: var(--light-bg); --maintablebg-color: var(--light-maintablebg); --contandsidebg-color: var(--light-contandsidebg); /*--switch-shadow-color: var(--light-switch-shadow); --switch-icon: var(--light-switch-icon); --switch-text: var(--light-switch-text); --theme-color: var(--light-theme);*/
}
/* Light (Default) */
#theme-switch1:checked ~ #page {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #contandside {--text-color: var(--light-text); --bg-color: var(--light-bg); --contandsidebg-color: var(--light-contandsidebg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #maintable {--text-color: var(--light-text); --bg-color: var(--light-bg); --maintablebg-color: var(--light-maintablebg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header01 {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header02 {--text-color: var(--light-text); background-color: rgba(235,245,245,1.0); /*--bg-color: var(--light-bg); --theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header03 {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header04 {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header05 {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #header06 {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
#theme-switch1:checked ~ #page #footer {--text-color: var(--light-text); --bg-color: var(--light-bg); /*--theme-color: var(--light-theme);*/}
/* dark */
#theme-switch2:checked ~ #page {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #contandside {--text-color: var(--dark-text); --bg-color: var(--dark-bg); --contandsidebg-color: var(--dark-contandsidebg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #maintable {--text-color: var(--dark-text); --bg-color: var(--dark-bg); --maintablebg-color: var(--dark-maintablebg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header01 {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header02 {--text-color: var(--dark-text); background-image: url(../pics/logoDarksite.png); background-repeat: no-repeat; background-position: top center; background-size: contain; background-color: rgba(0,0,144,1.0); /*--bg-color: var(--dark-bg); --theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header03 {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header04 {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header05 {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #header06 {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
#theme-switch2:checked ~ #page #footer {--text-color: var(--dark-text); --bg-color: var(--dark-bg); /*--theme-color: var(--dark-theme);*/}
/* xyz label3 usw - hier nicht definiert */
/* themeSwitcher Umschaltung */
#page {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #contandside {background: var(--contandsidebg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #maintable {background: var(--maintablebg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header01 {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header02 {background-image: url(../pics/logo.png); background-repeat: no-repeat; background-position: top center; background-size: contain; background-color: rgba(235,245,245,1.0); /*background: var(--bg-color);*/ color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header03 {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header04 {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header05 {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #header06 {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
#page #footer {background: var(--bg-color); color: var(--text-color); transition: color .3s, background-color .3s;}
/* themeSwitcher button/style */
.theme-switch {/* checkbox verbergen = position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);*/}
.switch-label1 {z-index: 100; position: fixed; background-image: repeating-radial-gradient(circle at center, rgba(242,248,248,1.0), rgba(242,248,248,1.0) 15px, rgba(250,187,0,1.0) 15px, rgba(250,187,0,1.0) 50px); /*background-color: rgba(250, 187, 0, 1.0); */ border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; display: inline-block; width: 50px; height: 50px; top: 20px; right: 50px;}
.switch-label2 {z-index: 100; position: fixed; background-image: repeating-radial-gradient(circle at center, rgba(0,0,144,1.0), rgba(0,0,144,1.0) 15px, rgba(250,187,0,1.0) 15px, rgba(250,187,0,1.0) 50px); /*background-color: rgba(250, 187, 0, 1.0); */ border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; display: inline-block; width: 50px; height: 50px; top: 20px; right: 150px;}
.switch-label3 {/*position: fixed; background-image: url(../pics/backbutton.png); background-repeat: no-repeat; background-position: center; background-color: rgba(250, 187, 0, 1.0); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; display: inline-block; width: 50px; height: 50px; top: 20px; right: 250px;*/}
.switch-label1:hover {background-image: repeating-radial-gradient(circle at center, rgba(242,248,248,1.0), rgba(242,248,248,1.0) 25px, rgba(250,187,0,1.0) 25px, rgba(250,187,0,1.0) 50px);}
.switch-label2:hover {background-image: repeating-radial-gradient(circle at center, rgba(0,0,144,1.0), rgba(0,0,144,1.0) 25px, rgba(250,187,0,1.0) 25px, rgba(250,187,0,1.0) 50px);}
.switch-label3:hover {/*box-shadow: 0 0 10px #20f1e7; border: 3px solid #20f1e7; border-radius: 5px;*/}
/* themeSwitcher */
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */
body {width: 100%;}
/* body - Gesamt ueber alles innerhalb des bodys - bis max-width als Zentrumshoechstgroesse */ /* Seitenhauptueberschrift h1 und Unterueberschrift Schluesselworte h2 und Artikelueberschrift h3 */
h1 {font-size: 2.5em;}
h2 {font-size: 2.0em;}
h3 /* Artikelueberschrift */ {padding: 0px 10px 0px 10px; font-size: 2.2em;}
p {font-size: 1.5em;}
strong {font-size: 1.5em;}
/* Seitenhauptueberschrift h1 und Unterueberschrift Schluesselworte h2 und Artikelueberschrift h3 */ /* feststehender Kopf, die Seite scrollt darunter */
#fixed {position: fixed; margin: 0px 0px 0px 0px; width: 100%; z-index: 90;}
/* feststehender Kopf, die Seite scrollt darunter */ /* zurueck-Button */
.backbutton {background-color: rgba(250, 187, 0, 1.0); width: 50px; height: 50px; bottom: 70px; right: 50px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
/* zurueck-Button */ /* Kopfzeilen innerhalb von Kopf */
.header01 {/*background-color: rgba(242,248,248,1.0);*/}
.header02 {/*background-color: rgba(242,248,248,1.0);*/}
.header03 /* text facebook */ {/*background-color: rgba(242,248,248,1.0);*/ height: 17px;}
.header04 {/*background-color: rgba(242,248,248,1.0);*/ height: 23px;}
.header05 {height: 46px;}
.header06 {/*background-color: rgba(248,251,251,1.0);*/ height: 30px;}
/* Kopfzeilen innerhalb von Kopf */ /* Hauptseite mit Content und Menue rechts (aside) */
#contandside {padding-top: 159px; position:static; /*background-color: rgba(242,248,248,1.0);*/ width: 80%; min-width: 265px; float: none; margin: 0 auto;}
/* Hauptseite mit Content und Menue rechts (aside) */ /* Menue rechts im aside */
.menuright {display: none;}
/* Menue rechts im aside */ /* Anzeige je nach Seitengröße */
.upto1280 {display: none;}
.from1281 {display: block;}
/* Anzeige je nach Seitengröße */ /* Content-Haupttafel inklusive Navigation an der rechten Seite */
#content {background-color: transparent; width: 80%; min-width: 212px; max-width: 980px; margin: 0 auto;}
/* Content-Haupttafel inklusive Navigation an der rechten Seite */ /* FaderLeft unterhalb des Menues - 980px zu 400px */
#faderLeft {margin: 0px 0px 0px 0px; position: relative; display: block;}
#faderLeft h3 /* Textfeld im Faderbild */ {margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; background-color: rgba(255,255,255,0.5); z-index: 12; position: absolute; font-size: 0.8em; color: rgba(0,0,32,1.0); font-style: italic; font-weight: 400;}
#faderLeft img {margin: 0px 0px 0px -100%; position: absolute; z-index: 11; width: 100%; max-width: 980px; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 25s;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
#faderPlatzHalterLeft {margin: 0px 0px 27px 0px; position: relative; display: block;}
#faderPlatzHalterLeft img {position: static; z-index: 10; width: 100%; max-height: 400px; background-repeat: no-repeat; background-position: center; border: 0px; background-color: transparent; background-size: contain;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
/* FaderLeft unterhalb des Menues - 980px zu 400px */ /* FaderRight unterhalb des Menues - 980px zu 400px */
#faderRight {margin: 0px 0px 0px 0px; position: relative; display: block;}
#faderRight h3 /* Textfeld im Faderbild */ {margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; background-color: rgba(255,255,255,0.5); z-index: 12; position: absolute; font-size: 0.8em; color: rgba(0,0,32,1.0); font-style: italic; font-weight: 400;}
#faderRight img {margin: 0px 0px 0px 100%; position: absolute; z-index: 11; width: 100%; max-width: 980px; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 25s;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
#faderPlatzHalterRight {margin: -41.50% 0px 0px 0px; position: relative; display: block;}
#faderPlatzHalterRight img {position: static; z-index: 10; width: 100%; max-height: 400px; background-repeat: no-repeat; background-position: center; border: 0px; background-color: transparent; background-size: contain;}
/* Platzhalter fuer den Fader unterhalb des Menues, damit "background-size: contain;" auch fuer den Text im Bild eingehalten wird */
/* FaderRight unterhalb des Menues - 980px zu 400px */
}