/*
 * Degussa SCSS
 * 2022-04-05
 * DETAIL AG / WLC
 */
.degussa-product-slider-outer-container {
  padding: 10px;
}
.degussa-product-slider-outer-container.nopadding {
  padding: 0;
}

.degussa-slider-context {
  background-color: #BE9F56;
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.degussa-slider-context .slider-title {
  padding: 12px 15px;
  font-size: 21px;
  text-transform: uppercase;
}
.degussa-slider-context .slider-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .degussa-slider-context .slider-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.degussa-slider-context .slider-actions a.context-link {
  display: flex;
  font-size: 20px;
  padding: 6px 15px;
  color: #FFFFFF;
  align-items: center;
  opacity: 0.85;
  line-height: 20px;
}
.degussa-slider-context .slider-actions a.context-link:hover {
  opacity: 1;
}
.degussa-slider-context .slider-actions a.context-link img.context-link-icon {
  margin-right: 8px;
}

body.rtl .degussa-slider-context .slider-actions a.context-link {
  font-size: 22px;
}

.degussa-product-slider {
  width: 100%;
  overflow-x: hidden;
  background-color: #423628;
}
.degussa-product-slider .slider {
  width: 200%;
  height: 260px;
  display: flex;
  background-color: transparent;
  transform: translate(-50%, 0);
  animation-iteration-count: infinite;
  animation-name: slider;
  animation-duration: 40s;
  animation-timing-function: linear;
  color: #FFFFFF;
  user-select: none;
}
.degussa-product-slider .slider:hover {
  animation-play-state: paused;
}

.product {
  position: relative;
  background-color: transparent;
  margin-right: 2px;
  flex: 1 1 auto;
  min-width: 200px;
}
.product .product-content {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  justify-content: center;
  align-items: center;
}
.product .product-content .product-description {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 50%;
  left: 50%;
  z-index: 10;
  height: 30px;
  display: flex;
  width: 150px;
  text-align: center;
  flex-wrap: nowrap;
  transition: opacity 0.5s;
}
.product .product-content .product-description a.buy-product-button {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  background-color: #BE9F56;
  color: #FFFFFF;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.7);
  text-align: center;
  flex-wrap: nowrap;
}
.product .product-content .product-description a.buy-product-button span {
  margin-right: 10px;
}
.product .product-content .product-image {
  position: relative;
  transform: scale(0.8);
  transition: transform 0.18s;
}
.product .product-content:hover .product-image {
  transform: scale(1);
}
.product .product-content:hover .product-image + .product-description {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}

@keyframes slider {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-50%, 0);
  }
}
.content-stack {
  margin-bottom: 15px;
  position: relative;
}

.degussa-admin-editor {
  position: absolute;
  top: -22px;
  left: 10px;
  z-index: 10000;
  opacity: 0.75;
}
.degussa-admin-editor:hover {
  background-color: white;
  opacity: 1;
}
.degussa-admin-editor a {
  z-index: 10000;
  padding: 5px;
  display: inline-block;
  font-size: 12px;
  color: black;
  cursor: pointer;
}

.goldbar {
  background-color: var(--e-global-color-primary);
}

.subnav {
  background-color: var(--e-global-color-primary);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 10px;
  padding: 10px 10px;
  box-sizing: border-box;
  min-height: 44px;
}
.subnav.gold {
  padding: 5px 10px;
}
.subnav .subnav-item {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 10px;
}
.subnav .subnav-item a {
  padding: 2px 15px 2px 5px;
  display: block;
  text-decoration: none;
  line-height: 18px;
  color: var(--e-global-color-8001bcf);
  transition: color 0.3s;
  font-size: 20px;
}
.subnav .subnav-item a:hover, .subnav .subnav-item a.active {
  color: var(--e-global-color-text);
}
.subnav .subnav-item:not(:last-child) a {
  border-right: solid 1px var(--e-global-color-8001bcf);
}

body.rtl:not(#html-body) .subnav .subnav-item a {
  padding: 2px 5px 2px 15px;
}
body.rtl:not(#html-body) .subnav .subnav-item:not(:last-child) a {
  border-left: solid 1px var(--e-global-color-8001bcf) !important;
  border-right: none !important;
}

