@charset 'UTF-8';
@import url('ff-source-sans-3.css');  
@import url('ff-scada.css');
@import url('sh.css');

/* w3 CSS */
:root {
  --customColor1: #e2dcd9;
  --customColor2: #c7c2bf;
}

.ce_video_custom, .ce_youtube .ce_youtube_inner, .ce_vimeo .ce_vimeo_inner {
  border-radius: 10px;
}

picture img,
.item-overlay,
.image_container {
  border-radius: 8px;
}

.ce_gallery .borders li figure {
  border: 1px solid rgb(229,229,229);
  border-radius: 10px;
}

.header .mainmenu ul li a.highlight span {
  background-color: #776e64;
  border-radius: 5px;
  font-weight: 600;
}

/* Font Definitions */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
  line-height: 1.2;
}

a,
p a {
  color: #383e42;
  text-decoration: underline;
}

a:hover,
p a:hover {
  color: #000;
}

.header .mainmenu ul li a.highlight span {
  text-decoration: none;
}

.header .mainmenu ul li a.active span {
  text-decoration: underline;
}

.ce_gallery .gallery-margin {
  margin-left: 0;
  margin-right: 0;
}

.ce_gallery li:hover .content {
	opacity: .5;
}

.ce_headline {
  hyphens: none;
}

.ce_text.format-p-large p, 
.ce_text.format-p-large ul, 
.ce_text.format-p-large ol {
  hyphens: none;
}

.ce_text p {
  margin-bottom: 5px;
}

.ce_image_text_box_v2[data-font-size="small"] p {
  font-size: 20px;
}

.ce_icon_text > a p:hover {
  opacity: .8;
  text-decoration: underline;
}

input.submit, button.submit {
  padding: 15px 20px;
  height: 48px;
  background: var(--customColor1);
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: #383e42;
  border-radius: 10px;
  min-width: 280px;
}

input.submit, button.submit:hover {
  color: #fff;
}

.header .inside {
  /* background-color: transparent; */
  background-color: rgba(56,62,66,.9);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ce_wrap {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

level_1.trail:not(.highlight)::after, 
.header .mainmenu ul li a.a-level_1.active:not(.highlight)::after {
  border: none;
}

.header .mainmenu ul li a.active:not(.highlight) {
  padding-left: 0;
  padding-right: 0;
}

.map-s.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  border-radius: 10px;
}

/*
.ce_icon_text .text p {
  font-size: 20px;
}
*/

.ce_countup {
  background-color: rgba(255,255,255,.1);
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 35px 15px 35px 15px;
}

.ce_countup .headline {
  font-size: 2.666rem;
}

.ce_countup .text p {
  font-size: 22px;
}

#bottom {
  margin: 0;
  padding-top: 25px;
  padding-bottom: 25px;  
}

