.elementor-2061 .elementor-element.elementor-element-f9a458f{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2061 .elementor-element.elementor-element-966e3d5{--spacer-size:60px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2061 .elementor-element.elementor-element-05b91a1{padding:10px 10px 10px 10px;--image-border-color:var( --e-global-color-primary );--image-border-width:0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-image{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}@media(max-width:1024px){.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}/* Start custom CSS for gallery, class: .elementor-element-05b91a1 *//* Arning Galerie – Standard */

.elementor-2061 .elementor-element.elementor-element-05b91a1 {
  --ecke: 32px;
  --rahmen: 3px;
  --blau: #0000ff;
  --image-border-width: 0px;
  margin: 0;
  pa  padding: 80px 0 0 !important;
  animation: arnPlatz .01s 2.5s both;
}

@media (max-width: 767px) {
  .elementor-2061 .elementor-element.elementor-element-05b91a1 {
    --ecke: 22px;
  }
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-container {
  overflow: visible;
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item {
  border: 0 !important;
  border-radius: 0;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--ecke)), calc(100% - var(--ecke)) 100%, 0 100%);
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
  animation: arnWisch .9s cubic-bezier(.65, 0, .35, 1) .6s backwards;
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-image {
  animation: arnSchub 1.3s cubic-bezier(.65, 0, .35, 1) .6s backwards;
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:nth-child(3n+2),
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:nth-child(3n+2) .e-gallery-image {
  animation-delay: .75s;
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:nth-child(3n),
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:nth-child(3n) .e-gallery-image {
  animation-delay: .9s;
}

/* Mit Script: Erscheinen beim Scrollen */
.elementor-2061 .elementor-element.elementor-element-05b91a1.arn-js .e-gallery-item {
  animation: none;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 100%);
  transition: transform .5s cubic-bezier(.2, .7, .2, 1), clip-path .9s cubic-bezier(.65, 0, .35, 1) var(--d, 0s);
}

.elementor-2061 .elementor-element.elementor-element-05b91a1.arn-js .e-gallery-item.arn-da {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--ecke)), calc(100% - var(--ecke)) 100%, 0 100%);
}

.elementor-2061 .elementor-element.elementor-element-05b91a1.arn-js .e-gallery-image {
  animation: none;
  transform: scale(1.3);
  transition: transform 1.3s cubic-bezier(.65, 0, .35, 1) var(--d, 0s);
}

.elementor-2061 .elementor-element.elementor-element-05b91a1.arn-js .arn-da .e-gallery-image {
  transform: scale(1);
}

.elementor-2061 .elementor-element.elementor-element-05b91a1 .elementor-gallery-item__overlay {
  display: none;
}

/* Blaustich */
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 255, 0.15);
  transition: opacity .5s ease;
  pointer-events: none;
}

/* Logo oben links, Arning Blau */
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(40px, 5vw, 64px);
  height: clamp(40px, 5vw, 64px);
  background-color: var(--blau);
  -webkit-mask-image: url("https://arning-edelstahl.de/wp-content/uploads/2026/09/Arning_Label_Schwarz-1-1.webp");
  mask-image: url("https://arning-edelstahl.de/wp-content/uploads/2026/09/Arning_Label_Schwarz-1-1.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left top;
  mask-position: left top;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 1;
  transition: opacity .4s ease;
  pointer-events: none;
  z-index: 1;
}

/* Rahmen inklusive Schräge */
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: var(--rahmen) solid var(--blau);
  background-image: linear-gradient(135deg, transparent calc(50% - var(--rahmen) - 1px), var(--blau) calc(50% - var(--rahmen) - 1px), var(--blau) calc(50% + 2px), transparent calc(50% + 2px));
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: var(--ecke) var(--ecke);
  background-origin: border-box;
  pointer-events: none;
  z-index: 2;
}

/* Hover nur an Geräten mit Maus */
@media (hover: hover) and (pointer: fine) {
  .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:hover {
    transform: scale(1.15);
    z-index: 10;
  }
  .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:hover .e-gallery-image::after {
    opacity: 0;
  }
  .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:hover::before {
    opacity: 0;
  }
}

/* Handy und Tablet: Bilder ohne Blaustich */
@media (hover: none) {
  .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-image::after {
    opacity: 0;
  }
}

@keyframes arnPlatz {
  from { min-height: 100vh; }
  to { min-height: 0; }
}

@keyframes arnWisch {
  from { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 100%); }
  to { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--ecke)), calc(100% - var(--ecke)) 100%, 0 100%); }
}

@keyframes arnSchub {
  from { transform: scale(1.3); }
  to { transform: scale(1); }
}
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::before {
  display: none;
  
}.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::before {
  display: none;
}
/* Logo oben links, weiß */
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(40px, 5vw, 64px);
  height: clamp(40px, 5vw, 64px);
  background-color: #ffffff;
  -webkit-mask-image: url("https://arning-edelstahl.de/wp-content/uploads/2026/09/Arning_Label_Schwarz-1-1.webp");
  mask-image: url("https://arning-edelstahl.de/wp-content/uploads/2026/09/Arning_Label_Schwarz-1-1.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left top;
  mask-position: left top;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 1;
  transition: opacity .4s ease;
  pointer-events: none;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item:hover::before {
    opacity: 0;
  }
}
/* Rahmen neu: eine durchgehende Kontur, überall gleich dick */
.elementor-2061 .elementor-element.elementor-element-05b91a1 .e-gallery-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--blau);
  clip-path: polygon(evenodd,
    0 0,
    100% 0,
    100% calc(100% - var(--ecke)),
    calc(100% - var(--ecke)) 100%,
    0 100%,
    0 0,
    var(--rahmen) var(--rahmen),
    var(--rahmen) calc(100% - var(--rahmen)),
    calc(100% - var(--ecke) - var(--rahmen) * 0.414) calc(100% - var(--rahmen)),
    calc(100% - var(--rahmen)) calc(100% - var(--ecke) - var(--rahmen) * 0.414),
    calc(100% - var(--rahmen)) var(--rahmen),
    var(--rahmen) var(--rahmen)
  );
  pointer-events: none;
  z-index: 2;
}/* End custom CSS */