@charset "UTF-8";
/* moved by compressor */
/* Preload images */
body:after {
  content: url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/close.png') url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/loading.gif') url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/prev.png') url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/next.png');
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/loading.gif') no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/prev.png') left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/next.png') right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('../../../_assets/3e14b6616a3de3e68efc0d456275bc86/lightbox2/images/close.png') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lightbox{
  top: 50% !important;
  left: 50% !important;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
}


#tx_cookies_showPermanent {
    position: fixed;
    left: 1rem;
    top: 1rem;
    z-index: 1040; /* higher than z-index of Bootstrap header */
}
#tx_cookies_inner {
    position: fixed;
    bottom: 0;
    z-index: 1040; /* higher than z-index of Bootstrap header */
    width: 100%;
}
#tx_cookies #tx_cookies_close {
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

@font-face {
 font-family: 'Eras';
 font-weight: normal;
 font-style: normal;
 font-display: swap;
 src: url('../../../_assets/80c5726e934484677df4579d34701a69/Fonts/Erasd.ttf') format('truetype');
}
@media(min-width:992px){ .navbar-mainnavigation .navbar-collapse .collapse{ display:none; }}

.contact-nav-item{ height:34px; width:34px; margin-right:0.25rem; }

.navbar-default .navbar-brand-image{ max-width:240px; width:10vw; }
.navbar-default .navbar-brand-logo-inverted{ display:none; }
.navbar-nav .nav-link-indicator::before{
    content: "";
    display: block;
    border-top:
    1px solid currentColor;
    border-left:
    1px solid currentColor;
    padding-top: 0.35em;
    padding-left: 0.35em;
    transform: rotate(-135deg);
    transition:
    transform 0.3s ease;
}
.navbar-toggler:not(.collapsed) #menu-icon{ display:none; }, .navbar-toggler:not(.collapsed) #close-menu-icon{ display:inline-block; }
.navbar-toggler.collapsed #close-menu-icon{ display:none; }, .navbar-toggler.collapsed #menu-icon{ display:inline-block; }

li.nav-item::marker{ content:""; }
.nav-link{ display:inline-block; padding-right:0.5rem; }

#footerwelle{
    background-image:url('../../../_assets/80c5726e934484677df4579d34701a69/Images/Background/footerWelle.svg');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    width:100vw;
    height:33.334vw;
    border:none;
}

/* #############################   T E X T   ################################### */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ hyphens:auto; }

.text-light .list-chevron > li:before{ background-image: url('../../../_assets/80c5726e934484677df4579d34701a69/Icons/Icon_li_chevron_light.svg'); }

/* #############################   G E N E R I S C H E   K L A S S E N   ################################### */
.frame-has-backgroundimage:not(.frame-background-109):not(.frame-background-110){ padding-top:10vh; }
@media(orientation:landscape){ .frame-has-backgroundimage:not(.frame-background-109):not(.frame-background-110){ padding-top:50vh;} }
/*.frame-imgwhite .frame-backgroundimage{ background-image:linear-gradient(105deg, rgba(43,135,218,0) 55%, #FFFFFF 55%)!important; }*/

.frame-teaser{ font-size:2.3rem; font-weight:200; }

.btn{ margin-bottom:0.375rem; }

.pb-6{ padding-bottom:4.5rem!important; }
.pb-7{ padding-bottom:6rem!important;}

.col_background_image{ background-repeat:no-repeat; background-size:cover; background-position:top left; }

.frame.none .frame-container-default{ max-width:100%; }

/* #############################   B E S O N D E R E   E L E M E N T E   #################################### */
.frame-100 .gallery-item{ padding:0; }
.frame-101 .gallery-item{ padding:5%; }
.frame-102 .gallery-item{ padding:8%; }
.frame-103 .gallery-item{ padding:10%; }

.frame-105{ background:url('../../../_assets/80c5726e934484677df4579d34701a69/Images/Background/linie.gif') repeat-y scroll center center transparent; }
.historyItem{ position:relative; width:100%; }
  @media(min-width:780px){.historyItem{ width:50%; float:right;}}
  .frame-105:nth-of-type(odd) .historyItem{ float:left; }
.historyItem .history-control{ font-family:Fontawesome; content:''; display:block; position:absolute; cursor:pointer; width:1em; height:1em; top:1em; right:-1em;  }
.historyItem .history-time{ right:50%; top:1.5em; position:absolute; min-height:1em; min-width:20%; min-height:1em; min-width:20%; text-align:right; margin-right:3em; }
  @media(min-width:780px){ .historyItem .history-time{ right:100%; top:1.5em; } }
.frame-105:nth-of-type(odd) .historyItem > .history-time{ left:50%; text-align:left; margin-left:3em; top:1em; }
  @media(min-width:780px){ .frame-105:nth-of-type(odd) .historyItem > .history-time{ left:100%; top:1.5em; } }