.elementor-nav-menu--main .elementor-nav-menu a {
  transition: none !important;
}

.gold {
  position: relative;
  overflow: hidden;
}
.gold .elementor-widget-container {
  margin: 0 !important;
}
.gold.full-width {
  width: 100%;
}
.gold.full-width .elementor-button {
  width: 100%;
  transition: none;
}
.gold:after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 1024px;
  height: 220px;
  top: 0;
  left: 0;
  background: url("https://i.imgur.com/ikELKdm.png") no-repeat -100px 0;
  animation-name: roll;
  animation-duration: 25s;
  mix-blend-mode: screen;
  animation-iteration-count: infinite;
  background-size: 512px;
  opacity: 0.5;
  animation-timing-function: linear;
}

@keyframes roll {
  from {
    background-position: -100% -64px;
  }
  to {
    background-position: 100% -64px;
  }
}
.price-list-actions {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px auto;
}
.price-list-actions button {
  border: none;
  outline: none;
  border-radius: 0;
  font-size: 18px;
  padding: 8px 16px;
}
.price-list-actions .price-list-search {
  display: flex;
  padding: 4px 20px 4px 0;
}
.price-list-actions .category-filter {
  display: flex;
}
.price-list-actions .category-filter .filter-item {
  padding: 8px 20px;
  margin-right: 20px;
  cursor: pointer;
}
.price-list-actions .category-filter .filter-item.active {
  color: var(--e-global-color-primary);
}

.inline-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: none;
}

.degussa-price-list td.center-align {
  text-align: center;
}
.degussa-price-list td.clickable {
  cursor: pointer;
}
.degussa-price-list td.force-ltr {
  direction: ltr !important;
}
.degussa-price-list td.short {
  width: 120px;
}
.degussa-price-list td.right-align {
  text-align: right;
}
.degussa-price-list .degussa-price-list-thumb {
  width: 30px;
  height: 30px;
  min-width: 30px;
  object-fit: contain;
}

.timestamp-inline {
  padding: 8px 0;
  display: flex;
}

.degussa-press-photos-container {
  width: 100%;
}
.degussa-press-photos-container .degussa-press-photos {
  margin: 0 -20px 0 -20px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame {
  padding: 20px 20px 50px 20px;
  width: 33.333333%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame {
    width: 50%;
  }
}
.degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame .press-photo-img-link {
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: block;
  position: relative;
  margin-bottom: 8px;
}
.degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame .press-photo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: contain;
  background-color: white;
  height: 100%;
  display: block;
}
.degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame .press-photo-description .press-photo-title {
  font-weight: bold;
}
.degussa-press-photos-container .degussa-press-photos .degussa-press-photo-frame .press-photo-description .press-photo-metadata {
  font-size: 14px;
}

