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

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

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

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

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




/*
  Author: Klickpark GmbH & Co. KG
  Website: http://www.klickpark.de/
  Version: 2
  Datum: 13.09.2015
*/

/*
============================================================================================
BASE - General settings
============================================================================================
*/

html,
body {
  width: 100%;
  height: 100%;
}

body {
  overflow-x:hidden;
}

/* === SELECTION === */
::-moz-selection {background: #e1e9f1; color: #000;}
::selection {background: #e1e9f1; color: #000;}

/*
============================================================================================
BOOTSTRAP OVERWRITE
============================================================================================
*/


/*
============================================================================================
TYPO
============================================================================================
*/

/* === HEADLINES === */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
}

h1,.h1 {
  font-size: 36px;
  color: #074883;
}

h2,.h2 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 400;
}

h3,.h3 {
  margin-top: 36px;
  font-size: 26px;
  color: #074883;
}

h4,.h4 {
  font-size: 22px;
}

h5,.h5 {
  font-size: 16px;
}

h6,.h6 {
  font-size: 14px;
}

h1+h2,div.h1+div.h2,h3+h4,div.h3+div.h4,.hsl {margin-top: -5px;}

.c-white {
  color: #fff;
}

.c-blue {
  color: #004480;
}

.c-lightBlue {
  color: #189ac4;
}

.c-black {
  color: #000;
}

.c-base {
  color: #47535e;
}

b, strong {
  font-weight: 500
}

.fo-100 {
  font-weight: 100
}

.fo-300 {
  font-weight: 300
}

.fo-400 {
  font-weight: 400
}

.fo-500 {
  font-weight: 500
}

.fo-700 {
  font-weight: 700
}

.b-creme {
  background-color: #ececea;
}

.b-light-blue{
  background-color: #e1e9f1;
}

.b-light-blue2 {
  background-color: #ccdae5;
}

.b-white {
  background-color: #fff
}

/*
============================================================================================
CONCRETE5 CUSTOMIZATION
============================================================================================
*/
div.ccm-block-switch-language-flags {
    display: inline-block;
}

div.ccm-block-switch-language-flags-label {
    float: left;
    margin-right: 8px;
}

.breadcrumb a {
  font-size: 14px;
  color: #999999 !important;
}

.breadcrumb .active a {
  color: #074883 !important;
}

/*
============================================================================================
BOOTSTRAP OVERRIDE
============================================================================================
*/
.breadcrumb a {
  color: #333
}

.breadcrumb .active a {
  color: #074883
}

/*
============================================================================================
LAYOUT
============================================================================================
*/

/* NEEDED FOR FOOTER BOTTOM */
#page-wrap {
  min-height: 100%;
  margin-bottom: -250px;
}

#page-wrap:after {
  content: "";
  display: block;
}

body > footer, #page-wrap:after {
  min-height: 250px !important;
}

.page-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

.page-template-product-groups {

}

.page-template-product {

}

/*
============================================================================================
HEADER
============================================================================================
*/

#page-wrap > header .navbar {
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 0;
  /*margin-top: 35px;
  -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
  box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
  */
}

#page-wrap > header.solid {
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */
}

#headMenu {
  background-color: rgba(255,255,255,0.2);
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-top: 35px;
  height: 30px;
}

#page-wrap > header.solid #headMenu {
  display: none;
}

#langSelection {
  padding-top: 5px;
  padding-right: 12px;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

#langSelection > div > div {
  padding-top: 2px;
}

#headMenu .btn-transparent {
  padding-top: 7px;
  padding-bottom: 0;
  color: #fff;
  font-size: 12px;
}

#headMenu .btn-transparent:hover, #headMenu .btn-transparent:focus {
  color: #fff;
}


/* PRIMARY NAV */

.navbar {
  min-height: auto;
  margin-bottom: 0;
}

.navbar-collapse {
  position: relative;
  padding-top: 30px !important;
  max-height: 270px !important;
}

.navbar-collapse form[role="search"] {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 0;
}

.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
  padding: 8px 12px;
  border-radius: 0px;
  border-width: 0px;
  /*
  color: rgb(119, 119, 119);
  background-color: rgb(248, 248, 248);
  border-color: rgb(231, 231, 231);
  */
  box-shadow: none;
  outline: none;
}

.navbar-collapse form[role="search"] button {
  color: #005d86;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.navbar-collapse form[role="search"] input {
  padding: 16px 12px;
  font-size: 14pt;
  font-style: italic;

  box-shadow: none;
}
.navbar-collapse form[role="search"] button[type="reset"] {
  display: none;
}

