:root {
--backgroundL:#000000;
--backgroundS:#000000;
--backgroundLi1:#27292b;/* Graphitschwarz RAL 9011 */
--backgroundLi2:#27292b;/* Graphitschwarz RAL 9011 */
--backgroundLi3:#27292b;/* Graphitschwarz RAL 9011 */
--backgroundInnerLink:#27292b;/* Graphitschwarz RAL 9011 */
--fontColor:#c8c8c7;/* Telegrau 4 RAL 7047 */
--fontColorDark:#7f868a;/* Telegrau 2 RAL 7046 */
--fontColorHover:#f0f1ea;/* Verkehrsweiss RAL 9016 */
--fontColorInnerLink:#c8c8c7;/* Telegrau 4 RAL 7047 */
--backgroundAFoot:#27292b;/* Graphitschwarz RAL 9011 */
--backgroundAHover:#767b7b;/* Perldunkelgrau RAL 9023 */
--bckgrndBrdr:#27292b;/* Graphitschwarz RAL 9011 */
scrollbar-width:thin;
scrollbar-color:#767b7b #000000; 
}


/*----------------------
  Bildschirmformatierung
  ----------------------*/
html{height:100%;}
body{box-sizing:border-box;max-width:100%;height:100%;margin:0;padding:0 5px;border:none;font-family:"bahnschrift light", "futura lt", "calibri", "arial";color:var(--fontColor);overflow:hidden;}

p {margin:0;border:none;padding:0;}
p.pCap {font-size:1.5rem;text-align:left;margin-top:1.4rem;margin-bottom:0.3rem;}
p.pText {font-size:1.1rem;color:var(--fontColorDark);text-align:left;margin-bottom:0.2rem;}
p.pTextImp{font-size:1.1rem;color:var(--fontColorDark);line-height:1.4;text-align:left;padding:1rem 0 0.2rem 0;}
.nrForm {font-size:calc(100% - 1px);}


/*------------
  Medienweiche
  ------------*/
@media (max-device-width:1279px)
{body {background-color:var(--backgroundS);font-size:160%;}
.grid{display:grid;gap:0em;grid-template-columns:30% 70%;grid-template-rows:25px calc(68% - 75px) 32% 50px;
 grid-template-areas:"header header" "nav main" "nav aside" "footer footer";background-color:var(--backgroundS);height:100%;}
.grid-text{display:grid;gap:0em;grid-template-columns:30% 70%;grid-template-rows:25px calc(100% - 75px) 50px;grid-template-areas:"header header" "nav main" "footer footer";background-color:var(--backgroundS);height:100%;}
.grid-basic-011{display:grid;gap:0em;grid-template-columns:20% 60% 20%;grid-template-rows:calc(100% - 50px) 50px;grid-template-areas:"nav main aside" "footer footer footer";background-color:var(--backgroundS);height:100%;}

.gridAreaNav{grid-area:nav;box-sizing:border-box;height:100%;display:flex;padding:0 0 12px 0;border-right:3px solid var(--bckgrndBrdr);border-bottom:3px solid var(--bckgrndBrdr);}
.gridAreaNavHeader{box-sizing:border-box;height:40px;display:flex;margin:0 1px;padding:0 5.5%;min-width:100%;font-size:100%;color:var(--fontColorDark);line-height:0.8;align-items:start;justify-content:left;overflow:auto;}
.gridAreaNavSelection{box-sizing:border-box;height:calc(100% - 40px);display:flex;padding:0 5% 0 4%;margin-right:3%;min-width:97%;flex-flow:row wrap;overflow:auto;justify-content:flex-start;align-content:flex-start;align-items:flex-start;}
.gridAreaAside{grid-area:aside;box-sizing:border-box;height:100%;display:flex;padding:0 0 12px 0;border-bottom:3px solid var(--bckgrndBrdr);}
.gridAreaAsdHeader{box-sizing:border-box;height:50px;display:flex;padding:0 15px;width:100%;font-size:83%;align-items:center;overflow:auto;}
.gridAreaAsdSelection{box-sizing:border-box;height:calc(100% - 50px);display:flex;padding:0 8px;width:100%;flex-flow:row wrap;overflow:auto;justify-content:start;align-content:flex-start;align-items:center;}
.gridBasic011AreaMain{grid-area:main;box-sizing:border-box;height:100%;display:flex;padding:0 0 12px 0;}
.gridTextAreaMain{grid-area:main;box-sizing:border-box;height:100%;display:flex;}

#thema {box-sizing:border-box;height:100%;min-width:100%;padding:0;border:none;overflow:hidden;}
#bildauswahl {box-sizing:border-box;height:100%;padding:0 0.5%;justify-content:space-between;align-content:flex-start;align-items:center;overflow:hidden;}
#bildbereich {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;padding:0 2% 12px 2%;text-align:center;justify-content:center;overflow-y:auto;border-bottom:3px solid var(--bckgrndBrdr);}
#bildbereich011 {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;padding:0 2% 16px 2%;text-align:center;overflow-y:auto;border-bottom:3px solid var(--bckgrndBrdr);}
#bildbereichText {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;padding:0 2% 16px 2%;text-align:center;overflow-y:auto;border-bottom:3px solid var(--bckgrndBrdr);}
#bild {box-sizing:border-box;padding:0 16px;text-align:left;overflow:auto;}
#fussleiste{grid-area:footer;box-sizing:border-box;width:100%;display:flex;border:none;align-items:center;justify-content:space-between;margin:0;padding:0 0.6%;line-height:100%;text-align:center;overflow:auto;}

span.vanish {opacity:0.0;}
.pt50 {padding-top:0px;max-width:800px;}
.pt75 {padding-top:0px;max-width:800px;}
.pt100 {padding-top:0px;max-width:800px;}
li.ol1 {padding-top:0.5em;list-style-type:decimal;background-color:var(--backgroundS);font-size:67%;line-height:1.5;text-align:left;}
div.dSelect {box-sizing:border-box;display:flex;width:100%;text-align:right;font-size:83%;padding:0 4px;margin-top:12px;align-items:center;justify-content:left;color:var(--fontColorDark);overflow:auto;}
}

