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

.customer-styles .widget_template_blog {
  padding-bottom: 30px;
  background-color: #000;
  position: relative;
}

.customer-styles .widget_template_blog.tpl-text-bg {
  background-color: #000;
  position: relative;
}

.customer-styles .widget_template_blog.bg-2 {
  background: #000 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 1080' %3E%3Cstyle type='text/css'%3E .st0%7Bfill: transparent; stroke: %23ff1744; stroke-width: 0.5px; %7D%0A%3C/style%3E%3Cg%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%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/svg%3E%0A");
  background-size: contain;
  background-position-y: 15%;
}

.customer-styles .widget_template_blog .filter-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  padding: 45px 0;
}

.customer-styles .widget_template_blog .filter-wrapper .filter-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: #90a4ae;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: translate(0%, 0%);
  margin: 0 5px;
}

.customer-styles .widget_template_blog .filter-wrapper .active {
  background-color: #ff1744;
}

.customer-styles .widget_template_blog .filter-wrapper.show {
  display: block;
}

.customer-styles .widget_template_blog .filter-wrapper .all-icon:after {
  content: "ALLE";
  display: block;
  color: #1e1e1e;
  font-family: 'DroidSans';
  font-weight: normal;
  font-size: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  position: fixed;
}

.customer-styles .widget_template_blog .filter-wrapper .dc-icon:after {
  content: "";
  color: black;
  width: 34px;
  height: 34px;
  top: 24%;
  left: 52%;
  transform: translate(-50%, 0%);
  position: fixed;
  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");
  background-repeat: no-repeat;
}

.customer-styles .widget_template_blog .filter-wrapper .facebook-icon::after {
  content: "";
  color: black;
  width: 25px;
  height: 25px;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0%);
  position: fixed;
  background-repeat: no-repeat;
  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 .widget_template_blog .filter-wrapper .youtube-icon::after {
  content: "";
  color: black;
  width: 34px;
  height: 34px;
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0%);
  position: fixed;
  background-repeat: no-repeat;
  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 .widget_template_blog .filter-wrapper .linkedin-icon::after {
  content: "";
  color: black;
  width: 36px;
  height: 36px;
  top: 25%;
  left: 66%;
  transform: translate(-50%, 0%);
  position: fixed;
  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 .widget_template_blog .filter-wrapper .xing-icon::after {
  content: "";
  color: black;
  width: 34px;
  height: 34px;
  top: 25%;
  left: 60%;
  transform: translate(-50%, 0%);
  position: fixed;
  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 .widget_template_blog .filter-wrapper .netzvitamine-icon::after {
  content: "";
  color: black;
  width: 30px;
  height: 30px;
  top: 15%;
  left: 55%;
  transform: translate(-50%, 0%);
  position: fixed;
  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 .widget_template_blog .tpl-teaser-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.customer-styles .widget_template_blog .tpl-teaser-container .tpl-teaser {
  display: block;
  text-decoration: none;
  position: relative;
  margin: 10px;
  background-color: #303030;
  width: 100%;
  flex-grow: 0;
  box-sizing: border-box;
}

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

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

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

.customer-styles .widget_template_blog .tpl-teaser-container .tpl-teaser.hidden {
  display: none;
}

.customer-styles .widget_template_blog .tpl-teaser-container .tpl-teaser > .article,
.customer-styles .widget_template_blog .tpl-teaser-container .tpl-teaser > .article > .geneva-content-wrapper,
.customer-styles .widget_template_blog .tpl-teaser-container .tpl-teaser > .article > .geneva-content-wrapper > template_blog-item {
  height: 100%;
}