@charset "utf-8";

@font-face 			{font-family:"Open Sans"; src: url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.woff2") format("woff2");}
@font-face 			{font-family:"OpenSansThin"; src: url("fonts/OpenSans-Light.woff") format("woff"), url("fonts/OpenSans-Light.woff2") format("woff2");}
@font-face 			{font-family:"OpenSansSemiBold"; src: url("fonts/OpenSans-SemiBold.woff") format("woff"), url("fonts/OpenSans-SemiBold.woff2") format("woff2");}


html 				{font-family:  Open Sans, sans-serif; font-size: 100%; line-height:1.6rem; color:#360203; background-color: #fff; font-weight:400; 
					background: url(image/background.jpg) no-repeat 75% bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; color:#333;
					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(36,36,36,0.05);}					
	
a:link, a:visited, a:active, a:hover {text-decoration:none; font-weight:700; color:#f99d1b; font-size: 1rem;}
a:hover {text-decoration:underline; font-weight:700; color:#340103;}
.telink a:link, .telink a:visited, .telink a:active {text-decoration:none; font-size:0.8rem; font-weight:200; color:#fff;}
.telink a:hover {color:#fff;}
.telinksp a:link, .telinksp a:visited, .telinksp a:active {text-decoration:none; font-size:0.8rem; font-weight:200; color:#fff;}
.telinksp a:hover {color:#fff;}


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

.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:1px solid #a6a6a6; background:rgba(62,140,237,0.4);}
.ss a:hover 		{color:white; background:rgba(62,140,237,1); text-decoration:none;}

.ss2 a:link, .ss2 a:visited, .ss2 a:active {font-size:0.8rem; font-weight:200; line-height:2rem; color:white; text-transform:uppercase; padding:3px 15px 3px 15px; 
					border:1px solid #a6a6a6; background:rgba(62,140,237,0.4);}
.ss2 a:hover 		{color:white; background:rgba(62,140,237,1); text-decoration:none;}

.ss3 a:link, .ss3 a:visited, .ss3 a:active {font-size:0.8rem; font-weight:200; line-height:2rem; color:#fff; text-transform:uppercase; padding:3px 15px 3px 15px; 
					border:1px solid #a6a6a6; background:rgba(62,140,237,0.8);}
.ss3 a:hover 		{color:white; background:rgba(62,140,237,0.4); text-decoration:none;}

.tm a:link, .tm a:visited, .tm a:active {position:absolute; font-size:2rem; width:auto; height:auto; top:0px; font-weight:200; text-decoration:none; color:#5c3e23; font-family: 'Open sans';}
.tm a:hover {color:#5c3e23;}

.headlink a:link, .headlink a:visited, .headlink a:active {text-decoration:none; font-weight:400; color:#340103;}
.headlink a:hover {color:#fff;}
.foolink1 a:link, .foolink1 a:visited, .foolink1 a:active {text-decoration:none; font-weight:400; color:#fff; font-size: 0.75rem;}
.foolink1 a:hover {color:#f89c21;}
.foolink a:link, .foolink a:visited, .foolink a:active {text-decoration:none; font-weight:400; color:#360203; font-size: 0.75rem;}
.foolink 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; letter-spacing:0.1rem;}
.nfn a:hover { text-decoration:none; font-weight:normal; color:#ffffff;}
					
.WebYepLoopAddButton, .WebYepLoopRemoveButton, .WebYepLoopUpButton, .WebYepLoopDownButton, .WebYepLoopEnabledButton, .WebYepShortTextEditButton, .WebYepImageEditButton, .WebYepMenuEditButton, .WebYepLongTextEditButton, .ttDate {position:relative; z-index:99000 !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:#fff;
padding-right:10px; padding-left:10px; border-radius:.8em; position:relative; z-index:999000;}

#usercentrics-button #uc-banner-modal .uc-banner-content {width: 1200px !important; background: #764f1d !important;}
.usercentrics-button .uc-privacy-button-wrapper {height:30px !important; width:30px !important; }
#bto-path-1 {background-color: #764f1d !important;}
#usercentrics-button #uc-corner-modal .uc-card-body .uc-consent-group .consent-info h6 {background: transparent !important;}
#usercentrics-button .uc-cursor-pointer, .uc-embed .uc-cursor-pointer {background: transparent !important;}
#usercentrics-button input[type='checkbox'].uc-form-check-input.intermediate+label:, .uc-embed input[type='checkbox'].uc-form-check-input.intermediate+label: {background-color: white !important; border-color: #999 !important;}

/* GotoTop-Button */
#btt 				{display: none; position: fixed; bottom: 25px; right:10px; z-index: 99; background-image:url(image/sop.png); 
					cursor: pointer; width:48px; height:24px; transition: all 1s;}
#btt:hover 			{-webkit-filter: brightness(1); filter: brightness(1);}

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

h1					{font-family:OpenSansSemiBold, sans-serif; font-size:1.3rem;  color:#f99d1c; margin:0; display:inline-block; letter-spacing:0.15rem; padding:0 0 20px 0;}
h2					{font-family:OpenSansThin, sans-serif; font-size:1.4rem; line-height:2rem; color:#f99d1c; margin:0; display:inline-block; letter-spacing:0.15rem;padding:0 0 20px 0;}
h3 					{font-family:Open Sans, sans-serif; font-size:1.2rem; line-height:1rem; font-weight:200; font-style:normal; color:#f99d1c; margin:0; display:inline; text-transform:uppercase; }
h4					{font-family:Open Sans, sans-serif; font-size:0.75rem; line-height:1rem; font-weight:600; font-style:normal; color:#494848; margin:0; display:inline; text-transform:uppercase; }
h5					{font-family:Open Sans, sans-serif; font-size:1.2rem; line-height:1.2rem; font-weight:200; font-style:normal; color:#fff; margin:0; display:inline; text-transform:uppercase; letter-spacing:0.1rem;}
h6					{font-size:0.7rem; color:#360203; font-weight:400; display:inline;}
h7 					{font-family: Open Sans, sans-serif; font-size:0.75rem; line-height:0.85rem; font-weight:400; font-style:normal; color:#000; margin:0; display:inline; text-transform:uppercase;}
		
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; }

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

.appetizer			{position:absolute; width:100px; height:auto; right:10px; top:-90px; z-index:999999;}

.spacebeside-banner	{padding: 0 0 0 0; background:#fff;}
.spacebeside-headline {padding: 0 20px 20px 20px; background:#018174;}
.spacebeside-content {padding: 0 20px 40px 20px; background:white; overflow:hidden;}
.spacebeside-content-start {padding: 0 20px 20px 20px; overflow:hidden;}
.spacebeside-content2{background:#978DA4; overflow:hidden; padding:0 20px;}
.spacebeside-contentref{background:#bbb; overflow:hidden; padding:0 0 30px 0;}
.spacebeside-footer {padding:0; overflow:hidden;}

.desktop			{display:none;}
.mobile				{display:inline-block; width:90%; height:auto;}

.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;}
.sm-icons			{width:auto; height:34px; position:absolute; top:129px; right:20px; left:unset; z-index:9999;}
.banner-i-left		{display:inline-block; width:100%; height:a; padding:20px; position:relative; text-align:center;}
.banner-i-right		{display:none;}
.banner-i-right-sp	{display:inline-block; width:100%; height:auto; padding:5px 20px 5px 20px; text-align:center; color:#5c3e23; font-size:0.875rem; line-height:1rem; background:#437de1;}

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


.cspace-left		{width:65%; height:15px; background:#494848; float:left;}
.cspace-right		{width:35%; height:15px; background:#a47a51; float:right;}
.cspace-left2		{width:100%; height:45px; background:#a47a51; float:left; padding:10px; text-align:center;}
.cspace-right2		{width:100%; height:45px; background:#494848; float:right; padding:10px; text-align:center;}

.cspace2			{width:100%; height:50px; position:relative; background:#340103;}
.mid-cspace2		{width:100%; font-family:OpenSansSemiBold, sans-serif; max-width:1200px; height:auto; margin-left:auto; margin-right:auto; text-align:center; position:relative;color: white; text-transform: uppercase; font-size: 1rem; padding: 12px; letter-spacing: 0.1rem; font-weight: 400;}
.SoMeSP				{display:inline-block; width:auto; height:35px; position:absolute; top:9px; right:20px; z-index:9999;}
.SoMe				{display:none; }
img.SoMePic	 		{width:30px; height:auto; opacity:0.7;}


h22					{font-family:OpenSansSemiBold, sans-serif; color: white; font-size: 1.4rem; letter-spacing:0rem; font-weight: 700;}
.adress-sp			{display:inline-block; width:100%; height:175px; padding:20px; background:#f99d1b; position:relative; top:40px; text-align:center; color:#340103;}

.headline-dt		{display:none;}
.hl-dt-txt			{margin:auto; width:100%; height:auto; padding:0; background:white; text-align:left; font-size:1.3rem; line-height:0.5rem; }
.headline-sp		{width:100%; display:inline-block; margin-top:30px; text-transform:uppercase; text-align:left;}

.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;}
.line				{height:1px; width:100%; background:#5c3e23;}
.spacebesidenavi	{padding:0;}

.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-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		{height:20px; width:100%; border-bottom: solid 1px #5c3e23;}
.content-content	{width:100%; max-width:1200px; padding:30px 0 0 0; margin-left:auto; margin-right:auto; font-size:1.1rem; line-height:1.6rem; color:#000; position:relative; text-align:left;}
.content-content-hl	{width:100%; max-width:1200px; padding:0 0 0 0; margin-left:auto; margin-right:auto; font-size:1.1rem; line-height:2rem; color:#360203; position:relative; text-align:left;}
.content-content-5	{width:100%; max-width:1300px; padding:50px 40px 80px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background:#a47a51;}

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

.obj-box			{width:100%; height:auto; padding:0 20px 20px 20px; overflow:hidden; position:relative; background:white; border-bottom:2px solid #494848;}
.obj-left			{width:100%; height:auto; padding:0 0 20px 0; }
.obj-right			{width:100%; height:auto; padding:0 0 0 0; margin:0 0 50px 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; }

.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 15px 30px 15px; float:left; position:relative;}
.boxcon				{width:100%; height:auto; padding:0;}
.boxcon-team		{width:100%; height:auto; padding:0;}

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

.navdt 				{display: none;}
.navi-sp			{display:inline-block; width:100%; height:48px; position:relative; background:#bca996; border-bottom: solid 1px #5c3e23;}
.navsp 				{height:48px; width:100%; overflow:hidden; background:#340103; position:absolute; text-align:center; right:0px; top:0px; padding:12px 0 0 0; z-index:999;}
.navsp img			{height:25px; width:auto; line-height:0rem; }
.navsp:hover		{height:auto;}
.cspace				{width:100%; height:0px;}

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


.last-content-bg	{display:none;}


.footer				{width:100%; height:auto; font-size:0.75rem;}
.footer-kontakt		{height: auto; width: auto; font-size:1.1rem; font-weight:600; margin: 0; padding: 10px 0 5px 0; position: relative; text-align: center; background: #340103;}

.rect				{object-fit: cover; object-position: 35%;}
img.rect			{width:auto; height:auto;}
img.Bilder50 		{border-radius:0px; width:100%;}
img.Bild-banner 	{width:auto; height:auto;}

.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%;}
.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: 911px) 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.6rem; }

.tel1				{width:20%; height:auto; float:left; padding:10px;}
.banner				{height:auto;}
.navsp 				{}
.navsp img			{height:35px; width:auto; line-height:0rem;}
.appetizer			{position:absolute; width:180px; height:auto; left:20px; right:10%; top:-140px; z-index:999999;}
img.Bild-banner 	{width:auto; height:auto;}
.grid-container3 	{display: grid; font-size:1rem; grid-template-columns: 1fr 1fr 1fr; }
}

/* Tabletts */
@media screen and (min-width: 911px) {
html 				{background: url(image/background.jpg) no-repeat 50% 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;}
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:0.9rem; padding:0px 10px 0px 10px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited {font-size:0.8rem;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 5px;}
#MyMenu li li a.WebYepMenuFirstItem {padding-left: 10px; padding:5px 0;}

.ftt td 	{padding:5px 10px;}

h1					{font-size:2rem; line-height:2.5rem; }
h2					{font-size:2rem;}
h3					{font-size:1.4rem; line-height:1.6rem; }
h4					{font-size:1.8rem; line-height:2rem; }
h5					{font-size:1.4rem; line-height:1.4rem; }
h6					{}
.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	{width:100%; height:150px; padding: 0 30px; position:relative;}
.spacebeside-headline {padding: 0 30px; background:#018174;}
.spacebeside-content {padding: 0 30px 0 30px; background:transparent; overflow:hidden; position:relative; z-index:9;}
.spacebeside-content-2 {padding: 40px 30px 0 30px; background:#a47a51; overflow:hidden; position:relative; z-index:9;}
.last-content 		{width:100%; height:auto; position:relative;}
.last-content-bg	{display:inline-block; width:100%; height:300px; position:absolute; bottom:40px; z-index:0;}
.spacebeside-content-start {padding: 100px 20px 20px 20px; overflow:hidden;}
.spacebeside-footer {padding: 0; overflow:hidden; background:#fff; position:relative; z-index:9;}
.footer-bg			{width:100%; height:100px; background:#a47a51; position:absolute; top:0px; z-index:0;}

#btt 				{display: none; position: fixed; bottom: 50px; right: 30px; z-index: 99; background-image:url(image/sop.png); 
					cursor: pointer; width:48px; height:24px; transition: all 1s;}
#btt:hover 			{-webkit-filter: brightness(0.7); filter: brightness(0.7);}

.desktop			{display:inline-block; width:100%; height:auto;}
.mobile				{display:none;}

.ss a:link, .ss a:visited, .ss a:active {font-size:0.95rem; font-weight:200; line-height:4rem; color:white; text-transform:uppercase; padding:5px 10px 5px 10px; 
					border:2px solid #a6a6a6; background:rgba(62,140,237,0.4);}
.ss a:hover 		{color:white; background:rgba(62,140,237,1); text-decoration:none;}

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

.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:1200px; height:auto; margin-left:auto; margin-right:auto; overflow:unset; position:relative; z-index: 99;}
.sm-icons			{width:auto; height:34px; position:absolute; top:45px; left:130px; right:unset; z-index:9999;}

.bannerss 			{height:auto; width:100%;margin:0 auto;}
.bannerdtss  		{display:inline; width:100%; margin:0 auto; line-height:0rem; position:relative; }

.navi-sp			{display: none;}

.banner-i-left		{display:inline-block; width:35%; height:130px; padding:15px 0 0 0; float:left; position:relative; left:0; text-align:left;}
.banner-i-right		{display:inline-block; width:65%; height:130px; font-size:0.95rem; font-weight:bold; background:white; padding:72px 20px 10px 0; text-align:right; position:relative;}
.banner-i-right-sp	{display:none;}

.cspace				{width:100%; height:35px; position:relative; background:#F99D1B;}
.mid-cspace			{width:100%; max-width:1200px; height:auto; text-align:center; margin-left:auto; margin-right:auto; position:relative;}
.SoMe				{display:inline-block; width:auto; height:35px; position:absolute; top:3px; right:20px; }
.SoMeSP				{display:none; }
img.SoMePic	 		{width:30px; height:auto; opacity:0.8;}
.cspace2			{width:100%; height:50px; position:relative; background:#340103;}
.appetizer			{position:absolute; width:150px; height:auto; left:unset; right:10px; top:unset; bottom:-60px; z-index:999999;}

.mid-cspace2		{width:100%; font-family:OpenSansSemiBold, sans-serif; max-width:1200px; height:auto; margin-left:auto; margin-right:auto; text-align:center; position:
relative;color: white; text-transform: uppercase; font-size: 1.6rem; padding: 12px; letter-spacing: 0.2rem; font-weight: 400;}
.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;}

.line				{height:0px;}

.headline-dt		{display:inline-block; width:100%; height:auto; font-family: OpenSansThin; font-size:1.8rem; letter-spacing:0.15rem; text-transform:uppercase; text-align:center; /* background:url(image/bg-headline.png);*/}
.hl-dt-txt			{margin:auto; width:50%; height:auto; padding: 0 30px 30px 30px; background:white; text-align:center;}
.headline-sp		{display:none;}

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

.adress-sp			{display:none;}


.grid-container 	{display: grid; grid-template-columns: 1fr 1fr; padding:0 30px;}
.grid-item 			{height:auto; width:auto; padding: 0; margin: 0 10% 20px 0; float:left; position:relative; overflow:hidden; text-align:left;}
.grid-item-f 		{height:auto; width:auto; padding:15px 15px 15px 20px; float:left; position:relative; overflow:hidden; text-align:right;}
.grid-item-fr 		{height:auto; width:auto; padding:15px 20px 15px 15px; float:left; position:relative; overflow:hidden; text-align:left;}
.grid-container2 	{display: grid; grid-template-columns: 1fr 1fr; padding:0 0 10px 0; margin:0 0;}
.grid-item2			{height:auto; width:auto; margin:0; padding:5px 15px 10px 20px; float:left; color:white; position:relative; overflow:hidden; text-align:center; background:#350103; border-bottom: solid 1px #CCC; text-align:right; line-height: 1.2rem;}
.grid-item22		{height:auto; width:auto; margin:0; padding:5px 20px 10px 15px; float:left; color:white; position:relative; overflow:hidden; text-align:center; background:#350103; border-bottom: solid 1px #CCC; text-align:left; line-height: 1.2rem;}
.grid-container3 	{display: grid; font-size:1rem; grid-template-columns: 1fr 1fr 1fr; }
.grid-item3			{height:auto; width:auto; margin:0; padding:10px 20% 0px 3%; float:left; color:white; position:relative; overflow:hidden; text-align:center; background:#350103; border-bottom: solid 1px #CCC}

.obj-box			{width:100%; height:auto; padding:20px 0 20px 0; overflow:hidden; position:relative; background:white; border-bottom:2px solid #494848;}
.obj-left			{width:50%; height:auto; padding:0 50px 0 0; float:left; }
.obj-right			{width:50%; height:auto; padding:0 0 0 0; float:right;  }

.content 			{margin-top:40px; background:white;}
.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:1300px; padding:70px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background: white;}
.content-contentbg	{width:100%; max-width:1220px; padding:70px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333;}

.content-content-hl	{width:100%; max-width:1200px; padding:60px 40px 40px 40px; margin-left:auto; margin-right:auto; font-size:1rem; line-height:1.8rem; color:#360203; position:relative; text-align:left; background:white;}
.content-content-2	{width:100%; max-width:1300px; padding:70px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background: white; border-bottom: solid 1px #ddd; /*box-schadow: 10px 10px 15px #999;*/}
.content-content-3	{width:100%; max-width:1300px; padding:10px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background: white; border-bottom: solid 1px #ddd; /*box-schadow: 10px 10px 15px #999;*/}
.content-content-4	{width:100%; max-width:1300px; padding:70px 40px 0px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background: white;}
.content-content-5	{width:100%; max-width:1300px; padding:10px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; color:#333; background:#a47a51;}

.content-content-22	{width:100%; max-width:1300px; padding:70px 40px 20px 40px; margin-left:auto; margin-right:auto; margin-bottom:50px; font-size:1.1rem; line-height:1.8rem; 
color:#333; background: white; border-bottom: solid 1px #666; border-right: solid 1px #666; /*box-schadow: 10px 10px 15px #999;*/}

.spacebeside-content2{padding:0;}
.spacebeside-contentref{padding:0 30px;}

.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 0 0 0;}
.boxcon-team		{width:100%; height:auto; padding:40px; 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; background: linear-gradient(180deg,#000 0,transparent 80%); z-index:2002;}
.navdt 				{display:inline-block; clear:both; min-height:35px; height:auto; padding: 0; width:auto; position:relative; top:5px;}

		.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 				{background: transparent; text-align:left; padding: 45px 0 0 0; height:72px;}
.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%;}
img.Bild-banner 	{width:auto; height:80px;}

.footer				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:auto; padding:0; font-size:0.75rem;}
.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;}
.footer-kontakt		{height: auto; width: auto; font-size:1.1rem; font-weight:600; margin: 0; padding: 15px 0 0 0; position: relative; text-align: center; background: #350103;}
}

/* Tablet Portrait */
@media screen and (min-width: 951px) and (orientation: portrait) {
.appetizer			{position:absolute; width:100px; height:auto; right:10px; bottom:-85px; z-index:999999;}
}

/* Desktops*/
@media screen and (min-width: 1024px) {
h1					{font-size:1.8rem; line-height:2rem;}
h2					{font-size:1.8rem; }
h5					{font-size:1.4rem; line-height:1.4rem; }
h6					{}
.grid-container 	{display: grid; grid-template-columns: 1fr 1fr; padding:0;}
.grid-container3 	{display: grid; font-size:1rem; grid-template-columns: 1fr 1fr 1fr; }
}

/* Desktops*/
@media screen and (min-width: 1280px) {
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:0.9rem; padding:0px 15px 0px 15px;}
#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited {font-size:0.8rem; padding:5px 15px;}
#MyMenu a.WebYepMenuFirstItem {padding-left: 15px;}
#MyMenu li li a.WebYepMenuFirstItem {padding-left: 15px; padding-top:5px;}
h1					{font-size:1.8rem; line-height:2rem;}
h2					{font-size:1.8rem;}
h5					{font-size:1.6rem; font-weight:400; line-height:1.4rem; }
h6					{}
.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.95rem; font-weight:200; line-height:4rem; color:white; text-transform:uppercase; padding:15px 30px 15px 30px; 
					border:2px solid #a6a6a6; background:rgba(62,140,237,0.4);}
.ss a:hover 		{color:white; background:rgba(62,140,237,1); text-decoration:none;}

.spacebeside-contentref{padding:0;}
img.rect			{width:400px; 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;}

.appetizer			{position:absolute; width:228px; height:auto; right:15%; top:-140px; z-index:999999;}

}