body {background: #00325d; color: rgb(34, 34, 34);   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; }
/************LINKS - STANDART******************/
a:link { 
font-weight: normal;
color: #495f65;
font-size: 14px;
text-decoration: none; 
} 
a:visited { 
text-decoration:none;
color:grey;
} 
a:active { 
text-decoration:none;
} 
a:hover {
text-decoration:none;
color:blue;
} 
body {margin:0;}
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;
}
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;
}
li a {
display: inline-block;
text-align: center;
text-decoration: none;
}
li a:hover {
background-color: yellow;
color: black;  
}
/***********navigation - hintergrundfarben************/
a.active_blue {
margin: 0px 0px 5px 0px;
color: white;
text-align: center;
   letter-spacing: 0.19em;
  border:8px;
  padding:8px;
  background-color: red;
  border: 1px solid white;
}
a.active_blue:hover {
color: black;
text-align: center;
   letter-spacing: 0.19em;
  border:8px;
  padding:8px;
  background-color: yellow;
  border: 1px solid white;
}
a.active0 {
margin: 0px 0px 5px 0px;

color: white;
text-align: center;
   letter-spacing: 0.19em;
  border:8px;
  padding:8px;
  background-color:#05053d;
  border: 1px solid white;
}
a.active0: hover {
margin: 0 0 5 0;
font-size: 12px;
color: white;
text-align: center;
   letter-spacing: 0.19em;
  border:8px;
  padding:8px;
  background-color:yellow;
  border: 1px solid white;
}
   /** anpassung von text right - kleinere monitore **/
@media only screen and (max-width: 980px) {
a.active0 {
margin: 4px;
font-size: 30.4px;
text-align: center;
letter-spacing: 1.8px;
border:7px;
padding:10px ;
border: 1px solid white;
}
a.active_blue {
margin: 4px;
font-size: 34.4px;
text-align: center;
letter-spacing: 1.8px;
border:7px;
padding:10px ;
border: 1px solid white;
}
a.active_red:link {
margin: 4px;
font-size: 29.3px;
text-align: center;
background-color:#889000;
letter-spacing: 2px;
border:8px;
padding:14px 8px 14px 8px;
  border: 1px solid white;
}
}
/** größere monitore **/
.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){
.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; }}
/** größere monitore **/
div.text_long{ 
background-color: white;
justify-content: center;
vertical-align: top;
line-height: 24px; 
width:442px;
padding: 11px 8px 11px 0px;
height: auto;
margin: 0px 0px 0px 0px;
}
p.c2s {    margin: 11px 22px 11px 42px; padding-left:20px;   line-height: 22px; color: rgb(0, 0, 0); font-weight: 499; letter-spacing: 1.6px; orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2;   text-indent: -19px;}
@media only screen and (max-width: 980px) {
.button {
  background-color: #4CAF50;
  border: none;
  font-size: 14px;
  padding: 11px 11px 11px 37px;
  text-align: left;
  text-decoration: none;
  display:grid;
  cursor: pointer;}

}
/**********klein *************/
figure {
  display: table;
}
figcaption {
  display: table-caption;
      width: 822px;
	  	  align-items:center;
	  	margin: 0px 0px 18px 3px;
  caption-side: bottom;
}
@media only screen and (max-width: 980px) {
figure {
  display: block;
}
figcaption {
  display: table-caption;
      width: 888px;
	  	margin: 0px 0px 0px -0px;
  caption-side: bottom;
}}
 display: inline ! important; 
/*GROSSE SCHRIFTEN*/










