@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700;900&display=swap');


:root {
  --mainFont: 'Lexend', sans-serif;
  --headlineFont: 'Lexend', sans-serif;

  --mainColor:#05a5c8;
  --secondColor:;
  --darkestColor:#000;

  --boxShadowSM: .25rem .25rem .75rem rgba(0,0,0,0.3);
  --boxShadowMD: .5rem .5rem 1.5rem rgba(0,0,0,0.3);
  --boxShadowLG: 1rem 1rem 3rem rgba(0,0,0,0.3);

  --lightBG: linear-gradient(45deg, rgba(249,249,249,1) 100%, rgba(235,241,245,1) 100%);
  --darkBG: linear-gradient(45deg, rgba(11,45,52,1) 100%, rgba(0,0,0,1) 100%);

  --lightBGiOS: -webkit-linear-gradient(45deg, rgba(249,249,249,1) 100%, rgba(235,241,245,1) 100%);
  --darkBGiOS: -webkit-linear-gradient(45deg, rgba(11,45,52,1) 100%, rgba(0,0,0,1) 100%);
}

*{
  font-family:var(--mainFont);
  box-sizing:border-box;
  cursor:none;
}

html{
  scroll-behavior:smooth;
  background:var(--lightBG);
  background-attachment: fixed;
}

body{
  font-size:16px;
  overflow-x:hidden;
  position:relative;
}

main{
  margin-inline:30px;
}


nav ul, nav ul li{
  list-style:none;
}

img{width:100%;}

a{text-decoration:none;}

#article p{max-width:75ch;}

h1 p, h2 p, h3 p, h4 p{
  max-width:none;
}

button, button:hover, button:active{border:0px; user-select: none;}

a:not(.btn):hover, a:not(.btn):active, a:not(.btn){color:var(--darkestColor);}

picture{display:block;}

/* Fonts */
.font-1{font-size:1rem; line-height:150%;}
.font-2{font-size:1.25rem; font-size: clamp(1rem, 2.25vw , 1.25rem); line-height:150%;}
.font-3{font-size:1.5rem; font-size: clamp(1.25rem, 2.25vw , 1.5rem);line-height:120%;}
.font-4{font-size:2rem; font-size: clamp(1.5rem, 2.25vw, 2rem); line-height:120%;}
.font-5{font-size:2.25rem; font-size: clamp(1.5rem, 2.25vw, 2.25rem);line-height:120%;}
.font-6{font-size:3rem; font-size: clamp(2.5rem, 2.25vw, 3rem);line-height:120%;}

.lh120{line-height:120% !important;}
.lh150{line-height:150% !important;}

.font-light{font-weight:200;}
.font-normal{font-weight:300;}
.font-bold{font-weight:700;}
.font-black{font-weight:900;}

.txt-black{color:var(--darkestColor);}
.txt-white{color:#fff;}
.txt-main{color:var(--mainColor);}

.lightBGColor{
  box-shadow:0rem 1rem 1.5rem rgba(0,0,0,.2);
  box-shadow:0rem clamp(1rem, 2.25vw, 2rem) clamp(1.5rem, 2.25vw, 3rem) rgba(0,0,0,.2);
  border:1px solid rgba(249,249,249,1);
  backdrop-filter:contrast(120%);
}

.darkBGColor{
  box-shadow:0rem 2rem 3rem rgba(0,0,0,.2);
  backdrop-filter: brightness(0.1) saturate(3);
  -webkit-backdrop-filter: brightness(10%) saturate(3);
  color:#fff
}

.brBig{
border-radius:2rem;
}

.brSmall{
border-radius:1rem;
}

.ofhidden{
  overflow:hidden;
}

.blackBGColor{
  box-shadow:0rem 2rem 3rem rgba(0,0,0,.2);
  backdrop-filter: brightness(0.05) saturate(3);
  -webkit-backdrop-filter: brightness(5%) saturate(3);
  color:#fff
}

.darkBGColor h1, .darkBGColor h2, .darkBGColor h3, .darkBGColor h4, .darkBGColor span{
  color:#fff;
}


.fullWidthRow.darkBGColor {
  width: calc(100% + 2rem) !important;
  margin-inline: -1rem;
  padding-inline:1rem;
}
/* Abstände Teaserrow */
#logoleiste{border-radius:1rem;}

.teaserrow,
.newrow{
  padding-top:4rem;
  padding-bottom:4rem;
  padding-top:clamp(1rem,1vw ,4rem);
  padding-bottom:clamp(1rem,1vw ,4rem);
}

.teaserrow>.container,
.newrow>.container,
.teaserrow>.fullWidthRow,
.newrow>.fullWidthRow{
  padding-top:2rem;
  padding-bottom:2rem;
  padding-top:clamp(1rem,2vw ,2rem);
  padding-bottom:clamp(1rem,2vw ,2rem);
}

.dblock{
  display:block;
}

/* HeaderNav*/
.headerNav{
  position:fixed;
  z-index: 99999;
  right:15px;
}


#toggleNavOverlay{
z-index: 10000;
position: absolute;
left:0px;
right:0px;
bottom:0px;
top:0px;
display:block;
opacity:1;
}

#toggleNavContainer{
z-index: 11000;
}

#toggleNavOverlay.closed,
#toggleNavContainer.closed{
  opacity:0;
  z-index:0;
  display:none;
}

#theToggleNavigation{
background-color: #fff;
border-radius: var(--borderRadius);
border:2px solid var(--unternehmenMain);
box-shadow:0px 5px 5px rgba(0,0,0,0.3);
margin-top: 90px;
width:80%;
max-width:300px;
position:absolute;
}


#theToggleNavigation ul{
list-style:none;
margin-left:0px;
}

