/*
    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;
}

.grecaptcha-badge { visibility: hidden; }

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

@media (min-width: 768px) { 

  #topbar .jubilee {
    padding-left: 7.5%;
  }

}



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

#landingpage_page h1.section-heading {
  color: #00284B;
  font-weight: 500;
  font-size: 1.175rem;
  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;
  }
  
  #landingpage_page 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;
}

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

.bg-wrapper-grey-news {
  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 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; */
  min-width: 280px;
 
}

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

}

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

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

#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;
 }
 
 #landingpage #claim .leader {
    font-size: 1.125rem; 
  }
  
  #landingpage #claim {
    max-width: 1220px;
    margin-top: 40px;
  }

  #claim .leader {
    font-size: 1.55rem; 
    font-weight: 500;
 }

}

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

#landingpage_page.page-section {
  padding: 1.25rem 0rem 0rem 0rem;
  background-color: #EDF0F2;
}

#landingpage .logo-brand img {
  max-width: 100px;
}

#landingpage_page .card {
  background-color: #EDF0F2;
  border:0;
 
}

#landingpage_page .card img {
  margin-bottom: -10px;
}

#landingpage_page .card:last-child img {
  margin-bottom: 5px;
}


#landingpage_page img.card-icon {
  max-width: 140px;
}

@media (min-width: 768px) { 
  
  #landingpage_page.page-section {
    padding: 2rem 0rem 5rem 0rem;
    background-color: #EDF0F2;
  }
  
  #landingpage .logo-brand img {
    max-width: 172px;
  }
  
  #landingpage_page .card {
   margin-bottom: 15px;
  }
  
  #landingpage_page .card img {
    margin-bottom: 50px;
  }
  
  #landingpage_page .card:last-child img {
    margin-bottom: 50px;
  }
  
  #landingpage_page img.card-icon  {
    max-width: 158px;
  }


}







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

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


/* 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-top:-4px;
  margin-bottom: 2rem;
}

.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 .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;
  }
  
  #about_page.page-section.mvp {
    padding: 6rem 0rem 0rem 0rem;
  }

}

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

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


/** template keyimage_standard **/

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

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


/** template Global Markets **/

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

#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%;
  background: 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 {

}

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;
  color: #319EDA;

}

#blogstart.page-section .meta-date{
  color: #319EDA;

}

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;
}
 
 .market-icon p {
   margin-top: 10px;
   font-size: 0.875rem;
   line-height: 18px;
 }


/*** 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-2.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 .product-up {
  margin-bottom: -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;
  line-height: 16px;
}

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

section#solutions .productscaption.dss {
  padding-top: 35px;
}



/** 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: none;
  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;
}

#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 TESTIMONIALS ***/
    
section#testimonials {
  background-color: #EDF0F2;
}

section#testimonials.white {
  background-color: #fff;
}


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

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

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

}

section#testimonials {

}

section#testimonials .headline-icon {
  margin-bottom: 30px;
}



section#testimonials h3 {
  font-weight: 300;
  font-style: italic;
  font-size: 1rem;
  text-align: center;
  color: #00284b;
  max-width: 800px;
  margin: 0 auto; 
  padding-bottom: 1rem;
}

section#testimonials p {
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
  color: #00284b;
}

@media (min-width: 768px) {
  
  section#testimonials h3 {
    font-size: 26px;
    line-height: 32px;
  }
  
  section#testimonials p {
    line-height: 32px;
  }
  
}
  
  
.custom-prev-icon {
 margin-top: -4rem;
}

.custom-next-icon {
 margin-top: -4rem;
}





/*** 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;
}

section#simple-box h1.section-heading {
  padding-bottom: 25px;
}

.icon-group-csr {
  max-width: 431px;
  max-height: 395px;
}


/*** 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;
}


/** 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 .container {
  max-width: 1340px;
}

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

#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-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; */
 background-color: transparent;
 line-height: 22px;
}

#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 {
  text-decoration: none;
  color: #00284B;
}

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

#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: 390px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  margin-bottom: 0rem;
  margin-top: 1rem;
}

@media (min-width: 768px) { 

  .notifications-searchform {
    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;
}


.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #ccc;
border-color: #EDF0F2;
}

.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #319EDA;
background-color: #fff;
border: 1px solid #dee2e6;
}

