#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)}
*{
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
  
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/rau/theme/fonts/inter-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/rau/theme/fonts/inter-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'fontello';
  src: url('../../files/rau/theme/fonts/fontello.eot?70507210');
  src: url('../../files/rau/theme/fonts/fontello.eot?70507210#iefix') format('embedded-opentype'),
        url('../../files/rau/theme/fonts/fontello.woff2?70507210') format('woff2'),
        url('../../files/rau/theme/fonts/fontello.woff?70507210') format('woff'),
        url('../../files/rau/theme/fonts/fontello.ttf?70507210') format('truetype'),
        url('../../files/rau/theme/fonts/fontello.svg?70507210#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../../files/rau/font/fontello.svg?70507210#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
  
.icon-right:before { content: '\e800'; } /* '' */
.icon-left:before { content: '\e801'; } /* '' */
.icon-down:before { content: '\e802'; } /* '' */
.icon-up:before { content: '\e803'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open:before { content: '\f005'; } /* '' */
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open:before { content: '\f007'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */

html {
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body {
  font-family:'Inter';
  overflow-x:hidden;
}

.invisible {
  width: 0;
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1em;
}

h1 {
  font-size: /*clamp(3em, 5vw, 10em)*/clamp(2.25em, 4vw, 10em);
  margin-bottom:.5em;
  font-weight:700;
}

h2 {
  font-size: clamp(2em, 3vw, 5em);
  margin-bottom:.5em;
}

h3 {
  font-size: clamp(1.5em, 1.5vw, 3em);
  margin-bottom: .5em;
  margin-top: 1em;
}

h4 {
  font-size: 1.75em;
}

h5 {
  font-size: 1.5em;
}

h6 {
  font-size: 1.5em;
  font-weight:400;
}

a, a:hover {cursor:pointer;}

#main p, #main .rte ul {
  font-size: clamp(1em, 4vw,1.5em);
  line-height: 1.75em;
  margin: 0 0 1em 0;
  text-align: left;
  font-weight: 400;
}

#main .rte ul {margin-left: 1em;}

#main p a, .content-hyperlink a {
  color: #000000;
  text-decoration: underline;
}

#main .rte h2,
#main .rte h3,
#main .rte h4 {margin-top: 1.5em;}

#main .rte h4 {margin-bottom: 0;}

#main p a:hover, .content-hyperlink a:hover {
  background: #ffdd00;
  color: #000000;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.content-hyperlink {
  font-size: clamp(1em, 4vw,1.5em);
  line-height: 1.75em;
}

/*Header*/
#logo a {
  background: #ffdd00;
  display: block;
}

#header {
  background: #ffdd00;
  position: relative;
  padding: 1em 2em;
}

#header .inside {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap:2em;
}

#header .mod_article {
  position: relative;
  z-index: 1;
}

picture {
  display: flex;
}

/*NAV START*/

/* Main menu positionning */
.main-nav {
  min-height: 100vh;
  height: fit-content;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #ffdd00;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all .375s;
}

.main-nav.is-open {
  opacity: 1;
  z-index: 100;
  visibility: visible;
}

/* Yellow band effect */
.main-nav::before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: -15px;
  background: #FEDC2A;
  transform-origin: 0 0;
  /*transform: skew(-14deg) translateX(-120%);*/
  transition: all .275s .1s;
}
/*.main-nav.is-open::before {
  transform: skew(-14deg) translateX(0);
}*/

/* Skewing effect on menu links */
.main-nav ul {
  display: inline-flex;
  flex-direction: column;
  height: 93%; /* Should be 100%, but we have a notice message :D */
  align-items: /*flex-end*/flex-start;
  justify-content: center;
  /*transform: translateX(-18%) skew(-16deg);*/
}
.main-nav li {
  /*display: block;
  margin: .5rem 0;*/
  border-bottom: 3px solid black;
  width: 100%;
}