@media (min-device-width:1280px)
{body {background-color:var(--backgroundL);font-size:120%;}
.grid{display:grid;gap:0em;grid-template-columns:21% 58% 21%;grid-template-rows:25px calc(100% - 75px) 50px;grid-template-areas:"header header header" "nav main aside" "footer footer footer";background-color:var(--backgroundL);height:100%;}
.grid-text{display:grid;gap:0em;grid-template-columns:21% 58% 21%;grid-template-rows:25px calc(100% - 75px) 50px;grid-template-areas:"header header header" "nav main aside" "footer footer footer";background-color:var(--backgroundL);height:100%;}
.grid-lit{display:grid;gap:0em;grid-template-columns:21% 58% 21%;grid-template-rows:25px calc(100% - 75px) 50px;grid-template-areas:"header header header" "nav main aside" "footer footer footer";background-color:var(--backgroundL);height:100%;}
.grid-basic-011{display:grid;gap:0em;grid-template-columns:30% 40% 30%;grid-template-rows:calc(100% - 50px) 50px;grid-template-areas:"nav main aside" "footer footer footer";background-color:var(--backgroundL);height:100%;}

.gridAreaNav{grid-area:nav;box-sizing:border-box;height:100%;display:flex;}
.gridAreaNavHeader{box-sizing:border-box;height:50px;display:flex;margin:0 1px;padding:0 5.5%;width:100%;font-size:100%;color:var(--fontColorDark);align-items:center;justify-content:left;overflow:auto;}
.gridAreaNavSelection{box-sizing:border-box;height:calc(100% - 50px);display:flex;padding:0 4% 0 4%;margin-right:40%;min-width:60%;flex-flow:row wrap;overflow:auto;justify-content:flex-start;align-content:flex-start;align-items:flex-start;}
.gridAreaAside{grid-area:aside;box-sizing:border-box;height:100%;display:flex;}
.gridAreaAsdHeader{box-sizing:border-box;height:50px;display:flex;padding-right:4.5%;;width:100%;font-size:100%;align-items:center;justify-content:right;overflow:auto;}
.gridAreaAsdSelection{box-sizing:border-box;height:calc(100% - 50px);display:flex;padding-right:4%;width:100%;flex-flow:row wrap;overflow:auto;justify-content:flex-end;align-content:flex-start;align-items:center;}
.gridBasic011AreaMain{grid-area:main;box-sizing:border-box;height:100%;display:flex;}

#thema {box-sizing:border-box;height:100%;min-width:100%;padding:0;border:none;overflow:hidden;}
#bildauswahl {box-sizing:border-box;display:flex;flex-flow:row wrap;width:100%;margin:0;border:none;padding:0 2.5%;overflow:hidden;}
#bildbereich {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;padding:0 2%;text-align:center;justify-content:center;overflow:auto;}
#bildbereich011 {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;text-align:center;overflow:auto;}
#bildbereichText {box-sizing:border-box;height:100%;display:flex;margin:0;border:none;text-align:center;overflow:auto;}
#bild {box-sizing:border-box;padding:0 16px;text-align:left;overflow:auto;}
#fussleiste {grid-area:footer;box-sizing:border-box;width:100%;display:flex;border:none;align-items:center;justify-content:space-between;margin:0;padding:0 0.6%;line-height:100%;text-align:center;overflow:auto;}

span.vanish {opacity:0.0;}
.pt50 {padding-top:90px;max-width:1000px;}
.pt75 {padding-top:115px;max-width:1000px;}
.pt100 {padding-top:140px;max-width:1000px;}
li.ol1 {padding-top:0.5em;list-style-type:decimal;background-color:var(--backgroundL);font-size:67%;line-height:1.5;}
div.dSelect {box-sizing:border-box;display:flex;width:100%;text-align:right;font-size:92%;margin-top:12px;padding:0 4px;align-items:center;justify-content:right;color:var(--fontColorDark);overflow:auto;}
}


