@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Martel:200,300,400,600,700,800,900&display=swap);
html 	{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size:100%;/* entspricht 16px oder 1em background: url(image/bg-site.jpg) no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: auto;
	z-index: 0;
	position: relative; scroll-behavior: smooth;}
body 	{style="scrollbar-arrow-color: #000000; scrollbar-highlight-color:#666;	scrollbar-base-color:#666; scrollbar-face-color:#666;" margin-bottom:0px; margin-left:0px; margin-top:0px;
		margin-right:0px;}
/* boxmodell für alle klassen, das die nutzung der gesamtbreite (width+padding+border) ermöglicht -
padding und border werden von den boxbreiten (%) automatisch abgerechnet */
* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* XXXXXXXXXX FORMAT XXXXXXXXXX */
.H99		{font-size: 1.3rem; font-family: Roboto Condensed, arial, sans-serif; font-weight: normal; text-decoration: none; color:black; line-height:2.35rem;}
.H1			{font-size: 1.6rem; font-family: Roboto Condensed Condensed, arial, sans-serif; font-weight: normal; text-decoration: none; color:black; line-height:2.35rem;}
.H11		{font-size: 1.125rem; font-family: Martel, arial, sans-serif; font-style:italic; font-weight: normal; text-decoration: none; color:#999; line-height:2.35rem;}
.H2			{font-size: 1.4rem; line-height:1.8rem; font-family: Roboto Condensed, arial, sans-serif; font-weight: normal; text-decoration: none; color:#009900;}
.H3			{font-size:1.125rem; line-height:1.6rem; font-family: Roboto Condensed, arial, sans-serif; letter-spacing:0.05rem; text-decoration:none; color:black; font-weight:bold; line-height:20px;}
.H4			{font-weight:bold; color:black;}
.H10		{font-size:0.7rem; font-weight:normal; line-height:0.8rem; text-decoration:none; white-space:pre-wrap; color:#666;}
hr			{color:#eb67b4; border-bottom-width:0px; border-top-style:dotted; border-top-color:#eb67b4; margin:5px;}
.ftt table 	{width: 100%;margin: 0px; padding: 0px; border-top: 0px solid #C3D0E3;border-left: 0px solid #C3D0E3;}
.ftt td 	{text-align: left;vertical-align: top;margin: 0px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;	padding-left: 10px;	border-right-width: 0px;border-bottom-width: 0px;
			border-right-style: dotted;border-bottom-style: dotted;border-right-color: #cecece;border-bottom-color: #cecece;}
tr:hover 	{background-color: rgba(0,0,0,0.1);}
/* XXXXXXXXXX Links XXXXXXXXXX */
a:link		{text-decoration:underline; font-weight:normal; color:#666;}
a:visited	{text-decoration:underline; font-weight:normal; color:#666;}
a:active	{text-decoration:underline; font-weight:normal; color:#666;}
a:hover		{text-decoration:underline; font-weight:normal; color:#666;}
.nosee {display:none;}
.nfsp		{width:100%; height:auto; background:red; padding:0 10px;}
.ftt2 table {width:100%; margin: 0px; padding: 0px; border-top: 0px solid #C3D0E3;border-left: 0px solid #C3D0E3;}
.ftt2 td 	{text-align: left;vertical-align: top;margin: 0px;padding: 5px 0px;	border-right-width: 0px; border-bottom:1px dotted #65b6ec;}
.bglink a:link		{text-decoration:none; font-weight:normal; color:#fff; padding:4px 10px; background:#eaa00f; font-size:1rem; line-height:2.4rem;}
.bglink a:visited	{text-decoration:none; font-weight:normal; color:#fff; padding:4px 10px; background:#eaa00f; font-size:1rem; line-height:2.4rem;}
.bglink a:active	{text-decoration:none; font-weight:normal; color:#fff; padding:4px 10px; background:#eaa00f; font-size:1rem; line-height:2.4rem;}
.bglink a:hover		{text-decoration:underline; font-weight:normal; color:#fff; padding:4px 10px; background:#eaa00f; font-size:1rem; line-height:2.4rem;}
.fnote 		{font-size:0.75rem; text-decoration:none; font-weight:normal; color:#373737;}
.fnote a:link {font-size:0.75rem; text-decoration:none; font-weight:normal; color:#373737;}
.fnote a:visited {font-size:0.75rem; text-decoration:none; font-weight:normal; color:#373737;}
.fnote a:active {font-size:0.75rem; text-decoration:none; font-weight:normal; color:#373737;}
.fnote a:hover {font-size:0.75rem; text-decoration:underline; font-weight:normal; color:#373737;}
.WebYepLoopAddButton, .WebYepLoopRemoveButton, .WebYepLoopUpButton, .WebYepLoopDownButton, .WebYepLoopEnabledButton, .WebYepShortTextEditButton, .WebYepImageEditButton, .WebYepMenuEditButton, 
.WebYepLongTextEditButton, .ttDate   {position:relative; z-index: 99000 !important;}
.ttControls {font-family:Verdana, Geneva, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#000000; float:left; width:100%;}
.loopButtons{font-family:Verdana, Geneva, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#000000; float:left; padding-right:10px; position:relative; z-index:99000;}
.ttDate		{font-family:Verdana, Geneva, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#000000; float:left; width:120px; background-color:#E8E8E8;
			padding-right:10px; padding-left:10px; border-radius:.8em; position:relative; z-index:99000;}
/* Galerie */
.WebYepGalleryText {font-size: 10px; font-family:verdana, sans serif; font-weight: normal; line-height: 12px; text-decoration: none; color: #999; margin-right:15px; margin-bottom:10px}
/* Galerie Bild */
.WebYepGalleryImage img {/*box-shadow:5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; border-radius:1px;}
/* Galerie Zelle */
.WebYepGalleryImage {border:0px solid #E0E0E0; margin-bottom:5px;}
table.WebYepGalleryContainer td {text-align:center; image-align:center; vertical-align:top; margin-bottom:1px solid #000000;}
table.WebYepGalleryContainer tr:hover {background-color:transparent;}
.100%			{width:100%; height:auto;}
/* XXXXXXXXXX SMARTPHONES XXXXXXXXXX*/
img 			{max-width:100%; height:auto;}
.spacebeside  	{padding:0 30px;}
.logo			{width:100%; height:auto; position:relative; text-align:center; padding:0 0 0 0; line-height: 0rem;}
.logowidth		{width:70%; max-width:400px;}
.sloganpad		{display:none;}
.header  		{height:90px; width:100%; background:white; }
.headercent		{line-height:0rem;}
.headerleft  	{width:100%; height:100px; text-align:center; font-size:1.2rem; line-height:1.2rem; color:#0a40a0; font-weight:bold; background:white; padding:10px 20px 10px 20px;}
.headerleft hr	{color:#C7C7C7; border-bottom-width:0px; border-top-style:solid; border-top-color:#888888; margin:5px;}
.headerright  	{}
.header1 	 	{width:100%; height:auto; text-align:center; background:white; position:relative;}
.headerrightsp 	{display:inline-block; height:95px; width:70%; font-size:0.8rem; padding:10px 20px 0 20px; text-align:left; position:relative; z-index:5001;}
.headerline		{width:100%; height:3px; background:#006bb3; margin:0 0 1px 0;}
.Headlinetext a:link, .Headlinetext a:visited, .Headlinetext a:active, .Headlinetext a:hover	{font-family: 'Yanone Kaffeesatz', Verdana, sans-serif; font-size:1.6rem; line-height:1.6rem; 
				font-style:normal; font-weight:300; text-decoration:none; color:#537db8; letter-spacing:0.4rem; word-spacing:0rem;
				text-transform:uppercase; padding:8px 8px 4px 10px; background:rgba(228,235,244,0.85);}
.Headlinetext	{position:absolute; width:100%; top:-2px; right:5px; text-align:right; margin-top:0px; z-index:89000;}
.space			{width:100%; height:10px; background:#dd0415; position:relative; border-top:1px solid white; margin:0 0 20px 0;}
.overlay-top	{display:inline-block; width:100%; max-width:1200; margin:0 auto; height:auto; position:absolute; bottom:0px; left:0px; z-index:999; }
.overlay-bottom	{width:100%; height:auto; position:absolute; top:-4px; left:0px; z-index:99; }
.colorline		{width:100%; height:0px;}
.contactSP		{width:100%; height:auto; /*background:#dca0c3;*/ font-size:0.95rem; color:black; text-align:center; border-bottom: 0px solid #fff; padding:0 20px 20px 20px;}
.siteheadline	{display:none;}
.headlineSP		{width:100%; height:auto; padding:10px 20px; color:white; background:#b21d77; font-size:1.6rem; line-height:2rem; text-transform:uppercase; text-align:center;}
.navdt 			{display:none;}
.navsp 			{height:25px; overflow:hidden; margin-top:20px; padding:0 15px 0 15px; text-align:right;}
.navsp 			{height:40px; width:100%; line-height:normal; top:15px; overflow:hidden; margin-top:0px; padding:0 15px 0 15px; text-align:center; position:absolute; z-index:90000;}
.navsp img		{height:40px; width:auto; line-height:0rem;}
.navsp:hover	{height:auto;}
.banner  		{height:auto; width:100%;}
.bannersp  		{width:100%; margin-top:0px; height:auto; position:relative; border-bottom: 0px solid white; padding-bottom:1px; line-height:0rem;}
.navspbox		{widht:100%; height:70px; background:#DF0015; position:relative; border-bottom: 0px solid #b21d77;}
.bannerbildsp	{height:50px; width:auto; line-height:0rem;}
.bannerdt  		{display:inline-block;}
.shadowsp		{width:100%; height:auto; line-height:0rem;}
.shadowdt		{display:none; line-height:0rem;}
.sspic			{width:auto; height:auto; line-height:0px;}
.content		{padding-top:0px; font-size:1rem; line-height:1.4rem; list-style-image:url(image/list_style_image.png); list-style-position:outside; position:relative; }
.parent 		{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; -webkit-flex-direction:row; flex-wrap:wrap; -ms-flex-wrap:row wrap;
				justify-content:space-between; -webkit-justify-content:space-between; -ms-flex-pack:justify; align-content:stretch; -webkit-align-content:strech; -ms-flex-line-pack:strech;
				padding-top:0px;}
#font			{font-size:0.875rem;}
.boxheight		{height:auto; width:100%; overflow:hidden;}
.box100 		{width:100%; height:auto; overflow:hidden; padding:0px 0 0 0; border-bottom:0px solid transparent;}
.overflow 		{width:100%; height:auto; overflow:hidden;}
.box1 			{width:100%; padding:0; border-bottom:40px solid transparent;}
.box2 			{width:100%; padding:0; border-bottom:40px solid transparent;}
.box3 			{width:100%; padding:0; border-bottom:40px solid transparent;}
.box30 			{width:100%; padding:0; border-bottom:0px solid transparent;}
.globalbox .WebYepLoopAddButton {display:none;}
.box50l 		{width:100%; padding:0; border-bottom:0px solid transparent;}
.box50r 		{width:100%; padding:0; border-bottom:0px solid transparent;}
.boxl		 	{width:100%; padding:0; border-bottom:40px solid transparent; float:left;}
.boxr			{width:100%; padding:0; border-bottom:40px solid transparent; float:right;}
.box1001 		{width:100%; padding:0; border-bottom:0px solid transparent;}
.box1002 		{width:100%; padding:40px 0 0 0; border-bottom:0px solid transparent; order:-1;}

.infobox		{width:100%; height:auto;/*border-radius:3px; border: 1px solid #eaa00f; padding:10px;
				background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,237,161,1) 100%);
    			background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,237,161,1) 100%);
    			background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,237,161,1) 100%);*/}
.infoboxglobal	{width:100%; height:auto; text-align:center;}
.footer-space	{width:100%; height:10px; border-top: 1px solid #DF0015; margin-top:20px;}
.footer  		{height:auto; width:100%; background:#aeaeae; font-size:0.875rem; line-height:1.4rem; padding:10px 0px; color:#fff; text-transform:uppercase; }
.footer a:link, .footer a:visited, .footer a:active {font-size:0.875rem; text-decoration:none; font-weight:normal; color:#ffffff; margin-bottom:3px;}
.footer a:hover{text-decoration:underline;}
.contentline3	{font-size:0.875rem; line-height:1.6rem; width:100%; max-width:1200px; height:auto; margin:0 auto; padding:5px 0 5px 0;}
/* Bilder rechtsbündig im 100%-Text */
img.Logo 		{max-width:100%;}
img.Bilder1-3 	{/* box-shadow:5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; border-radius:1px; max-width:100%;}
img.Bilder25 	{/* box-shadow:5px 5px 30px -5px #999;*/ border:0px solid #dcdcdc; max-width:100%; margin-bottom:50px; margin-left:0px;}
img.Bilder50 	{/* box-shadow:5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; max-width:100%; margin-bottom:50px; margin-left:0px;}
/* Bilder 100% */
img.Bilder100 	{max-width:99%; /* box-shadow:5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; border-radius:1px;}
img.Bilder200 	{width:200px; height:auto; /* box-shadow:5px 5px 30px -5px #999;*/ border:0px solid #dcdcdc; border-radius:1px;}
/* Bilder ins Spalten */
img.Bilder100-1-3 {max-width:99%; /* box-shadow:5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; border-radius:1px;}
/*img.sloganpic	{max-widht: 250px; !important}*/
.startofpage 	{position:fixed; overflow:hidden; bottom:10px; right:10px; background:rgba(255,255,255,0.5); border-radius:0px;
    			padding:5px; z-index:9999; line-height:0rem;}
img.WebYepAttachmentIcon {float:left; position:relative; width:14px; height:auto; top:4px; margin:0 5px 0 0;}
/* XXXXXXXXXX Mobile Landscape XXXXXXXXXX */
@media screen and (orientation: landscape) {
.H1				{font-size:1.2rem;}
.Headlinetext 	{top:10px;}
.box100 		{padding:40px 0 0 0;}
}

/* XXXXXXXXXX Tabletts XXXXXXXXXX */
@media screen and (max-width: 599px) {
.H6 			{font-size:0.95rem; line-height:1.4rem; color:#888888; font-weight:bold;}
.H7				{font-size:0.875rem; line-height:0.5rem; color:#888888; font-weight:normal;}
.headerleft  	{width:100%; height:100px; text-align:center; font-size:0.95rem; line-height:1.4rem; color:#0a40a0; font-weight:bold; background:white; padding:15px 20px 10px 20px; float:left;}
.box50l 		{float:left; border-bottom:0px solid transparent;}
.box50r 		{float:left; border-bottom:0px solid transparent;}
}
/* XXXXXXXXXX Tabletts XXXXXXXXXX */
@media screen and (min-width: 900px) {
#MyMenu 		{height:25px;}
#MyMenu ul li a,  /* ISS - HAUPTMENÜ - Attribute werden vererbt! */ #MyMenu ul li a:visited {font-size:0.75rem; padding:8px 10px 22px 10px; /* oben, links, unten, rechts */}
#MyMenu ul li ul li a, /* UNTERMENÜ */ #MyMenu ul li ul li a:visited {font-size:0.875rem;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 10px;}
#MyMenu ul li ul li a.WebYepMenuFirstItem {padding-left: 10px; background-color: rgba(255,255,255,0.3);}
.H99			{font-size:1.5rem; line-height:1.5rem; letter-spacing:0rem;}
.H1				{font-size:2rem; line-height:2rem; letter-spacing:0rem;}
.H11			{font-size:2rem; line-height:2rem; letter-spacing:0rem; color:#bbb;}
.H2				{font-size:1.4rem; line-height:2rem;}
.H3				{line-height:1.5rem;}
.H5				{}
.H6 			{font-size:1rem; line-height:1.4rem; color:#888888; font-weight:bold;}
.H7				{font-size:5rem; line-height:5rem; font-weight:700; color:#cfe1ef; position:relative; vertical-align:baseline; bottom:-15px;}
.Headlinetext	{position:absolute; top:20px; right:10px; width:auto; height:auto; z-index:9500; text-align:right;}				
.spacebeside 	{padding: 0 40px;}
.header  		{height:90px; background-image:url(image/bg-banner.jpg);}
.headercent		{max-width:1200px; height:auto; margin:0 auto; position:relative;}
.header1 	 	{width:100%; height:55px; text-align:left; background:white; position:relative; padding:0 0 0 0;}
.logo			{width:180px; height:auto; position:absolute; top:0; left:0; z-index: 9990;}
.logowidth		{width:100%; max-width:100%;}
.header2	  	{width:100%; height:29px; float:right; padding:0px 0 0 10px; background:#de0215; border-bottom: 1px solid white;}
.headerrightsp 	{display:none;}
.navdt 			{display:inline-block; clear:both; height:auto; width:100%; position:relative; padding:0px 0 0 190px; z-index:9900;}
.contactSP		{display:none;}
.slidetextbox	{width:300px; height:200px; position:absolute; top:50px; left:50px; background:white; z-index:99999;}
.slidetext		{display:inline-block; width:300px; height:30px; background: red; position:abolute; top 20px; left: 50px; z-index:99999;}
.siteheadline	{display:inline-block; position:absolute; top:-70px; left:100px; height:40px; width:auto; bottom:0px; padding:10px 20px; background:rgba(178,29,119,0.85); 
				color:#fff; font-size:1.4rem; text-transform:uppercase; line-height:1.4rem; overflow:hidden; z-index:6000;}
.headlineSP		{display:none;}
.navcontent 	{width:100%; max-width:1200px; margin-right:auto; margin-left:auto;}
.navsp 			{display:none;}
.nfsp			{display:none;}
.banner 		{height:auto; width:100%;margin:0 auto;}
.navspbox		{display:none;}
.bannersp  		{display:none;}
.bannerdt  		{display:inline; width:100%; margin:0 auto; line-height:0rem; position:relative;}
.sspic			{width:100%; height:auto; line-height:0px;}
.WY_Slideshow 	{width:100%; line-height:0rem; height:auto; max-height:auto; margin:0 auto; border:0px solid #EAEAEA; z-index:40; font-family:Verdana, Geneva, sans-serif;
				font-size:10px; color:#000000; position:relative;}
.WY_SlideshowPager {text-align: left; padding: 5px 10px 5px 10px; /* ORUL */}
.WY_SlideshowPager a {color: #999; font: bold 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; padding: 5px 10px 5px 10px; /* ORUL */}
.WY_SlideshowPager a.activeSlide {color: #666;}
.WY_SlideshowPager a:hover {color: #666;}
.shadowsp		{display:none;}
.shadowdt		{display:block;	width:100%;	max-width:1200px; margin-right:auto; margin-left:auto; clear:both;}
.shadowl		{width:50%; float:left;}
.shadowr		{width:50%; text-align:right; float:left;}
.space			{width:100%; height:10px; background:#dd0415;}
.overlay-top	{width:100%; max-width:1200; margin:0 auto; height:auto; position:absolute; bottom:-4px; left:0px; line-height:0rem; }
.overlay-bottom	{width:100%; height:auto; position:absolute; top:0px; left:0px; z-index:99; }
.content		{font-size:0.875rem; line-height:1.3rem; width:100%; max-width:1200px; margin-right:auto; margin-left:auto; clear:both; padding-top:0px;}
.sloganpad		{display:inline-block; padding:15px 0 10px 190px; color:black;}
.notfall		{/*width:30%; height:30px; position:absolute; right:0px; top:-15px; background:red; z-index:6000;*/}
.contentline	{font-size:0.8rem; line-height:1.8rem; width:100%; max-width:1200px; height:30px; background:#ffdab2; margin:0 auto; white-space:pre-wrap; padding:0 20px;}
.contentline2	{font-size:0.875rem; line-height:1.6rem; width:100%; max-width:1200px; height:auto; margin:0 auto;}
.headline 		{width:100%; border-bottom:0px solid #FFFFFF; margin: 20px 0 0 0;}
.box1 			{width:31%; height:auto; border-bottom:0px solid #FFFFFF; overflow:hidden;}
.line1 			{width:1.75%; border-right:1px solid #E4E4E4;}
.line2 			{width:1.75%;}
.box2 			{width:31%; border-bottom:0px solid transparent;}
.box3 			{width:31%; border-bottom:0px solid transparent;}
.box100 		{width:100%; height:auto; overflow:hidden; padding:0px 0 0 0; border-bottom:0px solid transparent;}
.box30 			{width:30%; padding:0; border-bottom:0px solid transparent; order:0;}
.box50l 		{width:50%; height:auto; overflow:hidden; padding:0 25px 0 0; border-bottom:0px solid transparent; float:left;}
.box50r 		{width:50%; height:auto; overflow:hidden; padding:0 0 0 25px; border-bottom:0px solid transparent; float:left;}
.boxl			{width:50%; padding:0 25px 0 0; border-bottom:40px solid transparent;}
.boxr			{width:50%; padding:0 0 0 25px; border-bottom:40px solid transparent;}
.footer  		{height:auto; width:100%; padding:10px 0 10px 0; margin-top:0px; margin-right:auto; margin-left:auto; text-transform:none; }
.footero, .footero a:link, .footero a:visited, .footero a:active {font-size:0.75rem; text-decoration:none; font-weight:normal; color:#ffffff; margin-bottom:3px; }
.footero a:hover{text-decoration:underline;}
.footeru, .footeru a:link, .footeru a:visited, .footeru a:active {font-size:0.75rem; text-decoration:none; font-weight:normal; color:#E2E2E2; }
.footeru a:hover{text-decoration:underline;}
img.Logo 		{max-width:100%;}
img.Bilder1-3 	{/*box-shadow:5px 5px 30px -5px #999;*/	border:1px solid #dcdcdc; max-width:31%;}
img.Bilder25 	{/*box-shadow: 5px 5px 30px -5px #999;*/ border:0px solid #dcdcdc; max-width:25%; margin-bottom:10px; margin-left:50px;}
img.Bilder50 	{/*box-shadow: 5px 5px 30px -5px #999;*/ border:1px solid #dcdcdc; max-width:45%; margin-bottom:50px; margin-left:50px;}
.WebYepGalleryImage img {border: 1px solid #CCC; width:220px; height:220px;}
}
/* XXXXXXXXXX Tabletts iPad XXXXXXXXXX */
@media screen and (min-width: 900px) {
#MyMenu ul li a,  /* ISS - HAUPTMENÜ - Attribute werden vererbt! */ #MyMenu ul li a:visited {font-size:0.95rem; padding:8px 10px 20px 10px; /* oben, links, unten, rechts */}
#MyMenu 		{height:25px;}
.spacebeside 	{padding: 0 50px;}
.headerright  	{height:auto; width:auto; float:left; padding:35px 0 0 20px;}
}
/* XXXXXXXXXX Tabletts Portrait XXXXXXXXXX */
@media screen and (min-width:768px) and (orientation:portrait){
#MyMenu ul li a,  /* ISS - HAUPTMENÜ - Attribute werden vererbt! */ #MyMenu ul li a:visited {font-size:0.95rem; padding:8px 3px 20px 3px;}
#MyMenu ul li ul li a, /* UNTERMENÜ */ #MyMenu ul li ul li a:visited {font-size:0.7rem;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 10px;}
#MyMenu ul li ul li a.WebYepMenuFirstItem {padding-left: 10px; /*background-color: rgba(95,201,196,0.3);*/}
.H99			{font-size:1.4rem; line-height:1rem;}
.H1				{font-size:1.4rem; line-height:1rem;}
.H11			{font-size:1.4rem; line-height:1rem;}
.H2				{font-size:1.3rem; line-height: 2rem;}
.H3				{}
.H5				{}
.Headlinetext 	{top:15px;}
.box100 		{padding:20px 0 0 0;}
.box50l 		{float:left; border-bottom:0px solid transparent;}
.box50r 		{float:left; border-bottom:0px solid transparent;}
}
/* XXXXXXXXXX Tabletts klein XXXXXXXXXX */
@media screen and (min-width: 900px) and (max-width: 984px) {
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:0.95rem; padding:8px 3px 20px 3px;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 3px;}
.H99			{font-size:1.2rem; line-height:1.2rem; }
}
/* XXXXXXXXXX Desktops XXXXXXXXXX */
@media screen and (min-width: 1200px) {
#MyMenu 		{height:24px;}
#MyMenu ul li a,  /* ISS - HAUPTMENÜ - Attribute werden vererbt! */ #MyMenu ul li a:visited {font-size:0.95rem; padding:8px 10px 20px 10px;}
#MyMenu ul li ul li a, /* UNTERMENÜ */ #MyMenu ul li ul li a:visited {font-size:0.875rem;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 10px;}
.H99			{font-size:2rem; line-height:2rem; }
.H1				{font-size:2rem; line-height:2rem; }
.H11			{font-size:2rem; line-height:2rem; }
.H2				{font-size:1.25rem; line-height: 2rem;}
.H3				{font-size:1rem; line-height: 1.2rem;}
.H5				{}
.overlay-bottom	{width:100%; height:auto; position:absolute; top:0px; left:0px; z-index:99; }
.Headlinetext	{width:100%; top:30px; left:-20px;  text-align:right; z-index:9010;}
.spacebeside  	{padding:0 50px;}
.header  		{}
.content		{font-size:0.875rem; line-height:1.4rem; padding-top:0px;}
.siteheadline	{top:-100px; left:0px;}
.box100 		{padding:0px 0 0 0;}
.footer  		{height:auto; width:100%; padding:10px 0 10px 0; margin-top:0px; margin-right:auto; margin-left:auto;}
.footero, .footero a:link, .footero a:visited, .footero a:active {font-size:0.875rem;}
.footeru, .footeru a:link, .footeru a:visited, .footeru a:active {font-size:0.875rem;}
img.Logo 		{max-width:100%;}
img.Bilder1-3 	{/*box-shadow:7px 5px 30px -5px #999;*/ border:1px solid #dcdcdc;	max-width:31%;}
.WebYepGalleryImage img {border: 1px solid #CCC; width:160px; height:160px;}
}