@media only screen and (max-width: 1450px) {
  .header .mod_search {
    margin-left: 15px;
  }  
  
  .mainmenu ul li {
    margin-left: 8px;
    margin-right: 8px;
  }  
  
  .mainmenu ul li a  {
    font-size: 17px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 1280px) {
  :root {
  	/* headlines */
  	--h1-fontSize: 2.1rem;
  	--h2-fontSize: 1.8rem;
  	--h3-fontSize: 1.6rem;
  	--h4-fontSize: 1.4rem;
  	--h5-fontSize: 1.2rem;
  	--h6-fontSize: 1.1rem;
  	
  	/* footer headlines */
  	--footer-h1-fontSize: 2.1rem;
  	--footer-h2-fontSize: 1.8rem;
  	--footer-h3-fontSize: 1.6rem;
  	--footer-h4-fontSize: 1.4rem;
  	--footer-h5-fontSize: 1.2rem;
  	--footer-h6-fontSize: 1.1rem;
  	--footer-headline-color: #363e3d;
  	
  	--paragraph-large-font-size: .9rem;
  	--paragraph-large-line-height: 1.35rem;
  	
    --contentBoxedWidth: calc(100% - 0%);
    --articlePaddingLeftRight: 2%;  
    
    --contentPaddingLeftRight: 15px;
  }
  
  .mod_article.fullscreen {
    height: 80vh;
  }
  
  .ce_split_words span.word,
  .ce_text_imagebox .inside .content.only-headline .ce_headline .headline {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }  
  
  h1,
  .h1,
  .h1 p,
  body .headline_style_h1 h1,
  body .headline_style_h1 h2,
  body .headline_style_h1 h3,
  body .headline_style_h1 h4,
  body .headline_style_h1 h5,
  body .headline_style_h1 h6,
  body h1.headline_style_h1,
  body h2.headline_style_h1,
  body h3.headline_style_h1,
  body h4.headline_style_h1,
  body h5.headline_style_h1,
  body h6.headline_style_h1  {
  	font-size: var(--h1-fontSize);
  }
  
  h2,
  .h2,
  .h2 p,
  body .headline_style_h2 h1,
  body .headline_style_h2 h2,
  body .headline_style_h2 h3,
  body .headline_style_h2 h4,
  body .headline_style_h2 h5,
  body .headline_style_h2 h6,
  body h1.headline_style_h2,
  body h2.headline_style_h2,
  body h3.headline_style_h2,
  body h4.headline_style_h2,
  body h5.headline_style_h2,
  body h6.headline_style_h2 {
  	font-size: var(--h2-fontSize);
  }
  
  h3,
  .h3,
  .h3 p,
  body .headline_style_h3 h1,
  body .headline_style_h3 h2,
  body .headline_style_h3 h3,
  body .headline_style_h3 h4,
  body .headline_style_h3 h5,
  body .headline_style_h3 h6,
  body h1.headline_style_h3,
  body h2.headline_style_h3,
  body h3.headline_style_h3,
  body h4.headline_style_h3,
  body h5.headline_style_h3,
  body h6.headline_style_h3 {
  	font-size: var(--h3-fontSize);
  }
  
  h4,
  .h4,
  .h4 p,
  body .headline_style_h4 h1,
  body .headline_style_h4 h2,
  body .headline_style_h4 h3,
  body .headline_style_h4 h4,
  body .headline_style_h4 h5,
  body .headline_style_h4 h6,
  body h1.headline_style_h4,
  body h2.headline_style_h4,
  body h3.headline_style_h4,
  body h4.headline_style_h4,
  body h5.headline_style_h4,
  body h6.headline_style_h4 {
  	font-size: var(--h4-fontSize);
  }
  
  h5,
  .h5,
  .h5 p,
  body .headline_style_h5 h1,
  body .headline_style_h5 h2,
  body .headline_style_h5 h3,
  body .headline_style_h5 h4,
  body .headline_style_h5 h5,
  body .headline_style_h5 h6,
  body h1.headline_style_h5,
  body h2.headline_style_h5,
  body h3.headline_style_h5,
  body h4.headline_style_h5,
  body h5.headline_style_h5,
  body h6.headline_style_h5 {
  	font-size: var(--h5-fontSize);
  }
  
  h6,
  .h6,
  .h6 p,
  body .headline_style_h6 h1,
  body .headline_style_h6 h2,
  body .headline_style_h6 h3,
  body .headline_style_h6 h4,
  body .headline_style_h6 h5,
  body .headline_style_h6 h6,
  body h1.headline_style_h6,
  body h2.headline_style_h6,
  body h3.headline_style_h6,
  body h4.headline_style_h6,
  body h5.headline_style_h6,
  body h6.headline_style_h6 {
  	font-size: var(--h6-fontSize);
  }  
  
  .ce_accordion .toggler {
  	font-size: var(--h2-fontSize);
  }
  
  .ce_text_imagebox_image {
      height: 380px !important;
  }    
    
  .mod_article:not(.fullwidth) > .container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  .swiper-container {
    --swiper-theme-color: #fff;
  }  
  
  .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;  
  }
  
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;  
  } 
  
  .ce_gallery .image_container {
    margin: 1px;
  }    
  
  /*  
  .header {
    max-width: calc(100% - 0%);
  }
  */
}

