/*Link #6595A3  (#D89E5D)
	
	Blue #00284B 
	Green #319EDA
	Heads #333
	Text #555
	
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


400 – Normal.
500 – Medium.
600 – Semi Bold (Demi Bold)
700 – Bold.

*/



body {
  font-family: 'Work Sans';
  overflow-x: hidden;
  color:#00284B
}

.hide {
	display: none; 
}

a {
  color: #319EDA;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: #00284B;
  transition: all 0.3s ease-in-out;
}

b {
  font-weight: 600;
}

p {
  font-size: 1rem;
  line-height: 23px;
}

.page-section {
  padding: 4rem 0;
}

@media (min-width: 768px) {
  section {
    padding: 9rem 0;
  }
}
::-moz-selection {
  background: #319EDA;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #319EDA;
  color: #fff;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}


.btn-xl {
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
  border-radius: 0;
}

.btn-sm, .btn-md, .btn-lg {
  border-radius: 10px;
  background-color: #C58B68;
  border-color: transparent;
  font-size: 0.875rem;
  letter-spacing: 1;
  line-height: 1.19;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ebae69;
  border-color: transparent;
}

.btn-green{
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  background-color: #319EDA;
  border-radius: 4px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
 padding: 0.1rem 0.75rem;
 letter-spacing: 0;
}

.btn-green:hover {
  color: #00284B;
}

.btn-green-alt {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #319EDA;
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  padding: 0.05rem 0.75rem
}

.btn-green-alt:hover {
  color: #00284B;
}

.btn-white {
  color: #319EDA;
  font-size: 0.875rem;
  line-height: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 4px;
  padding: 0.33rem 0.75rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
}

.btn-white:hover {
  color: #00284B;
}

.btn-white-quickfinder {
  color: #00284B;
  font-size: 0.875rem;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 0px;
  padding: 0.33rem 0.75rem;
  letter-spacing: 0;
  width: 100%;
  height: 40px;
}

.btn-white-quickfinder .fa-caret-down {
  font-size: 1.8rem;
  line-height: 18px;
}

.btn-blue-quickfinder {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #00284B;
  background-color: #319EDA;
  border-radius: 0px;
  padding: 0.33rem 0.75rem;
  letter-spacing: 0;
  width: 100%;
  height: 40px;

}
.btn-blue-quickfinder:hover {
  color: #319EDA;
  color: #00284B;
}

.btn-trans {
  color: #319EDA;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 4px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.75rem;
  letter-spacing: 0;
}

.btn-trans:hover {
  color: #fff;
}

.btn-light-blue {
  color: #319EDA;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  background-color: #DBE1E6;
  border-radius: 4px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.75rem;
  letter-spacing: 0;
}

.btn-trans:hover {
  color: #fff;
}

.btn-social {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
  color: #555;
  background-color: #eee;
  border-color: transparent;
}

.btn-social a {
  color: #333 ;
}

.btn-social:hover {
  color: #fff;
  background-color: #ebae69;
}

#topbar .btn-green-alt {
  margin-top:10px;
}

.search {
float:left;
margin-right: 2.5rem;
  -webkit-transform: translateX(0%) translateY(-50%);
          transform: translateX(0%) translateY(-50%);
         
}

@media (min-width: 768px) { 

  .search {
    float:right; 
  }

}
.search * {
  outline: none;
  box-sizing: border-box;
  margin-top: 0px;
}
.search__wrapper {
  position: relative;
  margin-top:45px;

}
.search__field {
  width: 30px;
  height: 30px;
  font-size: 1rem;
  padding: 0.25em 30px 0.25em 0;
  border: 0px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.search__field:focus {
  border-bottom-color: transparent;
  width: 30vw;
  color: #00284B;
  cursor: default;
  padding-left: .5rem;
  padding-right: 1rem;
}

@media (min-width: 768px) { 

  .search__field:focus {
    width: 15vw;
  }

}

.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  color: #00284B;
  pointer-events: auto;
}
.search__icon {
  color: #fff;
  background-color:#00284B; 
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 1.25rem;
  text-align: center;
  border-color: transparent;
  border-radius: 0%;
  pointer-events: none;
  display: inline-block;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #00284B;
  font-size: 1.25rem;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #00284B;
  font-size: 1.25rem;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #ccc;
 font-size: 1.25rem;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #00284B;
 font-size: 1.25rem;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}


#topbar {
  z-index: 1100 !important;
}

h1.section-heading {
  color: #00284B;
  font-weight: 500;
  font-size: 1.875rem;
  text-align: center;
  text-transform: uppercase;
}

h2.section-heading-quote {
color: color(srgb 1 1 1 / 0.8);
font-weight: 300;
font-size: 1.375rem;
text-align: center;
}

h3.section-heading-quote {
color: color(srgb 1 1 1 / 0.8);
font-weight: 300;
font-size: 1.125rem;
text-align: center;
}

h4.section-heading-quote {
color: color(srgb 1 1 1 / 0.8);
font-weight: 300;
font-size: 1.2rem;
text-align: center;

}

h5, span.section-heading-quote {
  color: #fff;
  line-height: 0.5;
  font-size: 2.5rem;
  text-align: center;
}

@media (min-width: 768px) { 
  
  h1.section-heading {
    font-size: 2.5rem;
    line-height: 50px;
    text-align: center;
    }
    
  h2.section-heading-quote {
   font-size: 2.125rem;
   line-height: 1.49;
   text-align: left;
  }
  
  h3.section-heading-quote {
    font-size: 1.5625rem;
    line-height: 1.36;
    text-align: left;
    }
    
  h4.section-heading-quote {
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: left;
    }
  
  h5, span.section-heading-quote {
    font-size: 3.75rem;
    line-height: 0.5;
    text-align: left;
    }

}


p.info-text, ul.list-text{
  font-size: 1.125rem;
  font-weight: 300;


  line-height: 1.32;
 
  
}


@media (min-width: 768px) { 

  p.info-text {
    text-align: left;
  
  }

}

.card h4 {
  color: #1B375C;
}



.subtext {
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0 40px;
}

.no-subtext {
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0 0px;
}

.bg-wrapper-grey {
  background-color: #EDF0F2;

}

/*** NAV UND HEADER ***/


#topbar {

  height: 45px;
  color: #fff;
  background-color: #00284B;

}
#topbar .dropdown-menu {
  font-size: 0.85rem;
}



#mainNav {
  margin-top:45px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  background-color: #fff ;

}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-size: 1.75rem;
  color: #00284B;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
 
}
#mainNav .navbar-brand {
  margin-right: 0rem;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
/*    */
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #00284B;
  font-weight: 700;
  padding-left: .70rem;
  padding-right: .70rem;

}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #319EDA;
  transition: 0.3s ease-in-out;
  
}

/* #mainNav .navbar-nav .nav-item .nav-link.active {
	  background-color: transparent;
} */

#mainNav li.active{
 /* border-bottom: 4px solid #319EDA; */
 color: #319EDA;
}

#mainNav .dropdown-menu {
  border-radius:0;
  font-size: 0.875rem;
  text-transform: uppercase;
  /* margin-left:-5px; */
 
}

@media (min-width: 992px) {
  #mainNav {
  z-index: 999;
    border-bottom: 1px solid #00284B;
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    margin-right:0rem;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 1.5rem;
    transition: height 0.3s ease-in-out;
  }
  /* #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
	background-color: rgba(32, 36, 40, 0.9) ;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
    height: 3rem;
    transition: height 0.5s ease-in-out;
  } */
  #mainNav .navbar-nav .nav-item {
    margin-right: 0rem;
  
  
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
    
  
  }
}

#mainNav .nav-telefon {
    color: #fff;
    font-size: 0.875rem;
    font-weight: normal;
  }


@media (min-width: 768px) { 
    #mainNav .nav-telefon {
      font-size: 1.125rem;
    }
  
  }


#mainNav.pages-nav {
 background-color: #fff ;

}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #319EDA;
}



/* multilevel navigation */
ul.dropdown-menu li > ul.dropdown-menu {
left: 100%;
top: 0;


min-width: 250px;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu {
display: block;
}


header.masthead {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: left;
  color: #333;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  background-size: cover;
  height:50vh;
  margin-top: 62px;
/*   background-image: url("../img/"); */
}


#events .js-scroll-trigger {
	margin-top: 20px;	
}


#navbarResponsive {
  margin-top: 10px;
}

@media (min-width: 768px) { 
  #navbarResponsive {
    margin-top: 0px;
  }


}



header.masthead .masthead-subheading {
  font-size: 1.375rem;
  line-height: 1.5rem;
  margin-top: 15px;
  margin-bottom: 25px;
  text-transform: normal;
  font-weight: 300;
  
}
header.masthead .masthead-heading {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 2rem;
  font-weight: 300;

}

.masthead-subheading-quote {
  color: color(srgb 1 1 1 / 0.8);
  color: #1B375C;
	font-size: 1.2rem;
	text-align: center;

}

.masthead-subheading-info {
  font-weight: normal;
  text-align: center;
  color: #1B375C;
  

}


@media (min-width: 768px) {
  header.masthead {
    padding-top: 4rem;
    background-position: top center;
    padding-bottom: 10rem;
    height: 70vh;
    margin-top: 0px;
/*      background-image: url("../img/"); */


  }
  header.masthead .masthead-subheading {
	position: relative;
    font-style: italic;
    margin-bottom: 2rem;
    

  }
  header.masthead .masthead-heading {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    margin-bottom: 4rem;
  }
  
  .masthead-subheading-quote {
	max-width: 400px;
	font-size: 3.5rem;
  line-height: 1.49;
	text-align: left;
  color: rgba(255, 255, 255, 0.9);
	
	}
  
  .masthead-subheading-info {
  max-width: 350px;
  text-align: left;
  font-size: 1.125rem;
  color: #fff;
  
  }

  
}


.container-header {
	width: 100vw;
}