/*---------------------------
  Box-Modell als Frame-Ersatz
  ---------------------------*/
#titel {grid-area:header;box-sizing:border-box;width:100%;padding:0;border:none;margin:0;overflow:hidden;}


/*-------------------------
  Fullscreen für Startseite
  -------------------------*/
.gridFullScreen {display:grid;gap:0em;grid-template-columns:100%;grid-template-rows:calc(100% - 50px) 50px;grid-template-areas:"main" "footer";background-color:var(--backgroundS);height:100%;}
#fscreen {box-sizing:border-box;height:100%;margin:0;border:none;padding:0;vertical-align:top;overflow-y:auto;}


/*------------------------
  Fullscreen für Verteiler
  ------------------------*/
#fscreenVert {box-sizing:border-box;display:flex;flex-flow:nowrap;position:relative;top:0px;width:100%;margin:0;border:none;padding:0;overflow:auto;}


/*-------------------------
  Blockelemente formatieren
  -------------------------*/
div {margin:0;padding:0;border:none;font-size:100%;line-height:1.1;}
div.gross {text-align:left;font-size:134%;}
div.mittel {text-align:left;font-size:100%;}
div.between {box-sizing:border-box;padding:0 4% 0 0;text-align:right;font-size: 83%;line-height:1.4;}
div.klein {text-align:left;font-size: 67%;}
div.dursch {line-height:2px;font-size:5%;overflow:hidden;}
div.dur025 {line-height:1px;font-size:0.25%;overflow:hidden;}
div.right {font-size:83%;line-height:1.4;text-align:right;}
div.vert {box-sizing:border-box;max-width:80%;margin:0 auto;display:flex;flex-flow:nowrap;justify-content:space-between;align-content:center;align-items:center;overflow:hidden;}
div.vert a {filter:grayscale(1.0);}
div.vert a:hover{filter:grayscale(0.0);}
div.footer{grid-area:footer;display:flex;height:100%;line-height:50px;align-items:center;justify-content:center;}


/*------------------
  Absatzformatierung
  ------------------*/
p {text-align:center;/*font-size:100%;*/}
p.left {text-align:left;font-size: 83%;line-height:150%;padding-bottom:8px;}
p.gross {text-align:left;font-size:134%;}
p.mittel {text-align:center;font-size:100%;line-height:150%;padding-bottom:16px;}
p.caps {text-align:center;font-size: 92%;}
p.klein {text-align:center;font-size: 67%;}
p.winzig {text-align:center;font-size: 50%;}
p.center {text-align:center;font-size: 67%;}
p.imgtitle {margin-bottom:0px;margin-top:15px;text-align:center;font-size:75%;line-height:1.4;}
p.pImgCap {text-align:left;}
p.pPS {text-align:left;margin-top:4px;color:var(--fontColorDark);}

/*----------------
  Textformatierung
  ----------------*/