.main-nav ul li a,
.main-nav ul li strong {
  color: black;
  text-decoration: none;
  font-size: clamp(2.25em, 5vw, 10em);
  font-weight: 700;
  padding: 0 .25em;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-nav ul li a:hover {
  background-color: black;
  color: white;
  transition:.5s ease;
}

/* Apparition effect on links */
.main-nav a,
.main-nav strong {opacity: 0;transform: translateY(-10px);}
.main-nav.is-open a,
.main-nav.is-open strong {opacity: 1;transform: translateY(0);}
.main-nav li:nth-child(1) > * {transition: all 275ms 175ms}
.main-nav li:nth-child(2) > * {transition: all 275ms 225ms}
.main-nav li:nth-child(3) > * {transition: all 275ms 275ms}
.main-nav li:nth-child(4) > * {transition: all 275ms 325ms}
.main-nav li:nth-child(5) > * {transition: all 275ms 375ms}

/* Decoration */
.main-nav ul,
.main-nav li {list-style: none;padding: 0;}
.main-nav a,
.main-nav strong {display: block;padding: 12px 0;color: black;text-decoration: none;font-weight: bold;}

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {position: relative;top: 1em;z-index: 1000;background: none;border: 0;cursor: pointer;}
.open-main-nav:focus {outline: none;}
.burger {position: relative;display: block;width: 50px;height: 6px;margin: 0 auto;top:0;background: #000000;transition: all .275s;border-radius:1em;}
.burger:after,
.burger:before {content: '';display: block;height: 100%;background: #000000;transition: all .275s;border-radius:1em;}
.burger:after {transform: translateY(-21px);}
.burger:before {transform: translateY(-30px);}
/* Toggle State part */
.is-open .burger {transform:translateY(-15px) rotate(-45deg);}
.is-open .burger:before {transform: translateY(0px) rotate(90deg);}
.is-open .burger:after {transform: translateY(-12px) translateX(10px);opacity: 0;}
/* MENU Text part */
.burger-text {display: block;}

/**/

.mod_navigation ul {width:80%;}
.mod_navigation ul li {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.mod_navigation ul li ul {visibility: hidden;height: 0;z-index: 1000;margin:0;padding:0;font-size:0;display: block;text-align: left;flex-basis: 100%;flex-shrink: 1;flex-grow: 1;}
.mod_navigation ul li ul li {font-size:.5em;line-height:clamp(4em, 6vw, 12em);}
.mod_navigation ul li ul li a,
.mod_navigation ul li ul li strong {padding: 0 1em;}
.mod_navigation ul li a.submenu,
.mod_navigation ul li strong.active.submenu {width: calc(100% - 56px);}
.mod_navigation ul li ul li:last-of-type {border-bottom:0;}
.mod_navigation ul li a.submenu.trail,
.mod_navigation ul li .active {color:var(--highlight);}
nav li {position: relative;}
.mod_navigation ul li ul.visible {visibility: visible;height: auto;/*margin-top:.5em;*/font-size:1em;}
.subnav[aria-expanded] {width:56px;height:auto;padding:0 .75em;background: none;outline: transparent;border: none;border-radius: 0.3em;cursor:pointer;transition:.5s ease;}
.subnav[aria-expanded] i {pointer-events: none;fill: #000;border-radius: 0.3em;transition:.5s ease;font-size: 3em;}
.subnav[aria-expanded="true"] i::before {transform: translate(0, 0) rotate(180deg);transition:.5s ease;}
.visually-hidden,
[visually-hidden="true"] {position: absolute !important;clip-path: rect(1px, 1px, 1px, 1px) !important;padding: 0 !important;border: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden !important;}

.subnav[aria-expanded="false"] {transition:.5s ease;}

/*NAV ENDE*/
  
  
/*
.square-bg {
    background-color: #000;
    padding:1em;
    width:80%;
    position:absolute;
    top:140px;
    padding:4em;
}*/

/* Hero */

#hero #test2 {
  margin: 0;
  background-color: #ffdd00;
  background-image: url("../../files/rau/theme/img/dots-bg.gif");
  /*background-size: 25px;*/
}

.home #hero .container {margin: 0 0 0 10%;}

::selection {
  background-color: /*rgba(241, 231, 40, 0.2)*/#ffdd00;
  color: black;
}

/* Demo css -start */
.info-section {
  /*height: calc(100% - 2em);
  min-height: 600px;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  user-select: none;
}

/* left part */
.left-part {
  padding: 20px 0 0;
  overflow: hidden;
  min-width:40%;
}

.left-part .h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(3em, 7vw, 10em);
  line-height: .9em;
  text-transform: uppercase;
  font-weight: 700;
}

.left-part .h1 .text {
  color: black;
  display: block;
  height: 200px;
  /*font-size: clamp(.3em, 7vw, 6em);*/
}

.left-part .h1 .d-flex {
  display: flex;
  align-items: center;
}

.left-part .h1 .char {
  transform: translateY(-515px);
  transition: transform 0.5s;
}

.typed-cursor {
  display: none !important;
}

.left-part p {
  width: 72%;
  margin: 20px 0 0;
  color: black;
  font-size: 16px;
  line-height: 2;
  opacity: 0.8;
}

/* button */
.book-link {
  margin: 40px 0 0;
  padding: 0;
  border: 0;
  font-size: 2em;
  line-height: 1;
  color: black;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  display: inline-flex;
  align-items: center;
  gap: 28px;
  position: relative;
  text-decoration: none;
}

.book-link .linktext {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.book-link .linktext::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: black;
  transform: scaleX(1);
  transition: transform 250ms ease-in-out;
  transform-origin: 0 0;
}

.book-link:hover .linktext:before {
  transform: scaleX(0);
  transform-origin: 100% 100%;
}

.book-link .arrow {
  height: 36px;
  width: 36px;
  top: -5px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.book-link .arrow::before,
.book-link .arrow::after {
  position: absolute;
  content: "";
  background-color: black;
  transition: all ease-in-out 0.35s;
  transform-origin: 0 0;
  border-radius: 30px;
}

.book-link .arrow::before {
  height: 2px;
  width: 100%;
  top: 0;
  right: 0;
}

.book-link .arrow::after {
  width: 2px;
  height: 100%;
  top: 0;
  right: 0;
}

.book-link:hover .arrow::before {
  width: 65%;
}

.book-link:hover .arrow::after {
  height: 65%;
}

.book-link .arrow span {
  background-color: black;
  height: 2px;
  width: 100%;
  display: inline-block;
  transform: rotate(-45deg) translate(-3px, -1px);
  transform-origin: right top;
  border-radius: 30px;
  position: relative;
  transition: all ease-in-out 0.35s;
  position: absolute;
  top: 0;
  left: 0;
}

.book-link .arrow span::before {
  background-color: black;
  content: "";
  height: 100%;
  width: 15px;
  left: -15px;
  top: 0;
  position: absolute;
}

/* right part */
.right-part {
  background-color: transparent;
  display: block;
  position: relative;
  z-index: 1;
}

.right-part .d-flex {
  height: 100%;
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  position: relative;
}

.right-part img {
  display:block;
  position:relative;
  top: 6em !important;
  z-index:0;
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  animation-name: heropicture;
  animation-duration: 2s;
  animation-timing-function: ease;
  width: 100%;
  height: auto;
}

  @keyframes heropicture {
    0%   {right:-1000px;top:5em;}
    100% {right:0;top:5em;}
  }

.right-part .test-container {
  position: absolute;
  right: clamp(0%, 15vw, 40%);
}

/*.right-part img {
  transform: translatey(0px);
  animation: heroanimation2 6s ease-in-out infinite;
}

@keyframes heroanimation2 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}*/


.right-part .test {
  font-size: clamp(1em, 2.5vw, 2em);
  background: white;
  padding: 1em;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  color: black;
  /*transform: rotate(-5deg);*/
  /*border-bottom: 5px solid #fd0;
  border-right: 5px solid #fd0;*/
  animation-name: heropicture;
  animation-duration: 2.5s;
  animation-timing-function: ease;
  white-space:nowrap;
}

@keyframes herotext {
  0%   {right:-1000px; top:0px;}
  100% {right:0; top:0px;}
}

/*.home #hero {background:#ffdd00;padding: 2em 0;position:relative;}
.home #hero::after {content:'';background:#000000;width:80vw;height:calc(100% - 2em);display:block;position:absolute;top:0;left:0;z-index:0;
  margin-bottom: 5em;
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  animation-name: heroafter;
  animation-duration: 2s;
  animation-timing-function: ease;}

  @keyframes heroafter {
    0%   { left:-100%; top:0px;}
    100% {left:0; top:0px;}
  }

.home #hero .inside {position:relative;z-index:1;}

.home #hero .slideshow {
  position:relative;
  animation-name: testslide;
  animation-duration: 2s;
  animation-timing-function: ease;}

  @keyframes testslide {
    0%   {right:-100%; top:0px;}
    100% {right:0; top:0px;}
  }*/

      /* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  font-size: 0.3em;
  line-height: 1em;
  list-style: none;
  margin: 0;
  margin-top: 0px;
  margin-top: 0px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 10;
  left: 0;
  margin: 3em 0;
}

.slick-dots li {
  display: inline;
}

.slick-dots li button {
  background: #666666;
  height: 1.5em;
  width: /*1.5em*/.5em;
  margin: /*0 .5rem*/0 1em;;
  overflow: hidden;
  text-indent: -1000px;
  /*-webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;*/
  transform: skew(-30deg, 0);
}

.slick-dots li.slick-active button {
  background-color: #ffdd00;
}  

.container {margin: 0 10%;position: relative;}
  
.home .mod_breadcrumb {display:none;}

/*Main*/
#main {position:relative;}

#main .mod_article {padding:5em 0;width:100%;}
.bg.dark {background:#000000;color:#ffffff;}
  
#main .content-text {margin-bottom: 5em;}
#main .content-text:last-child {margin-bottom:0;}

/*Breadcrumb*/
.mod_breadcrumb {margin:1em 0;}
.mod_breadcrumb li { display: inline-block;} 
.mod_breadcrumb li:after { content: " > "; }
.mod_breadcrumb li.active:after { content:""; }
.mod_breadcrumb a {color:#000000;}

#main .typing p {min-height:/*50vh*/30vh;padding-left:/*20%;*/10%; font-size: clamp(1em, 5vw, 2em);}

#main .fadescroll {transition: all 400ms;opacity: 0;}
#main .fade {opacity:1;}
#main .fade {transform: translateY(-1.5em);margin-top:2.5em;}

/*#main img {width:100%;height:auto;}*/
  
#main .ce_rsce_team {}
#main .ce_rsce_team div.team-member {margin-bottom: 3em;}
#main .ce_rsce_team p {margin:0.5em 0;font-size:1.5em;line-height:1.25em;}
#main .ce_rsce_team p.team-position {color:#666;}
#main .ce_rsce_team .team-image {position:relative;display:flex;}
#main .ce_rsce_team .team-image .overlay {opacity:0;}
/*#main .ce_rsce_team .team-image:hover .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 1;transition: .5s ease;background-color: #ffdd00;mix-blend-mode: multiply;}*/
.ce_rsce_team img {
  width: 100%;
  height: auto;
}


.ce_rsce_tabs {display:flex;justify-content:space-between;gap:2em;align-items: start;}
.ce_rsce_tabs .tab-bar {display:flex;flex-direction:column;gap:2em;margin-right:5em;}
.ce_rsce_tabs .tab-bar button {font-size:3em;line-height:1.5em;font-weight:800;color:#ffffff;background:none;text-align:left;}
.ce_rsce_tabs .tab-bar .active {color:#ffdd00;transition: 0.5s;}
.ce_rsce_tabs .tab-bar .active::before {content:'';padding-left:1em;background:url('../../files/rau/theme/img/arrow-right-y.svg') left center no-repeat;background-size:30px auto;transition: 0.5s;position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1;}}
.ce_rsce_tabs .tab-bar button::before {content:'';padding-left:1em;}
.ce_rsce_tabs .tab-container {position:relative;margin-right:20%;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

#main .ce_rsce_linklist a {color:black;text-decoration:none;font-size:120px;font-weight:700;}
#main .ce_rsce_linklist .linklist {padding:1em 2em;border-bottom:3px solid black;}
#main .ce_rsce_linklist .linklist:hover {background:#ffdd00;transition:.5s ease;}

.ce_accordion,
.accordion-big.content-accordion .handorgel__header {border-top:3px solid black;}
.accordion-big.content-accordion {border-bottom: 3px solid black !important;}

.ce_accordion .ui-accordion-header-collapsed:hover,
.accordion-big.content-accordion .handorgel__header:hover {background:#ffdd00;transition:.5s ease;}

.ce_accordion .ui-accordion-header,
.accordion-big.content-accordion .handorgel__header {color:black;text-decoration:none;font-size:clamp(2.25em, 5vw, 10em);font-weight:700 ;padding:.25em .5em;cursor:pointer;display:flex;justify-content: space-between;align-items:center;}
.handorgel__header button {display:flex;justify-content: space-between;align-items:center;}

.handorgel__header__button {background-color: transparent !important; padding: 0 !important;border-top: 0 !important;font-weight:700 !important}
.handorgel__content {background-color: transparent !important;border-top: 0 !important;f}

.handorgel__content--open {transition: 0 ease-in-out !important;}

.ce_accordion .ui-accordion-content,
.accordion-big.content-accordion .handorgel__content__inner {padding: 0 1.25em !important;}

.ui-accordion-header-icon {display:none;}

.rotate-90 .icon-right {
  transform:rotate(90deg);transition:.5s ease-in-out;
}

.icon-right {transition:.5s;}

/*Button*/
.button, #main .ce_form button {
  padding: 1em 2em;
  display: inline-block;
  text-decoration: none;
  margin: 1em 0 2em;
  text-align: center;
  font-weight:700;
  font-size:1em;
}

.-primary, #main .ce_form button {
  background: black;
  color: #fff;
}

.-primary:hover, #main .ce_form button:hover {
  background:#ffdd00;
  color:black;
  transition:.5s ease;
}

.-secondary {
  -webkit-box-shadow:inset 0px 0px 0px 3px black;
  -moz-box-shadow:inset 0px 0px 0px 3px black;
  box-shadow:inset 0px 0px 0px 3px black;
  color: black;
}

.-secondary:hover {
  background:black;
  color:white;
  transition:.5s ease;
}

.-tertiary {
  background: #ffdd00;
  color: black;
  transition:.5s ease;
}

.-tertiary:hover {
  background: white;
  color: black;
  transition:.5s ease;
}

/*Kundenlogos ce_gallery*/
#main .content-gallery ul {list-style-type:none;display:flex;flex-wrap:wrap;gap:1em;justify-content: space-between;}
#main .content-gallery img {width: 130px;height: 130px;object-fit: scale-down;}

/*Logoleiste*/
#main .content-gallery img {width: 180px;}

/*Porfolio*/
.slideshow.mod_portfoliolist .layout_short .portfolio-content {position: absolute;
  bottom: 1em;
  color: #fff;
  left: 1em;
  font-size: clamp(1em, 3vw, 2em);
  font-weight: 700;
  text-shadow: 2px 2px 4px black;
}

#main .mod_portfoliolist .layout_short {flex:1 30%;transition: .3s;}
#main .mod_portfoliolist .layout_short:hover {transform: translateY(-5px);transition: .3s;}
#main .mod_portfoliolist .layout_short figure {overflow: hidden;}
#main .mod_portfoliolist .layout_short img {width: 100%; height: auto;}

#main .mod_portfoliolist .layout_short .portfolio-content {margin:1em 0 2em;/*font-size:1.25em;line-height:1.75em;*/font-size: 1.5em;line-height: 1.25em;}
/*#main .mod_portfoliolist .layout_short .portfolio-client {font-weight:700;}*/


@keyframes zoominoutsinglefeatured {
  from {
      transform: scale(1);
  }

  to {
      transform: scale(1.2);
  }
}

#main .mod_portfoliolist .layout_short figure img:hover {
animation: zoominoutsinglefeatured 7s ease;
}
  
.mod_portfoliolist .inside {position: relative;}
.mod_portfoliolist .inside span.portfolio-headline a {color: #000000;text-decoration:none;display: inline-block;width: 100%;}
#main .mod_portfolioreader h1,
#main .mod_portfolioreader p.portfolio__client {color:#000;}
#main .mod_portfolioreader .content-gallery ul {display: grid;grid-template-columns: repeat(6, 1fr);grid-column-gap: 1em;grid-row-gap: 1em;margin: 1em 0;}
#main .mod_portfolioreader .content-gallery ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 7; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(2) { grid-area: 2 / 1 / 3 / 4; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(3) { grid-area: 2 / 4 / 3 / 7; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(4) { grid-area: 3 / 1 / 4 / 7; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(5) { grid-area: 4 / 1 / 5 / 3; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(6) { grid-area: 4 / 3 / 5 / 5; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(7) { grid-area: 4 / 5 / 5 / 7; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(8) { grid-area: 5 / 1 / 6 / 7; }
#main .mod_portfolioreader .content-gallery ul li:nth-child(9) { grid-area: /*5 / 1 / 6 / 7;*/ 7 / 4 / 6 / 1 }
#main .mod_portfolioreader .content-gallery ul li:nth-child(10) { grid-area: /*6 / 1 / 6 / 4;*/ 6 / 4 / 6 / 7 }
#main .mod_portfolioreader .content-gallery ul li:nth-child(11) { grid-area: 7 / 4 / 6 / 7; }

#main .mod_portfolioreader .content-gallery.start2 ul {margin:0 0;}
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(1) { grid-area: 2 / 1 / 3 / 4; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(2) { grid-area: 2 / 4 / 3 / 7; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(3) { grid-area: 3 / 1 / 4 / 7; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(4) { grid-area: 4 / 1 / 5 / 3; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(5) { grid-area: 4 / 3 / 5 / 5; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(6) { grid-area: 4 / 5 / 5 / 7; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(7) { grid-area: 5 / 1 / 6 / 7; }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(8) { grid-area: 7 / 4 / 6 / 1 }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(9) { grid-area: 6 / 4 / 6 / 7 }
#main .mod_portfolioreader .content-gallery.start2 ul li:nth-child(10) { grid-area: 7 / 4 / 6 / 7; }
#main .mod_portfolioreader .content-gallery img {width:100%;height:100%;object-fit:cover;}
#main .mod_portfolioreader .content-gallery ul li:nth-of-type(12n+1) {margin-left:0;}
#main .mod_portfolioreader .content-gallery div {display: grid;grid-template-columns: repeat(9, 1fr);grid-template-rows: repeat(9, 7vw);grid-gap: 15px;}
#main .mod_portfolioreader figure.row_0 { display: block;}
#main .mod_portfolioreader .content-gallery li:nth-child(1) {grid-column-start: 1;grid-column-end: 4;grid-row-start: 1;grid-row-end: 3;}
#main .mod_portfolioreader .content-gallery li:nth-child(2) {grid-column-start: 4;grid-column-end: 7;grid-row-start: 1;grid-row-end: 3;}
#main .mod_portfolioreader .content-gallery li:nth-child(3) {grid-column-start: 7;grid-column-end: 10;grid-row-start: 1;grid-row-end: 3;}
#main .mod_portfolioreader .content-gallery li:nth-child(4) {grid-column-start: 1;grid-column-end: 7;grid-row-start: 3;grid-row-end: 5;}
#main .mod_portfolioreader .content-gallery li:nth-child(5) {grid-column-start: 7;grid-column-end: 10;grid-row-start: 4;grid-row-end: 7;}
#main .mod_portfolioreader .content-gallery li:nth-child(6) {grid-column-start: 1;grid-column-end: 4;grid-row-start: 5grid-row-end: 7;}
#main .mod_portfolioreader .content-gallery li:nth-child(7) {grid-column-start: 4;grid-column-end: 7;grid-row-start: 5;grid-row-end: 7;}
#main .mod_portfolioreader .content-gallery figure {margin-bottom: 0 !important;}
#main .mod_portfolioreader .content-gallery figure, .projekte-bilder .content-gallery figure, .einheiten-ausstattung figure {overflow: hidden;}
#main .mod_portfolioreader .content-text {margin-top:5em;}
#main .mod_portfolioreader .portfolio__client {display:none;}

#main p.back {margin-top:2em;}
#main p.back a {background:#000000;color:#ffffff;padding:.5em 2em;color:#ffffff;text-decoration:none;margin:1em 0;display:inline-block;/*border-radius:.25em;*/font-size:.75em;}
#main p.back a:hover {background:#ffdd00;color:#000000;transition:.5s;}

.mod_onepage_navigation {margin-right: 20%;}
.mod_onepage_navigation ul {display:flex;justify-content: space-between; gap:1em;list-style-type:none;font-size: 1.5em;}
.mod_onepage_navigation ul li a {text-decoration:none;font-weight:800;color:#000000;}
.mod_onepage_navigation ul li a:hover {font-weight:600;}

.onepage_article {
  opacity: 0;
  transition: all .25s ease-in-out;
}

.onepage_article.visible {
  transform: translateX(0);
  opacity: 1;
}

/*Formular*/
.ce_form .formbody {display: flex;
  flex-wrap: wrap;
  gap: 1em;}

.ce_form .widget {
  display: flex;
  flex-direction:column;
  gap: .5em;
  width: 100%;
}

.ce_form .widget.widget-textarea,
.ce_form .widget.widget-checkbox {
  flex-basis: 100%;
}

.ce_form input,
.ce_form select,
.ce_form textarea {
  padding: 1em 0;
  border-bottom: 3px solid black;
  background: transparent;
  font-size: 1.25em;
  color: black;
  font-weight: 700;
  width: 100%;
}

.ce_form input.checkbox {width: auto;}

.ce_form input:focus,
.ce_form select:focus,
.ce_form textarea:focus {
  border-color:black;
  /*background:#FDFAE3;*/
  outline: none;
}

::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}

.ce_form textarea {
  font-family: 'Inter';
  font-weight: 700;
}

.widget.widget-submit {display:inline-block;}

.ce_form .widget-text label,
.ce_form .widget-textarea label {
  font-size: 0;
  width: 0;
  height: 0;
}

.ce_form button:hover {
  background-color: white !important;
}


video {
  width: 100%;
  /*margin-bottom: 2.5em;*/
}

.mod_customnav ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  justify-content: center;
}

.mod_customnav.leistungen ul li {
  list-style-type: none;
}

.mod_customnav.leistungen ul li a {
  background: black;
  padding: 2em .25em .25em;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  color: white;
  text-decoration: none;
  font-size: clamp(1.25em, 5vw, 10em);
  font-weight: 700;
}

.mod_customnav.leistungen ul li a:hover {
  background:#ffdd00;
  color: black;
  transition:.5s ease;
}

/*Teaser*/
.ce_rsce_teaser {
  margin-top:3em;
}

.teaser.columns-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 3em;
}

.teaser.columns-3 {
  display: grid;
  --grid-layout-gap: 5em;
  --grid-column-count: 3;
  --grid-item--min-width: 300px;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}

/*Columns-7+5*/
.columns-7-5 {
  padding-top: 0 !important;
  margin-top: -5em;
}

.columns-7-5 .container {
  background: #ffdd00;
  border-bottom: 2px solid white;
}

.columns-7-5 .ce_form {
  padding: 4em;
}

.columns-7-5 figure {
  display: flex;
  height: 100%;
}

.columns-7-5 figure img {
  width:100%;
  object-fit: cover;
}

/*Provisorisch*/

/*#main .teaser-content .image-container {
  display: flex;
  justify-content: right;
}*/

#main .teaser-content img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

/*Provisorisch Ende*/

/*Hintergrundbild*/
.ce_rsce_hintergrundbild {
  position: relative;
}

.ce_rsce_hintergrundbild .bg-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  position: relative;
  width: 140%;
  left: -20%;
  margin: 8em 0;
  display: block;
  padding: 5em 20%;
  background-color: #ffdd00;
  background-blend-mode: multiply;
  color: white;
}

/* Initiate Auto-Pulse animations */
.ce_rsce_hintergrundbild .bg-container .-primary, .ce_rsce_cta .button {
  animation:brath 5s linear infinite;
}

@keyframes brath{
  0%{transform: scale(.9);}
  25%{transform: scale(1);}
  50%{transform: scale(.9);}
  75%{transform: scale(1);}
  100%{transform: scale(.9);}
}

.ce_rsce_hintergrundbild .bg-container .-primary {background-color: white !important;color:black;}
.ce_rsce_hintergrundbild .bg-container .-primary:hover {background-color: black !important;color:white;}


.ce_rsce_backgroundimage div {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  position: relative;
  height: 50vh;
  width: 140%;
  left: -20%;
  margin: 8em 0;
  display: block;
  
  /*background-color: #ffdd00;
  background-blend-mode: multiply;*/
}

.videotest {
  /*display: flex;
  gap: 1em;
  margin: 5em 0;*/
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  justify-content: center;
}

.videotest .content-player,
.video-teaser {
  width: 100%;
}

.videotest .content-player figure,
.video-teaser figure {
  position: relative;
}

.videotest figure::before,
.video-teaser figure::before {
  background: /*#ffdd00*/rgba(0,0,0,0.6);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-blend-mode: multiply;
}

.videotest .content-player video,
.video-teaser video {
  opacity: 1;
  margin-bottom: 0;
  display: flex;
}

.videotest .content-player figcaption,
.video-teaser figcaption {
  position: absolute;
  bottom: .25em;
  font-size: clamp(1.25em, 5vw, 10em);
  font-weight: 700;
  left: .5em;
  color: white;
}

.video-teaser:hover figcaption {color: #ffdd00;}
.video-teaser:hover figure::before {background: rgba(0,0,0,0.75);}


/*Landingpage Start*/

.text-button-content span {
  font-size: clamp(1em, 4vw,1.5em);
  line-height: 1.75em;
}

.bg-dark { 
  /*OLD 
  background: rgb(83,83,83);
  background: linear-gradient(95deg, rgba(83,83,83,1) 0%, rgba(0,0,0,1) 50%);*/
  
  /*background: rgb(50,48,32);
  background: linear-gradient(135deg, rgba(50,48,32,1) 0%, rgba(0,0,0,1) 50%);*/

  /*background: rgb(55,55,55);
  background: linear-gradient(135deg, rgba(55,55,55,1) 0%, rgba(0,0,0,1) 50%);*/
  background: black;
  color: white;
  padding: 0 0 0 10vw !important;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.bg-dark .ce_rsce_text_button {
  padding: 5em 0;
  position: relative;
  z-index: 10;
}

/*.bg-dark figure::before {
  background: rgba(0,0,0,0.25);
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}*/

.bg-dark video {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  object-fit: cover;
}

.bg-dark .ce_rsce_text_button .button {
  box-shadow: 0 0 0 0 rgba(255, 221, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 221, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 221, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 221, 0, 0);
	}
}


#main .ce_rsce_text_pic_offset {margin-top: 5em;}

#main .ce_rsce_text_pic_offset img {
  width: min-content;
}

.text-pic-offset-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  margin-left: 0;
  margin-right: 10%;
}

.text-pic-offset-content:nth-child(2n) {
  margin-left: 10%;
  margin-right: 0;
}

body {counter-reset: Ebene01;}

.text-pic-offset-content .number::before {
  content: counter(Ebene01) "\A0\A0\A0";
  counter-increment: Ebene01;
  position: relative;
  left: 25%;
}

.text-pic-offset-content .number {
  font-size: clamp(7em, 14vw, 15em);/*clamp(4em, 15vw, 15em);*/ /*clamp(2em, 10vw, 10em);*/ /*145px*/
  font-weight: 700;
}


.bg-angle {
  background: black;
  color: white;
  transform: skewY(-1.5deg);
  padding-top: 8em !important;
  margin-bottom: 70px;
  padding-bottom: 1em !important;
}

.bg-angle::after {
  background: black;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: -70px !important;
  display: block;
  content: "";
  transform: skewY(1.5deg);
  z-index: -1;
}

.bg-angle > div  {
  transform: skewY(1.5deg);
}

.bg-angle strong {
  color: #ffdd00;
}

/*#main .bg-angle .rte ul {
  border-left: 10px solid #ffdd00;
  padding-left: 50px;
  margin-left: -1.5em;
}*/

.bg-angle li {
	list-style-image: url(../../files/rau/theme/img/icon-check.svg);
  margin-left: 1em;
  padding: 0 .5em;
}

.bg-black {
  background-color: black;
  color: white;
}

.bg-black a,
.bg-black p a {
  color: #ffdd00 !important;
}

.bg-black a:hover,
.bg-black p a:hover {
  color: black !important;
  text-decoration: none !important;
}

.bg-black .content-accordion {
  border-bottom: none;
}

.bg-black .content-accordion .handorgel__header {
  color: #ffdd00;
  border-bottom: 1px dashed #ffdd00;
  padding: .5em 0;
  margin-bottom: 1em;
  font-size: clamp(1em, 4vw,1.5em);
}

.bg-black .handorgel__content__inner {
  padding: 0;
}

.bg-black .content-accordion button {gap: 1em;}
.bg-black .content-accordion button div {width: 40px;height: 40px;min-width: 40px !important;border: 0;font-size: 1.5em;position: relative;right:0.75rem;top:0.45rem;}
.bg-black .content-accordion button div span {position: absolute;transition: 300ms;background: #ffdd00;border-radius: 2px;}
.bg-black .content-accordion button div span:first-child {top: 25%;bottom: 25%;width: 10%;left: 45%;}
.bg-black .content-accordion button div span:last-child {left: 25%;right: 25%;height: 10%;top: 45%;}
.bg-black .content-accordion .handorgel__header--open button span {transform: rotate(90deg);}
.bg-black .content-accordion .handorgel__header--open button span:last-child {left: 50%;right: 50%;}

.process-container {
  width: 70%;
  margin: 0 auto;
}

.process-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2em;
}

/*Landingpage Ende*/

/*Logo-Slider*/
#main .logo-slider {
  overflow: hidden;
}
#main .logo-slider .content-gallery {
  animation: slidein 15s linear infinite;
  white-space: nowrap;
}

#main .logo-slider .content-gallery ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 5em;
}

#main .logo-slider .content-gallery ul li figure {
  animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*Footer*/
footer {background: #ffdd00;}
footer .container {padding: 4em 0;display: flex;flex-wrap:wrap;gap: 2em;justify-content: space-between;}
footer .footer-top .container {justify-content: flex-end;padding-bottom:0;align-items: center;}
footer .footer-top p,
footer .footer-top h3 {font-size: clamp(1em, 4vw, 1.5em);margin-bottom:1em;/*text-align:right;*/}
footer .footer-bottom .container {align-items: end;}
footer .mod_customnav ul {list-style-type:none;display:flex;flex-wrap:wrap;gap:2em;justify-content: space-between;}
footer .mod_customnav ul li a,
footer .social-media li a {text-decoration:none;font-weight:600;color:#000000;}
footer .mod_customnav ul li a:hover {text-decoration:underline;}
footer .social-media {list-style-type:none;display:flex;flex-wrap:wrap;gap:0;justify-content: space-between;font-size: 2em;}
footer .social-media li a:hover {opacity:0.5;}
footer .button:hover {background: white;}

footer .contact-block img {
  border-radius: 50%;
  border: 5px solid white;
}

footer .button {
  transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
  margin-bottom: 0;
}

footer .button:nth-child(2n) {
  transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
  animation-delay: 1s;
}

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.ce_rsce_megafooter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  }

.ce_rsce_megafooter div {
  flex-basis: 50%;
  flex-shrink: 1;
  flex-grow: 1;
}

.ce_rsce_megafooter h3 {
  margin-top: 0;
}

.member {
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  align-items: center;
}

.member ul {
  list-style-type: none;
}

.position {
  margin-bottom: 1em;
}

.phone {
  background-image: url('../../files/rau/theme/img/icon-phone.svg');
  background-position: left center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 5px 30px;
}

.mail {
  background-image: url('../../files/rau/theme/img/icon-mail.svg');
  background-position: left center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 5px 30px;
}

.ce_rsce_megafooter .adress-block {
  text-align: right;
}

.middle-block p {font-size: clamp(1em, 4vw, 1.25em) !important;}

/*Scroll-To-Top Button*/
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}

.scroll {
	position:absolute;
	right:0;
	bottom:0;
	background:#000;
	background:rgba(0,0,0,0.7);
  border-radius:50%;
  border:1px solid white;
	padding:20px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
  width: 80px;
  height: 80px;
}

.scroll:hover {
	background:rgba(0,0,0,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}

.scroll:hover .icon-up-ope {
	padding-top:-10px;
}

.scroll .icon-up-open {
	font-size:30px;
	margin-top:-5px;
	margin-left:-2px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
  color: white;
}



/* Home Test Anfang */

.home-test #hero {
  background: #ffdd00;
  position: relative;
}

.home-test #hero figure {
  display: flex;
}

.home-test #hero p {
  font-size: clamp(2em, 4vw, 5em);
  display:block;
  position:relative;
  top:0;
  left:0;
  z-index:0;
  animation-name: herotext;
  animation-duration: 2s;
  animation-timing-function: ease;
}

@keyframes herotext {
  0%   {left:-1000px; top:0px;}
  100% {left:0; top:0px;}
}

.home-test #hero .content-image img {
  width: 100%;
  height: auto;
}

.home-test #hero .content-image {
  display:block;
  position:relative;
  top:0;
  right:0;
  z-index:0;
  margin-bottom: 5em;
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  animation-name: heropicture;
  animation-duration: 2s;
  animation-timing-function: ease;}

  @keyframes heropicture {
    0%   {right:-1000px; top:0px;}
    100% {right:0; top:0px;}
  }

@media (pointer: coarse) {
  .ce_rsce_backgroundimage div,
  .ce_rsce_hintergrundbild .bg-container {
    background-attachment: scroll;
  }

  /* Home Test Ende */
}

/*404 Start*/

/*404 End*/



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

#main .content-gallery ul {
  display: block;
}

