.customer-styles {
  /* START article: blog-item */
  /* END article: blog-item */
}

.customer-styles .template_blog-item {
  background-color: #000;
  border: 1px solid #414141;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px 10px 10px;
}

.customer-styles .template_blog-item a {
  text-decoration: none;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.customer-styles .template_blog-item a .tpl-teaser-source {
  width: 100%;
}

@media (min-width: 768px) {
  .customer-styles .template_blog-item .tpl-teaser {
    width: calc(50% - 20px);
  }
}

@media (min-width: 1024px) {
  .customer-styles .template_blog-item .tpl-teaser {
    width: calc(33.333% - 20px);
  }
}

@media (min-width: 1300px) {
  .customer-styles .template_blog-item .tpl-teaser {
    width: calc(25% - 20px);
  }
}

.customer-styles .template_blog-item .tpl-teaser-source {
  align-self: flex-end;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #424242 transparent transparent;
  margin-right: -10px;
}

.customer-styles .template_blog-item .tpl-content {
  flex: 1 100%;
}

.customer-styles .template_blog-item .tpl-teaser-source-facebook::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -55px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 310 310' %3E%3Cg%3E%3Cpath fill='%23212121' d='M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064 c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996 V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545 C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703 c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.customer-styles .template_blog-item .tpl-teaser-source-dc::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -61px;
  width: 34px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='dchh_bildmarke_rgb' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='200 0 1520 1080'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23212121;%7D%0A%3C/style%3E%3Cg id='logo_9_'%3E%3Ccircle class='st0' cx='1488.7' cy='248.5' r='102.5'/%3E%3Cpath class='st0' d='M1058,690.3c-56.3,0-102.2-45.8-102.2-102.2c0-56.3,45.8-102.2,102.2-102.2c46.7,0,86.1,31.5,98.3,74.3h243.4 C1385.5,384,1238,245.4,1058,245.4c-189.3,0-342.8,153.5-342.8,342.8S868.7,930.9,1058,930.9c179.9,0,327.5-138.7,341.6-314.9 h-243.4C1144.2,658.8,1104.7,690.3,1058,690.3z'/%3E%3Cg%3E%3Cpath class='st0' d='M671.5,591.2c0-189.3-153.5-342.8-342.8-342.8v240.6c56.3,0,102.2,45.8,102.2,102.2s-45.8,102.2-102.2,102.2 V934C518.1,934,671.5,780.5,671.5,591.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.customer-styles .template_blog-item .tpl-teaser-source-youtube::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -55px;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%23212121' d='M21.8 8s-.195-1.377-.795-1.984c-.76-.797-1.613-.8-2.004-.847-2.798-.203-6.996-.203-6.996-.203h-.01s-4.197 0-6.996.202c-.39.046-1.242.05-2.003.846C2.395 6.623 2.2 8 2.2 8S2 9.62 2 11.24v1.517c0 1.618.2 3.237.2 3.237s.195 1.378.795 1.985c.76.797 1.76.77 2.205.855 1.6.153 6.8.2 6.8.2s4.203-.005 7-.208c.392-.047 1.244-.05 2.005-.847.6-.607.795-1.985.795-1.985s.2-1.618.2-3.237v-1.517C22 9.62 21.8 8 21.8 8zM9.935 14.595v-5.62l5.403 2.82-5.403 2.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-styles .template_blog-item .tpl-teaser-source-linkedin::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -55px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 25 25' fill='%23212121'%3E%3Cpath d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z' /%3E%3C/svg%3E");
}

.customer-styles .template_blog-item .tpl-teaser-source-xing::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -55px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23212121'%3E%3Cpath d='M14.887 24l-5.324-9.667 8.07-14.333h4.933l-8.069 14.333 5.27 9.667h-4.88zm-7.291-19h-4.939l2.768 4.744-4.115 7.256h4.914l4.117-7.271-2.745-4.729z' /%3E%3C/svg%3E");
}

.customer-styles .template_blog-item .tpl-teaser-source-netzvitamine::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -55px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 631 764'%3E%3Cpolygon fill='%23212121' points='505.388,533.58 199.162,678.468 450.703,764' /%3E%3Cpolygon fill='%23212121' points='631.001,493.732 490.595,233.356 505.388,533.58' /%3E%3Cpolygon fill='%23212121' points='222.363,349.362 0,465.732 199.162,678.468 505.388,533.58 490.595,233.356' /%3E%3Cpolygon fill='%23212121' points='0,465.732 222.363,349.362 180.723,191' /%3E%3Cpolygon fill='%23212121' points='180.723,191 222.363,349.362 490.595,233.356' /%3E%3Cpolygon fill='%23212121' points='0,465.732 136.701,716.563 199.162,678.468' /%3E%3Cpolygon fill='%23212121' points='450.703,764 199.162,678.468 136.701,716.563' /%3E%3Cpolygon fill='%23212121' points='450.703,764 631.001,493.732 505.388,533.58' /%3E%3Cpolygon fill='%23212121' points='222.363,349.362 199.162,678.468 505.388,533.58' /%3E%3Cpolygon fill='%23212121' points='347.013,191 397.574,76.053 350.985,64.407' /%3E%3Cpolygon fill='%23212121' points='350.985,64.407 397.574,76.053 445.378,0' /%3E%3Cpolygon fill='%23212121' points='397.574,76.053 453.552,119.234 445.378,0' /%3E%3Cpolygon fill='%23212121' points='453.552,119.234 347.013,191 397.574,76.053' /%3E%3C/svg%3E%0A");
}

.customer-styles .template_blog-item .tpl-teaser-headline {
  font-family: "Dosis-Bold";
  font-size: 18px;
  font-weight: normal;
  color: #ff1744;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 4px;
  padding: 0 7.5%;
}

.customer-styles .template_blog-item .tpl-teaser-text {
  font-family: "OpenSans";
  font-size: 13px;
  color: #90a4ae;
  text-align: center;
  padding: 0px 15%;
  letter-spacing: 0.2px;
}

.customer-styles .template_blog-item .tpl-teaser-text p {
  margin: 0;
}

.customer-styles .template_blog-item .tpl-teaser-image {
  margin-top: 40px;
  width: 100%;
  align-self: flex-end;
}

.customer-styles .template_blog-item .tpl-teaser-date {
  font-family: "OpenSans";
  font-size: 13px;
  color: #90a4ae;
  text-align: center;
  padding: 25px 15%;
}