/* open-sans-300 - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("/design/fonts/open-sans-v34-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/design/fonts/open-sans-v34-latin-300.eot?#iefix") format("embedded-opentype"), url("/design/fonts/open-sans-v34-latin-300.woff2") format("woff2"), url("/design/fonts/open-sans-v34-latin-300.woff") format("woff"), url("/design/fonts/open-sans-v34-latin-300.ttf") format("truetype"), url("/design/fonts/open-sans-v34-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-regular - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/design/fonts/open-sans-v34-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/design/fonts/open-sans-v34-latin-regular.eot?#iefix") format("embedded-opentype"), url("/design/fonts/open-sans-v34-latin-regular.woff2") format("woff2"), url("/design/fonts/open-sans-v34-latin-regular.woff") format("woff"), url("/design/fonts/open-sans-v34-latin-regular.ttf") format("truetype"), url("/design/fonts/open-sans-v34-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

/* open-sans-700 - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("/design/fonts/open-sans-v34-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/design/fonts/open-sans-v34-latin-700.eot?#iefix") format("embedded-opentype"), url("/design/fonts/open-sans-v34-latin-700.woff2") format("woff2"), url("/design/fonts/open-sans-v34-latin-700.woff") format("woff"), url("/design/fonts/open-sans-v34-latin-700.ttf") format("truetype"), url("/design/fonts/open-sans-v34-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}

body {
  font-family: 'Open Sans', sans-serif;
}

#content {
  font-size: 16px;
}

.slick-prev:before,
.slick-next:before {
  color: #ed1b24;
}

.news-item {
  width: 33%;
}

.frame-type-pagelibrary_newslisting .news-item {
  width: 33%;
}

@media (max-width: 1024px) {
  .frame-type-pagelibrary_newslisting .news-item {
    width: 49%;
  }
}

@media (max-width: 768px) {
  .frame-type-pagelibrary_newslisting .news-item {
    width: 100%;
  }
}

.news-sidebar .carousel-indicators li {
  border-color: #ed1b24;
  background-color: #ffffff;
  margin: 1px 3px;
}

.news-sidebar .carousel-indicators .active {
  background-color: #ed1b24;
}

.news-sidebar .carousel-indicators li,
.news-sidebar .carousel-indicators li.active {
  width: 14px;
  height: 14px;
}

.news-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
  width: 100%;
}

.news-image-img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.news-img-thumbnails {
  margin-left: -6px;
  margin-right: -6px;
}

.news-img-thumbnails img {
  width: 118px !important;
  height: 75px;
}

.news-img-thumbnails > figure {
  border: 3px solid #ed1b24;
  margin: 5px;
  height: 80px;
  overflow: hidden;
}

.news-img-thumbnails a {
  width: auto;
  margin-right: 0;
}

.news-img-thumbnails iframe.video-embed-item {
  border: 0;
  margin: 0;
  padding: 0;
}

.frame-type-pagelibrary_magazinelisting {
  background: #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.magazine {
  max-width: 1024px;
  margin: 20px auto;
}

.magazine .magazine-inner {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}

.magazine .magazine-inner .embed-responsive-4by3 {
  padding-bottom: 85%;
}

@media (min-width: 1025px) {
  .magazine .magazine-items .item {
    width: 33.3333%;
  }
}

.magazine .magazine-title {
  margin-bottom: 8px;
  font-size: 115%;
  line-height: 1.25;
}

.magazine .magazine-title,
.magazine .magazine-title a,
.magazine .magazine-title a:hover {
  color: #000000;
}

.magazine .magazin-overlay {
  text-transform: none;
}

.magazine .magazin-overlay:hover {
  text-decoration: none;
}

.magazine .magazin-overlay:hover .magazine-overlay-text {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.magazine .magazine-overlay-text {
  font-size: 16px;
  color: #ffffff;
}

.magazine .magazine-overlay-text div {
  max-width: 100%;
  text-align: center;
}

.magazine .magazine-overlay-text i {
  color: #ffffff;
}

.magazine .magazine-content {
  padding: 15px 20px;
}

.magazine .magazine-tags {
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 27px;
  color: #ed1b24;
}

.magazine .magazine-time {
  color: #ed1b24;
}

.magazine .magazine-feature {
  color: #000000;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
}

.magazine .magazine-feature .magazine-image,
.magazine .magazine-feature .embed-responsive {
  margin-left: -1px;
}

.magazine .magazine-feature .magazine-tags {
  margin-bottom: 10px;
}

.magazine .magazin-feature-text {
  margin-bottom: 15px;
  color: #6f6f6f;
}

/**
  Magazin Detailseite
 */

body[data-type="101"] {
  font-size: 17px;
  line-height: 1.6;
}

@media (min-width: 992px) {
  body[data-type="101"] .container,
  body[data-type="101"] .shell {
    max-width: 800px;
  }

  body[data-type="101"] .frame-type-theme_linkblocks .container .blocks {
    margin-left: -130px;
    margin-right: -130px;
  }
}