@media (min-width: 576px) {
 .container-header {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
.container-header {
    max-width: 920px;
  }
}
@media (min-width: 992px) {
.container-header {
    max-width: 960px;
    
  }
}
@media (min-width: 1200px) {
 .container-header {
    max-width: 85vw;
  }
}


@media (min-width: 1340px) {
  header.masthead { 
    
    height: 90vh;

    }
}


@media (min-width: 1440px) {
  header.masthead {
  
    height: 70vh;

    }
}


@media (min-width: 768px) {
	.info-box {
   	 float: left;
   	 padding-left: 50px;
   	 padding-top: 45px;
  }
}


.mobile-infobox p{
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.85rem;
}


.mobile-infobox {
  margin-top:15vh;
}

@media (min-width: 768px) { 

	.mobile-infobox {
		margin-top:-120px;
		
	}

} 

.mobile-infobox .mobile- {
  width: 200px;
  padding-left: 2rem;
  padding-right: 1rem;

}

.mobile-infobox .masthead-subheading-quote{
  padding-top:2rem;
  font-size: 1.875rem;
}

#mainNav .navbar-brand img {
  height: 40px;
}

@media (min-width: 992px) {
	#mainNav .navbar-brand img {
	  height: 40px;
	}
		
}

#mainNav .navbar-brand svg {
 width: 122px;
 height: 40px;

}

@media (min-width: 992px) {
	#mainNav .navbar-brand svg {
	   width: 122px;
	}
		
}

.social-header {
	float: left;
  margin-top: -4vh;
}

@media (min-width: 768px) { 

.social-header {
	float: right;
	padding-top: 28vh;
/* 	left: auto; */
	}

}

.runter {
	display:block ;
  color: #999;
	text-align: center;
  width: 10px;
}

@media (min-width: 768px) { 

	.runter {
		display: block;
		position: absolute;
		right: 0 ;
		left: 0;
		bottom: 33%;
		color: #999;
		opacity: 0.6;
	}
		
	.runter-btn {
		color: #fff;
	}
		
	.runter:hover {
		color: #fff;
		opacity: 1;
		transition: 0.3s ease-in-out;
	}

}





/** Header Slider (pro) **/

.header-slider {
  margin-top:102px;
}

/* Standard-Stil: Der Slider ist auf mobilen Geräten voll responsiv */
.header-slider .carousel-inner, .carousel-item {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header-slider #headerCarousel img {
    max-width: 1220px; 
    width: 100%;  /* Breite ist immer 100% */
    height: auto;  /* Die Höhe ist proportional */
    object-fit: cover;
}

.header-slider #headerCarousel {
    background-color: gray;  /* Grauer Hintergrund für Bereiche außerhalb des Sliders */
    margin: 0 auto; /* Zentriert das Karussell */
    max-width: 1220px;  /* Setzt die maximale Breite */
}

/* Für Bildschirme größer oder gleich 1220px */
@media (min-width: 1220px) {
  .header-slider #headerCarousel {
    width: 1220px;
    /* height: 360px; */
    height: 318px;
  }

  .header-slider #headerCarousel img {
    /* height: 360px; */
    height: 318px;
  }
}


.header-slider .carousel-control-next, 
.header-slider .carousel-control-prev {
  width: 5%;
}

/** Beschränkung auf Button beim Slider **/

.carousel-button-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.carousel-button-container .carousel-control-prev,
.carousel-button-container .carousel-control-next {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}


#claim {
  max-width: 1220px;
  margin-top: 40px;
}


#claim h1.hero-heading {
  color: #00284B;
  font-size: 2.25rem; 
  font-weight: 400;
  text-transform: uppercase;
}

#claim .leader {
  color: #00284B;
  font-size: 1rem; 
  font-weight: 500;
}

#landingpage #claim .leader {
  font-size: .85rem; 
}

@media (min-width: 768px) { 

 #claim h1.hero-heading {
    font-size: 3.6rem; 
    font-weight: 400;
    text-transform: uppercase;
 }
 
  #claim .leader {
    font-size: 1.55rem; 
    font-weight: 500;
 }

}






.videoheader {
  margin-top:102px;
  position: relative;
  background-color: black;
  /* height: 75vh; */
  height: 500px;
  /* min-height: 25rem; */
  width: 100%;
  overflow: hidden;
}

.videoheader video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.videoheader .container {
  position: relative;
  z-index: 2;
  max-width: 1280px !important;
}

.videoheader .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0;
  z-index: 1;
  /* background: url('../img/jcm-global-image.jpg') black no-repeat center center scroll; */
}



/* .videoheader.fotoheader {
  margin-top:102px;
  position: relative;
  background-color: black;
  width: 100%;
  overflow: hidden;
}  */


.videoheader.fotoheader {
  margin-top: 102px;
  position: relative;

  background-image: url('../img/bg-header.jpg');
  background-repeat: repeat-x;
  background-position: top center; /* optional */
  background-size: auto; /* oder z.B. 'contain' je nach gewünschter Skalierung */
  height: auto;
  max-height: 700px;
  width: 100%;
  overflow: hidden;
}



/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  .videoheader {
    background: url('../img/jcm-global-image.jpg') black no-repeat center center scroll;
  }

 .videoheader video {
    display: none;
  }
}


.videoheader h1.hero-heading {
  color: #fff;
  font-size: 2.5rem; 
  font-weight: 400;
  text-transform: uppercase;
}

.videoheader .leader {
  color: #fff;
  font-size: 1rem; 
  font-weight: 500;
}

@media (min-width: 768px) { 

 .videoheader h1.hero-heading {
   color: #fff;
   font-size: 3.938rem; 
   font-weight: 400;
   text-transform: uppercase;
 }

.videoheader .leader {
   color: #fff;
   font-size: 1.8rem; 
   font-weight: 500;
 }


}


.videoheader-global-markets, .videoheader-keyimage_standard {

  height: 465px;
  margin-top: -6rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

.videoheader-global-markets.gaming {
  background-image: url("../img/header-bg-gaming.jpg");
}

.videoheader-global-markets.banking {
  background-image: url("../img/header-bg-banking.jpg");
}

.videoheader-global-markets.retail {
  background-image: url("../img/header-bg-retail.jpg");
}

.videoheader-global-markets.parking {
  background-image: url("../img/header-bg-parking.jpg");
}

.videoheader-keyimage_standard.serviceheader {
  background-image: url("../img/header-bg-service.jpg");
  background-position: center 30%;
}

.videoheader-keyimage_standard.aboutheader {
  background-image: url("../img/header-bg-about.jpg");
  background-position: center 70%;
}

.videoheader-keyimage_standard.enviromentalheader {
  background-image: url("../img/header-bg-enviromental-policies.jpg");
  background-position: center 50%;
}

.videoheader-keyimage_standard.aboutheader.career {
  background-image: url("../img/header-bg-career.jpg");
  background-position: center 65%;
}

.videoheader-keyimage_standard.viernullvier {
  background-image: url("../img/header-bg-404.jpg");
  background-position: center 0%;
}

.bc-header {
  background-color: #EDF0F2;
  margin-bottom: 5rem;
}

.bc-text {
  text-transform: uppercase;
  font-size: .9rem; 
   font-weight: 600;
   line-height: 20px;
   padding: .9rem 0;
}

/* Featurettes
------------------------- */

/* .featurette-divider {
  margin: 5rem 0; 
}

.featurette-heading {
  font-weight: 200;
  line-height: 1;
  letter-spacing: .1rem;
  padding-bottom: 1rem;
 
}


@media (min-width: 40em) {

  .featurette-heading {
    font-size: 2rem;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: em;
  }
}


.featurette img {
	margin-top: 4px;
	border-radius: 2px;
} */


#standard-page.page-section {
  padding: 8rem 0rem 0rem 0rem;
  
}

@media (min-width: 768px) { 

  
  #standard-page.page-section {
    padding: 12rem 0rem 0rem 0rem;
    
  }
  

}

#standard-page.page-section .subtext {

  
}

#standard-page .container {
  max-width: 1280px;
  
}



#support_page.page-section, #about_page.page-section {
  padding: 8rem 0rem 0rem 0rem;
  
}


@media (min-width: 768px) { 

#support_page.page-section, #about_page.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

}

#support_page .container, #about_page .container {
  max-width: 1280px;
  
}

#support_page .headline-icon, #about_page .headline-icon {
 margin-bottom: 30px;
  
}



/** template keyimage_standard **/

#keyimage_standard.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

#keyimage_standard.page-section .subtext {
 
  
}


#keyimage_standard .container {
  max-width: 1280px;
  
}


/** template Global Markets **/

#globalmarkets-page.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

#globalmarkets-page.page-section .subtext {
 
  
}


#globalmarkets-page .container {
  max-width: 1280px;
  
}

/** Blue Wrapper **/

.blue-wrapper {
  color: #fff;
  background-color: #00284B;

  text-align: center;


}

.blue-wrapper.box {
 margin: 0 auto;
  padding: 2rem 0rem;
  max-width: 1220px;


}


.blue-wrapper h1.section-heading {
  color: #fff;
 

}
@media (min-width: 768px) { 

  .blue-wrapper .logo-stamp-light {
     float: right;
     margin-right: 2rem;
     padding-top: 1rem;
  
  }
  
  .blue-wrapper h1.section-heading {
    color: #fff;
    margin-left: 9rem;
  
  }

}



.blue-wrapper .btn-green {
  margin-top: 1rem;
  

}


/** Blue Wrapper deluxe (left image - right text) **/

.bg-wrapper-deluxe {
  background-color: #EDF0F2;
  padding: 4.25rem 0;
}

.bg-wrapper-deluxe.white {
  background-color: #fff;
}

#wrapper-deluxe.container {
  max-width: 1220px;
  margin: 0 auto;

}

#wrapper-deluxe .teaser-image {
  padding: 0;
}

.blue-wrapper-deluxe {
  color: #fff;
  background-color: #00284B;
  text-align: center;
}

#wrapper-deluxe .teaser-image div {
height:260px;
 width: 100%;
  ackground: no-repeat ;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center 70%;

}

.blue-wrapper-deluxe .subtext p {
  padding: 1rem;
}

.blue-wrapper-deluxe.box {
 margin: 0 auto;
  padding: 1.5rem 4rem;
  height: 100%;
}

@media (min-width: 768px) { 

  .blue-wrapper-deluxe.box {
   margin: 0 auto;
    padding: 1.5rem 4rem;
    height: 260px;
  }

}




.blue-wrapper-deluxe h1.section-heading {
  color: #fff;
  line-height: 50px;
}

