body {
// set size & stop image repetition
font-family:
-apple-system,        /** Safari for OS X and iOS (San Francisco) **/
BlinkMacSystemFont,   /** Chrome < 56 for OS X (San Francisco) **/
"Segoe UI",           /** Windows **/
Roboto,               /** Android **/
"Helvetica Neue",     /** Basic web fallback **/
Arial,
sans-serif;
background-color: black;
}
/************LINKS - STANDART******************/
a:link {
font-weight: normal;
color: black;
text-decoration: none;
}
a:visited {
text-decoration:none;
color: #232121;
}
a:active {
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#b52c00;
}
ul {
list-style-type: none;
margin-top:0px;
text-align: center;
padding: 0px;
overflow: auto;
position: fixed;
z-index: 1;
font-size:1.0em;
top: 0;
}
ol.inh {
	list-style-type: num; 
	counter-reset: num;
	margin: 4px 0 0 20px;
	padding: -33px 0 5px 0;
	font-size: 16px;
}
ol li.inh {
	position: relative;	
		display:box;
	margin: 0px 0px 0px 22px;
		font-size: 140px;
	padding: 0 0 10px 0;
}
ol.index {
	list-style-type: num; 
	counter-reset: num;
	margin: 4px 0px 0px 20px;
	padding: 0px 0px 5px 22px;
	font-size: 16px;
}
ol li.index {
	position: relative;	
		display:box;
	margin: 0px 0px 0px 22px;
		font-size: 140px;
	padding: 0 0 10px 0;
}
ol {
display:grid;
list-style-type: decimal;
font-size:14px;
font-style:bold;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 11px 2px 22px;
}
li a {
font-weight:400;
color: white;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
ul1 {
list-style-type: none;
margin-top:0px;
text-align: center;
width: 888px;
padding: 0px;
overflow: auto;
position: fixed;
z-index: 1;
font-size:1.0em;
margin-top: -32px;
margin-bottom: 111px;
}
/** größere monitore **/
li  {
float: left;
margin: 4px 0px 4px 0px;
padding: 1px 11px 0px -11px;
text-indent: 0px;
font-family: Arial, Helvetica, sans-serif;
}
li a {
display: inline-block;
text-align: left;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
li a:hover {
display: inline-block;
text-align: left;
text-decoration: none;
}
/***********navigation - hintergrundfarben************/
a.active_news {
background: #246377;
color: white;
padding: 8px;
margin: 0px 1px 1px 1px;
border: 1px solid white;
border-radius: 1px;
font-size: 12px;
font-style:italic;
letter-spacing:2.3px;
text-align: center;}
a.active0 {
background: #043a4b;
color: #ffffff;
padding: 8px;
margin: 0px 1px 1px 1px;
border: 1px solid white;
border-radius: 1px;
font-size: 12px;
letter-spacing:2.3px;
text-align: center;
}
a.active_blue {
background: #FF6F00;
color: #ffffff;
padding: 8px;
margin: 0px 1px 1px 1px;
border: 1px solid white;
border-radius: 1px;
font-size: 12px;
letter-spacing:2.3px;
text-align: center;
}
a.active0: hover {
background: yellow;;
color: #ffffff;
padding: 8px;
margin: 0px 1px 1px 1px;
border: 1px solid #323233;
border-radius: 4px;
font-size: 12px;
letter-spacing:2.3px;
text-align: center;
}
#div1
{
width:100%;height:100%;
background-color:#efefef;
border:1px solid #ff0000;
}
/** anpassung von text right - kleinere monitore **/
@media only screen and (max-width: 980px) {
body {margin:0; background:white;}
a:link {
font-weight: normal;
color: black;}
a:visited {
font-weight: normal;
color: grey;}
ol {
display: grid;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-style:bold;
margin: 0px 11px 4px 34px;
padding: 11px 11px 11px 22px;
}
li a{
text-align: left;
font-weight:400;
color: white;
font-size:34px;
margin: 0px 2px 0px 0px;
text-decoration: none;
}
ol.inh {
	list-style-type: num; 
	counter-reset: num;
	margin: -11px 0px 0px 32px;
	padding: 15px 0px 5px -22px;
	font-size: 12px;
}
ol li.inh {
	position: relative;	
		display:box;
	margin: 22px 0px 0px 0px;
		font-size: 140px;
	padding: 0px 0px 10px 0px;
}
ol.index {
	list-style-type: num; 
	counter-reset: num;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 5px 22px;
	font-size: 16px;
}
ol li.index {
	position: relative;	
		display:box;
	margin: 0px 0px 0px 0px;
		font-size: 140px;
	padding: 0 0 10px 0;
}
a.active_news {
background: #246377;
color: #ffffff;
padding: 10px 14px 10px 14px;
margin: 3px 12px 3px 12px;
border: 1px solid #888888;
border-radius: 0px;
font-size: 28.6px;
font-style:italic;
letter-spacing:4.6px;}
a.active0 {
background: #033545;
color: #ffffff;
padding: 10px 10px 10px 10px;
margin: 3px 2px 3px 2px;
border: 1px solid #888888;
border-radius: 0px;
font-size: 28.6px;
letter-spacing:4.6px;
}
a.active_blue {
background: #FF6F00;
color: white;
padding: 10px 10px 10px 10px;
margin: 3px 2px 3px 2px;
border: 1px solid #888888;
border-radius: 0px;
font-size: 28.6px;
letter-spacing:4.6px;
}
a.active_red:link {
display: box;
text-align: left;
font-weight:400;
color: white;
font-size:34px;
margin: 4px 4px 4px 4px;
padding: 11px;
text-decoration: none;
}
#div1
{
width:844px;height:100%;
background-color:#efefef;
border:1px solid #ff0000;
}
}
/** größere monitore **/
/** größere monitore **/
.text_long{
background-color: white;
justify-content: center;
vertical-align: top;
line-height: 24px;
width:442px;
padding: 0px 8px 0px 0px;
height: auto;
margin: 0px 0px 0px 0px;
}
.feedback-input {
color:white;
font-weight:500;
font-size: 16px;
border-radius: 5px;
line-height: 22px;
background-color:black;
border:2px solid blue;
transition: all 0.3s;
padding: 13px;
margin-bottom: 15px;
width:100%;
box-sizing: border-box;
outline:0;
}
.feedback-input:focus { border:2px solid #CC4949; }
textarea {
height: 150px;
line-height: 150%;
resize:vertical;
}
[type="submit"] {
width: 100%;
background:blue;
border-radius:5px;
border:0;
cursor:pointer;
color:white;
font-size:14px;
font-weight: 444;
padding-top:10px;
padding-bottom:10px;
transition: all 0.3s;
margin-top:-4px;}
[type="submit"]:hover { background:grey; }
/*KLEINE FORMMAIL*/
@media only screen and (max-width: 980px){
h6.bibel {padding:11px 22px 11px 22px;  font-size: 22px; border-radius: 7px;margin: 11px 36px 11px 32px;  line-height: 27px; background:white  ; color:black; font-weight: 499; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 0.7px; list-style-type: none; }
.feedback-input {
color:white;
font-weight:500;
font-size: 44px;
border-radius: 5px;
line-height: 44px;
background-color:black;
border:2px solid blue;
transition: all 0.3s;
padding: 12px;
margin-bottom: 15px;
width:100%;
box-sizing: border-box;
outline:0;
}
.feedback-input:focus { border:2px solid #CC4949; }
textarea {
height: 477px;
line-height: 130%;
resize:vertical;
}
[type="submit"] {
width: 100%;
background:blue;
border-radius:5px;
border:0;
cursor:pointer;
color:white;
font-size:34.44px;
font-weight: 444;
padding-top:22px;
padding-bottom:22px;
transition: all 0.3s;
margin-top:-4px;}
[type="submit"]:hover { background:grey; }}
p.c2a {font-size: 15px;   margin: 11px 0px 0px 11px; line-height: 22px; color: #3333ff; font-weight: 499; letter-spacing: 0.6px; orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2;  }
.button {
background-color: #4CAF50;
border: none;
font-size: 14px;
padding: 11px 11px 11px 37px;
text-align: left;
text-decoration: none;
display:grid;
cursor: pointer;}
}
/*GROSSE SCHRIFTEN*/
p.par{font-size:17px; padding: 6px 11px 0px 22px; color: #065f7b; margin: 22px 11px 0px 22px; letter-spacing:3px; list-item:none;}
p.c3 {margin: 11px 11px 11px 11px; padding: 1px 44px 1px 11px; line-height: 25px; color: #5e452d; font-family: proxima-nova,Helvetica,Arial,sans-serif; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255); }
p.c1 {color:#ef4623; font-weight:501; letter-spacing: 1.2px; margin: 22px 22px 11px 26px; font-size: 21.7px;  line-height: normal; font-family:  italic small-caps bold 16px/2 cursive; }
p.c1l {color: #003398;  font-size: 13.7px; margin: 8px 2px 0px 11px; padding: 11px 11px 0px 11px; text-align: left; font-weight:300; line-height: 24px;  font-style: normal; word-spacing: 0.7px; letter-spacing: 1.1px; text-indent: 0px;}
p.c1_s {color:blue;  text-align:center; font-weight:501; letter-spacing: 1.5px; margin: 22px 11px 11px 11px; font-size: 21.7px;  line-height: 22px; font-family: system-ui; }
p.iframe {padding: 4px 0px 4px 0px; color:white; margin:-4px 0px -2px 0px; line-height:11px;  letter-spacing: 1.2px; wide: 100%; word-spacing: 0.1px;}
p.c1b {font-size: 15.7px; margin: 11px 22px -8px 26px;font-weight: 223; padding: 0px 0px -22px 11px; line-height:22px;}
p.c7 {color:#ef6103;  font-weight:401;   letter-spacing: 0.1px; margin: 22px 11px 11px 11px; padding: 55px 22px 11px -11px;  font-size: 18.7px;  line-height: 26px; font-family: system-ui;  }
p.c1b {font-size: 15.7px; margin: 11px 22px 18px 26px;font-weight: 223; padding: 0px 0px 0px 11px;}
p.c2s {font-size: 1.11em; line-height: 20px; color: #5e452d ; letter-spacing: 1.0px; margin: 4px 6px 2px 40px; padding-left:20px; font-weight: 400;   orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2;   text-indent: -26px; font-family: proxima-nova,Helvetica,Arial,sans-serif;}
p.c2u {font-size: 12.9px; line-height: 19px; color: #000032; letter-spacing: 0.8px; margin: 11px 22px 11px 11px; padding-left:20px;   font-weight: 499;     text-transform: none; white-space: normal;   text-indent: 0px; }
p.c1sm {color:black;  font-weight:500;   letter-spacing: 1.9px; margin: 52px 22px 4px 22px; padding: 0px 22px 0px 22px; align: center; font-size: 119px;  line-height: 23px; }
p.c1s  { margin: 6px 11px 18px 27px;  border-left: 2px solid #000000; padding: 0px 11px 0px 11px; word-spacing: 0px; color:#383839; font-size: 1.15em;   letter-spacing: 0.34px; font-weight: 400;  orphans: 2; text-align: left;  text-indent: 0px; max-width: 477px;  font:"Fira Sans", sans-serif; line-height: 24px;}
p.c2   { margin: 6px 11px 18px 27px;  padding: 0px 11px 0px 11px; word-spacing: 0px; color:#383839; font-size: 1.15em;   letter-spacing: 0.34px; font-weight: 400;  orphans: 2; text-align: left;  text-indent: 0px; max-width: 477px;  font: "Fira Sans", sans-serif; line-height: 24px;}
p.c1ss  { margin: -4px 11px 24px 27px;  padding: 0px 11px 0px 11px; word-spacing: 0px; color:#0D47A1; font-size: 11.4px;   letter-spacing: 0.2px; font-weight: 400;  orphans: 2; text-align: left;  text-indent: 0px;   line-height: 33px;}
p.c2ss { margin: 14px 11px 14px 27px;  padding: 0px 0px 0px 11px; word-spacing: 0px; color:#5e452d; font-size: 14.4px;   letter-spacing: 0.4px; font-weight: 400;  orphans: 2; text-align: left;  text-indent: 0px; max-width: 877px;  line-height: 23px;}
p.c2::first-letter {
background-color: white;
font-weight: 600;
letter-spacing: 1px;
font-size: 100%;
}
p.c1s::first-letter {
background-color: white;
font-weight: 600;
letter-spacing: 1px;
font-size: 100%;
}
p.c2l {font-size: 14.3px; text-align: left; vertical-align:top; color: #624c1e; margin: 0px 32px 11px 28px; padding: 0px px 0px 22px; line-height: 22px; letter-spacing: 0.7px; word-spacing: 1.1px;}
p.c2b {font-size: 14.3px; text-align: left; vertical-align:top; color: blue; margin: 0px 32px 11px 28px; padding: 0px px 0px 22px; line-height: 22px; letter-spacing: 0.7px; word-spacing: 1.1px;}
p {margin: 0px 11px 34px 11px; padding: 0px 11px 0px 11px; color: rgb(33, 37, 41); font-family: proxima-nova,Helvetica,Arial,sans-serif;  font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; white-space: normal;  word-spacing: 0px; line-height: 11px; font-size: 16,5px; background-color: rgb(255, 255, 255);}
p.dn { line-height: 18px; margin: 27px 0px 2px 32px; padding: 0px 18px 0px 11px;  font-size: 15.6px;  color: black; font-family: Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.9px; orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2; background-color: wite;}
p.b2 {padding: 22px 0px 0px 0px; margin:11px 0px 0px 0px; color: red; line-height: 26px; font-family: proxima-nova,Helvetica,Arial,sans-serif; font-size: 19px; font-style: normal; font-weight:445; letter-spacing: normal;  text-align: left; text-indent: 33px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);}
h1{background:#3173d2; font-size: 18px; letter-spacing:0px;   padding: 0px 11px 0px 11px; line-height: 26px; font-weight: 444;  margin: 4px 11px 4px 2px; word-spacing:2px;	display: grid;}
h1.g {background: #1d2d44;   letter-spacing:0px;   padding: 0px 11px 0px 0px; line-height: 26px; font-weight: 444;  margin:2px 0px 2px 0px; word-spacing:2px;font-family: Arial, Helvetica, sans-serif; display: grid;}
h1.t { background:#034052;    letter-spacing:0px;   padding: 0px 11px 0px 0px; line-height: 26px; font-weight: 444;  margin:2px 0px 2px 0px; word-spacing:2px;	display: grid; font-family: Arial, Helvetica, sans-serif;}
h1.hb {background: #748cab;   text-align:center; letter-spacing:0px;   padding: 0px 11px 0px 0px; line-height: 26px; font-weight: 444;  margin: 2px 0px 4px 0px; word-spacing:2px;   font-family: Arial, Helvetica, sans-serif;	}
h1.bline { background: #112424;  font-size: 18px; letter-spacing:0px;   padding: 0px 11px 0px 0px; line-height: 26px; font-weight: 444;  margin: 4px 4px 4px 0px; text-align:center;word-spacing:2px;	display: grid;}
h1.tr { background:#065F7B; margin: 4px 4px 4px 0px; padding: 0px 11px 0px 0px;   }
h1.tg { background:#6dca5b; margin: 4px 4px 4px 0px; padding: 0px 11px 0px 0px;  }
h1.x { margin: -28px 0px 8px 0px;  font-size: 16px; color: #ff6700; font-stretch: expanded; font-weight: 499;   background: none; text-align: right;  white-space: normal;  word-spacing: 2px; letter-spacing:0.7px; }
h1.e{ background: rgb(2,0,36); background: white; font-size: 18px; letter-spacing:0px;   padding: 0px 11px 0px 11px; line-height: 26px; font-weight: 444;  margin: 11px 11px 4px 2px; word-spacing:2px;	display: grid;}
h1.h {border: 0px none ; margin: 0px; padding: 10px 77px 11px 84px; text-shadow: none; font-stretch: inherit; line-height: 1.2;  font-size: 17px; font-style: normal; font-weight: normal; outline-color: invert; outline-style: none; outline-width: 0px; vertical-align: baseline; color: maroon; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);}
h1.hinweis { color:black; font-size: 19px; font-weight:444 letter-spacing:1px;   padding: 0px 11px 0px 38px; line-height:23px; font-weight: 444; text-shadow: 1px 1px grey; margin: 18px 8px 18px  0px; word-spacing:2px;
box-shadow: inset 36px 0 0 hsla(90,50%,40%,0.4),
inset -16px 0 0 hsla(300,50%,60%,0.2),
inset 0 -1px 0 #cf0000;}
h2 { margin: 0px 0px 8px 0px;  font-size: 32px; line-height: 34px; color: red; font-stretch: expanded; font-weight: 499; font-style: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 4px; letter-spacing:1.1px;}
h2.b { margin: -22px 0px 8px 0px; font-size: 32px; line-height: 27px; padding-bottom:8px;}
h2.gal { font-size: 15px;line-height: 22px; margin: 0px 22px 0px 4px; padding: 0px 8px 8px 11px; text-shadow: none; color: rgb(56, 56, 56);  font-style: normal; font-weight: 400;letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);  float: none;}
h2.jwa { font-size: 15px;line-height: 17px; width: 80%; border-top-width: 0px;  border-bottom-width: 0px; border-right-width: 0px;  margin: 0px 22px 0px 22px; padding: 0px 22px 8px 22px; text-shadow: none; color: rgb(56, 56, 56);  font-style: normal; font-weight: 400;letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);  float: left;}
h3 { color: #0c4754;  font-size: 18px; font-weight: 400; margin: 22px 0px -22px 33px;  letter-spacing: 0.03em; word-spacing: 0.05em; text-transform: normal;line-height: 28px; background-color: white; box-shadow:
inset 36px 0 0 red),
inset -16px 0 0 blau),
inset 0 -36px 0 black;}
h3.jwa { color: #0c4754;  font-size: 20px; font-weight: 400; margin: 1px 0px 0px 0px; padding: 11px 11px 11px 11px; letter-spacing: 0.03em; word-spacing: 0.05em; text-transform: uppercase;line-height: 25px; background-color: white; box-shadow: inset 36px 0 0 red), inset -16px 0 0 blau), inset 0 -36px 0 black;}
h4 { color: black; font-size: 28px;   align: center; font-weight: 443; padding: -8px 8px 8px 8px; margin:  33px 8px 8px 8px;  }
h4.news {color: white; font-size: 0.9em;  padding: -8px 0px -8px 11px ; }
h4.head{ color:#677d9a;  font-size: 24px; padding: 0px 11px 0px 11px; margin: 29px 11px 22px 25px;  text-align: left; letter-spacing:0.4px; font-weight:500; line-height: 32px; max-width: 100%; text-transform:uppercase; font-family: system-ui; }
h5  { text-align: left; line-height: 10px;  margin: 18px 0px 11px 28px; font-size: 0.98em; font-weight: 300}
h6 {padding: 6px 22px 0px 22px; margin: 22px 36px 0px 11px;   font-size: 17px; line-height: 22px; color: #003398; font-weight: 433; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 2px;}
h6.pfeil { color:red; font-size: 32px; font-weight:444; letter-spacing:1px;   width: 333px; height: 44px;
text-shadow: 1px 0px black; margin: 2px 0px 8px 0px; word-spacing:3px; display: list-item;  }
h6.gelb_sm {padding: 6px 0px 0px 22px; margin: 22px 16px 0px 26px; font-size: 17.3px; line-height: 27px; color: #393943; font-weight: 433; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 0.7px; display: list-item; list-style-type: square; list-style-position: inside;}
h6.or {padding: 6px 22px 0px 22px; margin: 22px 36px 0px 11px; font-size: 18px; line-height: 27px; color:#ff6700; font-weight: 499; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 0.7px; list-style-type: none; }
h6.green { font-size: 22px; font-weight:400;  margin: 4px 0px 4px 0px;  padding:4px 32px 4px 39px; font-family: Gill Sans Extrabold, sans-serif; letter-spacing: 0.6px;  line-height: 22px; orphans: 2; text-align: left; text-indent: 0px;  white-space: normal; widows: 2; word-spacing: 0.1px; color: #339832;}
h1.banner { color:red; font-size: 32px; font-weight:444 letter-spacing:1px;   text-shadow: 0px 1px black; margin: 0px 0px 8px -4px; word-spacing:3px;  box-shadow:
inset 46px 0 0  hsla(90,50%,40%,0.4),
inset -16px 0 0 hsla(30,50%,60%,0.6),
inset 33 -2px 0 hsla(60,80%,40%,0.2);}
h1.title {margin: -33px 25px 0px 30px; font-size: 1.2em; line-height: 33px; color:black; font-weight: normal; font-style: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);}
h1.ban {margin: 33px 0px 0px 0px; padding:8px 22px 8px 122px; font-size: 1.2em; line-height: 23px; color:#02023e; font-weight: normal; font-style: normal; letter-spacing: 1px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 5px; background-color: #bbbbff; width: 100%;}
p.audio {text-align: left;   color: #624c1e; margin: 0px 22px 0px 31px; padding: 11px 11px 11px 11px; line-height:0px;   width: calc(88% + 4px);
height: calc(33% + 4px);
left: 11px;
top: 0px;
background: linear-gradient(to left, white, #bed3f2);
z-index: 1; }
/** news hover big **/
.btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 22px; letter-spacing:1px;
padding: 10px 8px 10px 8px;
margin: 2px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
/** KLEINERE MONITORE **/
@media only screen and (max-width: 980px) {
	.btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 36px; letter-spacing:1px;
padding: 16px;
margin: 2px 20px 10px 20px;
text-decoration: none;
}
p.c2s {margin: 18px 3px 0px 11px; padding: 0px 8px 0px 11px; display:grid; letter-spacing: 2.1px; word-spacing: 0.4px; padding-right:11px;  orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2; color: black; line-height: 24px; font-size: 11.1px;  text-indent: 0px;}
p{color: black; font-size:22.33px; font-weight: 499; padding: 22px 8px 0px 11px; letter-spacing: 0.48px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 1px;  float: start;  margin: 0px 0px 23px 0px; line-height:38px; font-stile:normal;}
p.b {margin: 22px 0px 22px 0px; font-size: 16px; padding: 6px 22px 0px 22px; font-style: normal; font-weight: 400;  line-height: 51px;  vertical-align: baseline; color: rgb(68, 68, 68); letter-spacing: 1.1px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 1.1px;}
p.b1 {color: black; font-weight:567; font-size: 14.33px; line-height:16.5px;  }
p.b2 {margin: 22px 11px 11px 11px; padding: 22px 144px 11px 144px; color:red; font-family: proxima-nova,Helvetica,Arial,sans-serif; font-size: 20px; font-style: normal; font-weight: 600; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255); }
p.c {color:#0b547e; margin: 22px 11px 22px 11px; padding: 0px 11px 0px 11px; color: rgb(33, 37, 41); line-height: 51px; font-family: proxima-nova,Helvetica,Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left;   background-color: rgb(255, 255, 255); float: none;}
p.c1b {font-size:32.7px; margin: 22px 0px 18px 0px; font-weight: 223; text-align: left; padding: 8px 7px 8px 0px;}
p.c7 {letter-spacing: 0.17px; margin: 22px 11px 12px 4px; padding: 11px 22px 0px 4px;  font-size: 18.7px;  line-height: 36px; font-family: Verdana; text-align:left; text-transform: uppercase;  }
p.c1sm {color: #474bed;  font-size: 31px; letter-spacing: 1px; margin:11px 0px 11px 0px; padding: 0px 0px 4px 0px;text-align: center; font-weight:499; line-height: 45px; max-width: 100%; font-style: normal;text-transform: none; word-spacing: 1px; letter-spacing: 2px;}
p.c1 {color: #ef4623;  font-size:27.1px;  display:grid; margin: 32px 0px 17px 0px; text-align: center; font: extra-condensed; font-weight:400; line-height: 33px;  font-style: normal; word-spacing: 0.6px; letter-spacing: 1.8px;}
p.c1l {color: #003398;  font-size: 13.7px;  margin: 11px 2px 22px 2px; padding: 11px 11px 0px 11px; text-align: left; font-weight:400; line-height: 32px;  font-style: normal; word-spacing: 0.2px; letter-spacing: 0.7px; text-indent:0px;}
p.c1_s {color:#403535;  font-weight:501;   letter-spacing: 1.5px; margin: 0px 4px 16px 4px; font-size: 26.9px;  line-height: 32px; font-family: system-ui; }
p.c1s{color:black; padding: 18px 11px 11px 22px; margin:28px 0px 8px 0px; line-height:31px;  letter-spacing: 2.7px; word-spacing: 1px; font-size: 12.8px; max-width: 100%; font-weight: 600;}
p.c2 {color:black; padding: 18px 11px 11px 22px; margin:28px 0px 8px 0px; line-height:31px;  letter-spacing: 2.7px; word-spacing: 1px; font-size: 12.8px; max-width: 100%; font-weight: 300;}
p.iframe {font-size: 13.2px;padding: 0px 11px 4px 0px; color:white; margin:36px 0px 11px 0px; line-height:11px;  letter-spacing: 1.2px; wide: 100%; word-spacing: 0.1px;}
p.c2l {font-size: 13.2px; text-align: left;   color: #e5582d; margin: 22px 4px 22px 8px; padding: 0px 22px 0px 11px; line-height: 40px; letter-spacing: 0.3px; word-spacing: 0.16px;}
p.c2b {font-size: 13.2px; text-align: left;   color: blue; margin: 22px 4px 22px 8px; padding: 0px 22px 0px 11px; line-height: 40px; letter-spacing: 0.3px; word-spacing: 0.16px;}
p.audio {text-align: left;   color: #624c1e; margin: 4px 0px 32px 22px;  font-size: 22px; max-width: 100%; letter-spacing: 0.4px; word-spacing: 0.2px; background:#90b7ca;}
p.c3 {margin:8px 11px 11px 8px; padding: 11px 44px 11px 11px; line-height: 25px; color: black; font-family: proxima-nova,Helvetica,Arial,sans-serif; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255); }
p.dn { line-height: 18px; margin: 32px 0px 44px 0px; padding: 22px 18px 0px 18px;  font-size: 28.6px; line-height: 38px; color: black; font-family: "font-family: 'Times New Roman', Times, serif"font-weight: 500; letter-spacing: 0.9px; orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2; background-color: wite;   }
p.h1 {padding: 11px 11px 0px 22px; margin-top: 22px; font-size:11px; line-height: 55px;}
p.w {color: black; font-size: 26px; padding: 2px 11px 11px 11px; display:inline-block; font-weight: 33px;}
p.c1sl { font-size: 14.8px; text-align: right;  color: blue; margin: 0px 32px 22px 22px; padding: 0px 11px 0px 11px; letter-spacing: 2.8px;}
h1.h {border: 0px none ; margin: 0px; padding: 10px 77px 11px 80px; text-shadow: none; font-stretch: inherit; line-height: 1.2;  font-size: 44px; font-style: normal; font-weight: normal; outline-color: invert; outline-style: none; outline-width: 0px; vertical-align: baseline; color: rgb(51, 51, 51); letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255);}
h1.hb {background:  #748cab; font-size:18px;text-align:center; padding: 22px 11px 22px 11px;  line-height:22px; font-family: Arial, Helvetica, sans-serif;}
h1.bline { font-size: 18px; letter-spacing:0px;   padding: 22px 11px 22px 11px; font-weight: 444;  margin: 4px 4px 4px 0px; text-align:left;word-spacing:2px;	display: box;}
h1.tr { font-size:18px;  padding: 22px 0px 22px 11px; margin: 8px 8px 8px  0px;}
h1.tg { font-size:19px;   padding: 22px 0px 22px 11px; margin: 8px 8px 8px  0px;}
h1.x { font-size:2px; color: #ff6700;  padding: 0px 0px 0px 11px; margin:-4px 8px 0px  0px; line-height: 0px; background: none; }
h1 { color:white; font-size: 19px; font-weight:444 letter-spacing:1px;   padding: 22px 0px 22px 11px;  font-weight: 444; text-shadow: 1px 1px grey; margin: 8px 8px 8px  0px; word-spacing:2px; background-color: #3173d2;}
h1.g {padding: 22px 0px 22px 4px;  margin: 8px -4px 8px  0px; line-height:22px;  font-family: Arial, Helvetica, sans-serif;}
h1.t {padding: 22px 0px 22px 4px; margin: 8px 4px 8px  0px; line-height:22px;  font-family: Arial, Helvetica, sans-serif;}
h2 {margin:68px 0px -11px 0px; font-size: 42px; line-height: 57px; padding-bottom:8px;}
h2.s {margin:68px 0px -11px 0px; font-size: 18px; line-height: 57px; padding-bottom:8px;}
h2.b {margin: 68px 0px 8px 0px; font-size: 55px; line-height: 27px; padding-bottom:8px;}
h2.gal {font-size: 15px; color:black; margin: 11px 4px 112px 11px; line-height:auto; letter-spacing: 0.5px; line-height:48px;}
h2.hilfe {padding:0px 11px 11px 11px; font-size: 21px; line-height: 1.0em; margin-top:-18px;}
h3 {color: black;  font-size: 14px; font-weight: 555; margin: 32px 0px -44px 11px; letter-spacing: 0.12em; word-spacing: 0.05em; text-transform: uppercase; line-height: 44px; background-color: white;}
h4 {text-align: left;  font-size: 38px; letter-spacing: 6.1px; padding: 2px 11px 11px 2px; font-weight: 555; color: grey; letter-spacing: 0.05em; word-spacing: 0.1em; line-height: 68px;}
h4.news {color: white; font-size: 0.9em; margin: 0px 11px 0px 0px; padding: 1px 4px 4px 14px; align-items:left;}
h4.head{ color:#2980b9;;  font-size: 32px;  margin: 84px 11px 22px 11px;  text-align: center; letter-spacing:0.61px; font-weight:500; line-height: 42px; max-width: 100%;  font-family: system-ui; }
h5  { text-align: left; line-height: 32px; margin:44px 0px 11px 0px; font-size: 33px; font-weight: 300}
h6.or {font-weight:555;   color:#b61515;  letter-spacing: 0.4px; word-spacing: 0.8px; margin: 44px 22px 0px 18px;  align: center; font-size: 20.7px;  line-height: 24px; font-family: system-ui; }
h6.pfeil { color:red; font-size: 32px; font-weight:444 letter-spacing:1px; padding:8px 8px 8px 0px;text-shadow: 1px 0px black; margin: 12px 0px 8px -4px; word-spacing:3px; display: inline-block;}
}
/** grosse MONITORE **/
div.text_long1{
background-color: white;
justify-content: left;
display: table-cell;
vertical-align: top;0
align-items: left;
font-size:14px;
line-height: 24px;
width:444px;
padding: 11 8 11 8;
height: 949px;
}
div.text_long2{
background-color: white;
justify-content: left;
display: table-cell;
vertical-align: top;
align-items: left;
font-size:14px;
line-height: 24px;
width:438px;
padding: 11 8 11 8;
height: auto;}
.dailyVerses.bibleVerse
{
margin: .5em 1.5em 1.5em 1.5em;
font-size: 11px;
}
.dailyVerses.bibleVerse a
{
margin: .1em 1.5em .5em 0.7em;
font-weight: bold;
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
p.c2a {font-size: 11px; margin: 0px 11px 0px 11px; padding :6px 11px 60px 33px; font-weight: 499; letter-spacing: 0.6px; orphans: 2; white-space: normal;  }
h6.gelb {color:white;  background:#748cab; line-height: 21px; font-weight:499; font-size: 36px; padding:22px 22px; font-family: system-ui; letter-spacing: 0.9px; word-spacing: 1.0px;  margin: 28px 0px 22px 0px; }
h6.var {color: black;  font-size:19.6px;  background: #faf0e6; line-height: 42px; font-weight:400; font-family: Gill Sans Extrabold, sans-serif; letter-spacing: 0.6px; word-spacing: 1px; margin: 155px 0px 32px 0px; padding: 11px 22px 11px 32px; }
h6.gelb_sm {padding: 11px 22px 11px 22px; margin: 22px 36px 0px 26px; font-size: 15.3px; line-height: 27px; color:black; font-weight: 533; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 0.7px; display: list-item; list-style-type: square; list-style-position: inside; background-color: #f9f980;}
h6  {font-size: 42.6px; background: none;  line-height:38px; font-weight:532; letter-spacing: 0.1px; word-spacing: 1px; margin: 22px 0px 22px 0px;  }
h62 {font-size: 16px; background: none;  line-height:22px; font-weight:600; letter-spacing: 0.1px; word-spacing: 7px; margin: 26px 0px 4px 0px;}
h6 {padding: 6px 22px 0px 22px; margin: 55px 36px 22px 11px;   font-size: 17px; line-height: 22px; color: #003398; font-weight: 433; font-style: normal; letter-spacing: 0.5px; text-align: left; white-space: normal; widows: 2; word-spacing: 2px;}
.text_long {
background-color: white;
vertical-align: top;
margin: 0px ;
width:980px;
padding: 11px 0px 0px 0px;
margin: 32px 0px 0px 0px;
height: auto;}
}
@media only screen and (max-width: 980px) {
div.text_2spaltig{
background-color: white;
justify-content: center;
vertical-align: top;
align-items: left;
border-top:11px;
font-size: 14px;
line-height: 22px;
width:440px;
padding: 24px;
height: auto;}
}
/** größere monitore **/
div.text_in{
color:   #22300f;
background-color: white;
justify-content: center;
vertical-align: top;
align-items: baseline;
display: table-cell;
margin: 0px 0px 0px 0px;
width:912px;
padding:0px 0px 0px 0px;
height: auto}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text_in{
padding: 0px 0px 22px 0px;
width:100%;
}
div.text_frame{
background-color: white;
border: 0px;
justify-content: left;
vertical-align: top;
align-items: left;
margin: 0px;
font-size: 16px;
line-height: 32px;
width:422px;
padding:4px;
height: auto;}
div.text1 {
font-size:44px;
line-height: 22px;
width:444px;
height: 614px;}
}
}
/** kleinere monitore **/
@media only screen and (min-width: 981px) {
div.text_frame{
background-color: white;
border: 1px;
border-color: red;
justify-content: left;
vertical-align: top;
align-items: left;
margin: 4px;
font-size: 14px;
line-height: 22px;
width:411px;
padding:16px;
height: auto;}
h6.var {color: black;  font-size:23.6px; background:white;   line-height: 27px; font-weight:400; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; letter-spacing: 0.4px; word-spacing: 0.2px; margin: 43px 11px 98px 0px; padding: 2px 22px 4px 32px; }
h6.bibel {padding:4px 22px 4px 22px; margin: 11px 0px 22px 0px;  font-size: 22px; line-height: 27px; background: #fdea91; color:black; font-weight: 499; font-style: normal; letter-spacing: 0.2px; text-align: left; white-space: normal; widows: 2; word-spacing: 0.7px; list-style-type: none; }
/**********TEXT UNTER GROSSEN MONITOR BILDERN *************/
div.text1{
vertical-align: top;
background: white;
margin:4 12 4 12;
padding:8 0 0 0;
width:420px;
height: 255px;}
}
div.text1_sm {
display: grid;
justify-content: left;
text-align: left;
border:0px solid transparent;
background-color: white;
color: #000000;
font-style: normal;
width:444px;
height: 100px;
padding: 8px;
margin: 1;
}}
@media only screen and (min-width: 981px) {
div.text1_sm{
font-size: 14px;
text-align: left;
line-height: 26px;
border-left: 8px;
width:436px;
height: 69px;}
}
/***********SPRUECHE-BANNER ROT***********/
/** test **/
div.ban_y1 {
margin: 0 auto;
padding:0px;
margin-right: 2px;
border:0px solid transparent;
background-color:white;
font: white;
width: 902px;
text-align: left;}
/*EHEMALICHER ERST-BANNER - JETZT TEXTZYLINDER */
div.ban_y {
margin: 0 auto;
padding:18px 4px ;
margin: 11px;
border:0px solid transparent;
background-color:white;
font: white;
width: 902px;
text-align: left;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.ban_y{
font-size: 18px;
padding:11px 11px 11px 11px;}
}
/*EHEMALICHER ERST-BANNER - JETZT TEXTZYLINDER */
div.ban_x {
background-color:#ebebeb;
border:3px solid #717171;
width: 900px;
padding:11;
margin: 4px 0px 4px 0px;
text-align: left;
}
div.ban_pic{
background-color:white;
margin: -8 0 -8 0;
line-height: 33px;
display: table-cell;
width:200px;
high: auto;
padding:11px;
margin: 4 0 4 0;
text-align: center;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.ban_x{ background-color:white;
line-height: 22px;
letter-spacing: 0.06em;
width: 980px;
padding:21px 11px 11px 21px;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.ban_x a:hover {
font: #ffff66; /* Dark grey background on mouse-over */
}
}
/** kleinere monitore **/
/***********ZENTRIERT SEITENELEMENTE - WICHTIGES ELEMENT ZUM ZENTRIEREN DER SEITE***************/
div.container {
display: flex;
justify-content: center;
align-items: center;
width:100%;
}
/************ LAUFSCHRIFT *************/
div.text_tv_z {
display: grid;
justify-content: center;
align-items: left;
margin:16px 11px 11px 11px;
padding: 10px 11px 6px 11px;
background-color: black;
width:868px;
height: 18px;
text-align: center;
}
/** kleinere monitore - nimmt Schriftgröße an**/
@media only screen and (max-width: 980px) {
div.text_tv_z {
justify-content: center;
align-items: center;
margin: 44px 0px 44px 0px;
padding: 0px 2px 0px 2px;
background-color: black;
width:auto;
height:64px;
text-align: center;
}
}
div.text_tv_y {
display: grid;
justify-content: center;
align-items: center;
background: #404040;
height: 77px;
margin: 0;
line-height: 40px;
text-align: center;
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text_tv_y {
display: grid;
justify-content: center;
align-items: center;
background: #404040;
width:100%;
height: 150px;
margin: 4px;
line-height: 66px;
text-align: center;
}
}
/********** Main DIVTABLE.COM - DEFINIERT DIE DIV TABLES - Definiert Struktur *********/
.divTable{
display: table;
width: 100%;
padding-top: 0px;
margin-top:0px;
}
.divTableRow {
display: table-row;
background:white;
margin: 0px 0px 0px 0px;
}
.divTableHeading {
background-color: white;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 0px solid;
vertical-align:top;
font-weight: normal;
background:white;
height: auto;
padding:0px 4px 4px 4px;
display: table-cell;
}
@media only screen and (max-width: 980px) {
.divTableRow {
display: table-row;
background: white;
margin-top: 8px;
padding-top: 0px;
}
.divTableCell, .divTableHead {
background-color: white;
vertical-align:top;
font-weight: normal;
height: auto;
width: 100%;
padding:2px 4px;
display: table-cell;}
.divTableHeading {
background-color: white;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
font-weight: bold;}
.divTableCell_blau, .divTableHead_blau {
border: 0px solid #0be059;
background-color: #000077;
vertical-align:middle;
font-weight: normal;
display: table-cell;
}	}
/* DEFINIERT DIE BILDER - M MINNI*/
.h {
height: auto;
padding: 11 11 11 11;}
.m {
width: 267px;
height: auto;
margin: 12 8 0 8;
padding: 8px;
border: 4px solid blue;}
.monitor_auto {
padding:8px 8px 8px 8px;
display: block;
margin: 11px 11px 11px 22px;
width: 398px;
min-height: 248px;
border: 2px solid grey;
}
/** kleinere monitor **/
@media only screen and (max-width: 980px) {
.m{
width: 277px;
height: auto;
margin: 22 11 0 11;
margin: 44 0 0 11;
border: 4px solid blue;}
}
div.nav{
color: black;
text-align: center;
}
.nav2{
margin: 44 8 0 0;
color:white;
text-align: center;
float: right;
}
div.nav_d{
font-weight: 900;
font style: bold;
color: red;
text-align: center;
}
/** Bildformate **/
.pic_lauf {
width: 288px;
height: 172px;
padding:0px;
border:  1px solid;
}
.chan_pic3 {
width: 428px;
horicontal: center;
height: auto;
display: grid;
padding:6px;
border:  4px solid;
}
.pic_qr{
width: 168px;
height: 282px;
padding:0px 11px 0px -22px;
float: left;
margin: 3px 0px 11px 11px;
}
.pic_gal{
width: 456px;
height: auto;
float:top;
padding: 4px 11px 4px 22px;
margin-right: 3px;
}
.monitor_tele {
display: flex;
vertical-align:button;
margin:0px 11px 2px 11px;
width: auto; height: auto;
}
@media only screen and (max-width: 980px) {
.pic_qr{
width: 278px;
height: 486px;
margin: 3px 4px 32px 11px;
float: left;
}
.pic_gal{
width: 922px;
height: auto;
padding:0px 0px 0px 0px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;}
.monitor_flex {
padding:6px;
float: right;
display: inline-block;
margin:22px 32px 11px 11px;
border: 1px solid ;
border-color: #ff6700;
width: 238px;
height: auto;
}
}
/** GROSS **/
a.chan_pic: link {
height: 162px;
padding:6px;
margin:8px;
border: 4px solid #000000;
}
a.chan_pic: hover{
height: 162px;
padding:6px;
border:  2px solid;
border-color:blue;
}
.l_media {
width:38px;
height:auto;
float: left;
padding: 0px 12px 0px 0px;
}
.chan_pic1 {
float: left;
width: 366px;
height: auto;
padding:18px 8px 8px 8px;
margin: 8px 11px 8px 22px;
border-color: #c5c5c5;
border: 2px solid grey;
}
.chan_pic2 {
width: 100%;
padding: 38px 0px 0px 0px;
float: right;
height: auto;
}
.chan_pic3 {
width: 502px;
display: flex;
float: right;
height: auto;
padding:3px;
border:  4px solid;}
.monitor_big {
width:98%;
justify-content: center;
display: block;
height: 777px;
margin:2px 2px 22px 2px;
padding: 2px 12px 12px 12px;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.monitor_kla {
width:892px;
height:467px;
scrollbar:yes;
padding:1px;
margin:11px 0px 11px 6px;
border: 2px solid #44a9e3;
scrolling: auto;
}
.monitor_bigger {
width:100%;
height:567px;
scrollbar:yes;
padding:1px;
margin:11px 0px 11px 0px;
scrolling: auto;
}
.monitor_pod {
width:99%;
height:144px;
scrollbar:yes;
padding:4px;
margin:11px 0px 11px 4px;
border: 5px solid #ff6f00;
}
.monitor {
padding:11px;
width: 488px;
height: auto;
border: 2px solid grey;
margin: -11px 0px 11px 162px;
}
.monitor_left {
padding:0px;
float: right;
display: inline-block;
margin:0px 32px 11px 11px;
border: none;
width: 318px;
height: 194px;
}
.monitor_long {
padding:0px;
float: right;
display: inline-block;
vertikal-align:top;
margin:right;
margin:24px 32px 11px 11px;
border: none;
width: 318px;
height: 634px;
}
.monitor_red {
padding:2px;
float: right;
display: inline-block;
margin:0px 32px 11px 11px;
border: none;
width: 318px;
height: 194px;
}
.monitor_news {
padding: 2px 2px 2px 2px;
display: block;
margin: 8px 2px 16px 2px;
width: 100%;
height: 244px;
}
.monitor_comp {
width: 100%;
object-fit: cover;
height: 1667px;
margin-top: 11px;
padding: 0px;
}
.monitor_twitter {
padding:11px;
float: right;
display: inline;
margin:0px 32px 11px 32px;
border: 3px solid ;
border-color: #424242;
width: 368px;
height: 631px;
}
.monitor_audio {
padding:11px;
float: right;
display: inline;
margin:0px 11px 11px 32px;
border: 3px solid ;
border-color: #ff802c;
width: 368px;
height: 44px;
}
.monitor_audio_l {
padding:0px 0px 0px 0px;
float: none;
background-color: #f1f3f4;
margin:0px 0px 0px 62px;
border: 1px solid ;
border-color: #003398;
width: 44%;
height: 44px;
}
.monitor_pdf {
float: right;
margin:4px 4px 0px 4px;
border: 1px solid ;
border-color: #424242;
padding:2px;
width: 112px;
height: 168px;
}
.monitor_leftl {
padding:11px;
float: left;
display: inline;
margin:0px 32px 11px 32px;
border: 3px solid ;
border-color: #424242;
width: 368px;
height: 231px;
}
.medien {
width: 219px;
height:88px;
border: 6px solid black;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
.monitor_kla {
padding:11px 0px 11px 0px;
align: center;
margin: 2px;
width: 100%;
height: 722px;
}	
.monitor_tele {
float: center;
display: box;
vertical-align:top;"
margin:0px 11px 2px 11px;
width: 811px; height: auto;
}
.l_media {
width: 55px;
height:55px;
float: left;
margin:-6px 8px 11px 0px;
}
.monitor_left {
padding:0px;
float: center;
display: block;
margin: 22px 0px 22px 0px;
width: 100%;
height: 588px;
border: none;
}
.monitor_long {
padding:0px;
float: center;
display: block;
margin: 22px 0px 22px 0px;
width: 100%;
height:776px;
}
.monitor_red {
padding:0px;
float: center;
display: block;
margin: 22px 0px 22px 0px;
width: 100%;
height: 588px;
border: none;
}
img.monitor_left{
padding:0px;
float: center;
display: block;
margin: 22px 0px 22px 0px;
width: 100%;
height: auto;
border: none;
}
img.monitor_red{
padding:0px;
float: center;
display: block;
margin: 22px 11px 22px 11px;
width: 100%;
height: auto;
border: none;
}
img.monitor_flex{
padding:11px;
float: none;
display: block;
margin: auto;
width: 100%;
margin: 0px;
height: auto;
border: none;
}
img.soc{
margin:-27px 16px 0px 0px;
vertical-align:middle;
width: 6%;
}
.monitor_audio {
padding:11px;
float: right;
display: inline;
margin:0px 11px 11px 32px;
border: 11px solid ;
border-color: #ff802c;
width: 99%;
height: 88px;
}
.monitor_audio_l {
padding:11px 0px 11px 0px;
float: none;
background-color: #f1f3f4;
margin:16px 0px -22px 74px;
border: 1px solid ;
border-color: #e81224;
width: 77%;
height: 65px;
}
.monitor_pdf { float: left; display: inline; margin: 0px 72px 0px 11px; width: 332px; height: 498px; border:none;}
.monitor_leftl {
padding:11px 11px 11px 11px;
float: center;
margin: 11px 11px 11px 0px;
width: 100%;
height: 588px;
border: 11px solid;
border-color:green;
}
.monitor_auto {
padding:0px;
width: 100%;
object-fit: cover;
min-height: 522px;
margin: 16px 0px 16px 0px;
padding: 0px;
}
.chan_pic1{
float: left;
width:899px;
height:auto;
float: center;
padding: 11px -2px 2px 2px;
border-style: solid;
border: 4px;
border-color: blue;
}
a.chan_pic1: link {
float: left;
width: 385px;
height:auto;
border-style: solid;
border: 4px;
border-color: blue;
}
a.chan_pic1: hover {
float: left;
width: 385px;
height:auto;
border-style: solid;
border: 4px;
border-color: blue;
}
.chan_pic2 {
width: 966px;
float: right;
height: auto;
background: white;
padding:62px 4px 8px 4px;
}
.monitor {
width:844px;
height: auto;
padding: 33px;
margin:-18px 11px 11px 26px;
border: 2px solid grey;
}
.monitor_big {
width: 960px;
height: 886px;
align-items:center;
padding: 11px;
margin: 16px 0px 44px 11px;
}
.monitor_bigger {
padding:11px 0px 11px 0px;
align: center;
margin: 11px 0px 44px 0px;
width: 100%;
height: 722px;
}
.monitor_news {
width: 100%;
object-fit: cover;
height: auto;
margin-top: 11px;
padding: 0px;
min-height: 586px;
}
.monitor_comp {
width: 94%;
object-fit: cover;
height: 2223px;
border: 5px solid #1C6EA4;
margin: 11px 11px 11px 11px;
padding: 11px;
min-height: 586px;
}
.monitor_2frame {
padding:11px 0px 11px 0px;
float: center;
display: float;
margin: 11px 2px 11px 2px;
width: 978px;
height: 545px;
}
.medien{
border:2px solid black;
width:219px;
height:92px; }
tt.news {color: white; font-size:11px; font-weight: 776; line-height: 32px; margin: 22px 11px 11px 11px; letter-spacing:1px;  display: inline-block; }
tt.news_sm {color: white; font-size:14px; font-weight: 776; line-height: 32px; margin: 22px 11px 4px 32px;}
}
/** größere monitore **/
@media only screen and (min-width: 981px) {
h6.gelb {color:white;  background:#748cab; line-height: 27px; font-weight:499; font-size: 34px; font-family: system-ui; letter-spacing: 0.9px; word-spacing: 1.0px;  margin: 22px 0px 22px 0px; padding:22px 22px; }
.medien{
border:8px solid; }
.umbruch::after {
content: '\A';
white-space: pre;
}
tt.news_sm {color: white; font-size:14px; font-weight: 776; line-height: 32px; margin: 22px 11px 11px 24px; font-family: system-ui; }
.monitor_2frame {
padding:0px 0px -1px 0px;
float: center;
display: float;
margin: 11px 1px 11px -2px;
width: 446px;
height: 534px;
}
}
/******** gross ***********/
/** größere monitore **/
@media only screen and (min-width: 981px) {
img.monitor_flex {
padding:6px 6px 6px 6px;
float: left;
display: inherit;
margin:0px 32px 22px 36px;
border: 1px solid ;
border-color: black;
width: 344px;
height: auto;
}
img.soc{
padding:0px46px 0px 32px;
vertical-align:middle;
margin:0px46px 0px 32px;
width: 2%;
}
figcaption {
display: inline-block;
text-align: left;
margin:0px 11px 3px 11px;
text-indent: 0px;
}
figcaption.big {
display: inline-block;
font-family: system-ui;
font-weight:499;
line-height:24px;
letter-spacing:1px;
margin:22px 22px 8px 38px;
font-size: 17.7px;
color: #cc3323;
text-align: left;
}
.inhalt {
list-style: decimal-leading-zero inside;
display: grid;}
}
.logo_rand{
margin-bottom: 16px;
width: 277px;
height: 72px;}
tt {margin: 11px 0px 8px 0px;  font-size: 12.7px; line-height: 18px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.frieden {margin: 11px 0px 8px 0px;  font-size: 21.7px; line-height: 18px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.right {margin: 11px 4px 0px 0px;  align: left; font-size: 12.7px; line-height: 11px; display: grid; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499;  text-transform: none; white-space: normal;}
tt {margin: 11px 0px 8px 0px;  font-size: 12.7px; line-height: 18px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.white {color:white !important; margin: 11px 0px 8px 0px;  font-size: 12.7px; line-height: 18px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
.warning {
background-color: white;
padding: 11px -11px 11px 11px;
display: inline-table;
flex-direction:column;
}
.inhalt {
list-style: decimal-leading-zero inside;
font-size: 13px;
margin:4px 0px 0px 0px;}
.logo{
width:344px;
height:auto; }
}
/* LOGOGROESSE - Abstand oben sekundär wichtig*/
.logo{
width: 322px;
align-items: right;
margin-bottom: 22px;
height: auto;}
@media only screen and (max-width: 980px) {
.flex {
position:relative;
top:0px;
left:}
figcaption {
display: inline-block;
text-align: left;
margin:0px 0px -22px 0px;
}
figcaption.big {
font-family: system-ui;
font-weight:499;
line-height:34px;
letter-spacing:1px;
margin:22px 11px 29px 32px;
padding:0px;
font-size: 24.4px;
color: #cc3323;
text-align: left;
}
tt.news {font-size:37px; margin: 0px 11px 0px 2px; font-weight:900; line-height: 52px;}
}
@media only screen and (max-width: 980px) {
.line-checkdlp::before {
content: "\21B7";
float: none;
font-size: 38px;
font-weight: 588;
margin: 11px 22px 0px 11px;}
.line-checkg::before {
content: '\#🕎 ..german ';
font-size: 11px;
padding: 4px 8px 22px 2px;}
/*home*/
.line-check_h::before {
content: '\home';
font-size: 32px;
font-color:black;
margin: 0px 11px 0px 6px;}
.line-check::before {
content: '\⚠️  ';
font-size: 9px;
padding: 0px 7px 22px 0px;}
.line-check2::before {
content: '\1F4C0  offline';
font-size: 11px;
padding: 0px 11px 0px 0px;}
.line-check3::before {
font-size: 9px;
content: '\🔻';
padding: 0px 11px 0px 0px;}
.line-check4::before {
content: '\🟦 pdf';
font-size: 8px;
padding: 0px 11px 0px 0px;}
.line-check5::before {
content: "\❤️ Deine Spende";
font-size: 12px;
padding: 4px 4px 22px 2px;}
.line-check6::before {
content: "\💡 THINK";
font-size: 8px;
padding: 0px 11px 0px 11px;}
.line-check7::before {
content: "\▶";
font-size: 11px;
padding: 0px 11px 0px 2px;}
.line-checkbb::before {
content: "\▶";
font-size: 11px;
padding: 0px 11px 0px 0px;
}
.line-check8::before {
content: "\🟦🔻 pdf'";
font-size: 8px;
padding: 0px 11px 0px 0px;
}
.line-check_vi::before {
content: '\🎦';
font-size: 9px;
padding: 0px 11px 0px 0px;}
.line-check_li::before {
content: '\🔗 more Links **';
font-size: 12px;
font-color:red;
padding: 0px 11px 0px 0px;}
/*pdf offline old*/
.check_pdfonline::before {
content: '\ 🟦 🔻pdf#';
font-size: 32px;
padding: 4px 4px 22px 0px;}
.line-check_inh::before {
content: "\≣ INHALT:";
font-size:12px;
margin: 0px 8px 0px 11px;}
/*audio*/
.check_audio::before {
content: '\📢';
font-size: 16px 0px 0px;
}
.line-check_l::before {
content: "\1F50E";
font-size: 11px;
padding: 4px 7px 22px 0px;}
.line-check_tw1::before {
content: '\🐥';
font-size: 15px;
padding: 4px -4px 22px -6px;}
.line-check_tw::before {
content: '\	🕊️';
font-size: 19px;
padding: 4px 11px 4px -4px;}
.line-check_100::before {
content: '\💡';
font-size: 14px;
padding: 4px 11px 22px 0px;}
/*Studienlinks*/
.line-check9::before {
content: "\21B7  " ;
font-size: 22px;
margin: 0px 2px 0px 0px;
text-align:left;}
.line-check10::before {
content: "\≣ more ..";
font-size:12px;
padding: -4px 22px 11px 11px;}
/*querverweis */
.line-check11::before {
content: "\21B7";
font-size: 26px;
font-family: system-ui;
font-weight: 899;
color:red;	padding: 4px 11px 222px 0px;}
.line-checkdld::before {
content: "\21B7 download: ";
font-size: 12.3px;
letter-spacing: 7px;
font-weight: 488;
line-height: 37px;
padding: 0px 0px 0px 11px;}
.line-checkdl::before {
content: "\21B7  direkt:";
font-size: 12.3px;
letter-spacing: 0,2px;
font-weight: 488;
line-height: 27px;
word-spacing:0,1px;
margin: 0px 0px 0px 0px;}
	}
/** gross **/
@media only screen and (min-width: 981px) {
.line-checkbb::before {
content: "\▶";
font-size: 11px;
margin : 0px 4px 0px 0px;
}
.line-check_h::before {
content: '\home';
font-size: 26px;
margin: 0px 0px 22px -9px;}
.text_right_f{
font-size: 14px;
line-height: 22px;
height: 183px;}
.line-checkg::before {
content: '\#🕎 ..german ';
font-size: 11px;
padding: 4px 8px 22px 2px;}
.line-check::before {
content: '\⚠️ ';
font-size: 14px;
padding: 4px 0px 22px 2px;}
.line-check2::before {
content: '\1F4C0  offline';
font-size: 14px;
padding: 4px 8px 22px 3px;}
.line-check3::before {
content: '\🔻';
font-size: 12px;
padding: 0px 7px 0px 2px;}
/*pdf einfach */
.line-check4::before {
content: '\🟦..pdf **';
font-size: 12px;
padding: 0px 3px 0px 2px;}
.line-check5::before {
content: "\❤️ Deine Unterstützung";
font-size: 13px;
padding: 4px 7px 22px 5px;}
.line-check6::before {
content: "\💡 THINK";
padding: 4px 2px 22px 0px;}
.line-check7::before {
content: "\▶";
font-size: 17px;
padding: 4px 8px 0px 4px;}
/*pdf auf eigener server */
.line-check8::before {
content: '\🟦🔻pdf';
font-size:10px;
line-height:23px;
margin: 0px 10px 0px 2px;}
/*querverweis */
.line-check9::before {
content: "\21B7 ";
float: none;
font-size: 12px;
font-weight: 988;
padding: 0px 3px 0px 5px;
break-after: right;
}
.line-check10::before {
content: "\≣ more ..";
font-size:12px;
margin: 0px 8px 0px 11px;}
.line-check_inh::before {
content: "\≣ INHALT:";
font-size:12px;
margin: 0px 8px 0px 36px;}
/* lupe */
.line-check_l::before {
content: "\1F50E";
font-size: 13px;
margin: 0px 8px 0px 1px;}
.check_audio::before {
content: '\📢';
font-size: 12px;
padding: 0px 5px 0px 4px;}
.line-check_tw::before {
content: '\🕊️ ';
font-size: 16px;
padding: 4px 4px 22px -6px;}
.line-check_tw1::before {
content: '\🐥';
font-size: 16px;
margin: 0px -3px 0px 0px;
margin: 4px 11px 11px -5px;}
.line-check_vi::before {
content:'\🎦';
font-size: 12px;
line-indent:6px;
font-color:red;
padding: 0px 7px 0px 3px;}
.line-check_li::before {
content: '\🔗 more Links **';
font-size: 12px;
line-indent:6px;
font-color:red;
padding: 0px 7px 0px 3px;}
.line-check_100::before {
content: '\💡';
font-size: 14px;
margin: 4px 7px 22px 3px;}
.check_pdfonline::before {
content: '\ 🟦 🔻 pdf#';
font-size: 6px;
padding: 4px 7px 22px 5px;}
/*direktlink */
.line-checkdl::before {
content: "\21B7  direkt: ";
float: none;
font-size: 12px;
font-weight: 488;
padding: 11px 0px 0px 11px;}
.line-checkdl::before {
content: "\21B7 direkt:";
font-size: 12.2px;
letter-spacing: 7px;
font-weight: 488;
line-height: 11px;
margin: 0px 0px 32px 11px;}
.line-checkdld::before {
content: "\21B7 download: ";
font-size: 12.2px;
letter-spacing: 7px;
font-weight: 488;
line-height: 11px;
margin: 0px 0px 32px 11px;}
tt {margin: 4px 8px 14px 0px;  font-size: 12.7px; line-height: 11px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.fragen {margin: 4px 0px 14px 0px;  padding: 0px 0px 0px 0px;font-size: 14.7px; line-height: normal; letter-spacing: normal; word-spacing: 0.3px; color: red; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal; text-indent:-22px;}
tt.news {font-size:14px; margin: 0px 0px -32px 4px; font-weight:900;}
.triangle-left {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 50px solid #333;
border-bottom: 25px solid transparent;
}
/** navigation **/
ul#navigation {
margin: 0;
padding: 0;
list-style: None;
width: 150px;
border-bottom: 1px Solid #FFFFFF;
float: Left;
margin-right: 10px;
}
ul#navigation li {
position: Relative;
width: 150px;
}
ul#navigation li ul {
position: Absolute;
left: 149px;
top: 0;
padding: 0;
display: None;
list-style: None;
z-index: 100;
}
ul#navigation li a {
display: Block;
text-decoration: None;
color: #FFFFFF;
padding: 5px;
background-color: #ABC7E0;
border: 1px Solid #FFFFFF;
border-bottom: 0;
}
ul#navigation li a:hover,
ul#navigation li a:active {
color: #000000;
cursor: Pointer;
}
ul#navigation li:hover ul,
ul#navigation li:active ul {
display: Block;}
tt.bibel {margin: 33px 11px 0px 32px;  font-size: 14.7px; line-height: 22px; letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
tt.fragen {margin: 4px 8px 14px 11px;  font-size: 13.7px; line-height: 11px; letter-spacing: 0.1px; word-spacing: 0.01px; color: red; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.right {margin: 11px 4px 42px 0px; display: grid;  font-size: 17.7px; line-height: 11px; letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499;  text-transform: none; }
tt {margin: 0px 22px 0px 22px;  font-size: 13.7px; line-height: 11px; letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.bibel {margin: 11px 11px -11px 22px;  font-size: 31.7px; line-height: 11px; letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.spruch {margin: 22px 0px 0px 22px;  font-size: 12.1px; text-align: right; line-height: 43px; letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-transform: none; white-space: normal;}
tt.white {color:white !important; margin: 11px 0px 8px 0px;  font-size: 12.7px; line-height: 18px; letter-spacing: 0.1px; word-spacing: 0.01px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.forum {margin: 0px 4px 14px 32px;  text-indent:-22px; font-size: 11.7px; line-height: 11px;  letter-spacing: 0.1px; word-spacing: 0.1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
p.c2lo {margin: 11px 4px 14px 11px;  font-size: 14.7px; line-height: 34px; letter-spacing: 1.1px; word-spacing: 1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
tt.frieden {margin: 0px 11x 22px  11px; padding: 0px 0x 22px  0px;font-size: 22.7px; line-height: 24px; letter-spacing: 0.1px; word-spacing: 0.2px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left; text-indent:-2px;}
}
/*grosser screen */
@media only screen and (min-width: 981px) {
p.c2lo {margin: 11px 4px 4px 11px;  font-size: 12.7px; line-height: 23px; letter-spacing: 1.1px; text-indent: 0px; word-spacing: 1px; color: #424242; font-family:Open Sans&quot; font-weight: 499; text-align: left;  text-transform: none; white-space: normal;}
p.c1lo {margin: 11px 4px 4px 11px;  font-size: 12.7px; line-height: 23px; letter-spacing: 1.1px; text-indent: 0px; word-spacing: 1px; color: #424242; font-family:Open Sans&quot; font-weight: 599; text-align: left;  text-transform: none; white-space: normal;}
.umbruch::after {
content: '\A';
white-space: pre;   }
.line-checkdlp::before {
content: "\21B7";
float: none;
font-family:Open Sans&quot; 
font-size: 34px;
font-weight: 588;
margin: 11px 4px 0px 0px;}
footer {
display: flex;
justify-content: right;
padding: 5px;
font-size: 16px;
color: black;
}
a.nav:link {color: white; font-size:19px; letter-spacing: 1.67px;  line-height: 2px; padding:22px 0px 0px 0px; margin:  -11px 14px 22px 11px; text-align: left;  font-weight:444;  font-family: system-ui; }
a.nav:visited {color: white; font-size:19px; letter-spacing: 1.67px;  line-height: 2px; padding:22px 0px 0px 0px; margin: -11px 14px 22px 11px; text-align: left;  font-weight:444;  font-family: system-ui; }
a.nav:hover {color: white; background: #246377; font-size:19px; letter-spacing: 1.67px;  line-height: 2px; padding:11px 0px 11px 0px; margin: -11px 14px 22px 11px; text-align: left;  font-weight:444;  font-family: system-ui; }
a.blau_n:link {color: white; font-size:17px; letter-spacing: 1.67px;  line-height: 22px; padding:11px 22px 11px 22px; margin: 22px 0px 0px 0px; text-align: left;  font-weight:444; display: block; background: #ca2127; font-family: system-ui; }
a.blau_n:hover {color: white; background: black;  }
a.blau_n:visited {color: white; background: #06556e; }
a.greno { padding: 11px 0px 0px 5px ;  margin:2px 0px 2px 37px;   background:white;  display: list-item;  list-style-type: none; font-size: 15.3px; line-height: 19px; color: black; letter-spacing: 0.47px; word-spacing: 0.47px;  text-indent: -18px;}
a.rot:link {color:white; font-size: 16px; font-weight: 499; padding: 1px 4px 1px 8px;  background:blue; margin: 6px 8px 6px 0px; display: list-item; list-style-type: none; letter-spacing:1.5px;  }
a.rot:hover {color:white; background: grey;  }
a.rot:visited {color:white;background:grey;}
a.black:link {color: white; font-size:16px; margin: 8px 8px 0px 8px; padding: 12px; text-align: center;  display: table-cell;  text-transform: uppercase;  word-break: break-all; background: #889000; display:grid; }
a.black:hover {background: grey;  }
a.blau2:link {color:black; font-size: 16px; font-weight: 444; padding:  -3px 1px -3px 2px; margin: 0px 3px 0px 0px;  line-height:0px; background:yellow; letter-spacing: 1px; }
a.blau3:link {color:white; font-size: 14px;font-weight: 333;  text-transform: uppercase; width: 100%; padding:8;  display:  inline-block; margin: 0 4 8 0; background:#1f92ab; line-height:19px }
a.blau3:visited {color: #727272;  background:#e9ecf6; }
a.blau3:hover {color:black;  background: yellow; }
a.rot-t:link {color:white; font-weight: 444;  letter-spacing: 5px;  letter-spacing: 5px; font-size: 14px; background: #47474f padding: 0 22 0 22; margin: 11}
a.rot-t:hover {color:white ; background:grey; }
a.rot-t:visited {color: white;  }
a.blau:link {color: white; font-size: 17px; font-weight: 444; padding: 2px 11px 2px 11px;  margin: 8px 11px 8px 0px;  background: white; line-height: 28px; font-weight: 444; letter-spacing:1.8px; display: list-item;  list-style-type: none; word-spacing: 3px; }
a.blau:hover {color: white;  background: white;}
a.blau:visited {color: white; }
a.blau-t:link {color:yellow; font-weight: 333;  font-size: 17px; letter-spacing: 5px;  background:#47474f; margin: 4px 11px 11px 0px; }
a.blau-t:hover {color: white; }
a.blau-t:visited  {color: white; }
a.subnav:link {display: inline-block; background-color: #7b38d8; border-radius: 10px; border: 4px double #cccccc;color: #eeeeee;text-align: right;font-size: 12px;padding: 4px;width:166px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; margin: 5px;  }
a.subnav:visited {color:black;background:#ffff00; padding: 4px; }
a.subnav:hover {color:white;  font-weight: 444;background: #0000ff; }
a.subnav:link {display: inline-block; background-color: #7b38d8;border-radius: 10px;border: 4px double #cccccc;color: #eeeeee;text-align: right;font-size: 29px;padding: 4px;width:400px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; margin: 5px;  }
a.rot-ti:link {color:white; font-weight:555;  margin: 11px 4px 0px 4x;  font-size: 16px; letter-spacing:0.9px; word-spacing:1px;  font-family: Arial, Helvetica, sans-serif;}
a.rot-ti:visited {color: LightGray;  }
a.rot-tik:link {color: black; font-weight: 555;  margin: 8px; padding: 4px 4px 4x 4x;  font-size: 27px; letter-spacing:2px; word-spacing:4px;text-transform:uppercase; background:#d1dae7;}
a.rot-tik:visited { background:#F2F5A9;}
a.rot-ti:hover {color: red;  }
a.blau-ti:link {color:  black; font-weight: 555;  margin: 8px; padding: 4px; font-size: 22px; background:#bac8a7; letter-spacing:4px; word-spacing:10px;}
a.blau-ti:hover {color: black; background: #ffffff; }
a.gelb-ti:link {color: black; font-weight: 555;  margin: 8px; padding: 4px 4px 4x 4x;  font-size: 17px; letter-spacing:7px; word-spacing:14px;text-transform:uppercase;   background:#ffff00;}
a.gelb-ti:hover {color: red; background:black;}
a.gelb-ti:visited {color: #2a2a2a;background: grey;}
a.gruen-ti:link {color: #101010; font-weight: 499;  margin: 8px; padding: 4px; font-size: 22px; background: #fcffdb;  letter-spacing:4px; word-spacing:10px; }
a.gruen-ti:hover {color: black; background:  #a6a6a6; }
a.gruen-ti:visited {color: #777777;}
a.black-ti:link {color: black; font-weight: 555;  margin: 8px; padding: 4px 4px 4x 4x;  font-size: 17px; letter-spacing:7px; word-spacing:14px;text-transform:uppercase;  background:#319aff;}
a.black-ti:hover {color: red; background:black;}
a.black-ti:visited {color: black; background: grey;}
a.gren:link {color: white; font-size:16px; font-weight: 222; padding: 2px 4px 2px 0px;   display:list-style; margin: 22px 4px 22px 0px;  background: grey; line-height: 22px; letter-spacing:1.5px; }
a.gren:hover {color: white;  background: grey;}
a.gren:visited {color: white;  background:#bebebe;}
a.grenr:link { color:red; font-size: 11.5px; font-weight:444; padding: 22px 11px 4px 11px; margin: 0px 0px 0px 8px; letter-spacing:1px; line-height: 0px; font-weight: 444; word-spacing:2px; background:none; display: list-item;    list-style-position: inside; list-style-type: none;}
a.grenr:hover { color: blue; }
a.grenr:visited {background: #ff5252; color: red; }
a.inhalt:link {color: black; font-size:16px; text-align: right; letter-spacing: 7px; font-weight: 444; padding: 11px 11px -11px 0px; display: list-item;  list-style-type: none; margin:11px 18px 0px  0px;   line-height: 22px; text-transform:uppercase  }
a.greni:link {color: #08085c; font-size:21.3px; letter-spacing: 0.7px; font-weight: 444; padding: 0px 4px 0px 11px ;  display: list-item;  list-style-type: none; margin:1px 11px 22px  33px;   line-height: 22px;  }
a.greni:visited {color: #3c3c94; display: list-item;  list-style-type: none; }
a.greni:hover {background: yellow; }
a.greni1:link {color: #452f23; font-size:32.3px; letter-spacing: 0.1px; font-weight: 444; padding: 11px 0px 0px 11px ;    list-style-type: none; margin:0px 2px 11px  0px;   line-height: 44px;  }
a.greni1:visited {color: #452f23; font-size:26.3px; }
a.greni1a:link { font-size:32.3px; letter-spacing: 0.01px; font-weight: 444; padding: 22px 0px 0px 11px ;   list-style-type: none; margin:0px 2px 11px 0px;   line-height: 44px;  }
a.greni11b {color: #08085c; font-size:12.3px; letter-spacing: 0.7px; font-weight: 444; padding: 0px 44px 0px 11px ;  display: list-item;  list-style-type: none; margin:0px 11px 4px  4px;   line-height: 16px;  }
a.greni1a:visited {color: #ff802c; }
a.grewert:link {color: red; font-size:18.3px; letter-spacing: 0.01px; font-weight: 444; padding: 0px 4px 22px 0px ;  display: list-item;  list-style-type: none; margin:0px 11px 22px  22px;   line-height: 27px;  }
a.grewert:visited {color: red; font-size:18.3px; letter-spacing: 0.01px; font-weight: 444; padding: 0px 4px 22px 0px ;  display: list-item;  list-style-type: none; margin:0px 11px 4px  22px;   line-height: 22px;  }
a.pdfi:link {color: black; font-size:14.3px; letter-spacing: 0.7px; font-weight: 444; padding: 0px 4px 2px 22px ;  display: list-item;  list-style-type: none; margin:0px 11px 11px  0px;   line-height: 18px;  }
/*SUBNAVIGATION*/
a.white:link {color: #fafafa; line-height:28px; }
a.white:visited {color: #fafafa; }
a.white:hover {color: black; background: yellow;}
a.text:link {color: #090909; line-height:28px; }
a.text:visited {color: #090909; }
a.text:hover {color: #090909; background: yellow;}
/**********Mutter Container**********/
a.comment:link {color: black; font-size: 12.88px; font-weight: 444;  padding:4px 11px 4px 42px;  text-decoration: none; line-height: 22.34px; 	font-weight: 525; letter-spacing:0.8px; word-spacing: 2px; display: list-item;    list-style-type: decimal; }
a.comment:hover {color: white; background: blue; display: list-item;}
a.gelb:link {color:black; font-size: 15px; font-weight: 444; padding: 1px 1px 1px 2px; margin: 0px 3px 0px 0px;  line-height:22px; background:#ffffac; letter-spacing: 1px; }
a.gelb:hover {color: white; font-size: 15px; background:black;}
a.gelb:visited {color: white; font-size: 15px; background:grey;}
a.blau1:link{ color:white; font-size: 22.2px; font-weight:444; letter-spacing:1px;   line-height: 0px; font-weight: 444; text-shadow: 1px 1px grey; margin: 0px 8px 0px  0px; word-spacing:2px;background:blue;}
a.blau2:link { color:white; font-size:22.5px; font-weight:444 letter-spacing:1px;   line-height: 0px; font-weight: 444; text-shadow: 1px 1px grey; margin: 0px 8px 0px  0px; word-spacing:2px; }
a.blau1:visited { color:white; font-size: 22.5px; font-weight:444 letter-spacing:1px;   line-height: 0px; font-weight: 444; text-shadow: 1px 1px grey; margin: 0px 8px 0px  0px; word-spacing:2px; }
a.blaun:link{ color:blue; font-size: 16.5px; font-weight:444; padding: 0px 11px 0px 11px; margin: 0px 0px 0px 8px; letter-spacing:1px; line-height: 22px; font-weight: 444; word-spacing:2px; background:none; display: list-item;    list-style-position: inside;}
a.blaun:visited { color:blue; }
a.blauna:link{ color:blue; font-size: 16.5px; font-weight:444; padding: 0px 11px 0px 11px; margin: 0px 0px 0px 8px; letter-spacing:1px; line-height: 22px; font-weight: 444; word-spacing:2px; background:none; display: list-item;    list-style-position: inside;}
a.braun:link{ color:white; font-size: 15.5px; font-weight:444; padding: 11px 4px 11px 4px; margin: 0px 11px 0px 0px; letter-spacing:3px;  line-height: 22px; font-weight: 444;   word-spacing:2px; }
a.braun_bl:{ font-color:black; font-size: 18.5px; font-weight:444; padding: 11px 4px 11px 4px; margin: 0px 11px 0px 0px; letter-spacing:3px;  line-height: 22px; font-weight: 444;   word-spacing:2px; }
a.braund{ color: #e60000; font-size: 22.5px;  font-weight:444; padding: 2px 0px 5px 4px; margin: 19px 0px 0px 22px; letter-spacing:1px;  font-weight: 444; text-shadow: 1px 1px grey;  word-spacing:2px; font-family: system-ui,sans-serif;}
a.braun:visited { color:white; }
a.twitter:link{ color:white; font-size: 18.5px; font-weight:444; padding: 11px 4px 11px 4px; margin: 0px 11px 0px 0px; letter-spacing:3px;  line-height: 22px; font-weight: 444;   word-spacing:2px;  }
a.twitter:visited{ color:white;  }
a.blaun1:link{ color:white; font-size: 20.5px; font-weight:444; padding: 0px 11px 1px 11px; letter-spacing:1px; line-height: 0px; font-weight: 444; text-shadow: 1px 1px grey; margin: 0px -2px 4px  -2px; word-spacing:2px;background:#d7d7ff;}
a.blaun2:link{ color:white; text-align: start; margin: 0px 0px 0px 0px; font-size: 17.5px; font-weight:444; padding: 0px 11px 3px -32px; word-spacing:2px; background:red;}
a.blaun2:visited{ color:white; background: blue;}
/*Hamburger Navigation big */
.menu {
display: flex;
flex-direction: row;
font-size: 18px;
list-style-type: none;
margin: 0px;
padding: 4px;
}
.menu  li {
margin: 0 1rem;
overflow: hidden;
}
.menu-button-container {
display: none;
height: 100%;
width: 30px;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
}
#menu-toggle {
display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
display: block;
background-color: #fff;
position: absolute;
height: 3px;
width: 35px;
transition: transform 100ms cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 0px;
}
.menu-button::before {
content: '';
margin-top: -8px;
}
.menu-button::after {
content: '';
margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
margin-top: 0px;
transform: rotate(405deg);
}
#menu-toggle:checked + .menu-button-container .menu-button {
background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
margin-top: 0px;
transform: rotate(-405deg);
}
}
/*Hamburger Navigation klein */
@media (max-width: 980px) {
/*Hamburger Navigation*/
.top-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #00BAF0;
background: linear-gradient(to right, #0d1321, #748cab);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #FFF;
/* Überschriftsteuerung oranger balken */
font-size: 32px; letter-spacing:4px;
text-align:left;
height: 72px;
width: 100%;
/* höhe der listenschalter */
margin: 89px -22px 4px 0px;
padding: 2px -14x 2px 0px;
}
.menu {
display: flex;
flex-direction: row;
list-style-type: none;
margin: 0px 0px 11px 0px;
padding: 21px 11px 11px 11px;
}
.menu > li {
margin: 0px 0px 0px 11px;
overflow: hidden;
}
.menu-button-container {
display: none;
height: 100%;
width: 180px;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
}
#menu-toggle {
display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
display: block;
background-color: #fff;
position: absolute;
height: 5px;
width: 62px;
transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 98px;
}
.menu-button::before {
content: '';
margin-top: -15px;
}
.menu-button::after {
content: '';
margin-top: 15px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
margin-top: 33px;
transform: rotate(405deg);
}
#menu-toggle:checked + .menu-button-container .menu-button {
background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
margin-top: 0px;
transform: rotate(-405deg);
}
.menu-button-container {
display: flex;
}
.menu {
position: absolute;
top: 0;
/* verschiebt toggle menue */
margin:77px 0px 0px 0px;
left: 0;
flex-direction: column;
width: 90%;
justify-content: left;
align-items: center; }
#menu-toggle ~ .menu li {
height: 0;
margin: 0;
padding: 0;
border: 0;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
#menu-toggle:checked ~ .menu li {
border: 1px solid #333;
height: 2.5em;
padding: 0.5em;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu  li {
display: flex;
justify-content: left;
margin-top: 0;
padding: 1px 1px 1px 0px;
width: 80%;
color: white;
background-color: #222;
}
.menu  li:not(:last-child) {
border-bottom: 1px solid #444;  }
a.greni:link {color: white; font-size:46.3px; letter-spacing: 0.7px; font-weight: 444;   background: black; display:box;   align: right; margin:1px 11px 0px  8px;   line-height: 65px;  }
a.greni:hover {background: yellow; }
}
@media (min-width: 981px) {
.container-fluid {display: inline ! important; float: left;   width: 454px; margin:0px 0px 0px 0px; border-color: white; background: white; padding:0px;}
.top-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #00BAF0;
background: linear-gradient(to right, #0d1321, #748cab);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-color: black;
font-size: 3px;
height: 30px;
/* verschiebt logo */
padding: 22px 11px 22px 11px;
margin-top:38px;
}
.menu-button-container {
display: flex;
}
.menu {
position: right;
top: 44px;
/* verschiebt ausgeklapptes Menü */
margin: 0px 0px 11px 511px;
flex-direction: column;
width: 340px;
justify-content: right;
align-items: right;
}
#menu-toggle ~ .menu li {
height: 0;
margin: 0;
padding: 0;
border: 0;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu-toggle:checked ~ .menu li {
border: 1px solid #333;
height: 2.3em;
padding: 0.5em;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu li {
display: flex;
justify-content: left;
margin: 0;
padding: 0.2em 0;
width: 100%;
color: white;
background-color: #222;
}
.menu > li:not(:last-child) {
border-bottom: 1px solid #444;}
}
/*kleine Monitore*/
@media only screen and (max-width: 980px) {
a.nav:link {color: white; font-size:34px; letter-spacing: 1.37px;  line-height: 12px; padding:0px 0px 14px 0px; margin:  0px 0px 22px 11px; text-align: left;  font-weight:444;  font-family: system-ui; }
a.nav:visited {color: white; font-size:34px; letter-spacing: 1.37px;  line-height: 12px; padding:0px 0px 14px 0px; margin:  0px 0px 22px 11px; text-align: left;  font-weight:444;  font-family: system-ui; }
a.black_ban:link { color: black;  font-size: 14.4px; line-height: 32px; padding: 4px 0px 11px 22px; margin: 4px 0px 11px 0px; width: 100%;  border:  4px solid petrol;   text-indent: -44px; list-style-type: none;}
a.gren:link {color: white; font-weight: 444; font-size:16.3px; padding: 3px 4px 3px 8px ;   line-height: 33px; margin-bottom: 22px; letter-spacing:1.3px;  background:black;  letter-spacing: 1.3px; display: list-item;  list-style-type: none;  }
a.gren:visited {color: white;  background: blue;}
a.greno { padding: 11px 0px 0px 5px ;  margin:8px 0px 8px 4px;   background:white;  display: list-item;  list-style-type: none;  }
a.pdfi:link {color: black; font-size:17.3px; letter-spacing: 0.7px; font-weight: 444; padding: 0px 0px 22px 0px ;  display: list-item;  list-style-type: none; margin:0px 0px 11px  0px;   line-height: 34px;  }
a.braun:link{ color:white; font-size:32.4px; font-weight:444; padding: 4px 11px 4px 0px; margin: 0px 11px 0px 4px;  line-height: 22px; font-weight: 444; text-shadow: 1px 1px grey;  letter-spacing:4px;  display: flex;}
a.braund{ color: #e60000; font-size: 32.5px; font-weight:544;  margin: 16px 0px 0px 0px; letter-spacing:1px;  font-weight:544;   word-spacing:1px; font-family: system-ui,sans-serif; }
a.braun:visited { color:white; font-size:24.5px; }
a.twitter:link { color:white; font-size: 18.5px; font-weight:444; padding: 0px 4px 0px 77px; margin: 0px 11px 0px 0px; letter-spacing:3px;  line-height: 48px; font-weight: 444;   word-spacing:2px; text-indent: -77px;  }
a.blaun:link{ color:blue;  font-weight:444; padding: 11px 11px 22px 11px; font-size: 14.3px;   display: list-item;  list-style-position: inside; margin: 11px 11px 11px 11px; letter-spacing:3px; line-height: 22px; font-weight: 444; text-shadow: 1px 0px grey;  word-spacing:2px; background:none;}
a.inhalt:link {color: black; font-size:12px; text-align: left; letter-spacing: 7px; font-weight: 444; display: list-item;  list-style-type: none; margin:33px 18px 0px  0px;   line-height: 11px; text-transform:uppercase  }
/** einspaltig **/
a.greni1  {color: #86866f; font-size:49px; letter-spacing: 2px; font-weight: 501;    margin:11px 11px 0px  4px; display: box;   text-align:right; line-height: 112px;  }
a.greni1a  { color: #ff802c; font-size:89px; letter-spacing: 2px; font-weight: 501;   margin:11px 11px 0px  4px; display: box;  line-height: 76px;  }
/** zweispaltig head **/
a.greni11   {color: black; font-size:48px; letter-spacing: 2px; font-weight: 444; padding: 72px 0px 11px 0px ;  margin:67px 0px 11px 8px; display: box;  list-style-type: none;   line-height: 116px;  }
a.greni11b {color: #08085c; font-size:12.3px; letter-spacing: 0.7px; font-weight: 444; padding: 0px 44px 0px 11px ;  display: list-item;  list-style-type: none; margin:1px 11px 0px  11px;   line-height: 22px;  }
a.greni1b  { font-size: 38px; padding: 42px 0px 0px 0px ; margin:54px 0px 44px  8px;  }
a.rot:link {color:white; font-size: 14px; font-weight: 499; padding: 8px 4px 1px 4px;  background:#0000ba; margin: 22px 8px 22px 0px; display: list-item; list-style-type: none; letter-spacing: 2px;  }
a.rot:visited {color:white;background:grey;}
a.green_ban:link { color: red; font-weight: 555; vertical-align: left;  line-height: 44px;  padding: 0px 22px 0px 46px; margin: 18px 8px 18px 10px;  text-indent: -58px;font-size:44px;  display:inline-block; }
a.green_ban:hover { color:  white; }
a.green_ban:visited{ color: #00007f;}
a.gelb:link {color: #4b1305; font-size: 17px; font-weight: 444; padding: 2px 4px 2px 4px;  line-height: 55px; margin: 0px 0px 0px 0px;  background: #ffffac;	font-weight: 525; letter-spacing:1px;  }
a.gelb:hover {color: white; background:black; display: list-item;}
a.rot-tb:link {color:  black; font-weight: 444;  font-size: 33px; background: #f4f4f4; padding: 11; margin:0 0 0 0 }
a.rot-tb:hover {color:black; background: grey;  }
a.rot-tb:visited {color: black;  }
a.rot-tb_d:link {color:  white; font-weight: 444;  font-size: 33px; background: red; padding: 11; margin:0 0 0 0}
a.rot-tb_d:hover {color: white; background: grey;  }
a.orange:link {font-family: system-ui,sans-serif; font-size: 39px; margin: 0 8 0 0; padding: 8; font-style: normal; font-weight: 400; letter-spacing: 0.384px; orphans: 2; display: block; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color:black;}
a.orange:hover {color: black;background:yellow }
a.white_ban:link {font-size: 36px; color: #ffffff; padding: 16 16 16 16; }
a.white_ban:hover {color: black; background: #ffff00;display:box;}
a.black-ti:link {color: black; font-weight: 444; margin: 0 10 0 10; padding:11 4 11 4; font-size: 38px; background:#85b9ea; letter-spacing:4px; word-spacing:10px; text-transform:uppercase; }
a.black-ti:hover {color: black; background:white; }
a.gelb-ti:link {color: black; font-weight: 444;  margin: 0 10 0 10; padding: 11 4 11 4; font-size: 38px; background:#fcffdb; letter-spacing:4px; text-transform:uppercase; word-spacing:10px; }
a.gelb-ti:hover {color: black; background: #ffffff; }
a.gelb-ti:visited {color: #2a2a2a;background: grey; }
a.gruen-ti:link {color:#101010; font-weight: 555;  margin: 11 10 0 10; padding: 4 4 4 4; font-size: 38px; background:#d4d4d4; letter-spacing:4px; word-spacing:10px; }
a.gruen-ti:hover {color: black; background: white; }
a.gruen-ti:visited {color: black; background: grey; }
a.rot-ti:link {color:white; font-weight: 644;  margin: 11px 10px 0px 10px; padding: 4px 4px 4px 4px; font-size: 39px; letter-spacing:2px; word-spacing:5px; font-family: Arial, Helvetica, sans-serif; }
a.rot-ti:visited {color: grey;}
a.blau-ti:link {color:  black; font-weight: 355;  margin: 8 8 22 2; padding: 4px; font-size: 33px; background:#fcffdb; letter-spacing:4px;}
a.blau-ti:hover {color: black; background: #ffffff; }
a.black:link {color: white; font-size:27px; margin: 8px 0px 0px 4px; padding: 12; text-align: left;  font-weight:444; display: table-cell;  text-transform: uppercase;  word-break: break-all; background: black; display:box; }
a.black:hover {color: grey;  }
a.blau3:link {color:white; font-size: 33px;font-weight: 333;  text-transform: uppercase; width: 100%; padding:4;  display:  inline-block; margin: 4 0 4 0; background:#1f92ab; line-height:55px }
a.blau3:visited {color: #727272;  background:#e9ecf6; }
a.blau3:hover {color:black;  background: yellow; }
a.blau:link {color: white; font-size:30.21px  font-weight: 444; padding: 14px;  margin: 11px 0px 11px 0px;  background:#F3F781; line-height: 33px; font-weight: 425; letter-spacing:1.3px; display: list-item;  list-style-type: none; }
a.blau:hover {color: black;  background: blue;}
a.blau_n:link {color: white; letter-spacing: 2px; font-size:15px; margin: 0px 0px 0px 11px; padding: 8px 11px 11px 11px; line-height: 55px;  text-align: left;  font-weight:444;   font-family: system-ui; background-color:blue;display: block; width:100%;  }
a.blau_n:hover {color: white; background: black;  }
a.blau_n:visited {color: white; background:#06556e;  }
a.greni.blue {background: blue; color: white; font-weight:444; }
a.greni.red {background: red; color: white; font-weight:444; }
a.nobreak:link {color: white; font-size:27px; margin: 11px 11px 11px 11px; padding: 11px 11px 11px 11px; line-height: 47px;  text-align: center;  font-weight:444;   background:#00325d;  display: inline ! important; float: none;  } }
.flex {
display: flex;
justify-content: center;
align-items: center;
}
video.responsive-video {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 980px)  {
video.responsive-video {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 980px){
div.container-fluid {  important; float: center;  width: 100%; background: white; }
.myButton {
border:0px solid #314179;
background-color:#ff0000;
display:inline-block;
cursor:pointer;
color:black;
font-family:Arial;
font-size:56px;
font-weight:bold;
padding:0px 22px 0px 22px;
margin: 0px 11px 11px 1px;
text-decoration:none;
text-shadow:0px 1px 0px #7a8eb9;
}
.myButton:hover {
background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
background-color:#5972a7;
}
.myButton:active {
position:relative;
top:1px;
}
.object-fit {
width: 860px;
height: auto;
margin: 8 0 8 0;
border:1px solid green;
}
.object-fit img {
object-fit: cover;
width: auto;
height:auto;}}
@media only screen and (max-width: 980px)  {
.clearfloat {clear:both;4 height:0; font-size: 1px; line-height: 0px;}
}
@media only screen and (min-width: 981px)  {
.clearfloat {clear:none;}
.myButton {
border:0px solid #314179;
background-color:#ff0000;
display:inline-block;
cursor:pointer;
color:black;
font-family:Arial;
font-size:29px;
font-weight:bold;
padding:0px 11px 0px 11px;
margin: 0px 11px 0px 1px;
text-decoration:none;
text-shadow:0px 1px 0px #7a8eb9;
}
.myButton:hover {
background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
background-color:#5972a7;
}
.myButton:active {
position:relative;
top:1px;
}
ul.share-buttons{
  list-style: none;
  padding: 6px 0px 0px 0px;
  background-color:black;
    width: 912px;
}
ul.share-buttons li{
  display: inline;
}
ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
ul.share-buttons img{
  width: 32px;
}
a.greni:link {color: white; font-size:16.3px; letter-spacing: 0.7px; font-weight: 444;   display:box;   background: black; text-align: right; margin:1px 4px 0px  4px;   line-height: 32px;  }
a.greni:visited {color: #3c3c94; display: list-item;  list-style-type: none; }
a.greni:hover {background: yellow; }
}
@media only screen and (max-width: 980px) {
	ul.share-buttons{
  list-style: none;
  padding: 0;
  background-color:#1d2d44  ;
  width:100%;
}
ul.share-buttons li{
  display: inline;
}
ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(11px 11px 11px 11px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
ul.share-buttons img{
  width: 64px;
}}