#main .content-gallery figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

#main .content-gallery img {
    width: 200px;
    height: 200px;
    object-fit: scale-down;
  }

  .teaser-content.fadescroll.block.fade {
    margin-right: 15%;
  }

}

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

  footer .container p {
    order: 3
  }

  footer .container .social-media {
    order: 2
  }

  footer [class^="icon-"]::before, footer [class*=" icon-"]::before {
    margin-left: 0;
  }

  footer .container .mod_customnav {
    order: 1
  }

  footer .container .mod_customnav ul {
    flex-direction: column;
  }
}

@media screen and (max-width: 490px) {
  .ce_rsce_megafooter .adress-block {
    text-align: left;
    margin: 4em 0 0;
  }

  footer .adress-block img {
    height: 70px;
    width: auto;
  }
}


@media screen and (min-width: 500px) {
  #main .ce_rsce_team {display:grid;grid-template-columns: 1fr 1fr;column-gap:1em;row-gap:2em;margin-right:1em;}
  #main .mod_portfoliolist .projects__items {display: grid;gap: 1rem;grid-template-columns: minmax(auto, 1fr) 1fr;}

  #main .content-gallery ul {gap:5em;}


  /*CTA*/
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 4em 0;
  }

  .ce_rsce_cta .grid-container {
    justify-items: center;
  }

  .ce_rsce_cta h2 {
    font-size: clamp(3em, 5vw, 10em);
    margin-bottom: 0;
    font-weight: 700;
  }

  .ce_rsce_cta .button {
    padding: 1.25em 2.5em;
    margin: 0;
    font-size: 2em;
  }

}