#theToggleNavigation ul li{
  padding:15px 30px;
  color:var(--negativeColor);
  border-bottom:2px solid var(--unternehmenMain);
}

#theToggleNavigation ul li a{
padding-bottom:15px;
}

#theToggleNavigation ul li ul{
  height:0px;
  overflow:hidden;
}



#theToggleNavigation .searchListItem{
padding: 15px 0px;
}

#theToggleNavigation .searchform{
  width:100%;
position: relative;
height: 45px;
}

#theToggleNavigation .searchform input {
  width: calc( 100% - 40px ) !important;
  border: 1px solid var(--negativeColor) !important;
  border-right: 0px !important;
  background-color: var(--positivColor);
  border-radius: var(--borderRadius);
  padding: 10px;
  height: 40px;
}

#theToggleNavigation .searchform input[type="search"]{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius:  0px !important;
  left: 15px;
  position: absolute;
  top: 0px;
}

#theToggleNavigation .searchform button[type="submit"]{
top:0px;
position: absolute;
right: 15px;
border-top-right-radius: var(--borderRadius) !important;
border-bottom-right-radius: var(--borderRadius) !important;
}

.dropDownArrow{
  display:inline-block;
  transform:rotate(0deg);
  transition: all .125s linear;
  content:"🠊";
}

.openSubNav .openSubTitle .dropDownArrow,
.openSubSubNav .dropDownArrow{
  transform:rotate(90deg);
}

.headerNav a:not(.btn):hover{
  text-decoration: underline;
}

.openSubNav{
  padding-bottom:0px!important;
  position:relative;
}

.main-nav-submenu{
height: 0px;
overflow: hidden;
opacity: 0;
transition:all .5s ease-in;
}

.openSubNav .main-nav-submenu{
  height:auto;
  height: calc-size(auto);
  opacity: 1;
  transition:all .5s ease-out;
}

.main-nav-submenu{
  position: absolute;
  z-index: 99999;
  width: calc(100vw - 30px);
  margin-left: 15px;
  display: block;
  right: 0px;
  max-width: 400px;
}

.main-nav-submenu .main-nav-submenu-container{
  padding: 1.5rem;
  margin-top: 1.5rem;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.main-nav-submenu .btn{
  margin-bottom: .75rem;
}

.main-nav-subsubmenu{
  margin-left:1.5rem;
  margin-bottom:.75rem;
  height:0px;
  overflow:hidden;
}

.openSubSubNav .main-nav-subsubmenu{
  height:auto;
}


.main-nav-subsubmenu li{
  font-weight:bold;
  line-height:140%;
}

.main-nav-subsubmenu li:before{
  content: "→";
}

.openSubNav.openedSub ul{
  height:auto!important;
  overflow: inherit!important;
  margin-left:-30px !important;
  width:calc(100% + 60px);
  background-color:var(--unternehmen60);
}

.openSubTitle{
  padding-bottom:15px;
}

#theToggleNavigation ul li:last-of-type{
border-bottom:0px;
}

#theToggleNavigation ul li a{
    color:var(--negativeColor);
}

#activeNavOverlay{
  width:100vw;
  height:100vw;
  position:fixed;
  z-index:500;
  filter: blur(4px);
  background-color:rgab(255,255,255,0.3);
}

.openSubNav{cursor:pointer;}

