@charset "utf-8";
/* CSS Document */
@font-face 			{font-family:"EpilogueBold"; src: url("fonts/Epilogue-ExtraBold.woff") format("woff"), url("fonts/Epilogue-ExtraBold.woff2") format("woff2");}
@font-face 			{font-family:"EpilogueELight"; src: url("fonts/Epilogue-Thin.woff") format("woff"), url("fonts/Epilogue-Thin.woff2") format("woff2");}
@font-face 			{font-family:"Epilogue"; src: url("fonts/Epilogue-Bold.woff") format("woff"), url("fonts/Epilogue-Bold.woff2") format("woff2");}
@font-face 			{font-family:"EpilogueReg"; src: url("fonts/Epilogue-Regular.woff") format("woff"), url("fonts/Epilogue-Regular.woff2") format("woff2");}
@font-face 			{font-family:"Open Sans"; src: url("fonts/opensans-regular.woff") format("woff"), url("fonts/opensans-regular.woff2") format("woff2");}


html 				{font-family: 'Open Sans', Verdana, sans-serif; font-size: 100%; line-height:1.6rem; background-color: #fff; font-weight:200; 
					background: url(image/background.jpg) no-repeat 75% bottom 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; list-style-image: url(image/list_style_image.png); list-style-position:outside}
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;}
					