.blue-wrapper-deluxe .subtext-box {
  padding: 5px 0 15px;
  color: #fff;
}

.blue-wrapper-deluxe .btn-green {
  margin-top: 0.5rem;
}





.env-pol .blue-wrapper-deluxe.box{
  height: 100%;
  background-position: center 30%;
}

.env-pol #wrapper-deluxe .teaser-image div{
  height: 300px;
  background-position: center 30%;
}

.wfu .blue-wrapper-deluxe.box{
  height: 100%;
}

.wfu #wrapper-deluxe .teaser-image div{
  height: 240px;
}

@media (min-width: 768px) { 

.env-pol .blue-wrapper-deluxe.box, .env-pol #wrapper-deluxe .teaser-image div{
  height: 300px;
  background-position: center 30%;
}

.wfu .blue-wrapper-deluxe.box, .wfu #wrapper-deluxe .teaser-image div{
  height: 240px;
}



}



/** section key-global-markets **/

#key-global-markets.page-section {
  padding: 6rem 0 2rem;


}




section#key-global-markets .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;
  

  }
  
section#key-global-markets .card-title {
    padding: 1.25rem 0rem 0rem; 
    
    
  }  
  
section#key-global-markets .card-body {
    padding:0;  
    border:0;
    border-radius: 0;
  }




section#key-global-markets span {
     height: 280px;
    
      background: no-repeat ;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: right center;
      
      
      
  }
  
  



section#key-global-markets h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;

  }





/** section quote-phone **/

#quote-phone.page-section {
    padding: 6rem 0 2rem;

  }

#quote-phone h2 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-top: 1rem;
  margin-bottom: 3rem;
  color: #319EDA;
  text-transform: uppercase;
}

@media (min-width: 768px) { 
  
  #quote-phone h2 {
    font-size: 3rem;
 
    padding-top: 2rem;
    margin-bottom: 0rem;


  }


}

#quote-phone a:hover
{
 color: #319EDA; 
}

/*** SECTION BLOGSTART ***/

section#blogstart {
  /* background-color: #fff; */
}



section#blogstart .container {
  max-width: 1280px;
}


#blogstart.page-section {
    padding: 3.3rem 0 0;
    color:#00284B;
 }
  
@media (min-width: 768px) { 

  #blogstart.page-section {
    padding: 3.3rem 0;
    }
    
    #news-page #blogstart.page-section  {
    padding: 0 0;
    }
    
    #news-page .bg-wrapper-grey   {
      padding: 4rem 0;
      margin-top: 5rem;
    }

}



section#blogstart .card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 0;  
  }
  


section#blogstart img {
    /* height: 100%; */
    border: none;
    border-radius: 0;
    

}

@media (min-width: 768px) { 
  
    section#blogstart img {
      /* height: 195px;  */
    }

  }


section#blogstart .card-body {
    padding: 0.9rem 1.25rem;  
    padding-bottom:0;
  }


section#blogstart .meta-date {
    font-size: 0.875rem;
  }

section#blogstart .meta-headline a {
  color:  #00284B;
  font-weight: 600;    
  }

section#blogstart .card-footer {
   background-color: #fff;  
   border:0;
   border-radius:0;
   padding-top:0;
   padding-bottom: 1.25rem;
  }


section#blogstart .meta-date-event {
      font-weight: 600;
  }



/*** section MARKETS ***/

#markets.page-section {
    padding: 2rem 0;
    color:#00284B;
 }
  
@media (min-width: 768px) { 

  #markets.page-section {
    padding: 2rem 0;
    margin: 0 auto;
    }

}

 section#markets .container.markets{
     max-width: 1250px;
     margin: 0 auto;
   
   }
  
  #markets .market {

    paddding: 15px;

  }
  

  
  @media (min-width: 768px) { 
  
 .market img {
   max-width: 600px;
  
   
 }
  
  }

  .market {
    margin-bottom: 30px;
  }


 #markets .card {
   padding: 0;
   border:0;
 }


.market-icon{
   position: absolute;
   top:25px;
   right:25px;
   color: #fff;
   font-size: 1.125rem;
   text-transform: uppercase;
   font-weight: 600;
   text-align: center;
   /* background-color: #00284B; */
   /* padding: 1rem; */
   line-height: 25px;
   display: none;
   
 }
 .market-icon p {
   margin-top: 10px;
 }

.front-market {
  background-color: #EDF0F2;
  
}


/*** section SOLUTIONS ***/
  
  section#solutions {
    background-color: #fff;
  }
  
  section#solutions .container {
    max-width: 1280px;
  }
  
  
  #solutions.page-section {
      padding: 3.3rem 0;
      color:#00284B;
   }
    
  @media (min-width: 768px) { 
  
    #solutions.page-section {
      padding: 3.3rem 0 5.25rem 0;
      }
  
  }

  section#solutions .stamp-wrapper {
    text-align: center;
    margin: 0 auto;
  }
  
  section#solutions .stamp-wrapper h1 {
   
    display: inline-block;
    max-width: 600px;

  }
  
  section#solutions .stamp-wrapper::after {
  
    content: url(../img/logo-stamp.svg);
    height: 150px;
    widows: 100px;

  }


section#solutions p.solution-subtext {
  margin: 0 auto;
  max-width: 800px;
}


section#solutions .card {
  border:0;
}

section#solutions .product-drop {
  margin-top: 250px;
}


section#solutions .productscaption-mobile {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: bold;
  padding-bottom: 5rem;
  margin-top: -60px;
  margin-left: 15px;


}

section#solutions .productscaption {

  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: -120px;
  margin-right: -25px;
}




section#solutions .productscaption.dis, 
section#solutions .productscaption.rec, 
section#solutions .productscaption.too,
section#solutions .productscaption.sys {
  padding-top: 50px;
}



/** section QUICKFINDER **/

#quickfinder {
    max-width: 1220px;
    background-color:#00284B;
  }


#quickfinder h2 {
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.8rem;
}

#quickfinder .dropdown-item{
  font-size: 0.85rem;
}


#quickfinder .custom-select {
  text-transform: uppercase;
  font-size: 0.85rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='00284B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  color:#00284B;
   background-size: 20px;
   background-color: #fff;
  
   border:0;
   border-radius:0;
   font-weight: 600;
   height: 40px;
}

#quickfinder option.custom-select  {
  font-weight: 400;
}





/*** section CUSTOMER SUPPORT ***/


section#customer {
  background-color: #EDF0F2;
}

section#customer .container {
  max-width: 1280px;
}


#customer.page-section {
    padding: 3.5rem 0;
    color:#00284B;
 }
  
@media (min-width: 768px) { 

  #customer.page-section {
    padding: 3.5rem 0 3.5rem 0;
    }

}

#customer p.solution-subtext {
  margin: 0 auto;
  max-width: 800px;
  margin-bottom: 1.85rem;
}


#section-customer .card {
  padding: 2rem 0.1rem 1rem;
  border: none;
  border-radius: 0;  
  color:#fff;
  background-color: #00284B;
  text-align: center;
  }
  
#section-customer .card-body {
    padding: 0.;  
  }
#section-customer .card-footer {
  padding:0;
}

#section-customer img {
  text-align: center;
  margin: 0 auto;
    width: 90px;
 

}

@media (min-width: 768px) { 
  
    #section-customer img {
       
    }

  }

#section-customer .meta-vorschau {
   color: #fff;
  }

#section-customer h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  padding-bottom: 0.85rem;
  }





/*** section ABOUT US SUPPORT ***/
  
  
  section#about {
    background-color: #fff;
  }
  
  section#about .container {
    max-width: 1280px;
  }
  
  
  #about.page-section {
      padding: 4rem 0;
      color:#00284B;
   }
    
  @media (min-width: 768px) { 
  
    #about.page-section {
      padding: 7rem 0;
      }
  
  }
  
  
  section#about img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
   
  
  }
  
  @media (min-width: 768px) { 
    
      section#about img {
         max-width: 1220px;
      }
  
    }
  
  section#about .meta-vorschau {
     color: #fff;
    }
  
  section#about h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    }
  
  
  section#about p.solution-subtext {
      margin: 0 auto;
      max-width: 800px;
    }
  
  
  
  .anchor{
    position:relative;
    top: -20px;
    display:block;
    width:0px;
    height:0px;
    overflow:hidden;
    visibility:hidden;
  }
  
  
  #partners-by-country.anchor { top: -140px !important; }


/*** section OUR CUSTOMERS ***/
    
    
  section#ourcustomers {
    background-color: #EDF0F2;
  }
  
  section#ourcustomers .container {
    max-width: 1280px;
  }
  
  
  #ourcustomers.page-section {
      padding: 4rem 0 2rem;
      color:#00284B;
   }
    
  @media (min-width: 768px) { 
  
    #ourcustomers.page-section {
      padding: 4rem 0 0.5rem 0;
      }
  
  }
  
  
  
  section#ourcustomers img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
   
  
  }
  
  @media (min-width: 768px) { 
    
      section#ourcustomers img {
         max-width: 1220px;
      }
  
    }
  
  section#ourcustomers .meta-vorschau {
     color: #fff;
    }
  
  section#ourcustomers h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    }
  
  
  section#ourcustomers p.solution-subtext {
      margin: 0 auto;
      max-width: 800px;
    }
    
    
    
    
    

    



/*** section simple-box (icon - headline - button  ***/
        
      
        section#simple-box .container {
          max-width: 1280px;
        }
      
        #simple-box.page-section {
            padding: 3rem 0;
            color:#00284B;
         }
          
        @media (min-width: 768px) { 
          
          #simple-box.page-section {
            padding: 5rem 0 1rem 0;
            }
        
        }
        
        section#simple-box .headline-icon {
          margin-bottom: 30px;
        }
        
        section#simple-box img {
          text-align: center;
          margin: 0 auto;
          width: 88px;
        
        }
        
        @media (min-width: 768px) { 
          
            section#simple-box img {
              
            }
        
          }
        
        section#simple-box h1.section-heading {
        
          padding-bottom: 25px;
          }
          
          