/* Main-Styles */
.heroSection{
  background-size: 100% 100%;
  background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
  background-image: linear-gradient(0deg, #FFFFFFFF 0%, #073AFF00 80%),radial-gradient(70% 53% at 36% 76%, #FFAEAEFF 0%, #073AFF00 100%),radial-gradient(42% 53% at 34% 72%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(18% 28% at 35% 87%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(31% 43% at 7% 98%, #FFFFFFFF 24%, #073AFF00 100%),radial-gradient(21% 37% at 72% 23%, #FFF7D69C 24%, #073AFF00 100%),radial-gradient(35% 56% at 91% 74%, #FFC3CEF5 9%, #073AFF00 100%),radial-gradient(74% 86% at 67% 38%, #FFEBAAF5 24%, #073AFF00 100%),linear-gradient(125deg, #FFF2E0FF 0%, #FFCECEFF 100%);
  /*min-height:80vh;*/
}

.heroSectionHeader{
  background-color:#fff;
}

.outerContainer,.container{}

.leftRounded{
-webkit-border-top-left-radius: 2rem;
-webkit-border-bottom-left-radius: 2rem;
-moz-border-radius-topleft: 2rem;
-moz-border-radius-bottomleft: 2rem;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}

.rounded{
border-radius: 1rem;
overflow:hidden;
}

.bigRounded{
  border-radius:2rem;
}

.rounded .rounded{
  border-radius: .8rem;
}

.noRoundedTop{
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  overflow:visible!important;
}

.btn{
background: var(--darkestColor);
padding: 0.5rem 1.5rem;
display: inline-block;
border-radius: 1.5rem;
font-size: 1rem;
font-weight: bold;
text-align:center;
color:#fff;
}

.btnBig{
padding: 0.5rem 2.5rem 0.5rem 1rem;
border-radius: 3rem;
font-size: 1.125rem;
line-height:140%;
position: relative;
overflow: hidden;
}

.btnBig:after{
content: " ";
position:absolute;
right: 1rem;
top: 1rem;
width: .5rem;
border-radius:50%;
background:var(--mainColor);
aspect-ratio:1/1;
transition: all .25s ease-in-out;
}

.btnBig:before{
  content:"";
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDkyLjAwNCA0OTIuMDA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNDg0LjE0IDIyNi44ODYgMzA2LjQ2IDQ5LjIwMmMtNS4wNzItNS4wNzItMTEuODMyLTcuODU2LTE5LjA0LTcuODU2LTcuMjE2IDAtMTMuOTcyIDIuNzg4LTE5LjA0NCA3Ljg1NmwtMTYuMTMyIDE2LjEzNmMtNS4wNjggNS4wNjQtNy44NiAxMS44MjgtNy44NiAxOS4wNCAwIDcuMjA4IDIuNzkyIDE0LjIgNy44NiAxOS4yNjRMMzU1LjkgMjA3LjUyNkgyNi41OEMxMS43MzIgMjA3LjUyNiAwIDIxOS4xNSAwIDIzNC4wMDJ2MjIuODEyYzAgMTQuODUyIDExLjczMiAyNy42NDggMjYuNTggMjcuNjQ4aDMzMC40OTZMMjUyLjI0OCAzODguOTI2Yy01LjA2OCA1LjA3Mi03Ljg2IDExLjY1Mi03Ljg2IDE4Ljg2NCAwIDcuMjA0IDIuNzkyIDEzLjg4IDcuODYgMTguOTQ4bDE2LjEzMiAxNi4wODRjNS4wNzIgNS4wNzIgMTEuODI4IDcuODM2IDE5LjA0NCA3LjgzNiA3LjIwOCAwIDEzLjk2OC0yLjggMTkuMDQtNy44NzJsMTc3LjY4LTE3Ny42OGM1LjA4NC01LjA4OCA3Ljg4LTExLjg4IDcuODYtMTkuMS4wMTYtNy4yNDQtMi43NzYtMTQuMDQtNy44NjQtMTkuMTJ6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  position:absolute;
  right: 1rem;
  top: 5rem;
  width:1rem;
  height:1rem;
  z-index:2;
  transition:all .25s ease-in-out;
}

.btnBig:hover:before{
  z-index: 100000000;
  top: .75rem;
}

.btnBigText{
  position:relative;
  z-index: 1;
}

.btnBig:hover:after{
right: -30rem;
top: -30rem;
width: 60rem;
aspect-ratio:1/1;
transition: all .25s ease-in-out;
}

.btnMega{
padding: 0.75rem 3rem 0.75rem 2rem;
font-size: 1.25rem;
}

.btnMega:after{
right: 1.25rem;
top: 1.375rem;
}

.btnMega:hover:before {
    z-index: 100000000;
    top: 1.25rem;
}

.btnLight{
color:var(--darkestColor);
background: #fff;
}

.btnBlack{
  color:#fff;
  background-color:var(--darkestColor);
  font-weight:normal;
}

.btnShadow{
position:relative;
margin-top:0px;
box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
transition:all .25s ease;
}

.btnShadow:hover,
.cardDeckBtns:hover .btnShadow{
margin-top:-4px;
box-shadow: 0px 20px 15px rgba(0,0,0,0.1);
transition:all .25s ease;
}


/* colHeadline */
h1.colHeadline, h2.colHeadline, h3.colHeadline, h4.colHeadline{
  font-weight:200;
}

/* Scrolling Animationen */
.fadeInSection{
  opacity:0;
  margin-top:3rem;
  animation: fadeSectionIn ease forwards;
  animation-timeline: view();
  animation-range-start:10vh;
  animation-range-end: 50vh;
}

@keyframes fadeSectionIn {
  to{opacity:1;margin-top:0rem;}
}




/* ------------- Galerie -------------------------*/

.gallery-responsive{position: relative;padding-top: 30px;overflow: hidden; aspect-ratio:16 / 9;}
.gallery-responsive .carousel-container{position: absolute;top: 0;left: 0;width: 100% !Important;height: 100% !Important;}

.carousel-container .sliderIMG{
width:100%;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
min-height: 100%;
margin: 0px;
border: 0px;
text-align:center;
display: flex;
align-items: center;
justify-content: center;
}

.sliderIMG{user-select: none;}
.carousel-container .sliderIMG img{max-width: calc( 100% - 30px );max-height: calc( 100% - 30px );}
.sliderIMG picture img{ width: auto; height: auto;}
.coverGallery picture, .coverGallery video{ height:100% !important; width:100% !important;object-fit: cover;}
.carousel-slide{display:flex;width:100%;height:100%; transform: translateX(-1110px);}
.carousel-container .nextBtn, .carousel-container .prevBtn, .pagination .nextBtn, .pagination .prevBtn, .calendarFooter .nextBtn, .calendarFooter .prevBtn{
  font-size: 3rem;  font-weight: bold;  margin-top: -1.5rem;  color: #fff;  position:absolute;  top:50%;  left:0.75rem;  background:none;  border:0px;}
.carousel-container .nextBtn:active,.carousel-container .prevBtn:active,.carousel-container .nextBtn:focus,.carousel-container .prevBtn:focus,.carousel-container .nextBtn:hover,.carousel-container .prevBtn:hover{
  outline: none;
}

.carousel-container .nextBtn{left:auto;right:0.75rem;}

.carousel-container .sliderIMG{
width:100%;
height: 100%;
min-height: 100%;
min-width: 100%;
max-width: 1100px;
margin: 0px;
border: 0px;
}

.sliderIMG picture{  height:100%;  width:100%;}

.carousel-container .sliderIMG picture{
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align:center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.carousel-container{  width:100%;}

.carousel-container .sliderIMG img{
width:auto;
height:auto;
max-width: calc( 100% - 30px );
max-height: calc( 100% - 30px );
margin-top:15px;
}

.coverGallery .carousel-container .sliderIMG img,
.slider .sliderIMG img,
.coverGallery .sliderIMG img  {
  object-fit: cover;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  margin-top:0px;
}

.slider{
position: relative;
padding-bottom: 66%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.slider .carousel-container{background-color: #fff;}
.sliderText{position: absolute;width:100%;height:100%;z-index: 10;padding:60px;}
.slideImage{  position: absolute;  width: 100%;  height: 100%}


.gallery .galleryPrevBtn,
.gallery .galleryNextBtn{
  cursor:pointer;
  width: 33%;
  height: 100%;
  right: 0rem;
  top: 0px;
  bottom:0px;
  position:absolute;
  background: rgba(0,0,0,0);
  border:0px;
  text-align:left;
}

.roundBtnArrow,
.prevArrow:before,
.nextArrow:after{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='34.304' viewBox='0 0 40 34.304'%3E%3Cg id='arrow' transform='translate(0 -31.842)'%3E%3Cg id='Gruppe_1' data-name='Gruppe 1' transform='translate(0 31.842)'%3E%3Cpath id='Pfad_1' data-name='Pfad 1' d='M37.6,46.186a2.859,2.859,0,0,0-.5-.037H8.881l.615-.286a5.724,5.724,0,0,0,1.617-1.145l7.913-7.913a2.962,2.962,0,0,0,.415-3.792,2.862,2.862,0,0,0-4.293-.372L.839,46.951A2.862,2.862,0,0,0,.837,51l0,0,14.31,14.31a2.862,2.862,0,0,0,4.293-.286,2.962,2.962,0,0,0-.415-3.792l-7.9-7.928A5.724,5.724,0,0,0,9.7,52.26l-.859-.386h28.1a2.962,2.962,0,0,0,3.019-2.4A2.862,2.862,0,0,0,37.6,46.186Z' transform='translate(0 -31.842)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.roundBtn, .roundBtnArrow {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% auto;
    display: inline-block;
    position: relative;
    z-index: 50;
    border: 0px;
    cursor: pointer;
}

@media(max-width:576px){
  .gallery .roundBtnArrow{
    position: absolute;
    bottom:1rem;
  }
}

.gallery .galleryPrevBtn{
  left:0rem;
}

.gallery .galleryNextBtn{
transform:scaleX(-1);
}

.videoPlayBtn{background-image: url("data:image/svg+xml,%3Csvg fill='none' height='48' viewBox='0 0 24 24' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m19.656 10.7677c.3532.7837.3532 1.6812 0 2.4649-.2501.5551-.7079.9474-1.1882 1.2787-.4771.3291-1.1184.6898-1.8927 1.1254l-6.3581 3.5764c-.74769.4206-1.3688.77-1.88306 1.0002-.51989.2328-1.07813.4151-1.67057.3482-.84019-.095-1.60129-.5401-2.09598-1.2259-.34882-.4835-.46357-1.0594-.5156-1.6267-.05147-.5611-.05145-1.2737-.05143-2.1316v-7.15436c-.00002-.85787-.00004-1.5705.05143-2.13158.05203-.56724.16678-1.14319.5156-1.62671.49469-.68572 1.25579-1.13085 2.09598-1.22583.59244-.06697 1.15068.11538 1.67057.34813.51428.23023 1.13539.57962 1.88306 1.00022l6.3581 3.57644c.7744.43553 1.4156.79623 1.8927 1.12535.4803.33131.9381.72354 1.1882 1.27874zm-1.8234 1.6433c.1177-.2613.1177-.5605 0-.8217-.0199-.0441-.1025-.1795-.5005-.4541-.3923-.2706-.9523-.5868-1.7803-1.0525l-6.27287-3.52851c-.80097-.45055-1.34182-.75363-1.76219-.94182-.42443-.19-.57912-.19181-.62871-.18621-.28007.03166-.53376.18004-.69866.40861-.02921.04048-.10347.17619-.14594.63927-.04207.45864-.04307 1.07862-.04307 1.99761v7.05695c0 .919.001 1.539.04307 1.9976.04247.4631.11673.5988.14594.6393.1649.2286.41859.377.69866.4086.04959.0056.20428.0038.62871-.1862.42037-.1882.96122-.4913 1.76219-.9418l6.27287-3.5285c.828-.4657 1.388-.7819 1.7803-1.0526.398-.2745.4806-.4099.5005-.454z' fill='rgb(0,0,0)' fill-rule='evenodd'/%3E%3C/svg%3E");
background-size: 50% auto;
margin-left:-2rem;
top: calc( 50% - 2rem );
}

.fullScreenBtn{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='48' height='48'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cpath d='M7,1.5H4.591A3.1,3.1,0,0,0,1.5,4.591V7a1.5,1.5,0,0,0,3,0V4.591A.091.091,0,0,1,4.591,4.5H7a1.5,1.5,0,0,0,0-3Z'/%3E%3Cpath d='M15.409,1.5H13a1.5,1.5,0,0,0,0,3h2.409a.091.091,0,0,1,.091.091V7a1.5,1.5,0,0,0,3,0V4.591A3.1,3.1,0,0,0,15.409,1.5Z'/%3E%3Cpath d='M17,11.5A1.5,1.5,0,0,0,15.5,13v2.409a.091.091,0,0,1-.091.091H13a1.5,1.5,0,0,0,0,3h2.409A3.1,3.1,0,0,0,18.5,15.409V13A1.5,1.5,0,0,0,17,11.5Z'/%3E%3Cpath d='M7,15.5H4.591a.091.091,0,0,1-.091-.091V13a1.5,1.5,0,0,0-3,0v2.409A3.1,3.1,0,0,0,4.591,18.5H7a1.5,1.5,0,0,0,0-3Z'/%3E%3C/g%3E%3C/svg%3E%0A");
bottom:1rem;
margin-left:-2rem;
}

.colVideo{
  cursor:pointer;
  position:relative;
  scale:1;
  transition: all .4s ease-in-out;
}

.colVideo:hover{
  scale:1.025;
  box-shadow:var(--boxShadowMD);
  transition: all .2s ease-in-out;
  z-index:10;
}

.colVideoOverlayContent{
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  z-index:10;
  opacity:0;
  transition: all .5s ease-in-out;
}

.colVideoOverlayContent:hover{
  opacity:1;
}

.colVideoAutoplay .colVideoOverlayContent{
  opacity:1!important;
}

.colVideoOverlayContent video{
  width: 102%;
  height: 100%;
  object-fit: cover;
  margin-left: -1%;
}

.overlayTitle{
position: absolute;
z-index: 20;
padding: .75rem 1.5rem;
color: #fff;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
width: 100%;
bottom: 0px;
text-align:center;
}

.colVideo .overlayTitle{
  opacity:0;
  transition:opacity .35s ease-in-out;
}

.colVideo:hover .overlayTitle{
  opacity:1;
}

#vidoOverlayContainer{
  width:100%;
  height:100%;
  position:fixed;
  z-index: 100000;
  background-color:rgba(50,50,50,0.95);
  top: 0rem;
  left:0rem;
  display:none;
  opacity:0;
  transition: all .5s ease-in-out;
}

#vidoOverlayContainer.open{
  display:flex;
  opacity:1;
  transition: all .5s ease-in-out;
}

#videoOverlayRemover{
  width:100%;
  height:100%;
  cursor:none;
  position:absolute;
  top:0px;
  left:0px;
}

#videoOverlayContent{
  margin-inline:auto;
  margin-top:4rem;
  width:70%;
  aspect-ratio:16/9;
  position:relative;
  z-index:100001;
  border-radius:1rem;
  overflow:hidden;
  align-self: center;
  box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.25);
}