.page-link:hover {
z-index: 2;
color: #319EDA;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}

.pagination-wrap {
  padding-top: 2rem;
}

.pagination-wrap .prev,
.pagination-wrap .next {
  padding: .625rem .75rem;
}

/*** 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 !important;
}

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 a {
  text-decoration: underline !important;;
  font-weight: bold;
  color: #00284B; 
}

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 .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-trainings .card {
  padding: 2rem 0.1rem 1rem;
  border: none;
  border-radius: 0;  
  color:#00284B;
  background-color: #fff;
  text-align: center;
  }
  
#section-trainings .card-body {
    padding: 0.;  
    
  }
#section-trainings .card-footer {
  padding:0;
  background-color: #fff;
  border:0;
  padding-bottom: 1rem;
}

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

#section-trainings .meta-vorschau {
   color: #00284B;
  }

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



/** SECTION FAQ **/

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

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

section#faq #accordionFAQ .card {
  border:0;
  border-radius: 0;
}

section#faq #accordionFAQ .card-header {
  color: #fff;
  background-color: #00284B;
  margin-bottom: 0.5rem ;
  padding: 0rem 0.25rem 0rem;
}

section#faq #accordionFAQ .card-body {
  padding: .75rem 1rem 1rem ;
}

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

section#faq #accordionFAQ a{
  font-weight: bold;
  text-decoration: underline !important;
  color: #00284B;
    
}

section#faq .card-header h4,
section#faq .btn-link i {
  display: inline-block;
  font-size: 1.375rem;
  color: #fff;
}

section#faq .btn-link i {
  position: absolute;
  right:0;
  top:0;
  margin-top: 8px;
  margin-right: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

section#faq .btn-link.collapsed i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

section#faq #accordionFAQ .faq-button {
  padding-top: 1rem;
}

section#faq #accordionFAQ .faq-button a{
  text-decoration: none !important;
  color: #319EDA;
  text-transform: uppercase;
  font-size: 0.85rem;
}

section#faq #accordionFAQ .faq-button img  {
  margin-bottom: 2rem;
}

/*** 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 .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%;
}


/* .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: 320px;
  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: #fff;
}
  

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

}  

section#career .card-body {
  background-color: #fff;
  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: #fff;
  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;
}





.news-einspaltig .custom-card {
  max-width: 1220px;
  margin: 20px auto; /* zentriert die Karte horizontal */

}

.news-einspaltig .custom-card img {
  max-width: 390px;
  width: 100%;
  height: auto;

}

@media (min-width: 768px) { 

.news-einspaltig .custom-card img {
  max-width: 390px;
  width: 100%;
  height: auto;
  padding-right: 20px;
}


}

.news-einspaltig .btn-bottom-left {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .news-einspaltig .btn-bottom-left {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 20px; /* Abstand zum Text */
    text-align: left;  /* Stellt sicher, dass der Button linksbündig ist */
  }
}

.news-einspaltig .meta-date {
  color: #319EDA;
  
}

.news-einspaltig p.meta-date {
  margin-bottom: 0 !important;
}

/** 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 !important;
}

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


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


/*** Showcase ***/

#product_archive.showcase-archive h3.product-title {
    margin-bottom: 0;
}
#product_archive.showcase-archive h3.product-title a {
   /* text-transform: uppercase; */
}

#product_archive.showcase-archive p.showcase-location {
    margin-bottom: 0.5rem;
}

#globalmarkets-page.showcase-page .card-body {
   background-color: #fff;
}

#globalmarkets-page.showcase-page h3{
   color: #fff;
}

#globalmarkets-page.showcase-page .product-title {
  padding: 0;
}




/*** SECTION BLOG ***/

section#blog {
  background-color: #E9E9E9;
}

@media (min-width: 768px) { 

  section#blog {
    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 ***/

@media (min-width: 768px) { 

  section#blog-single {
  
  }
  
}

#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: 935px;
}

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%;
    margin-bottom: 0.25rem;
  }
  
  #blog-single img.floater-l {
    margin-right: 20px;   
    float: left;
    max-width: 40%;
    margin-bottom: 0.25rem;
  }
  
}