/*** section deluxe-box (icon - headline - text - button  ***/
          
          
          section#deluxe-box .container {
            max-width: 1280px;
          }
          
          #deluxe-box.page-section {
              padding: 4rem 0 2rem;
              color:#00284B;
           }
            
          @media (min-width: 768px) { 
            
            #deluxe-box.page-section {
              padding: 5rem 0 5rem 0;
              }
          
          }
          
          
          #deluxe-box.page-section.light {
             background-color: #EDF0F2;
             padding: 3rem 0 3rem 0;
             margin: 4rem 0 4.5rem;
           }
           
          #deluxe-box.page-section.light.white {
             background-color: #fff;
           }
          
          section#deluxe-box .headline-icon {
            margin-bottom: 30px;
          }
          
          section#deluxe-box img {
            text-align: center;
            margin: 0 auto;
            width: 88px;
          
          }
          
          @media (min-width: 768px) { 
            
              section#deluxe-box img {
                
              }
          
            }
          
          section#deluxe-box h1.section-heading {
          
          
            }
            
          section#deluxe-box.page-section .subtext {
         
            
          }
          
        
        
 
        



/** SECTION TEAM **/       
          
#about_page .bg-wrapper-grey.tm {
  padding-top: 4.25rem;
  padding-bottom: 1rem;
  margin-bottom: 4.5rem;
}

#about_page .team-management {
  margin-left: 0;
  margin-right: 0;
}

#about_page .team-members-2 {
  max-width: 636px;
}

#about_page .team-members-3 {
  max-width: 960px;
}

#about_page .team-management .card,
#about_page .team-management img {
 border: 0;
 border-radius: 0;
 background-color: #EDF0F2;
}
#about_page .team-management.nogrey .card {

 background-color: #fff;
}

#about_page .team-members-2 .card,
#about_page .team-members-2 img,
#about_page .team-members-3 .card,
#about_page .team-members-3 img {
 border: 0;
 border-radius: 0;
 background-color: #fff;
}

#about_page .team-members-2 {
  margin-bottom: .5rem;
}

#about_page .team-management a, 
#about_page .team-members-2 a, 
#about_page .team-members-3 a,
#about_page .team-members-4 a{
  text-decoration: none;
  color: #00284B;
}

#about_page .team-management h3,
#about_page .team-members-2 h3,
#about_page .team-members-3 h3, 
#about_page .team-members-4 h3
{
  font-size: 1.375rem;
  font-weight: bold;
}

#about_page .team-modals{
text-align: center;
}

#about_page .team-modals .modal {
  top:50px;
}

#about_page .team-modals .modal-dialog{
  max-width: 444px;
  text-align: center;
  
}

#about_page .team-modals .modal-header {
  border:0;
  
}

#about_page .team-modals .modal-body {
  padding: 0 2rem;
}

#about_page .team-modals .modal-content {
  border:0 ;
  border-radius:0 ;
}

#about_page .team-modals .modal-footer {
  margin: 0 auto;
  padding-bottom: 2rem;
  padding-top: 2rem;
  border:0 ;
}

#about_page .team-modals h3{
  margin: 0 auto;
  font-size: 1.375rem;
  font-weight: bold;
}

#about_page .team-modals .close {
  opacity: 1;
  
  color: #00284B;
}

/* Transparenter Hintergrund der Lightbox */
.modal-backdrop {
  background-color: rgba(0, 40, 75, .9);
}
           
           
           

  

/** SECTION NOTIFICATIONS **/      

.notifications-searchform {
  margin:0 auto;
  max-width: 405px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  margin-bottom: 2.75rem;
  margin-top: 2rem;
}

input.form-control {
  background-color: #EDF0F2;
  border: none;
  
}

 .btn-outline-secondary {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #319EDA;
  font-weight: 600;
  font-size: 0.875rem;
}


.notifications-table {
  margin:0 auto;
  max-width: 800px;
  line-height: 16px;
}

.notifications-table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #EDF0F2;
}

.notifications-table.table td {
  border-top: none;
  line-height: 22px;
}

/* .notifications-table td:nth-child(1):before{
  font-size: 1.375rem;
  color: #319EDA;
  font-family: "Font Awesome 5 Free";
  content: '\f56d';
} */

.notifications-table td:nth-child(1){
 max-width: 10px;
 text-align: left;
}


.notifications-table td:nth-child(2){
  font-size: 1rem;
  color: #00284B;
  text-align: left;
}

.notifications-table td:nth-child(3){
  font-size: 0.875rem;
  color: #707070;
  text-align: right;
}




/*** SECTION SUPPORT center ***/

section#support-center.page-section {
  padding: 2rem 0 0 0;
}

section#support-center .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;

  }
  
section#support-center .card-title {
    padding: 1.25rem 0rem 0rem; 

  }  
  
section#support-center .card-body {

    background-color: #EDF0F2;

  }
  
  section#support-center .card-body h5 {
    text-align: center;
    color: #00284B;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 22px;
    padding-bottom: 1rem;
   
  
  }
  
  section#support-center .card-body p {
    line-height: 22px;
  }
  
  section#support-center .card-body a{
    color: #00284B;
    text-decoration: underline;
  }
  
  section#support-center .card-body a:hover{
    color: #319EDA;
   
  }


section#support-center h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;

  }




/*** SECTION REPAIRS PROCESS ***/


section#repairs-process.page-section {
  padding: 4rem 0 0 0;
}

section#repairs-process .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;

  }
  
section#repairs-process .card-title {
    padding: 1.25rem 0rem 0.5rem 0; 
    

  }  
  
section#repairs-process .card-body {
    padding-top:2.5rem;
    background-color: #fff;

  }
  

  
  section#repairs-process .card-body p {
    line-height: 22px;
  }
  


section#repairs-process h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;

  }


.icon-blue{
  margin: 0 auto;
   width:31px;
   height:30px;
   margin-bottom: 0.6rem;
   margin-top: 0.6rem;

    background-image: url("../img/icon-blue.svg");
  }





/*** SECTION REPAIR TERMS ***/
  
  section#repairs-terms.page-section {
    padding: 1rem 0 0 0;
  }
  
  section#repairs-terms .card {
    
    border: none;
    border-radius: 0;  
    background-color: #00284B;
  
    }
    
  section#repairs-terms .card-title {
      padding: 1.25rem 0rem 0rem; 
  
    }  
    
  section#repairs-terms .card-body {
  
      background-color: #EDF0F2;
      padding-bottom: 0;

  
    }
    
   
    section#repairs-terms .card-footer {
    
        background-color: #EDF0F2;
        border-top: none;
        border-radius: 0;
    
      }
    
    section#repairs-terms .card-footer h5 {
      text-align: center;
      color: #00284B;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1rem;
      line-height: 22px;
      padding: 0;
      margin-bottom: 0.5rem;
      margin-top:0.5rem;
     
    
    }
    
    section#repairs-terms .card-body p {
      line-height: 22px;
    }
    
    section#repairs-terms .terms-icon  {
        
    }
    
    section#repairs-terms .card-body a{
      color: #319EDA;
      text-decoration: underline;
    }
    
    section#repairs-terms .card-body a:hover{
      color: #00284B;
     
    }
  
  
  section#repairs-terms h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
  
    }
  



/*** SECTION Training Videos ***/

 section#training-videos.page-section {
      padding: 3rem 0 0 0;
    }
    
@media (min-width: 768px) { 
    
    section#training-videos.page-section {
      padding: 6rem 0 0 0;
    }
    
    }
  
  section#training-videos .blue-wrapper.video-title h3 {
      text-transform: uppercase;
      padding: .25rem 0;
      margin-bottom: 1.5rem;
  }



/** SECTION FAQ **/

section#faq.page-section {
  padding: 2rem 0 0 0;
}


section#faq #accordionFAQ {
  margin: 0 auto;
  max-width: 800px;
}


section#faq #accordionFAQ .card-header {
  color: #fff;
  background-color: #00284B;
}

section#faq #accordionFAQ .btn-link {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;

}



.card-header h4,
  .btn-link i {
    display: inline-block;
    font-size: 1.375rem;
    color: #fff;
 
  }
  .btn-link i {
    position: absolute;
    right:0;
    top:0;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .btn-link.collapsed i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }



/*** SECTION PARTNERS ***/

#partners-page.page-section {
    padding: 8rem 0rem 0rem 0rem;
    
  }
  
  @media (min-width: 768px) { 
  
    #partners-page.page-section {
      padding: 12rem 0rem 0rem 0rem;
      
    }
  
  }
  
  #partners-page.page-section .subtext {
   
    
  }
  
  
  #partners-page .container {
    max-width: 1280px;
    
  }
  
  
  
  
  #partners-page img {
    max-width: 100%;
    
  }


 @media (min-width: 768px) { 
 
    #partners-page img {
      max-width: 1220px;
      
    }
 
 }



#partners.page-section {
   padding: 2rem 0rem 0rem 0rem;
   
 }
 
 @media (min-width: 768px) { 
 
   #partners.page-section {
     padding: 4rem 0rem 0rem 0rem;
     
   }
 
 }