#videoOverlayContent iframe,
#videoOverlayContent video{
  width:101%;
  height:101%;
  position:absolute;
  top:-3px;
  left:-3px;
}



/* Text-Carrousel */

.wordcarussel{
color:var(--mainColor);
font-weight:bold;
}

#article{
  margin-bottom:4rem;
}

#article table{
width: 100%;
background-color: (--positivColor);
border-collapse: collapse;
margin-top: 1.5rem;
margin-bottom:1.5rem;
}

#article table tr{
  padding-left:1rem;
  padding-right:1rem;
}

#article table tr th, #article table tr td {
    padding: 1rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}


#article table tr:last-of-type td{
  border-bottom-width: 0px;
}

#article h2, .articleText h2{
  margin-top: 3rem;
  margin-bottom: 1rem;
}
#article h3, .articleText h3{
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

#article ul, #article ol, .articleText ul, , .articleText ol{
  margin-left: 1.5rem;
}

.articleText > h2:first-child,
.articleText > h3:first-child{
  margin-top:0rem;
}

/* ##################### Toggle ############################### */

 details > summary::marker {
   content: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93591 9.34973L3.16793 16.1476C2.70015 16.6175 1.94373 16.6175 1.48092 16.1476L0.356236 15.018C-0.11155 14.5481 -0.11155 13.7883 0.356236 13.3235L5.14856 8.5L0.351261 3.68151C-0.116525 3.21165 -0.116525 2.45189 0.351261 1.98704L1.47594 0.85239C1.94373 0.382537 2.70015 0.382537 3.16296 0.85239L9.93094 7.65027C10.4037 8.12012 10.4037 8.87988 9.93591 9.34973Z' fill='black'/%3E%3C/svg%3E%0A");;
 }

 details[open]> summary::marker {
   content: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06409 7.65027L7.83207 0.85239C8.29985 0.382537 9.05627 0.382537 9.51908 0.85239L10.6438 1.98196C11.1116 2.45181 11.1116 3.21157 10.6438 3.67642L5.85144 8.5L10.6487 13.3185C11.1165 13.7883 11.1165 14.5481 10.6487 15.0129L9.52406 16.1476C9.05627 16.6175 8.29985 16.6175 7.83704 16.1476L1.06906 9.34973C0.596266 8.87988 0.596266 8.12012 1.06409 7.65027Z' fill='black'/%3E%3C/svg%3E");
 }

 .darkBGColor details > summary::marker {
   content: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93591 9.34973L3.16793 16.1476C2.70015 16.6175 1.94373 16.6175 1.48092 16.1476L0.356236 15.018C-0.11155 14.5481 -0.11155 13.7883 0.356236 13.3235L5.14856 8.5L0.351261 3.68151C-0.116525 3.21165 -0.116525 2.45189 0.351261 1.98704L1.47594 0.85239C1.94373 0.382537 2.70015 0.382537 3.16296 0.85239L9.93094 7.65027C10.4037 8.12012 10.4037 8.87988 9.93591 9.34973Z' fill='white'/%3E%3C/svg%3E%0A");
 }

 .darkBGColor details[open]> summary::marker {
   content: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06409 7.65027L7.83207 0.85239C8.29985 0.382537 9.05627 0.382537 9.51908 0.85239L10.6438 1.98196C11.1116 2.45181 11.1116 3.21157 10.6438 3.67642L5.85144 8.5L10.6487 13.3185C11.1165 13.7883 11.1165 14.5481 10.6487 15.0129L9.52406 16.1476C9.05627 16.6175 8.29985 16.6175 7.83704 16.1476L1.06906 9.34973C0.596266 8.87988 0.596266 8.12012 1.06409 7.65027Z' fill='white'/%3E%3C/svg%3E");
 }