@media (min-width: 768px) {

  .navbar-form .input-group {
      float: right;
  }

  .navbar-collapse {
    padding-top: 0px !important;
    padding-right: 38px !important;
  }
  .navbar-collapse form[role="search"] {
    width: 38px;
  }
  .navbar-collapse form[role="search"] button,
  .navbar-collapse form[role="search"] input {
    padding: 16px 12px 17px 12px;
  }
  .navbar-collapse form[role="search"] input {
    padding: 25px 12px;
    font-size: 18pt;
    opacity: 0;
    display: none;
  }
  .navbar-collapse form[role="search"].active {
    width: 100%;
  }
  .navbar-collapse form[role="search"].active button,
  .navbar-collapse form[role="search"].active input {
    display: table-cell;
    opacity: 1;
  }
    .navbar-collapse form[role="search"].active input {
    width: 100%;
    border: 1px solid #074881;
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 16px;
    color: #333;
    height: 40px;
    margin-top: 7px;
  }
}
/*#mainMenu .dropdown-menu{
  display: block;
}*/
#mainMenu .dropdown-menu{
      transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    opacity: 0;
}
#mainMenu .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
 }

 .navbar-brand {
   position: relative;
   z-index: 999;
 }

/* Responsive Darstellung */
.navbar-toggle,
.navbar-toggle .icon-bar {
  border: 1px solid #004480;
}

#mainMenu>li>a {
  color: #004480;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}

#mainMenu.nav .open>a, #mainMenu.nav .open>a:hover, #mainMenu.nav .open>a:focus,
#mainMenu>li:hover>a,
#mainMenu.nav>li>a:hover, #mainMenu.nav>li>a:focus {
  background-color: transparent;
  color: #e22c30;
  border-bottom: 3px solid #e22c30;
}

#mainMenu .dropdown-menu, #mainMenu .dropdown-menu.fullwidth-dropdown {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* Li Mega Menu Full Width*/
.nav>li.mega-dropdown {
  position: static;
}

.dropdown-menu.fullwidth-dropdown {
    clear: both;
    width: 100%;
    float: none;
    padding: 0 0 0 15px;
    margin: 2px 0 0;
}

.dropdown-menu.fullwidth-dropdown .inline {
  padding: 15px 12px;
  min-height: 150px;
}

.dropdown-menu.fullwidth-dropdown .col-menu {
  padding: 10px;
  border-right: 1px solid #eeeeec;
  /*border-bottom: 2px solid #074883;*/
}

.dropdown-menu.fullwidth-dropdown .col-menu:first-child {

}

.dropdown-menu.fullwidth-dropdown .col-menu:last-child {
  border-right: 0;
  border-bottom: 0;
}

.dropdown-menu.fullwidth-dropdown header {
  text-align: right;
  border-bottom: 1px solid #eeeeec;
}

.dropdown-menu.fullwidth-dropdown .col-menu nav {

}

.dropdown-menu.fullwidth-dropdown nav>a {
  display: block;
  padding: 0 10px;
  margin: 12px 0;
  text-transform: uppercase;
  font-weight: 500;
}

.nav a:hover {
  text-decoration: none;
}

.dropdown-menu.fullwidth-dropdown .col-menu nav ul,
.dropdown-menu.fullwidth-dropdown .col-menu nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu.fullwidth-dropdown .col-menu nav ul li a {
  position: relative;
  padding: 5px 10px;
  display: block;
  color: #9c9e9f;
}

.dropdown-menu.fullwidth-dropdown .col-menu nav ul li:hover a {
  background-color: #eeeeec;
  color: #004481;
}

.dropdown-menu.fullwidth-dropdown .col-menu nav ul li a i {
  position: absolute;
  right: 10px;
  top: 7px;
}

.dropdown-menu.fullwidth-dropdown .col-image {
  padding: 5px 10px;
}

.dropdown-menu.fullwidth-dropdown .col-image a {
  display: block;
}

.dropdown-menu.fullwidth-dropdown .col-image a .hl {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

/* // PRIMARY NAV */

/*
============================================================================================
PRODUCT PAGE
============================================================================================
*/

.teaser-wrapper {
  min-height: 140px;
}

#group-view h1,
#group-view h3 {
  margin-top: 0;
}

/*
============================================================================================
FOOTER
============================================================================================
*/

body > footer {
  background-color: #074881;
  color: #fff;
  font-size: 14px;
  float: left;
  width: 100%;
}

body > footer a {
  color: #fff;
}

body > footer .footerRequest {
  padding: 30px 0 13px;
  background-color: #f5f5f4;
}

body > footer .footerTop {
  padding-top: 20px;
  padding-bottom: 15px;
}

body > footer .footerBottom {
  background-color: #6590BB;
}