.productselector .step-tabs > li.active > a:hover {
  border-color: #ec222d;
  text-decoration: none;
  color: #fff;
}

.frame-type-theme_header .headline,
.frame-type-theme_headerbasic .headline {
  background: #ed1b24;
  color: #ffffff;
}

.frame-type-theme_header .headline > *,
.frame-type-theme_headerbasic .headline > * {
  color: #ffffff;
}

.frame-type-theme_header .headline-primary {
  background: #ed1b24;
}

.frame-type-theme_header .headline-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}

.frame-type-theme_quote blockquote {
  color: #ed1b24;
}

.frame-type-theme_quote p::before,
.frame-type-theme_quote p::after {
  color: #ed1b24;
}

.frame-type-theme_headline .headline {
  text-transform: none;
}

.frame-type-theme_text .textwrap {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}

.frame-type-theme_testimonial blockquote,
.frame-type-theme_text blockquote,
.frame-type-theme_quote blockquote {
  border: 0;
  padding: 0;
  color: #ed1b24;
  margin: 10px -60px 10px -60px;
  font-size: 24px;
  line-height: 1.3;
  width: auto;
}

@media (max-width: 900px) {
  .frame-type-theme_testimonial blockquote,
  .frame-type-theme_text blockquote,
  .frame-type-theme_quote blockquote {
    margin: 10px 15px;
  }
}

.frame-type-theme_intro .intro-text {
  font-weight: bold;
  font-size: 100%;
  width: 100%;
  text-align: left;
  padding: 0;
}

.frame-type-theme_button .btn-inverted {
  background: transparent !important;
  border-color: #ed1b24 !important;
  color: #ed1b24 !important;
}

.frame-type-theme_button .btn-inverted:active,
.frame-type-theme_button .btn-inverted:hover {
  background: #ed1b24 !important;
  border-color: #ed1b24 !important;
  color: #fff !important;
}

.frame-type-theme_button .theme-content-img .btn-normal:active,
.frame-type-theme_button .theme-content-img .btn-normal:hover {
  background: #ed1b24 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.frame-type-theme_button .theme-content-img .btn-inverted {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: #ed1b24 !important;
  color: #ed1b24 !important;
}

.frame-type-theme_button .theme-content-img .btn-inverted:active,
.frame-type-theme_button .theme-content-img .btn-inverted:hover {
  background: #ed1b24 !important;
  border-color: #ed1b24 !important;
  color: #fff !important;
}

.frame-type-theme_linkblocks .blocks-item {
  height: 200px;
}

.frame-type-theme_linkblocks .title {
  background-color: #000000;
  text-transform: none;
}

.frame-type-theme_linkblocks .overlay:hover .title {
  background-color: #ed1b24;
  text-transform: none;
}

.frame-type-theme_divider .divider-element {
  border-top-color: #ed1b24;
}

.pteaser-new {
  background-color: #ed1b24;
}

.frame-type-theme_testimonial .text {
  border-top-color: #ed1b24;
  border-bottom-color: #ed1b24;
}

.frame-type-theme_testimonial .testimonial_tu-br .image,
.frame-type-theme_testimonial .testimonial_tu-bl .image {
  border-width: 5px;
  border-color: #ed1b24;
}

.frame-type-theme_footer .theme-content,
.frame-type-theme_footer .footer-title {
  color: #fff;
}

.frame-type-theme_footer .theme-content:not(.theme-content-bg) {
  background-color: #ed1b24;
}

.frame-type-theme_footer .footer-button {
  background: #fff;
  color: #ed1b24;
}

.frame-type-theme_headerintro .header-intro-box {
  background: rgba(237, 27, 36, 0.8);
}

@media (max-width: 790px) {
  .frame-type-theme_headerintro .header-intro-box {
    background: #ed1b24;
  }
}

.frame-type-theme_vertrieb .team-members {
  max-width: 90%;
}

.frame-type-theme_kontaktpersonen .persons-name,
.frame-type-theme_kontaktpersonen .headline,
.frame-type-theme_kontaktpersonen .topline,
.frame-type-theme_kontaktpersonen .carousel-control:hover {
  color: #ed1c24;
}

.frame-type-theme_kontaktpersonen .headline,
.frame-type-theme_kontaktpersonen .topline {
  color: #000;
  margin: 0;
  line-height: 1.4;
}

.frame-type-theme_kontaktpersonen .topline {
  margin-top: 25px;
  margin-bottom: 0;
  font-weight: normal;
  text-transform: none;
}

.frame-type-theme_kontaktpersonen .persons-overlay {
  background: rgba(255, 255, 255, 0.68);
  color: #000;
}

.frame-type-theme_kontaktpersonen .persons-overlay a {
  color: #000;
}

.frame-type-theme_kontaktpersonen .persons-btn {
  background: #ed1c24;
  color: #ffffff !important;
}

.frame-type-theme_kontaktpersonen .persons-btn:hover {
  background: #ef343b;
}