/* 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;
}


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


}


/*** 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: 7rem 0 0;
  }

  #product-single .printout{
    padding: 0rem;
  }

}

#product-single.page-section .container{
  max-width: 1220px;
}


 .icon-dss {
  margin-bottom: -198px;
  padding-bottom: 30px;
}

.icon-dss img{
  max-width: 99px;
}


@media (min-width: 768px) { 

  .icon-dss {
    margin-bottom: -198px;
    padding-bottom: 30px;
  }
  
  .icon-dss img{
    max-width: 198px;
  }

}



section#product-single h1.section-heading {
  margin-top: 0rem;
  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: left;
  padding-top: 0rem;
  max-width: 250px;
  
}

section#product-single .product-download h5 {
  text-align: left;
  color: #00284B;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 22px;
  padding: 0;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
}

section#product-single .terms-icon {
  margin-left: 2rem;
  text-align: left !important;
}

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_landingpage.footer {
  margin-top: 15px;
}


#footer_landingpage .adds {
  background-color: #fff;
}

#footer_landingpage .adds h5 {
  line-height: 20px;
}

#footer_landingpage {
  margin-bottom: 1rem;
}

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

#footer_landingpage .adds .socials span{
  margin: 1rem;
  transition: all 0.3s ease-in-out;
  text-align: center;
}

@media (min-width: 768px) { 

  #footer_landingpage .adds .socials span{
    margin: 0 1rem 0 1rem;
  }
  
  #footer_landingpage .adds .socials{
    max-width: 300px;
  }
  
  #footer_landingpage .footer-links h5{
    text-align: right !important;
  }
  
  footer#footer_landingpage .container {
    max-width: 1280px;
    
  }
  
  #footer_landingpage .footer-copyright p{
    white-space: nowrap;
    display: inline-block;
  }

}

 #footer_landingpage .social-icons {
   text-align: center;
 }

#footer_landingpage .col-sm-4 {
  padding: 0;
}


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: #319EDA;
}

.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: #319EDA;
}

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

#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%;
}



/*** Custom Slider für Digital Signage Page ***/

/* Stil für den Slider */
#custom-slider-installation {
  position: relative;
  margin-bottom: 3rem;
}

#custom-slider-installation .carousel-inner {
  position: relative;
  max-width: 1220px;
}

#custom-slider-installation .carousel-item {
  position: relative;
}

/* Overlay-Stil */
#custom-slider-installation .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.57);
  display: flex;
  justify-content: center;
  align-items: center;
  
}

#custom-slider-installation .overlay-text {
  color: white;
  font-size: 22px;
}




.background-slider-wrapper #backgroundSlider_dss_product {
  margin-top: 4rem;
  margin-bottom: 4rem;
}



#backgroundSlider_dss_product {
  position: relative;
 
}

#backgroundSlider_dss_product .carousel-inner {
  position: relative;
  max-width: 1220px;
}

#backgroundSlider_dss_product .carousel-item {
  position: relative;
}

/* Overlay-Stil */
#backgroundSlider_dss_product .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.57);
  display: flex;
  justify-content: center;
  align-items: center;
  
}

#backgroundSlider_dss_product .overlay-text {
  color: white;
  font-size: 22px;
}


#backgroundSlider_dss_product {
    width: 100%;
    height: 200px;
    margin: 0 auto; /* Zentriert das Karussell */
}

@media (min-width: 768px) { 
  
  #backgroundSlider_dss_product {
      width: 1220px;
      height: 400px;
      margin: 0 auto; /* Zentriert das Karussell */
  }

}

#backgroundSlider_dss_product .carousel-inner {
    width: 100%;
    height: 100%;
}

#backgroundSlider_dss_product .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Dies sorgt dafür, dass die Bilder die Größe des Karussells ausfüllen, ohne verzerrt zu werden. */
}


#backgroundSlider_dss_product .overlay-text {
  color: white;
  font-size: 0.85rem;
}

@media (min-width: 768px) { 
  
  #backgroundSlider_dss_product .overlay-text {
    font-size: 22px;
  }
  

}


#backgroundSlider_dss_product .carousel-control-prev,
#backgroundSlider_dss_product .carousel-control-next  {
  margin-top: 4rem;
}



/* ---- 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;
}

/* 
.modal-backdrop.show, 
.modal-content {
    background-color: rgba(0, 40, 75, 0.9);
} */