.pressarticles .pressarticle-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.pressarticles .pressarticle-content .pressarticle-post {
  display: flex;
  flex: 0 0 auto;
  padding: 10px;
  flex-direction: column;
  width: 33.333333%;
}
@media screen and (max-width: 960px) {
  .pressarticles .pressarticle-content .pressarticle-post {
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  .pressarticles .pressarticle-content .pressarticle-post {
    width: 100%;
  }
}
.pressarticles .pressarticle-content .pressarticle-post .press-article-image-container {
  width: 100%;
  display: block;
  padding-top: 75%;
  height: 0;
  position: relative;
}
.pressarticles .pressarticle-content .pressarticle-post .press-article-image-container .press-article-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description {
  padding: 8px 0;
}
.pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description .pressarticle-title {
  color: var(--e-global-color-primary);
  font-size: 18px;
  font-weight: 500 !important;
  transition: color 0.3s;
  display: block;
  text-transform: uppercase;
}
.pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description .pressarticle-title:hover {
  color: var(--e-global-color-text);
  cursor: pointer;
}
.pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description .pressarticle-publication, .pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description .pressarticle-publishing-date {
  color: var(--e-global-color-text) !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500s;
}
.pressarticles .pressarticle-content .pressarticle-post a.pressarticle-description .pressarticle-publishing-date {
  font-size: 16px;
  font-weight: 400;
}

.degussa-faq {
  width: 100%;
  padding: 10px;
}
.degussa-faq .faq-filters {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 20px 0;
}
.degussa-faq .faq-filters a {
  text-transform: uppercase;
  margin-right: 20px;
  text-decoration: underline;
}
.degussa-faq .faq-filters a:hover, .degussa-faq .faq-filters a.active {
  color: var(--e-global-color-text);
}
.degussa-faq .faq-content {
  user-select: none;
}
.degussa-faq .faq-content .faq-post {
  padding-bottom: 20px;
}
.degussa-faq .faq-content .faq-post .faq-title {
  cursor: pointer;
  font-size: 20px;
  padding-bottom: 5px;
  color: var(--e-global-color-primary);
}
.degussa-faq .faq-content .faq-post .faq-title:hover {
  color: var(--e-global-color-text);
}
.degussa-faq .faq-content .faq-post .faq-title.active {
  font-weight: bold;
}
.degussa-faq .faq-content .faq-post .faq-content {
  padding-bottom: 25px;
}

.circle-statistics-container {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  .circle-statistics-container {
    gap: 0;
  }
}

.circle-statistic {
  padding: 0 20px;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
  text-align: center;
  flex: 0 1 auto;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 260px;
  max-width: 367px;
  width: 33.333%;
}
.circle-statistic .circle {
  position: relative;
  width: 240px;
  height: 240px;
  display: flex;
  justify-content: center;
}
.circle-statistic .circle .circle-text {
  position: absolute;
  display: flex;
  width: 240px;
  height: 240px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--e-global-color-primary);
  font-size: 26px;
}
.circle-statistic .circle .progress-circle {
  position: absolute;
  display: flex;
  width: 240px;
  height: 240px;
  left: 50%;
  transform: translate(-50%, 0) rotate(-90deg);
}
.circle-statistic:hover .circle circle.progress {
  stroke-width: 36px;
}
.circle-statistic .label {
  text-align: center;
  color: var(--e-global-color-text);
}

.circle svg circle.progress {
  fill: none;
  stroke-width: 12px;
  transition: stroke-width 0.4s cubic-bezier(0.32, 0.62, 0.06, 1);
}
.circle svg circle.progress.animate {
  animation: progress 12s cubic-bezier(0.32, 0.62, 0.06, 1) forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 628;
  }
}
.documentlist {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.documentlist .documentlist-container {
  box-sizing: border-box;
  width: 30%;
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  background-color: var(--e-global-color-8001bcf);
}
@media screen and (max-width: 768px) {
  .documentlist .documentlist-container {
    width: 47%;
    flex: 0 0 47%;
  }
}
.documentlist .documentlist-container .documentlist-thumbnail {
  width: 100%;
  margin: 0;
  padding: 0;
}
.documentlist .documentlist-container .documentlist-thumbnail img {
  display: block;
  width: 100%;
}
.documentlist .documentlist-container .documentlist-title {
  font-size: 18px;
  padding: 14px 16px;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.icontextlist {
  display: block;
}
.icontextlist .icontext-item {
  display: flex;
  justify-content: stretch;
  margin-bottom: 24px;
}
.icontextlist .icontext-item .icontext-icon {
  flex: 0 0 auto;
  margin-right: 16px;
  display: flex;
  justify-content: flex-start;
}
.icontextlist .icontext-item .icontext-icon img {
  width: 32px;
}
.icontextlist .icontext-item .icontext-content {
  font-size: 18px;
  flex: 1 1 auto;
}

.degussa-chart .degussa-chart-container select {
  border: solid 1px var(--e-global-color-primary);
  outline: none;
  background-color: var(--e-global-color-8001bcf);
}
.degussa-chart .update-notice {
  font-size: 11px;
  opacity: 0.6;
}

/*# sourceMappingURL=elementor-degussa.css.map */