/* offline: ensure images visible without JS hydration */
[data-main-image] {
  opacity: 1 !important;
}
.gatsby-image-wrapper [data-placeholder-image] {
  display: none !important;
}
#placeholder, #chat-ui, #smartyContainer, .cmpbox, .cmpboxBG {
  display: none !important;
}
a[href="#"] {
  cursor: default;
}
/* Depotarten: 3 cards in a row without React carousel */
#depotarten .p-carousel-horizontal, #depotarten .p-carousel-content, #depotarten .p-carousel-items-content {
  overflow: visible;
}
#depotarten .p-carousel-items-container {
  display: flex !important;
  flex-wrap: nowrap;
  transform: none !important;
}
#depotarten .p-carousel-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
}
#depotarten [data-testid="card"] {
  width: 100%;
}
#depotarten [data-testid="card"].hKtXqu {
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  #depotarten .p-carousel-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  #depotarten .p-carousel-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
#depotarten .p-carousel-prev, #depotarten .p-carousel-next, #depotarten .p-carousel-indicators {
  display: none !important;
}
#depotarten .product-card-image img[data-main-image] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Services: cards in a row without React carousel */
#services .p-carousel-horizontal, #services .p-carousel-content, #services .p-carousel-items-content {
  overflow: hidden;
}
#services .p-carousel-items-container {
  display: flex !important;
  flex-wrap: nowrap;
  transform: none !important;
  align-items: stretch;
}
#services .p-carousel-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
}
#services [data-testid="card"] {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #services .p-carousel-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  #services .p-carousel-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media screen and (min-width: 1200px) {
  #services .p-carousel-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
/* Blog: 3 cards visible without React carousel */
#blog .p-carousel-horizontal, #blog .p-carousel-content, #blog .p-carousel-items-content {
  overflow: hidden !important;
}
#blog .p-carousel-items-container {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
}
#blog .p-carousel-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  visibility: visible !important;
}
#blog .gmHLa-D {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #blog .p-carousel-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  #blog .p-carousel-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
#blog .IKFAP {
  position: relative;
  width: 100%;
}
#blog .IKFAP .gatsby-image-wrapper.image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
#blog .IKFAP .gatsby-image-wrapper.image > div:first-child {
  display: none !important;
}
#blog .IKFAP .gatsby-image-wrapper.image picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
#blog .IKFAP .gatsby-image-wrapper.image img[data-main-image] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Sicherheit: 3 cards in a row without React carousel */
#sicherheit .p-carousel-horizontal, #sicherheit .p-carousel-content, #sicherheit .p-carousel-items-content {
  overflow: visible;
}
#sicherheit .p-carousel-items-container {
  display: flex !important;
  flex-wrap: nowrap;
  transform: none !important;
  align-items: stretch;
}
#sicherheit .p-carousel-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  visibility: visible !important;
}
#sicherheit [data-testid="card"] {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #sicherheit .p-carousel-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  #sicherheit .p-carousel-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
#sicherheit .p-carousel-prev, #sicherheit .p-carousel-next, #sicherheit .p-carousel-indicators {
  display: none !important;
}
#advertorial-banner {
  z-index: 10000;
  position: relative;
}
#global-header {
  position: static;
  top: auto;
  left: auto;
}
.brbKBT {
  display: none;
  height: 0;
}
#services .p-carousel-item[aria-hidden="false"] {
  display: flex; /* show active item */
  align-items: stretch;
}
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(337deg, #66e5ff 36.5%, #0ca0bd 83.15%);
  clip-path: polygon(0% 100%, 40% 60%, 60% 80%, 100% 20%, 100% 0%, 0% 0%);
}
.text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
}
.text span {
  color: #0c9fbd;
}