/* #################################################################
######################### Cursor-Effekte ###########################
################################################################# */

#theGradientCircleContainer{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  overflow: hidden;
  z-index: -1;
}

#theGradientCircle{
  background: radial-gradient(circle, rgba(5,165,200,.4) 0%, rgba(5,165,200,0) 50%);
  background-blend-mode:multiply;
  height:30vw;
  width: 30vw;
  max-width:100vw;
  max-height:100vw;
  background-repeat:no-repeat;
  background-size: cover;
  margin-left:-15vw;
  margin-top:-15vw;
  z-index:-1;
  position:absolute;
}

#theCursor{
  width:.75rem;
  height:.75rem;
  background:var(--mainColor);
  margin-left:-.375rem;
  margin-top:-.375rem;
  position:absolute;
  z-index:1000000;
  border-radius:50%;
  pointer-events: none;
  border-top:0px;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
  transition: width 0.25s, height 0.25s, border-bottom 0.25s, border-top 0.25s, border-left 0.25s, border-right 0.25s;
}

#theCursor:after{
width:0px;
height:0px;
}

#theCursorOutline{
  width:3rem;
  height:3rem;
  border:1px solid #fff;
  background-color:none;
  margin-left:-1.5rem;
  margin-top:-1.5rem;
  position:absolute;
  z-index:999999;
  border-radius:50%;
  pointer-events: none;
  transition:  width .25s, height .25s, margin-left .25s, margin-right .25s;

}

