.slider:first-of-type {
        background: url(/sites/default/files/microsite_layout_builder/background_image/GP-Big-Tech_Hintergrund_Manifest_0.jpg) no-repeat;
        background-position: 23% 0;
        transition: none;
        background-size: 100%;
    }
    .slider:first-of-type .pseudo-background-wrapper {
    }
body:not(.layout-builder-context) .slider {
    display: flex;
    align-items: center !important;
}
.block-inline-blocktitle-text .title, .block-inline-blockform .field--title, .block-inline-blockcs-form .field--title {
        transform: skewX(-6deg);
    letter-spacing: -.1rem;
}
.slider:first-of-type .block-inline-blocktitle-text .title {
    font-size: 3.6em !important;

}
body:not(.layout-builder-context) .slider:first-of-type .block-inline-blocktitle-text .content {
    font-size: 1.4em !important;
    line-height: 1.6;
    font-weight: bold;

}
body:not(.layout-builder-context) .slider:first-of-type .block-inline-blocktitle-text .content p span {
    color: #ffffff;
        font-weight: bold;

}
body:not(.layout-builder-context) .slider:first-of-type .block-inline-blocktitle-text {
    max-width: 80%;
}
.content span, .mauticform_wrapper .mauticform-radiogrp span, .mauticform_wrapper .mauticform-helpmessage span, .mauticform_wrapper .mauticform-freehtml span, .mauticform_wrapper .mauticform-checkboxgrp span, .gpd-engage-form .form-radios span, .gpd-engage-form .errors span {
    line-height: 1.5;
}



.block-inline-blocktitle-text .title {
  position: relative;
  margin: 0 auto;
}

.block-inline-blocktitle-text .title::before,
.block-inline-blocktitle-text .title::after {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate-reverse;
  overflow: hidden;
  position: absolute;
  top: 0;
  clip: rect(0, 900px, 0, 0);
  content: "Für eine bessere digitale Zukunft";
  width: 100%;
}

.block-inline-blocktitle-text .title::after {
  animation-name: glitch-animation,delay-animation;
  animation-duration: 1.5s, 3s;
  left: 4px;
  text-shadow: -4px 0 #4d52cc;
}

.block-inline-blocktitle-text .title::before {
  animation-name: glitch-animation-2,delay-animation;
  animation-duration: 2s, 3s;
  left: -4px;
  text-shadow: 4px 0 #d85ae0;
}
.slider:nth-of-type(2) .block-inline-blocktitle-text .title::after,.slider:nth-of-type(2) .block-inline-blocktitle-text .title::before {
  animation-delay: 2s;
}
.slider:nth-of-type(3n) .block-inline-blocktitle-text .title::after,.slider:nth-of-type(3n) .block-inline-blocktitle-text .title::before {
  animation-delay: 3s;
}
.slider:nth-of-type(3n) .block-inline-blocktitle-text .title::after,.slider:nth-of-type(4n) .block-inline-blocktitle-text .title::before {
  animation-delay: 3.5s;
}

/* Expanded Animations */
@keyframes glitch-animation {
  0% { clip: rect(42px, 9999px, 44px, 0); }
  5% { clip: rect(12px, 9999px, 59px, 0); }
  10% { clip: rect(48px, 9999px, 29px, 0); }
  15.0% { clip: rect(42px, 9999px, 73px, 0); }
  20% { clip: rect(63px, 9999px, 27px, 0); }
  25% { clip: rect(34px, 9999px, 55px, 0); }
  30.0% { clip: rect(86px, 9999px, 73px, 0); }
  35% { clip: rect(20px, 9999px, 20px, 0); }
  40% { clip: rect(26px, 9999px, 60px, 0); }
  45% { clip: rect(25px, 9999px, 66px, 0); }
  50% { clip: rect(57px, 9999px, 98px, 0); }
  55.0% { clip: rect(5px, 9999px, 46px, 0); }
  60.0% { clip: rect(82px, 9999px, 31px, 0); }
  65% { clip: rect(54px, 9999px, 27px, 0); }
  70% { clip: rect(28px, 9999px, 99px, 0); }
  75% { clip: rect(45px, 9999px, 69px, 0); }
  80% { clip: rect(23px, 9999px, 85px, 0); }
  85.0% { clip: rect(54px, 9999px, 84px, 0); }
  90% { clip: rect(45px, 9999px, 47px, 0); }
  95% { clip: rect(37px, 9999px, 20px, 0); }
  100% { clip: rect(4px, 9999px, 91px, 0); }
    300% { clip: rect(0, 900px, 0, 0); }
}

@keyframes glitch-animation-2 {
  0% { clip: rect(65px, 9999px, 100px, 0); }
  5% { clip: rect(52px, 9999px, 74px, 0); }
  10% { clip: rect(79px, 9999px, 85px, 0); }
  15.0% { clip: rect(75px, 9999px, 5px, 0); }
  20% { clip: rect(67px, 9999px, 61px, 0); }
  25% { clip: rect(14px, 9999px, 79px, 0); }
  30.0% { clip: rect(1px, 9999px, 66px, 0); }
  35% { clip: rect(86px, 9999px, 30px, 0); }
  40% { clip: rect(23px, 9999px, 98px, 0); }
  45% { clip: rect(85px, 9999px, 72px, 0); }
  50% { clip: rect(71px, 9999px, 75px, 0); }
  55.0% { clip: rect(2px, 9999px, 48px, 0); }
  60.0% { clip: rect(30px, 9999px, 16px, 0); }
  65% { clip: rect(59px, 9999px, 50px, 0); }
  70% { clip: rect(41px, 9999px, 62px, 0); }
  75% { clip: rect(2px, 9999px, 82px, 0); }
  80% { clip: rect(47px, 9999px, 73px, 0); }
  85.0% { clip: rect(3px, 9999px, 27px, 0); }
  90% { clip: rect(26px, 9999px, 55px, 0); }
  95% { clip: rect(42px, 9999px, 97px, 0); }
  100% { clip: rect(38px, 9999px, 49px, 0); }
  300% { clip: rect(0, 900px, 0, 0); }
}
@keyframes delay-animation {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  10.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}