@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Lato&family=News+Cycle&family=Roboto&family=Roboto+Condensed&display=swap');*/

@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/CSR64z1Qlv-GDxkbKVQ_fOAKTfl8tOQ.woff2")format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {margin: 0; padding: 0; font-family: 'News Cycle', sans-serif; font-size: 14px;}

.orange {color: #ff6633;}
a {color: #888; font-weight: 600;}
a:hover {color: #ff6633;}

.clear {clear: both;}

#header {background: #fff; border-bottom: 1px solid #000; width: 100%; padding: 0; margin: 0; height: 110px; z-index: 999;position: fixed;}

#CookiebotWidget :focus-visible, #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {outline: 0px solid #fff !important;}

/* ***** HEADER --- ANFANG ***** */
#rectangle_lefttop {background: #eee; width: 120px; height: 100px; float: left;}
#logo {float: right; margin: 35px 90px 0 0;}
#logo img {width: 200px;}
/* ***** HEADER --- ENDE ***** */

/* ***** NAVIGATION --- ANFANG ***** */
#navi {float: left; margin: 80px 0 0 10px;}
#navi .navipunkt {float: left; text-transform: uppercase; padding-right: 20px; letter-spacing: 2px; color: #888; font-weight: 200 !important;}
#navi .navipunkt .navisquare {width: 10px; height: 11px; padding-right: 3px;}

#hide_nav, #device_navi {display: none;}
/* ***** NAVIGATION --- ENDE ***** */

/* ***** BODY --- ANFANG ***** */
#rectangle_rightbottom {background: #eee; margin: 120px 0 0 120px; height: 100%; width: 100%; overflow: hidden; position: fixed; z-index: 0;}
/* ***** BODY --- ENDE ***** */

#content {float: left; margin: 130px 0 20px 4%; width: 95%; z-index: 1; position: relative;}
#content.resp_desk {display: block;}
#content.resp_smart {display: none;}

/* ***** HOME --- ANFANG ***** */
#content.startpage {margin: 120px 0 0 13%; width: 74%;}
#content #slideshow {width: 100% !important; height: 50vw !important; margin: 10px 0 0 0; padding: 0;}
#content #slideshow li {width: 100% !important;}
#content #slideshow li img {width: 100%;}

#fssPrev, #fssNext, #fssPlayPause, #fssList {display: none;}
/* ***** HOME --- ENDE ***** */

/* ***** PORTRAIT --- ANFANG ***** */
#content.portrait .imageordner {width: 30vw; position: relative; float: left; margin-right: 8px;}
#content.portrait .imageordner.part1 {width: 27%; margin: 20px 25px 0 0;}
#content.portrait .imageordner.part3 {width: 28%; margin: 0 25px 0 0;}
#content.portrait .imageordner.part4 {width: 17%; margin: 80px 15px 0 0;}
#content.portrait .imageordner.part5 {width: 18%;}
#content.portrait .imageordner.part6 {width: 8%; margin-left: 15px;}
#content.portrait .imageordner.part7 {width: 8%;}
#content.portrait .imageordner.part8 {width: 37%; clear: both; margin: 10px 15px 0 0;}
#content.portrait .imageordner.part9 {width: 30%; margin: 0 25px 0 0;}
#content.portrait .imageordner.part10 {width: 26%; margin-top: 20px;}
#content.portrait img.firstimg {width: 100%; height: auto; padding: 0 8px 20px 0; float: left;}
/* ***** PORTRAIT --- ENDE ***** */

/* ***** EDITORIAL --- ANFANG ***** */
#content.editorial .imageordner {width: 20vw; position: relative; float: left; margin-right: 8px;}
#content.editorial .imageordner.part1 {width: 23%; margin-right: 25px;}
#content.editorial .imageordner.part4 {width: 25%; margin: 30px 20px 0 0;}
#content.editorial .imageordner.part5 {width: 28%; margin: 50px 20px 0 0;}
#content.editorial .imageordner.part6 {width: 16%; margin-top: 12px;}
#content.editorial .imageordner.part7 {width: 19%; margin-top: 25px;}
#content.editorial .imageordner.part8 {width: 13%;}
#content.editorial .imageordner.part9 {width: 12%; margin-top: 15px;}
#content.editorial .imageordner.part10 {width: 19%; margin-left: 15px;}
#content.editorial img.firstimg {width: 100%; height: auto; padding: 0 8px 8px 0; float: left;}
/* ***** EDITORIAL --- ENDE ***** */

/* ***** INDUSTRIAL --- ANFANG ***** */
/*#content.industrial .imageordner {width: 20vw; position: relative; float: left; margin-right: 8px;}
#content.industrial .imageordner.part1 {width: 25%; margin-right: 15px;}
#content.industrial .imageordner.part3 {width: 32%; margin: 25px 15px 0 0;}
#content.industrial .imageordner.part4 {width: 30%;}
#content.industrial .imageordner.part5 {width: 40%;}
#content.industrial .imageordner.part6 {width: 25%; margin-top: 15px;}
#content.industrial .imageordner.part7 {width: 17%; margin-top: 15px;}
#content.industrial .imageordner.part8 {width: 38%; margin-right: 20px;}
#content.industrial .imageordner.part9 {width: 36%; margin: -35px 20px 0 0;}
#content.industrial .imageordner.part10 {width: 22%;}
#content.industrial img.firstimg {width: 100%; height: auto; padding: 0 8px 8px 0; float: left;}*/
/* ***** INDUSTRIAL --- ENDE ***** */

/* ***** INDUSTRIAL BIS 20.2.25 --- ANFANG ***** */
#content.industrial .imageordner {width: 20vw; position: relative; float: left; margin-right: 8px;}
#content.industrial .imageordner.part1 {width: 21%; margin-right: 15px;}
#content.industrial .imageordner.part3 {width: 32%; margin: 25px 15px 0 0;}
#content.industrial .imageordner.part4 {width: 18%; margin-top: 12px;}
#content.industrial .imageordner.part5 {width: 22%;}
#content.industrial .imageordner.part6 {width: 14%; margin-top: 15px;}
#content.industrial .imageordner.part7 {width: 17%; margin-top: 15px;}
#content.industrial .imageordner.part8 {width: 33%; margin-right: 20px;}
#content.industrial .imageordner.part9 {width: 26%; margin: 25px 20px 0 0;}
#content.industrial .imageordner.part10 {width: 15%;}
#content.industrial img.firstimg {width: 100%; height: auto; padding: 0 8px 8px 0; float: left;}
/* ***** INDUSTRIAL BIS 20.2.25 --- ENDE ***** */

/* ***** CONTACT --- ANFANG ***** */
#content.contact_page {width: 70%; margin-left: 15%;}
/* ***** CONTACT --- ENDE ***** */

/* ***** ABOUT --- ANFANG ***** */
#content.about_page {width: 75%; margin-left: 15%;}
.about_text {float: left; width: 55%;}
.about_img {float: left; padding-left: 25px; padding-top: 8px;}
.about_bildreihe {width: 32%; float: left; margin-right: 7px;}
.about_bildreihe img {width: 100%;}
/* ***** ABOUT --- ENDE ***** */

/* ***** LIGHTBOX --- ANFANG ***** */
.lb-outerContainer {background-color: none !important;}
/*.lightbox .lb-image {border: none !important;}
 ***** LIGHTBOX --- ENDE ***** */

/***** RESPONSIVE --- ANFANG *****/
@media only screen and (max-width: 1280px)  {
/*    #content.industrial .imageordner.part6 {width: 40%; margin-top: 0;}
    #content.industrial .imageordner.part7 {width: 16%; margin-top: 0;}
    #content.industrial .imageordner.part8 {width: 32%; margin-right: 0;}
    #content.industrial .imageordner.part9 {width: 30%; margin: 0 8px;}
    #content.industrial .imageordner.part10 {width: 16%;}*/
}

@media only screen and (max-width: 1279px)  {
	#content.startpage {margin-left: 17%; width: 66%;}
}

@media only screen and (max-width: 1199px)  {
	.about_text {width: 100%; margin-left: 0%;}
}

@media only screen and (max-width: 910px)  {
	#rectangle_lefttop {display: none;}
	#rectangle_rightbottom {margin: 130px 0 0 0;}
	#header {height: 120px;}
	#logo {float: none; width: 100%; text-align: center; margin: 25px auto;}
	#content {margin-top: 140px;}
	#content.resp_desk {display: none;}
	#content.resp_smart {display: block;}
	
	#navi {display: none;}
	#hide_nav {display: inherit; position: fixed; width: 100%; z-index: 99999; top:72px; height: 28px; text-align: center; background: #fff;}
	#hide_nav a {font-size: 1rem; text-decoration: none; font-weight: 200; text-transform: uppercase;}
	#hide_nav a span {font-size: 1.5rem;}
	#device_navi {position: fixed; width: 100%; z-index: 99999; top: 107px; text-align: center; background: #fff; display: none;}
	#device_navi .device_navi {width: 100%; float: left; height: auto; border-bottom: 1px solid #eee; padding: 5px;}
	#device_navi .device_navi a {font-size: 1rem !important; text-transform: uppercase; text-decoration: none; font-weight: 200;}
	#device_navi .device_navi a img {width: 11px; height: 12px; padding-right: 5px;}
	
	#content {width: 98%; margin-left: 1%; margin-right: auto;}
	#content .imageordner {width: 100% !important; margin: 0 !important;}
	#content .imageordner img {margin: 0; padding-right: 0 !important;}
	
	#content.startpage {width: 96%; margin-left: 2%;}
	#content.contact_page {width: 90%; margin-left: 5%;}
	#content.about_page {width: 90%; margin-left: 5%;}
	
	#content.startpage #slideshow {height: 70vw !important;}
	
	.about_text {width: 100%; margin-left: 0%;}
	.about_img {width: 100%; padding-left: 0%; padding: 20px 0;}
	.about_img img {width: 100%;}
	.about_bildreihe {width: 100%; float: left; margin-right: 0px; padding-top: 10px;}
}
/***** RESPONSIVE - MAX 910 --- ENDE *****/