@charset "utf-8";
/* CSS Document */
@import url			(https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext);
@import url			(https://fonts.googleapis.com/css?family=Open+Sans);

html 				{font-family: 'Didact Gothic', 'Open Sans', Verdana, sans-serif; font-size: 100%; background-color: #B3E66F; /*-webkit-background-size: cover; 
					-moz-background-size: cover; -o-background-size: cover;*/ background-size: contain; overflow: auto; z-index: 0; position: relative; 
					background: url(image/background-sp.jpg) no-repeat right bottom fixed; 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;}
* 					{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.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;}
a:link, a:visited, a:active, a:hover {text-decoration:none; font-weight:700; color:#0079c3;}
.telink a:link, .telink a:visited, .telink a:active, .telink a:hover {text-decoration:none; font-weight:400; color:#fff;}
.foolink a:link, .foolink a:visited, .foolink a:active, .foolink a:hover {text-decoration:none; font-weight:400; color:#0079c3;}
.stafflink a:link, .stafflink a:visited, .stafflink a:active {text-decoration:none; font-weight:400; color:white;}
.stafflink a:hover {text-decoration:underline; font-weight:400; color:white;}
.nfn, .nfn a:link, .nfn a:visited, .nfn a:active 		{text-decoration:none; font-weight:normal; color:#ffffff;}
.nfn a:hover { text-decoration:underline; font-weight:normal; color:#ffffff;}
					
.WebYepLoopAddButton, .WebYepLoopRemoveButton, .WebYepLoopUpButton, .WebYepLoopDownButton, .WebYepLoopEnabledButton, .WebYepShortTextEditButton, .WebYepImageEditButton, .WebYepMenuEditButton, .WebYepLongTextEditButton, .ttDate   {position:relative; z-index:99900 !important;}
img.WebYepAttachmentIcon {float:left; position:relative; width:14px; height:auto; top:4px; margin:0 5px 0 0;}
.globalbox .WebYepLoopAddButton {display:none;}	
.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:999000;}

/* SMARTPHONES */
hr					{border: 1px solid #CCC;}
h1, h2, h3, h11, .tel1-dt {color:#349247;}
.tm a:link, .tm a:visited, .tm a:active, .tm a:hover {font-weight:200; text-decoration:none; color:#349247;}
.box50r-end 		{border-bottom:14px solid #349247;}
.imageBox .tr-slideIn {background-color: rgba(34,92,47,0.8);}

h1					{ font-family: 'Didact Gothic','Open Sans', Verdana, cursive; font-size:1.6rem; line-height:2.2rem; font-weight:400; margin:0;}
h11					{ font-family: 'Didact Gothic','Open Sans', Verdana, cursive; font-size:1.6rem; line-height:2.2rem; font-weight:400; margin:0;}
h12					{ font-family: 'Didact Gothic','Open Sans', Verdana, cursive; font-size:1.6rem; line-height:2.2rem; font-weight:400; margin:0; color:black;}
h2					{ font-family: 'Didact Gothic','Open Sans', Verdana, cursive; font-size:1.4rem; line-height:2rem; font-weight:400; margin:0;}
h3					{ font-family: 'Didact Gothic','Open Sans', Verdana, cursive; font-size:1.2rem; line-height:1.7rem; font-weight:400; margin:0;}
h4					{/* ggf. in menü einfügen!*/}
h5					{ color:#fff; font-weight:bold; padding:4px; background:#fe0303;}
h6 					{ font-size:1rem; line-height:1.3rem; font-weight:400; margin:0;}
h7 					{ font-size:1.3rem; line-height:1.3rem; font-weight:400; margin:0;}
h10					{ color:#666; font-size:0.625rem; line-height:1rem; font-weight:normal; }

img 				{max-width: 100%; height: auto;}
.startofpage		{display: inline-block; position: fixed; overflow: hidden; bottom: 25px; right: 25px; width: 40px; height: 40px; z-index: 9999;}
.spacebeside  		{padding: 0 30px 0 50px;}
.container 			{font-size: 0.8rem; line-height: 20px; width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto;}

.Header				{width:100%; height:auto; position:relative; line-height:0rem;}
.banner-bg			{display:none; width:95%; height:120px; position:relative; top:0px; left:0px; z-index:9000;}
.banner-bg-left		{display:none; width:90%; height:120px; background:url(image/banner-bg.png); float:left;}
.banner-bg-end		{display:none; width:10%; height:120px; float:left;}

.banner				{width:100%; height:147px; position:relative; top:0px; left:0px; z-index:9001;}
.banner-in			{width:100%; max-width:1480px; margin-left:auto; margin-right:auto; height:100px; padding:25px; ; z-index:9001; position:relative;}
.banner-in-start	{width:auto; height:auto; position:absolute; }
.appetizer			{width:100px; height:auto; position:absolute; top:100px; right:20px; z-index:9999;}

.tel-bg				{width:100%; height:80px; position:absolute; bottom:-80px; left:0px; z-index:900;}
.tel-bg-right		{width:90%; height:80px; background:url(image/tel-bg.png); float:right;}
.tel-bg-end			{display:none; width:5%; height:80px; text-align:right; float:right;}
.tel-bg-end-sp		{width:5%; height:80px; text-align:right; float:right;}

.tel				{width:100%; position:absolute; bottom:-80px; left:0px; height:80px; z-index:901; font-size:0.7rem; line-height:1rem;}
.tel-in				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:80px; color:white;}
.tel1				{width:15%; height:auto; float:left; padding:30px 20px;}
.tel1-dt			{display:none;}
.tel2				{width:35%; height:auto; padding:20px 10px 20px 0; float:left;}
.tel3				{width:45%; height:auto; padding:20px 20px 20px 0px; float:left;}

.content-space		{padding:80px 0 0 0;}

.notfallSP		{font-size: 1rem; line-height: 2rem; color:white; padding:20px; background-image: -webkit-linear-gradient( -45deg, rgba(6,107,177,1) 0%, rgba(6,138,226,1) 100%);border-radius:8px; }
.nfsp			{width:100%; height:auto; background:#006bb3; border-radius:8px; }

.left				{width:100%; height:auto;}
.right				{width:100%; height:auto;}
.box50l 			{width:100%; margin:0 0 20px 0;}
.box50r 			{width:100%; margin:0 0 0 0;}
.box50r-end 		{width:100%; margin:40px 0 0px 0; overflow:hidden;}

.boxheight	 		{width:100%; height:auto; overflow:hidden;}

.boxloop			{width:100%; height:auto; padding:0 0 20px 0; float:left; position:relative;}
.boxcon				{width:100%; height:auto; padding:15px 0;}

.sb-sp				{display:inline-block; width:100%; height:auto;}
.sb-dt				{display:none;}

.navdt 				{display: none;}
.navsp 				{height:57px; width:100%; overflow:hidden; background-color:transparent; margin-top:20px; border-top:1px solid #999; border-bottom:1px solid #999;
					padding:10px 30px 7px 50px; text-align:center; position:absolute; right:0; top:70px; z-index:999;}
.navsp img			{height:35px; width:auto; line-height:0rem;}
.navsp:hover		{height:auto;}

.flex 				{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; padding-bottom: 0px;}
.content 			{width:100%; height:auto; max-width:1200px; margin-left:auto; margin-right:auto; line-height:1.6rem; margin-top:40px; overflow:hidden; }

.footer				{width:100%; height:auto; border-top:1px solid #333; font-size:0.75rem;}

img.Bilder50 		{border-radius:0px; width:100%;}

.WebYepGalleryImage img {width: 100%; max-width: 480px;}
.galeriedt 			{display: none; text-align: center;}
.galeriekdt 		{display: none; text-align: center;}
.galeriesp 			{display: inline-block; text-align: center;}
.WebYepGalleryImage img {width: 95%; height: 80px; margin-bottom: 0px; border: 1px solid #ccc; margin: 0 10px 0 0px; object-fit: cover; object-position: 50% 50%;}


/* Smartphones Landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
.WebYepGalleryImage img {width: 95%; height: 150px; margin-bottom: 0px; border: 1px solid #ccc; margin: 0 10px 0 0px;}
h1					{ font-size:1.6rem; line-height:1.4rem; }
h11					{ font-size:1.6rem; line-height:2rem; }
h12					{ font-size:1.6rem; line-height:2rem; }
h2					{ font-size:1.2rem; }
.tel1				{width:20%; height:auto; float:left; padding:10px;}
.banner				{height:170px;}
.navsp 				{top:95px;}

}


/* Tabletts */
@media screen and (min-width: 768px) {
html {background: url(image/background.jpg) no-repeat right bottom fixed;}
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:0.95rem; padding:5px 10px 5px 10px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited {font-size:0.95rem;}
#MyMenu a.WebYepMenuFirstItem {margin-left: 5px;}
#MyMenu li li a.WebYepMenuFirstItem {margin-left: 0px;}
h1					{font-size:2rem; line-height:1.5rem; }
h11					{font-size:2rem; line-height:2.4rem; }
h12					{font-size:2rem; line-height:2.4rem; }
h2					{font-size:1.5rem; }
.spacebeside  		{padding: 0 30px;}


.Header				{width:100%; height:auto; position:relative; line-height:0rem;}
.banner-bg			{display:inline-block; width:95%; height:120px; position:absolute; top:0px; left:0px; z-index:9000;}
.banner-bg-left		{display:inline-block; width:90%; height:120px; background:url(image/banner-bg.png); float:left; }
.banner-bg-end		{display:inline-block; width:10%; height:120px; float:left;}

.banner				{width:100%; height:120px; position:absolute; top:0px; left:0px; z-index:9001;}
.banner-cent		{width:100%; max-width:1452px; margin-left:auto; margin-right:auto; height:120px; position:relative;}
.appetizer			{width:100px; height:auto; position:absolute; top:50px; right:10px;}
.banner-in			{width:50%; height:120px; padding:25px; float:left;}
.banner-menu		{width:45%; height:120px; padding:25px; float:left; text-align:left; padding:65px 30px 0 0;}

.tel-bg				{width:100%; height:100px; position:absolute; bottom:0px; left:0px; z-index:900;}
.tel-bg-right		{width:52%; height:100px; background:url(image/tel-bg.png); float:right;}
.tel-bg-end			{display:inline-block; width:5%; height:100px; text-align:right; float:right;}
.tel-bg-end-sp		{display:none; width:5%; height:80px; text-align:right; float:right;}

.tel				{width:100%; position:absolute; bottom:-15px; left:0px; height:100px; z-index:901; font-size:1rem; line-height:1.2rem;}
.tel-in				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:100px; color:white;}
.tel1				{width:54%; height:auto; padding:30px; float:left;}
.tel1-dt			{display: inline-block; font-size:3rem; transform: scaleX(1); font-weight:200;}
.tel2				{width:20%; height:auto; padding:20px 0 20px 0; float:left;}
.tel3				{width:25%; height:auto; padding:20px 20px 20px 0; float:left;}

.notfallSP		{display:none;}
.nfsp			{display:none;}

.content 			{margin-top:40px;}
.content-space		{display:none}

.left				{width:50%; height:auto; float:left; padding:0 30px 0 0;}
.right				{width:46%; height:auto; float:right;}
.box50l 			{width:46%; margin:0 4% 0 0;}
.box50r 			{width:46%; margin:0 0 0 4%;}
.box50r-end 		{width:46%; margin:40px 0 40px 4%; float:right; overflow:hidden; position:relative;}

.boxloop			{width:31%; height:auto; margin:0 1.16% 20px 1.17%; padding:0 0 0 0; float:left; position:relative; overflow:hidden;}
.boxcon				{width:100%; height:auto;}

.sb-sp				{display:none;}
.sb-dt				{display:inline-block; width:100%; max-width:1200px; height:auto;}

.navdt 				{display:inline-block; clear: both; min-height: 35px; height: auto; width: 100%;}
		.nav 		{height: 35px; width: 100%; margin-top: 20px; margin-bottom: 3px; border-width: 1px; border-color: rgb(255, 255, 255); border-style: solid; border-radius: 0px;
					position: relative;}
.navsp 				{display:none;}
.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 {position: absolute; z-index: 50000; top: 40px; left: 10px; padding: 0px 10px 0px 10px; }
.WY_SlideshowPager a {background-image: url(image/slidepageof.png); color: transparent; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px 5px 0px 5px;}
.WY_SlideshowPager a.activeSlide {background-image: url(image/slidepageon.png); }
.WY_SlideshowPager a:hover {background-image: url(image/slidepageon.png); }

img.Bilder-SS 		{border: 1px solid #fff; border-radius: 0px;}
img.Bilder50 		{width: 250px; max-width: 45%;}

.footer				{width:100%; height:auto; border-top:1px solid #333; font-size:0.95rem;}

}

/* Tablet Portrait */
@media screen and (min-width: 767px) and (orientation: portrait) {

}

/* Desktops*/
@media screen and (min-width: 900px) {
h1					{font-size:1.6rem; line-height:1.2rem;}
h11					{font-size:2rem; line-height:2.4rem; }
h12					{font-size:2rem; line-height:2.4rem; }
h2					{font-size:1.5rem; }
.appetizer			{width:120px; height:auto; position:absolute; top:20px; right:10px;}
}

/* Desktops*/
@media screen and (min-width: 1100px) {
.appetizer			{width:170px; height:auto; position:absolute; top:20px; right:10px;}
}

/* Desktops*/
@media screen and (min-width: 1280px) {
#MyMenu ul li a, #MyMenu ul li a:visited {font-size: 1.3rem; padding:5px 10px 5px 10px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited {font-size:1.3rem;}
#MyMenu a.WebYepMenuFirstItem {margin-left: 0px;}
#MyMenu li li a.WebYepMenuFirstItem {margin-left: 0px;}
h1					{font-size:3rem; line-height:2.8rem;}
h11					{font-size:3rem; line-height:3.4rem;}
h12					{font-size:3rem; line-height:3.4rem;}
h2					{font-size:1.5rem; }
.spacebeside  		{padding: 0 30px;}
.tel				{width:100%; position:absolute; bottom:-5px; left:0px; height:100px; z-index:901; line-height:1.4rem;}
.tel-in				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:100px; color:white; font-size:1.2rem;}
.tel1				{width:54%; height:auto; padding:30px 0; float:left;}
.tel2				{width:15%; height:auto; padding:20px 0 20px 0; float:left;}
.tel3				{width:30%; height:auto; padding:20px 20px 20px 0; float:left;}
.appetizer			{width:170px; height:auto; position:absolute; top:10px; right:10px;}
.boxloop			{width:22.65%; height:auto; margin:0 1.16% 20px 1.17%; padding:0 0 0 0; float:left; position:relative; overflow:hidden;}

}