section#partners .card {
    
    border: none;
    border-radius: 0;  
   
  
    }
    

    
 
    
  section#partners .card-title {
      padding: .5rem 0; 
      margin-bottom: 0; 
      background-color: #00284B;
    }  
  
  section#partners .card-title.green {
    background-color: #319EDA;
  }  
  
  section#partners .card-title.grey {
    background-color: #9AA9B6  ;
  }    
  
  section#partners .card-title.dis_ss {
    background-image: linear-gradient(9deg, #00284B 50%, #9AA9B6 50%);
  }    
  
  section#partners .card-title.res_ss {
    background-image: linear-gradient(9deg, #319EDA 50%, #9AA9B6 50%);
  }  
  
  

    

    
    section#partners .card-body  {
      line-height: 22px;
   
      background-color: #EDF0F2;
      padding: 30px 15px;
    }
    
    section#partners .card-body a{
      color: #00284B;
      text-decoration: underline;
    }
    
    section#partners .card-body a:hover{
      color: #319EDA;
     
    }
  
  
  section#partners h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    line-height: 30px;
   

  
    }


      #partners-legende p{
      color: #00284B;
      text-transform: uppercase;
      margin-top: 1rem;
      font-size: 0.875rem;
      font-weight: 600;

    }
    
    #partners-legende p.green {
      color: #319EDA;
    }
    
    #partners-legende p.grey {
      color: #9AA9B6;
    }
    
    #partners-legende button,
    #partners-page button {
      background-color: transparent;
      border: 0;
    }

    #partners-page .map{
     
    position: relative;
    }
    
    
    .mobile-legende img{
      width:60px;
    }
    
    .loc-icon-mobile {
      width: 40px;
      height: 40px;
      background-image: url("../img/icon-map-location.svg");
      background-repeat: no-repeat;
      background-position: center center;
      transform: scale(1); 
       transition: all 0.3s ease-in-out;
    }
    
   .loc-icon {
     position: absolute;
     width: 40px;
      height: 40px;
      background-image: url("../img/icon-map-location.svg");
      background-repeat: no-repeat;
      background-position: center center;
      transform: scale(1); 
       transition: all 0.3s ease-in-out;
   
   }
   
   .loc-icon:hover, .loc-icon-mobile:hover{
    transform: scale(1.6); 
    transition: all 0.3s ease-in-out;
     
   }
   
   .loc-icon .caption{
     margin-top: 0px;
     margin-left: 0px;
     color: #fff;
     font-size: 10px;
     font-weight: 600;
   }
   
   .loc-icon-mobile .caption {
     margin-top: -3px;
      margin-left: 0px;
      color: #fff;
      font-size: 10px;
      font-weight: 600;
   }
   
   
  .loc-icon.cana{ top: 118px; left: 160px;}
  .loc-icon.amer{ top: 205px; left: 170px;}
  .loc-icon.kari{ top: 285px; left: 250px;}
  .loc-icon.colo{ top: 365px; left: 220px;}
  .loc-icon.peru{ top: 435px; left: 220px;}
  .loc-icon.braz{ top: 440px; left: 340px;}
  .loc-icon.para{ top: 500px; left: 300px;}
  .loc-icon.chil{ top: 530px; left: 260px;}
  .loc-icon.urug{ top: 540px; left: 322px;}
  .loc-icon.arge{ top: 592px; left: 290px;}
  .loc-icon.grea{ top: 126px; left: 515px;}
  .loc-icon.espa{ top: 200px; left: 515px;}
  .loc-icon.aust{ top: 166px; left: 570px;}
  .loc-icon.germ{ top: 157px; left: 541px;}
  .loc-icon.pola{ top: 145px; left: 600px;}
  .loc-icon.ital{ top: 197px; left: 558px;}
  .loc-icon.geor{ top: 190px; left: 705px;}
  .loc-icon.serb{ top: 195px; left: 605px;}
  .loc-icon.ukra{ top: 160px; left: 665px;}
  .loc-icon.roma{ top: 180px; left: 640px;}
  .loc-icon.turk{ top: 218px; left: 663px;}
  .loc-icon.sout{ top: 520px; left: 625px;}

  .loc-icon.chin{ top: 243px; left: 968px;}
  .loc-icon.kore{ top: 194px; left: 1015px;}
  .loc-icon.phil{ top: 328px; left: 1030px;}
    
    

    

/*** SECTION REFERENCES ***/

 section#references.page-section {
      padding: 1rem 0 0 0;
    }


.timeline img{
  
  overflow: hidden;
  
}


.imgContainer {
    position: relative;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
}



/* *,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

body {
  font: normal 16px/1.5 "Helvetica Neue", sans-serif;
  background: #456990;
  color: #fff;
} */


/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section#jcm_timeline.page-section {
  padding: 1rem 0 0 0;
}

#jcm_timeline.section {

  padding: 50px 0;
}

#jcm_timeline.section .container {
  width: 90%;
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#jcm_timeline.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}

#jcm_timeline.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 250px 0;
  transition: all 1s;
}

#jcm_timeline.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 192px;
  height: 5px;
  background: #00284B;
}

#jcm_timeline.timeline ol li:last-child {
  width: 280px;
}

#jcm_timeline.timeline ol li:not(:first-child) {
  margin-left: 0px;
}

#jcm_timeline.timeline ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 5px;
  height: 120px;
  transform: translateY(-50%);
  border-radius: 0;
  background: #00284B;
}

#jcm_timeline.timeline ol li div {
  position: absolute;
  left: calc(100% + -55px);
  width: 280px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: #00284B;
  background: transparent;
}


#jcm_timeline.timeline ol li p {
text-align: center;
max-width: 180px;
margin-left: -40px;
padding:0;
}

#jcm_timeline.timeline ol li:nth-child(even) div {
  top: -16px;
  transform: translateY(-100%);
}

/* #jcm_timeline.timeline ol li:nth-child(even) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
} */

#jcm_timeline.timeline ol li:nth-child(odd) div {
  top: calc(100% + 45px);
}

#jcm_timeline.timeline ol li:nth-child(odd) img{
  margin-top: -300px;
  margin-left: -40px;
  max-width: 160px;
}

#jcm_timeline.timeline ol li:nth-child(even) img{
  position: absolute;
  top: 265px;
  margin-left: -40px;
  max-width: 160px;
}


/* #jcm_timeline.timeline ol li:nth-child(odd) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent white;
} */

#jcm_timeline.timeline time {
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 0px;
  color: #00284B;
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#jcm_timeline.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  
}

#jcm_timeline.timeline .arrows .arrow__prev {
  margin-right: 20px;
 
}

#jcm_timeline.timeline .disabled {
  opacity: .5;
}



/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
  #jcm_timeline.timeline ol,
  #jcm_timeline.timeline ol li {
    width: auto; 
  }
  
  #jcm_timeline.timeline ol {
    padding: 0;
    transform: none !important;
  }
  
  #jcm_timeline.timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }
  
  #jcm_timeline.timeline ol li:first-child {
    margin-top: 25px;
  }
  
  #jcm_timeline.timeline ol li:not(:first-child) {
    margin-left: auto;
  }
  
  #jcm_timeline.timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }
  
  #jcm_timeline.timeline ol li div {
    position: static;
  }
  
  #jcm_timeline.timeline ol li:nth-child(odd) div {
    transform: none;
  }
  
  /* #jcm_timeline.timeline ol li:nth-child(odd) div::before,
  #jcm_timeline.timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  } */
  
  #jcm_timeline.timeline ol li:last-child,
  #jcm_timeline.timeline ol li:nth-last-child(2) div::before,
  #jcm_timeline.timeline ol li:not(:last-child)::after,
  #jcm_timeline.timeline .arrows {
    display: none;
  }
}





/** SECTION PATENTS **/

.patents-table {
  margin:0 auto;
  max-width: 800px;
  line-height: 16px;
}

.patents-table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #EDF0F2;
}


.patents-table.table thead td {
  background-color: #00284B;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.375rem;
}

.patents-table thead td:nth-child(2){
  background-color: #fff;
}

.patents-table.table td {
  border-top: none;
  font-size: 1rem;
  line-height: 22px;
}


.patents-table td:nth-child(2){
 
  color: #00284B;
  width:20px;
  background-color: #fff;
}

.patents-table td:nth-child(3){
  font-size: 1rem;
  line-height: 22px;
  color: #00284B;
  width:50%
}



/*** SECTION PUBLICATIONS ***/

section#publications.page-section {
  padding: 1rem 0 0 0;
}

section#publications .card {
  
  border: none;
  border-radius: 0;  
  background-color: #EDF0F2;
 

  }
  
section#publications .card-title {
    padding: 1rem 0rem 1rem; 
    background-color: #00284B;

  }  
  
  section#publications h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  
  }

  
section#publications .card-body {
  background-color: #EDF0F2;
    border:0;
    border-radius:0;
    padding: 0 0 1rem 0;
  }

  

  section#publications .card-footer  {
    background-color: #EDF0F2;
      border:0;
      border-radius:0;
      padding: 0 0 1rem 0;
    }



section#publications img.white-paper  {
  max-width: 190px;
}

section#publications img.case-study  {
  max-width: 320px;
  padding-top:2rem;
}



/*** SECTION CAREER ***/

section#career.page-section {
  padding: 1rem 0 0 0;
}

section#career .container {
  max-width: 800px;
}

section#career .card {
  
  border: none;
  border-radius: 0;  
  background-color: #EDF0F2;
 

  }
  
section#career .card-title {
    padding: 1rem 0rem 1rem; 
    background-color: #00284B;

  }  

  
section#career .card-body {
  background-color: #EDF0F2;
    border:0;
    border-radius:0;
    padding: 2rem 0 0rem 0;
  }

 section#career .card-body h5 {
    text-align: center;
    color: #00284B;
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 22px;
    padding-bottom: 1.5rem;

  }
  

  section#career .card-footer  {
    background-color: #EDF0F2;
      border:0;
      border-radius:0;
      padding: 0 0 2rem 0;
    }


/*** SECTION NEWS ***/
    
    #news-page.page-section {
        padding: 8rem 0rem 0rem 0rem;
        
      }
      
      @media (min-width: 768px) { 
      
        #news-page.page-section {
          padding: 12rem 0rem 0rem 0rem;
          
        }
      
      }
      
      #news-page .container {
        max-width: 1280px;
        
      }
      
      #news-page img {
        max-width: 1220px;
        
      }
    
    #news-page .headline-icon {
      margin-bottom: 20px;
      
    }
    
    #news-page .meta-vorschau {
      color:#00284B;
    }
    
    #news-page form{
      margin-top: 0px;
      
    }
    
    @media (min-width: 768px) { 
    
    #news-page form{
      margin-top: 40px;
      
    }
    
    }
    
    
    
  
    
    
    #news .card {

        border: none;
        border-radius: 0;  

        }
        

        
      #news .card-title {
          padding: .5rem 0; 
          margin-bottom: 0; 
          background-color: #00284B;
        }  
      
      #news.card-title.green {
        background-color: #319EDA;
      }  
      
      #news .card-title.grey {
        background-color: #9AA9B6  ;
      }    
    
        
    
        
        #news .card-body  {
          line-height: 22px;
       
          background-color: #EDF0F2;
          padding: 30px 15px;
        }
        
        #news .card-body a{
          color: #00284B;
          text-decoration: underline;
        }
        
        #news .card-body a:hover{
          color: #319EDA;
         
        }
      
      
      #news h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: uppercase;
        line-height: 30px;
      
        }
    
    




/** CONTACT US SECTION**/