.ftt table 	{width:100%; margin:0px; padding:0px; border-top:0px solid #ccc; border-left:0px solid #ccc;}
.ftt td 	{text-align:left; vertical-align:top ;margin:0px; padding:5px 2px; border-right-width:0px; border-bottom-width: 1px;
				border-right-style:dotted; border-bottom-style:solid; border-right-color:#ccc; border-bottom-color:#fff;}
tr:hover 	{background-color:rgba(129,2,0,0.1);}					
					
a:link, a:visited, a:active, a:hover {text-decoration:none; font-weight:700; color:#696969;}
a:hover {text-decoration:none; font-weight:700; color:#000;}

.svg-icon 			{width: 2rem; height: 2rem; fill: #a6a6a6; }
.svg-icon :hover	{fill: #fff;}

.headlink a:link, .headlink a:visited, .headlink a:active, .headlink a:hover {font-size:1rem; line-height:1.2rem; text-decoration:none; font-weight:700; color:black;}
.headlink a:hover {text-decoration:none; font-weight:700; color:black;}

.ss a:link, .ss a:visited, .ss a:active {font-size:0.8rem; font-weight:200; line-height:2rem; color:white; text-transform:uppercase; padding:3px 10px 3px 10px; 
					border:0px solid #a6a6a6; background:rgba(255,255,255,0.5); border-radius: 20px;}
.ss a:hover 		{color:white; background:rgba(255,255,255,0.5); text-decoration:none;}

.foolink a:link, .foolink a:visited, .foolink a:active {text-decoration:none; font-weight:200; color:#464646;}
.foolink a:hover {color:#fff;}

.newslink a:link, .newslink a:visited, .newslink a:active {font-family: 'Oswald', Verdana, sans-serif; font-size:1.2rem; line-height:1.5rem; font-weight:400; text-transform: uppercase; letter-spacing: 0.1rem; margin:0; text-decoration:none; color:#fff;}
.newslink a:hover {color:#fff;}

.stafflink a:link, .stafflink a:visited, .stafflink a:active {text-decoration:none; font-weight:400; color:#fff;}
.stafflink a:hover {text-decoration:underline; font-weight:400; color:#fff;}
.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:18px; height:auto; top:4px; margin:2px 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;}

/* usercentrics */

#btt 				{display: none; position: fixed; bottom: 20px; right: 8px; z-index: 99; background-image:url(image/sop.png); 	cursor: pointer; width:65px; height:65px; border-radius: 4px; transition: all 1.5s;}
#btt:hover 		{background-image:url(image/sop2.png); }

/* SMARTPHONES */
hr						{border: 1px solid #CCC;}
.box50r-end 	{border-bottom:14px solid #018174;}

h1					{ font-family: EpilogueELight, Open Sans, Verdana, sans-serif; font-size:1.2rem; line-height:1.6rem; font-weight:700; margin:0; color:#130fff; 
					letter-spacing: 0rem; display: inline; }
h2					{ font-family: EpilogueELight, Verdana, sans-serif; font-size:1.2rem; line-height:2.2rem; font-weight:700; margin:0; color:#3f3f3f; letter-spacing: 0.05rem; 			 display: inline;}
h3					{ font-family: EpilogueELight, Verdana, sans-serif; font-size:1.1rem; line-height:1.6rem; font-weight:700; margin:0; color:#130fff; letter-spacing: 0.1rem; 			 display: inline;}
h4					{ font-family: Open Sans, Verdana, sans-serif; font-size:1rem; line-height:1.4rem; font-weight:700; margin:0; color:#3f3f3f;  					  
					  letter-spacing:0.1rem; display: inline;}
h5					{font-family: Epilogue, Verdana, sans-serif; font-size:1.2rem; line-height:1.5rem; font-weight:700; color:#fff; padding:5px 20px 0 20px; background:#130fff; 				      letter-spacing: 0.1rem; margin:0; display:block;}
h6					{font-size:0.75rem; line-height:1rem; font-weight:400; margin:0; color:#ccc; display: inline;}
h7					{ font-family: Open Sans, Verdana, sans-serif; font-size:0.8rem; line-height:1rem; font-weight:200; margin:0; color:#3f3f3f;  					  
					  letter-spacing:0.1rem; display: inline;}



ul 					{margin:0; padding-inline-start:20px;}
img 				{max-width: 100%; height: auto;}
.startofpage		{display: inline-block; position: fixed; overflow: hidden; bottom: 25px; right: 25px; width: 30px; height: auto; z-index: 9999;}
#startofpage		{display: inline-block; position: fixed; overflow: hidden; bottom: 25px; right: 25px; width: 30px; height: auto; z-index: 9999;}

.spacebeside  		{padding: 0}
.spacebeside-dt  	{padding: 0}
.container 			{font-size: 0.8rem; line-height: 20px; width: 100%; margin-right: auto; margin-left: auto; position:relative; }
.qr					{display:none;}

.Header				{width:100%; height:auto; position:relative; line-height:0rem;}
.first				{display:none;}
#header				{display:none;}

#headercont		{width:100%; height:auto; }
#headerpic			{width:auto; max-height:67px; position:relative; transition: 1s ease-in-out; z-index: 9999;}
.spheader			{display:inline-block; width:100%; height:auto; padding:0; background:#cacaca; color:#173557; text-align: center; font-size:0.9rem;}
.slogan				{font-family: 'Montserrat', Verdana, sans-serif; width:100%; height: auto; background:#173557; color:white; font-size:1rem; font-weight:700; text-transform:uppercase; margin:0; position:relative; top:-15px; text-align:center; padding:5px 0;}

.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;}

#headersp			{width:100%; height:auto; position:relative; display:inline-block;}
#logosp				{width:100%; height:auto; padding:15px 15px 8px 15px; position:relative; transition: 1s ease-in-out; text-align:center; background-image: url(image/Schriftzug-hg-sp.png); font-family: Open Sans, sans-serif; font-weight:700; }
.startseitesp		{display:inline-block; height:50px; width:auto; text-align:center; position:absolute; left:25%;}
.sp1left			{width:20%; height:auto; float:left; padding:0 20px 0 0;}
.sp1right			{width:80%; height:auto; }
.slogankontaktsp	{width:100%; height:auto; padding:0 25px 13px 25px; position:relative; background:#ededed;}
#contleftsp			{width:100%; height:auto; position:relative; font-family:'Dosis', Verdana, sans-serif; font-weight:700; color:black; letter-spacing: 0.1rem; 					transition: 1s ease-in-out; line-height:1.5rem; font-size:1.3rem; text-align:center;}
#contrightsp		{display:inline-block; width:89%; height:auto; float:right; position:absolute; top: 27px; right:20px; padding: 0; }

.appetizer			{display:none;}
.newslink {width:100%; height:auto; padding:5px 0 2px 0; background:#1c5c91; margin:0 0 20px 0; text-align: center;}

.spacebeside-banner	{padding: 0 20px; }
.spacebeside-headline {padding: 0 20px 20px 20px; background:#018174;}
.spacebeside-content {background:#fff; overflow:hidden; padding:0 25px;}
.content-als		{width:100%; height:auto; padding: 0 25px 25px 25px; background:#fff;}
.content-als-left	{width:100%; height:auto; padding:0 0 40px 0; background:#fff;}
.content-als-right	{width:100%; height:auto; padding:0 0 0 0; background:#fff;}
.content-home-left	{width:100%; height:auto; margin:0 0 0 0; position:relative;}
.content-home-right	{width:100%; height:auto; margin:0 0 0 0; position:relative;}

.spacebeside-content2{background: url(image/corten-background.jpg) no-repeat center center fixed; overflow:hidden; padding:0;}
.spacebeside-content3{background:#ececec; overflow:hidden; padding:0;}
.spacebeside-contentref{background:#bbb; overflow:hidden; padding:0 0 30px 0;}
.spacebeside-footer {padding: 0 20px 50px 20px; color:white; background: #bcbcbc; overflow:hidden;}

#contleft			{display:none;}
#menu				{display:none;}

.banner-index		{width:100%; height:auto; margin-left:auto; margin-right:auto; background:rgba(255,255,255,0.7); border-top:1px solid #018174; position:relative; overflow:hidden;}
.banner				{width:100%; height:auto; margin-left:auto; margin-right:auto; overflow:hidden;}
.banner-i-left		{width:100%; height:auto; padding:20px 100px 15px 100px; float:left;}
.banner-i-right		{display:none;}
.banner-i-right-sp	{display:inline-block; width:100%; height:auto; padding:0px 40px 20px 40px; text-align:center; color:#a6a6a6; font-size:0.875rem; line-height:1rem;}

#bannerss 			{display:inline-block;}
#bannerssref		{display:inline-block; height:auto; width:100%; margin:0px 0 0 0;}
.bannerdtss  		{display:inline-block; border-bottom: 1px solid #fff;}
.bannerdtss  		{display:inline; width:100%; margin:0 auto; line-height:0rem; position:relative;}



.banner-in			{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:120px; padding:25px; ; z-index:9001; position:relative;}
.banner-in-start	{width:auto; height:auto; position:absolute;}
.banner-menu		{width:auto; height:auto; position:relative;}

.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;}

.anker				{width:auto; height:auto; position:relative; bottom:0px;}
.ankershop			{width:auto; height:auto; position:relative; bottom:20px;}

.content-index		{width:100%; height:auto; max-width:1200px; margin-left:auto; margin-right:auto; line-height:1.6rem; margin-top:40px; overflow:hidden; background:rgba(255,255,255,0.6); 
					padding:10px;}
.content 			{width:100%; height:auto; max-width:1200px; margin-left:auto; margin-right:auto; line-height:1.6rem; margin-top:40px; overflow:hidden; }
.content-space		{padding:40px 0 0 0;}
.content-content	{width:100%; max-width:1200px; padding:20px 20px 20px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: white; position:relative;}
.content-content-leist	{width:100%; max-width:1200px; padding:25px 20px 20px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: white; position:relative;}
.content-content-werk	{width:100%; max-width:1200px; padding:5px 20px 20px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: white; position:relative;}
.content-grid			{width:100%; height: auto;}

.grid-container 	{padding:0; overflow: hidden;}
.grid-container4 	{padding:0; overflow: hidden;}

.grid-container2 	{display: grid; grid-template-columns: 1fr; color:#464646;}
.grid-containerref 	{display: grid; grid-template-columns: 1fr; }
.grid-item 			{height:auto; width:100%; padding: 0px 20px 20px 20px; float:left; position:relative; overflow:hidden; background:#fffc;}
.grid-item-two			{height:auto; width:100%; margin:0; padding:0px 20px 20px 20px; margin:20px 0 0 0; float:left; position:relative; overflow:hidden; background:#173456;}
.grid-item-three			{height:auto; width:100%; margin:0; padding:0px 20px 20px 20px; margin:20px 0 0 0; float:left; position:relative; overflow:hidden; background:#d7783e;}
.grid-item-four			{height:auto; width:100%; margin:0; padding:0px 20px 20px 20px; margin:20px 0 0 0; float:left; position:relative; overflow:hidden; background:#173456;}
.grid-item2			{height:auto; width:100%; margin:0; margin:0 10px 20px 0; float:left; position:relative; overflow:hidden; background:#173557;}
.grid-item22		{height:auto; width:100%; margin:0 0 20px 0; padding:0 0 0 0; float:left; position:relative; overflow:hidden; background:#173557;}
.grid-item3l			{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item3m		{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item3r		{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item4			{height:auto; width:auto; margin:0; margin:0 10px 20px 10px; float:left; position:relative; overflow:hidden; background:white; color:black;}

.grid-container 	{padding:0;}
.grid-container2	{padding:0 0 0 0;}
.grid-container3 	{display: grid; grid-template-columns: 1fr; font-size:1rem;}
.grid-item 			{height:auto; width:100%; padding: 0 ; margin: 0 0 0 0; float:left; position:relative; overflow:hidden; }
.grid-item-f 		{height:auto; width:100%; padding:10px 0 0 0; margin: 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item-fr 		{height:auto; width:100%; padding:0 0 10px 0; margin: 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item2			{height:auto; width:100%; margin:0; padding:0 0 10px 0; float:left; position:relative; overflow:hidden; color:white;}
.grid-item22		{height:auto; width:100%; margin:0; padding:0 0 10px 0; float:left; position:relative; overflow:hidden;}
.grid-item3			{height:auto; width:auto; margin:0; padding:0 20px 20px 20px; float:left; position:relative; overflow:hidden; text-align:center; background:#eee;}


.reference			{width:100%; height:auto; background:white; margin-bottom: 20px; color:#173557;}
.reference-txtl		{width:100%; height:auto; padding:30px 30px 0px 30px; text-align:left;}
.reference-txtr		{width:100%; height:auto; padding:30px 30px 30px 30px; text-align:left;}
img.reference-imgl		{background:white; width:100%; border-right:0px solid #ececec; padding:0 0 30px 0;  position: relative; z-index: 9;}
img.reference-imgr		{background:white; width:100%; border-left:0px solid #ececec; padding:0 0 30px 0; position: relative; z-index: 9;}

.whitebox		{width:100%; height:auto; padding:20px 20px 20px 20px; margin-top:0px; color:#173557; background:white;}
.referencespad {text-align:center; padding:25px 0 5px 0;}

.log	{display:none;}

.shopside	{width:100%; max-width:1200px; padding:20px 25px 15px 25px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: #464646; position:relative; margin-top:50px; background:#ececec;}

.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; }

.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; }

.boxloop			{width:100%; height:auto; padding:0 15px 30px 15px; float:left; position:relative;}
.boxcon				{width:100%; height:auto; padding:0; background:white;}
.boxcon2				{width:100%; height:auto; padding:20px 0;}
.boxcon-ref			{width:100%; height:auto; padding:0; max-height:195px;}
.rahmen					{padding:20px 20px; line-height:1.5rem;}
img.referenz-img		{top:-40px; position:relative;}


.rb					{text-align:left;}

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

#navdt 			{display: none;}
.navi-sp			{display:inline-block; width:100%; height:45px; position:relative; top: 13px;}
.navsp 				{height:40px; width:100%; overflow:hidden; text-align:center; position:relative; 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;}

.up					{width:100%; height:auto; text-align:center;}
.footer				{width:100%; height:auto; font-size:1rem; color:#173557;}

.rect				{object-fit: cover; object-position: 35%;}
img.rect			{width:auto; height:auto;}
img.Bilder50r 		{max-width: 100%; padding:15px 0 40px 0; }
img.Bilder50l 		{max-width: 100%; padding:15px 0 40px 0; }
img.Bild-banner 	{width:auto; }
img.prodpic			{margin:0 0 30px 0;}

.galeriedt 			{display: none; text-align: center;}
.galeriekdt 		{display: none; text-align: center;}
.galeriesp 			{display: inline-block; text-align: center;}
.WebYepGalleryImage img {width: 95%; height: 60px; margin-bottom: 0px; border: 1px solid #ccc; margin: 0 10px 0 0px; object-fit: cover; object-position: 50% 50%;}
.footer-index		{width:100%; margin-left:auto; margin-right:auto; height:auto; font-size:0.95rem; padding:0 20px; background:rgba(255,255,255,0.7); 
					border-top:1px solid #018174;}



/* 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.8rem; }
h2					{ font-size:1.2rem; }
h5					{ font-size:1.6rem; line-height:2rem; }
.tel1				{width:20%; height:auto; float:left; padding:10px;}
.banner				{height:auto;}
.navsp 				{}
.appetizer			{position:absolute; width:120px; height:auto; left:20px; right:unset; top:90px; bottom:unset; z-index:999999;}
img.Bild-banner 	{width:auto; }
}

/* Tabletts */
@media screen and (min-width: 768px) {
html 				{-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;}
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:0.95rem; margin:0px 10px 0px 10px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited {font-size:0.95rem;}
#MyMenu a.WebYepMenuFirstItem {margin-left: 0px;}
#MyMenu li li a.WebYepMenuFirstItem {margin-left: 10px; padding-top:20px;}

.ftt td 	{padding:5px 10px;}
.qr					{display:inline-block; width:100px; height:auto; position:absolute; bottom:10px; right:50px; z-index:99999;}
h1					{font-size:1.8rem; line-height:2.2rem; }
h2					{font-size:1.5rem;}
h3					{font-size:1.2rem;}
h5					{font-size:1.8rem; line-height:2.8rem;}
.stafflink a:link, .stafflink a:visited, .stafflink a:active {text-decoration:none; font-weight:200; color:#fff;}
.stafflink a:hover {text-decoration:underline; font-weight:200; color:#fff;}
.spacebeside  		{padding: 0 30px;}
.spacebeside-banner	{padding: 0 30px; }
.spacebeside-headline {padding: 0 30px; background:#018174;}
.spacebeside-content {padding: 0 30px 0 30px; background:#ececec; overflow:hidden; position: relative; top: 100px;}

.first				{display:inline-block; position: relative; top: 80px; z-index:999;}

.newslink {display:none;}

.spacebeside-content-als {padding: 20px 50px 20px 50px; margin:0 0 50px 0; background:#fff; overflow:hidden;}
.spacebeside-content-shop {padding: 20px 50px 0px 50px; margin:0 0 0px 0; background:#ededed; overflow:hidden;}
.spacebeside-content-news {padding: 0 20px 0 20px; margin:0 0 50px 0; background:#fff; overflow:hidden;}
.content-als	{width:100%; height:auto; padding:0 0 0 0;}
.content-als-left	{width:50%; height:auto; float:left; padding:0 25px 0 0;}
.content-als-right	{width:50%; height:auto; float:right; padding:0 0 0 25px;}
.content-home-left	{width:65%; height:auto; margin:0 0 0 0; float:left; position:relative;}
.content-home-right	{width:30%; height:auto; margin:0 0 0 0; float:right; position:relative;}
.boxcon				{width:100%; height:auto; padding:20px; background:white;}

.startseitesp		{display:none; }

.WebYepGalleryImage img {width: 95%; height: 230px; margin-bottom: 0px; border: 1px solid #ccc; margin: 0 10px 0 0px; object-fit: cover; object-position: 50% 50%;}

.spacebeside-content3 {padding: 0 30px 0 30px; overflow:hidden;}
.spacebeside-footer {padding: 0 30px 0 30px; color:white; background:#bcbcbc; overflow:hidden; position: relative; top: 100px;}

.ss a:link, .ss a:visited, .ss a:active {font-size:0.8rem; line-height:2.5rem; color:white; text-transform:uppercase; padding:10px 15px 10px 15px; }
.ss a:hover 		{}
.anker				{width:auto; height:auto; position:relative; bottom:200px;}
.ankershop			{width:auto; height:auto; position:relative; bottom:150px;}

.Header				{width:100%; height:auto; position:relative; line-height:0rem;}

#header				{width:100%; height:180px; position:fixed; left: 0; top: 0; right: 0; z-index: 99999; transition: height 1s ease-in-out; background:white; display:inline-block; background-image: url(image/Schriftzug-hg.png);}
#headersp			{display:none;}

#btt 				{right: 20px;}

.log	{display:inline-block;}

.spheader			{display:none;} 

#headercont		{width:100%; height:auto; position:relative; bottom: 0; }
#contleft			{
	font-family: EpilogueBold, Open Sans, Verdana, sans-serif; font-size:3.5rem; line-height:2.4rem; font-weight:700; margin:0; color:#130fff; width:70%; height:auto; float:left; position:relative; margin:0; transition: 1s ease-in-out; bottom: 0; padding:0; display:inline; padding:20px 0 0 0;}

#contleftsp			{display:none;}
h22					{font-size:2.8rem; line-height:2.8rem; padding:0 0; display:inline;}
#contright			{display:inline-block; width:29%; height:auto; float:right; position:relative; font-size:0.75rem; bottom: -10px; padding:20px 0 0 0; text-align:right;}
#menu				{display:inline-block; height:auto; width:100%; border-top: 1px solid black; border-bottom: 1px solid black; background:#ededed; position:fixed; top:180px; z-index:99999; 
                     transition: 1s ease-in-out;}
#contrightsp		{display:none;}
#headerpic			{width:auto; max-height:140px; position:relative; transition: 1s ease-in-out; }


.banner-index		{width:100%; max-width:1200px; height:140px; margin-left:auto; margin-right:auto; background:rgba(255,255,255,0.7); border-top:1px solid #018174; overflow:unset;}
.banner				{width:100%; max-width:1100px; height:auto; margin-left:auto; margin-right:auto; overflow:unset; position:relative;}
.banner-nav			{width:100%; max-width:1100px; height:auto; margin-left:auto; margin-right:auto; overflow:unset; position:relative;}

#bannerss 			{display:inline-block; height:auto; width:100%; margin:0 0 0 0; position: relative; top: 205px;}
#bannerssref 		{display:inline-block; height:auto; width:100%; margin:100px 0 0 0;}
.bannerdtss  		{display:inline; width:100%; margin:0 auto; line-height:0rem; position:relative;}
.rb					{text-align:right;}

.navi-sp			{display:none;}

.appetizer			{display:inline-block; position:absolute; width:150px; height:auto; right:-40px; top:unset; bottom:-140px; z-index:999999;}

.banner-i-left		{width:25%; height:100px; padding:10px 0; float:left;}
.banner-i-right		{display:inline-block; width:75%; height:100px; padding:10px; float:left; text-align: right; color:#a6a6a6; font-size:0.875rem;}
.banner-i-right-sp	{display:none;}

.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-cent		{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:120px;}
.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;}
.referencespad {padding:35px 0 15px 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;}

.grid-container 	{display: grid; grid-template-columns: 1fr 1fr; padding:0; margin:50px 0 0 0;}
.grid-container4 	{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding:0; margin:50px 0 0 0;}
.grid-item 			{height:auto; width:auto; margin: 10px; float:left; position:relative; overflow:hidden; background:white;}
.grid-item-two			{height:auto; width:auto; margin:0; padding:30px 60px 20px 0; margin:0; float:left; position:relative; overflow:hidden; background:transparent;}
.grid-item-three			{height:auto; width:auto; margin:0; padding:30px 20px 20px 60px; margin:0; float:left; position:relative; overflow:hidden; background:transparent;}
.grid-item-four			{height:auto; width:auto; margin:0; padding:30px 60px 20px 0; margin:0; float:left; position:relative; overflow:hidden; background:transparent;}
.grid-item2			{height:auto; width:auto; margin:0; margin:0 10px 20px 0; float:left; position:relative; overflow:hidden; background:#173557;}
.grid-item22		{height:auto; width:auto; margin:0; margin:0 0 20px 10px; float:left; position:relative; overflow:hidden; background:#173557;}
.grid-container2 	{display: grid; grid-template-columns: 1fr 1fr; max-width:1100px; margin-right: auto; margin-left: auto; color:#464646;}
.grid-item3l			{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:left;}
.grid-item3m		{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:center;}
.grid-item3r		{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; position:relative; overflow:hidden; text-align:right;}
.grid-item4			{height:auto; width:auto; margin:0; margin:0 10px 20px 10px; float:left; position:relative; overflow:hidden; background:white; color:black;}
.rahmen					{padding:40px 50px; line-height:1.5rem;}
.reference-txtl		{width:auto; height:auto; padding:0 30px 0 0; text-align:left; position: relative; left: 50px; top:30px;}
.reference-txtr		{width:100%; height:auto; padding:0 0 0 30px; text-align:right; position: relative; right: 50px; top:30px;}
img.reference-imgl		{background:white; width:50.8%; border-right:20px solid #ececec; padding:0;}
img.reference-imgr		{background:white; width:50.8%; border-left:20px solid #ececec; padding:0;}

.main-content		{width:100%, height:auto;}
.content 			{margin-top:40px;}
.content-index		{background:rgba(255,255,255,0.7); border-top:1px solid #018174;}
.content-headline	{width:100%; max-width:1200px; padding:20px 0 40px 13px; margin-left:auto; margin-right:auto; font-size:2.25rem; line-height:1.5rem; color:white; }
.content-content	{width:100%; max-width:1200px; padding:30px 0 0px 0; margin-left:auto; margin-right:auto; line-height:1.6rem; color: white;}
.cont-cont-first	{width:100%; max-width:1200px; padding:20px 20px 15px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: #464646; position:relative; padding:20px 0 0 0;}
.shopside	{width:100%; max-width:1200px; padding:20px 20px 15px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: #464646; position:relative; margin-top:150px; background:#ececec;}

.content-content-werk	{width:100%; max-width:1200px; padding:20px 20px 20px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: white; position:relative;}
.content-grid			{width:100%; height: auto; background:white; }
.boxcon2				{width:100%; height:auto; padding:20px 0;}
.boxcon-ref				{width:100%; height:auto; padding:0; max-height: 380px;}


.spacebeside-content2{padding:0;}
.spacebeside-contentref{padding:0 30px;}
.whitebox		{width:100%; height:auto; padding:30px 60px 30px 60px; margin-top:0px; color:#173557; background:white;}

.content-space		{}

.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; padding:0 20px 20px 20px; background:white;}


img.rect			{width:100%; height:250px;}
img.rect2			{width:400px; height:auto;}

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

.spacebesidenavi	{padding: 0 30px;}
.bannernavi			{width:100%; height:auto; margin-left:auto; margin-right:auto; max-width:1200px;}
.navigation			{width:100%; height:auto; position:absolute; left:0; top:0; z-index:9;}
#navdt 				{display:inline-block; clear: both; min-height: 40px; width:auto; float:left; transition: 1s ease-in-out; padding: 7px 0 0 0;}

		.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.Bilder50r 		{max-width: 52%; padding:0 0 20px 50px; }
img.Bilder50l 		{max-width: 52%; padding:0 50px 20px 0; }
img.Bild-banner 	{width:auto;}
img.prodpic			{margin:0;}


.footer				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:auto; padding:0 20px; margin-top:15px; font-size:0.95rem; color:#173557;}
.footer-index		{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:auto; font-size:0.95rem; padding:0 20px; background:rgba(255,255,255,0.7); 
					border-top:1px solid #018174;}
}

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

}

/* Desktops*/
@media screen and (min-width: 1024px) {
h1					{font-size:2.2rem; line-height:2.2rem;}
h2					{font-size:1.5rem; line-height:2.4rem; }
h5					{font-size:1.8rem; line-height:3.2rem;}
h55					{font-size:1.8rem; line-height:3.2rem;}

.grid-container 	{display: grid; grid-template-columns: 1fr 1fr; padding:0;}
.grid-container4 	{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding:0; margin:50px 0 0 0;}

.grid-item 			{height:auto; width:auto; margin: 20px 20px 0; float:left; position:relative; overflow:hidden; background:white;}
.grid-item-two			{height:auto; width:auto; margin:0; padding:30px 20px 20px 0; float:left; position:relative; overflow:hidden; background:transparent;}
.grid-item-three			{height:auto; width:auto; margin:0; padding:30px 20px 20px 0; float:left; position:relative; overflow:hidden; background:transparent;}
.grid-item-four			{height:auto; width:auto; margin:0; padding:30px 0 20px 0; float:left; position:relative; overflow:hidden; background:transparent;}
.boxcon				{ padding: 10px 50px 30px 50px;}
/*.appetizer			{display:inline-block; position:absolute; width:150px; height:auto; right:-20px; top:unset; bottom:-140px;z-index:999999;}*/
}

/* Desktops*/
@media screen and (min-width: 1280px) {
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:1rem; margin:0px 15px 0px 15px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited { font-size:0.95rem;}
#MyMenu a.WebYepMenuFirstItem {margin-left: 0px; padding-left:0px;}
#MyMenu li li a.WebYepMenuFirstItem {margin-left: 15px; padding-top:20px;}
#MyMenu li li li a.WebYepMenuFirstItem {margin-left: 15px; padding-top:10px;}
h1					{font-size:2.2rem; line-height:2.4rem;}
h2					{font-size:1.6rem; line-height:2.6rem; }
h5					{font-size:1.5rem; line-height:3rem;}
.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:22.5%; height:auto; padding:20px 0 20px 0; float:left;}
.tel3				{width:22.5%; height:auto; padding:20px 20px 20px 0; float:left;}

.ss a:link, .ss a:visited, .ss a:active {font-size:0.8rem; line-height:2.5rem; color:white; text-transform:uppercase; padding:10px 15px 10px 15px; }
.ss a:hover 		{}

.spacebeside-contentref{padding:0;}
img.rect			{width:100%; height:350px;}

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


}

/* Desktops*/
@media screen and (min-width: 1282px) {
.appetizer			{display:inline-block; position:absolute; width:150px; height:auto; right:-150px; top:unset; bottom:-100px; z-index:999999;}
}


/* 1100
@media screen and (max-width: 1100px) {
.boxcon				{padding: 0px 10px 10px 10px;
;}}

@media screen and (max-width: 1000px) {
.boxcon				{max-height: 300px;}}

@media screen and (max-width: 900px) {
.boxcon				{max-height: 260px;}}

@media screen and (max-width: 767px) {
.boxcon				{max-height: 380px; height: 250px;}}*/