html {
  font: normal 300 62.5% / 1 "Open Sans", sans-serif;
  -webkit-font-smoothing:antialiased;
}

body {
  font: normal 300 1.6rem / 1.375 "Open Sans", sans-serif;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

h1 {
  font: normal 300 10rem / 1 "FuturalTPro", sans-serif;
  letter-spacing: 0.4rem;
}

h2 {
  font: normal 300 4rem / 1 "FuturalTPro", sans-serif;
  letter-spacing: 0.4rem;
}

h3 {
  font: normal 300 3rem / 1 "FuturalTPro", sans-serif;
  letter-spacing: 0.4rem;
}

h4 {
  font: normal 300 2rem / 1 "FuturalTPro", sans-serif;
  letter-spacing: 0.4rem;
}

a {
  font-weight: 400;
}

.body > p {
  margin: 0;
}

strong {
  font-weight: 600;
}

hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border-color: #ccc;
}

input:focus,
textarea:focus {
  outline: none;
  border: 1px solid rgba(0,0,0,0.5) !important;
}

.smaller {
  font: normal 300 1.4rem / 1.4285 "Open Sans", sans-serif;
}

.additional-ls {
  letter-spacing: 0.1em;
}

.bold {
  font-weight: 700;
}

.white {
  color: #fff;
}

.less-dark {
  color: #666;
}

.dark {
  color: #333;
}

.darker {
  color: #222;
}

.red,
.red:focus {
  color: #bb0000;
}

.red:hover {
  color: #bb0000;
}

.bg-black {
  background-color: #000;
}

.bg-darker {
  background-color: #222;
}

.bg-dark {
  background-color: #333;
}

.bg-dark2 {
  background-color: #444;
}

.bg-dark3 {
  background-color: #555;
}

.bg-dark4 {
  background-color: #888;
}

.bg-lighter {
  background-color: #f4f4f4;
}

.bg-light {
  background-color: #eaebec;
}

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

.bg-red {
    background-color: #bb0000;
}

.bigger-text {
  font-size: 1.8rem;
}

.text-centered {
  text-align: center;
}

.vert-aligned-wrapper {
  height: 100%;
  white-space: nowrap;
}

.vert-aligned-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vert-aligned {
  display: inline-block;
  vertical-align: middle;
}

.abs-container {
  height: 100%;
  position: absolute;
  top: 0;
}

.left {
  left: 20px;
}

.right {
  right: 20px;
}

.cta-button {
  color: #fff;
  display: inline-block;
  font: normal 300 2rem / 50px "FuturalTPro", sans-serif;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  width: 270px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb0000+0,992222+100 */
  background: #bb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #bb0000 0%, #992222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #bb0000 0%,#992222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #bb0000 0%,#992222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0000', endColorstr='#992222',GradientType=0 ); /* IE6-9 */
}

.cta-button:hover {
  color: #fff;
  text-decoration: none;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#992222+0,bb0000+100 */
  background: #992222; /* Old browsers */
  background: -moz-linear-gradient(top,  #992222 0%, #bb0000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #992222 0%,#bb0000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #992222 0%,#bb0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992222', endColorstr='#bb0000',GradientType=0 ); /* IE6-9 */
}

.cta-button:active {
  -webkit-box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.5);
  box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.5);
}

.cta-button:focus {
  color: #fff;
  text-decoration: none;
}

.cta-button:after {
  content: url("../img/arrow.png");
  padding-left: 15px;
}

.content-limit {
  max-width: 1440px;
  margin: 0 auto;
}

.no-bl {
  white-space: nowrap;
}

.bl {
  display: block;
}

.float-left {
  float: left;
}

.float-clear {
  clear: both;
}


.navbar-collapse,
.navigation,
.footer-row,
.footer-navigation,
.copyright {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px;
}

.logo {
  margin-left: 20px;
}

.logo img {
  max-width: 120px;
}

.upper-navigation {
  clear: both;
  height: 30px;
  width: 100%;
  position: fixed;
  z-index: 999999;
}