#contact_us-page.page-section {
      padding: 8rem 0rem 0rem 0rem;
      
    }
    
  @media (min-width: 768px) { 
  
    #contact_us-page.page-section {
      padding: 12rem 0rem 0rem 0rem;
      
    }
  
  }

  
  #contact_us-page .container {
    max-width: 1280px;
    
    
  }
  
  
  
  #contact-us.page-section {
    padding: 4rem 0rem 1rem 0rem;
    
  }

section#contact-us-form .container {
  max-width: 830px;
  }  
  
label {
  text-transform: uppercase;
  font-weight: 500;
  }  

  

  section#contact-us .card {
    margin: 0 auto;
       max-width: 600px; 
        border: none;
        border-radius: 0;  
       
      
        }
    
    
    section#contact-us #regional .card {

       max-width: 1200px; 


       
      
        }
    
  
  section#contact-us .card-title {
      padding: .5rem 0; 
      margin-bottom: 0; 
      color: #fff;
      text-transform: uppercase;
      background-color: #00284B;
    }  
 
  section#contact-us .card-title.grey {
    color: #00284B;
    background-color: #EDF0F2 ;
  }    
  
      
    
      
      section#contact-us .card-body  {
        line-height: 22px;
     
        background-color: #EDF0F2;
        padding: 30px 15px;
      }
      
      section#contact-us .card-body a{
        color: #00284B;
        text-decoration: underline;
      }
      
      section#contact-us .card-body a:hover{
        color: #319EDA;
       
      }
    
    
      
     #contact-us-form input, 
     #contact-us-form textarea, 
     #contact-us-form select {
       background-color: #EDF0F2;
       border-radius:0;
       border:0;
       
      
     } 
     
     
     #contact-us-form input, 
      #contact-us-form select {
        height: 44px;
        
       
      } 
      
      #contact-us-form input[type=checkbox] {
        height:13px;
      }
      
      
     
     .custom-select {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A0AC81' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
         color:#00284B;
         background-size: 20px;
         background-color: #EDF0F2;
         border:0;
         font-weight: 500;
         
        
         
        /* background-image: url("../img/icon-arrow-down.svg"); */
     }
     
     #contact-us-form .form-group-robot {
       background-color: #EDF0F2;
       padding: 1rem 0;
       margin-top:1rem;
       
       
     }
     
     #contact-us-form .form-group-statement {
      padding: 1rem 0;
       margin-top:1rem;
       margin-top:25px;
      }
      
      #contact-us-form .form-check-input {
        margin-top: -1px;
        margin-left: -25px;
      }
      
      #contact-us-form .mandatory {
        font-size: 0.875rem;
        text-transform: uppercase;
        text-align: right;
        padding-right: 2rem;
        padding-top:1rem;
        font-weight:600;
      }
   
   
   
  #contact-us-form label {
    float: left;
  }
  
.wpcf7-form-control-wrap text-area{
  cols: 100;
}

.wpcf7-list-item {
  height: 0px;
}
  
  .wpcf7-spinner {
    display: none;
    
  }
 #contact-us-form .wpcf7-submit{
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #319EDA;
    border-radius: 4px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
   padding: 0.1rem 0.75rem;
   letter-spacing: 0;
   height: 32px;
  }
  
/*** SECTION CONTACT US TERMS ***/

section#contact-terms.page-section {
        padding: 5rem 0 0 0;
      }
      
      section#contact-terms .card {
        
        border: none;
        border-radius: 0;  
        background-color: #EDF0F2;
       
      
        }
        
      section#contact-terms .card-title {
          padding: 1rem 0rem 1rem; 
          background-color: #00284B;
      
        }  
        
        section#contact-terms h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
        
        }
      
        
      section#contact-terms .card-body {
        background-color: #EDF0F2;
          border:0;
          border-radius:0;
          padding: 2rem 0 2rem 0;
          font-size: 0.9rem
        }
      
        
      
        section#contact-terms .card-footer  {
          background-color: #EDF0F2;
            border:0;
            border-radius:0;
            padding: 0 0 2rem 0;
          }







          section#contact-us.page-section {
            padding: 5rem 0rem 1rem 0rem;
            
          }
  /** boxhover **/  
  
  
  div.box-hover,
  #section-customer .card,
  #category_boxes .card, 
  #blogstart .card,
  #product_archive .card,  
  #products_page .card, 
  #markets .card, 
  #solutions .card {
    transform: scale(1); 
    transition: all 0.3s ease-in-out;
    
    
  }
  div.box-hover:hover,
  #section-customer .card:hover
  #category_boxes .card:hover, 
  #blogstart .card:hover,
  #product_archive .card:hover,
  #products_page .card:hover, 
  #markets .card:hover,
  #solutions .card:hover
 
  {
   transform: scale(1.03); 
   transition: all 0.3s ease-in-out;
   text-transform: none;

 }
 
 
 div.box-hover2

 {
     transform: scale(1); 
     transition: all 0.3s ease-in-out;
     
   }
   div.box-hover2:hover
 
  
   {
    transform: scale(1.23); 
    transition: all 0.3s ease-in-out;
    text-transform: none;
 
  }


 .card a {
   text-decoration:none !important;
 }

/*** SECTION PRODUCTS ***/

        #product_archive.page-section {
          padding: 8rem 0rem 0rem 0rem;
          
        }
        
        @media (min-width: 768px) { 
        
          #product_archive.page-section {
            padding: 12rem 0rem 0rem 0rem;
            
          }
          
        
        }
        
        #product_archive.page-section .subtext {
          max-width: 800px;
          text-align: center;
          margin: 0 auto;
          padding: 1rem 0;
          
        }
        
        #product_archive .container {
          max-width: 1280px;
          
        }
        
         
        #product_archive .card {
          border-radius: 0;
          border:0;
        }
        
        #product_archive .card img{
          border-radius: 0;
          border:0;
          vertical-align: top;
        }
        
      
      #product_archive .card-title{
       background-color: #00284B;
       color: #fff;
       font-size: 1.375rem;
       text-transform: uppercase;
       font-weight: 500;
       padding: 0.5rem 0rem 0.5rem; 
       border-radius: 0;
       border:0;
       margin: 0;
      
      }
      
      
      #product_archive .product-title {
        padding-top: 1rem;
      }
      
  
      
      #product_archive .card-body{
        background-color: #DBE1E6;
        padding:0;
        text-align: center;
        border-radius: 0;
        border:0;
        
      }
      
      #product_archive .card-body h3.product-title a{
        text-transform: none;
        font-size: 1.375rem;
        color: #00284B;
        
        
      }
      
      #product_archive .card-footer {
        
        background-color: #DBE1E6;
        text-transform: none;
        text-align: center;
        border-radius: 0;
        border:0;
        padding-bottom: 1.25rem;
      }
      
    
      
      #product_archive span {
          height: 100%
        }
        
        
        
              
        #product_archive .legacy .card-body h3 a{
   
          text-transform: uppercase;
         
        }  
        
      #product_archive .legacy .card-footer{
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 600;
      }  
      
      #product_archive .legacy .card-footer img{
       max-width: 60px;
       padding-bottom: 5px;
      }  
        
      /* @media (min-width: 768px) { 
      
         section#product_archive span{
          
          height: 250px;
          background: no-repeat ;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: right center;
        
        }
      
      
      } */
      
      #product_archive .span{
        border: 0px;
      }





/*** section PRODUCTS PAGE ***/
        
       #products_page.page-section {
         padding: 8rem 0rem 0rem 0rem;
         
       }
       
       @media (min-width: 768px) { 
       
        #products_page.page-section {
           padding: 12rem 0rem 0rem 0rem;
           
         }
       
       }
       
       #products_page.page-section .subtext {
         max-width: 800px;
         text-align: center;
         margin: 0 auto;
         padding: 1rem 0;
         
       }
       
       #products_page .container {
         max-width: 1280px;
         
       }
       
   
   
   section#products_page .logo-stamp-wrapper:after,
   section#product_archive .logo-stamp-wrapper:after
    {
   
    
     height: 100%;
     
   

    
   
   }
   
   @media (min-width: 768px) { 
        
        section#products_page .logo-stamp-wrapper:after {
        
          content: url(../img/logo-stamp.svg);
          height: 150px;
          width: 100px;
         margin-top: -200px;
         margin-right: 50px;
         float:right;
      
        }
      }
      
      
      @media (min-width: 768px) { 
        
        section#product_archive .logo-stamp-wrapper:after {
        
          content: url(../img/logo-legacy.svg);
          height: 150px;
          width: 100px;
         margin-top: -130px;
         margin-right: 200px;
         float:right;
      
        }
      }
      
      section#products_page p.solution-subtext {
        margin: 0 auto;
        max-width: 800px;
      }
      
      section#products_page .product-drop {
        margin-top: 200px;
      }



section#products_page .card {
        
        border: none;
        border-radius: 0;  
        background-color: #EDF0F2;
        
       
      
  }
  
section#products_page .card-title {
    padding: 0.5rem 0rem 0.5rem; 
    background-color: #00284B;
    

  }  
  
  section#products_page h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 0rem;
  
  }

  
section#products_page .card-body {
  background-color: #EDF0F2;
  background-color: #DBE1E6;
    border:0;
    border-radius:0;
    padding: 0;
    
    
  }

  

  section#products_page .card-footer  {
    background-color: #DBE1E6;
      border:0;
      border-radius:0;
      padding: 1.25rem 0 1.25rem 0;
    }

      
 

section#products_cats.page-section {
  padding: 2rem 0rem 2rem 0rem;
}


section#products_page #wrapper-deluxe.container {
  background-color: #fff;
  max-width: 1220px;
}



#category_boxes .card, 
#category_boxes .card-body, 
#category_boxes .card-footer {
  background-color: #00284B;
}

#category_boxes a:hover {
  color: #fff;
}

#category_boxes .card-title {

 
  text-align: center;
  height: 70px;

}

#category_boxes .card-footer { 
  padding: 1rem 0 1rem 0;
  color: #319EDA;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #00284B;
  border-radius: 0px;
  padding: 1rem 0;
 


}

/* #category_boxes .card-footer a{
  color: #fff;
} */

#category_boxes .card-footer .btn-blue-quickfinder {

 ;
}

/*** SECTION BLOG ***/