p.c3 {margin: 11px 11px 11px 11px; padding: 1px 44px 1px 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.c1 {color:#474bed;  font-weight:500;   letter-spacing: 1.9px; margin: 52px 22px 22px 22px; padding: 22px 22px 0px 22px; align: center; font-size: 19px;  line-height: 26px; }

p.c1sm {color:#474bed;  font-weight:500;   letter-spacing: 1.9px; margin: 52px 22px 23px 22px; padding: 0px 22px 0px 22px; align: center; font-size: 19px;  line-height: 26px; }

p.c1s  {margin: 14px 22px 14px 42px;  font-size: 15.1px; line-height: 26px; letter-spacing: 1.1px; color: red; font-family: &quot;Open Sans&quot;,serif; font-style: normal; font-weight: 499;  orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2; background-color: rgb(255, 255, 255);  max-width: 455px;}

p.c1sl { font-size: 19.5px; text-align: right;  color: blue; margin: 0px 32px 16px 22px; letter-spacing: 1.8px;}

p.c2 {margin: 14px 22px 14px 42px;  font-size: 15.1px; line-height: 26px; letter-spacing: 1.1px; color: #1b282c; font-family: &quot;Open Sans&quot;,serif; font-style: normal; font-weight: 499;  orphans: 2; text-align: left;  text-transform: none; white-space: normal; widows: 2; background-color: rgb(255, 255, 255);  max-width: 455px;}
p.c2l {font-size: 14.3px; text-align: left;   min-height: 88px; vertical-align:top; color: #624c1e; margin: 0px 11px 33px 22px; padding: 0px 22px 0px 22px; line-height: 26px; letter-spacing: 1.4px; word-spacing: 3px;}
p.b2 { padding: 22px 0px 0px 11px; margin: 11px 0px 0px 11px; 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; 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 {margin: 0px 11px 34px 11px; padding: 0px 11px -22px 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-transform: none; white-space: normal;  word-spacing: 0px; line-height: 22px; font-size: 16,5px; background-color: rgb(255, 255, 255);}
p.dn { line-height: 18px; margin: 11px 0px 2px 0px; padding: 0px 18px 0px 18px;  font-size: 18.6px; line-height: 28px; color: black; font-family: "font-family: 'Times New Roman', Times, serif"font-weight: 500; letter-spacing: 0.9px; orphans: 2; text-align: center;  text-transform: none; white-space: normal; widows: 2; background-color: wite;   }

h1{ background: rgb(2,0,36); background: #ef0000; 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: rgb(2,0,36); background: linear-gradient(90deg, #00325d 0%, #002443 52%, #000f1c 93%); 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.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.hilfe { padding:0px 11px 11px 11px; font-size: 21px; line-height: 1.0em; margin-top:-6px; }
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: 20px; font-weight: 400; margin: 4 0 20 0; padding: 11px 11px 11px 44px; 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;}

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{ font-size:25px; font-weight: 633; line-height:38px; padding: 22px 8px 0px 8px; margin: 27px 0px -11px 0px; color: #c32626;  text-align: center; letter-spacing: 0.7px; color: black;  }
h4.head1{ font-size: 22px; font-weight: 400; line-height:38px; padding: 8px 8px 8px 8px;  color: red; }

h5  { text-align: center; line-height: 10px;  font-size: 0.98em; font-weight: 400}
h6 { padding: 6px 88px 11px 88px; margin: 2px 0px 2px 0px 2px;font-size: 19px; line-height: 22px; color: #860a0a; font-weight: 499; font-style: normal; letter-spacing: 0.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 3px;  width: 100%; box-shadow:
      inset 0px 0 0 white,
      inset 0px 0 0 white, 
      inset 0px 0px 0 white,
	  inset 0px 0px 0 white;}
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.gelb1 { color: black; padding:24px 11px 4px 11px; width: 411px;  height: 475px; margin:50px 0px 22px 64px; background: rgb(102,68,68); display:block;
background: linear-gradient(90deg, rgba(102,68,68,1) 0%, rgba(36,17,17,1) 52%, rgba(36,17,17,1) 93%);}
h6.gelb { font-size: 23px; font-weight: 400;  margin: 22px 0px 28px 0px;  padding: 22px 99px 0px 111px; font-family: Gill Sans Extrabold, sans-serif; letter-spacing: normal; line-height: 33px; orphans: 2; text-align: left; text-indent: 0px;  white-space: normal; widows: 2; word-spacing: 4px; color: #ff3300;}
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%;}
/** KLEINERE MONITORE **/

@media only screen and (max-width: 980px) {


p{color: black; font-size:14.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: 33px 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;  }h2
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.c1 {color: red;  font-size: 41px; letter-spacing: 1px; margin: 55px 11px 11px 11px; padding: 22px 0px 0px 0px;text-align: center; font-weight:499; line-height: 45px; max-width: 100%; font-style: normal;text-transform: none; word-spacing: 0.3px; letter-spacing: 2px;}
p.c1sm {color: #474bed;  font-size: 26px; letter-spacing: 1px; margin: 55px 0px 0px 0px; padding: 22px 0px 11px 0px;text-align: center; font-weight:499; line-height: 45px; max-width: 100%; font-style: normal;text-transform: none; word-spacing: 2px; letter-spacing: 5px;}

p.c1s {color: blue;   line-height: 51px;  font-size: 14.4px; padding: 11px 11px 11px 22px; margin:8px 0px 8px 0px;  align: center;  font-weight:444;     max-width: 100%;}
p.c2l {font-size: 14.3px; text-align: left;   color: #624c1e; margin: 0px 11px 88px 22px; padding: 0px 22px 0px 22px; line-height: 26px; letter-spacing: 1.4px; word-spacing: 3px;}
p.c2 {  padding: 11px 11px 11px 22px; margin:8px 0px 8px 0px; line-height: 51px;  font-size: 14.4px; max-width: 100%;}
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: 11px 0px 44px 0px; padding: 0px 18px 0px 18px;  font-size: 14.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: center;  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.c2s {margin: 11px 11px 6px 22px; padding: 16px 0px 11px 38px; color: red; line-height: 26px; font-size: 41px; text-indent: -48px;}
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 { 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: #ef0000;}
h1.g {  font-size:19px; padding: 22px 0px 22px 11px; margin: 8px 8px 8px  0px; }
h1b { color:white; font-size: 55px;}
h1.l {padding:  padding: 88px 77px 11px 84px;}
h2 { margin:68px 0px -11px 0px; font-size: 38px; 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: #0c4754;  font-size: 20px; font-weight: 400; margin: 4 0 20 0; 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;}
h3.jwa { color: #0c4754;  font-size: 20px; font-weight: 400; margin: 4 0 20 0; 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 { 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: #474bed;  font-size: 47px; padding: 22px 11px 6px 11px; margin: 22px 11px 6px 11px;  text-align: center; font-weight:500; line-height: 62px; max-width: 100%; font-style: normal;}

h5  { text-align: right; line-height: 10px; margin: 0 0 0 0; padding: 6 0 6 0; margin-top:11px; font-size: 0.98em; font-weight: 400}
h6  {background: none;  line-height: 27px; font-weight:444;letter-spacing: 0.1px; word-spacing: 7px; margin-top: 44px;  }


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; }

h6.gelb {color: green;  font-size:24.4px;  line-height: 51px; font-weight:400; font-family: Gill Sans Extrabold, sans-serif;letter-spacing: 1.2px; word-spacing: 6px; margin: 8px 11px 11px 0px; padding: 22px 22px 22px 22px; }
}
div.text_long1{ 
background-color: white;
justify-content: left;
display: table-cell;
vertical-align: top;
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;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text_long { 
line-height: 25px; 
background-color: white;
vertical-align: top;
margin: 0px ;
width:auto;
padding: 0px 22px 0px 22px;
height: auto;}
div.text_long1 { 
line-height: 24px; 
background-color: white;
align-self: auto; 
display: table-cell;
vertical-align: top;
align-items: left;
margin: 0 ;
width:auto;
line-height: 40px; 
padding: 22 11 22 11;
height: 555px;}
div.text_long2{ 
line-height: 24px; 
background-color: white;
align-self: auto; 
display: table-cell;
vertical-align: top;
align-items: left;
margin: 0 ;
width:auto;
line-height: 40px; 
padding: 22 11 22 11;
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_breit{ 
background-color: white;
justify-content: center;
vertical-align: top;
align-items: left;
display: table-cell;
line-height: 28px; 
width:902px;
padding: 4px 16px 4px 16px; 
}
div.text_black{ 
background-color: #0c4754;
justify-content: center;
vertical-align: top;
align-items: left;
display: table-cell;
line-height: 28px; 
width:902px;
padding: 4px 16px 4px 16px; 
}
div.text_non{ 
justify-content: center;
vertical-align: top;
align-items: left;
display: block;
line-height: 28px; 
width:902px;
padding: 4px 0px 4px 0px; }
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:904px;
padding:0px 0px 0px 0px;
height: auto}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text_in{ 
margin: 0px;
width: auto;}
}
@media only screen and (max-width: 980px) {
div.text_breit{ 
background-color: white;
border: 0px;
justify-content: left;
display: table-cell;
vertical-align: top;
align-items: left;
margin: 12px;
width:auto;
padding:11px;
height: auto;}
div.text_non{ 
background-color: transparent;
justify-content: center;
vertical-align: top;
align-items: left;
display: block;
line-height: 28px; 
margin:22px;
width:auto;
padding: 4px 0px 4px 0px; }
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
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;}
}
/** 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;}
}
/**********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;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text1 { 
font-size:44px;  
line-height: 22px; 
width:444px;
height: 614px;}
}
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;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.text1_sm { 
font-size: 30px;  
text-align: left;
line-height: 35px; 
font-style: normal;
height: 102px;}
}
/***********Sprueche-Banner green - evtl. ueberflussig ***********/
div.ban_green {
margin: 0 auto;
padding:22px;
margin: 0px;
background-color:red;
font: white;
display: outline-box;
width: 900px;
text-align: center;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.ban_green {
	color: white;
margin: 0 auto;
padding:11px;
margin: 0px;
background-color:red;
font: white;
display: outline-box;
width: 980px;
text-align: center;}}
/***********BANNER GROSS ***********/
.ban_gelb {
margin:0px 0px 0px 0px;
padding: 0px;
height:auto;
background-color: white;
width: 900px;
}
div.ban_blau {
margin:8 0 8 0;
padding: 16 0 16 16;
background-color: #889000; 
width: 890px;
text-align: center;
}
div.ban_rot {
margin:8 0 8 0;
border:0px solid transparent;
background-color: red;
padding: 8;
font-size: 16px;
color: 323232;
width: 894px;
height: 67px;
display:grid;
text-align: center;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
div.ban_blau{ 
margin: 8 0 8 0;
padding:11;
line-height: 44px;
width: 980px;
display:grid;
background-color:#889000; 
}}
@media only screen and (max-width: 980px) {
div.ban_rot{ 
margin: 16 0 16 0;
width: 980px;
padding:8 4 8 4;}
}
@media only screen and (max-width: 980px) {
div.ban_gelb{ 
margin: 11 0 11 0;
width: 980px;
}
}
/** größere monitore **/
@media only screen and (min-width: 981px) {
div.ban_petrol { 
font-size: 16px;  
padding:11px 11px 11px 11px; }
}
/** Kleinere Monitore **/
@media only screen and (max-width: 980px) {
div.ban_petrol{ 
font-size: 14px;  
padding:11px 11px 11px 11px;}
}
/***********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: 4 0 4 0; 
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: grid;
justify-content: center;
align-items: center;
} 
/************ LAUFSCHRIFT *************/
div.text_tv_z {
box-shadow: 1px  1px 11px 1px petrol;
display: grid;
justify-content: center;
align-items: center;
margin:32px 11px 32px 11px;
padding: 1px 2px 1px 2px;
border-bottom: 2px solid grey; 
color: black;
background:black;
width:auto;
height: 1px;
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: 77px 0px 77px 0px;
padding: 4px 2px 4px 2px;
background-color: red;
vertical-align: middle;
color: black;
width:auto;
height:24px;
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;
padding: -88px 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:4px 4px;
display: table-cell;
}
@media only screen and (max-width: 980px) {
	.divTableRow {
display: table-row;
background: white;
margin: 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;}
/** 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;
}
@media only screen and (max-width: 980px) {
.nav2{
font-size:27px;
margin: 0 8 22 0;
}
}
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: 166px; 
height: 166px;
padding:11px;
float: left;
margin: 33px 22px 32px 22px;
}
.pic_gal{
width: 456px; 
height: auto;
float:top; 
padding: 4px 11px 4px 22px;
margin-right: 3px;
}



@media only screen and (max-width: 980px) {

.pic_qr{
width: 233px; 
height: 233px;

margin: 111px 22px 33px 0px;
float: left;
}
.pic_gal{
width: 922px; 
height: auto;
padding:0px 0px 0px 0px;
margin: 0px;
   display: flex; 
    justify-content: center; 
    align-items: center;
}
}


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; 
}
/** Ende klein **/
.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:440px; 
float: center;
height: 644px;
margin:2px 2px 22px 2px;

padding: 2px 12px 12px 12px;
}
.monitor_bigger {
width:100%; 
height:533px;

align: center;


}
.monitor {
padding:11px;
width: 488px; 
height: auto;
border: 2px solid grey; 
margin: -11px 0px 11px 162px;
}

.monitor_left {
padding:11px;
float: right;
display: inline; 
margin:0px 32px 11px 32px;
border: 1px solid ; 
border-color: #3a94ac;
width: 368px;
height: 231px;

}

.monitor_red {
padding:11px;
float: right;
display: inline; 
margin:0px 32px 11px 32px;
border: 3px solid ; 
border-color: red;
width: 368px;
height: 231px;

}

.monitor_leftl {
padding:4px 11px 11px 11px;
float: left;
display: block; 
margin:33px 44px 0px 32px;
border: 3px solid ; 
border-color: blue;
width: 368px;
height: 231px;

}

.monitor_auto {
padding:8px 8px 8px 8px;
float: left;
display: block; 
margin: 0px 11px 32px 22px;
width: 398px;
height: auto;
min-height: 264px;

border: 2px solid grey; 
}
.medien {
width: 219px; 
height:88px;
border: 6px solid black;}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {


.l_media {

width: 55px;
height:55px;
float: left;
margin:-6px 8px 11px 0px;

}
.monitor_left {
padding:11px;
float: center;
display: block; 
margin: 22px 2px 33px -2px;
    width: 100%;
    height: 588px;
border: 5px solid; 
border-color: blue;
}

.monitor_red {
padding:11px;
float: center;
display: block; 
margin: 22px 2px 33px -2px;
    width: 100%;
    height: 588px;
border: 5px solid; 
border-color: red;
}

.monitor_leftl {
padding:11px 11px 11px 11px;
float: center;
 
margin: 11px 11px 11px 0px;
    width: 100%;
    height: 588px;
border: 5px solid; 
border-color: red;
}

.monitor_auto {
padding:11px;
float: left;
display: block; 
margin: 0px 11px 28px 11px;
padding: 0px 11px 0px 11px;

    width: 100%;
    height: auto;
min-height: 555px;
max-height:auto;
border: 2px solid grey; 
}
.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;
float: left;
display: block; 
margin: 0px 0px 33px 0px;
    width: 100%;
    height: 588px;}

.medien{
border:2px solid black;
width:219px;
height:92px; }
}
/** größere monitore **/
@media only screen and (min-width: 981px) {
.medien{
border:8px solid;
 }
}
/******** LOGOGROESSE OHNE RAND ***********/
.logo_rand{
margin-bottom: 16px;
width: 277px;
height: 72px;}
/** größere monitore **/
@media only screen and (min-width: 981px) {
.logo_rand{
width:344px;
height:77px; }
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
.logo_rand{
width:381px;
height:99px;
margin-bottom: 8px;
margin-top: 4px;}
}
/* LOGOGROESSE - Abstand oben sekundär wichtig*/
.logo{
width: 322px;
align-items: right;
margin-bottom: 22px;
height: auto;}
@media only screen and (max-width: 980px) {
.logo{
width:344px;
height:auto; }
}
@media only screen and (max-width: 980px) {
.flex { 
position:relative;
top:0px;
left: ;}
}
/** kleinere monitore **/
@media only screen and (max-width: 980px) {
.font_nav{
font-size: 42px;}
}
/* unterschiedliche Schriftgroesse bei NEWS*/
.font_nav{
font-size:32px;}
.font_hl{
font-size:18px;}
@media only screen and (max-width: 980px) {
.font_hl{
font-size:42px;
color: white}
}
@media only screen and (min-width: 981px) {
.font_hl{
font-size:18px;
color: white}
}
/* schwarze Schrift bei button aktiv*/
.font_nav_c{
color: black;}
/**********NAVIGATION ***********/
/*****************TEXT RECHTS NEBEN KLEINEN BILDERN***************/
.text_right_f {-webkit-box-shadow: 11px 2px 2px 2px #ff3300;
box-shadow: 4px -6px 1px 0px black;
display: grid;
justify-content: left;
align-items: left;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
border:5px solid transparent;
background-color:white;
font-size: 16px;
color: black;
width:584px;
height: 184px;
text-align: left;
font-size: 16px;}
/*****************Text rechts neben Kleinen -Bildern - hier bricht bold  um ***************/
.text_right_fs {-webkit-box-shadow: 11px 2px 2px 2px #ff3300;
box-shadow: 4px -6px 1px 0px black;
display: grid;
justify-content: left;
align-items: left;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
border:5px solid transparent;
background-color: white;
font-size: 18px;
color: black;
width:584px;
height: 184px;
text-align: left;}
/*****************Text rechts neben Mini-Bildern - hier bricht bold nicht um ***************/
.text_right_fm {
justify-content: left;
align-items: left;
vertical-align: top;
padding: 8 8 8 8;
margin: 0 0 0 0;
border:5px solid transparent;
vertical-align: top;
color: black;
text-align: left;
width: 608px;
height:222px;}
/** anpassung von text right - kleinere monitore **/
@media only screen and (max-width: 980px) {
.text_right_fm{ 
display: grid;
justify-content: left;
align-items: left;
vertical-align: middle;
margin: 22 0 0 0;
padding: 8  8 0 8;
vertical-align:top;
color: black;
text-align: left;
width: 668px;
height:auto;}
}
/** anpassung von text right - größere monitore **/
@media only screen and (min-width: 981px) {
.text_right_f{ 
font-size: 14px;  
line-height: 22px; 
height: 183px;}
}
@media only screen and (min-width: 981px) 	{
.text_right_fs {-webkit-box-shadow: 11px 2px 2px 2px #ff3300;
box-shadow: 4px -6px 1px 0px black;
display: grid;
justify-content: left;
align-items: left;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px; 
padding-top: 10px;
border:5px solid transparent;
background-color: white;
color: black;
width:584px;
height: 184px;
text-align: left;
font-size: 19px;}
}
/** anpassung von text right - kleinere monitore **/
@media only screen and (max-width: 980px) {
.text_right_f { 
font-size: 28px; 
height: 211px; }

.text_right_fs {-webkit-box-shadow: 11px 2px 2px 2px #ff3300;
box-shadow: 4px -6px 1px 0px black;
display: grid;
justify-content: left;
align-items: left;
margin-left: -2px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 3px;
border:5px solid transparent;
background-color: white;
font-size: 16px;
color: black;
width:584px;
line-height:30px;
text-align: left;
font-size: 28px; }


}

/** grosse Seite**/

a.greno { padding: 11px 0px 0px 5px ;  margin:2px 0px 2px 4px;   background:white;  display: list-item;  list-style-type: none;  }
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: blue;}
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: black; font-weight: 555;  margin: 8px; padding: 4px 4px 4x 4x;  font-size: 17px; letter-spacing:2px; word-spacing:4px;text-transform:uppercase; background:yellow;}
a.rot-tik:link {color: black; font-weight: 555;  margin: 8px; padding: 4px 4px 4x 4x;  font-size: 17px; letter-spacing:2px; word-spacing:4px;text-transform:uppercase; background:#A9D0F5;}

a.rot-tik:visited { background:#F2F5A9;}
a.rot-ti:hover {color: red; background: black; }
a.rot-ti:visited {color: black; background: #F2F5A9; }
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.grin:link {color: black; font-size:13.3px; font-weight: 444; padding: 0px 4px 0px 11px ; margin: 0px 4px 0px 33px ;   line-height: 26px; letter-spacing:1.3px; display: list-item;  list-style-type: none; }
a.grin:hover {color: grey;font-size:13.3px;  }
a.grin:visited {color: grey; font-size:13.3px;}

a.grenr:link { color:red; font-size: 16.5px; font-weight:444; padding: 22px 11px 4px 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; list-style-type: none;}

a.grenr:hover { color: blue; }
a.grenr:visited {background: #ff5252; color: red; }
a.greni:link {color: black; font-size:16px; letter-spacing: 2px; font-weight: 444; padding: 2px 4px 2px 0px ;  display: list-item;  list-style-type: none; margin:11px 11px 11px  44px;   line-height: 22px;  }
a.greni:visited {color: black; display: list-item;  list-style-type: none; }
a.greni:hover {background: yellow; }
a.greni1  {color: black; font-size:22px; letter-spacing: 2px; font-weight: 444; padding: 2px 4px 2px 0px ;  display: list-item;  list-style-type: none; margin:14px 11px 11px  44px;   line-height: 22px;  }
a.greni.blue {background: blue; color: white; font-weight:444; }
a.greni.red {background: red; color: white; font-weight:444; }

/*SUBNAVIGATION*/
a.rot-tb:link {color:  black; font-weight: 444;  font-size: 18px; background: #f4f4f4; padding: 4 8 4 8; margin: 122 0 0 0 }
a.rot-tb:hover {color:black; background: grey;}
a.rot-tb:visited {color: black; font-size: 20px; }
a.rot-tb_d:link {color:  white; font-weight: 444;  font-size: 19px; background: #c3464c; padding: 4 8 4 8; margin: 122 0 0 0}
a.rot-tb_d:hover {color: white; background: grey;  font-size: 19px;}
a.orange:link { font-size: 19px; margin: 33 0 0 0; font-style: normal; padding: 8px;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.black-t:link {color: #ffffff; font-weight: 333;  font-size: 1.4em; background: #000066; }
a.black-t:hover {color: #575757; font-weight: 333;  font-size: 1.4em; }
a.black-t:visited{color: #000000; font-weight: 333;  font-size: 1.4em; }
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.black_ban:link { color: black;  padding: 6px 0px 0px 22px; margin: 8px 0px 0px 0px; width: 100%; line-height: 20px; border:  4px solid petrol; display: table-cell; vertical-align: middle;display: list-item;  list-style-type: none;}
a.black_ban:hover {font-weight: 444; color:  grey; }
a.black_ban:visited{ color: grey; }
a.green_ban:link { color: red; font-weight: 444; vertical-align: left;    padding: 0px 22px 0px 36px; margin: 11px 8px 11px 10px;  text-indent: -26px;font-size:19px;  display:inline-block; }
a.green_ban:hover { color:  white; }
a.green_ban:visited{ color: #00007f;}
a.underline:link{ color: black;	  border-bottom: 2px solid #000;
line-height:3em;;}
/*SCHRIFT IN BANNERN*/
a.white_ban:link {color: #fafafa;  font-weight: 444;  font-size: 22px; font-style: normal; letter-spacing: -0.1px; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
a.white_ban:hover {color: black; background: #ffff00;display:box;}
a.blau_n:link {color: white; font-size:17px; margin: 0px 8px 0px 8px; line-heigt: 11px; padding:8px 11px 8px 11px; text-align: center;  font-weight:444; display: table-cell; background: #00325d; }
a.blau_n:hover {color: white; background: grey;  }
a.blau_n:visited {color: white; background: grey; }
a.comment:link {color: black; font-size: 12.88px; font-weight: 444;  padding:4px 11px 4px 152px;  text-decoration: underline; line-height: 22.34px; 	font-weight: 525; letter-spacing:0.8px; word-spacing: 2px; display: list-item;   list-style-type: none; }
a.comment:hover {color: white; background: blue; display: list-item;}
a.sprung:link {color: #ff6633; font-size: 21px; padding: 33px 14px 5px 24px;  line-height: 22px; font-weight: 555; letter-spacing:3px; word-spacing: 8px; }
a.sprung:hover {color: blue; }
a.sprung:visited { color: red; }
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.braun: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.braund{ color:white; font-size: 20.5px; font-weight:444; padding: 2px 4px 5px 4px; margin: 2px 11px 0px 0px; letter-spacing:3px;  font-weight: 444; text-shadow: 1px 1px grey;  word-spacing:2px; background:red;}
a.braun: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;}
/*kleine Monitore*/
@media only screen and (max-width: 980px) {
a.black_ban:link { color: black;  font-size: 14.4px; line-height: 55px; padding: 11px 0px 11px 11px; margin: 11px 0px 11px 11px; width: 100%;  border:  4px solid petrol;  display: list-item;  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.grin:link {color: black; font-size:16.3px; font-weight: 444; padding: 3px 4px 3px 8px ;   line-height: 33px; margin-bottom: 22px; letter-spacing:1.3px; display: list-item;  list-style-type: none; }
a.grin:hover {color: grey;font-size:13.3px;  }
a.grin:visited {color: grey; font-size:16.3px;}
a.braun:link{ color:white; font-size:34.5px; font-weight:444; padding: 2px 11px 2px 11px; margin: 0px 11px 0px 11px; letter-spacing:3px; line-height: 22px; font-weight: 444; text-shadow: 1px 1px grey;  letter-spacing:4px;  display: flex;}
a.braund{ color:white; font-size: 39.5px; font-weight:444; padding: 4px 11px 4px 11px; margin: 11px 11px 11px 11px; letter-spacing:3px; line-height: 1px; font-weight: 444; text-shadow: 1px 1px grey;  word-spacing:2px; background:red;}
a.braun:visited { color:white; font-size:24.5px; }
a.blaun:link{ color:red;  font-weight:444; padding: 11px 11px 22px 11px; font-size: 32px;   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.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:black; font-weight: 444;  margin: 11 10 0 10; padding: 4 4 4 4; font-size: 38px; background:yellow; letter-spacing:4px; word-spacing:10px;text-transform:uppercase;  }
a.rot-tik:link {color:black; font-weight: 444;  margin: 11 10 0 10; padding: 4 4 4 4; font-size: 38px; background:#A9D0F5; letter-spacing:4px; word-spacing:10px;text-transform:uppercase;  }
a.rot-ti:hover {color: black; background: grey; }
a.rot-ti:visited {color: #2a2a2a;background: #F2F5A9;}
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; font-size:39px; margin: 11px 11px 11px 11px; padding: 11px 11px 11px 11px; line-height: 47px;  text-align: left;  font-weight:444;   background:#00325d;  }
a.blau_n:hover {color: white; background: grey;  }
a.blau_n:visited {color: white; } 
a.greni.blue {background: blue; color: white; font-weight:444; }
a.greni.red {background: red; color: white; font-weight:444; }
 }
/*tabelle Quadro - Einstellung Abstand von oben wichtig*/
table.quatro{
width:916px;
margin-top: 38px;
border-collapse: collapse;
}
/** Kleinere Monitore **/
@media only screen and (max-width: 980px) {
table.quatro{ 
margin-top: 77px; }
a.greni:link {color: black; font-size:14px; font-weight: 444; padding: 0px 0px 0px 11px ;  margin:0px 0px 0px 22px 11px;   line-height: 55px; letter-spacing:3px; display: list-item;  list-style-type: none; text-indent:-44px;}
a.greni:hover {background: grey; color:white; }
a.greni:visited {background: #d6d6d7; color:#4f4f4f;}
}
* { box-sizing: border-box; }
/* Vertikales Menue */
.vertical-menu {
width: auto; 
color: #000023;
font-size: 14px;
line-height:22px;
text-align: left;
vertical-align: top;
}
.vertical-menu a {
background-color: white;
color: #000023;
display: box; /* Make the links appear below each other */
padding:0; 
letter-spacing: 0.02em;
word-spacing: 0.18em;
margin-top:0px;
margin-bottom:0px;
text-decoration: none; /* Remove underline from links */
}
.vertical-menu a:hover {
background-color: #ffff99; /* Dark grey background on mouse-over */
}
.vertical-menu a.active {
background-color: white; 
color: white;
}
@media only screen and (max-width: 980px) {
.vertical-menu {
line-height: 33px;
display: float; 
font-size: 13px;
padding:0px;
width:auto;
background-color: white;
margin: 0px;}
}
.vertical-menu a {
background-color: white;
color: #000023;
display: box; /* Make the links appear below each other */
padding:0px; 
letter-spacing: 0.02em;
word-spacing: 0.18em;
text-decoration: none; /* Remove underline from links */
}
.vertical-menu-g {
background-color:white; /* Grey background color */
padding:0;/* Add some padding */
margin: 0px;
border: 0px;
text-decoration: none; /* Remove underline from links */
}
.vertical-menu-g a {
background-color:white; /* Grey background color */
display: block; /* Make the links appear below each other */
padding: 4 0 4 0; /* Add some padding */
margin: 0px;
border: 0px;
text-decoration: none; /* Remove underline from links */
}
.vertical-menu-g a:hover {
background-color: #0033cc;
color:white; /* Dark grey background on mouse-over */
}
/*Roter Einzelbalke-n - roter Hintergrund*/
.vertical-menu-r1 {
width: auto; /* Set a width if you like */
margin-top: 1px;
border: 4px;
}
/*Wichtige Hinweise auf Homepage als Liste ohne Punkte - roter Hintergrund*/
.vertical-menu-r {
font-size: 14px;
text-align: left;
vertical-align: top;
padding:2px;
width:904px;
margin: 4 0 4 0;
}
@media only screen and (max-width: 980px) {
.vertical-menu-r {
font-size: 14px;
}
}
.vertical-menu-r a {
background-color:red; /* Grey background color */
color: white; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 10px; /* Add some padding */
border: 4px;
}
.vertical-menu-r a:hover {
background-color: #ffff00; /* Dark grey background on mouse-over */
}
/*Wichtige Hinweise auf Homepage als Liste ohne Punkte - grüner Hintergrund*/
.vertical-menu-g {
width: auto; /* Set a width if you like */
}
.vertical-menu-g a.active {
background-color: #4CAF50;
color: white;
}
bg span {
  background: gold;
 }
 .div_t {
  width: 200px;
  column-count: 3;
}
.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.container-fluid {display: inline ! important; float: left;   margin:11px 0px 0px 0px; border-color: white; background: white; padding:0px;}
   }
@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 {  line-height: 44px;  width: auto; display: grid ! important; float: center; margin: 0px 11px 0px 11px; width: auto; background: white; padding:0px 0px 0px 0px;}
   }

@media only screen and (max-width: 980px) {
.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;}
   }