em {font-weight:bold;font-style:normal;}


/*-------------------
  Inline-Formatierung
  -------------------*/
span.underline {text-decoration:underline;}
span.klein {text-align:center;}


/*-----------------------
  Abbildungs-Formatierung
  -----------------------*/
img {margin:0;border:none;padding:0;vertical-align:middle;}
img.icon {width:12px;height:auto;margin-right:5px;margin-bottom:4px;}
figure {box-sizing:border-box;margin:0px auto 0px auto;border:none;padding:0;overflow:visible;}
figure img {box-sizing:border-box;margin:0px auto;border:none;padding:0;max-width:100%;vertical-align:top;display:block;overflow:visible;}
figure.vert {box-sizing:border-box;margin:0;border:none;padding:0;width:100%;height:auto;vertical-align:middle;display:block;overflow:hidden;}
figcaption {box-sizing:border-box;margin:0px auto 0px auto;border:none;padding-top:18px;text-align:center;font-size:75%;line-height:1.4;display:block;}
figcaption.header {box-sizing:border-box;margin:0;border:none;padding:0;max-width:100%;text-align:center;font-size:167%;line-height:1.5;display:block;}


/*-------------------------
  Formatierung der Schalter
  -------------------------*/
figure.s32x {box-sizing:border-box;margin:1px;border:none;padding:12px 5px 12px 5px;width:106px;vertical-align:middle;display:inline-block;}


/*--------------------
  Tabellenformatierung
  --------------------*/
table {width:100%;padding:0px;font-size:100%;}
table.klein {font-size:83%;}


/*----------------------------------
  Formatierung in Navigationsleisten
  ----------------------------------*/
a {box-sizing:border-box;text-decoration:none;color:var(--fontColor);border:none;}
a.aFoot {margin:1px;border:none;padding:4px;text-decoration:none;color:var(--fontColorDark);background-color:var(--backgroundAFoot);}
a:active {color:var(--fontColor);}
a.aFoot:active {color:var(--fontColorDark);}
a.aFoot:hover {background-color:var(--backgroundAHover);color:var(--fontColorHover);}
a.iLink {box-sizing:border-box;padding:0px 3px 0px 3px;color:var(--fontColorInnerLink);background-color:var(--backgroundInnerLink);}
a em {font-style:normal;color:red;}
a.asdHdr {color:var(--fontColorDark);}
li > a {display:block;border:none;padding:6px 2.5%;} /* 1px Margin fuer Markierung bei Tastenbedienung */
li > a:hover{background-color:var(--backgroundAHover);color:var(--fontColorHover);}


/*----------------------------
  Formatierung in Ueberschrift
  ----------------------------*/
h1 {margin:0;padding:0;border:none;text-align:left;font-size:180%;line-height:1.0;font-weight:normal;overflow:hidden;}
h2 {margin:0;padding:0;border:none;text-align:left;font-size:160%;line-height:1.4;font-weight:normal;overflow:hidden;}


/*-------------------------------
  Formatierung in Listenelementen
  -------------------------------*/
ul {box-sizing:border-box;margin:1px 0px;border:none;}
ul.ul1 {margin:1px 0px;padding:0;border:none;width:100%;font-size:140%;line-height:1.2;list-style-type:none;}
ul.ul2 {margin:1px 0px;padding:0;border:none;list-style-type:none;list-style-position:outside;font-size:70%;line-height:1.2;}
ul.ul3 {margin:1px 0px;padding:0;border:none;list-style-type:none;list-style-position:outside;font-size:80%;line-height:1.2;}

ol {margin:0;padding:0 0 0 30px;border:none;list-style-position:outside;font-size:140%;line-height:1.5;}

li {box-sizing:border-box;background-color:var(--backgroundLi1);margin:1px 0px;border:none;}
li.li1 {margin-top:16px;}
li.li2 {margin-top:6px;}
li.li3 {margin-top:3px;}

#pLeft {float:left;margin:0;width:38%;line-height:2.0;text-align:left;font-size:67%;color:var(--fontColorDark);border:none;}
#pCenter {margin:0;width:24%;line-height:1.0;text-align:center;font-size:67%;color:var(--fontColorDark);border:none;}
#pRight {float:right;margin:0;width:38%;line-height:1.0;text-align:right;font-size:67%;color:var(--fontColorDark);border:none;}