.upper-navigation > div {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.upper-navigation > div ul {
  float: right;
  border: none !important;
}

.upper-navigation > div ul a {
  background: transparent !important;
  color: #ffffff !important;/*#bb7755 !important;*/
  font: normal 300 1.4rem / 1 "Open Sans", sans-serif !important;
  padding: 8px 0 !important;
}

.upper-navigation > div ul a:before {
  content: "|";
  font-weight: 300;
}

.upper-navigation > div ul li:first-child a:before {
  content: "";
}

.upper-navigation .lang_sel_sel {
  font-weight: 700 !important;
}

.wpml-ls-legacy-list-horizontal {
  background: none;
  border: none;
}

.navigation {
  clear: both;
  height: 160px;
  padding: 0;
  width: 100%;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

button {
  background: none;
  border: none;
  height: 25px;
  padding: 0;
  width: 35px;
}

button:focus {
  outline: none;
}

/* ----- animated Navbar-Toggle-Button ----- */
/* ----------------------------------------- */
.navbar-toggle {
  float: none;
  left: 100%;
  margin: 0 0 0 -155px;
  padding: 0;
  top: 5px;
}

.navbar-toggle .icon-bar,
.navbar-toggle .icon-bar:before,
.navbar-toggle .icon-bar:after {
  background: #fff;
  border-radius: 1px;
  content: '';
  cursor: pointer;
  display: block;
  height: 5px;
  position: absolute;
  width: 35px;
}
.navbar-toggle .icon-bar:before {
  top: -10px;
}
.navbar-toggle .icon-bar:after {
  bottom: -10px;
}

.navbar-toggle .icon-bar,
.navbar-toggle .icon-bar:before,
.navbar-toggle .icon-bar:after {
  transition: all 0.35s ease-in-out;
}
.navbar-toggle.active .icon-bar {
  background-color: transparent;
}

.navbar-toggle.active .icon-bar:before {
  transform: translate(0, 10px) rotate(45deg);
}
.navbar-toggle.active .icon-bar:after {
  transform: translate(0, -10px) rotate(-45deg);
}

/* Navigation */
/*------------*/
.navbar-right {
  margin-right: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: inherit;
}

.nav li:last-child a {
  padding-right: 0;
}

.nav-scroll li:first-child a {
  padding-left: 0;
}

.navbar-nav li > a {
  font-weight: 300;
}

.upper-navigation li a {
  color: #bb7755;
  font-size: 1.3rem;
  padding: 10px;
}

.navbar-header {
  padding: 20px 0;
}

.navigation .nav {
  margin-top: 30px;
}

.navigation li a {
  color: #bbb;
  font-size: 1.8rem;
  padding: 10px 20px;
}

.navigation li a:hover {
  text-decoration: underline;
}

.navigation .current-menu-item > a,
.navigation .current-menu-parent > a,
.category-presse .navigation .menu-news-current a,
.category-archiv .navigation .menu-news-current a,
.category-press .navigation .menu-news-current a,
.category-archive .navigation .menu-news-current a,
.single-referenzen .nav-unternehmen a {
  color: #fff;
  font-weight: 700;
}

.sub-menu {
  display: none;
  margin-top: 0;
  padding-left: 0;
  position: absolute;
}

.menu-item:hover .sub-menu {
  display: block;
}

.sub-menu li a {
  font-size: 1.6rem;
  line-height: 25px;
  padding: 0 20px;
}

header {
  height: 140px;
}

.nav-container {
  position: fixed;
  height: 160px;
  top: 30px;
  width: 100%;
  z-index: 99999;
}

.admin-bar .nav-container {
    top: 62px;
}

@media screen and ( max-width: 782px) {
    .admin-bar .nav-container {
        top: 76px;
    }
}


.nav-scroll .nav-container {
  height: 80px;
  width: 100%;
}

.nav-scroll .navigation {
  height: 80px;
}

.nav-scroll .navbar-header {
  padding: 10px 0;
}

.nav-scroll .logo img {
  max-width: 60px;
}

.nav-scroll .navigation .nav {
  margin-top: 10px;
}

.nav-scroll .sub-menu {
  margin-top: -5px;
  white-space: nowrap;
  left: 13%;
}

.nav-scroll .produkte .sub-menu {
  left: -100%;
}

.nav-scroll .sub-menu li {
  display: inline-block;
}


/* Content */
/*------------*/
.body {
  max-width: 1440px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}

.box .vc_column-inner > .wpb_wrapper {
  background-color: #fff;
  padding: 30px;
}

.box-image {
  margin: -30px -30px 0;
}

.box-headline {
  margin: 30px 0 40px;
}

div.wpcf7 {
  color: #222;
  margin-top: 50px;
}

.wpcf7 p {
  margin-bottom: 20px;
}

.wpcf7 input,
.wpcf7 textarea {
  background-color: rgba(255,255,255,0.7);
  border: 1px solid transparent;
  line-height: 38px;
  padding: 0 0 0 10px;
  resize: none;
  width: 100%;
  box-sizing: border-box;
}

.wpcf7 .left-cf p > span:first-child {
  display: inline-block;
  width: 26.666666666666666%;
  font-size: 1.4rem;
}

.wpcf7 .left-cf p .wpcf7-form-control-wrap {
  display: inline-block;
  width: 73.333333333333333%;
}

.wpcf7 .left-cf p span.plz, .wpcf7 .left-cf p span[data-name="plz"] {
  display: inline-block;
  width: 16.666666666666666%;
}

.wpcf7 .left-cf p span.ort, .wpcf7 .left-cf p span[data-name="ort"] {
  display: inline-block;
  float: right;
  width: 51.333333333333333%;
}

.wpcf7 .contact-checkbox {
  background-color: rgba(255,255,255,0.7);
  line-height: 40px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.wpcf7 label {
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 25px;
  position: absolute;
}

.wpcf7 .contact-checkbox input {
  width: auto;
}

.wpcf7 span.wpcf7-list-item {
  margin-left: 10px;
}

.wpcf7 textarea {
  line-height: 1;
  margin-top: 60px;
  max-height: 160px;
  padding: 10px;
}

.wpcf7 .duty {
  font-size: 1.2rem;
}
.wpcf7 .wpcf7-submit { 
  max-width: 45.833333333333333%;
  margin-top: 70px;
}
.page-kontakt .wpcf7 .wpcf7-submit, .page-contact .wpcf7 .wpcf7-submit {
  float: right;
 
}

.wpcf7 .wpcf7-submit:after {
  content: url("../img/arrow.png");
  padding-left: 15px;
}

span.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-not-valid {
  outline: 2px solid #bb0000 !important;
}

.wpcf7-submit {
  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,444444+100 */
  background: #555555; /* Old browsers */
  background: -moz-linear-gradient(top,  #555555 0%, #444444 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #555555 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #555555 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}

.wpcf7-submit:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,555555+100 */
  background: #444444; /* Old browsers */
  background: -moz-linear-gradient(top,  #444444 0%, #555555 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #444444 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #444444 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}

.wpcf7-submit:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top,  #333333 0%, #222222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

/* WPCF7 img fix */
div.wpcf7 img.ajax-loader {
  float: right;
  margin: 12px;
  max-width: 16px;
}

/* ------------- */

.contact-text p {
  font-size: 1.4rem;
}

div.systempartner:last-child,
div.distributoren:last-child {
  padding-bottom: 100px !important;
}

.ms-inner-controls-cont {
  max-width: 100% !important;
}

.ms-thumb-list {
  bottom: 45px !important;
  height: 100px !important;
  z-index: 10;
}

.ms-thumb-frame {
  height: 92px !important;
  margin: 0 20px !important;
  width: 200px !important;
  border: 4px solid #444;
  box-sizing: border-box;
}

.ms-thumb-frame-selected {
  border-color: #fff;
}

.head-slide-title {
  text-shadow: 0 0 10px #231f20;
  text-align: center;
}

.head-slide-title h2 {
  font: normal 700 3.6rem / 1.33 "Open Sans", sans-serif !important;
}

.head-slide-title h2 span {
  font: normal 700 1.8rem / 1 "Open Sans", sans-serif !important;
  letter-spacing: 0;
  display: block;
  margin-top: 40px;
}

.head-slide-text {
  font: normal 400 1.8rem / 1 "Open Sans", sans-serif !important;
}

/* <History> */
#myCarousel h4 {
  margin-bottom: 30px;
}

.carousel-control {
  opacity: 1;
  height: 50px;
  width: 160px;
  bottom: 0;
  top: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.carousel-control.right {
  background: #555 url('../img/history-arrow.png') center center  no-repeat;
  left: 50%;
  margin-left: -180px;
}

.carousel-control.left {
  background: #555 url('../img/history-arrow-mirrored.png') center center  no-repeat;
  left: 0;
}

.carousel-control.right:hover,
.carousel-control.left:hover {
  background-color: #333;
  opacity: 1;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* </History> */

.init-tabs {
  display: none;
}

.tabs ul.horizontal {
  list-style: none outside none;
  margin: 0;
}

.tabs li {
  display: inline-block;
}

.manufaktur {
  position: relative;
}

.manufaktur .next,
.manufaktur .prev {
  display: inline-block;
  height: 50px;
  position: absolute;
  top: 35%;
  width: 40px;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.manufaktur .prev {
  background: #222 url('../img/manufaktur_arrow.png') center center  no-repeat;
  left: -20px;
}

.manufaktur .next {
  background: #222 url('../img/manufaktur_arrow_mirrored.png') center center  no-repeat;
  right: -20px;
}

.manufaktur .next:hover,
.manufaktur .prev:hover {
  background-color: #444;
}

.manufaktur .tab-list {
  display: block !important;
  height: 70px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,444444+100 */
  background: #555555; /* Old browsers */
  background: -moz-linear-gradient(top,  #555555 0%, #444444 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #555555 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #555555 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}



.manufaktur .tab-list li {
  color: #ccc;
  width: 33.33%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.manufaktur .tab-list li:last-child {
  width: 33.34%;
}

.manufaktur .tab-list li:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,555555+100 */
  background: #444444; /* Old browsers */
  background: -moz-linear-gradient(top,  #444444 0%, #555555 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #444444 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #444444 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}

.manufaktur .tab-list li.active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top,  #333333 0%, #222222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

.manufaktur .tab-list li span {
  width: 100%;
  font: normal 300 2rem / 70px "FuturalTPro", sans-serif;
}

.manufaktur h2 span {
  display: block;
}

.manufaktur .row {
  padding: 60px 50px;
}

.manufaktur p:last-child {
  margin: 0;
}

.wp-tiles-byline-align-bottom .wp-tiles-tile-with-image .wp-tiles-byline {
  display: none;
}

.wp-tiles-outer-container {
  background-color: #fff !important;
  z-index: 10;
  position: relative;
}

#TB_window {
  padding-right: 30px;
}

.faded-style {
  cursor: default;
  opacity: 0.1 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.abgekuendigt {
  display: block;
  margin-top: -32px;
  margin-bottom: 10px;
}

.product-line-description .abgekuendigt {
  margin: 0;
}

.product-head-overlay {
  margin-top: -250px;
}

/*
.product-head-overlay img {
  max-width: 75% !important;
}
*/

.news .tabs .horizontal {
  text-align: center;
  margin-bottom: 60px;
}

.download-table .tabs .horizontal {
  text-align: center;
  margin-bottom: 20px;
}

.news .tabs .horizontal a,
.download-table .tabs .horizontal a,
aside .cta-button {
  color: #fff;
  display: inline-block;
  font: normal 300 2rem / 50px "FuturalTPro", sans-serif;
  max-width: 100%;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
  width: 270px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,888888+100 */
  background: #aaaaaa; /* Old browsers */
  background: -moz-linear-gradient(top,  #aaaaaa 0%, #888888 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #aaaaaa 0%,#888888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

.download-table .tabs .horizontal a {
  margin-bottom: 40px;
}

.news .tabs .horizontal a:hover,
.download-table .tabs .horizontal a:hover,
aside .cta-button:hover {
  color: #fff;
  text-decoration: none;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,aaaaaa+100 */
  background: #888888; /* Old browsers */
  background: -moz-linear-gradient(top,  #888888 0%, #aaaaaa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #888888 0%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #888888 0%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

.news .tabs .horizontal a:active,
.download-table .tabs .horizontal a:active,
aside .cta-button:active {
  -webkit-box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.5);
  box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.5);
}

.news .tabs .horizontal .active a,
.download-table .tabs .horizontal .active a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb0000+0,992222+100 */
  background: #bb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #bb0000 0%, #992222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #bb0000 0%,#992222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #bb0000 0%,#992222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0000', endColorstr='#992222',GradientType=0 ); /* IE6-9 */
}

.news .tabs .horizontal a:focus,
.download-table .tabs .horizontal a:focus,
aside .cta-button:focus {
  color: #fff;
  text-decoration: none;
}

aside .cta-button.active:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#992222+0,bb0000+100 */
  background: #992222; /* Old browsers */
  background: -moz-linear-gradient(top,  #992222 0%, #bb0000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #992222 0%,#bb0000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #992222 0%,#bb0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992222', endColorstr='#bb0000',GradientType=0 ); /* IE6-9 */
}

.kontakt-pos-fix {
  top: -665px;
  position: absolute;
}

.vc_custom_1454077020702,
.vc_custom_1454074307836,
.vc_custom_1454074301482 {
  position: absolute;
  width: 100%;
}

.vc_custom_1459417200376 .wpb_single_image {
    margin-bottom: 30px !important;
}

.page-unternehmen .news,
.page-company .news {
  max-width: 1440px;
  margin: 0 -20px 100px;
}

.news .owl-carousel a {
  text-decoration: underline;
  color: #bb0000;
}

.news .owl-item {
  padding: 0 20px;
  margin-bottom: 60px;
}

.news .owl-item > div {
  padding: 0 35px 60px;
}

.news .owl-item img {
  margin: 0 -35px 40px;
  height: auto;
  width: calc( 100% + 70px );
}

.news .owl-carousel div > div h4 {
  color: #c12f31;
  font: normal 600 1.8rem / 1.375 "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 40px;
}

.news .owl-carousel div > div p {
  margin-bottom: 0;
}

.owl-controls .owl-page.active span {
  background-color: #bb0000;
}

.produkt-tabs .cta-button {
  margin-top: 60px;
}

.wpcf7-response-output {
  background-color: rgba(255,255,255,0.7);
  border: 2px solid #bb0000 !important;
  margin: 15px 20px 0 calc( 50% + 20px ) !important;
  width: calc( 50% - 20px );
}

.flyer-row a {
  position: absolute;
  bottom: 30px;
}


.flyer-title {
  padding-top: 50px;
  letter-spacing: 0.2rem;
}

.download-table {
  width: 100%;
  padding: 100px 0;
}

.download-table table {
  width: 100%;
  width: calc(100% + 40px);
  margin: 0 -20px;
  font-size: 1.4rem;
  font-weight: 400;
}

.download-table thead {
  border-bottom: 1px solid #ccc;
}

.download-table td {
  text-align: center;
  padding: 20px 0;
}

.download-table td img {
  width: auto;
}

.download-table td:first-child {
  text-align: left;
  padding-left: 20px;
}

.download-table td:last-child {
  padding-right: 20px;
}

.download-table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.single-header {
  background-image: url('../../../uploads/header5.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-sizing: border-box;
}

.post-preview {
  max-height: 200px;
  overflow: hidden;
}

.post-preview-text a {
  color: #333;
  font: normal 300 1.6rem / 1.375 "Open Sans", sans-serif;
}

.post-content {
  padding: 100px 0;
  text-align: justify;
}

.post-content .cta-button {
  margin: 0 0 30px;
  width: 100%;
}

.post-news .news,
.post-news-en .news,
.post-presse .presse,
.post-press .press,
.post-archiv .archiv,
.post-archive .archive,
.category-news .news,
.category-news-en .news,
.category-presse .presse,
.category-press .press,
.category-archiv .archiv,
.category-archive .archive,
.post-install-sound .install-sound,
.post-pro-rental .pro-rental,
.post-classics .classics {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb0000+0,992222+100 */
  background: #bb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #bb0000 0%, #992222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #bb0000 0%,#992222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #bb0000 0%,#992222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0000', endColorstr='#992222',GradientType=0 ); /* IE6-9 */
}

.post-news .news:hover,
.post-news-en .news:hover,
.post-presse .presse:hover,
.post-press .press:hover,
.post-archiv .archiv:hover,
.post-archive .archive:hover,
.category-news .news:hover,
.category-news-en .news:hover,
.category-presse .presse:hover,
.category-press .press:hover,
.category-archiv .archiv:hover,
.category-archive .archive:hover,
.post-install-sound .install-sound:hover,
.post-pro-rental .pro-rental:hover,
.post-classics .classics:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#992222+0,bb0000+100 */
  background: #992222; /* Old browsers */
  background: -moz-linear-gradient(top,  #992222 0%, #bb0000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #992222 0%,#bb0000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #992222 0%,#bb0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992222', endColorstr='#bb0000',GradientType=0 ); /* IE6-9 */
}

.post-image {
  height: auto;
  width: auto;
  margin-left: 40px;
  margin-bottom: 40px;
}

.post-image-ref {
  height: auto;
  width: auto;
  margin-bottom: 40px;
}

.blog .post-image,
.archive .post-image {
  margin: 0;
}

.post-title,
.post-title a {
  color: #333;
  font: normal 700 1.8rem / 1 "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 35px;
}

.post-overview-link {
  margin-top: 50px;
  display: inline-block;
}

.news-preview-slider-image {
  max-height: 250px;
  overflow: hidden;
  width: calc( 100% + 70px );
  margin: 0 -35px 40px;
}

.post-header-image {
  background: url(../img/post-header.jpg) center 100% no-repeat;
  background-size: cover;
  margin: 0 auto;
  min-height: 300px;
  z-index: -1;
}

.archive .post-header-image,
.single-post .post-header-image,
.post-type-archive .post-header-image {
  background: url("../../../uploads/header-aktuelles.jpg") center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.archive .post-header-title,
.single-post .post-header-title,
.single-referenzen .post-header-title,
.archive.post-type-archive .post-header-title {
  margin-top: -600px;
  min-height: 600px;
}

.single-referenzen .post-header-image {
  background: url(../img/unternehmen-header.jpg) center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.post-type-archive-proclassics .post-header-image,
.single-proclassics .post-header-image {
  background: url(../img/header-proclassics.webp) center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.post-type-archive-proinstall .post-header-image,
.single-proinstall .post-header-image {
  background: url(../img/header-proinstall.webp) center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.post-type-archive-prorental .post-header-image,
.single-prorental .post-header-image {
  background: url(../img/header-prorental.webp) center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.post-type-archive-referenzen .post-header-image,
.single-referenzen .post-header-image {
  background: url(../img/header-referenzen.jpg) center 100% no-repeat;
  background-size: cover;
  min-height: 600px;
}

.post-header-title,
.error-header-title {
  margin-top: -300px;
  padding-bottom: 100px;
  padding-top: 100px;
}

.produkt-header-title {
  margin-top: -600px;
  padding-top: 100px;
  padding-bottom: 55px;
  height: 600px;
}

.produkt-header-subtitle {
  padding-bottom: 25px;
  font: normal 300 4rem / 1 "FuturalTPro", sans-serif;
}

.produkt-header-text {

}

.produkt-header {
  max-height: 600px;
}

.error-page {
  padding: 100px 0;
}

.post-links {
  bottom: 0;
  position: absolute;
  right: 20px;
}

.pagination {
  float: right;
  height: auto;
  width: auto;
}

.pagination .nav-links {
  max-height: 50px;
}

.pagination .page-numbers {
  color: #000;
  display: inline-block;
  line-height: 50px;
  margin: 0 10px;
  position: relative;
  top: -1.6rem;
}

.pagination .screen-reader-text {
  display: none;
}

.pagination .next,
.pagination .prev {
  display: inline-block;
  height: 50px;
  line-height: 0;
  margin-top: 0;
  top: 0;
  width: 40px;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.pagination .prev {
  background: #222 url('../img/manufaktur_arrow.png') center center  no-repeat;
  margin-right: 70px;
  margin-left: 0;
}

.pagination .next {
  background: #222 url('../img/manufaktur_arrow_mirrored.png') center center  no-repeat;
  margin-left: 70px;
  margin-right: 0;
}

.pagination .next:hover,
.pagination .prev:hover {
  background-color: #444;
}

.article-count {
  line-height: 50px;
  position: absolute;
}

.uberbox img {
  width: auto;
}

div.vc_custom_1454077020702 {
  margin-right: 0;
}


/* Footer */
/*------------*/
.footer-row {
  height: 100px;
  position:relative;
  text-align: center;
}

.footer-navigation ul li {
  display: inline-block;
}

.footer-navigation ul li:last-child:after {
  content: '';
}

.footer-navigation ul li a {
  color: #ddd;
  font-size: 1.4rem;
  padding: 10px 20px;
}

.social-links li {
  display: inline-block;
  height: 28px;
  margin-left: 30px;
  width: 28px;
}

.social-links li:first-child {
  margin-left: 0;
}

.social-links a {
  padding: 0 14px;
}

.facebook {
  background: url('../img/facebook.png') 0 0 / 28px 28px no-repeat;
}

.instagram {
  background: url('../img/instagram.png') 0 0 / 28px 28px no-repeat;
}

.linkedin {
  background: url('../img/linkedin.png') 0 0 / 28px 28px no-repeat;
}

.youtube {
  background: url('../img/youtube.png') 0 0 / 28px 28px no-repeat;
}

.copyright {
  color: #555;
  font-size: 1.3rem;
  line-height: 50px;
  padding: 0 20px;
}

@media (min-width: 768px) {
  div.rwd-contact {
    background-color: transparent !important;
  }
}

@media (min-width: 992px) {
  .home-header {
    height: 790px;
  }
}

@media (max-width: 1199px) {
  .carousel-control {
    bottom: -50px;
  }

  .tab {
    overflow-x: scroll;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .download-table td {
    padding: 20px;
  }

  .thead-break {
    display: block;
  }

  .thead-break:after {
    content: '-';
  }

  /* Footer */
  /*------------*/
  .footer-navigation ul li a {
    padding: 10px 5px;
  }

    .flyer-row .float-left {
    float: none;
    margin-right: 0 !important;
    text-align: center !important;
  }

  .flyer-title {
    line-height: 1.3;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    top: 50px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .flyer-row p {
    text-align: center;
  }

  .flyer-row a {
    bottom: 0;
    position: relative;
  }
}

@media ( max-width: 1023px ) {
  .navigation li a {
    padding: 10px 15px;
  }
}

@media (max-width: 991px) {
  .kontakt-pos-fix {
    top: -1165px;
  }

  div.rwd-contact {
    padding: 0;
    max-width: 20%;
  }

  .contact-row {
    max-width: 100%;
  }

  .page-kontakt .vc_custom_1454074307836,
  .page-contact .vc_custom_1454074307836 {
    margin-top: -1400px !important;
  }

  .navigation li a {
    padding: 15px 20px;
  }

  .box {
    margin-bottom: 40px;
  }

  .box:last-child {
    margin-bottom: 0;
  }

  .box-image div,
  .box-image figure {
    width: 100%;
  }

  .carousel-control {
    bottom: -75px !important;
  }

  .carousel-control.right {
    left: 100%;
    margin-left: -160px;
  }

  .right-cf {
    margin-top: 40px;
  }

  .page-kontakt .header-row .vc_empty_space,
  .page-contact .header-row .vc_empty_space,
  .page-kontakt-2 .header-row .vc_empty_space,
  .page-contact-2 .header-row .vc_empty_space {
    height: 1330px !important;
  }

    body .header-row-under {
        margin-top: -1240px !important;
    }


  .custom-inner-row {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .manufaktur .next,
  .manufaktur .prev {
    display: none;
  }

  .manufaktur .tab-list {
    height: auto;
  }

  .manufaktur .tab-list li {
    width: 100% !important;
  }

  .manufaktur .tab-list li:nth-child(even) {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,555555+100 */
    background: #444444; /* Old browsers */
    background: -moz-linear-gradient(top,  #444444 0%, #555555 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #444444 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #444444 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
  }

  .manufaktur .tab-list li:nth-child(even):hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,444444+100 */
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #444444 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #555555 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #555555 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
  }

  .manufaktur .tab-list li.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,222222+100 */
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #333333 0%, #222222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
  }

  .manufaktur h2 {
    margin-bottom: 40px;
  }

  .history .pull-left,
  .history .pull-right {
    float: none !important;
  }

  .history .pull-right {
    margin-bottom: 40px;
  }

  .produkt-einleitung h2,
  .produkt-einleitung p {
    margin-bottom: 30px;
  }

  .post-links {
    position: relative;
    right: 0;
  }

  .flyer-row .float-left {
    float: none;
    margin-right: 0 !important;
    text-align: center !important;
  }

  .flyer-title {
    line-height: 1.3;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    top: 50px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .flyer-row a {
    bottom: 0;
  }


  /* Footer */
  /*------------*/
  .footer-logo {
    max-width: 175px;
  }

  .sub-menu {
    display: block;
  }

  /* Footer */
  /*------------*/
  .footer-row {
    height: auto;
    padding: 20px;
  }

  .footer-row.vert-aligned-wrapper:before {
    display: block;
  }

  .abs-container.left,
  .abs-container.right {
    left: 0;
    position: relative;
    right: 0;
  }

  .abs-container:first-child {
    margin-bottom: 20px;
  }

  .abs-container:last-child {
    margin-top: 20px;
  }

  .footer-navigation ul li {
    display: block;
    padding: 10px 20px;
  }


  /* ------ */
  .nav-container {
    height: 100px;
  }

  header {
    height: 100px;
  }

  .sub-menu li {
    display: block;
  }

  .logo img {
    height: auto;
    max-width: 60px;
  }

  .navigation {
    height: 100px;
  }

  .navigation .nav {
    margin: 20px 0;
  }

  .sub-menu {
    left: 20px;
    position: relative;
  }

  .sub-menu li a {
    line-height: 35px;
  }

}

@media (min-width: 768px) and (max-width: 879px) {
  /* Footer */
  /*------------*/
  .footer-logo {
    max-width: 125px;
  }
}

@media (max-width: 767px) {
  h1 {
    font: normal 300 3.5rem / 1 "FuturalTPro", sans-serif;
  }

  h2 {
   font: normal 300 2.5rem / 1 "FuturalTPro", sans-serif;
  }

  h3 {
    font: normal 300 2.25rem / 1 "FuturalTPro", sans-serif;
  }

  h4 {
    font: normal 300 1.75rem / 1 "FuturalTPro", sans-serif;
  }

  /* Navigation */
  /*------------*/
  .upper-navigation {
    text-align: center;
  }

  .upper-navigation .navbar-nav {
    margin: 0;
  }

  .upper-navigation li {
    display: inline-block;
  }

  .nav li:last-child a {
    padding-right: 10px;
  }

  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 0;
  }

  .collapse,
  .collapsing {
    position: relative;
    z-index: 9999;
  }

  /* Content */
  div.rwd-contact {
    padding-bottom: 100px;
    margin-top: 40px;
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  div.contact-row {
    padding-bottom: 0 !important;
  }

    .page-kontakt .header-row .vc_empty_space,
  .page-contact .header-row .vc_empty_space,
  .page-kontakt-2 .header-row .vc_empty_space,
  .page-contact-2 .header-row .vc_empty_space {
    height: 1420px !important;
  }

    body .header-row-under {
        margin-top: -1370px !important;
    }

  .page-kontakt .vc_custom_1448467562368,
  .page-contact .vc_custom_1448467562368 {
    padding-top: 150px !important;
  }

  div.vc_custom_1454075044057 {
    margin-top: -350px !important;
  }

  div.vc_custom_1454075150230 {
    padding-top: 100px !important;
  }

  .distributoren .wpb_single_image,
  .systempartner .wpb_single_image {
    text-align: center !important;
  }

  .ansprechpartner .wpb_text_column,
  .distributoren .wpb_text_column,
  .systempartner .wpb_text_column {
    margin-left: 33.33%;
  }

  .ms-thumb-list {
    display: none;
  }

  .ms-slide,
  .ms-view {
    height: 400px !important;
  }

  .post-content .post-image {
    margin: 0 auto 40px;
  }

  .flyer-row .wpb_column {
    margin-bottom: 40px;
  }

  .flyer-row .wpb_column:last-child {
    margin-bottom: 0;
  }

  .flyer-row a {
    position: relative;
    bottom: initial;
  }

  .flyer-box p {
    text-align: center;
  }

  .news .tabs .horizontal a,
  .download-table .tabs .horizontal a,
  aside .cta-button {
    margin: 0 0 20px;
  }

  .news .tabs .horizontal li:last-child a,
  .download-table .tabs .horizontal li:last-child a {
    margin: 0;
  }

  .article-count {
    display: none;
  }

  .blog .pagination {
    float: none;
  }

  .pagination .prev {
    margin-right: 45px;
  }

  .pagination .next {
    margin-left: 45px;
  }

  .page-impressum .copyright-text,
  .page-imprint .copyright-text {
    color: #fff;
    font-size: 1.4rem;
  }

  .page-impressum .address-block,
  .page-imprint .address-block {
    padding-bottom: 0 !important;
  }

  .vc_custom_1448365264640 {
    background-position-x: -850px;
  }

  .page-unternehmen .unternehmen-head-space,
  .page-produkte .unternehmen-head-space {
    height: 350px !important;
  }

  .page-unternehmen .vc_custom_1448365550206,
  .page-produkte .vc_custom_1448365550206 {
    margin-top: -350px !important;
  }

  .page-unternehmen .unternehmen-head-space-2,
  .page-produkte .unternehmen-head-space-2 {
    height: 150px !important;
  }

  .manufaktur .row {
    padding: 40px 20px;
  }

  .page-unternehmen .vc_custom_1448381200510 {
    margin-bottom: 0 !important;
  }

  .news .owl-item {
    padding: 0;
  }

  .page-produkte .vc_custom_1448036379322 {
    padding-bottom: 0 !important;
  }

  .page-unternehmen .vc_custom_1454070590600,
  .page-produkte .vc_custom_1454070743736 {
    margin-top: -350px !important;
  }

  .head-slide-link .cta-button {
    white-space: nowrap;
    position: absolute;
    left: -85%;
    top: 50px;
    max-width: none;
  }


  /* Footer */
  /*------------*/
  .footer-row {
    height: auto;
    padding: 20px;
  }

  .footer-row.vert-aligned-wrapper:before {
    display: block;
  }

  .abs-container.left,
  .abs-container.right {
    left: 0;
    position: relative;
    right: 0;
  }

  .abs-container:first-child {
    margin-bottom: 20px;
  }

  .abs-container:last-child {
    margin-top: 20px;
  }

  .footer-navigation ul li {
    display: block;
    padding: 10px 20px;
  }
}

@media (max-width: 600px) {
  .ansprechpartner .wpb_text_column,
  .distributoren .wpb_text_column,
  .systempartner .wpb_text_column {
    margin-left: 25%;
  }
}

@media (max-width: 450px) {
  .ansprechpartner .wpb_text_column,
  .distributoren .wpb_text_column,
  .systempartner .wpb_text_column {
    margin-left: 12.5%;
  }

  .wpcf7 .wb {
    display: block;
  }

  .wpcf7 .wpcf7-form-control-wrap.ansprechpartner {
    top: -5px;
  }

  .manufaktur .tab-list li span {
    font-size: 1.6rem;
  }

  .flyer-row .float-left.vc_align_left {
    float: none;
    text-align: center;
    margin-right: 0 !important;
  }

  .flyer-row .flyer-title {
    padding-top: 20px;
  }
}

@media (max-width: 329px) {
  .upper-navigation li a {
    padding-left: 5px;
    padding-right: 5px;
  }

  .copyright {
    height: 50px;
    line-height: 1;
    padding-top: 12px;
  }
}

/* Product Stuff */
/*---------------*/
.container{
  max-width: 100%;
}
.section-anchor {
  position: relative;
  top: -40px;
  display: block;
}
.product-wrapper {
  margin-top: 100px;
}
.product-wrapper img {
  width: auto;
  max-width: 100%;
}
.product-line {
  position: relative;
  margin-top: 30px;
  margin-bottom: 65px;
}
.archive .product-line {
  position: relative;
  margin-top: 30px;
  margin-bottom: 35px;
}
.owl-carousel {
  margin-left: 30px;
  margin-right: 30px;
  width: inherit;
}
.product-line .nav {
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  padding: 20px 10px 20px 10px;
  color: #333;
  font-size: 24px;
  cursor: pointer;
}
.product-line .next {
  right: 0;
  padding: 20px 10px 20px 20px;
}
.product-line .prev {
  left: 0;
  padding: 20px 20px 20px 10px;
}

.product-line .item img {
  height: auto;
  max-height: 167px;
}

#owl-demo .item {
  padding: 30px 0px;
  margin: 5px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  vertical-align: bottom;
  display: inline-block;
}
#owl-demo .owl-item {
  text-align: center;
}
.single #owl-demo .item {
  opacity: 0.3;
}
.single #owl-demo .item.current_product_item {
  opacity: 1;
}
#owl-demo .item a,
#owl-demo .item a:hover {
  text-decoration: none;
  color: #333;
}
#owl-demo .item span {
  display: block;
  font-weight: 100;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.product-info {
  background-color: #eaebec;
}
.product-info .products-container {
  margin: 100px 0;
  overflow: auto;
}
@media (min-width: 992px) {
  .single-products .col-md-4 {
      width: 24.825%;
  }
}
.single-products .product {
  background-color: #fff;
  min-height: 350px;
  padding: 0;
  margin: 1px;
  text-align: center;
}
.single-products .product.active {
  opacity: 1;
}
.single-products .product.inactive {
  opacity: 0.4;
}
.single-products .product img {
  margin-top: 20px;
  margin-bottom: 10px;
  width: auto;
  max-width: 100%;
  max-height: 258px;
  height: auto;
}
.single-products .product span {
  font-size: 22px;
  display: block;
  color: #333;
  font-weight: 100;
}
.single-products .product a,
.single-products .product a:hover {
  text-decoration: none;
}
.product-line-description {
  margin-bottom: 100px;
}
.product-line-description .text h3 {
  font-size: 20px;
  margin-bottom: 25px;
}
.product-line-description .partner span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.product-line-description .partner .headline {
  font-size: 16px;
  font-weight: bold;
}
.product-line-description .partner img {
  margin: 8px 0;
}
.product-line-description ul {
  list-style: square;
  margin-left: 20px;
}
.product-line-description a {
  color: #bb0000;
}
.product-details {
  background-color: #fff;
  margin: 1px;
}
.product-details .image {
  padding-left: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 15px;
  text-align: right;
}
.product-details .image img {
  margin-bottom: 25px;
  width: 100%;
}
.product-details .details {
  padding-left: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 0;
}
.product-details .details h3 {
  margin-bottom: 60px;
}
.product-details .details h4 {
  margin-bottom: 20px;
}
ul.details-jobs {
  list-style-type: none;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: lighter;
  padding-left: 1em;
  text-indent: -1em;
}
ul.details-jobs li {
  margin-bottom: 2px;
}

ul.details-jobs li a {
  display: inline-block;
}

ul.details-jobs li a:link,
ul.details-jobs li a:visited {
  font-weight: lighter;
  color: #333;
  text-decoration: none;
}

ul.details-jobs li a:hover {
  color: #333;
}

ul.details-jobs li a:active {
  color: #333;
}

ul.details-jobs li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 12px;
    vertical-align: 1px;
    color: #bb0000;
    margin-right: 7px;
}
ul.details-list {
  list-style-type: none;
  margin-bottom: 60px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 1.45em;
  text-indent: -1.45em;
}
ul.details-list li {
  margin-bottom: 2px;
}

ul.details-list li a {
  display: inline;
}

ul.details-list li a:link,
ul.details-list li a:visited {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

ul.details-list li a:hover {
  color: #333;
}

ul.details-list li a:active {
  color: #333;
}

ul.details-list li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 15px;
    color: #bb0000;
    margin-right: 8px;
}
.details-table {
  display: table;
  width: 100%;
}
.details-table .details-row {
  display: table-row;
}
.details-table .left {
  width: 50%;
  float: left;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  display: table-cell;
}
.details-table .right {
  width: 50%;
  float: right;
  font-size: 15px;
  margin-bottom: 10px;
  display: table-cell;
}

.details-table .right a {
  display: inline-block;
}

.details-table .right a:link,
.details-table .right a:visited {
  font-weight: 200;
  color: #333;
  text-decoration: none;
}

.details-table .right a:hover {
  color: #333;
}

.details-table .right a:active {
  color: #333;
}

.without-image .details-table .left {
  margin-bottom: 20px;
  width: 20%;
}
.without-image .details-table .right {
  margin-bottom: 20px;
  width: 80%;
}

.product-details .downloads {
  background-color: #f5f6f7;
  padding-left: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 25px;
  font-size: 14px;
}
.product-details .downloads a {
  display: inline-block;
  margin-right: 60px;
  margin-bottom: 4px;
  padding-left: 2.3em;
  text-indent: -2.3em;
}
.product-details .downloads a:hover {
  text-decoration: none;
}
.product-details .downloads h4 {
  margin-bottom: 18px;
}
.product-details .downloads .icon {
  width: 28px;
}
.product-details .downloads a span {
  text-decoration: underline;
}

.product-details .downloads h5 {
  font: normal 300 1.8rem / 1.2 "FuturalTPro", sans-serif;
  letter-spacing: 0.1rem;
}

.select-product {
  height: 235px;
  line-height: 235px;
  color: #a9abaf;
  font-weight: bold;
  font-size: 18px;
}
.select-product span {
  margin-left: 10px;
}
.full-width-div {
  position: absolute;
  width: 100%;
  left: 0;
}
/*.single .full-width-wrapper {
  height: 2400px;
}*/
/*.single .full-width-wrapper.gruppe {
  height: 1200px;
}*/
.archive .full-width-wrapper {
  height: 400px;
}


@media(max-width: 1200px) {
  .single-products .product {
    margin: 0;
    border: 0.5px solid #eaebec;
  }

  .product-details {
    max-width: calc( 100% - 9px )
  }
}

@media ( max-width: 991px ) {
  .product-details .image {
    text-align: center;
  }

  .product-line-description .image {
    text-align: center;
  }

  .product-line-description .partner {
    padding-top: 40px;
  }

  .single .full-width-wrapper.gruppe {
    height: auto;
  }

  .product-details {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .gruppe .product-details div .cta-button {
    font-size: 1.5rem;
  }

  .details-table .left,
  .details-table .right {
    display: block;
    width: initial;
    padding-right: 25px;
  }

  .product-details .downloads a {
    margin-right: 0;
  }

  .product-details .image {
    padding: 40px 20px;
  }

  footer {
    position: relative;
  }
}

a.product-page-links:link,
a.product-page-links:visited {
  font: normal 300 1.6rem / 1.375 "Open Sans", sans-serif;
  color: #333;
  text-decoration: none;
}

a.product-page-links:hover {
  color: #333;
}

a.product-page-links:active {
  color: #333;
}

/* Firmware Seiten */

.firmware-table {
  display: table;
  width: 100%;
}
.firmware-table .firmware-row {
  display: table-row;
}
.firmware-table .left {
  width: 50%;
  float: left;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  display: table-cell;
}
.firmware-table .right {
  width: 50%;
  float: right;
  font-size: 15px;
  margin-bottom: 10px;
  display: table-cell;
}

.firmware-table .right a {
  display: inline-block;
}

.firmware-table .right a:link,
.firmware-table .right a:visited {
  font-weight: 200;
  color: #bb0000;
  text-decoration: none;
}

.firmware-table .right a:hover {
  color: #bb0000;
}

.firmware-table .right a:active {
  color: #bb0000;
}

.without-image .firmware-table .left {
  margin-bottom: 20px;
  width: 20%;
}
.without-image .firmware-table .right {
  margin-bottom: 20px;
  width: 80%;
}


/* Referenzen Styles */
#awesome-gallery-612-1 .asg-image-caption-wrapper.asg-position-fill,
#awesome-gallery-3205-1 .asg-image-caption-wrapper.asg-position-fill {
  padding: 40px;
  background-blend-mode: translucent;
}

/*
.page-unternehmen .asg-image-caption1 {
  display: none;
}


.post-type-archive-referenzen .asg-image-caption1 {
  display: none;
}
*/

.referenz-block span {
  display: block;
}

.referenz-kategorie {
  font: normal 300 1.6rem / 1 "FuturalTPro", sans-serif;
  margin-bottom: 20px;
}

.referenz-quote {
  font: normal 300 2.4rem / 1.2 "FuturalTPro", sans-serif;
  margin-bottom: 10px;
}

.referenz-titel {
  font: normal 300 2rem / 1 "FuturalTPro", sans-serif;
  margin-bottom: 20px;
  letter-spacing: initial;
}

.referenz-text {
  font: normal 300 1.6rem / 1.375 "FuturalTPro", sans-serif;
  margin-bottom: 40px;
}

.referenz-link {
  font: normal 300 1.6rem / 1.375 "FuturalTPro", sans-serif;
  text-decoration: underline;
}

.ref-gallery-row {
  margin-bottom: 40px;
}

.ref-gallery-row:last-child {
  margin-bottom: 0;
}

.kundenmeinung {
  font: normal 300 4rem / 1.1 "FuturalTPro", sans-serif;
  text-align: left;
  text-transform: uppercase;
  margin-top: 55px;
  display: block;
}

div.vc_row.wpb_row.vc_row-fluid.bg-red {
    padding-bottom: 30px;
    padding-top: 30px;
}

.single-referenzen h2 {
  font: normal 300 3rem / 1 "FuturalTPro", sans-serif;
}

.single-referenzen h3 {
  font: normal 700 1.8rem / 1 "Open Sans", sans-serif;
  margin-top: 40px;
  margin-bottom: 25px;
  letter-spacing: initial;
}

.single-referenzen p:last-of-type  {
  margin-bottom: 50px;
}

.single-referenzen aside ul {
  list-style-type: initial;
  padding-left: 18px;
  margin: 0 0 30px;
}

.single-referenzen aside ul li {
  margin-bottom: 20px;
}

.single-referenzen aside ul li:last-child {
  margin-bottom: 0;
}

.single-referenzen aside ul li a {
  color: #222;
}

.single-referenzen aside ul li.current-page {
  color: #bb0000;
}

.single-referenzen aside ul .current-page a {
  color: #bb0000;
  font-weight: 700;
}

.single-referenzen p.copyright {
  margin-bottom: 0;
}

@media(max-width: 1400px) and (min-width: 1301px) {
  .referenz-text {
    font: normal 300 1.4rem / 1.375 "FuturalTPro", sans-serif;
  }
}

@media(max-width: 1300px) and (min-width: 992px) {
  .referenz-text {
    font: normal 300 1.2rem / 1.375 "FuturalTPro", sans-serif;
  }

  .referenz-quote {
    font: normal 300 2rem / 1.2 "FuturalTPro", sans-serif;
  }
}


@media(max-width: 1200px) {
  .kundenmeinung {
    margin-top: 0;
  }
}

@media(max-width: 991px) {
  .single-referenzen .post-image {
    width: 100%;
  }

  .single-referenzen h2 {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .ref-gallery-row {
    margin-bottom: 0;
  }

  .ref-gallery-row > div {
    margin-bottom: 20px;
  }

  .ref-gallery-row:last-child > div:last-of-type {
    margin-bottom: 0;
  }

  .kundenmeinung {
    font-size: 2.5rem;
  }

  .single-referenzen h2 {
    /*font-size: 2.25rem;*/
    text-align: left;
  }
}

.no-shadow {
  text-shadow: none;
}

body div.res-header-image-pos {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

@media (max-width: 991px) {
  .referenz-block {
    display: none;
  }

  .news .tabs li {
    margin-bottom: 40px;
  }

  .full-width-wrapper {
    margin-right: -20px;
    margin-left: -20px;
  }

  .full-width-div {
    position: relative;
  }

  .archive .post-header-image,
  .single-post .post-header-image,
  .post-type-archive-referenzen .post-header-image,
  .single-referenzen .post-header-image {
    min-height: 300px;
  }

  .archive .post-header-title,
  .single-post .post-header-title,
  .post-type-archive-referenzen .post-header-title,
  .single-referenzen .post-header-title {
    margin-top: -300px;
    min-height: 300px;
  }

  .post-type-archive .post-header-image {
    min-height: 600px;
  }

  .post-type-archive .post-header-title {
    margin-top: -600px;
    min-height: 600px;
  }

  .page .res-header-title-pos {
    margin-top: -300px !important;
    max-height: 300px;
  }

  textarea,
  input:not([type="checkbox"]) {
     -webkit-appearance: none;
     border-radius: 0;
  }
}

@media (max-width: 767px) {
  .rwd-hide {
    display: none;
  }
  .home-header {
    display: none;
  }

  .nav-scroll .sub-menu {
    left: 0;
  }

  .nav-scroll .sub-menu li {
    display: block;
    /*margin-left: 15px;*/
  }

  .nav-scroll .sub-menu li a {
    padding: 15px 20px;
  }

  .post-title {
    text-align: initial;
  }

  .post-preview {
    max-height: 300px;
  }

  .post-preview:first-child {
    margin-bottom: 20px;
    max-height: 200px;
  }

  .carousel-control {
    width: 100px;
  }

  .carousel-control.right {
    margin-left: -100px;
  }

  .news .tabs li {
    margin-bottom: 0;
  }

  .produkt-header-title {
    height: 300px;
    margin-top: -300px;
    padding-top: 0;
  }

  .post-type-archive-referenzen .post-header-image,
  .post-type-archive .post-header-image,
  .post-type-archive-prorental .post-header-image,
  .single-prorental .post-header-image,
  .post-type-archive-proinstall .post-header-image,
  .single-proinstall .post-header-image,
  .post-type-archive-proclassics .post-header-image,
  .single-proclassics .post-header-image {
    min-height: 300px;
    margin-bottom: 100px;
  }

  .details-table .right,
  .details-table .left {
    float: none;
  }

  .product-head-overlay img {
    display: none;
  }

  div.vc_custom_1458833018351,
  div.vc_custom_1458833331185,
  div.vc_custom_1458833373032,
  div.vc_custom_1458833400438 {
    max-height: 300px;
  }

  .page-unternehmen .unternehmen-head-space,
  .page-produkte .unternehmen-head-space,
  .page-company .unternehmen-head-space,
  .page-products .unternehmen-head-space {
    height: 300px !important;
  }

  .ansprechpartner .wpb_single_image figure {
    display: block;
    text-align: center;
  }

  .page-company .unternehmen-head-space-2,
  .page-products .unternehmen-head-space-2 {
    height: 0 !important;
  }
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------ Search Function Style Additions --------------------------- */
header .menu-search {
  width: 40px;
}

header .search-form {
  display: flex;
  justify-content: space-between;

  display: -webkit-flex;
  -webkit-justify-content: space-between;

  position: absolute;
  right: 0;
}

header .search-container {
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 290px;
  transition: max-width 1s ease;
  -webkit-transition: max-width 1s ease;
}

header .search-container.field-visible {
  max-width: 290px;
}

header .search-form label {
  display: none;
  height: 40px;
  margin: 0;
  position: absolute;
  right: 0;
  width: 40px;
}

header .search-form input,
header .search-form input:focus {
  background: transparent;
  border: 1px solid #222 !important;
  box-sizing: border-box;
  color: #fff;
  line-height: 38px;
  padding: 0 0 0 10px;
  resize: none;
  width: 250px;
}

header .search-form button {
  height: 40px;
  width: 40px;
}

header .search-form button > span {
  background: #222;
  border: 1px solid #222;
  color: #fff;
  font-size: 24px;
  height: 40px;
  width: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
}

header .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


.search-results .post-image {
  margin-left: 0;
}

.search-results .search-result-row {
  position: relative;
}

.search-results .row:last-of-type {
  margin-bottom: 100px;
}

.search-no-results .body {
  height: calc( 100vh - 140px - 150px );
}

.search-no-results .no-results-message {
  margin-top: 20px;
}

header {
  height: 210px;
}

.navigation .nav,
.nav-scroll .navigation .nav {
  margin-top: 70px;
}

.navbar-header,
.nav-scroll .navbar-header {
  padding: 30px 0;
  position: relative;
  z-index: 999;
}

.nav-scroll .navbar-header {
  padding: 20px 0;
}

.nav-container {
  height: 180px;
}

.nav-scroll .nav-container {
  height: 140px;
}

header .sub-menu li a {
  font-size: 1.4rem;
  line-height: 1;
}

.nav-scroll .produkte .sub-menu {
  left: 20px;
}

.navbar-toggle {
  margin: 0 0 0 -140px;
}

@media ( min-width: 992px ) {
  .navbar-collapse.collapse {
    position: relative;
  }

  .nav-scroll .logo img {
    max-width: 100px;
  }
}

@media (max-width: 991px) {
  header {
    height: 110px;
  }

  .nav-container,
  .nav-scroll .nav-container {
    height: 80px;
  }

  .navbar-header {
    padding: 10px 0;
  }

  .nav-scroll .navbar-header {
    padding: 10px 0;
  }

  .navigation .nav,
  .nav-scroll .navigation .nav {
    margin: 20px 0;
  }

  .nav-scroll .navigation li a {
    padding: 15px 20px
  }

  .nav-scroll .produkte .sub-menu,
  .nav-scroll .sub-menu {
    left: 20px;
    margin-top: 0;
  }

  .nav-scroll .sub-menu li {
    display: block;
  }

  .search-results .search-result-row .post-links {
    right: 20px;
  }

  .search-no-results .body {
    height: auto;
  }

  header .menu-search {
    padding: 0 20px;
    width: 100%;
  }

  header .search-form {
    left: 0;
    padding: 0 20px;
    right: initial;
    width: 100%;
  }

  header .search-container {
    margin-bottom: 20px;
    max-width: initial;
    position: relative;
    right: initial;
    top: 0;
    width: 100%;
  }

  header .search-container.field-visible {
    max-width: 100%;
  }

  header .search-form label {
    display: none;
  }

  header .search-form input {
    width: 100%;
  }

  header .search-form button > span {
    width: 40px;
  }

  header .navbar-collapse {
    padding: 0;
  }
}

@media ( max-width: 767px ) {
  .navigation li a,
  .nav-scroll .navigation li a {
    padding: 10px 20px;
  }
}

@media ( max-height: 666px ) {
  .navigation li a,
  .nav-scroll .navigation li a {
    padding: 5px 20px;
  }
}

@media ( max-height: 480px ) {
  header .nav-scroll .sub-menu,
  header .sub-menu {
    display: none;
  }
}

span[data-name="hcap-cf7"] .h-captcha {
	margin: 0 auto;
}

.page-kontakt span[data-name="hcap-cf7"] .h-captcha, .page-contact span[data-name="hcap-cf7"] .h-captcha {
  float: right;
}