section#blog {

  background-color: #E9E9E9;
}


@media (min-width: 768px) { 
    
    section#blog {
      /* background-image: url("../img/bg-blog-01.jpg");
      background-repeat: no-repeat;
      background-position: 0% center;
      background-size: auto; */
      background-color: #fff;
    }

  }


#blog.page-section{
    padding: 7rem 0;
    
  }
  
  @media (min-width: 768px) { 
  
    #blog.page-section{
    padding: 7rem 0;
    /* height: 100vh; */

    
    }
  
  }


section#blog h1.section-heading {
    
  color:#1B375C;
 
  
  }
  
  @media (min-width: 768px) { 
  
    section#blog h1.section-heading {
    
    color:color(srgb 0.086 0.086 0.082 / 0.8);
    
    }
  
  }


section#blog img {
  
  height: 100%;

}


@media (min-width: 768px) { 
  
    section#blog img{
      
      height: 195px;
    
    }

  
  }

/*** SECTION BLOG-SINGLE ***/


section#blog-single {
    
      /* background-color: #fff; */
    }
    
    
    @media (min-width: 768px) { 
      
      section#blog-single {
        /* background-image: url("../img/bg-blog-02.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; */
    
      }

      
    }
    
    
    #blog-single p a {
      font-weight: 600;

      color:#00284B;
    }
    
    #blog-single.page-section{
      padding: 7rem 0;
     
    }
    
    @media (min-width: 768px) { 
    
      #blog-single.page-section{
      padding: 8rem 0 0;

      
      }
    
    }
    
    #blog-single.page-section .container{
     max-width: 830px;
     
     
    }
    
    section#blog-single h1.section-heading {
      
    text-align: left;
    
    
    
    }
    

  section#blog-single p{
      
       text-align: justify;
      }
  
  
  section#blog-single .meta-event-date, 
  section#blog-single .meta-event-venue {
    font-weight: 500;
    font-size: 1.25rem;
  } 
  

section#blog-single .single-thumb {
    max-width: 100%;
  }
  
  
  
  @media (min-width: 768px) { 
  
    section#blog-single .single-thumb {
      max-width: 390px;
    }
  
  
  }
  



.archive-cards img{

    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}


@media (min-width: 768px) { 

    .archive-cards img{
      
    
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      
    }


}


 /* Lightbox for blog images */

  div.floater-l, div.floater-r {
    text-align: center;
    
  }
  #blog-single img.floater-r, #blog-single img.floater-l {
       width: 100%;
       margin-bottom: 1rem;
     }
     
    .figure-caption  {
    margin-bottom: 1rem;
    display: block;
    
    }
 
 @media (min-width: 768px) { 
 
   .figure-caption  {
   margin-bottom: 0rem;
   display: inline;
   
   }
 
 }
    
@media (min-width: 768px) {
   #blog-single .floater-r {
       margin-left: 20px;
       float: right;
       max-width: 40%;
       margin-bottom: 0.25rem;
   }
   
    #blog-single .floater-l {
        margin-right: 20px;
        float: left;
        max-width: 40%;
        margin-bottom: 0.25rem;
        
    }
}

@media (min-width: 768px) {
   #blog-single img.floater-r {
       margin-left: 20px;
       float: right;
       max-width: 40%;
       height: auto;
       margin-bottom: 0.25rem;
   }
   
    #blog-single img.floater-l {
        margin-right: 20px;   
        float: left;
        max-width: 40%;
        height: auto;
        margin-bottom: 0.25rem;
        
    }
}

.iii-container {
    position: relative;
    display: inline-block;  /* Damit der Container die Größe des Bildes annimmt */
    width: 100%;
}

.iii-caption {
    position: absolute;
    bottom: 0;              /* Unten ausgerichtet */
    width: 100%;            /* Breite des Containers */
    height: 20px;           /* Höhe der Bildunterschrift */
    background-color: rgba(0, 40, 75, 0.8); 
    color: white;
    text-align: center;     /* Zentriert den Text */
    line-height: 20px;      /* Vertikal zentriert den Text */
    margin-bottom: 15px;
    font-size: 0.85rem;

}

.iii-container img {
  margin-top: 0px;
  max-width: 100%;
  
}

@media (min-width: 768px) { 

  .iii-container {
     width: 50%;
  }
  
  .iii-container.third {
     width: 33% !important;
  }
  
  .iii-container.left {
    float: left;
    margin-right: 1rem;
    display: block;
  }
  
  .iii-container.right {
    float: right;
    margin-left: 1rem;
    display: block;
  }
  
  .iii-container img {
    margin-top: 0px;
  }


}




/* ================================
   CASE STUDY – EDITOR IMAGES
   ================================ */

/* Basis: alle Bilder responsive */
#blog-single #printout img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ================================
   FLOATS (WordPress Standard)
   ================================ */

#blog-single #printout .alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

#blog-single #printout .alignright {
    float: right;
    margin: 0 0 20px 30px;
}

#blog-single #printout .aligncenter {
    display: block;
    margin: 0 auto 20px;
}

/* Default fallback */
#blog-single #printout .alignleft,
#blog-single #printout .alignright {
    max-width: 45%;
}

/* ================================
   CUSTOM IMAGE SIZES
   ================================ */

/* 50% */
#blog-single #printout .img-half {
    max-width: 50%;
}

/* 33% */
#blog-single #printout .img-third {
    max-width: 33.333%;
}

/* ================================
   CAPTIONS
   ================================ */

#blog-single #printout .wp-caption {
    max-width: 45%;
}

/* Kombination mit Größen */
#blog-single #printout .wp-caption.img-half {
    max-width: 50%;
}

#blog-single #printout .wp-caption.img-third {
    max-width: 33.333%;
}

/* Caption Bild */
#blog-single #printout .wp-caption img {
    width: 100%;
    height: auto;
}

/* Caption Text */
#blog-single #printout .wp-caption-text {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #666;
    margin-top: 6px;
}

/* ================================
   CLEARFIX (wichtig für Textfluss)
   ================================ */

#blog-single #printout::after {
    content: "";
    display: block;
    clear: both;
}

/* ================================
   MOBILE OPTIMIERUNG
   ================================ */

@media (max-width: 767.98px) {

    #blog-single #printout .alignleft,
    #blog-single #printout .alignright,
    #blog-single #printout .img-half,
    #blog-single #printout .img-third,
    #blog-single #printout .wp-caption {
        float: none !important;
        display: block;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

}

/* ================================
   FULL WIDTH IMAGE
   ================================ */

#blog-single #printout .img-full {
    float: none !important;
    display: block;
    max-width: 100% !important;
    width: 100%;
    margin: 30px 0;
}

/* Caption für Full Width */
#blog-single #printout .wp-caption.img-full {
    max-width: 100%;
}

#blog-single #printout .wp-caption.img-full img {
    width: 100%;
}


/* ================================
   CASE STUDY – IMAGE + CAPTION
   ================================ */

/* Basis */
#blog-single #printout img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ================================
   FLOATS
   ================================ */

#blog-single #printout .alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

#blog-single #printout .alignright {
    float: right;
    margin: 0 0 20px 30px;
}

/* ================================
   CAPTION FIX
   ================================ */

/* WP inline width killen */
#blog-single #printout .wp-caption {
    width: auto !important;
}

/* Bild im Caption */
#blog-single #printout .wp-caption img {
    width: 100%;
    height: auto;
}

/* Caption Text */
#blog-single #printout .wp-caption-text {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #666;
    margin-top: 6px;
}

/* ================================
   SIZES (WICHTIG: AUF WRAPPER)
   ================================ */

/* Default */
#blog-single #printout .wp-caption.alignleft,
#blog-single #printout .wp-caption.alignright {
    max-width: 45%;
}

/* 50% */
#blog-single #printout .wp-caption.img-half {
    max-width: 50%;
}

/* 33% */
#blog-single #printout .wp-caption.img-third {
    max-width: 33.333%;
}

/* Full */
#blog-single #printout .wp-caption.img-full {
    max-width: 100%;
    float: none !important;
    margin: 30px 0;
}

/* ================================
   FALLBACK (falls WP Klasse auf IMG setzt)
   ================================ */

#blog-single #printout img.img-half {
    max-width: 50%;
}

#blog-single #printout img.img-third {
    max-width: 33.333%;
}

#blog-single #printout img.img-full {
    max-width: 100%;
    display: block;
    margin: 30px 0;
}

/* ================================
   CLEARFIX
   ================================ */

#blog-single #printout::after {
    content: "";
    display: block;
    clear: both;
}

/* ================================
   MOBILE
   ================================ */

@media (max-width: 767.98px) {

    #blog-single #printout .alignleft,
    #blog-single #printout .alignright,
    #blog-single #printout .wp-caption,
    #blog-single #printout img.img-half,
    #blog-single #printout img.img-third {
        float: none !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

}





/* Lightbox for blog gallery */

.gallery-row {
    font-size: 0;  /* This removes the white space caused by inline-block */
}

.gallery-row p {
  font-size: 90% !important;
  text-align: center !important;
  color: #6c757d;
}

.gallery-row a {
    display: inline-block;
    width: 23%;  /* adjust this value to control how many items per row */
    margin-right: 1%;  /* adjust for spacing */
    vertical-align: top;
    font-size: 16px;  /* reset font size for captions */
    text-align: center;  /* centers the caption and the image */
    max-width: 150px;

}

.gallery-row a:last-child {
    margin-right: 0;  /* removes right margin from the last image in a row */
}

.gallery-row img {
    width: 100%;
    height: auto;
    
}






/* Wiki-Archiv & Taxonomien */
#wiki-archive .list-group-item,
#wiki-category-archive .list-group-item,
#wiki-tag-archive .list-group-item {
  padding: 1rem 1.25rem;
  border: 0;
}

#wiki-archive .list-group-item:nth-child(odd),
#wiki-category-archive .list-group-item:nth-child(odd),
#wiki-tag-archive .list-group-item:nth-child(odd) {
  background-color: #2b2b2b;  /* dunkelgrau */
  color: #eaeaea;
}

#wiki-archive .list-group-item:nth-child(even),
#wiki-category-archive .list-group-item:nth-child(even),
#wiki-tag-archive .list-group-item:nth-child(even) {
  background-color: #1f1f1f;  /* etwas dunkler */
  color: #f3f3f3;
}

