@charset "utf-8";
/* CSS Document */

@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(255,255,255,0.4);}					
					
a:link, a:visited, a:active, a:hover {text-decoration:none; font-weight:700; color:#3A5BA7;}
a:hover {text-decoration:underline; font-weight:700; color:#333;}
.telink a:link, .telink a:visited, .telink a:active, .telink a:hover {font-size: 1.2rem; line-height: 1.8rem; text-transform: uppercase; font-weight: 500;color:#fff;}
.telink a:hover {color:#FFCD1C; text-decoration:none;}

.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:3rem; width:auto; height:auto; top:0px; font-weight:200; text-decoration:none; color:#a6a6a6;}
.tm a:hover {color:#3e8ced;}

.foolink a:link, .foolink a:visited, .foolink a:active {text-decoration:none; text-transform:uppercase; font-weight:500; color:#000;}
.foolink a:hover {color:#3A5BA7;}
.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-button #uc-banner-modal .uc-banner-content {width: 1200px !important; background: #0062ad !important;}
.usercentrics-button .uc-privacy-button-wrapper {height:30px !important; width:30px !important; }
#bto-path-1 {background-color: #ffa010 !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;}

#btt 				{display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; background-image:url(image/sop.png); 
					cursor: pointer; width:32px; height:32px; border-radius: 4px; transition: all 2s; z-index: 999;}
#btt:hover 			{background-color: #555;}

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

h1					{font-family: 'Open Sans', Verdana, cursive; font-size:2rem; line-height:2rem; font-weight:500; margin:0; color:#000; font-style: italic; text-transform:uppercase; }
h2					{font-family: 'Open Sans', Verdana, cursive; font-size:1.2rem; line-height:2rem; font-weight:700; margin:0; color:#3A5BA7; font-style: italic; text-transform:uppercase; }
h3					{font-family: 'Open Sans', Verdana, cursive; font-size:2.8rem; line-height:2.8rem; font-weight:400; margin:0;}
h4					{font-family: 'Open Sans', Verdana, cursive; font-size:1.6rem; line-height:1.8rem; font-weight:700; margin:0;}
h5					{display:inline; font-family: 'Open Sans', Verdana, cursive; font-size:1.4rem; line-height:2.4rem; font-weight:200; margin:0px; color:white; padding: 3px 5px; 
					background:rgba(66,71,76,0.3);}
h6					{display:inline; font-family: 'Open Sans', Verdana, cursive; font-style: italic; font-size:1rem; line-height:1.9rem; font-weight:200; margin:0px; color:white; padding: 3px 5px; background:rgba(66,71,76,0.7);}
h7 					{display:inline; font-size:1.3rem; line-height:1.3rem; font-weight:200; margin:0;}
h10					{color:#666; font-size:0.75rem; line-height:0.75rem; font-weight:normal; display:inline-grid; }
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;}
.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;}

.logo			{position:relative; width:90%; height:auto; left:20px; top:0px; z-index:999999; text-align: center;}

.spacebeside-banner	{padding: 0 5px 0 5px; background:white;}
.spacebeside-headline {padding: 0 20px 20px 20px; background:#018174;}
.spacebeside-content {overflow:hidden;}
.spacebeside-content2{overflow:hidden; padding:0;}
.spacebeside-contentref{background:#bbb; overflow:hidden; padding:0 0 30px 0;}
.spacebeside-footer {padding: 0 20px; color:white; background:#656a6e; overflow:hidden;}

.content-end		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7;}
.content-end-p		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7; background-image: url(image/bg-projekte-1920.jpg) }
.content-end-a		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7; background-image: url(image/bg-ausbildung-stuck-1920.jpg) }
.content-end-arb	{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7; background-image: url(image/bg-arbeiten-1920.jpg) }

.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 			{height:auto; width:100%; line-height:0; padding: 0 5px;}
.bannerdtss  		{display:inline-block; border-bottom: 1px solid #fff;}


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

.content-SP			{display:inline-block; width: 100%;}
.hl-con-sp			{width:100%; height:auto; position:relative; overflow:hidden;}
.hl-con-spl			{width:90%; height:auto; position:relative; float:left;}
.hl-con-spr			{width:10%; height:auto; position:relative; float:left;}
.con-con-sp			{width:100%; height:auto; position:relative; overflow:hidden;}
.con-con-spl		{width:60%; height:auto; position:relative; float:left; color:white; font-size: 0.875rem; line-height:1.25rem; font-weight:500; padding:0 0 20px 20px;}
.sp-headline-text	{width:auto; height:auto; position:absolute; top:0; left:0; padding: 7px 0 0 20px; }
.con-con-spr		{width:40%; height:auto; position:relative; float:left;}
.icon-sp			{width:auto; height:auto; position:absolute; top:90px; right:10px; padding:0; }
.icon-dt			{width:80px; height:auto; position:absolute; bottom:0px; right:10px; padding:0; }
.icon-team			{width:50%; height:auto; position:absolute; bottom:0px; right:0px; padding:0; }


.hl-con-sp-p		{width:100%; height:auto; position:relative; overflow:hidden;}
.hl-con-spl-p		{width:100%; height:auto; position:relative; float:left;}
.hl-con-spr-p		{width:100%; height:auto; position:relative; float:left;}
.con-con-sp-p		{width:100%; height:auto; position:relative; overflow:hidden;}
.con-con-spl-p		{width:100%; height:auto; position:relative; float:left; color:black; font-size: 0.875rem; line-height:1.25rem; font-weight:500; padding:0 0 20px 20px; background:white;}
.con-con-spr-p		{width:100%; height:auto; position:relative; float:left;}
.sp-headline-text-p	{width:100%; height:auto; position:relative; top:0; left:0; padding: 7px 0 0 20px; }

.content-DT			{display:none;}
.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; margin-top:40px; overflow:hidden; }
.content-space		{padding:40px 0 0 0;}
.content-content	{width:100%; max-width:1200px; padding:0px 20px 20px 20px; margin-left:auto; margin-right:auto; line-height:1.6rem; color: black; position:relative;}
.content-content-hl	{width: 100%; max-width: 1200px; padding: 35px 20px 0px 20px; margin-left: auto; margin-right: auto; line-height: 1.6rem; color: black; position: relative; text-align: center; min-height: 80px;}
.content-sloganSP		{display:inline-block; width:100%; height: 80px; max-width:1200px; padding:11px 10px; margin-left:auto; margin-right:auto; line-height:1.8rem; color: black; background: #3B5CA7; font-family: 'Open Sans', sans-serif; font-style: italic; color:#FFCD1F; font-size: 1rem; text-transform:uppercase; font-weight:500; font-variant: italic; letter-spacing: 2px; text-align: center; margin-bottom:20px;}
.content-slogan		{display:none;}

.grid-container 	{padding:0;}
.grid-container2	{padding:0 0 0 0;}
.grid-container3 	{display: grid; grid-template-columns: 1fr; margin:20px 0 0 0; }
.grid-item 			{height:auto; width:100%; padding: 0 20px 20px 20px; margin: 0 0 40px 0; float:left; position:relative; overflow:hidden; background:#d5d5d5;}
.grid-item22		{height:auto; width:auto; margin:0; padding:0 0 0 0; float:left; position:relative; overflow:hidden;}
.grid-item3			{height:auto; width:auto; margin:0; padding:0 0 20px 0; float:left; line-height:1.4rem; text-transform:uppercase; font-weight:500; position:relative; overflow:hidden; text-align:center; background:white; padding:10px 0 10px 0;}


.infocont			{width:100%; height:auto; border-bottom: 2px solid #d6d6d6; border-right: 2px solid #d6d6d6; overflow:hidden; margin:0 0 30px 0; background: white; padding:10px; position:relative; z-index:99;}
.infocontl			{width:100%; float:left; font-weight: 500; line-height: 1.6rem; position: relative;}
.infocontr			{width:100%; height:auto; float:right; font-weight:500; line-height: 1.6rem; position:relative;}
.infocontl-a		{width:100%; float:left; font-weight: 500; line-height: 1.6rem; position: relative; padding:20px 0px 10px 0px;}
.infocontr-a		{width:100%; height:auto; float:right; font-weight:500; line-height: 1.6rem; position:relative; padding:20px 0px 10px 0px;}
.infocont-img		{width:100%; height:auto; position:relative; }
.bild-oben-breit	{width:100%; height:auto; position:relative; padding:0; }
.space-bild			{width:100%; height:auto; position:relative; padding:30px 0 30px 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;}

.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; background:#f1f1f1;}
.navsp 				{height:53px; width:100%; overflow:hidden; background:white; text-align:center; position:absolute; right:0px; top:0px; 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;}


.footer				{width:100%; height:auto; font-size:1rem;}

.rect				{object-fit: cover; object-position: 35%;}
img.rect			{width:auto; height:auto;}
img.Bilder50 		{border-radius:0px; width:100%;}
img.Bilder-rund 	{border-radius:50%; width:95%;}
img.img50 			{width: 100%; padding: 0 0 0 0;}
img.Bild-banner 	{width:auto; height:auto;}
img.footer-pic	 	{margin-top:8px;}
.farbicon			{width: auto; height: auto; overflow:hidden;}

.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: 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; }
h6					{ font-size:1.6rem; line-height:2rem; }
.tel1				{width:20%; height:auto; float:left; padding:10px;}
.banner				{height:auto;}
.navsp 				{}
.logo			{position:relative; width:90%; height:auto; left:20px; right:unset; top:0px; bottom:unset; z-index:999999;}
img.Bild-banner 	{width:auto; height:auto;}
}

/* Tabletts */
@media screen and (min-width: 768px) {
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; 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: 5px;}
#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:2rem; line-height:2.5rem; }
h2					{font-size:1.5rem;}
h5					{font-size:1.8rem; line-height:2.8rem; padding: 5px 15px;}
h6					{font-size:2.2rem; line-height:2.4rem; padding: 5px 15px;}
.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; overflow: hidden; margin-right: auto; margin-left: auto; max-width: 1260px;}
.spacebeside-footer {padding: 0 30px; color:white; background:#656a6e; overflow:hidden;}

.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:148px; text-align: center; margin-left:auto; margin-right:auto; overflow:unset; position:relative; border-bottom: 15px solid #3B5CA7; padding-top: 0;}

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


.navi-sp			{display:none;}

.logo				{position:absolute; width:400px; height:auto; left:unset; right:10px; top:unset; bottom:-80px; z-index:999999; text-align:normal;}


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

.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;}
.grid-item 			{height:auto; width:auto; padding: 0 20px 20px 20px; margin: 0 2% 10px 0; float:left; position:relative; overflow:hidden; background:#d5d5d5;}
.grid-container2 	{display: grid; grid-template-columns: 1fr 1fr 1fr; padding:0 0 10px 0; margin:0 0;}
.grid-item2			{height:auto; width:auto; margin:0; padding:0 0 0 0; float:left; position:relative; overflow:hidden;}
.grid-item22		{height:auto; width:auto; margin:0; padding:0 20px 0 0; float:left; position:relative; overflow:hidden; line-height:1.2rem;}
.grid-container3 	{display: grid; grid-template-columns: 1fr 1fr 1fr; margin:0;}
.grid-item3			{height:auto; width:auto; margin:0; padding:0 20px 0 0; float:left; position:relative; overflow:hidden; text-align:left; background:transparent; padding:0;}


.content-SP			{display:none;}
.content-DT			{display:inline-block; width: 100%;}
.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:20px 0 20px 0; margin-left:auto; margin-right:auto; line-height:0rem; color: black;}
.content-slogan		{display:inline-block; width:100%; height: 50px; max-width:1200px; padding:11px 30px; margin-left:auto; margin-right:auto; line-height:1.8rem; color: black; background: #3B5CA7; font-family: 'Open Sans', sans-serif; font-style: italic; color:#FFCD1F; font-size: 1.2rem; text-transform:uppercase; font-weight:500; font-variant: italic; letter-spacing: 2px;}
.content-sloganSP		{display:none;}
.slogan				{width:66%; height:auto; float:left;}
.telefon			{width:33%; height:auto; float:right; text-align:right;}

.infocont			{width:100%; height:auto; border-bottom: 2px solid #d6d6d6; border-right: 2px solid #d6d6d6; overflow:hidden; margin:0 0 60px 0; background: white;}
.infocontl			{width:50%; float:left; font-weight: 500; line-height: 1.6rem; position: relative;}
.infocontr			{width:50%; height:auto; float:right; font-weight:500; line-height: 1.6rem; position:relative;}
.infocontl-a		{width:50%; float:left; font-weight: 500; line-height: 1.6rem; position: relative; padding:20px 0px 10px 85px;}
.infocontr-a		{width:50%; height:auto; float:right; font-weight:500; line-height: 1.6rem; position:relative; padding:20px 60px 10px 20px;}
.icon-dt			{width:auto; height:auto; position:absolute; bottom:-60px; right:20px; padding:0; }
.icon-team			{width:auto; height:auto; position:absolute; bottom:0px; right:0px; padding:0; }
.bild-oben-breit	{width:100%; height:auto; position:relative; padding:0 85px; line-height:1.4rem;}


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

.content-end		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7;}
.content-end-p		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7; background-image: url(image/bg-projekte-1920.jpg) }
.content-end-a		{width:100%; height:450px; position:absolute; bottom:-0px; background:#3B5CA7; background-image: url(image/bg-ausbildung-stuck-1920.jpg) }

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

img.rect			{width:100%; height:250px;}
img.rect2			{width:400px; height:auto;}
img.img-projekte	{padding:40px 30px 30px 60px;}

.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:rgba(66,71,76,0.4); z-index:2002;}
.navdt 				{display:inline-block; clear: both; min-height: 35px; height: auto; padding: 30px 0 20px 0; width:auto; float:center;}

		.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.Bilder-rund 	{border-radius:50%; width:20%;}
img.Bilder50 		{width: 250px; max-width: 45%;}
img.img50 			{width: 50%; padding: 0 20px 0px 0; margin-right:48%;}
img.Bild-banner 	{width:auto; height:80px;}
img.farbicon 		{margin:0 0 15px 0;}

.footer				{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; height:auto; padding:20px 50px; margin-top:0px; font-size:0.95rem; background:white;}
.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) {
.logo			{position:absolute; width:400px; height:auto; right:10px; bottom:-85px; z-index:999999;}
}

/* Desktops*/
@media screen and (min-width: 1024px) {
h1					{font-size:1.6rem; line-height:2rem;}
h2					{font-size:1.8rem; }
h5					{font-size:1.8rem; line-height:3.2rem; padding: 5px 15px;}
h6					{font-size:2.2rem; line-height:2.4rem; padding: 5px 15px;}
#MyMenu ul li a, #MyMenu ul li a:visited {font-size:1.25rem; margin:0px 15px 0px 15px;}
.grid-container 	{display: grid; grid-template-columns: 1fr 1fr 1fr; padding:0;}
.logo			{position:absolute; width:400px; height:auto; right:90px; top:50px; bottom:-80px; z-index:999999;}
.content-slogan		{font-size: 1.6rem; padding:11px 80px; }
.telink a:link, .telink a:visited, .telink a:active, .telink a:hover {font-size: 1.6rem;}
}


/* Desktops*/
@media screen and (min-width: 1280px) {

#MyMenu ul li ul li a, #MyMenu ul li ul li a:visited { font-size:1.25rem;}
#MyMenu a.WebYepMenuFirstItem {margin-left: 15px;}
#MyMenu li li a.WebYepMenuFirstItem {margin-left: 15px; padding-top:30px;}
h1					{font-size:2.4rem; line-height:2.5rem;}
h2					{font-size:1.8rem;}
h5					{font-size:2rem; line-height:3.6rem; padding: 5px 15px;}
h6					{font-size:2.6rem; line-height:3rem; padding: 5px 15px;}
.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;}

.spacebeside-content2 {padding:0;}

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

.logo			{position:absolute; width:400px; height:auto; right:90px; top:50px; bottom:-60px; z-index:999999;}

}