.cursorHover #theCursorOutline{
  width:5rem;
  height:5rem;
  margin-left:-2.5rem;
  margin-top:-2.5rem;
  transition:  width .25s, height .25s, margin-left .25s, margin-right .25s;
}

.cursorPlayBtn.cursorHover #theCursorOutline,
.cursorClose #theCursorOutline{
  width:8rem;
  height:8rem;
  margin-left:-4rem;
  margin-top:-3.375rem;
  background-color:var(--mainColor);
  border:0px;
  transition:border .25s, background-color .25s, width: .25s, height .25s, margin-left .25s, margin-top .25s;
  background-blend-mode: luminosity;
}

.cursorPlayBtn #theCursor{
  width: 0px;
  height: 0px;
  background-color:rgba(0,0,0,0);
  border-radius:0px;
  border-top: 1rem solid transparent; /* skyblue */
  border-right: 1.25rem solid transparent; /* limegreen;  */
  border-bottom: 1rem solid transparent; /* orange; */
  border-left: 1.25rem solid #fff;
  transition: width 0.25s, height 0.25s, border-bottom 0.25s, border-top 0.25s, border-left 0.25s, border-right 0.25s;
}

.cursorClose #theCursor, .cursorClose #theCursor:after{
  content: " ";
  width:2rem;
  height: .25rem;
  background:#fff;
  display:block;
  border-radius:.125rem;
}

.cursorClose #theCursor{
  margin-left:-1rem;
  margin-top:0.5rem;
  transform: rotate(45deg);
}

.cursorClose #theCursor:after{
  transform: rotate(-90deg);
}

.theTeaserRowContainer{
	width:100%;
	position:relative;
	/*overflow-x: scroll;*/
	scrollbar-color: rgba(0, 0, 0, 0);
	scroll-snap-type: x mandatory;
	scroll-padding: 0 1rem;
	-overflow-style: none;
	scrollbar-width: none;
	transition: all .3s ease-in-out;
  margin-top:1rem;
  margin-bottom:1rem;
}

.teaserRowBtn{
  position: absolute;
  bottom: 50%;
  left: -2rem;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93591 9.34973L3.16793 16.1476C2.70015 16.6175 1.94373 16.6175 1.48092 16.1476L0.356236 15.018C-0.11155 14.5481 -0.11155 13.7883 0.356236 13.3235L5.14856 8.5L0.351261 3.68151C-0.116525 3.21165 -0.116525 2.45189 0.351261 1.98704L1.47594 0.85239C1.94373 0.382537 2.70015 0.382537 3.16296 0.85239L9.93094 7.65027C10.4037 8.12012 10.4037 8.87988 9.93591 9.34973Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 1rem;
  transform: rotate(180deg);
  display: none;
  color: var(--darkestColor);
  z-index: 100;
  border-radius: 50%;
  margin-top: -1.5rem;
  box-shadow:0rem -.3rem .9rem rgba(0,0,0,0.3);
}

.teaserRowNext{
	right:-2rem;
	left:auto;
	transform: rotate(0deg);
  box-shadow:0rem .3rem .9rem rgba(0,0,0,0.3);
}



.logoTeaserRow::-webkit-scrollbar {
  display: none;
}

.logoTeaser{
	padding-inline:.875rem;
	text-align:center;
	scroll-snap-align:start;
}

.logoImage{
	/*width: 4.75rem;*/
	height: 4.75rem;
	margin-inline: auto;
	margin-bottom:.875rem;
}

.logoImage img{
	width:auto;
  max-width:100px;
	height:100%;
  filter: grayscale(1);
}

.logoTeaser:hover .logoImage img{
  filter:grayscale(0);
}

.logoTeaserHeading span, .logoTeaserHeading b{
	display:block;
	color:var(--npg-theme-font-color);
}

.logoTeaser .logoTeaserHeading span{
font-size.875rem;
}

.logoTeaser:hover .logoTeaserHeading span,
.logoTeaser:hover .logoTeaserHeading b{
color:var(--color-primary-100);
}

.logoTeaser a{
	text-decoration: none;
}

.innerTeaserRow{
overflow-x: scroll;
scrollbar-color: rgba(0, 0, 0, 0);
scroll-snap-type: x mandatory;
scroll-padding: 0 1rem;
-ms-overflow-style: none;
scrollbar-width: none;
transition: all .3s ease-in-out;
width: calc(100% + 30px);
margin-left: -15px;
padding-left: 15px;
}