.historyItem .history-info{ position:relative; }
  @media(min-width:780px){ .historyItem .history-info{ margin-left:3em; margin-top:0; } }
  @media(min-width:780px){ .frame-105:nth-of-type(odd) .historyItem > .history-info{ margin-right:3em; margin-left:0; } }
.historyItem .history-info .arrow{ border-bottom-color: #DDDDDD; border-left-color: transparent; border-right-color: transparent; border-width: 0 10px 10px; left: 50%; margin-left: -10px; margin-top: 0; top: -10px; position:absolute; display:inline-block; width:0; height:0; border-style:solid;}
  @media(min-width:780px){ .historyItem .history-info .arrow{ top:2em; margin-top:-10px; border-width:10px 10px 10px 0; border-color:transparent; border-right-color:#DDDDDD; margin:0; left:auto; } }
  @media(min-width:780px){.frame-105:nth-of-type(even) .historyItem > .history-info > .arrow{ left:-10px; } }
  @media(min-width:780px){.frame-105:nth-of-type(odd) .historyItem > .history-info > .arrow{ right:-10px; border-width:10px 0 10px 10px; border-right-color:transparent; border-left-color:#DDDDDD; } }

#headimage{ position:relative; }
    @media(min-width:992px){ #headimage{ height:40vw; position:relative; } }
#headimage .container-fluid{ height:15vh; /*height:100%;*/ width:100%; background-position:bottom left; /*background-size:contain;*/ background-size:cover; background-repeat:no-repeat; }
    @media(min-width:992px){#headimage .container-fluid{ height:100%; width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; }}
#headimage .row{ height:100%; width:100%; background-image:url('../../../_assets/80c5726e934484677df4579d34701a69/Images/Background/footerWelle.svg'); background-position:bottom left; background-repeat:no-repeat; background-size:contain; }
    @media(min-width:992px){ #headimage .row{ height:100%; width:100%; background-image:url('../../../_assets/80c5726e934484677df4579d34701a69/Images/Background/footerWelle.svg'); background-position:bottom left; background-repeat:no-repeat; background-size:cover; } }
#TopProdukte .container-fluid::after{ content:""; display:block; clear:both; }

/* für Landingpages */
.backendlayout-default_landingpage #headimage{ height:65vh; }
.backendlayout-default_landingpage #headimage .container-fluid{ height:100%; top:0; bottom:0; position:relative; background-size:cover; background-position:bottom right; }

.ctaElement.werbeideen-newsletter .ctaBild{ background-position:center center; background-size:cover; background-repeat:no-repeat; background-image:url('../../../_assets/80c5726e934484677df4579d34701a69/Images/werbeideen.jpg'); }

.umm-1ej1j20{ right:20px!important; bottom:88px!important; }

.ce-counter .counter-title{ font-size:2.1rem; hyphens:auto; }

#maps{ background-color:#DDDDDD; text-align:center; }

.card-counter{
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    height: 120px;
    border-radius: 5px;
    transition: .3s linear all;
    color:#FFF;
  }

  .card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
  }

  .card-counter .count-numbers{
    /*position: absolute;
    right: 35px;
    top: 20px;*/
    font-size: 32px;
    display: block;
  }

  .card-counter .count-name{
    /*position: absolute;
    right: 35px;
    top: 65px;*/
    font-style: italic;
    text-transform: capitalize;
    opacity: 0.5;
    display: block;
    font-size: 18px;
    hyphens:auto;
  }
  
.counter-gross{
    background: #fff;
    text-align: center;
    width: 210px;
    padding: 0 0 25px;
    margin: 0 auto 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: relative;
}
.counter-gross:before{
    content: "";
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 5px 0;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
}
.counter-gross .counter-value{
    color: #fff;
    /*background: linear-gradient(to right, #19bbd2, #2778ee);*/
    font-size: 38px;
    font-weight: 300;
    padding: 0 0 3px;
    margin: 0 0 25px;
    border-radius: 10px 10px 0 0;
    display: block;
}
.counter-gross h3{
    /*color: #2778ee;*/
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 0 0 25px;
}
.counter-gross .counter-icon{
    color: #fff;
    /*background: linear-gradient(to right, #19bbd2, #2778ee);*/
    font-size: 40px;
    line-height: 60px;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    border-radius: 10px;
}

/* Slider */
/* abgewandelt nach https://codepen.io/gvzq/pen/OJVvzJz */
.frame {
  overflow: hidden;
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
      .image{
          width: calc(100% / 8);
          display:inline-block;
          padding-left: 2.5%;
          padding-right: 2.5%;
      }
    }
  }
}

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

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* ###############################   N E W S   ################################### */
.news-list-category{ list-style-type:none; }