.circular-categories {
  position: relative;
  aspect-ratio: 1;
  border-radius: 150%;
  --radius: calc(var(--circular-categories-size) / 2 - var(--cirlce-size) / 2 + var(--radius-offset)) !important;
  --point-zero: 140.5;
  --radius-offset: 2.5rem;
  --circular-categories-size: 500px;
  --cirlce-size: 4.5rem;
}

.paragraph.paragraph--type--social-media-icons.paragraph--view-mode--default {
  display: flex;
  justify-content: space-around;
}

.paragraph.paragraph--type--social-media-icons a.social-icon {
  color: #e6e65f;
}


{
}
@media screen and (min-width: 992px) {
  .region-primary-footer-center .title-and-button, .region-primary-footer-right .title-and-button {
    padding: 22px 0 !important;
    /*margin: 48px 0 !important;*/
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin: 0px 0 !important;
  }
}

@media screen and (min-width: 200px) {

  .region-primary-footer-center .title-and-button, .region-primary-footer-right .title-and-button {
    margin: 48px 0;
    padding: 0 0;
  }

  .insight {
    margin-bottom: 25px;
  }

}

.paragraph.paragraph--type--social-media-icons.paragraph--view-mode--default {
  display: flex;
  justify-content: space-around;
  padding-top: 16px;
  max-width: 421px;
}

#block-followus {
  display: none
}


#loader-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e6e65f;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e6e65f;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e6e65f;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

.menu--2 ul {
  padding-inline-start: 0px !important;
}

.paragraph.paragraph--type--menu-topics.paragraph--view-mode--default {
  width: 215px !important;
}

.filters-component {
  //display: none;
}

.progress-bar__fill {
  height: 4px;
  background-color: #e6e65f;
  width: 0;
}


.region-primary-footer-center .tb-button-wrapper a {
  color: #000;
}


.paragraph--type--blog-post-overview-list .insight-image .responsive-img,
.paragraph--type--webinar-dynamic-overview-list .insight-image .responsive-img,
.paragraph--type--insight-overview-list .insight-image .responsive-img {
  max-height: 100%;
}


a.link-x-celerator.shown-xs {
  color: #ffffff;
}

.post-details {
  display: none;
}


.chevron-link__text {
  font-size: 22px;
}

.iframe.js-iframe-exists {
  min-height: 515px !important;
}


.dis-container-drupal-iot .icon-arrow-down-small:before {
  border-color: #000 !important;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .iframe.js-iframe-exists {
    min-height: 555px !important;
  }

  .hero .hero-content__title {
    font-size: 45px;
    line-height: 55px;
  }
}

.eloqua-generic-form > div > div:first-child:not(.container) {
  display: none;
}

@media screen and (max-width: 765px) {
  .mobile-sticky {
    position: fixed;
    bottom: -8px;
    width: 100%;
    left: 0;
    height: 50px;
    padding: 0;
    z-index: 10;
    margin: 0;
  }

  .cn-footer-desktop {
    display: none;
  }
}

@media screen and (min-width: 766px) {
  .mobile-sticky {
    display: none;
  }

  .cn-footer-mobile {
    display: none;
  }
}

.qr-code {
  max-width: 40%;
}

h2.insight-content__title {
  margin-top: 8px;
  margin-bottom: 12px;
  color: #ffffff;
}

h2.insight-content__title:hover {
  color: #e6e65f;
  cursor: pointer;
  text-decoration: none !important;
}

.insight-content {
  min-height: 70px;
}

.insight-content__category {
  font-size: 16px;
  line-height: 22px;
  margin-right: auto;
  min-height: 22px;
  /* padding-top: 20px; */
  /* vertical-align: bottom; */
  /* position: absolute; */
  bottom: 0px;
}


.insight-list {
  padding: 0px 0;
}

.insight-image .responsive-img {
  max-height: 100%;
}


.svgicon-default.svgicon-social-twitter {
  width: 26px;
}


.icon {
  right: 20px;
  top: 20px;
  cursor: pointer;
  font-size: 24px;
  z-index: 3;
}

.overlay {
  position: fixed;
  top: 0;
  right: -100%; /* Startpunkt außerhalb des Bildschirms */
  width: 100%;
  height: 100%;
  background-color: #000028;
  transition: right 0.25s ease-in-out;
  z-index: 2;
  overflow-x: hidden; /* Verhindert horizontales Scrollen */
}

.overlay-content {
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  top: 140px;
  left: 47%;
  transform: translateX(-50%);
  text-align: center;
  color: white;
  z-index: 2;
}

.overlay-content ul {
  list-style: none;
  float: left;
}

.overlay-content li {
  display: inline-block;
  padding: 45px;
}


span.chevron-link__text.small {
  font-size: 16px;
  text-decoration: underline;
}


.menu_link_content.menu-link-contentindustries.view-mode-default.contextual-region.menu-dropdown.menu-dropdown-0.menu-type-default {
  max-width: 1050px;
}


.region.region-primary-menu-left {
  width: 80%;
}

.swiper-container {
  direction: ltr;
}


.questionnaire .title__wrapper {
  margin-bottom: 10px !important;
}

.container.small_gap {
  padding-top: 50px;
}

.svg-desktop {
  max-width: 100%; /* Kann nicht breiter sein als der Container */
  height: auto;
}


@media screen and (max-width: 640px) {

  .svg-desktop {
    display: none;

  }

  .svg-mobile {
    display: block;
  }

  .marquee-content.marquee {
    -webkit-animation: marquee 5s linear infinite !important;
  }

  .logo-wrapper__image .responsive-img {
    width: auto;
    height: 62px;
  }


}

@media screen and (min-width: 640px) {
  .tiled-image-text-wrap.small_gap{
    padding-left: 100px;
    padding-right: 100px;
  }

  .svg-desktop {
    display: block;

  }

  .svg-mobile {
    display: none;
  }

  .logo-wrapper__image .responsive-img {
    width: auto;
  }
}

.paragraph.paragraph--type--circle-usp.paragraph--view-mode--default.background-theme-deepblue {
  padding-bottom: 60px;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(100vw)
  }
  100% {
    -webkit-transform: translateX(-100vw)
  }
}

.logo-slider .title__wrapper {
  display: block;
}

.logo-slider .title__wrapper a {
  margin-left: 0px !important;
}

.scrollup {
  display: none !important;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  text-indent: -9999px;
  background: url(../images/arrow.png) center no-repeat;
  border-radius: 50%;
  display: none;
}


.menu--2 {
  border: none !important;
}

a.sticky-button.modal-button-open.sticky-button--is-active {
    left: 180px;
}