@keyframes autoScroller{
  from{
    transform: translate(0);
  }
  to{
    transform: translate(calc(-50% + .4375rem));
  }
}

.theTeaserRowContainer[data-animation="true"]{
  overflow: hidden;
  width: calc(100% + 2rem);
  margin-left: -1rem;
}

.theTeaserRowContainer[data-animation="true"] .innerTeaserRow:hover{
animation-play-state: paused;
}
.theTeaserRowContainer[data-animation="true"] .innerTeaserRow{
  animation: autoScroller 60s linear infinite;
  overflow-x: visible;
  flex-wrap: nowrap;
  width:fit-content;
}



/* Video-Teaser */
.videoTeaserRowContainer,
.personalTeaserRowContainer{
  position: relative;
}

.videoTeaser{
  max-width:550px;
  width: 80vw;
  width:calc( 100vw - 4rem );
  margin:3rem .75rem;
  margin:clamp(1.5rem, 1vw, 3rem) .75rem;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.videoTeaserRowContainer .teaserRowNext,
.personalTeaserRowContainer .teaserRowNext{
  right:0rem;
}

.videoTeaserRowContainer .teaserRowPrev,
.personalTeaserRowContainer .teaserRowPrev{
  left:0rem;
}

.personalTeaser picture{
  position:relative;
}

.personalTeaser picture:after {
content: " ";
width: 100%;
height: 0px;
padding-bottom: 100%;
position: absolute;
left: 0px;
bottom: 10px;
background: rgba(0, 0, 0, 0.5);
border-radius: 2rem;
z-index: -1;
transition:all .25s;
}

.personalTeaser:hover picture:after {
  padding-bottom: 120%;
  transition:all .25s;
}
/* Services */
.clapperboard{
  position:relative;
  align-self: stretch;
  padding-top: 0px;
  padding-bottom:0px;
  margin-top: 3rem;
  max-width: 550px;
  margin-inline: auto;
  margin-bottom:7rem;
}

@media(max-width:992px){
  .clapperboard{
    margin-top: 2rem;
  }

  .clapperboard:first-of-type{
    margin-top:2rem;
  }
}

.clapperboard .lightBGColor{
  height: calc(100% + 3rem);
  border-top: 0px;
  position:relative;
  border-left:0px;
  border-right:0px;
}

.clapperboard .lightBGColor:after{
  clear:both;
}

.clapperboard .btnBig{
  bottom:0px;
}

.clapperboardBottom{
  height: 100%;
}

.clapperboardTop{
  height:3.5rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow:hidden;
  transition: all .2s;
  background-image:url('/assets/clapbg.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
  border:2px solid rgba(0,0,0,.2);
  /*margin-top: -4rem;*/
}

.clapperboard:hover .clapperboardTop{
  /*margin-top:0rem;*/
  /*margin-left: -.325rem;*/
  transform: rotate(-6deg);
  transform-origin: 0rem 4rem;
  transition: all .2s;
}

.clapperboardTop,
.clapperboardThumb{
  position:relative;
  overflow:hidden;
}

.clapperboardTop img,
.clapperboardThumb img{
  width:100%;
}

/*.clapperboardThumb img{
  margin-top:-3.5rem;
}*/

.clapperboardDesc{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top:-.25rem;
}

.clapperboardDesc h3 span.font-2{
  font-weight: normal;
  /*padding-top: .5rem;*/
  padding-bottom: 1rem;
  line-height:150%;
  display: inline-block;
}

.clapperboardList{
  list-style:none;
}

.clapperboardList img,
.clapperboardList span{
  height:1.5rem;
  width:auto;
  line-height:1.5rem;
  display:inline-block;
}

.clapperboardList span:after,
.underlineArrow:after,
.footerColContent a:after{
  content: url("data:image/svg+xml,%3Csvg id='fi_3114931' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 2'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0 -1.414 1.414l5.293 5.293h-17.586a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z'%3E%3C/path%3E%3C/svg%3E");
  display:none;
  width:1rem;
  height:1rem;
  margin-left:.25rem;
}

.blackBGColor .underlineArrow:after,
.darkBGColor .underlineArrow:after,
.darkBGColor .footerColContent a:after,
.blackBGColor .footerColContent a:after{
  content: url("data:image/svg+xml,%3Csvg id='fi_3114931' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 2'%3E%3Cpath fill='white' d='m22.707 11.293-7-7a1 1 0 0 0 -1.414 1.414l5.293 5.293h-17.586a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z'%3E%3C/path%3E%3C/svg%3E");
}

.clapperboardList li:hover span:after,
.underlineArrow:hover:after,
.footerColContent a:hover:after{
display:inline-block;
}

.clapperboardList li:hover span,
.underlineArrow:hover,
.footerColContent a:hover{
  text-decoration: underline;
}

.clapperboardList img{
  width:1.5rem;
  object-fit: scale-down;
  margin-right:1rem;
}

.serviceBtnDown{
  position: absolute;
  bottom: 0px;
  height:5rem;
}


/* Personal */
.personalTeaser{
  width:45vw;
  max-width:250px;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

/* Testimonial */

.testimonial{
  max-width: 800px;
  margin-inline: auto;
}

.testimonial h3{
  width: calc(100% - 100px);
}

.testimonial img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.testimonialContent:after{
  content: '"';
  color:var(--mainColor);
  font-size:10rem;
  font-size:clamp(4rem,10vw,10rem);
  line-height:75%;
  position:absolute;
  top: 1rem;
  right:1rem;
}

.testimonialContent picture{
  aspect-ratio: 4 / 3 !important;
  overflow:hidden;
}

.testimonialContent picture img{
  width:100%;
}

.testimonialLogo picture{
background: rgba(0, 0, 0, 0.1);
aspect-ratio: 4 /4 !important;
}

.testimonialLogo img{
width: 70% !important;
height: 70% !important;
object-fit: contain !important;
margin-top: 15% !important;
margin-left: 15% !important;
}

.testimonialLogo span{
  align-self: center;
}


@media (max-width:36rem){
  .testimonial{
    padding-left:0px!important;
    padding-right:0px!important;
  }

  .testimonialText{
    padding: 1.5rem 2rem !important;
  }

  .testimonial h3{
        width: 100% !important;
  }
}

.imgPlayBtn{
  width:100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(data:image/png;base64,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);
  aspect-ratio: 4 / 4;
}

/* Footer */
#footer .darkBGColor a,
.footerList li a{
  color:#fff!important;
}

.footerList li a:hover{
text-decoration: underline;
}

#footer .darkBGColor a[href^="tel:"],
#footer .darkBGColor a[href^="mailto:"]{
  color:var(--mainColor);
}

.footerColContent{
  line-height: 150%;
}

.footerList,
.footerList li{
  list-style:none;
  display:inline-block;
  color:#fff;
}

.flowingText a,
.flowingText a:hover{
    color:var(--mainColor);
    text-decoration: none;
}

.flowingText a:hover{
  text-decoration: underline;
}

#article p, .articleText p{
  margin-bottom:1rem;
}


#article .oversizeContent{
  max-width:calc( 100% + 6rem );
  width:calc( 100% + 6rem );
  margin-left:-3rem;
}

