@charset "utf-8";html{box-sizing:border-box;}
*,*:before, *:after{box-sizing:inherit;}
body{position:relative;left: 5px; top: 0px;/font-size:1em;line-height:1.5em;color:#222;background-color:#FFFFFF;height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
p{padding:0px 5px;margin:6px 0;line-height:1.5em;}
H1,H2,H3,H4,H5,H6{font-size:1.3em;padding:10px 2px; margin:2px 0 5px 0;}
img{max-width:100%;height:auto; margin:0;}
a {text-decoration: none;}a:active {text-decoration: none;}a:focus {text-decoration: none;}
table {margin: 3em 0 0 0;}
thead,th {font-size: medium;padding: 8px;	margin: 0;background-color: #000;color: #fff;text-align: center;}
td {padding: 5px 14px;	margin: 0;}
#kopfbereich {margin:0;padding:0;}
#kopfbereich h1{font-size: medium;padding: 2px;	margin: 0;background-color: #000;color: #fff;text-align: center;}
#kopfbereich  img{display:inline-block;width:98%;margin:auto;}
#kopfbereich div p{	line-height: 1.4em;	/*vertical-align: top;*/display: inline-block;font-size: 0.8em;	padding: 3px;color: #333333;}
#kopfbereich nav {padding:0;margin:0;}
#kopfbereich nav ul{display: block;	text-align: left;}
#kopfbereich nav li{width: auto; padding: 0;font-size:1.2em;margin:0.9em 0.3em;}	
#kopfbereich nav a{color: #444;padding:0;margin:auto;background-color:#FFF;}		
#kopfbereich nav a:hover{color:#ED1C1C;background-color:inherit;text-shadow: 2px 2px 4px  #666666;}
#kopfbereich nav a:active{color: #C60;}	
#fuss{	position: fixed;left:0px;right:0px;bottom:0px;text-align:center;font-size:small;padding:5px 0;background-color:#000;color:#FFF;}
#fuss a{color: #FFF;display: inline-block;	text-decoration: none;margin-right:10px;padding: 3px 0; vertical-align:middle;}
#fuss a:hover{color:#C00;}
#fuss a:active{color:#C60;}
#fuss img{padding-top:5px;}
#info{position:relative;margin:40px 0;padding: 5px 5px 50px 5px;background-color: #E9E9E9;color:#777;text-align:center;}
#info section{display: block;margin: 0;	width:100%; min-height:20em;padding: 3px; }
#info section p{text-align: justify;-webkit-hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;	hyphens:auto;}
#info section ul{list-style-type: none;font-size: smaller;  text-align: left;}
#info section nav{padding:0;margin: 0;}#info section nav ul{display:block;padding:0;margin:0;}
#info section nav li{ padding:10px;margin:10px;font-size:large;}
#info section nav a{display:inline-block;color:#777;width:100%;}
#info section nav a:hover{color:#ED1C1C; text-shadow: 2px 2px 4px  #666666;background-color:inherit;text-shadow: 2px 2px 4px  #666666;}
#info section nav a:active {color: #C60;}	
#infos{	position: relative;	margin: 40px 0; padding:8px;}
main {display: block;	position: relative;	text-align: left;color: #333;box-shadow: 0px 15px 18px 1px rgba(43,40,43,0.85);	margin: 0 1%; padding: 1em;}
main section{margin:0;padding:1% 9px;}main section p{text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
main section img{display:inline-block;margin-left:auto;margin-right:auto;}main aside{display:block;margin:0;padding: 8px; text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
.Halb{display:inline-block;width:47%;min-width:280px;vertical-align:top;text-align:left;margin:0;}
.drittel{display:inline-block;width:30%;min-width:280px;vertical-align:top;text-align:left;margin:0;}
.viertel{display:inline-block;width:22%;min-width:280px;vertical-align:top;text-align:left;margin:0;}
.iframe-rwd  {position: relative;padding-bottom: 75.25%;padding-top: 1px;height: 0;overflow: hidden;}
.iframe-rwd iframe {position: absolute;top: 0;left:0;width:100%;height:90%;}
.Helbeige{color:#222;background-color:#F8F4E6;margin: -5px 0;}
.baselRotBlau{color:gold;margin:0;margin-top:5px;background:#e50829;
/* Old browsers */	background-image: -moz-linear-gradient(left,#e50829 0%, #e50829 49%, #143a85 51%); 
/* FF3.6-15 */	background-image: -webkit-linear-gradient(left,#e50829 0%, #e50829 49%,#143a85 51%); 
/* Chrome10-25,Safari5.1-6 */	background-image: linear-gradient(to right, #e50829 0%,#e50829 49%,#143a85 51%); 
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50829',endColorstr='#143a85',GradientType=1); 
/* IE6-9 */	border: 3px inset gold;}
.formelEins{background-color: #fff;color:#F30;padding:0.6em  0;width: auto;	font-size: 1.8em;line-height:1em;margin-top: 0;	margin-left: 0;
	background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
	background-size: 60px 60px;	background-position: 0 0, 30px 30px;font-style: oblique;font-weight: bold;text-decoration: underline;}
.KeineListeVorzeichen {list-style-type:none;}
.boxenNebeneinander{display:inline-block;}
.boxenNebenMitWeissHin{display:inline-block; background-color: rgba(255,255,255,0.3);padding: 0;}
.blocksatz{ text-align: justify;-webkit-hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;	hyphens:auto;}
.ZentrirterText{text-align:center;}
.TextRechts{text-align:right;}
.TextLinks{ text-align:left;}
.PlatzOben{margin-top:7%;}
.Abastand{margin: 2%;}/*p:first-letter{font-size:large;} wenn ich will dass der 1 Buchstabe im Absatz grösser wird*/
.AbastandU {height:auto;width:auto;}
.AbastandU ul,li{margin-bottom: 0.5em;}
.foto{height:auto;width:auto;text-align:center;	margin: 1em 0.5em;}
.foto img{border:solid 1px #00CC66;	margin-bottom:2em;}
.slogan {font-size:1.4em;position:relative;left:90px;bottom:65px;}
.bildLinks{	float:left;padding:5px;margin-right:15px;border:5px solid #eee;}
.bildRechts{float:right;padding:5px;margin-left:15px;border:5px solid #eee;}
.floatStop{ clear:both;}
.fettMitte{text-align: center;font-size: 2em;line-height:1.3em;font-weight: bold;margin:0.5em;padding: 0.3em;}
.fettLinks{text-align: left;font-size: 2em;line-height:1.3em;font-weight: bold;margin:0.5em;padding: 0.3em;}
.rotText{color:#ED1C1C; background-color:inherit;}
.rotTextU{color: #ED1C1C;background-color:inherit;}
.schriftSchatten{text-shadow: 2px 2px 4px  #666666; background-color:inherit;}
.schriftSchaG{font-size:1.8em;line-height:1.3em;text-shadow: 3px 3px 6px  #666666; background-color:inherit; margin: 0; padding: 0.3em;}
.schriftSchaGR{color:#ED1C1C; background-color:inherit;font-size:1.8em;line-height:1.3em;text-shadow: 3px 3px 6px  #333333;margin: 0; padding: 0.3em;}
.schriftVertieft{text-shadow: -1px -1px 0px  #666666;}
.faci{background-color: #3B5998;color:#fff;padding:1px 12px;font-size:0.9em;font-weight: bold;}
/* für media Queries#Kopf nav li {display:inline-block; padding:0;	margin:0;}   border: solid 1px red; */
/*@media screen and (min-width: 20em) and (max-width: 27em) { }*/
@media only screen and (min-width: 28em) {
#kopfbereich{margin:0 auto;}
#kopfbereich img{width:auto;padding:0.5em;margin:auto;}
#kopfbereich div p{vertical-align:central;font-size:1.2em;}
#kopfbereich div{width:90%;max-width:80em;margin:0 auto;}
#kopfbereich nav {width: 90%;max-width:80em;margin:0 auto;}
#kopfbereich nav li{display:inline-block;}
#fuss a{margin-right:50px;}
#info{width: 90%;max-width:80em;margin:40px auto;}
#info section{	display: inline-block;	min-width: 270px;width: 32%;margin: 0 auto 1em auto;vertical-align: top;padding: 8px;text-align: left;}
main {width:90%;max-width:80em;margin:0 auto;}
.formelEins{padding: 0.6em  0.5em; font-size: 2.3em;}
.boxenNebenMitWeissHin{display:inline-block; background-color: rgba(255,255,255,1);padding: 0;}
.rotTextU{border-bottom: solid #ED1C1C 2px;}
}