#wiki-archive a, #wiki-category-archive a, #wiki-tag-archive a {
  text-decoration: none;
}



/* Spalten & Cards: gleiche Höhe im Row */
.case-study-col {
  display: flex;
}

.case-study-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Body nimmt Platz, Footer bleibt unten */
.case-study-card .card-body {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Bild-Wrapper zentriert das Bild */
.case-study-img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Basis: immer responsive */
.case-study-img {
  height: auto;
  max-width: 100%;
  padding: 0 2rem;
}

/* Querformat: max. Höhe 320px */
.case-study-img.cs-img-landscape {
  max-height: 320px;
}

/* Hochformat: max. Höhe 270px */
.case-study-img.cs-img-portrait {
  max-height: 270px;
}



.video-wrapper iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}

.case-cta-box {
    padding: 30px 20px;
    background: #f5f5f5;
    height: 100%;
}

.case-cta-box h4 {
    margin-bottom: 15px;
}

.case-cta-box p {
    margin-bottom: 20px;
}


.case-cta-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.case-cta-col {
    display: flex;
    justify-content: center;
}

/* 1 CTA */
.case-cta-1 .case-cta-col {
    flex: 0 0 340px;
    max-width: 340px;
}

/* 2 CTAs */
.case-cta-2 .case-cta-col {
    flex: 0 0 320px;
    max-width: 320px;
}

/* 3 CTAs */
.case-cta-3 .case-cta-col {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
}

.case-cta-btn {
    width: 100%;
    padding: 12px 20px;
    text-align: center;
}

/* Tablet */
@media (max-width: 991.98px) {
    .case-cta-3 .case-cta-col {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .case-cta-1 .case-cta-col,
    .case-cta-2 .case-cta-col,
    .case-cta-3 .case-cta-col {
        flex: 0 0 100%;
        max-width: 90%;
    }
}


/*** SECTION PRODUCT-SINGLE ***/


section#product-single {
    
      /* background-color: #fff; */
    }
    
    
    @media (min-width: 768px) { 
      
      section#product-single {
        /* background-image: url("../img/bg-blog-02.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; */
    
      }

      
    }
    
    
    #product-single.page-section{
      padding: 7rem 0;
     
    }
    
    #product-single .printout{
      padding: 1rem 0 2rem;
     
    }
    
    @media (min-width: 768px) { 
    
      #product-single.page-section{
      padding: 8rem 0 0;

      
      }
      
      #product-single .printout{
        padding: 0rem;
       
      }
    
    }
    
    
    
    #product-single.page-section .container{
     max-width: 1220px;
     
     
    }
    
    section#product-single h1.section-heading {
    margin-top: -1rem;
    text-align: center;
    
    
    
    
    }
    

  section#product-single p{
      
       text-align: justify;
      }
  
  
  section#product-single .single-thumb {
    max-width: 100%;
  }
  
  
  
  @media (min-width: 768px) { 
  
    section#product-single .single-thumb {
      max-width: 525px;
    
    }
  
  
  }
  
  section#product-single .product-thumbnail {
    max-with: 100px;
    
  }
  
  
  
section#product-single .card {
              
              border: none;
              border-radius: 0;  
              background-color: #EDF0F2;
              max-width: 600px;
      
        }
        
      section#product-single .card-title {
          padding: 0.5rem 0rem 0.5rem; 
          background-color: #00284B;
      
        }  
        
        section#product-single h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: uppercase;
        margin-bottom: 0rem;
        
        }
      
        
      section#product-single .card-body {
        background-color: #fff;
          border:0;
          border-radius:0;
          padding: 1.25rem 1.25rem;
        }
        
        section#product-single .card-body p{
       margin-bottom: 5px;
       line-height: 22px;
        }
        
      
        
      
      
     
      section#product-single ul {
        margin-left: -20px;
        margin-bottom: 0;
      }
            
            
        section#product-single iframe {
          max-width: 600px;
        }


         section#product-single .product-gallery .card {
          border: none;
          border-radius: 0;  
          margin-top: 1rem;
          background-color: #DBE1E6;
          max-width: 185px;
          margin: 0 auto;
          margin: 0 .4rem;
         
        }
        
          
          section#product-single .product-gallery .card-body {
          background-color: #DBE1E6;
            border:0;
            border-radius:0;
            padding: 0;
           flex: 0 0 auto;
          }
          
      section#product-single .product-gallery .card-footer {
        background-color: #DBE1E6;
        border:0;
        border-radius:0;
        text-align: center;
        font-size: 0.85rem;
        padding: 0.5rem;
        font-weight: 500;
        
        
      }
      
      section#product-single .product-download{
        text-align: center;
        padding-top: 0rem;
      }
      
      section#product-single .product-download h5 {
        text-align: center;
        color: #00284B;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 22px;
        padding: 0;
        margin-bottom: 0.5rem;
        margin-top:0.5rem;
       
      
      }
      
     section#product-single #quote-phone.page-section {
      padding: 4.25rem 0 2rem;
    }

/*** 404 ***/

#viernullvier.page-section{
  padding: 7rem 0;
}

@media (min-width: 768px) { 

  #viernullvier.page-section{
  padding: 10rem 0;
  height: 100vh;

   
  
  }

}


span.search-instance {
    font-weight: bold;
    background: #f0e68c;
    padding: 2px;
    display: inline-block;
    text-transform: capitalize;
}
/*** FOOTER ***/


.footer {
  font-size: 0.875rem;
  background-color: #00284B;
/*   background-color: #2C3034; */
  color: #fff;
  margin-top: 94px;

}

footer .container {

  text-align: center;
}

@media (min-width: 768px) { 

  footer .container {
    max-width: 1280px;
    text-align: left;
  }

}


footer a {
  color:#fff;

}

footer a:hover {
  color:#fff;
  color: #eee;

}

footer .adds a {
  color:#00284B;

}

.footer h5 {
  font-size: 0.875rem;
  margin-bottom: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 25 px;
}

@media (min-width: 768px) { 

  .footer h5 {
    line-height: 10px;
  }

}

.footer p {
  font-size: 0.875rem;
  line-height: 25px;
}


footer .adds {
  background-color: #EDF0F2;
}

.footer .adds h5 {
  color:#00284B;
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 25px;
 
}

@media (min-width: 768px) { 

  .footer .adds h5 {
    line-height: 10px;
    margin-bottom: 0.9rem;
  }

}

.footer .adds p {
  color:#00284B;
  font-size: 0.875rem;
  line-height: 25px;
}


.footer .adds h2 {
  font-weight: 500;
  color: #00284B;
  text-transform: uppercase;
  font-size: 1.8rem;
  padding-bottom: 1rem;
  
}

.footer .adds .socials {
  color:#00284B; 
  font-size: 1.8rem;

  

}




.footer .adds .socials span{
 margin: 1rem;
transition: all 0.3s ease-in-out;
}


@media (min-width: 768px) { 

  .footer .adds .socials span{
    margin: 0 2.5rem 0 0;
  
 
  }

}

.footer .adds .socials i {

transition: all 0.3s ease-in-out;


}

.footer .adds .socials i:hover {

color:#319EDA;
transition: all 0.3s ease-in-out;

}



footer .dropdown-menu {
  font-size: 0.85rem;
  text-transform: none;
}


@media (min-width : 700px ) and (max-width: 1280px) { 
  header.masthead {
  
    height: 100vh;

    }
}



 .background-image{
  border: 0px solid transparent !important;
  padding: 0 !important;
  min-height: 0px;
}





.datepicker {
  color: #000;
  cursor: pointer;
}

.prev, .next {
  color: #fff;
  text-align: center;
  background: #876a1a;
}

.datepicker-title { background: #000; }

.datepicker-switch {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #000;
}

td.day {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

td.day:hover {
  color: #fff;
  background: #876a1a;
}

.ui-widget-header .ui-icon {
    background-image:url(images/ui-icons_222222_256x240.png)
}





/* [data-toggle="lightbox"] {
  position: relative;
  display: inline-block;
}

[data-toggle="lightbox"]:before {
  position: absolute;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="white" stroke="black" stroke-opacity="0.25" stroke-width="0.25" d="M16.32 14.9l5.39 5.4a1 1 0 0 1-1.42 1.4l-5.38-5.38a8 8 0 1 1 1.41-1.41zM10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm1-7h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H7a1 1 0 0 1 0-2h2V7a1 1 0 1 1 2 0v2z"/></svg>');
  height: 32px;
  width: 32px;
  bottom: 0;
  right: 0;
} */


/* 
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
} */


/* .dropdown-menu {
min-width: 200px;
}
.dropdown-menu.columns-2 {
min-width: 400px;
}
.dropdown-menu.columns-3 {
min-width: 600px;
}
.dropdown-menu li a {
padding: 5px 15px;
font-weight: 300;
}
.multi-column-dropdown {
list-style: none;
}
.multi-column-dropdown li a {
display: block;
clear: both;
line-height: 1.428571429;
color: #333;
white-space: normal;
}
.multi-column-dropdown li a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}

@media (max-width: 767px) {
.dropdown-menu.multi-column {
min-width: 240px !important;
overflow-x: hidden;
}
} */




#custCarousel .carousel-indicators {
    position: static;
    margin-top:20px;
    margin-bottom:4rem;
}

#custCarousel .carousel-indicators > li {
  width:75px;
}

 #custCarousel .carousel-indicators li img {
    display: block;
    opacity: .65;
 }

  #custCarousel .carousel-indicators li.active img {
    opacity: 1;
  }

  #custCarousel .carousel-indicators li:hover img {
    opacity: 1;
  }

  .carousel-item img{

    width:100%;
  }
  
  
  
  
  
  
  /* ---- isotope ---- */
  
  

  /* ---- .element-item ---- */
  
  .element-item {
    position: relative;

    /* padding: 0.5rem; */
    /* background: #888; */
    /* color: #262524; */
  }
  
  .element-item > * {
    margin: -10px;
    padding: 0;
  }
  
  

    
  .flags img {
    width: 25px;
    height: 19px;
  }
  
  .flags .dropdown-menu {
    min-width: 8rem;
  }
  
  div.dropdown {
    height: 0;
  }