body > footer .footerBottom {
  font-size: 15px;
}

body > footer .hl {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

body > footer .hl:after {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 1px;
  content: "";
  background: #e22c30;
}

body > footer .sl {
  padding-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  font-weight: 500;
}

body > footer .copyright {
    color: #fff;
    font-size: 15px;
    padding-top: 14px;
}

body > footer .footerBottom a {
    color: #074881;
}

body > footer .footerBottom .nav>li>a:hover, .nav>li>a:focus {
    background-color: #fff;
}

body > footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body > footer ul li {
  margin: 0;
  padding: 0;
}

body > footer ul li:hover a {
  color: #ff0000;
  text-decoration: none;
}

ul.ul--with-dividers > li {
  list-style: none;
}
ul.ul--with-dividers > li:not(:last-child),
ul.ul--with-dividers > li:not(:first-child) > ul > li:not(:last-child) {
  border-bottom: 1px solid black;
  padding-bottom: 5px;
  margin-bottom: 5px;
}


/*******5/5/2016*******/
.search_field{padding: 15px !important;height: 52px; }
.btn-lineheight{line-height: 20px;}


.cntr-img{display: inline-block;}
table.article-data{padding-bottom: 3em;margin-bottom: 0;}

.navbar-header a{padding: 14px 15px; display:inline-block;z-index: 1; position: relative;}
.navbar-header a img {
  display: inline-block;
}
.bg-image{position: relative;}
.bg-image:after{ content: '';background: rgba(34, 34, 34, 0.52);display: block;width: 100%;height: 100%;position: absolute; left: 0;top: 0;}
.bg-image h1, .bg-image h2, .bg-image h3, .bg-image p{position: relative;z-index: 123;color:#ffffff;}
 #mainMenu .dropdown-menu{top: auto;}
 p img{width: 100%;height: inherit;}
 #sbs_plp_searchBox_BLOCK_1313, .sbs_plp_submit{display: inline-block;}
 .sbs_plp_searchFilterClear, .ccm-block-page-list-no-pages{margin-top: 20px;}
 .form_sec .sbs_plp_submit{color: #fff;vertical-align: top; background-color: #074883;border-color: #063b6b;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;border-radius: 3px;-webkit-user-select: none;}
 .form_sec .sbs_plp_submit:hover{color: #fff;background-color: #042d53;border-color: #031b31;}
 .form_sec .sbs_plp_query{display: block; width: 100%;height: 36px;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;}
 .page-section{padding-bottom: 30px;}
 .page-section h3 p, .page-section p{font-size: 20px;line-height: 30px;}
.formify-checkboxes label.formify-checkbox-label{position: relative;padding-left: 30px;}
.formify-checkboxes label.formify-checkbox-label span{position: absolute;left: 0; top: 5px;}
.partners_sec{float: left;width: 100%;}
.partners_sec:last-child{margin-bottom: 20px;}
.partners_info{width: 100%; float: left; margin:0;border-bottom: 1px solid #ddd;}
.partners_info h3{font-size: 24px; margin:10px 0; padding: 0 15px;font-weight: bold;}
.partners_info .partners_company_info{width: 100%; float: left;margin-bottom: 10px;font-size: 16px;}
.partners_info .partners_company_info .col-xs-12{margin-bottom: 10px;}
.partners_info .partners_company_info p{margin:0;font-size: 16px;}
.partners_info .partners_company_info strong{font-weight: 600;}
.partners_info .partners_company_info a{color:#074883; text-decoration: none; font-size: 16px;}

.open_sub_m, .close_sub_m {
  display: none;
    position: absolute;
    background: url('../images/plus_icon.png') no-repeat center;
    right: 10px;
    height: 25px;
    width: 30px;
    cursor: pointer;
    z-index: 5689;
    top: 10px;
    border: 1px solid #333;
}
.close_sub_m {
    background:url('../images/minus_icon.png') no-repeat center;
}
.ccm-search-block-form{margin-bottom: 20px;}

.ccm-search-block-form .ccm-search-block-text{
  outline: none;
  font-family: sans-serif;
  font-size: 1em;
  padding: 0.55em;
  border: solid 1px #ccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border 300ms, box-shadow 200ms;
  display: inline-block;
  vertical-align: middle;
}
.ccm-search-block-form .ccm-search-block-submit{
    outline: none;
    font-size: 1.2em;
    padding: 0.4em 1.8em;
    border: none;
    border-radius: 3px;
    background-color: #074881;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}

/*404 Page Style*/
.error_page_section{
    width: 100%;
    padding: 40px 0;
}
.error_section{
    width: 100%;
    float: left;
    text-align: center;
}
.error_section h1{
    color:#4d4d4d;
    font-size: 34px;
    margin: 30px 0px;
}
.error_section .info_sec{
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.error_section .info_sec h2{
    color: #4d4d4d;
    font-size: 200px;
    margin-bottom: 20px;
    font-weight: 300;
}
.error_section .info_sec .btn_group{
    width: 250px;
    margin: 0px auto;
}
.error_section .info_sec .btn_group .btn{
    background: #074881;
    color: #fff;
    font: 600 18px 'Roboto',Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding: 11px 0px;
    cursor: pointer;
    display: block;
    outline: none;
    border-radius: 0;
    position: relative;
}
.error_section .info_sec .btn_group .btn:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 23px solid #074881;
    position: absolute;
    left: -24px;
    top: -1px;
}
.error_section .info_sec .btn_group .btn:hover{
    background: #006093;
}
.error_section .info_sec .btn_group .btn:hover:before{
    border-right-color: #006093;
}
#searchResults{width: 100%; float: left; margin: 20px 0;}
#searchResults .searchResult{padding: 10px; margin: 0 0 15px 0; background: rgba(238, 238, 238, 0.39);border-bottom: 1px solid #ccc;}
#searchResults .searchResult h3{margin: 5px 0 10px 0;}
#searchResults .searchResult h3 a{display: block;}
#searchResults .searchResult:hover {box-shadow: 0px 1px 1px #aaa inset;}

.headr_bg_banner{width: 100%; float: left;}
.headr_bg_banner img{width: 100%;}

.teaser-cover .content{
  color: #444;
  background-color: rgba(255,255,255,.6);
  padding: 10px 20px;
}
/********Market page Section************/
.primary_bg,
.white_bg,
.gray_bg{width: 100%; padding-bottom:80px; padding-top:30px; background: #074784; float: left; margin-bottom: 5px; color: #999999;}
.white_bg{background: #ffffff;}
.gray_bg{background: #eeeeec;}
.blue_bg{background: #084885;}

.white_bg_breadcrumb{background: #ffffff; width: 100%;float: left;}
.gray_bg_breadcrumb{background: #eeeeec;width: 100%;float: left;}
.blue_bg_breadcrumb{background: #084885;width: 100%;float: left;}



.blue_bg_breadcrumb .breadcrumb,
.gray_bg_breadcrumb .breadcrumb,
.white_bg_breadcrumb .breadcrumb{margin: 0;}
.blue_bg_breadcrumb .breadcrumb > li + li::before,
.gray_bg_breadcrumb .breadcrumb > li + li::before,
.white_bg_breadcrumb .breadcrumb > li + li::before {content: "\f105";font-family: 'FontAwesome'; color: #999999;}
.blue_bg_breadcrumb .breadcrumb .active a,
.gray_bg_breadcrumb .breadcrumb .active a,
.white_bg_breadcrumb .breadcrumb .active a{color: #999999 !important;}


/********Market page 1st************/
.market_info{width: 100%; float: left;}
.market_info h1{margin: 0 0 30px 0;font-size: 30px;color: #f1f1f3;line-height: 40px;}
.market_info h2{margin: 0 0 30px 0;font-size: 24px;color: #f1f1f3;line-height: 34px;font-weight: 300;}
.market_info p{margin:0 0 20px 0;}
h2.border_b_light{position: relative;padding-bottom: 20px;}
h2.border_b_light:after{content:""; width: 100%;position: absolute;bottom: 0;border:1px solid #f1f1f3; left: 0;}
h2.border_b_light:before{content:""; width: 45px;position: absolute;bottom: 0;border:1px solid #e12d30; left: 0;z-index: 1}
.white_bg h1{margin:0 0 20px 0;font-size: 30px;line-height: 40px;}
figure img{width: 100%; height: inherit;}
.market_bg_image{width: 100%; float: left;background: url('../images/cml-webpage-bg.jpg'); background-size: cover;position: relative; min-height: 550px;overflow: hidden;}
.market_bg_image .overlay{content:''; background: rgba(32, 27, 27, 0.27) ;position: absolute;width: 100%; height:287px; top:0; left: 0;}
.market_bg_image .overlay .imp_info_sec{width: 100%; position: absolute; bottom: 0; left: 0; margin-bottom: 15px;}
.market_bg_image .overlay .imp_info{max-width: 800px; width: 90%;height: auto;margin: auto; text-align: center;}
.market_bg_image .overlay h4{margin: 0;font-size: 26px;color: #f1f1f3;line-height: 35px;}


/*********Market Page 2nd********/
.market_info_2{width: 100%; float: left; color: #999999;}
.market_info_2 h1{margin: 0 0 30px 0;font-size: 30px;color: #074883;line-height: 40px;}
.market_info_2 h2{margin: 0 0 30px 0;font-size: 24px;line-height: 34px;font-weight: 300;}
.market_info_2 p{margin:0 0 20px 0;}
h2.border_b_white{position: relative;padding-bottom: 20px;}
h2.border_b_white:after{content:""; width: 100%;position: absolute;bottom: 0;border:1px solid #ffffff; left: 0;}
h2.border_b_white:before{content:""; width: 45px;position: absolute;bottom: 0;border:1px solid #e12d30; left: 0;z-index: 1}
.ptb25{padding: 30px 0 20px 0;}
.white_bg h1{margin:0 0 20px 0;font-size: 30px;line-height: 40px;}
.product_sec{width: 100%; float: left; margin-bottom: 15px;height: 250px;overflow: hidden;}
.product_sec a{display: block; text-decoration: none; color: #074883;}
.product_sec a:focus{outline: none;;}
.product_sec .pro_img{display: block;border-bottom: 1px solid #d8d8d8; padding: 5px;}
.product_sec .pro_img img{width: 100%; height:120px; }
.product_sec .pro_info_sec{padding: 10px 0; display: block;font-size: 17px; }
.product_sec .pro_info_sec .pro_title{text-align: center; display: block;}
.product_sec .pro_info_sec .pro_des{display: block;padding: 5px 0;font-size: 15px;line-height: 20px;}
.image_info_sec{width: 100%;float: left; position: relative;margin-bottom: 45px;padding-bottom: 80px;}
.image_info_sec_left{position: absolute;top: 0; left: 0; height: 100%;width: 100%;}
.image_info_sec_left figure{width: 50%;height: 100%;}
.image_info_sec_left img{width: 100%; height:100%;}
.image_info_sec_left:after{content: "";position: absolute; width: 50%; height: 100%; right: 0; top: 0; background: #084885;}
.image_info_sec_right{width: 100%;background: #084885; padding: 40px 0px 0px 40px; float: left; color: #9b9fa2;}
.image_info_sec_right h3{ color: #fff; margin:0 0 20px 0;font-size: 26px;line-height: 35px; }
.image_info_sec_right p{margin-bottom: 25px;}
.image_info_sec_right .listttle{color:#fff; font-weight: 600; }
.list_item{padding: 0; margin: 0; list-style-type: none;}
.list_item li{position: relative; padding-left: 20px;margin-bottom: 15px;}
.list_item li:before{content:""; position: absolute;left: 0;top: 0; border-bottom: 2px solid #e12d30;width: 12px;margin-top: 10px;  }

/*********Market Page 3rd********/
.caption_info{width: 100%; float: left; border-left: 2px solid #f1f1f1; padding: 15px; margin-top:20px; }
.caption_info p{color: #074883;}

/*********Market Page 4th********/
.text_blue{color: #074883;}
.image_info_section{width: 100%;float: left; position: relative;margin-bottom: 45px;padding-bottom: 80px;}
.image_info_section_left{position: absolute;top: 0; left: 0; height: 100%;width: 100%;}
.image_info_section_left figure{width: 50%;height: 100%;}
.image_info_section_left img{width: 100%; height:100%;}
.image_info_section_left:after{content: "";position: absolute; width: 50%; height: 100%; right: 0; top: 0; background: #eeeeec;}
.image_info_section_right{width: 100%;background: #eeeeec; padding: 40px 0px 0px 40px; float: left; color: #9b9fa2;}
.image_info_section_right h3{ color: #074883; margin:0 0 20px 0;font-size: 26px;line-height: 35px; }
.image_info_section_right p{margin-bottom: 25px;}
.image_info_section_right .listttle{color:#074883; font-weight: 600; }









  /*****Responsive*****/
/*@media screen and (min-width: 1200px) {
  .primary_bg .container,
  .white_bg .container,
  .gray_bg .container,
  .image_info_sec .container,
  .image_info_section .container{width: 1170px;}
}*/
@media screen and (max-width: 1560px) {
  #data-table .container-fluid .col-xs-12 {width: 100%; overflow-x:auto;}
}
@media screen and (max-width: 1024px) {
#data-table .container-fluid .col-xs-12 table.article-data td, #data-table .container-fluid .col-xs-12 table.article-data th{padding: 0.5em;font-size: 14px;}
.market_bg_image{min-height: 350px;}
.market_bg_image .overlay{height: 60%;}

.teaser-cover .content{width: 80%;}
.sticky-table-container .container-fluid{padding-left: 40px; padding-right: 40px;}
}

@media screen and (max-width: 991px) {
  #crossExpandMenu .box,
  #newsTeaser .box{width: 50%; margin-bottom: 10px;padding: 2px;}
  .group-overview .box a{min-height: 125px;}

  .navbar-header a{padding: 14px 10px;}
  .navbar-header img{width: 190px;height: auto;}
  .nav > li > a{padding: 8px;}
  #mainMenu > li > a{font-size: 14px;}
  .btn-lineheight{line-height: 15px;font-size: 12px;}
  .search_field {padding: 10px !important;height: 45px;}
  .bg-image h1, .bg-image h2, .bg-image h3, .bg-image p{font-size: 24px;}
  h1{font-size: 30px;}
  h2{font-size: 26px;}
  h3{font-size: 20px;line-height: 25px;}

  #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo,
  #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo{font-size: 1em;}
  .Produkt__Titel h1{font-size: 26px !important;}
  .Produkt__Titel h2{font-size: 20px !important;}

/****Start Slider ***/
  .tp-parallax-wrap {left: 0 !important;width: 100% !important;top:35% !important; margin: auto;float: none;position: relative !important;padding: 10px 20px;background: rgba(85, 85, 85, 0.18);text-align: center;}
  .tp-loop-wrap{position: relative !important; color: #fff;}
  .tp-mask-wrap{width: 100% !important;position: relative !important;}
  .tp-mask-wrap img{display: none !important;}
  .tp-caption{font-size: 16px !important;}
/****End Start Slider ***/
.market_bg_image .overlay h4{font-size: 20px;line-height: 24px;}
.image_info_sec,
.image_info_section{padding:20px;}
.image_info_sec_left figure, .image_info_section_left figure{width: 100%}
.image_info_sec_left:after,
.image_info_section_left:after{display: none;}
.image_info_sec_right,
.image_info_section_right{padding: 15px;}
 .market_bg_image {min-height: inherit;padding: 40px 0;}
  .market_bg_image .overlay{position: relative; height: 100%;}
  .market_bg_image .overlay .imp_info_sec{position: relative;padding: 20px 0; margin: 0;}


}
@media (min-width: 768px){
.navbar-right {margin: 0;}
}
@media screen and (max-width: 767px) {
  .navbar-form .input-group{border: 1px solid #eee;}
  .btn-lineheight{background: #eee;}
  .search_field {height: 35px;padding: 5px !important;}
  #crossExpandMenu .box a.hl{font-size: 12px;}
  .navbar-collapse{border: 1px solid #999999;}
  .dropdown-menu.fullwidth-dropdown{top: auto !important;}
  .dropdown-menu.fullwidth-dropdown{padding: 0;}
  .dropdown-menu.fullwidth-dropdown nav>a{padding: 0;}
  .dropdown-menu.fullwidth-dropdown .col-menu, .dropdown-menu.fullwidth-dropdown .col-image{border: none;padding: 0;}
  .dropdown-menu.fullwidth-dropdown .col-image a img{width: 100%;}
  .dropdown-menu.fullwidth-dropdown header{display: none;}
  .tbl .col-tbl{width: 100%;display: table !important;}
  #mainMenu .dropdown-menu{width: 100%; position: relative; margin-bottom: 15px;}
  #group-view h1, #group-view h3{font-size: 26px;}
  .teaser-cover .hl, .teaser-cover .sl{font-size: 30px;}
  .teaser-cover .claim{float: left;width: 100%;text-align: center;padding: 0 10px;}
 .teaser-cover .claim .line{width: 100%; text-align: center;}
  .col-xs-12 p img{width: 100%;height: inherit;}
  #timeline::before{left: 8%;margin-left: 0;}
  #timeline .timeline-badge{left: 10%; font-size: 1em;}
  #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo,
  #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo{text-align: left;display: block;}
  #timeline .timeline-movement .timeline-item .timeline-panel{margin-left: 100px;}
  .sticky-table-container .container-fluid{padding-left: 30px; padding-right: 30px;}
  .Produkt__Titel h1 {font-size: 22px !important;line-height: 34px !important;}
  .Produkt__Titel h2 {font-size: 18px !important;margin: 0;}

  #mainMenu .dropdown:hover .dropdown-menu{display: none;}
  .nav > li.dropdown{position: relative;}
  #mainMenu .dropdown-menu{opacity: 1;}
  #mainMenu > li > a.dropdown-toggle{position: relative;z-index: 451;}
  .open_sub_m, .close_sub_m{display: inline-block;}
  #mainMenu.nav .open>a, #mainMenu.nav .open>a:hover, #mainMenu.nav .open>a:focus, #mainMenu>li:hover>a, #mainMenu.nav>li>a:hover, #mainMenu.nav>li>a:focus{border-bottom: 3px solid #FDFDFD;}
  .error_section h1{font-size: 26px;line-height: 30px;margin: 5px 0;}
  .error_section .info_sec h2{font-size: 150px; margin: 5px 0;}


/****Start Slider ***/
  .tp-parallax-wrap {top:40% !important;}
  .tp-caption{font-size: 12px !important;}
/****End Start Slider ***/
.image_info_sec, .image_info_section{padding: 15px 0;}
}
@media screen and (max-width: 640px) {
  .product_left_nav{width: 35%;}
  .product_right_info{width: 65%;}
  .teaser-cover .hl, .teaser-cover .sl, .teaser-cover .claim{font-size: 24px;}
  #timeline::before{left: 7%;}
  #timeline .timeline-movement .timeline-item .timeline-panel{margin-left: 80px;}
  #product-teaser .Produkt__Titel {margin-top: 135px;}

}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.navbar-collapse {max-height: 200px !important;}
}

@media screen and (max-width: 479px) {
  #crossExpandMenu .box,  #newsTeaser .box{width: 100%;}
  .product_left_nav{width: 100%;}
  .product_right_info{width: 100%;}

  #timeline .timeline-badge{left: 12%;}
  .ccm-search-block-form .ccm-search-block-text{width: 100%;}
.ccm-search-block-form .ccm-search-block-submit{display: inline-block;margin-top: 10px; width: 50%;}
.error_section h1{font-size: 20px;}
.error_section .info_sec h2{font-size: 100px; margin-bottom: 15px;}
/****Start Slider ***/
.tp-parallax-wrap {top:35% !important;}
  a.ho-ul {display: block!important;margin-top: 8px !important;}
/****End Start Slider ***/
}


/**
 * Various modifications.
 */

.image_info_section_left figure {
  position: relative;
  overflow: hidden;
}
.image_info_section_left img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  /*-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);*/
}
.primary_bg ~ .white_bg {
  padding-bottom: 10px;
}
.primary_bg ~ .white_bg .img-responsive {
  margin-bottom: 20px;
}

/**
 * Slider with white BG
 */

.page-template-home #slider .tp-caption {
  background-color: rgba(255,255,255,.9);
  padding: 20px;
}

.terms_title{
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding: 0;
  color: #074883;
}
.terms_section{
  padding: 0 15px;
}
.terms_section .spaceLR{
  padding: 0 50px;
}
.terms_section h2{
  font-size: 20px;
  display: block;
  margin: 5px 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
}
.terms_section li,
.terms_section p{
  margin: 0;
  padding: 0;
  text-align: justify;
  font-size: 16px;
}
.terms_section ol{
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.terms_section ol li:last-child,
.terms_section p{
  margin-bottom: 30px;
}
.col-tbl.col-menu img {
  max-height: 70px;
}

.tp-bullets {
  display: none!important;
}


/* NEW HOME PAGE WITH NEWS SECTION ON RIGHT */

.split-view {
  background: #fff;
  background: linear-gradient(90deg, #fff 0%, #fff 66.66%, #f0f0f0 66.66%, #f0f0f0 100%);
}

.split-view .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-items: stretch;
}

.split-view .container:before,
.split-view .container:after {
  display: none;
}

.main-section {
  width: 65.666%;
  order: 1;
}

.main-section .home_category {
  padding-left: 0;
}

.sidebar-section {
  order: 2;
  width: 32.333%;
  background: #f0f0f0;
  padding-left: 40px;
}

.page-template-home #crossExpandMenu .box {
  width: 49%;
}

@media (max-width: 991px) {
  .split-view {
    background: #fff;
  }

  .split-view .container {
    flex-wrap: wrap;
  }

  .main-section,
  .sidebar-section {
    order: 1;
    width: 100%;
    padding-left: 0;
  }

  .sidebar-section .page-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-section .home_category {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .sidebar-section {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.nn__more {
  display: flex;
  align-items: center;
}

.nn__more svg {
  margin-left: 6px;
}

.nn__list {
  margin-top: 40px;
}

.nn__box {
  background: #fff;
  width: 100%;
  padding: 30px 30px 50px 30px;
  margin-bottom: 40px;
  position: relative;
}

.nn__image img {
  aspect-ratio: 16/9;
  max-height: 120px;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.nn__date {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #6590BB;
}

.nn__hr {
  height: 2px;
  width: 100%;
  background: #074883;
  margin: 5px 0 15px;
}

.nn__title {
  color: #074883;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 15px;
  display: block;
}

.nn__desc {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 1.2;
}

.nn__link {
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-align: right;
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #074883;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nn__link svg {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .nn__box {
    padding: 15px 15px 45px 15px;
    margin-bottom: 20px;
  }

  .nn__link {
    bottom: 15px;
    right: 15px;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .nn__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .nn__box {
    width: 49%;
  }
}

.page-template-news-archive .nn__list  {
  display: flex;
  flex-wrap: wrap;
}

.page-template-news-archive .nn__box {
  width: 31.333%;
  margin-bottom: 2%;
  margin-right: 2%;
}

.page-template-news-archive .nn__box:nth-child(1),
.page-template-news-archive .nn__box:nth-child(2) {
  width: 48%;
}

@media (max-width: 1199px) {
  .page-template-news-archive .nn__box:nth-child(1),
  .page-template-news-archive .nn__box:nth-child(2),
  .page-template-news-archive .nn__box {
    width: 48%;
  }
}

@media (max-width: 767px) {
  .page-template-news-archive .nn__box:nth-child(1),
  .page-template-news-archive .nn__box:nth-child(2),
  .page-template-news-archive .nn__box {
    width: 100%;
    margin-right: 0%;
  }
}

.page-template-news-single .navbar-fixed-top {
  position: relative;
  top: auto;
  right: auto;
}

.page-template-news-single .np__bg {
  padding-top: 40px;
  background: #fff;
  background: linear-gradient(90deg, #B1C7DD 0%, #B1C7DD 58.333%, #fff 58.333%, #fff 100%);
}

.page-template-news-single .np__bg--noimg {
  background: #B1C7DD;
}

.page-template-news-single .np__bg .row {
  display: flex;
  align-items: stretch;
}

.page-template-news-single .np__bg .np__left {
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}

.page-template-news-single .np__bg .np__left > div {
  width: 100%;
}

.page-template-news-single .np__bg h1,
.page-template-news-single .np__bg h2 {
  font-size: 38px;
  font-weight: bold;
}

.page-template-news-single .np__hr {
  height: 2px;
  background: #074883;
  width: 100%;
}

.page-template-news-single .np__date {
  margin-top: 15px;
  color: #6590BB;
  font-size: 15px;
}

.page-template-news-single .np__image {
  padding: 0 40px 40px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-news-single .np__image img {
  object-fit: contain;
  max-height: 300px;
  max-width: 100%;
  width: auto;
  height: auto;
}

.np__pad {
  height: 50px;
}

.page-template-news-single .np__intro {
  color: #074883;
}

@media (max-width: 991px) {
  .page-template-news-single .np__bg {
    background: #B1C7DD;
    padding-top: 20px;
  }

  .page-template-news-single .np__bg .row {
    flex-wrap: wrap;
  }

  .page-template-news-single .np__bg .np__left {
    padding-bottom: 20px;
  }

  .page-template-news-single .np__bg h1,
  .page-template-news-single .np__bg h2 {
    font-size: 22px;
  }

  .page-template-news-single .np__image {
    padding: 0 20px 20px 20px;
  }

  .np__pad {
    height: 20px;
  }
}

.button {
  display: inline-flex;
  outline: none;
  font-size: 1em;
  padding: .85em 1em;
  border: none;
  border-radius: 6px;
  background-color: #074881;
  color: #fff!important;
  align-items: center;
}

.button svg {
  margin-left: 12px;
  flex-shrink: 0;
}

.page-template-news-single .col-xs-12 > *:first-child {
  margin-top: 0;
}

.page-template-news-single .col-xs-12 > *:last-child,
.page-template-news-single .col-xs-12 > p:last-of-type {
  margin-bottom: 0;
}

.page-template-news-single h5 {
  color: #074883;
}

.page-template-news-single .container .row table {
  width: 100%;
}

.page-template-news-single {
  overflow: visible;
}

.page-template-news-single .page-content {
  overflow: auto;
}

.page-template-news-single .container .row table th,
.page-template-news-single .container .row table td {
  padding: 12px 18px;
}

.page-template-news-single .container .row table th {
  background: #6590BB;
  color: #fff;
  font-weight: bold;
}

.page-template-news-single .container .row table td {
  background: #F0F0F0;
  color: #000;
}

.page-template-news-single .container .row table td:first-child {
  background: #074883;
  color: #fff;
  font-weight: bold;
}

html {
  font-size: 16px!important;
}


.ccm-block-type-form {
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .ccm-block-type-form .fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ccm-block-type-form .fields > * {
    width: 49%;
  }

  .ccm-block-type-form .fields > .field-select,
  .ccm-block-type-form .fields > .field-textarea,
  .ccm-block-type-form .fields > *:last-child {
    width: 100%;
  }

  .ccm-block-type-form .fields > *:last-child .checkboxList label {
    font-weight: 400;
  }
}