body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../../files/sitech/fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../../files/sitech/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../files/sitech/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../../files/sitech/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../../files/sitech/fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../../files/sitech/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
/* unna-700 - latin */
@font-face {
	font-family: 'Unna';
	font-style: normal;
	font-weight: 700;
	src: url('../../files/sitech/fonts/unna-v19-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../../files/sitech/fonts/unna-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../files/sitech/fonts/unna-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../../files/sitech/fonts/unna-v19-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../../files/sitech/fonts/unna-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../../files/sitech/fonts/unna-v19-latin-700.svg#Unna') format('svg'); /* Legacy iOS */
  }



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

*{ margin: 0; padding: 0; border: 0;}
html, body {width: 100%; height: 100%;}
body {font-size: 100.1%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #3a3a3a; vertical-align:baseline; background-color: #fff;overflow-x: hidden;font-weight: 400;}
#clear, .clear {clear: both!important; width: auto; height: 0px; font-size: 0.1px;}
img {margin: 0; padding: 0; display: block;}
*, *::before, *::after {box-sizing: border-box;}

#header, #container, #footer, .bilderFull, #kopfgrafik, #kopfgrafik .inside {width: 100%; float: none;}

.contentHold, #footer .inside { width: 100%; box-sizing: border-box;padding: 0 2%;margin: 0 auto;position: relative; max-width: 1700px;}
#header .contentHold { width: 100%; box-sizing: border-box;padding: 0 2%;margin: 0 auto;position: relative; max-width: 1900px;}
#header {position: fixed; top: 0; left: 0;z-index: 99999; background-color: #fff; -webkit-box-shadow: 0 2px 5px 0 #B0B0B0; box-shadow: 0 2px 5px 0 #B0B0B0;}

.mod_article {position: relative;}
.mod_article > div {position: relative; z-index: 2;}
.noClear {clear: none!important;}

#footer {background-color: #454545; clear: both; margin-top: 50px; padding: 100px 0 50px 0;}
.redBg{margin: 100px 0;padding: 50px 0 0; background-color: #ff0000; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.09' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); display: block; clear: both;}
.p_start .redBg {margin-bottom: 0!important;}
.greyBgr {margin: 100px 0 0 0;padding: 50px 0 75px 0; background-color: #d4d4d4;display: block; clear: both;}

#container {min-height: 800px;}

/* Basics */

.widgetDS {width: 100%!important; box-sizing: border-box; clear: both; float: none;}
.x1 {width: 98%; padding: 0% 2%; box-sizing: border-box; clear: both; float: none; margin: 0 1%;}
.x2,.x3, .x32, .x4, .x42, .x43 {float: left; padding: 0 2%; box-sizing: border-box;}
.x2 {width: 48%; float: left; box-sizing: border-box;  margin: 0 1%; }
.x3 {width: 31.33%;margin: 0 1%;}
.x4 {width: 25%;}
.x43 {width: 75%;}
.x32 {width: 66.66%;}
/*#main .x2 {padding-top: 100px;padding-bottom: 100px;}*/

.floatRight {float: right;}
.mobileTrue {display: none;}
.maxWidth70 {  width: 70%; margin:0 auto;padding: 50px 0 0 0;}

.margin50-0 {margin-top: 50px; margin-bottom: 50px;}
.marginTop50 {margin-top: 100px;}
.marginBottom50 {margin-bottom: 50px;}
.marginTop50Only {margin-top: 50px!important;}
/* Header */

.telBox_red {background: #ff0000;height: 40px;}
.telBox_red p {color:#fff; float: right; padding: 10px;font-size: 0.9rem;line-height: 1.2rem; margin-bottom: 0;}



.logo {width: 20%; min-width: 324px; max-width: 400px;  height: 75px; float: left; margin:25px 0 20px 0;transition: all 0.3s ease;}
.logo a {display: block; height: 100%; background: url(../../files/sitech/img/Sitech_logo.png) top left no-repeat; background-size: contain; text-indent: -9999px; transition: all 0.25s ease; transition: all 0.3s ease;}
#header.scroll .logo {width: auto; min-width: 150px; transition: all 0.3s all; height: 30px;}

.hRight {float: right;}
.hRight p {font-size: 1rem; color:#444; text-align: right; margin-top: 50px; margin-bottom: 0; padding-bottom: 0.5rem; transition: all 0.25s ease;}
.hRight p a {font-size: 1.5rem; color: #ff0000; text-decoration: none;}

.hRight {float: right; position: relative;}

.naviTop {float: right; list-style: none; /* margin-right: 170px;*/ margin-top: 10px;}
.naviTop ul {list-style: none;}
.naviTop ul li {float: left; margin-left: 10px;}
.naviTop ul li a, .naviTop ul li strong {font-size: 1rem; line-height: 1.35rem; display: block; padding: 15px 10px 5px 5px; color: #313131; text-decoration: none;}
.naviTop ul li strong, .naviTop ul li a:hover {font-weight: 400; color:#ff0000; transition: all 0.25s ease;}


/*span.link, span.link p a, span.link p{font-size: 1rem;line-height: 1.25rem;color:#ff0000;text-align: center;text-transform: uppercase;}*/


/* Cookiebar */
.cookiebar--active {position:sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; bottom: 0; width: 100%;}
.cookiebar_default .cc-inner {background-color:#3a3a3a;}
.contao-cookiebar label {color: #f2f2f2;}
#cookiebar-desc p, .cookiebar_default p {color: #f2f2f2;}
#cookiebar-desc p strong {font-size: 1.65rem; line-height: 1.875rem;}
.contao-cookiebar .cc-btn.success {background-color: #09bf38; border: 1px solid #09bf38;}
.cc-info p a {color: #f2f2f2; text-decoration: none;}

/* Slider & Kopfgrafik */

#kopfgrafik {clear: both; display: block; padding-top:150px; max-height:550px; box-sizing: border-box; width: 100%; overflow: hidden;}
body.p_start #kopfgrafik {max-height: 80vH; min-height: 750px; overflow: hidden;}

#kopfgrafik img {  width: 100%;  margin: 0;  padding: 0;display: block;}
#kopfgrafik .inside{overflow: visible; }

.rsts-skin-default.rsts-main, .rsts-view, .sliderStart {width: auto; min-width: 100%; max-width: 300%; height: 100%; position: relative;}
.rsts-view img { object-fit: cover;  left: 0;  width: 100%;  height: auto;}

.flyingText {position:absolute; top: 0; margin-top: 20vH;z-index: 9999; width: 100%; max-height: 350px;}
.contentMaxWidth1700 {width: auto; max-width: 1700px; margin: 0px auto;  box-sizing: border-box; }
.bgrWhite {background-color: rgba(255, 255, 255, 0.75);} .rsts-view .bgrWhite {max-width: 60%;padding: 2% 5%; }
.rsts-prev, .rsts-next {position: absolute;} .rsts-prev {left: 2%; top: 40%!important;} .rsts-next {right: 2%; top: 40%!important;}

/*Navigation*/

.navi_main {float:right; display: block; overflow: visible; margin-top: 0px; transition: all 0.3s ease;}
.navi_main ul {list-style:none; padding: 0; margin: 0;}
.navi_main ul > li {float: left; position: relative; margin-left:1px;}
.navi_main ul.level_1 > li {float:left;margin:0 1px;}
.navi_main li a {display: block; color: #444;text-decoration:none; }
.navi_main ul li a,  .navi_main ul li strong {display: block; font-size: 1.18rem; padding: 15px 25px ;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight: 400; margin-bottom: 0;  text-decoration: none; transition: all 0.3s ease;}
.navi_main ul > li > a:hover, .navi_main ul > li > strong, .navi_main ul.level_2 li strong, .navi_main ul li.trail > a, .navi_main ul li.sibling:hover > a , .navi_main li.active >strong {color: #ff0000!important; transition: all 0.3s ease;}
#header.scroll .navi_main ul li a, #header.scroll .navi_main ul li strong {padding: 15px; transition: all 0.3s ease;}


.navi_main ul.level_2 {position: absolute; display: none;}
.navi_main ul.level_2 li {width: auto; min-width: 350px;}
.navi_main ul li.submenu:hover ul {display: block;}
.navi_main ul li.submenu {position: relative;}
.navi_main ul li.submenu::after {content:'\203A';color: #ff0000; position: absolute; right: 0px; top: 8px; font-size: 25px; transition: all 0.25s ease; }
#header.scroll .navi_main ul li.submenu::after {font-size: 18px; top: 5px; transition: all 0.25s ease;}
.navi_main ul li.submenu.trail::after, .navi_main ul li.submenu:hover::after {transform: rotate(90deg); top: 8px; transition: all 0.25s ease;}
.navi_main ul.level_2 li a, .navi_main ul.level_2 li strong{padding: 10px 20px; background-color: #dbdbdb; transition: all 0.25s ease;}
.navi_main ul.level_2 li a:hover, .navi_main ul.level_2 li strong {background-color: #ff0000!important; color: #fff!important; transition: all 0.25s ease;}



.navi_sub_left {clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5%; margin-bottom: 50px; background-color: #f2f2f2;}
.navi_sub_left ul {lis-style: none;  width: 100%;}
.navi_sub_left ul li { width: 100%; display: block; margin-bottom: 0!important; position: relative; padding-left: 25px;}
.navi_sub_left ul li.active::before, .navi_sub_left ul li:hover::before {content: '\203A'; color: #ff0000; position: absolute; font-size: 1.125rem;left: 0;}
.navi_sub_left ul li a, .navi_sub_left strong, .navi_sub_left a:visited {display: block; color: #3a3a3a;}
.navi_sub_left a:hover, .navi_sub_left strong {color: #ff0000;}




/* mobile Navigation */


.cc-inner {background-color: #212121;}
#cookiebar-desc p a {color: #868686; text-decoration: underline;}
.cc-cookies, .cc-cookie-info {background-color: #212121; color: #fff;}
.contao-cookiebar label.group {color: #fff;}

/* mobil */
 /*Mobile Nav*/
.offcanvasHold {display: none;}
.offcanvasHold {position: fixed; z-index:9999; top: 0; right: 4%; display: none; }
.offcanvasBtn {position: relative; z-index: 998;display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 25px 10px 10px 10px; border-radius: 0 0 10px 10px;}
.offcanvasBtn span {  height: 4px; width: 36px; border-radius: 2px;display: block; margin: 5px; background-color: #f2f2f2}
.offcanvasBtn::after {content:'';position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: #4e4e4e; cursor: pointer ;}

a.closeMenu {position: absolute; top: 40px; right: 40px; font-size: 2rem; line-height: 2.5rem; text-decoration: none; font-weight: bold; }
a.closeMenu::before {content:'\2715'; color: #ff0000; width: 35px; height: 35px; font-size: 20px; line-height: 35px;}
a.closeMenu span {text-indent: -9999px;display: block;}

.mobile_menu {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: auto; min-height: 100%;}
.naviHoldMobile {width: 100%; height: auto; height: 100%; padding: 40px 10vw 40px; box-sizing: border-box;}
.naviHoldMobile .mod_navigation ul {list-style: none;} .naviHoldMobile .mod_navigation ul li {position: relative; border-bottom: 0; padding: 0; margin: 0;}
.naviHoldMobile .mod_navigation ul li a,.naviHoldMobile .mod_navigation ul li strong  {padding: 10px 10px; color: #313131; text-decoration: none; border-bottom: 1px solid #ccc; display: block;}
.naviHoldMobile .mod_navigation ul li strong {font-weight: 400;}
.naviHoldMobile .mod_navigation ul li strong.active {background-color: #ff0000; color: #fff;}
.naviHoldMobile .mod_navigation ul li ul li {margin-left: 20px;}
/*.naviHoldMobile .mod_navigation ul li ul li.active, .naviHoldMobile .mod_navigation ul li ul li:hover {background: rgba(189,24,35,0.95);}*/
.naviHoldMobile .mod_navigation ul li.submenu_hide::after {content:'\276D'; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #ff0000; }
.naviHoldMobile .mod_navigation ul li.submenu_show::after {content:'\276D'; rotate: 90deg; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #ff0000; }
.mobile_menu .inner {background: #ececec;}
.mobile_menu {z-index:99999;}



.logoleiste .hold {display: table; margin: 0px auto;}

/*Boxen*/

.bilderFull{height: auto; background: url(../../files/sitech/img/bg.jpg)center no-repeat; background-size: cover;padding:50px 0 ;margin: 0 0 100px 0;}

.rte.x3.boxBg {width: 31%; margin-left: 1%; margin-right: 1%; text-align: center; padding: 2%; background: rgba(255, 255, 255, 0.64); border: 1px solid #fff; display: block;  box-sizing: border-box;min-height: 500px; transition: all 0.25s ease;}
a:hover > .rte.x3.boxBg {-webkit-box-shadow: 5px 5px 2px 2px #787878; box-shadow: 5px 5px 2px 2px #787878; transition: all 0.25s ease;}

.icon1,.icon2, .icon3 { position: relative;overflow: hidden;}
a .icon1, a .icon2, a .icon3 {text-decoration: none; color: #3a3a3a;}
.icon1::before{  content:''; background: url(../../files/sitech/img/spice.png) top left no-repeat ; height: 66px;width: 66px; margin: 0 auto 25px;  display: block;}
.icon2::before{  content:''; background: url(../../files/sitech/img/spice.png) top left no-repeat ; height: 66px;width: 66px; margin: 0 auto 25px;  display: block;}
.icon3::before{  content:''; background: url(../../files/sitech/img/spice.png) top left no-repeat ; height: 66px;width: 66px; margin: 0 auto 25px;  display: block;}
.icon2::before{     background-position: 0px 0px;}
.icon1::before{     background-position: -80px 0px;}
.icon3::before{     background-position: -160px 00px;}
.rte.x3.boxBg{text-align: center;padding: 5%;background: #ededed;border:1px solid #fff;}
.rte.x3.boxBg h3::after {margin-left: auto; margin-right: auto;}


.iconEinbruch h2, h2.iconEinbruch, .iconVideo h2, .h2.iconVideo, .iconBrand h2, h2.iconBrand {position: relative; padding-left: 80px;}
.iconEinbruch h1, h1.iconEinbruch, .iconVideo h1, .h1.iconVideo, .iconBrand h1, h1.iconBrand, .iconSpleissen h1, h1.iconSpleissenen {position: relative; padding-left: 80px; padding-top: 10px; }
.iconEinbruch.rte.noMargin p, .iconBrand.rte.noMargin p, .iconVideo.rte.noMargin p, .iconSpleissen.rte.noMargin p {padding-left: 80px; margin-top: 10px;} 

.iconEinbruch h2::before, h2.iconEinbruch::before, .iconEinbruch h1::before, h1.iconEinbruch::before {content:'';height: 50px;width: 50px;display: block; background: url(../../files/sitech/img/schloss-einbruchschutz-sitech.svg) center no-repeat; float: left; position: absolute; top: 0px; left: 0;}
.iconVideo h2::before, h2.iconVideo::before, .iconVideo h1::before, h1.iconVideo::before {content:'';height: 50px;width: 70px;display: block; background: url(../../files/sitech/img/kamera-videoueberwachung-sitech.svg) center no-repeat; float: left; position: absolute; top: 0px; left: 0;}
.iconBrand h2::before, h2.iconBrand::before, .iconBrand h1::before, h1.iconBrand::before {content:'';height: 50px;width: 70px;display: block; background: url(../../files/sitech/img/flammen-brandschutz-sitech.svg) center no-repeat; float: left; position: absolute; top: 0px; left: 0;}
.iconSpleissen h2::before, h2.iconSpleissen::before, .iconSpleissen h1::before, h1.iconSpleissen::before {content:'';height: 50px;width: 70px;display: block; background: url(../../files/sitech/img/spleissen.svg) center no-repeat; float: left; position: absolute; top: 0px; left: 0;}
.iconEinbruch h2, .iconVideo h2, .iconBrand h2, .iconEinbruch h1, .iconVideo h1, .iconBrand h1, .iconSpleissen h1 {font-size: 2rem; line-height: 2.2rem;}
#kopfgrafik .iconEinbruch h2, #kopfgrafik .iconVideo h2, #kopfgrafik .iconBrand h2 {font-size: 2.5rem; line-height: 2.875rem;}


/*Allgemein*/
.center{text-align: center;}
span.tab {width: 60px; display: block; float: left; margin-right: 5px;}

.borderLeft{border-left:1px solid #ccc;}
.borderRight {border-right: 1px solid #ccc;} #footer .borderRight {border-color: #f2f2f2;}
.borderTop .contentHold::before, .x1.borderTop::before, .hrBorderTop::before {content:'';width: 80%; margin: 50px auto; border-top: 1px solid #ccc; clear: both; display: block; height: 1px;}
.borderBottom .contentHold::after {content:'';width: 80%; margin: 50px auto; border-top: 1px solid #ccc; clear: both; display: block; height: 1px;}

.partnerLinkBox {margin-bottom: 25px;}
.partnerLinkBox  ul li, .partnerLinkBox .gallery__images__image {float: left; width: 25%; margin-right: 8%; margin-bottom: 10px; height: 50px;}

.content-gallery.galX2 .gallery__images__image  {float: left; width: 48%; margin: 1%;}
.content-gallery.galX2 .gallery__images__image  img, .content-gallery.galX4 .gallery__images__image  img  {width: 100%; height: auto; display: block;}
.partnerLinkBox.galX2 .gallery__images__image  {float: left; width: 44%; margin: 3%;}

.imgShadow .gallery__images__image img { -webkit-box-shadow: 3px 3px 3px 0 #B0B0B0; box-shadow: 3px 3px 3px 0 #B0B0B0;}
.imgShadow .gallery__images__image {padding-bottom: 2%; box-sizing: border-box; margin-bottom: 50px;}

.infoKasten { padding: 2% 2% 3% 2%; margin-bottom: 25px; display: block; clear: both; border: 1px solid #ff0000;-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin: 0 1%;position: relative;overflow: visible;}
.infoKasten::before {content:'\0021'; color: #fff; background-color: #ff0000; position: absolute; width: 50px; height: 50px; right: 50px; top: -20px; z-index: 999; border-radius: 50%; font-size: 50px; font-weight: bold; text-align: center; line-height: 50px;-webkit-box-shadow: 2px 2px 5px 0 #3B3B3B; box-shadow: 2px 2px 5px 0 #3B3B3B;}

ul.enclosure {list-style: none;}
ul.enclosure li.download-element a {background-color: #606060; color: #fff; text-decoration: none; padding: 10px 15px; transition: all 0.25s ease; display: inline-block;}
ul.enclosure li.download-element a:hover {padding: 10px 20px; transition: all 0.25s ease;}

/* Video */

video {width: 100%; height: auto;}

/* Masonry */

.masonryGal .content-image {position: relative; margin: 5px;-webkit-box-shadow: 2px 2px 2px 0 #808080; box-shadow: 2px 2px 2px 0 #808080;}
.masonryGal .content-image figcaption {position: absolute; bottom: 0; z-index: 99; left: 0; width: 100%; height: auto; background: rgba(0,0,0,0.75); color: #fff; padding: 15px 10px;}




/*.redButton { padding: 50px 0; margin: 0 auto; display: table;}
.redButton a {background: #3b3b3b;padding: 20px 35px;text-decoration: none;color:#fff;font-family:'Frank Ruhl Libre',serif!important; font-size: 1.5rem!important;font-weight: 700;}*/
.rte.x32.borderLeft { padding: 0px 120px;}
.whiteButton a {   text-decoration: none;color:#ff0000; padding-top:50px;}

p.whiteButton::after{     content: '\00bb';
    color: #ff0000;
    text-decoration: none;
    font-size: 180%;
    margin-left: 10px;}

/* Downloads */


.content-downloads ul {margin:0; padding:0; list-style:none;}
.content-downloads .download-element, .ce_download a {position:relative; display:block; margin-bottom:10px; box-sizing: border-box;}
.content-downloads .download-element a, .ce_download a {width:100%; position:relative; display:block; padding:12px 40px 10px; background-color:#e8e8e8; color: #3a3a3a; text-decoration:none; box-sizing: border-box; transition: all 0.3s ease-in-out;}
.content-downloads .download-element a:hover, .content-downloads .download-element a:active, .ce_download a:hover, .ce_download a:active {background-color:#ff0000; color:#fff; }
.content-downloads .download-element a span, .ce_download a span {position:relative; float:right; display:block; text-decoration:none; color:#3a3a3a; transition: all 0.3s ease-in-out}
.content-downloads .download-element a:hover span, .content-downloads .download-element a:active span, .ce_download a:hover span, .ce_download a:active span {color:#fff;}
.content-downloads .download-element a:hover:before, .content-downloads .download-element a:active:before, .ce_download a:hover:before, .ce_download a:active:before {color:#fff;}
.content-downloads .download-element a:after, .ce_download a:after {position:relative; float:none; clear:both; display:block; content:"";}
.content-downloads .download-element img, .ce_download img {left:12px; top:12px; position:absolute; z-index:9;}


/* Akkordion */

.ce_accordion {
     margin-top: 5px;
}
.ce_accordion .toggler {
    width:100%;
    position:relative;
    display:block;
    padding:11px 40px 11px 11px;
    background-color:#606060;
    font-size:1em;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;   
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .toggler:hover,
.ce_accordion .ui-accordion-header-active {
    background-color:#ff0000;
    color:#ffffff;
}
.ce_accordion .toggler:focus {
    outline:none;
}
.ce_accordion .ui-accordion-header:after {
    right:15px;
    top:13px;
    position:absolute;
    color:#fff;
    content: "\279E";
    transition: all 0.3s ease-in-out;
}
.ce_accordion .ui-accordion-header:hover:after {
    color:#fff;
}
.ce_accordion .ui-accordion-header-active:after {
    right:15px;
    top:13px;

display: inline-block;
  transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}
.ce_accordion .accordion {
    padding-top:10px;
    padding-bottom:10px;
}
.ce_accordion .accordion > div {
    padding:20px 0;
}


/* Typografie */

h1, h2, h3, h4, h5, h5, h6 {font-family: 'Unna', serif; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; margin-bottom: 1.5rem;}
p, td, #main ul li, #main ol li, input, select, textarea, .rte a, .mod_newsmenu a, .mod_newsmenu span {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 1.0125rem; line-height: 1.5rem; margin-bottom: 1.5rem; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}

h1, h2, h3, h4, .redButton a, .whiteButton a {font-family: 'Unna', serif;}
h1 {font-size: 3.25rem;}
h2 {color: #ff0000;font-size: 3.25rem; line-height: 3.5rem;margin-top:1.5rem;}

h3, .mod_newsreader h2, .lowh2 h2 {font-size: 1.5rem; line-height: 1.875rem;margin-top:1.5rem; color: #5b5b5b;}
h3::after, .mod_newsreader h2::after {content:'';width: 150px; height: 1px; display: block; margin: 10px 0; border-top: 1px solid #ff0000;}
.center h3::after, h3.center::after {margin-left: auto; margin-right: auto;}
h4 { font-size: 1.25rem;line-height: 1.6rem; color: #ff0000;}
h5 { font-size: 1.2rem; line-height: 1.55rem; }

.rte a, ul li a {text-decoration: none;}
.rte p strong, .rte ul li strong {color: #ff0000;}
.rte ul {margin-bottom: 1.5rem; list-style: none;}
.rte ul li {margin-bottom: 0px!important; padding-left: 25px; position: relative;}
.rte ul li::before {content:'\2713'; color: #ff0000; position: absolute; left: 0; top: 0px;}

.noMargin h2 {margin-bottom: 0!important;}
.redBtn, p.more a, p.back a {background: #ff0000; color: #fff; padding: 10px 15px; transition: all 0.3s ease; display: inline-block; text-decoration: none;}
p.back a {margin-top: 25px; background: #454545; color: #fff; padding: 10px 15px; transition: all 0.3s ease; display: inline-block; text-decoration: none; margin-left: 2%;}
span.redBtn a {color: #fff; text-decoration: none;}
.redBtn:hover, p.more a:hover, p.back a:hover {padding: 10px 25px; transition: all 0.3s ease;}
.greyBtn {background-color: rgba(70,70,70,0.5); color: #fff; padding: 25px 45px; transition: all 0.3s ease; display: inline-block;}
.greyBtn:hover {padding: 25px 55px; transition: all 0.3s ease;}

.redBg p, .redBg h2, .redBg h3, .redBg h4{color:#fff;text-align: center;}

.sitechName {font-family: BodoniStd-Poster; font-weight: normal; font-style: normal;}

.liFloatLeft li {float: left; width: 48%; margin: 0 1%;}

.caption {padding-top: 5px; font-size: 0.875rem;}


/*Kontaktformular --- Achtung: Schriftfamilie anpassen!!*/

.formFly { padding: 50px 3%!important; -webkit-box-shadow: 0 10px 25px 0 #ddd; box-shadow: 0 10px 25px 0 #ddd; background-color: #fff;box-sizing: border-box;}
.formbody input[type="text"], .formbody input[type="tel"], .formbody input[type="email"],.formbody input[type="password"], textarea, select {border: 1px solid #dadada; width: 100%; min-width:200px; padding: 15px; box-sizing: border-box; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;  color: #3a3a3a;}

.formbody .widget {width: 48%; float: left; margin: 1%;}
.formbody .widget.fullWidth {width: 98%; margin: 1%;}
.formbody .widget.widget-textarea {clear: both; width: 100%; padding: 0 2% 0 0; box-sizing: border-box; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #707677;}
.formbody textarea {padding: 2%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; color: #707677; }
.formbody label {width: 100%; font-size: 1.0125rem; clear:both; padding-top:8px; margin-bottom: 10px!important; padding-left: 0!important;}
label.message {clear: both!important; display: block; margin-bottom: 5px!important;} 
span.mandatory {color:#ff0000;}
.formbody .widget.widget-captcha {clear: both; margin: 20px 0; float: none; width: 100%;} .formbody .widget.widget-captcha label {width: 200px;}
.formbody .widget.widget-captcha input {clear: both; width: 50px; min-width: 30px; margin-right: 10px; float: left;}
.captcha_text {float:left; padding:8px 0 2px 8px; font-size:0.875em;color: #707677;}
.luft {width: 100%; height: auto; display: block; float: none; clear: both;}

.widget-submit {clear: both!important; width: inherit!important; text-align: center; margin: 30px 0;}
.widget-submit button {margin:20px 0px; border:1px solid #ccc; color:#fff; padding:10px 25px; cursor:pointer; display: block; background-color: #a50000; background-image: none!important; font-size: 1.0125rem; line-height: 1.2rem; border-radius: 0!important; transition: all 0.25s ease;}
.widget-submit button:hover {padding: 10px 35px; transition: all 0.5s ease;}


span.mandatory {vertical-align: top; padding-left: 2px;}
p.error {clear: both; display: block; color: #ff0000!important; font-size: 11px; margin-top: 20px;}
.ie7 p.error {margin-top: 5px; margin-left: 5px;}
.formbody br {clear: both; display: block;}
.widget.error {position: relative; padding-top: 40px; display: block; margin-top: 10px; clear: both;}


.widget fieldset {padding: 0!important; margin: 0!important;}
.widgetDS {width:98%!important; margin: 0 1%!important; padding: 0 2%; box-sizing: border-box;}
.widgetDS input {float: left!important; width: 40px!important; min-width: 40px; height: auto; margin-top: 5px;}
.widgetDS label {clear: none!important; padding-top: 0!important; display: block;}
.widgetDS p {font-size: 1.0125rem;}



/* News */



.newsList h2 {margin-bottom: 1.7rem;}
.newsList .x3:nth-of-type(3n+4){clear: both;}
.layout_latest h3 a, .layout_latest h3, .layout_latest h4 a, .layout_latest h4 {color: #5b5b5b; text-decoration: none;}
.layout_latest h3 a, .layout_latest h3 {font-size: 1.25rem; line-height: 1.65rem;}
.newsList .x3 {margin-bottom: 45px; background-color: #f2f2f2; padding-top: 25px; padding-bottom: 25px;}
.newsList .x3 img, .newsList .x2 img {width: 100%;}

.newsSeite #container .x3 {border: 1px solid #ccc; padding: 2%; margin: 1%; width: 31.33%;}
.newsSeite #container .x3 .image_container {width: 100%; height: auto; display: block;}
.newsSeite #container .x3 .image_container a {text-decoration: none; display: block;}
.newsSeite #container .x3 img {margin-bottom: 20px;}
p.info {color: #666; font-size: 0.875rem;}
.newsSeite .layout_latest.x3 .image_container {max-height: 300px; width: 100%; overflow: hidden;}

.layout_full {clear: both; margin-top: 50px; border: 1px solid #ccc; border-radius: 2px; padding-top: 50px; padding-bottom: 25px;}

.pagination {clear: both!important; display: block; width: 100%; margin-top: 60px;} .pagination ul {list-style: none; width: auto; display: table; margin: 0px auto; border-top: 1px solid #4a4949; padding: 5px 30px 0px 30px;}
.pagination ul li {float: left; margin-right: 5px;}
.pagination ul li a, .pagination ul li strong {padding: 3px 5px; display: block; text-decoration:none;color: #3a3a3a;} 
.pagination ul li a:hover, .pagination ul li strong {background-color: #ff0000; color: #fff; transition: all 0.5s ease;}
.pagination p {text-align: center;}

.newsStart .x2 {border: 1px solid #ccc; background-color: #f2f2f2; padding: 25px 2%;  margin-bottom: 25px;}
.newsStart .x2 .image_container {float: left; margin: 0 25px 25px 0; height: auto; max-height: 300px; width: auto; max-width: 300px; }
.newsStart {display: flex;
display: -webkit-flex;
display: -ms-flexbox;}

/*Footer*/
.nav_default {float: right;}
#footer a, #footer p {color: #f2f2f2; text-decoration: none; font-size: 0.875rem;}
.navi_foot {width: 100%; padding-top: 20px; border-top: 1px solid #f2f2f2; margin-top: 50px;}
.navi_foot ul {float: right; list-style: none;}
.navi_foot ul li {float: left; margin-left: 10px;}
.navi_foot ul li a:hover, .navi_foot strong {color: #ff0000!important; transition: all 0.3s ease;}

.footLogo img {width: 90%; height: auto; float: left;}
#footer .x32 figure {float: left; width: 40%;}
#footer .x32 .rte {width: 60%; float: left;}

.galX3 ul, .galX2 ul {list-style: none;}
.galX3 ul li, .galX3 .item {width: 31%; margin: 1%; float: left;}
.galX2 ul li, .galX2 .item {width: 48%; margin: 1%; float: left;}
.galX5 ul li, .galX5 .item {width: 23%; margin: 1%; float: left;}
.galX3 ul li img, .galX2 ul li img, .galX5 ul li img, .galX3 .item img, .galX2 .item img, .galX5 .item img {width: 100%; height: auto;}

.cookiebar_default .cc-cookies {background-color: #3a3a3a;}

@media screen and (max-width: 1550px) {

	.logo {width: 10%; min-width: 200px; transition: all 0.25s ease;}

	.navi_main ul li a, .navi_main ul li strong {padding: 15px;}
	#header.scroll .navi_main ul li a, #header.scroll .navi_main ul li strong {padding: 10px;}
	#header.scroll .navi_main ul li.submenu::after {top: 10px;}
	#header.scroll .naviTop {margin-top: 0; transition: all 0.25s ease;}

	
}

@media screen and (max-width: 1350px) {
	.mobileFalse {display: none;}
	.mobileTrue {display: block; text-align: left; float: none;}
	.mobileTrue a {text-align: left; color: #fff; text-decoration: none;}
	.offcanvasHold {display: block!important;}
	.hRight {display: none;}
}

@media screen and (max-width:1260px) {


	body.p_start #kopfgrafik {max-height: 3000px; min-height: 300px;}
	.flyingText {position: relative; display: block; margin-top: 0; max-height: 3000px; }
	.rsts-view .bgrWhite {width: 100%; box-sizing: border-box; max-width: 100%; border-bottom: 1px solid #ff0000;}
	
	
	h2 {font-size: 1.875rem!important; line-height: 2.5rem;}
	.newsStart .x2 .image_container {width: 100%; margin: 0px auto 20px; float: none; clear: both;}
	#footer .x3, #footer .x32, .borderLeft .x2  {width: 98%; padding: 0% 2%; box-sizing: border-box; clear: both; float: none; margin: 0 1%;}
	#footer .borderRight {border-right: none; padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px;}
	
	.bilderFull .x3, .rte.x3.boxBg {width: 48%; float: left; box-sizing: border-box;  margin: 0 1%; }
	.rte.x3.boxBg:nth-of-type(2n+3){clear: both;}
	
	
}


@media screen and (max-width:800px) {
	#header {position: relative;}
	
	.logo {width: 100%; max-width: 100%; height: auto; display: block; clear: both; float: none; padding: 20px 0; margin: 0 auto;}
	.logo a {width: 50%; height: 80px; padding: 20px 0; background-position: center; margin: 0px auto;} 
	#kopfgrafik {padding-top: 0;}
	
	.mobileFalse {display: none;}
	.mobileTrue {display: block;}
	.telBox_red .mobileTrue a {display: block; padding: 20px 80px; color: #fff; font-weight: bold; text-decoration: none; text-align: center;}
	.telBox_red p {float: none; padding: 0;}
	.telBox_red {height: auto;}
	
	.x2, .x3, .x32, .x4, .x42, .x43, .rte.x3.boxBg, .newsSeite #container .x3, #footer .x32 figure, #footer .x32 .rte {width: 98%!important; padding: 0% 2%; box-sizing: border-box; clear: both; float: none; margin: 0 1%;}
	.newsSeite #container .x3 {padding: 2%; margin-bottom: 25px;}
	.maxWidth70 {width: 85%;}
	.rte.x3.boxBg {min-height: 100px; margin-bottom: 25px; padding: 2% 5%;}
	.rte.x3.boxBg p {text-decoration: none;}
	.bilderFull a {text-decoration: none;}
	.newsStart {display: block;}
	
	.borderLeft {border-left: none; padding-top: 45px; border-top: 1px solid #ccc;}
	.partnerLinkBox {margin-top: 25px;}
	.partnerLinkBox.gal2 ul li {float: left; width: 27%; margin: 2%;}
	.marginTop50 {margin-top: 50px;}
	.infoKasten {margin-top: 25px; margin-bottom: 25px; padding: 45px 2% 2% 2%}
	
	.formbody .widget {width: 98%; float: none; clear: both; margin: 1%;}
}
@media screen and (max-width: 500px) {
	.logo a {height: 60px;}
}



/**
 * @license
 * MyFonts Webfont Build ID 3777977, 2019-06-25T04:43:31-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BodoniStd-Poster by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/poster-bodoni/bodoni-poster/
 * Copyright: Copyright © 1986, 1990, 1991, 1998, 2001 Adobe Systems Incorporated.  All Rights Reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3777977
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/39a5b9");

  
@font-face {font-family: 'BodoniStd-Poster';src: url('../../files/sitech/font/webfonts/39A5B9_0_0.eot');src: url('../../files/sitech/font/webfonts/39A5B9_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/sitech/font/webfonts/39A5B9_0_0.woff2') format('woff2'),url('../../files/sitech/font/webfonts/39A5B9_0_0.woff') format('woff'),url('../../files/sitech/font/webfonts/39A5B9_0_0.ttf') format('truetype');}
 
#mb_popup_src { display: none; }

.mb-popup {
    padding: 0;
    border: 0;
    border-radius: 8px;
    width: min(80vw, 700px);
    margin: auto;
}
.mb-popup:not([open]) { display: none; }
.mb-popup::backdrop { background: rgba(0, 0, 0, 0.75); }
.mb-popup__content { padding: 50px; max-height: 70vh; overflow: auto; }
.mb-popup__close {
    position: absolute; top: 0; right: 0;
    border: 0; background: #ff0000; font-size: 2rem; line-height: 1; cursor: pointer; padding: 10px; color: #fff;
}