:root {

  --contentBoxedWidth: 1500px;
  --contentBoxedMediumWidth: 800px;
  --contentBoxedSmallWidth: 650px;
  --headerPaddings: 40px;
  --articlePaddingLeftRight: 8%;
  --contentPaddingLeftRight: 40px;

}

html,
body {
  font-family: Montserrat, sans-serif;

}

.header .mainmenu ul li a, .header .mainmenu ul li ul a.active, .header .ce_search_label i, .header .mod_langswitcher .mod_langswitcher_inside, .header .header_metanavi a, .header .mod_socials a {
  font-family: Montserrat, sans-serif;
}

.header {
  background-color: #fff;
}

.mod_quickmenu.style3 li a {
  background-color: rgb(59, 60, 66);

  color: #fff;
}

.mod_quickmenu.style3 li:nth-of-type(3) a {

  background-color: #b51f2a;
  color: #fff;
}

.mod_quickmenu .fa-user::before,
.mod_quickmenu .fa-phone::before,
.mod_quickmenu .fa-envelope-o::before {
  content: "";
}


.mod_quickmenu.style3 li:nth-of-type(3) a {

  background-image: url(/files/cto_layout/img/quick-kunde.svg) !important;
  background-size: 20px;
  background-color: #b51f2a;
  background-repeat: no-repeat;
  background-position: 16px center;
}

.mod_quickmenu.style3 li:nth-of-type(1) a {

  background-image: url(/files/cto_layout/img/quick-mail.svg) !important;
  background-size: 20px;
  background-color: rgb(59, 60, 66);
  background-repeat: no-repeat;
  background-position: 16px center;
}


.mod_quickmenu.style3 li:nth-of-type(2) a {

  background-image: url(/files/cto_layout/img/quick-fon.svg) !important;
  background-size: 20px;
  background-color: rgb(59, 60, 66);
  background-repeat: no-repeat;
  background-position: 16px center;
}


.jobs .textbox a {


  padding: 10px 15px;

  font-size: .85rem;
  color: #fff !important;
  border: 2px #fff solid !important;
  border-radius: 10px;
  font-weight: 700;
  opacity: 1;
  margin-bottom: 15px;
  transition: all 0.2s ease-out 0s;
  transition-property: all;
  transition-duration: 0.2s;
}


.jobs .textbox a:hover {

  background-color: rgb(59, 60, 66);
}

.jobs .textbox p+p {
  margin: 30px 0;
}

.jobs .graue_links .textbox a {
  background-color: rgb(59, 60, 66);

}


.jobs .graue_links .textbox a:hover {
  background-color: #b51f2a;

}

.mod_navigation .kundenportal span {
  display: none;
}

.mod_navigation a.kundenportal::before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f2be";
  color: #b51f2a;
  background: transparent;
  font-size: 18px;
  margin-right: 8px;
}

.smartmenu-table a.kundenportal::before {
  font-size: 35px;
  margin-right: 12px;
}

.mainmenu a.kundenportal:hover {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f2be";
  color: #ddd;
  background: transparent;
}

.mainmenu ul li a.kundenportal:hover::before {
  background-color: transparent;
  color: #757373;
}

.fullw_grid_left .contentwrap,
.fullw_grid_right .contentwrap {
  max-width: 100%;
}

.fullw_grid_left .ce_bgimage-inside {
  padding-left: 0;
  max-width: 100%;
}

.fullw_grid_right .ce_bgimage-inside {
  padding-right: 0;
  max-width: 100%;
}


@media only screen and (max-width:768px) {

  :root {
    --contentPaddingLeftRight: 20px;
  }

  .autogrid_row>.column {
    padding-left: 0;
    padding-right: 0;
  }

  .fullw_grid_left .ce_bgimage-inside .ce_image_extended {
    margin-left: -20px !important;
    margin-right: -40px !important;
  }

  .fullw_grid_right .ce_bgimage-inside .ce_image_extended {
    margin-right: -20px !important;
    margin-left: -40px !important;
  }
}

.top-link {
  background-color: #fff;
}

#top_link {
  box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);
  font-size: 20px;
}

.ti-angle-up::before {
  color: #333;
}


#footer, #footer a {
color: #a09f9f;
}

#bottom .inside, #bottom .inside a {
  color: #959595;
}


/* =============================================================================
 * mod_quickmenu
 * ========================================================================== */

.mod_quickmenu.style3 li a:hover {
  border-color: #fff
}


.mod_quickmenu li a {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}