@media screen and (max-width: 670px) {
  .info-section {
    flex-wrap: wrap;
  }

  .left-part .h1 .text {
    height: 100px;
  }

  .right-part {
    max-width: 100%;
  }

  .right-part img {
    top: 3em !important;
  }
}


@media screen and (max-width: 699px) {
  .ce_rsce_megafooter {
    display: block;
  }

  .adress-block {text-align: left !important; margin-top: 4em;}
}

@media screen and (min-width: 700px) {
  .ce_accordion .ui-accordion-content,
  .accoridon-big.content-accordion .handorgel__content__inner {padding:0 4em !important;}

  .bg-dark video {
    left: 20vw;
  }
}

@media screen and (max-width:814px) {
  .text-pic-offset-content .number {
    margin-left: 5%;
  }
  /*.text-pic-offset-content:nth-child(2n) .number {
    margin-left: -5% !important;
  }*/

  .text-pic-offset-content:nth-child(2n) {
    justify-content: flex-end;
  }


}

@media screen and (min-width: 815px) {
  .text-pic-offset-content:nth-child(2n) {
    flex-direction: row-reverse; 
  }
}

@media screen and (max-width: 873px) {
  .text-pic-offset-content:nth-child(2n) .number {
    width: 100%;
  }
}

@media screen and (max-width: 875px) {
  .text-pic-offset-content .number {
    margin-left: 10%;
  }

  .text-pic-offset-content .number::before {
    position: none;
    left: 0;
  }

  .text-pic-offset-content h3 {
    margin-top: 0;
  }
}