@media only screen and (max-width: 920px) {
  :root {
  	/* headlines */
  	--h1-fontSize: 2.1rem;
  	--h2-fontSize: 1.8rem;
  	--h3-fontSize: 1.6rem;
  	--h4-fontSize: 1.4rem;
  	--h5-fontSize: 1.2rem;
  	--h6-fontSize: 1.1rem;
  	
  	/* footer headlines */
  	--footer-h1-fontSize: 2.1rem;
  	--footer-h2-fontSize: 1.8rem;
  	--footer-h3-fontSize: 1.6rem;
  	--footer-h4-fontSize: 1.4rem;
  	--footer-h5-fontSize: 1.2rem;
  	--footer-h6-fontSize: 1.1rem;
  	--footer-headline-color: #363e3d;
  	
  	--paragraph-large-font-size: .9rem;
  	--paragraph-large-line-height: 1.35rem;
  	
    --contentBoxedWidth: calc(100% - 0%);
    --articlePaddingLeftRight: 2%;  
    
    --contentPaddingLeftRight: 15px;
  }
  
  .mod_article.fullscreen {
    height: 75vh;
  }

@media only screen and (max-width: 767px) {
  :root {
  	/* headlines */
  	--h1-fontSize: 1.5rem;
  	--h2-fontSize: 1.4rem;
  	--h3-fontSize: 1.3rem;
  	--h4-fontSize: 1.1rem;
  	--h5-fontSize: 1rem;
  	--h6-fontSize: 1rem;
  	
  	/* footer headlines */
  	--footer-h1-fontSize: 1.9rem;
  	--footer-h2-fontSize: 1.7rem;
  	--footer-h3-fontSize: 1.5rem;
  	--footer-h4-fontSize: 1.3rem;
  	--footer-h5-fontSize: 1.1rem;
  	--footer-h6-fontSize: 1rem;
  	--footer-headline-color: #363e3d;
  	
  	--paragraph-large-font-size: .9rem;
  	--paragraph-large-line-height: 1.35rem;
  	
    --contentBoxedWidth: calc(100% - 0%);
    --articlePaddingLeftRight: 2%;  
    
    --contentPaddingLeftRight: 15px;
  }
  
  .mod_article.fullscreen {
    height: 42vh;
  }
  
  h1,
  .h1,
  .h1 p,
  body .headline_style_h1 h1,
  body .headline_style_h1 h2,
  body .headline_style_h1 h3,
  body .headline_style_h1 h4,
  body .headline_style_h1 h5,
  body .headline_style_h1 h6,
  body h1.headline_style_h1,
  body h2.headline_style_h1,
  body h3.headline_style_h1,
  body h4.headline_style_h1,
  body h5.headline_style_h1,
  body h6.headline_style_h1  {
  	font-size: var(--h1-fontSize);
  }
  
  h2,
  .h2,
  .h2 p,
  body .headline_style_h2 h1,
  body .headline_style_h2 h2,
  body .headline_style_h2 h3,
  body .headline_style_h2 h4,
  body .headline_style_h2 h5,
  body .headline_style_h2 h6,
  body h1.headline_style_h2,
  body h2.headline_style_h2,
  body h3.headline_style_h2,
  body h4.headline_style_h2,
  body h5.headline_style_h2,
  body h6.headline_style_h2 {
  	font-size: var(--h2-fontSize);
  }
  
  h3,
  .h3,
  .h3 p,
  body .headline_style_h3 h1,
  body .headline_style_h3 h2,
  body .headline_style_h3 h3,
  body .headline_style_h3 h4,
  body .headline_style_h3 h5,
  body .headline_style_h3 h6,
  body h1.headline_style_h3,
  body h2.headline_style_h3,
  body h3.headline_style_h3,
  body h4.headline_style_h3,
  body h5.headline_style_h3,
  body h6.headline_style_h3 {
  	font-size: var(--h3-fontSize);
  }
  
  h4,
  .h4,
  .h4 p,
  body .headline_style_h4 h1,
  body .headline_style_h4 h2,
  body .headline_style_h4 h3,
  body .headline_style_h4 h4,
  body .headline_style_h4 h5,
  body .headline_style_h4 h6,
  body h1.headline_style_h4,
  body h2.headline_style_h4,
  body h3.headline_style_h4,
  body h4.headline_style_h4,
  body h5.headline_style_h4,
  body h6.headline_style_h4 {
  	font-size: var(--h4-fontSize);
  }
  
  h5,
  .h5,
  .h5 p,
  body .headline_style_h5 h1,
  body .headline_style_h5 h2,
  body .headline_style_h5 h3,
  body .headline_style_h5 h4,
  body .headline_style_h5 h5,
  body .headline_style_h5 h6,
  body h1.headline_style_h5,
  body h2.headline_style_h5,
  body h3.headline_style_h5,
  body h4.headline_style_h5,
  body h5.headline_style_h5,
  body h6.headline_style_h5 {
  	font-size: var(--h5-fontSize);
  }
  
  h6,
  .h6,
  .h6 p,
  body .headline_style_h6 h1,
  body .headline_style_h6 h2,
  body .headline_style_h6 h3,
  body .headline_style_h6 h4,
  body .headline_style_h6 h5,
  body .headline_style_h6 h6,
  body h1.headline_style_h6,
  body h2.headline_style_h6,
  body h3.headline_style_h6,
  body h4.headline_style_h6,
  body h5.headline_style_h6,
  body h6.headline_style_h6 {
  	font-size: var(--h6-fontSize);
  }  
  
  .ce_accordion .toggler {
  	font-size: var(--h3-fontSize);
  	line-height: 2rem;
  }
  
  .ce_text_image_bar .textbox {
    padding: 35px 15px;
  }  
  
  .ce_text.format-p-large p, 
  .ce_text.format-p-large ul, 
  .ce_text.format-p-large ol {
    font-size: var(--paragraph-large-font-size);
    line-height: var(--paragraph-large-line-height);  
  }
  
  div .ce_scroll_reveal_words[data-align="left"] {
    font-size: var(--paragraph-large-font-size);
    line-height: var(--paragraph-large-line-height);
  }  
  
  #slider .mod_article.article-pb-xxl > .container,
  #slider .mod_article.article-pt-xxl > .container {
     padding-top: 100px;
     padding-bottom: 100px;
  }
  
  .ce_revolutionslider .rs-container.fullscreen, 
  .ce_revolutionslider .tp-fullwidth-forcer {
    height: calc(100vh - 60vh) !important;
  }
  
  .ce_swiper-slider-start.style3_dark .swiper-button-next, 
  .ce_swiper-slider-start.style3_dark .swiper-button-prev {
    background: rgba(0,0,0,.1) !important;
  }
  
  .ce_swiper-slider-start.style3_dark .swiper-button-next:hover,
  .ce_swiper-slider-start.style3_dark .swiper-button-prev:hover {
    background: rgba(210,10,17,1) !important;
    border-color: #d20a11;
    color: #fff;
  }   
  
  .autogrid_row > .column {
    padding-left: 5px;
    padding-right: 5px;
  }  
  
  .ce_accordion {
    padding: 25px 0;
  }
  
  .ce_accordion .toggler {
    padding: 10px 10px;
    margin-bottom: 0;
  }  
  
  .ce_accordion .toggler::before {
    margin-left: 5px;
  } 
  
  .mt-m-m {
    margin-top: 25px !important;
  }  

  .mb-m-m {
    margin-top: 25px !important;
  } 
  
  .mt-s-m {
    margin-top: 20px !important;
  }  

  .mb-s-m {
    margin-top: 20px !important;
  }    
  
  #footer .inside {
    padding: 40px 15px;
  }  
  
  #footer .image_container img {
    max-width: 144px;
  }  
}

@media only screen and (max-width: 480px) {
  .mod_article.fullscreen {
    height: 62vh;
  }
}  