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

.customer-styles .widget_template_socialmedia {
  background-color: #d8d3ca;
  position: relative;
  padding: 50px 20px;
}

@media (min-width: 768px) {
  .customer-styles .widget_template_socialmedia {
    padding: 50px 20px;
  }
}

@media (min-width: 992px) {
  .customer-styles .widget_template_socialmedia {
    padding: 100px 20px;
  }
}

.customer-styles .widget_template_socialmedia a:before {
  display: none !important;
}

.customer-styles .widget_template_socialmedia .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: 0 0 40px 0;
}

@media (min-width: 768px) {
  .customer-styles .widget_template_socialmedia .filter-wrapper {
    padding: 0 0 85px 0;
  }
}

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

.customer-styles .widget_template_socialmedia .filter-wrapper .active {
  background-color: #413f3a;
  color: white;
}

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

.customer-styles .widget_template_socialmedia .filter-wrapper .all-icon:after {
  content: "Alle";
  display: block;
  font-family: "Libre Baskerville", sans-serif;
  color: white;
  font-weight: normal;
  font-size: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  position: fixed;
  text-transform: uppercase;
}

.customer-styles .widget_template_socialmedia .filter-wrapper .instagram-icon:after {
  content: "";
  color: black;
  width: 34px;
  height: 34px;
  top: 21%;
  left: 56%;
  transform: translate(-50%, 0%);
  position: fixed;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='28px' height='28px' viewBox='0 0 504 504' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 59 (86127) - https://sketch.com --%3E%3Ctitle%3Eglyph-logo_May2016%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0.159 503.841 0.159 503.841 503.94 0 503.94'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-156.000000, -31.000000)'%3E%3Cg id='glyph-logo_May2016' transform='translate(156.000000, 31.000000)'%3E%3Cg id='Group-3'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Clip-2'%3E%3C/g%3E%3Cpath d='M251.921,0.159 C183.503,0.159 174.924,0.449 148.054,1.675 C121.24,2.898 102.927,7.157 86.903,13.385 C70.337,19.822 56.288,28.436 42.282,42.441 C28.277,56.447 19.663,70.496 13.226,87.062 C6.998,103.086 2.739,121.399 1.516,148.213 C0.29,175.083 0,183.662 0,252.08 C0,320.497 0.29,329.076 1.516,355.946 C2.739,382.76 6.998,401.073 13.226,417.097 C19.663,433.663 28.277,447.712 42.282,461.718 C56.288,475.723 70.337,484.337 86.903,490.775 C102.927,497.002 121.24,501.261 148.054,502.484 C174.924,503.71 183.503,504 251.921,504 C320.338,504 328.917,503.71 355.787,502.484 C382.601,501.261 400.914,497.002 416.938,490.775 C433.504,484.337 447.553,475.723 461.559,461.718 C475.564,447.712 484.178,433.663 490.616,417.097 C496.843,401.073 501.102,382.76 502.325,355.946 C503.551,329.076 503.841,320.497 503.841,252.08 C503.841,183.662 503.551,175.083 502.325,148.213 C501.102,121.399 496.843,103.086 490.616,87.062 C484.178,70.496 475.564,56.447 461.559,42.441 C447.553,28.436 433.504,19.822 416.938,13.385 C400.914,7.157 382.601,2.898 355.787,1.675 C328.917,0.449 320.338,0.159 251.921,0.159 Z M251.921,45.55 C319.186,45.55 327.154,45.807 353.718,47.019 C378.28,48.139 391.619,52.243 400.496,55.693 C412.255,60.263 420.647,65.722 429.462,74.538 C438.278,83.353 443.737,91.745 448.307,103.504 C451.757,112.381 455.861,125.72 456.981,150.282 C458.193,176.846 458.45,184.814 458.45,252.08 C458.45,319.345 458.193,327.313 456.981,353.877 C455.861,378.439 451.757,391.778 448.307,400.655 C443.737,412.414 438.278,420.806 429.462,429.621 C420.647,438.437 412.255,443.896 400.496,448.466 C391.619,451.916 378.28,456.02 353.718,457.14 C327.158,458.352 319.191,458.609 251.921,458.609 C184.65,458.609 176.684,458.352 150.123,457.14 C125.561,456.02 112.222,451.916 103.345,448.466 C91.586,443.896 83.194,438.437 74.379,429.621 C65.564,420.806 60.104,412.414 55.534,400.655 C52.084,391.778 47.98,378.439 46.86,353.877 C45.648,327.313 45.391,319.345 45.391,252.08 C45.391,184.814 45.648,176.846 46.86,150.282 C47.98,125.72 52.084,112.381 55.534,103.504 C60.104,91.745 65.563,83.353 74.379,74.538 C83.194,65.722 91.586,60.263 103.345,55.693 C112.222,52.243 125.561,48.139 150.123,47.019 C176.687,45.807 184.655,45.55 251.921,45.55 L251.921,45.55 Z' id='Fill-1' fill='%23FFFFFF' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3Cpath d='M251.921,336.053 C205.543,336.053 167.947,298.457 167.947,252.08 C167.947,205.702 205.543,168.106 251.921,168.106 C298.298,168.106 335.894,205.702 335.894,252.08 C335.894,298.457 298.298,336.053 251.921,336.053 Z M251.921,122.715 C180.474,122.715 122.556,180.633 122.556,252.08 C122.556,323.526 180.474,381.444 251.921,381.444 C323.367,381.444 381.285,323.526 381.285,252.08 C381.285,180.633 323.367,122.715 251.921,122.715 L251.921,122.715 Z' id='Fill-4' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M416.627,117.604 C416.627,134.3 403.092,147.834 386.396,147.834 C369.701,147.834 356.166,134.3 356.166,117.604 C356.166,100.908 369.701,87.373 386.396,87.373 C403.092,87.373 416.627,100.908 416.627,117.604' id='Fill-5' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.customer-styles .widget_template_socialmedia .filter-wrapper .facebook-icon::after {
  content: "";
  color: white;
  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='%23ffffff' 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_socialmedia .filter-wrapper .youtube-icon::after {
  content: "";
  color: white;
  width: 35px;
  height: 35px;
  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='%23FFFFFF' 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_socialmedia .filter-wrapper .blog-icon:after {
  content: "Blog";
  display: block;
  font-family: "Libre Baskerville", sans-serif;
  color: white;
  font-weight: normal;
  font-size: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  position: fixed;
  text-transform: uppercase;
}

.customer-styles .widget_template_socialmedia .txt-tpl .article-headline {
  color: white;
}

.customer-styles .widget_template_socialmedia .social-media-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.customer-styles .widget_template_socialmedia .social-media-wrapper .sm-item {
  display: block;
  text-decoration: none;
  position: relative;
  margin: 10px;
  background-color: #a32e2e;
  width: 100%;
  flex-grow: 0;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .customer-styles .widget_template_socialmedia .social-media-wrapper .sm-item {
    width: calc(50% - 20px);
  }
}

@media (min-width: 1024px) {
  .customer-styles .widget_template_socialmedia .social-media-wrapper .sm-item {
    width: calc(33.333% - 20px);
  }
}

@media (min-width: 1300px) {
  .customer-styles .widget_template_socialmedia .social-media-wrapper .sm-item {
    width: calc(25% - 20px);
  }
}

.customer-styles .widget_template_socialmedia .social-media-wrapper .sm-item.hidden {
  display: none;
}

.customer-styles .widget_template_socialmedia .global-add-button {
  position: relative;
  display: block;
  margin-bottom: 40px;
  margin-top: 16px;
  font-family: 'Libre Baskerville', sans-serif;
  font-size: 15px;
  font-style: italic;
  text-align: center;
}

.customer-styles .widget_template_socialmedia .global-add-button:after {
  content: ' ';
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background-position: center;
  background-size: 10px;
  border: 1px solid #413f3a;
  border-radius: 20px;
  pointer-events: all;
}

.customer-styles .widget_template_socialmedia .global-add-button:hover::after {
  cursor: pointer;
}

.customer-styles .widget_template_socialmedia .global-add-button:before {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #413f3a;
  border-left: 0;
  border-top: 0;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: all;
}

.customer-styles .widget_template_socialmedia .global-add-button:hover::before {
  cursor: pointer;
}