@media screen and (min-width:991px) {
  #main .ce_rsce_team {display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap:1em;row-gap:2em;margin-right:1em;}

  #main .content-gallery img {width: 250px;height: 150px;}

  .mod_navigation ul {width:60%;}

  #logo img {width: 150px; height: 150px;}

  .burger {width: 80px;height: 7px;top:10px;}
  .burger:after {transform: translateY(-32px);}
  .burger:before {transform: translateY(-50px);}
  /* Toggle State part */
  .is-open .burger {transform:translateY(-25px) rotate(-45deg);}

  /*.home #hero {padding: 3em 0 7em;}
  .home #hero::after {height:calc(100% - 7em);width:70vw;}*/

  .columns-7-5 .container {
    display: grid;
    grid-template-columns: 7fr 5fr;
  }

  .ce_form .widget {
    flex-basis: calc(50% - .5em);
    flex-shrink: 1;
    flex-grow: 1;
  }
  .process-content {
    align-items: center;
    flex-direction: row;
  }

  .process-content:nth-child(2n) {
    flex-direction: row-reverse;
  }

  #main .logo-slider .content-gallery {
    animation: slidein 30s linear infinite;
  }
}

@media screen and (max-width:999px) {
  .main-nav ul {margin-top: 100px;}

  .ce_rsce_cta .grid-container {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (min-width:1000px) {
  /*.home #hero .container {margin:0 20%;}*/
}

@media screen and (min-width:1600px) {
  /*.container {margin: 0 20%;}*/
}

@media screen and (max-width: 1199px) {
  .text-pic-offset-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2em;
    margin-left: 0;
    margin-right: 10%;
  }

  .text-pic-offset-content img {
    width: 100% !important;
    height: auto;
  }

  .text-pic-offset-content .text-item {
    margin-left: 10%;
  }
  
  .text-pic-offset-content:nth-child(2n) {
    margin-left: 10%;
    margin-right: 0;
  }

  .text-pic-offset-content:nth-child(2n) .number {
    margin-left: 0;
  }

  .text-pic-offset-content:nth-child(2n) .text-item {
    margin-right: 10%;
    margin-left: 0;
  }
}

@media screen and (min-width:2000px) {
  .container {margin: 0 20%;}

  .text-pic-offset-content {
    margin-right: 20%;
  }
  
  .text-pic-offset-content:nth-child(2n) {
    margin-left: 20%;
  }

  .ce_rsce_backgroundimage div {
    width: 180%;
    left: -40%;
  }
}