#article .colImage,
#article .gallery{
  overflow:hidden;
  margin-bottom:3rem;
  margin-top:3rem;
}

#article .colImage.lightBGColor figcaption,
#article .colImage.darkBGColor figcaption{
padding:1rem 2rem;
}

#article .articleBigThumb .colVideo{
width:100%;
max-width: 1100px;
margin: 3rem auto;
scale:1;
}

#article .articleBigThumb .colVideo:hover{
scale:1;
}

.inlineMediathek{
  width: calc(100% + 2rem) !important;
margin-left: -1rem;
}

.colBtnRow{
  flex-wrap: wrap;
  gap:1rem;
}

.colBtnRow > *{
  margin-left:0rem!important;
  margin-right:0rem!important;
}


/* ------------- Consent-Manager  -------------------------*/

.consent-wrapper {position:fixed; overflow-y:scroll; padding-top:30px; padding-bottom:30px;top:0; left:0; z-index:99999; display:grid; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5);}
.consent-modal {align-self: center; justify-self: center; background-color:#f6f6f6;
  border: 0.2em solid white; padding:1.5em 2em; max-width:800px; width:90%; border-radius:0.5em;
  box-shadow: .5em .5em .7em .3em rgba(0,0,0,0.4);
}
.consent-modal-body h3 {margin-top:0;}
.consent-dialog-buttons {text-align:right; margin-top:1em}
/*.consent-dialog-buttons button {background:var(--darkestColor); color:white; border:0; display:inline; padding:.4em .6em 0.45em 0.6em; border-radius:0.3em; cursor:pointer; font-size:0.9em}*/
.consent-form {margin-bottom:1em; display:flex; flex-direction:column; align-items: start;
background: rgba(0,0,0,0.1); padding: 0.3em 1em 1em 1em; border-radius: .3em; margin-top:30px;}
.consent-form label {cursor:pointer; font-size: 1em; margin-top:5px; margin-bottom:10px;}
.consent-checkbox {
appearance: none; position: relative; display: inline-block !important; outline: none;
top: .55em; height: 1.3em; width: 1.3em !important; margin-right: .5em; font-size:1em;
border: .14em solid rgba(117, 129, 151, 0.48); border-radius:0.2em; color: #ffffff; cursor: pointer;
 transition: all 0.15s ease-out 0s;}
.consent-checkbox:hover {border-color: rgba(117, 129, 151, 0.82);}
.consent-checkbox:checked {background: var(--mainColor); border: none;}
.consent-checkbox:checked::before {
content: '✔'; display: inline-block; position: absolute;
left:-.35em; top:-0.2em; height: 1.8em; width: 1.8em;
font-size: 1.2em;  text-align: center;}
.consent-checkbox:checked::after {
display: block; position: relative; content: '';
animation: consent-checkbox-click 0.15s; background: var(--mainColor); border-radius: 1em;}
@keyframes consent-checkbox-click {
  0% {height: 1em; width: 1em; opacity: 0.35; position: relative;}
  100% {height: 3em; width: 3em; margin-left: -1.2em; margin-top: -1.2em; opacity: 0;}
}
.consent-form i{font-size: small;margin-left: 2rem;display: block;}
.consent-mandatory .consent-checkbox, .consent-mandatory {cursor:default !important;}
.consent-mandatory .consent-checkbox:checked {background:#8c8c8c;}
.consent-mandatory .consent-checkbox:checked:hover {background:#8c8c8c;}
/* animation slide-in-blurred-top by animista */
.consent-slide-in {animation: slide-in-blurred-top 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
@keyframes slide-in-blurred-top {
  0% {transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); transform-origin: 50% 0%; filter: blur(40px); opacity: 0;}
  100% {transform: translateY(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1;}
}
@media only screen and (min-height: 900px) {
  @keyframes slide-in-blurred-top {
    0% {transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); transform-origin: 50% 0%; filter: blur(40px); opacity: 0;}
    100% {transform: translateY(-20%) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1;}
  }
}

.consentOverlay{
  height: 100%;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.consentOverlay *{
  width:80%;
  max-width:450px;
  margin:.5rem auto;
}