body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* 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;
}
.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;
}

#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}
.hamburger {
  /* position: absolute; */
  right: 15px;
  font: inherit;
  position: sticky;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  /* margin: 2em; */
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger *{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #327AB9;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 24px;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 40px;
  height: 6px;
  border-radius: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #327AB9;
}

.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: ""
}

.hamburger-inner:before {
  top: -12px
}

.hamburger-inner:after {
  bottom: -12px
}

.hamburger--3dx .hamburger-box {
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: transparent !important
}

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: transparent !important
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  perspective: 80px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: transparent !important
}

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: transparent !important
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg);
  background-color: transparent !important
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color: transparent !important
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  top: -80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  top: -80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  top: 80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top: 80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
  transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
  opacity: 0
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner:after {
  top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(90deg)
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
  opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(90deg);
  background-color: transparent !important
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(-90deg);
  background-color: transparent !important
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease .12s;
  opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--header {
  margin-right: -5px;
  padding-right: 0;
  padding-left: 5px;
  cursor: default;
  vertical-align: middle
}

.hamburger--header .hamburger-inner,
.hamburger--header .hamburger-inner:after,
.hamburger--header .hamburger-inner:before,
.hamburger--header.is-active .hamburger-inner,
.hamburger--header.is-active .hamburger-inner:after,
.hamburger--header.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger--header.hamburger--elastic .hamburger-inner,
.hamburger--header.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--header:hover {
  opacity: 1
}

.hamburger-wrap {
  text-align: center
}

.hamburger--accessible {
  display: inline-block
}

.hamburger--accessible .hamburger-box {
  display: inline-block;
  vertical-align: middle
}

.hamburger--accessible .hamburger-inner,
.hamburger--accessible .hamburger-inner:after,
.hamburger--accessible .hamburger-inner:before,
.hamburger--accessible.is-active .hamburger-inner,
.hamburger--accessible.is-active .hamburger-inner:after,
.hamburger--accessible.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger-label {
  font-weight: 600;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase
}

.hamburger-label-hidden {
  display: none
}

.name {
  font-size: .8em;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 1.25em;
  padding-top: 2em;
  color: #1A1A1A
}

.information-directions {
  font-size: 14px;
  width: 100%
}

.browsers,
.types {
  padding-left: 0;
  list-style: none
}

.browsers li,
.types li {
  margin-bottom: .25em
}

.browsers {
  padding-left: 1em;
  column-count: 2
}

.hint {
  display: none;
  margin-bottom: 1em
}

.hint.is-visible {
  display: block
}

@media only screen and (min-width:320px) {
  .browsers {
    column-count: 2
  }
}

@media only screen and (min-width:480px) {
  .types {
    column-count: 2
  }

  .browsers {
    column-count: 3
  }
}

@media only screen and (min-width:632px) {
  .information-directions {
    font-size: 15px
  }
}

#carbonads {
  padding-top: 20px;
  padding-bottom: 32px
}

#carbonads a {
  text-decoration: none
}

#carbonads>span {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto
}

.carbon-wrap {
  position: relative;
  display: table;
  width: 100%
}

.carbon-img,
.carbon-text {
  display: table-cell;
  text-align: left;
  vertical-align: middle
}

.carbon-img {
  background-color: #1A1A1A
}

.carbon-img img {
  display: block
}

.carbon-text {
  font-size: 12px;
  line-height: 1.2;
  padding-left: 15px
}

.carbon-poweredby {
  font-size: 11px;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 130px;
  text-align: center;
  color: #999
}

@media only screen and (min-width:1280px) {
  #carbonads {
    position: absolute;
    top: 45px;
    right: 30px;
    padding-top: 0;
    padding-bottom: 0
  }
}
/*No IE-support*/
.no-support{
  overflow: hidden;
  height: 100vh;
  -ms-scroll-limit: 0 0 0 0;
  -ms-overflow-style: none;
 }

 .no-support:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(18, 21, 23, 0.9);
  z-index: 999999;
 }

 .ie-error{
  position: absolute;
  top: 25px;
  z-index: 999999;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
 }

 .ie-error > div{
  color: #575756;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
  max-width: 500px;
  text-align: center;
  padding: 25px;
  font-size: 24px;
 }

 .ie-error > div a{
  display: block;
  text-align: center;
  margin: 25px;
 }

 

/*Allgemeines*/
html{
  overflow-x: hidden;
  padding-bottom: 0px;
  height: auto;
  min-height: auto;
}
/*
font-family: "poppins", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "poppins", sans-serif;
font-weight: 600;
font-style: normal;
semibold
*/

/*
font-family: "handel-gothic", sans-serif;
font-weight: 500;
font-style: normal;
*/

body {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1E1F1F;
  margin: 0;
  padding: 0;
  width: 100vw;
  font-size: 16px;
  margin: auto;
}

img {
  display: block;
}
.d-none-important{
  display: none !important;
}
h1 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
  margin: 0;
}
.widget.error{
  border: 1px solid #394348;
  border-radius: 5px;
  padding: 5px;
}

.widget.error p.error{
  color: #394348;
  margin-top: 0;
}

/*Inputs, Checkboxes*/
/*Checkbox etc.*/
.formbody{
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  min-width: 175px;
  background-color:white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.235' height='6.996' viewBox='0 0 12.235 6.996'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M12.307,16.133l4.626-4.63a.871.871,0,0,1,1.235,0,.882.882,0,0,1,0,1.239l-5.242,5.246a.873.873,0,0,1-1.206.025L6.442,12.746a.875.875,0,0,1,1.235-1.239Z' transform='translate(-6.188 -11.246)' fill='%23327AB9'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border: 1px solid #DFE0E2;
  border-radius: 5px;
  padding: 7px;
  color: #1E1F1F;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
select::-ms-expand {
  display:none;
}
select:focus-visible {
  border: 1px solid #DFE0E2;
  outline: transparent;
}
option {
    background: #fff;
    
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  font-size: 16px;
  line-height: 30px;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
    border-radius: 5px;
    border: 1px solid #DFE0E2;
    background: white;
    margin-right: 5px;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 5px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#DFE0E2;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#DFE0E2;
  box-shadow: inset 0 0 0 2px white;
}

/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 16px;
  width: 100%
} 
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number], input[type=url], input[type=date] {
  width: 100%;
  outline: 0;
  color: #1E1F1F;
  padding: 7px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #DFE0E2;
  border-radius: 5px;
  width: calc(100% - 16px);
}
.textarea {
  outline: 0;
  border: 1px solid #DFE0E2;
  padding: 7px;
  background: transparent;
  border-radius: 5px;
  height: 100%;
}
input[type="text"]::placeholder {
  color: transparent
}
input[type="text"]:placeholder-shown ~ input[type="text"] {
  font-size: 1.3rem;
  cursor: pointer;
  top: 20px;
}
.widget {
  display: flex;
  flex-direction: column;
}
.widget label {
      font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  font-size: 16px;
  position: relative;
  margin-bottom: 8px;
}

.textarea:focus {
  width: 99%;
}

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
} 

input:focus, textarea:focus {
  outline: none;
}
fieldset {
  border: 1px solid #C1C1C1;
}

input[type='radio'] {
  opacity: 0;
  cursor: pointer;
}
.widget-radio .radio_container {
  padding: 0;
  margin: 0;
}
fieldset {
  border: 0px solid transparent;
  padding: 0;
}
.widget-radio label::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.083' height='15' viewBox='0 0 17.083 15'%3E%3Cpath id='Pfad_60' data-name='Pfad 60' d='M8.34,0,0,8.166,8.34,15l8.742-8.171Z' transform='translate(0 0)' fill='%23e30613'/%3E%3C/svg%3E%0A");
  position: absolute;
  display: none;
  top: 1px;
	left: -22px;
	width: 17px;
	height: 17px;
  cursor: pointer;
}
.widget-radio fieldset {
  border: 0px solid transparent;
}

.widget-radio fieldset span {
  display: block;
  position: relative;
  margin-top: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.widget-radio fieldset span label::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.294' height='21.328' viewBox='0 0 24.294 21.328'%3E%3Cpath id='Pfad_59' data-name='Pfad 59' d='M11.12,0,0,10.888,11.12,20,22.777,9.1Z' transform='translate(0.749 0.664)' fill='none' stroke='%23282727' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-color: transparent;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  cursor: pointer;
}
.widget-radio fieldset span label {
  position: absolute;
  top: 0;
  left: 25px;
  cursor: pointer;
}

.widget-radio input:checked ~ label::after {
  display: block;
}
.ce_form button {
  width: max-content;
  padding: 20px 30px;
  border: transparent;
  background-color: transparent;
  color: #FB9A0D;
  cursor: pointer;
  font-family: 'Barlow Medium';
}
.widget-submit {
  border: transparent;
  background-color: transparent;
  flex-direction: row;
  width: max-content;
  margin-left: auto;
  grid-row: 7;
  height: max-content;
  grid-column: 2;
}
.widget-checkbox {
  grid-column: 1 / 3;
}
.widget-checkbox a {
 color: #1E1F1F;
 text-decoration: underline;
}
.ce_form {
  margin: 50px 100px;
  margin-bottom: 125px;
}
.ce_form h2 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}
.ce_form .formbody {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 40px;
  grid-row-gap: 20px;
}
.widget-textarea {
  grid-column: 2;
  grid-row: 4 / 6;
}




/*Navigation*/
#header{
  width: calc(100vw - 200px);
  position: fixed;
  z-index: 1100;
  height: 90px;
  top: 0;
  color: #327AB9;
  padding: 0 100px;
}


#header *{
  overflow: visible;
}

#header > .inside{
  height: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  display: flex;
}
#header .content-image img {
  width: 200px;
  object-fit: contain;
}
#header .header_background {
  position: absolute;
  left: -100px;
  width: 100vw;
  top: 0;
  height: 90px;
  z-index: -1;
}
#header .header_background img {
  width: 100vw;
  height: 90px;
  object-fit: cover;
  opacity: 0.9;
  filter: blur(1px);
}
.mod_navigation{
  width: 100%;
  height: 100%;
}
.mod_navigation ul{
  display:flex;
  justify-content: space-around;
  margin: 0;
  height: 100%;
  width: auto;
  margin-left: 300px;
}
.mod_navigation ul li.startseite {
  display: none;
}
.mod_navigation ul li {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 25px; 
  background-image: none;

}

#header .mod_navigation ul li a {
  color: #327AB9 !important;
}
#header .mod_navigation ul .submenu .submenu {
  z-index: 1;
  display: flex;
}
#header .mod_navigation ul .submenu .submenu::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='10.061' viewBox='0 0 17.121 10.061'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,50.5l7.5,7.5,7.5-7.5' transform='translate(-804.939 -49.439)' fill='none' stroke='%23327ab9' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  background-position: right center;
  display: block;
}
#header .mod_navigation ul .submenu:hover .submenu::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='10.061' viewBox='0 0 17.121 10.061'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,58l7.5-7.5L821,58' transform='translate(-804.939 -49)' fill='none' stroke='%23327ab9' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
}
#header .mod_navigation ul.level_2 {
  display: none;
  flex-direction: column;
  position: absolute;
  list-style-type: none;
  top: -350px;
  transition: top 2s;
  list-style-type: none;
  width: max-content;
  justify-content: space-around;
  height: max-content;
  padding: 0;
  padding-top: 100px;
  margin-left: 0;
}
#header .mod_navigation ul:not(.level_2) li:hover .level_2{
  display: flex;
  top: 0px;
  animation: navi 1s linear 0s 1 normal forwards;
  z-index: -3;
}
@keyframes navi {
  0% {
    top: -350px;
  }
  100% {
    top: 0px;
  }
}
#header .mod_navigation ul.level_2 li {
  background-color: rgb(255 255 255 / 90%)
}
#header .mod_navigation ul .active {
  color: #327AB9;
}
#header .mod_navigation ul.level_1 .submenu:nth-child(1):hover .level_2 {
    margin-left: -15px;
}
#header .mod_navigation li a,
#header .mod_navigation li strong {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
}
#header .mod_navigation .level_2 li a,
#header .mod_navigation .level_2 li strong {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
#header .mod_navigation ul.level_1 ul.level_2 li a,
#header .mod_navigation ul.level_1 ul.level_2 li strong {
  border-bottom: 1px solid #327AB9;
  padding: 20px 10px;
  color: #327AB9;
  text-align: center;
}
#header .mod_navigation ul.level_1 ul.level_2 li:last-child a {
  border-bottom: 0px solid transparent;
}
#header .header_demo .button_verlauf {
  margin-top: 0;
}
#header .header_demo .button_verlauf a {
  min-width: 100px;
}


/* Footer */
#footer{
  position: relative;
  background-color: #DFE0E2;
}

#footer .inside {
  display: flex;
  padding: 50px 100px;
  justify-content: space-between;
}
#footer h3 {
  margin-top: 0;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
}
#footer p,
#footer a {
  color: #327AB9;
}
#footer .footer_links {
  display: flex;
  gap: 50px;
}
#footer .footer_links .content-text h3 {
  padding-left: 10px;
  font-size: 22px;
}
#footer .footer_links .content-text .rte p {
  border-bottom: 1px solid #327AB9;
  padding: 20px 10px;
}
#footer .footer_links .content-text .rte p:last-child {
  border-bottom: 0px solid transparent;
}
#footer .footer_kontakt {
  display: flex;
  height: max-content;
  margin-top: auto;
  margin-bottom: auto;
}
#footer .footer_kontakt figure {
  margin-right: 75px;
}
#footer .footer_kontakt .rte {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#footer .copyright {
  position: absolute;
  transform: rotate(-90deg);
  bottom: 135px;
  right: -40px;
}
#footer .copyright p,
#footer .copyright a {
  color: #1E1F1F;
  font-size: 12px;
}

/* Headerimage */
#headerimage {
  z-index: 1;
  position: relative;
}
#headerimage .content-image {
  width: 100vw;
  height: 50vh;
  min-height: 400px;
}
#headerimage .content-image figure,
#headerimage .content-image img {
  width: 100vw;
  object-fit: cover;
  height: 50vh;
  min-height: 400px;
}
#headerimage .content-text {
  position: absolute;
  left: 100px;
  top: calc(50vh - 110px);
}
#headerimage .content-text h2 {
  font-weight: 600;
  font-size: 16px;
}
#headerimage .content-text figure img {
  width: 500px;
  object-fit: contain;
}
#headerimage .pfeil_unten {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 30px);
  background-image: linear-gradient(45deg, #FBBA00 0%, #EA5B0C 100%);
  border-radius: 35px;
}
#headerimage .pfeil_unten::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.243' height='17.121' viewBox='0 0 28.243 17.121'%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l12,12,12-12' transform='translate(-803.879 -48.379)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 30px;
  height: 60px;
  width: 60px;
  display: block;
  background-position: center;
  transition: background-position 1s;
}
#headerimage .pfeil_unten:hover::after {
  background-position: center 30px;
}

/* Headerimage Startseite */
.startseite #headerimage .content-image {
  height: 100vh;
  width: 100vw;
  margin-bottom: 0;
  margin-top: 0;
}
.startseite #headerimage .content-image img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}
.startseite #headerimage .content-text {
  position: absolute;
  top: calc((100vh - 300px) / 2);
  left: 100px;
  width: calc(50vw - 100px);
}
.startseite #headerimage .content-text p {
  font-weight: 600;
}
.startseite #headerimage .content-text figure {
  margin-bottom: 50px;
}
.startseite #headerimage .pfeil_unten {
  top: calc(100vh - 90px);
}
#headerimage .blauer_kasten {
  position: absolute;
  bottom: -75px;
  right: 100px;
  top: auto!important;
  width: max-content !important;
  left: auto !important;
  background-color: rgb(50 122 185 / 75%);
  padding: 25px 50px;
  height: max-content;
  text-align: center;
  border-radius: 5px;
}
.startseite #headerimage .button_verlauf {
  margin-top: 50px;
}
#headerimage .blauer_kasten p {
  color: #fff;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500 !important;
  font-style: normal;
  font-size: 34px;
  line-height: 50px;
  text-transform: uppercase;
}
#headerimage .blauer_kasten p a {
  color: #fff;
}
.zwei_spalten h2  {
  margin: 10px 0;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  margin-bottom: 50px;
}
#article-13 h2,
#article-14 h2 {
  margin: 10px 0;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  margin-top: 25px;
}
#article-13 a,
#article-14 a {
  text-decoration: underline;
}
#article-14 h1 {
  margin-bottom: 25px;
}
.zwei_spalten  ul li {
  padding-bottom: 10px;
}
.zwei_spalten .ueberschrift {
  grid-column: 1 / 3;
}
.button_reihe {
  display: flex;
}
.button_reihe p {
  margin-right: 15px;
}
.button_reihe p a {
  justify-content: center;
}
.zwei_spalten .ce_form {
  margin: 0;
}
.zwei_spalten .kontakt_info.content-text.media {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: max-content;
}
.zwei_spalten .kontakt_info.content-text.media .rte {
  padding: 0;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border-radius: 0;
  margin-left: 35px;
  margin-top: auto;
}
.zwei_spalten .kontakt_info img {
  width: auto;
  height: auto;
  object-fit: contain;
}
.zwei_spalten .kontakt_info.content-text.media .rte p {
  color: #327AB9;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
.zwei_spalten .kontakt_info.content-text.media .rte p a {
  color: #327AB9;
}
.zwei_spalten .kontakt_info.content-text.media p:last-child {
  margin-bottom: 0;
}
.zwei_spalten .kontakt_info.content-text.media h3 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  margin-top: auto;
}
.zwei_spalten .ce_form {
  grid-row: 1 / 3;
  grid-column: 2;
}
.zwei_spalten .cookie_settings {
  height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.zwei_spalten .ce_form .widget-checkbox {
  grid-column: 1 / 3;
}
.zwei_spalten .ce_form .widget-submit {
  grid-row: 7;
}
#article-12 .zwei_spalten {
  margin-top: 175px;
}
#article-12 .zwei_spalten .ce_form h2 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 25px;
  margin-top: 0;
}

/* Button mit Verlauf */
.button_verlauf {
  margin-top: 25px;
}
.button_verlauf  a,
.ce_form button,
.mod_login .widget-submit button {
  background-image: linear-gradient(45deg, #FBBA00 0%, #EA5B0C 100%);
  color: #fff;
  border-radius: 5px;
  border: 0px solid transparent;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  width: max-content;
  text-transform: uppercase;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  min-width: 150px;
  text-align: center;
}
.button_verlauf a:hover,
.ce_form button:hover {
  background-image: none;
  color: #F18700;
  border: 2px solid #F18700;
  padding: 8px 18px;
}

/*Zwei Spalten */
.zwei_spalten {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin: 150px 100px;
  grid-column-gap: 75px;
}
.zwei_spalten img {
  width: calc(100% - 50px);
  height: 600px;
  object-fit: cover;
}
.zwei_spalten .content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.zwei_spalten .content-text .rte {
  padding-right: 20px;
}
.zwei_spalten .content-text .rte p {
  margin-bottom: 15px;
}
.zwei_spalten .content-text.media {
  display: block;
}
.zwei_spalten .content-text.media .rte {
  padding: 25px 50px;
  width: 300px;
  margin-left: auto;
  margin-top: -150px;
  z-index: 1;
  position: relative;
  background-color: rgb(50 122 185 / 75%);
  border-radius: 5px;
}
.zwei_spalten .content-text.media .rte p {
  color: #fff;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 34px;
  line-height: 50px;
}
.zwei_spalten .content-text.text_schulungen {
  justify-content: flex-start;
}

/*Drei Spalten*/
.drei_spalten {
  margin: 50px 100px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 10px;
  margin-bottom: 100px;
}
.drei_spalten .content-text {
  padding: 5px;
  height: 100%;
  display: flex;
}
.drei_spalten .content-text .rte {
  border-radius: 5px;
  padding: 50px 25px;
  box-shadow: 0 2px 5px rgb(0 0 0 / 16%);
  display: flex;
  flex-direction: column;
  border: 4px solid transparent;
  transition: border 2s;
}
.drei_spalten .content-text .rte:hover {
  border: 4px solid #F18700;
}
.drei_spalten .content-text .rte h3 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  margin-top: 0;
}
.drei_spalten .button_verlauf {
  margin-top: auto;
}
.drei_spalten ul li {
  padding-bottom: 10px;
}

/*Link Pfeil*/
.link_pfeil {
  margin-top: auto;
  display: flex;
}
.link_pfeil::before {
  content: '';
  background-image: linear-gradient(45deg, #FBBA00 0%, #EA5B0C 100%);
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 40px;
  height: 40px;
  width: 40px;
}
.link_pfeil a {
  padding-left: 5px;
  color: #1E1F1F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
}
.link_pfeil::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='22.243' viewBox='0 0 14.121 22.243'%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l9,9,9-9' transform='translate(-48.379 826.122) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  height: 40px;
  width: 40px;
  display: block;
  background-position: center;
  transition: background-position 1s;
  position: absolute;
}
.link_pfeil:hover::after {
  background-position: 18px center;
}
.link_pfeil:hover a {
  color: #F18700;
}

/*Team */
.team {
  height: 75vh;
  padding: 50px 100px;
  background-color: rgb(50 122 185 / 75%);
  margin-bottom: 150px;
  min-height: 800px;
}
.team .rte {
  display: grid;
  grid-template-columns: calc(100% - 375px) 350px;
  grid-gap: 25px;
}
.team figure {
  position: absolute;
  width: calc(100% - 200px);
}
.team figure img {
  width: 100%;
  margin-top: 50px;
  height: 600px;
  object-fit: cover;
  border-radius: 5px;
}
.team h2 {
  color: #fff;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
  margin-top: 0;
  margin-bottom: 0;
  width: 90%;
}
.team .button_verlauf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  grid-column: 2;
  grid-row: 1 / 3;
  margin-top: 0;
}
.team .button_verlauf a {
  height: max-content;
}
.team .button_verlauf a:hover {
  border-color: #fff;
  color: #fff;
}

/* Kundenmeinungen */
.kundenmeinungen {
  margin: 0px 100px;
  margin-bottom: 150px;
  margin-top: -50px;
}
.kundenmeinungen .slick-container {
  padding-top: 75px;
}
.kundenmeinungen .slick-slide {
  box-shadow: 0 2px 5px rgb(0 0 0 / 16%);
  padding: 50px 25px;
  margin: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 5px;
}
.kundenmeinungen .slick-slide h3 {
  font-weight: 600;
  font-size: 18px;
  margin-top: 0;
}
.kundenmeinungen .slick-slide .kunde {
  display: flex;
  gap: 20px;
  padding-top: 15px;
  margin-top: auto;
}
.kundenmeinungen .slick-slide .kunde .rte {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kundenmeinungen .slick-slide .kunde .rte p {
  font-weight: 600;
}
.kundenmeinungen .slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='70' viewBox='0 0 70 70'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.833' y1='0.895' x2='0.138' y2='0.133' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_289' data-name='Gruppe 289' transform='translate(-1474 0)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='35' cy='35' r='35' transform='translate(1544) rotate(90)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l12,12,12-12' transform='translate(1565.5 -782.5) rotate(90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  width: 60px;
  position: absolute;
  right: 75px;
  top: 0;
  padding: 0;
  border: 0px solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.kundenmeinungen .slick-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='70' viewBox='0 0 70 70'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.157' y1='0.138' x2='0.9' y2='0.786' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_290' data-name='Gruppe 290' transform='translate(-1559)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='35' cy='35' r='35' transform='translate(1559 70) rotate(-90)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l12,12,12-12' transform='translate(1537.5 852.5) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  width: 60px;
  position: absolute;
  right: 0px;
  top: 0;
  padding: 0;
  border: 0px solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.kundenmeinungen .slick-prev.slick-disabled,
.kundenmeinungen .slick-next.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.headline_meinung {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
  margin: 0 100px;
  margin-top: 25px;
}

/*Akkordeon */
.content-accordion {
    display: grid;
    grid-template-columns: 40% 60%;
    margin-bottom: 150px;
    border-bottom: 0px solid transparent;
}
.content-accordion h4 {
  grid-column: 1;
  height: 65px;
}
.content-accordion h4 button {
  font-family: "poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    border: 0px solid transparent;
    padding: 0;
    display: flex;
    align-items: center;
    margin: 5px 0;
    height: 35px;
}
.content-accordion h4 button:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35' height='35' viewBox='0 0 35 35'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.185' y1='0.148' x2='0.837' y2='0.859' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_294' data-name='Gruppe 294' transform='translate(-1378 -1521)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='17.5' cy='17.5' r='17.5' transform='translate(1378 1556) rotate(-90)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M0,0,8,8l8-8' transform='translate(1392.5 1546.5) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: 150px;
  height: 35px;
  display: block;
  margin-right: 10px;
}
.content-accordion .handorgel__content__inner {
  padding: 0;
}
.content-accordion .handorgel__header--opened button {
  color: #F18700;
}
.content-accordion .handorgel__header--opened button:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='282' height='35' viewBox='0 0 282 35'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='1' x2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='0.185' y1='0.148' x2='0.837' y2='0.859' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg id='Gruppe_292' data-name='Gruppe 292' transform='translate(0 0)'%3E%3Cg id='Gruppe_103' data-name='Gruppe 103'%3E%3Crect id='Rechteck_27' data-name='Rechteck 27' width='282' height='35' rx='17.5' fill='url(%23linear-gradient)'/%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' transform='translate(141) rotate(-90)' fill='url(%23linear-gradient-2)'/%3E%3C/g%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M0,0,8,8l8-8' transform='translate(260.5 26.5) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: cover;
    
}
.content-accordion h2 {
  margin-top: 0;
  font-family: "handel-gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
}
.content-accordion ul li {
  padding-bottom: 5px;
  line-height: 22px;
  grid-column-gap: 2px;
}
.content-accordion .handorgel__content--open {
  grid-row: 1 / 12;
  grid-column: 2;
  margin-right: 100px;
  padding: 50px;
  border-radius: 5px;
  border: 2px solid #F18700;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*Partner*/
.partner_ueberschrift {
  margin: 25px 100px;
  
}
.partner_ueberschrift h2 {
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
  margin: 0;
}
.partner {
  margin: 0 100px;
  margin-bottom: 150px;
}
.partner ul {
  display: grid;
  grid-template-columns: repeat(8,1fr);
  grid-gap: 15px;
}
.partner ul li {
  background-color: #DFE0E2;
  border-radius: 5px;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: none;
  padding: 10px;
}
.partner ul li figure {
  width: 100%;
  display: flex;
  justify-content: center;
}
.partner ul li figure img {
  object-fit: contain;
  width: 100%;
  filter: grayscale(1);
}
ul {
  list-style-type: none;
  padding-left: 0px;
}
ul li {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.468' height='11.937' viewBox='0 0 7.468 11.937'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,55.408l4.908-4.908,4.908,4.908' transform='translate(56.468 -804.939) rotate(90)' fill='none' stroke='%231e1f1f' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: left 2px;
  padding-left: 13px;
  padding-bottom: 10px;
}


/*blauer kasten Footer*/
.blauer_kasten_footer {
  background-color: rgb(50 122 185 / 75%);
  margin-top: 75px;
  padding: 100px;
}
.blauer_kasten_footer h3 {
  color: #fff;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
  margin: 0;
  text-align: center;
}

/* News */
.mod_newslist,
.downloads {
  margin: 150px 125px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 30px;
  grid-row-gap: 75px;
  margin-top: 175px;
}
.mod_newslist .layout_latest,
.downloads .content-text {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 15px;
}
.downloads .content-text .rte {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.downloads .content-text .link_pfeil {
  margin-top: 0;
}
.mod_newslist .layout_latest figure img,
.downloads .content-text figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 5px;
}
.mod_newslist .layout_latest h2,
.downloads .content-text h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}
.mod_newslist .layout_latest h2 a,
.downloads .content-text h2 a {
  color: #1E1F1F;
}
.mod_newslist .layout_latest .link_pfeil {
  
  margin-top: 15px;
}
.mod_newslist .text_news {
  display: flex;
    flex-direction: column;
    justify-content: center;
}

.active_news .news_text ,
.active_news .roter_eckiger_hintergrund {
  display: none;
}
.mod_newsreader .layout_full {
  margin-top: 125px;
  width: calc(100vw - 200px);
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 100px;
}
.mod_newsreader .layout_full .content-text img {
  aspect-ratio: 1 / 1;
  margin-left: 75px;
  margin-bottom: 25px;
  border-radius: 5px;
  object-fit: cover;
}
.mod_newsreader .layout_full .content-text p {
  margin-bottom: 25px;
}
.mod_newsreader .layout_full .content-text h2 {
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  margin-bottom: 50px;
}
.mod_newsreader .layout_full .content-text h1 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mod_newsreader .layout_full .backbutton {
  margin-bottom: 20px;
  display: flex;
}
.mod_newsreader .layout_full .backbutton::before {
  content: '';
  background-image: linear-gradient(45deg, #FBBA00 0%, #EA5B0C 100%);
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 35px;
  height: 40px;
  width: 40px;
}
.mod_newsreader .layout_full .backbutton a {
  padding-left: 5px;
  color: #1E1F1F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
}
.mod_newsreader .layout_full .backbutton::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='22.243' viewBox='0 0 14.121 22.243'%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M0,9,9,0l9,9' transform='translate(3 20.121) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  height: 40px;
  width: 40px;
  display: block;
  background-position: center;
  transition: background-position 1s;
  position: absolute;
}
.mod_newsreader .layout_full .backbutton:hover::after {
  background-position: 8px center;
}
.mod_newsreader .layout_full .backbutton:hover a {
  color: #F18700;
}

/*Login*/
.mod_login {
  margin: 125px 100px;
  height: calc(100vh - 661px);
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mod_login .formbody {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.mod_login .formbody {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/*Übersicht intern*/
.intern_uebersicht {
  min-height: 300px;
  margin: 125px 100px;
  height: calc(100vh - 661px);
}

/*Formulare intern */
.intern_formular {
  margin: 125px 100px;
}
.intern_formular .widget-textarea,
.intern_formular .widget-checkbox,
.intern_formular .widget-submit {
  grid-column: auto;
  grid-row: auto;
}
.intern_formular .widget-checkbox fieldset {
  display: flex;
  flex-direction: column;
}
.intern_formular .widget-explanation,
.intern_formular .widget-submit {
  grid-column: 1 / 3;
}
.intern_formular .formbody {
  margin-top: 25px;
}
.intern_formular .widget-checkbox label span {
  font-size: 12px;
  line-height: 14px;
}

/*Ansprechpartner*/
.blauer_kasten_ansprechpartner {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 30px;
  padding: 75px 100px;
  margin-bottom: 75px;
}
.blauer_kasten_ansprechpartner h2 {
  color: #fff;
  background-color: rgb(50 122 185 / 75%);
  padding: 50px 100px;
  margin: 0 -100px;
  padding-bottom: 33vh;
  grid-column: 1 / 4;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 45px;
}
.blauer_kasten_ansprechpartner .content-text {
  margin-top: calc(-25vh);
  box-shadow: 0 2px 5px rgb(0 0 0 / 16%);
  background-color: #fff;;
  border-radius: 5px;
}
.blauer_kasten_ansprechpartner .content-text img {
  aspect-ratio: 3 / 2;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.blauer_kasten_ansprechpartner .content-text .rte {
  padding: 50px 25px;
}
.blauer_kasten_ansprechpartner .content-text .rte h3 {
  margin-top: 0;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
}

/*Team Bilder */
.team_bilder {
  margin: 125px 100px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 20px;
  margin-bottom: 150px;
}

.team_bilder .content-text {
  flex-direction: column;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgb(0 0 0 / 16%);
}
.team_bilder .content-text .rte {
  padding: 50px 25px;
}
.team_bilder .content-text .rte h3  {
  margin-top: 0;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  margin-bottom: 0;
}
.team_bilder .content-text .rte p {
  margin-bottom: 5px;
}
.team_bilder .content-text img {
  width: 100%;
  aspect-ratio: 3 / 2;
}
#article-28 .zwei_spalten {
  margin-bottom: 75px;
}
/*Unternehmens Slider */
#article-27 .zwei_spalten {
  margin-bottom: 25px;
}
.unternehmen {
  padding: 150px 0;
  padding-top: 0;
}
.unternehmen .slick-list {
  padding: 0 100px;
}
.unternehmen .content-text {
  padding: 25px;
  padding-top: 0px;
  margin-top: 250px;
  border-top: 20px solid #327AB9;
}
.unternehmen .slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='70' viewBox='0 0 70 70'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.833' y1='0.895' x2='0.138' y2='0.133' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_289' data-name='Gruppe 289' transform='translate(-1474 0)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='35' cy='35' r='35' transform='translate(1544) rotate(90)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l12,12,12-12' transform='translate(1565.5 -782.5) rotate(90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  width: 60px;
  position: absolute;
  right: 175px;
  bottom: -70px;
  padding: 0;
  border: 0px solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.unternehmen .slick-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='70' viewBox='0 0 70 70'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.157' y1='0.138' x2='0.9' y2='0.786' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_290' data-name='Gruppe 290' transform='translate(-1559)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='35' cy='35' r='35' transform='translate(1559 70) rotate(-90)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_5' data-name='Pfad 5' d='M806,50.5l12,12,12-12' transform='translate(1537.5 852.5) rotate(-90)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  width: 60px;
  position: absolute;
  right: 100px;
  bottom: -70px;
  padding: 0;
  border: 0px solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.unternehmen .slick-prev.slick-disabled,
.unternehmen .slick-next.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.unternehmen .slick-slide .rte {
  display: none;
}
.unternehmen .slick-slide h3 {
  display: none;
}
.unternehmen .slick-slide.slick-active .rte {
  display: block;
}
.unternehmen .slick-slide.slick-active h3 {
  display: flex;
}
.unternehmen h3 {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_297' data-name='Gruppe 297' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='144.567' height='160.5' viewBox='0 0 144.567 160.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M65.211,149.794a27.675,27.675,0,0,0-8.485-6.091A72.63,72.63,0,0,1,0,72.7C0,32.547,32.362,0,72.283,0s72.284,32.547,72.284,72.7a72.626,72.626,0,0,1-56.848,71.033,27.742,27.742,0,0,0-8.424,6.065A30.778,30.778,0,0,0,72.254,160.5,30.9,30.9,0,0,0,65.211,149.794Z' fill='url(%23linear-gradient)'/%3E%3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='60' cy='60' r='60' transform='translate(12 13)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  background-position: bottom center;
  border-radius: 10px;
  height: 165px;
  width: 135px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  text-align: center;
  margin: 0;
  margin-top: -200px;
  z-index: 1;
  position: relative;
}
.unternehmen .content-text:hover h3 {
  height: 215px;
  width: 185px;
  margin-top: -250px;
  margin-left: -25px;
}

.unternehmen .content-text .rte {
  padding-top: 50px;
}
.unternehmen .content-text .rte::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbba00'/%3E%3Cstop offset='0.481' stop-color='%23f18700'/%3E%3Cstop offset='1' stop-color='%23ea5b0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_298' data-name='Gruppe 298' transform='translate(-177 -1155)'%3E%3Ccircle id='Ellipse_31' data-name='Ellipse 31' cx='40' cy='40' r='40' transform='translate(177 1155)' fill='%23fff'/%3E%3Cg id='Differenzmenge_6' data-name='Differenzmenge 6' transform='translate(-6922 13817)' fill='url(%23linear-gradient)'%3E%3Cpath d='M 7138.99853515625 -12589.5009765625 C 7134.6171875 -12589.5009765625 7130.361328125 -12590.3603515625 7126.34814453125 -12592.056640625 C 7122.47119140625 -12593.697265625 7118.9970703125 -12596.0400390625 7116.01806640625 -12599.01953125 C 7113.037109375 -12602 7110.69482421875 -12605.474609375 7109.05712890625 -12609.3466796875 C 7107.3603515625 -12613.359375 7106.5 -12617.6162109375 7106.5 -12621.9990234375 C 7106.5 -12626.3818359375 7107.3603515625 -12630.638671875 7109.056640625 -12634.650390625 C 7110.693359375 -12638.5205078125 7113.03515625 -12641.9951171875 7116.0166015625 -12644.9794921875 C 7119.001953125 -12647.9638671875 7122.4765625 -12650.3056640625 7126.345703125 -12651.9423828125 C 7130.3583984375 -12653.6396484375 7134.615234375 -12654.5 7138.99853515625 -12654.5 C 7143.3828125 -12654.5 7147.64013671875 -12653.6396484375 7151.65234375 -12651.943359375 C 7155.5224609375 -12650.306640625 7158.9970703125 -12647.9638671875 7161.98046875 -12644.9814453125 C 7164.96533203125 -12641.9951171875 7167.30712890625 -12638.51953125 7168.943359375 -12634.650390625 C 7170.6396484375 -12630.638671875 7171.5 -12626.3818359375 7171.5 -12621.9990234375 C 7171.5 -12617.6162109375 7170.6396484375 -12613.359375 7168.943359375 -12609.34765625 C 7167.30517578125 -12605.4755859375 7164.962890625 -12602.0009765625 7161.98095703125 -12599.0185546875 C 7159.0029296875 -12596.0400390625 7155.5283203125 -12593.6982421875 7151.6552734375 -12592.05859375 C 7147.63720703125 -12590.3603515625 7143.38037109375 -12589.5009765625 7138.99853515625 -12589.5009765625 Z M 7138.99853515625 -12629.4990234375 C 7134.86474609375 -12629.4990234375 7131.50146484375 -12626.134765625 7131.50146484375 -12621.9990234375 C 7131.50146484375 -12617.86328125 7134.86474609375 -12614.4990234375 7138.99853515625 -12614.4990234375 C 7143.13427734375 -12614.4990234375 7146.49853515625 -12617.86328125 7146.49853515625 -12621.9990234375 C 7146.49853515625 -12626.134765625 7143.13427734375 -12629.4990234375 7138.99853515625 -12629.4990234375 Z' stroke='none'/%3E%3Cpath d='M 7138.99853515625 -12597.0009765625 C 7142.373046875 -12597.0009765625 7145.64794921875 -12597.662109375 7148.7314453125 -12598.96484375 C 7151.70947265625 -12600.2255859375 7154.38330078125 -12602.02734375 7156.677734375 -12604.322265625 C 7158.9736328125 -12606.6181640625 7160.7763671875 -12609.2919921875 7162.03564453125 -12612.2685546875 C 7163.3388671875 -12615.3505859375 7164 -12618.625 7164 -12621.9990234375 C 7164 -12625.373046875 7163.3388671875 -12628.6474609375 7162.03564453125 -12631.7294921875 C 7160.77685546875 -12634.7060546875 7158.97412109375 -12637.3798828125 7156.677734375 -12639.677734375 C 7154.38134765625 -12641.9736328125 7151.7080078125 -12643.7763671875 7148.7314453125 -12645.03515625 C 7145.6484375 -12646.3388671875 7142.3740234375 -12647 7138.99853515625 -12647 C 7135.6240234375 -12647 7132.35009765625 -12646.3388671875 7129.267578125 -12645.03515625 C 7126.29150390625 -12643.7763671875 7123.6181640625 -12641.9736328125 7121.32177734375 -12639.677734375 C 7119.025390625 -12637.3798828125 7117.22314453125 -12634.7060546875 7115.96435546875 -12631.7294921875 C 7114.6611328125 -12628.6474609375 7114 -12625.373046875 7114 -12621.9990234375 C 7114 -12618.625 7114.6611328125 -12615.3505859375 7115.96435546875 -12612.2685546875 C 7117.2236328125 -12609.2919921875 7119.02587890625 -12606.6181640625 7121.32177734375 -12604.322265625 C 7123.6162109375 -12602.02734375 7126.28955078125 -12600.2255859375 7129.267578125 -12598.96484375 C 7132.3505859375 -12597.662109375 7135.62451171875 -12597.0009765625 7138.99853515625 -12597.0009765625 M 7138.99853515625 -12636.9990234375 C 7147.26953125 -12636.9990234375 7153.99853515625 -12630.2705078125 7153.99853515625 -12621.9990234375 C 7153.99853515625 -12613.7275390625 7147.26953125 -12606.9990234375 7138.99853515625 -12606.9990234375 C 7130.72900390625 -12606.9990234375 7124.00146484375 -12613.7275390625 7124.00146484375 -12621.9990234375 C 7124.00146484375 -12630.2705078125 7130.72900390625 -12636.9990234375 7138.99853515625 -12636.9990234375 M 7138.99853515625 -12582.0009765625 C 7133.60888671875 -12582.0009765625 7128.37060546875 -12583.0595703125 7123.42919921875 -12585.1474609375 C 7118.65380859375 -12587.1689453125 7114.37890625 -12590.05078125 7110.7138671875 -12593.716796875 C 7107.04736328125 -12597.3837890625 7104.16552734375 -12601.6591796875 7102.14990234375 -12606.423828125 C 7100.0595703125 -12611.3681640625 7099 -12616.607421875 7099 -12621.9990234375 C 7099 -12627.390625 7100.0595703125 -12632.6298828125 7102.1484375 -12637.5712890625 C 7104.16357421875 -12642.3349609375 7107.04443359375 -12646.611328125 7110.7119140625 -12650.28125 C 7114.3857421875 -12653.9541015625 7118.6611328125 -12656.8359375 7123.42431640625 -12658.8505859375 C 7128.3662109375 -12660.9404296875 7133.60595703125 -12662 7138.99853515625 -12662 C 7144.3916015625 -12662 7149.6318359375 -12660.9404296875 7154.57373046875 -12658.8505859375 C 7159.33740234375 -12656.8359375 7163.61376953125 -12653.9541015625 7167.283203125 -12650.28515625 C 7170.95556640625 -12646.6103515625 7173.8369140625 -12642.3349609375 7175.85107421875 -12637.572265625 C 7177.9404296875 -12632.6298828125 7179 -12627.390625 7179 -12621.9990234375 C 7179 -12616.607421875 7177.9404296875 -12611.3681640625 7175.8515625 -12606.4267578125 C 7173.83447265625 -12601.6591796875 7170.95263671875 -12597.3837890625 7167.2841796875 -12593.7158203125 C 7163.62060546875 -12590.0517578125 7159.345703125 -12587.169921875 7154.5791015625 -12585.1513671875 C 7149.62744140625 -12583.0595703125 7144.388671875 -12582.0009765625 7138.99853515625 -12582.0009765625 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
  display: block;
  margin-top: -50px;
  margin-left: 25px;
  z-index: 0;
  position: relative;
}
.unternehmen h2 {
  justify-content: center;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  margin-bottom: 15px;
}

/*Fragen Slider*/
.fragen_slider {
  position: fixed;
  top: 200px;
  right: -225px;
  display: flex !important;
  grid-gap: 15px;
  padding: 15px;
  padding-right: 35px;
  background-color: rgb(50 122 185 / 75%);
  border-radius: 5px;
}
.fragen_slider .rte {
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fragen_slider::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58.5' height='65' viewBox='0 0 58.5 65'%3E%3Cpath id='Pfad_11' data-name='Pfad 11' d='M50.278,49.562a29.254,29.254,0,1,0-13.683,7.995l10.368,6.89a3.234,3.234,0,0,0,5-3.152ZM26,42.25a3.25,3.25,0,1,1,3.25,3.25A3.26,3.26,0,0,1,26,42.25m3.25-6.5A3.26,3.26,0,0,1,26,32.5,6.519,6.519,0,0,1,32.5,26V22.75a3.25,3.25,0,0,0-6.5,0V26a3.25,3.25,0,0,1-6.5,0V22.75a9.75,9.75,0,1,1,19.5,0V26a6.519,6.519,0,0,1-6.5,6.5,3.26,3.26,0,0,1-3.25,3.25' fill='%23fff'/%3E%3C/svg%3E%0A");
  object-fit: contain;
  height: 65px;
  width: 60px;
  display: block;
}
.fragen_slider .rte p a {
  color: #fff;
  font-family: "handel-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  margin-bottom: 8px;
  text-align: center;
}
.fragen_slider:hover {
  animation: fragen 2s ease 0s 1 normal forwards;
}


@keyframes fragen {
	0% {
		right: -225px;
	}

	100% {
		right: -15px;
	}
}


/* Übersicht Schnittstellen */
#article-24 .zwei_spalten {
  margin-bottom: 75px;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media {
  position: relative;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media  img {
  width: 40%;
  object-fit: contain;
  height: max-content;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte {
  background-color: transparent;
  margin: 0;
  border-radius: 0;
  width: max-content;
  position: unset;
  padding: 0;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p {
  color: #1E1F1F;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  width: 150px;
  line-height: 18px;
  text-align: center;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p::before {
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  height: 85px;
  width: 85px;
  display: block;
  align-self: center;
  transition: background-size 1s;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p:hover::before {
  background-size: 70px;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.angebote {
  top: calc(50% - 60px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.angebote::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='46.538' viewBox='0 0 55 46.538'%3E%3Cg id='_2024_cd-soft_icons-08' data-name='2024_cd-soft_icons-08' transform='translate(-0.705 -4.936)'%3E%3Cpath id='Pfad_51' data-name='Pfad 51' d='M1.41,5.641H45.128V35.256H1.41Z' fill='%23fff'/%3E%3Cpath id='Pfad_52' data-name='Pfad 52' d='M44.423,6.346V34.551H2.115V6.346H44.423m1.41-1.41H.705V35.962H45.833Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_53' data-name='Pfad 53' d='M1.326,10.295,20.181,20.378a6.535,6.535,0,0,0,6.163,0L45.2,10.295' fill='none' stroke='%23327ab9' stroke-miterlimit='10' stroke-width='1.41'/%3E%3Cpath id='Pfad_54' data-name='Pfad 54' d='M7.051,11.282H50.769V40.9H7.051Z' fill='%23fff'/%3E%3Cpath id='Pfad_55' data-name='Pfad 55' d='M50.064,11.987V40.192H7.756V11.987H50.064m1.41-1.41H6.346V41.6H51.474Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_56' data-name='Pfad 56' d='M6.967,15.936,25.822,26.019a6.535,6.535,0,0,0,6.163,0L50.84,15.936' fill='none' stroke='%23327ab9' stroke-miterlimit='10' stroke-width='1.41'/%3E%3Cpath id='Pfad_57' data-name='Pfad 57' d='M50.064,30.476v9.717H28.91V41.6H51.474V30.321Z' fill='%23fff'/%3E%3Cpath id='Pfad_58' data-name='Pfad 58' d='M43.718,43.718H33.846V36.667h9.872V30.476l10.929,9.717L43.718,49.909Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_59' data-name='Pfad 59' d='M44.423,32.055l9.153,8.137-9.153,8.137V43.013H34.551V37.372h9.872V32.055m-1.41-3.145v7.051H33.141v8.462h9.872v7.051L55.705,40.192ZM25.385,40.192h4.231a.717.717,0,0,1,.705.705h0a.717.717,0,0,1-.705.705H25.385a.717.717,0,0,1-.705-.705h0A.717.717,0,0,1,25.385,40.192Zm25.385-14.1h0a.707.707,0,0,1,.705.705v4.231a.707.707,0,0,1-.705.705h0a.707.707,0,0,1-.705-.705V26.795A.707.707,0,0,1,50.769,26.09Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.channel {
  top: calc(25% - 60px);
  left: calc(25% - 100px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.channel::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='53' viewBox='0 0 53 53'%3E%3Cg id='_2024_cd-soft_icons-02' data-name='2024_cd-soft_icons-02' transform='translate(-1.395 -1.395)'%3E%3Cpath id='Pfad_24' data-name='Pfad 24' d='M54.395,27.895a26.5,26.5,0,1,1-26.5-26.5A26.524,26.524,0,0,1,54.395,27.895Z' fill='%23fff'/%3E%3Cpath id='Pfad_25' data-name='Pfad 25' d='M37.825,37.588c.6.307,1.2.307,1.506.907.907.907.907,2.413,1.2,3.319a17.42,17.42,0,0,0,1.2,3.612c.307,1.506.907,3.013,1.2,4.212.2-.153.432-.293.642-.446a26.5,26.5,0,0,0,2.2-40.88,2.7,2.7,0,0,0-1.953.056c-.907.307-1.506,1.506-2.106,2.106-.6.907-1.2,1.813-1.813,2.706-.307.307-.6.907-.307,1.2,0,.307.307.307.6.307.6.307.907.307,1.506.6.307,0,.6.307.307.6a.3.3,0,0,1-.307.307C40.2,17.7,38.69,18.9,37.184,20.405a2.27,2.27,0,0,0-.6,1.2c0,.293.307.307.307.6s-.307.307-.6.6a6.772,6.772,0,0,0-1.506.907c-.307.6,0,1.506-.307,2.106-.307,1.506-1.2,2.706-1.813,4.212-.6.907-.907,1.813-1.506,2.706,0,1.2-.307,2.106.307,3.013,1.506,2.106,4.212.907,6.318,1.813ZM37.281,3.082a26.749,26.749,0,0,0-9.387-1.688c-.544,0-1.088.028-1.618.056a7.673,7.673,0,0,0-.8,1.506c-.307,1.506.907,1.2,2.106,1.506,0,0,.307,2.413.307,2.706.307,1.506-.6,2.413-.6,3.919,0,.907,0,2.413.6,3.013H28.2c.307,0,.6-.307,1.2-.6.907-.6,1.813-1.506,2.706-2.106A16.934,16.934,0,0,0,34.52,9.289a5.469,5.469,0,0,0,1.813-2.706c.307-.6,1.339-2.371,1.032-3.278-.028-.056-.056-.139-.084-.209ZM1.994,29.15a13.635,13.635,0,0,0,4.519,4.812c1.2.907,3.612.907,4.812,2.413.907,1.2.6,2.706.6,4.212,0,1.813,1.2,3.319,1.813,4.812.307.907.6,2.106.907,3.013,0,.307.307,2.106.307,2.413a.6.6,0,0,1,.251.293,26.082,26.082,0,0,0,5.1,2.12c.028,0,.056-.014.07,0,.307,0,1.506-1.813,1.506-2.106.907-.907,1.506-2.106,2.413-2.706a6.439,6.439,0,0,0,1.813-1.213,7.277,7.277,0,0,0,1.2-2.706,4.023,4.023,0,0,0,.307-2.706,1.627,1.627,0,0,0-.907-1.2C24.9,40,23.1,40,21.591,38.495c-.307-.6-.307-1.2-.6-1.813-.6-.6-2.106-.907-3.013-1.2H11.953c-.907-.307-1.506-1.506-2.106-2.413,0-.307,0-.907-.6-.907-.6-.307-1.2.307-1.813,0a1.1,1.1,0,0,1-.307-.907,3.719,3.719,0,0,1,1.2-2.413c.907-.6,1.813.307,2.706.307a.84.84,0,0,1,.6.307c.907.307,1.2,1.506,1.2,2.413v.6c0,.307.307.307.6.307.307-1.506.307-3.013.6-4.519,0-1.813,1.813-3.612,3.319-4.212.6-.307.907.307,1.506,0,1.813-.6,6.318-2.413,5.426-4.812-.6-2.106-2.413-4.212-4.812-3.919-.6.307-.907.6-1.506.907-.907.6-2.706,2.413-3.612,2.413-1.506-.307-1.506-2.413-1.2-3.319.307-1.2,3.013-5.119,4.812-4.519l1.2,1.2a5.774,5.774,0,0,0,2.413.307,1.1,1.1,0,0,0,.907-.307c.307-.307.307-.307.307-.6,0-.907-.907-1.813-1.506-2.413a6.635,6.635,0,0,0-2.413-1.506c-1.925-.572-6,.112-9.3,1.227A26.318,26.318,0,0,0,1.395,27.895v.377c.209.307.418.6.586.879Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_26' data-name='Pfad 26' d='M27.895,2.789A24.844,24.844,0,0,1,53,27.895,25.105,25.105,0,1,1,27.895,2.789m0-1.395a26.5,26.5,0,1,0,26.5,26.5A26.347,26.347,0,0,0,27.895,1.395Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.checkin {
  top: 0px;
  right: calc(50% - 10px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.checkin::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.632' height='53' viewBox='0 0 44.632 53'%3E%3Cg id='_2024_cd-soft_icons-10' data-name='2024_cd-soft_icons-10' transform='translate(-5.579 -1.395)'%3E%3Cpath id='Pfad_69' data-name='Pfad 69' d='M27.895,53.642C25.524,52.609,6.472,43.223,6.276,8.884L27.895,2.12,49.513,8.871C49.332,43.181,30.28,52.6,27.895,53.628Z' fill='rgba(223,243,254,0)'/%3E%3Cpath id='Pfad_70' data-name='Pfad 70' d='M27.895,2.859,48.816,9.4C48.453,41.744,31.033,51.41,27.895,52.888,24.743,51.438,7.336,41.94,6.988,9.4L27.909,2.859m-.014-1.464L5.579,8.368c0,37.853,22.316,46.026,22.316,46.026S50.211,46.124,50.211,8.368Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_71' data-name='Pfad 71' d='M27.895,13.25a4.882,4.882,0,1,0,4.882,4.882A4.887,4.887,0,0,0,27.895,13.25Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_72' data-name='Pfad 72' d='M27.895,13.947a4.184,4.184,0,1,1-4.184,4.184,4.2,4.2,0,0,1,4.184-4.184m0-1.395a5.579,5.579,0,1,0,5.579,5.579A5.577,5.577,0,0,0,27.895,12.553Z' fill='%23327ab9'/%3E%3Cg id='Gruppe_292' data-name='Gruppe 292'%3E%3Cpath id='Pfad_73' data-name='Pfad 73' d='M18.857,34.171a9.065,9.065,0,0,1,18.076,0H18.857Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_74' data-name='Pfad 74' d='M27.895,26.5a8.393,8.393,0,0,1,8.257,6.974h-16.5A8.393,8.393,0,0,1,27.909,26.5m-.014-1.395a9.756,9.756,0,0,0-9.763,9.763H37.658A9.756,9.756,0,0,0,27.895,25.105Z' fill='%23327ab9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.onlinebuch {
  top: 0px;
  left: calc(50% - 10px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.onlinebuch::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cg id='_2024_cd-soft_icons-03' data-name='2024_cd-soft_icons-03' transform='translate(-1.421 -1.421)'%3E%3Cpath id='Pfad_27' data-name='Pfad 27' d='M4.974,54.711V18.886l23.447-13.8,23.447,13.8V54.711Z' fill='%23fff'/%3E%3Cpath id='Pfad_28' data-name='Pfad 28' d='M28.421,5.912,51.158,19.284V54H5.684V19.284L28.421,5.912m0-1.648L4.263,18.474V55.421H52.579V18.474Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_29' data-name='Pfad 29' d='M28.421,6.594,2.132,22.666V18.317L28.421,2.259,54.711,18.332V22.68Z' fill='%23fff'/%3E%3Cpath id='Pfad_30' data-name='Pfad 30' d='M28.421,3.084,54,18.715V21.4L29.16,6.224l-.739-.455-.739.455L2.842,21.4V18.715L28.421,3.084m0-1.663-27,16.5v6.011l27-16.5,27,16.5V17.919Z' fill='%23327ab9'/%3E%3Cg id='Gruppe_289' data-name='Gruppe 289'%3E%3Cpath id='Pfad_31' data-name='Pfad 31' d='M20.605,30.553H36.237V54.711H20.605Z' fill='%23fff'/%3E%3Cpath id='Pfad_32' data-name='Pfad 32' d='M35.526,31.263V54H21.316V31.263H35.526m1.421-1.421H19.895V55.421H36.947Z' fill='%23327ab9'/%3E%3C/g%3E%3Cpath id='Pfad_33' data-name='Pfad 33' d='M32.684,42.632a1.421,1.421,0,1,0,1.421,1.421A1.425,1.425,0,0,0,32.684,42.632Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.finanzen {
  top: calc(25% - 60px);
  right: calc(25% - 100px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.finanzen::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.158' height='54' viewBox='0 0 51.158 54'%3E%3Cg id='_2024_cd-soft_icons-09' data-name='2024_cd-soft_icons-09' transform='translate(-2.842 -1.421)'%3E%3Cpath id='Pfad_60' data-name='Pfad 60' d='M32.684,54.711a2.256,2.256,0,0,1-2.132-2.132,24.313,24.313,0,0,0-.2-2.927l-.071-.625H20.875l-.071.625a24.313,24.313,0,0,0-.2,2.927,2.245,2.245,0,0,1-2.132,2.132H12.789a2.245,2.245,0,0,1-2.132-2.132,30.9,30.9,0,0,0-1.08-7.461l-.057-.213-.156-.142A17.029,17.029,0,0,1,20.605,14.921H31.974c.782,0,2.828.057,3.467.142l.384.043.242-.3c2.373-2.913,6.821-3.78,9.208-4.036-1.194,1.549-2.942,4.292-3.126,7.148l-.028.384.3.227a16.865,16.865,0,0,1,4.221,4.8l.085.156L52.238,26.8a2.141,2.141,0,0,1,1.037,1.833v7.83a2.115,2.115,0,0,1-1.336,1.975L46.7,40.528l-.128.213a17.265,17.265,0,0,1-5.059,5.372l-.227.156-.057.27a28.409,28.409,0,0,0-.739,6.054,2.256,2.256,0,0,1-2.132,2.132H32.67Z' fill='%23fff'/%3E%3Cpath id='Pfad_61' data-name='Pfad 61' d='M43.754,11.709a13.336,13.336,0,0,0-2.3,6.167l-.043.753.6.469a16.119,16.119,0,0,1,4.05,4.6l.185.313.313.185,5.357,3.212a1.438,1.438,0,0,1,.7,1.222v7.83a1.421,1.421,0,0,1-.9,1.322l-5.016,2-.441.171-.242.412a16.665,16.665,0,0,1-4.846,5.158l-.469.313-.128.554a28.814,28.814,0,0,0-.753,6.2A1.527,1.527,0,0,1,38.4,54.014H32.713a1.527,1.527,0,0,1-1.421-1.421,25.487,25.487,0,0,0-.2-3.013l-.156-1.251H20.264l-.156,1.251a25.681,25.681,0,0,0-.2,3.013,1.527,1.527,0,0,1-1.421,1.421H12.8a1.527,1.527,0,0,1-1.421-1.421,30.433,30.433,0,0,0-1.108-7.645l-.114-.412-.327-.284A16.324,16.324,0,0,1,20.605,15.646H31.974c.782,0,2.785.057,3.382.128l.782.085.5-.611c1.762-2.16,4.817-3.112,7.119-3.538m3.141-1.762s-7.773,0-11.368,4.405c-.7-.085-2.828-.142-3.553-.142H20.605A17.744,17.744,0,0,0,8.9,45.3a29.449,29.449,0,0,1,1.052,7.276,2.937,2.937,0,0,0,2.842,2.842h5.684a2.947,2.947,0,0,0,2.842-2.842,23.1,23.1,0,0,1,.185-2.842h8.157a23.1,23.1,0,0,1,.185,2.842,2.947,2.947,0,0,0,2.842,2.842h5.684a2.947,2.947,0,0,0,2.842-2.842,28.153,28.153,0,0,1,.711-5.9,17.727,17.727,0,0,0,5.272-5.6l5.016-2A2.842,2.842,0,0,0,54,36.436v-7.83a2.88,2.88,0,0,0-1.378-2.444L47.264,22.95a17.831,17.831,0,0,0-4.391-5c.27-4.078,4.036-8.015,4.036-8.015Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_62' data-name='Pfad 62' d='M9.237,13.5a5.688,5.688,0,0,0-4.064,9.663l.043.043.028.028' fill='none' stroke='%23327ab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.421'/%3E%3Cpath id='Pfad_63' data-name='Pfad 63' d='M42.632,24.158a1.421,1.421,0,1,0,1.421,1.421A1.425,1.425,0,0,0,42.632,24.158Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_64' data-name='Pfad 64' d='M25.579,2.132a7.816,7.816,0,1,0,7.816,7.816A7.811,7.811,0,0,0,25.579,2.132Z' fill='%23fff'/%3E%3Cpath id='Pfad_65' data-name='Pfad 65' d='M25.579,2.842a7.105,7.105,0,1,1-7.105,7.105,7.108,7.108,0,0,1,7.105-7.105m0-1.421a8.526,8.526,0,1,0,8.526,8.526A8.533,8.533,0,0,0,25.579,1.421Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_66' data-name='Pfad 66' d='M27,14.211H25.579V7.617L23.447,8.3V6.935L26.829,5.67H27V14.2Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_67' data-name='Pfad 67' d='M18.474,17.053H32.684v2.842H18.474Z' fill='%23fff'/%3E%3Cpath id='Pfad_68' data-name='Pfad 68' d='M18.474,17.053H32.684a1.411,1.411,0,0,0,1.407-1.364c-.782-.028-1.663-.057-2.117-.057H20.605a16.541,16.541,0,0,0-3.482.384A1.4,1.4,0,0,0,18.474,17.053Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.meldewesen {
  top: calc(50% - 60px);
  right: 0;
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.meldewesen::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='36.263' viewBox='0 0 53 36.263'%3E%3Cg id='_2024_cd-soft_icons-01' data-name='2024_cd-soft_icons-01' transform='translate(-1.395 -9.763)'%3E%3Cpath id='Pfad_21' data-name='Pfad 21' d='M50.211,11.158A2.8,2.8,0,0,1,53,13.947V41.842a2.8,2.8,0,0,1-2.789,2.789H5.579a2.8,2.8,0,0,1-2.789-2.789V13.947a2.8,2.8,0,0,1,2.789-2.789H50.211m0-1.395H5.579a4.179,4.179,0,0,0-4.184,4.184V41.842a4.179,4.179,0,0,0,4.184,4.184H50.211a4.179,4.179,0,0,0,4.184-4.184V13.947A4.179,4.179,0,0,0,50.211,9.763Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_22' data-name='Pfad 22' d='M6.974,18.132H18.132V26.5H6.974Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_23' data-name='Pfad 23' d='M14.645,33.474H7.671a.7.7,0,0,1-.7-.7h0a.7.7,0,0,1,.7-.7h6.974a.709.709,0,0,1,.7.7h0A.709.709,0,0,1,14.645,33.474Zm11.158,0H18.829a.709.709,0,0,1-.7-.7h0a.709.709,0,0,1,.7-.7H25.8a.709.709,0,0,1,.7.7h0A.709.709,0,0,1,25.8,33.474Zm11.158,0H29.987a.709.709,0,0,1-.7-.7h0a.709.709,0,0,1,.7-.7h6.974a.709.709,0,0,1,.7.7h0A.709.709,0,0,1,36.961,33.474Zm11.158,0H41.145a.709.709,0,0,1-.7-.7h0a.709.709,0,0,1,.7-.7h6.974a.7.7,0,0,1,.7.7h0A.7.7,0,0,1,48.118,33.474ZM7.671,37.658H31.382a.709.709,0,0,1,.7.7h0a.709.709,0,0,1-.7.7H7.671a.7.7,0,0,1-.7-.7h0A.7.7,0,0,1,7.671,37.658Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.kassen {
  bottom: calc(25% - 80px);
  right: calc(25% - 100px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.kassen::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.615' height='54' viewBox='0 0 52.615 54'%3E%3Cg id='_2024_cd-soft_icons-05' data-name='2024_cd-soft_icons-05' transform='translate(-1.385 -0.692)'%3E%3Cpath id='Pfad_39' data-name='Pfad 39' d='M24.535,44.308l-1.7-6.314-.346-.125a16,16,0,0,1-5.22-3l-.277-.235-6.314,1.689L7.518,30.849l4.611-4.611-.069-.36a15.813,15.813,0,0,1,0-6.037l.069-.36L7.518,14.871,10.675,9.4l6.314,1.689.277-.235a15.86,15.86,0,0,1,5.22-3l.346-.125,1.689-6.3h6.328l1.7,6.3.346.125a15.8,15.8,0,0,1,5.206,3l.277.235L44.7,9.4l3.157,5.469-4.611,4.611.069.36a15.813,15.813,0,0,1,0,6.037l-.069.36,4.611,4.611L44.7,36.318l-6.314-1.689-.277.235a15.938,15.938,0,0,1-5.206,3l-.346.125-1.689,6.3H24.535Zm3.157-29.077a7.615,7.615,0,1,0,7.615,7.615A7.629,7.629,0,0,0,27.692,15.231Z' fill='rgba(255,255,255,0)'/%3E%3Cpath id='Pfad_40' data-name='Pfad 40' d='M30.323,2.077l1.468,5.442.194.706.692.235a15.1,15.1,0,0,1,4.985,2.88l.554.485.706-.194,5.442-1.454,2.631,4.555L43.02,18.72l-.512.526.138.72a16.106,16.106,0,0,1,.277,2.894,15.838,15.838,0,0,1-.277,2.88l-.138.72.512.526,3.974,3.988-2.631,4.555-5.442-1.454-.706-.194-.554.485a15.1,15.1,0,0,1-4.985,2.88l-.692.235-.194.706-1.468,5.442H25.062l-1.468-5.442-.194-.706-.692-.235a15.1,15.1,0,0,1-4.985-2.88l-.554-.485-.706.194-5.442,1.454L8.391,30.974l3.974-3.988.512-.526-.138-.72a16.106,16.106,0,0,1-.277-2.894,15.838,15.838,0,0,1,.277-2.88l.138-.72-.512-.526L8.391,14.732l2.631-4.555,5.442,1.454.706.194.554-.485a15.1,15.1,0,0,1,4.985-2.88l.692-.235.194-.706,1.468-5.442h5.262M27.692,31.154a8.308,8.308,0,1,0-8.308-8.308,8.314,8.314,0,0,0,8.308,8.308M31.389.692h-7.38L22.265,7.158A16.662,16.662,0,0,0,16.823,10.3L10.357,8.571l-3.7,6.4L11.382,19.7a16.368,16.368,0,0,0,0,6.286L6.66,30.725l3.7,6.4,6.466-1.731a16.662,16.662,0,0,0,5.442,3.143L24,45h7.38l1.745-6.466a16.42,16.42,0,0,0,5.442-3.143l6.466,1.731,3.7-6.4L44,25.989A16.368,16.368,0,0,0,44,19.7l4.722-4.735-3.7-6.4L38.562,10.3A16.662,16.662,0,0,0,33.12,7.158L31.389.692Zm-3.7,29.077a6.923,6.923,0,1,1,6.923-6.923A6.926,6.926,0,0,1,27.692,29.769Z' fill='%23327ab9'/%3E%3Cg id='Gruppe_291' data-name='Gruppe 291'%3E%3Cpath id='Pfad_41' data-name='Pfad 41' d='M2.077,54V41.538H7.615v6.923H47.769V41.538h5.538V54Z' fill='rgba(255,255,255,0)'/%3E%3Cpath id='Pfad_42' data-name='Pfad 42' d='M52.615,42.231V53.308H2.769V42.231H6.923v6.923H48.462V42.231h4.154M54,40.846H47.077v6.923H8.308V40.846H1.385V54.692H54Z' fill='%23327ab9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.schliessanlage {
  bottom: 0;
  left: calc(50% - 10px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.schliessanlage::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.568' height='53' viewBox='0 0 51.568 53'%3E%3Cg id='_2024_cd-soft_icons-04' data-name='2024_cd-soft_icons-04' transform='translate(-2.865 -1.432)'%3E%3Cpath id='Pfad_34' data-name='Pfad 34' d='M42.973,25.368V17.189a14.324,14.324,0,1,0-28.649,0v8.179' fill='none' stroke='%23327ab9' stroke-miterlimit='10' stroke-width='2.865'/%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M3.581,53.716v-22.2A9.329,9.329,0,0,1,12.892,22.2H44.405a9.329,9.329,0,0,1,9.311,9.311v22.2Z' fill='%23fff'/%3E%3Cpath id='Pfad_36' data-name='Pfad 36' d='M44.405,22.919A8.6,8.6,0,0,1,53,31.514V53H4.3V31.514a8.6,8.6,0,0,1,8.595-8.595H44.405m0-1.432H12.892A10.02,10.02,0,0,0,2.865,31.514V54.432H54.432V31.514A10.02,10.02,0,0,0,44.405,21.486Z' fill='%23327ab9'/%3E%3Cg id='Gruppe_290' data-name='Gruppe 290'%3E%3Cpath id='Pfad_37' data-name='Pfad 37' d='M25.2,46.554,26.471,38.9l-.415-.258a5.014,5.014,0,1,1,5.185,0l-.415.258L32.1,46.554H25.2Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_38' data-name='Pfad 38' d='M28.649,30.081a4.31,4.31,0,0,1,4.3,4.3,4.236,4.236,0,0,1-2.077,3.653l-.831.5.158.96,1.06,6.346H26.042l1.06-6.346.158-.96-.831-.5a4.254,4.254,0,0,1-2.077-3.653,4.31,4.31,0,0,1,4.3-4.3m0-1.432a5.718,5.718,0,0,0-2.965,10.614L24.351,47.27h8.595l-1.332-8.007a5.718,5.718,0,0,0-2.965-10.614Z' fill='%23327ab9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.telefonanlage {
  bottom: 0px;
  right: calc(50% - 10px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.telefonanlage::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.999' height='53' viewBox='0 0 52.999 53'%3E%3Cg id='_2024_cd-soft_icons-07' data-name='2024_cd-soft_icons-07' transform='translate(-1.385 -1.394)'%3E%3Cpath id='Pfad_49' data-name='Pfad 49' d='M42.668,53.683a6.369,6.369,0,0,1-2.538-.53,74.587,74.587,0,0,1-22.408-15.1,74.216,74.216,0,0,1-15.1-22.408A6.459,6.459,0,0,1,4.016,8.492l5.2-5.2a4.124,4.124,0,0,1,5.828.014l6.8,6.8a4.081,4.081,0,0,1,1.143,2.97,4.108,4.108,0,0,1-1.143,2.858l-7.125,7.125.153.418A32.16,32.16,0,0,0,21.85,33.939a32.315,32.315,0,0,0,10.458,6.972l.418.153,7.125-7.125a4.08,4.08,0,0,1,2.914-1.2,4.138,4.138,0,0,1,2.914,1.2l6.8,6.8a4.115,4.115,0,0,1,0,5.815l-5.2,5.2A6.56,6.56,0,0,1,42.668,53.683Z' fill='%23fff'/%3E%3Cpath id='Pfad_50' data-name='Pfad 50' d='M12.117,2.789a3.409,3.409,0,0,1,2.412,1l6.8,6.8a3.606,3.606,0,0,1,0,4.838l-6.8,6.8-.627.627.307.837a32.94,32.94,0,0,0,7.125,10.709,33.093,33.093,0,0,0,10.709,7.125l.837.307.627-.627,6.8-6.8a3.409,3.409,0,0,1,2.412-1,3.352,3.352,0,0,1,2.412,1l6.8,6.8a3.417,3.417,0,0,1,0,4.838l-5.2,5.2a5.885,5.885,0,0,1-4.127,1.715,5.741,5.741,0,0,1-2.259-.46,73.648,73.648,0,0,1-22.2-14.962A74.015,74.015,0,0,1,3.263,15.366,5.729,5.729,0,0,1,4.518,8.994l5.2-5.2a3.409,3.409,0,0,1,2.412-1m-.014-1.394A4.816,4.816,0,0,0,8.715,2.8L3.514,8a7.181,7.181,0,0,0-1.548,7.92A74.571,74.571,0,0,0,17.22,38.554,74.571,74.571,0,0,0,39.851,53.809a7.066,7.066,0,0,0,2.8.586,7.2,7.2,0,0,0,5.117-2.133l5.2-5.2a4.805,4.805,0,0,0,0-6.8l-6.8-6.8a4.814,4.814,0,0,0-6.8,0l-6.8,6.8A31.275,31.275,0,0,1,15.547,23.244l6.8-6.8a4.978,4.978,0,0,0,0-6.8l-6.8-6.8a4.816,4.816,0,0,0-3.4-1.408Z' fill='%23327ab9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.softwareweb {
  left: calc(25% - 100px);
  bottom: calc(25% - 80px);
}
.zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p.softwareweb::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='52.661' viewBox='0 0 53 52.661'%3E%3Cg id='_2024_cd-soft_icons-06' data-name='2024_cd-soft_icons-06' transform='translate(-1.209 -1.385)'%3E%3Cpath id='Pfad_43' data-name='Pfad 43' d='M42.963,9.989l7.412,23.469m-37.92,11.97L5.043,21.973m43.766-8.811,4.53,14.325M6.609,42.256,2.078,27.93' fill='none' stroke='%23327ab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.385'/%3E%3Cpath id='Pfad_44' data-name='Pfad 44' d='M22.527,53.339a2.677,2.677,0,0,1-2.563-1.884L7.717,12.718a2.71,2.71,0,0,1,1.76-3.38L32.073,2.2a2.72,2.72,0,0,1,.817-.125,2.677,2.677,0,0,1,2.563,1.884L47.687,42.7a2.71,2.71,0,0,1-1.76,3.38l-22.6,7.135a2.72,2.72,0,0,1-.817.125Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_45' data-name='Pfad 45' d='M32.89,2.771h0A2.021,2.021,0,0,1,34.8,4.17L47.036,42.907a2,2,0,0,1-1.3,2.508l-22.6,7.135a2.242,2.242,0,0,1-.61.1,2.021,2.021,0,0,1-1.912-1.4L8.382,12.511a1.947,1.947,0,0,1,.139-1.524A2.024,2.024,0,0,1,9.7,10L32.281,2.868a2.242,2.242,0,0,1,.61-.1m0-1.385a3.83,3.83,0,0,0-1.025.152L9.269,8.687a3.381,3.381,0,0,0-2.2,4.253L19.3,51.677a3.392,3.392,0,0,0,3.228,2.369,3.83,3.83,0,0,0,1.025-.152l22.6-7.135a3.381,3.381,0,0,0,2.2-4.253L36.118,3.755A3.392,3.392,0,0,0,32.89,1.385Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_46' data-name='Pfad 46' d='M8.437,14.99,36.174,6.234,46.468,38.806,18.731,47.562Z' fill='%23fff'/%3E%3Cpath id='Pfad_47' data-name='Pfad 47' d='M35.717,7.107l9.878,31.256L19.188,46.7,9.31,15.448l26.406-8.34m.914-1.746L7.578,14.547,18.288,48.435,47.34,39.263Z' fill='%23327ab9'/%3E%3Cpath id='Pfad_48' data-name='Pfad 48' d='M30.715,47.174l5.708-1.8' fill='none' stroke='%23327ab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.385'/%3E%3C/g%3E%3C/svg%3E%0A");
}




/*Hauptteil*/
#main>.inside{
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

p {
  font-size: 16px;
  margin: 0;
  padding-bottom: 0px;
  line-height: 25px;
}

a {
  text-decoration: none;
  color: #1E1F1F;
}

strong {
  font-family: "poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.cookie_settings {
  text-align: center;
  justify-content: center;
}
#map-cookie {
  color: #575756;
  cursor: pointer;
}
.mapLeaflet {
  height: 30vh;
  display: none;
  margin-top: 50px;
}

.lizenzvermerk {
  position: absolute;
  top: 200px;
  right: -70px;
  color: #282727;
  transform: rotate(-90deg);
}
.lizenzvermerk a {
  color: #282727;
  font-size: 9px;
  line-height: 10px;
}
#map{
  height: 30vh;
  border-radius: 5px;
}
.form-confirmation {
  margin-top: 25px;
}
/*Datenschutz & Impressum */
#article-13,#article-14 {
  margin: 125px 100px;
}
#article-40 {
  margin-top: 100px;
}



@media (min-width: 1400px){
.team figure img {
  height: 750px;
}
.team {
  margin-bottom: 250px;
}
}
@media (max-width: 1600px){
  .mod_navigation ul {
    margin-left: auto;
    justify-content: flex-end
  }
}
@media (max-width: 1500px){
  #article-12 .zwei_spalten {
  grid-template-columns: repeat(1,1fr);
  grid-gap: 50px;
 }
 #article-12 .zwei_spalten .ce_form {
  grid-column: 1;
  grid-row: 3;
 }
 #article-12 .zwei_spalten .mapLeaflet {
  margin-top: 0;
  height: 400px;
 }
 #map {
  height: 400px;
 }
}
@media (max-width: 1400px){
  
}

@media (max-width: 1325px){
  .mod_navigation ul li {
    padding: 0 15px;
  }
  #footer .footerlogo img{
    width: 200px;
  }
  .spalten_zwei {
    margin: 50px 200px;
  }
  #headerimage .blauer_kasten p {
    font-size: 25px;
    line-height: 40px;
  }
  .team .rte {
    grid-template-columns: calc(100% - 250px) 225px;
  }
  .team h2 {
    width: 100%;
  }
}
@media (max-width: 1250px){
  #footer .footer_kontakt figure {
    margin-right: 25px;
  }
  .partner ul {
    grid-template-columns: repeat(6,1fr);
  }
  .mod_newslist, .downloads {
    margin: 100px 100px;
    margin-top: 125px;
  }
  .mod_newslist .layout_latest, .downloads .content-text {
    grid-template-columns: repeat(1, 1fr);
  }
  .downloads .content-text .link_pfeil {
    margin-top: 25px;
  }
}
@media (min-width: 1200px){
  .hamburger-desktop.hamburger--squeeze {
    display: none !important;
  }
  
 }
@media (max-width: 1200px){
  .hamburger-desktop.hamburger--squeeze {
    display: block;
    margin-right: 0;
  }
  #header .mod_navigation {
   display: none; 
   top: -100vh;
   transition: top 2s;
  }
  #header .mod_navigation.open {
    display: block;
    position: absolute;
    top: 90px;
    bottom: 0;
    height: calc(100vh - 90px);
    width: 100%;
    background-color: rgb(255 255 255 / 90%);
    z-index: -1;
    left: -100px;
    width: 100vw;
  }
  #header .mod_navigation.open ul {
    flex-direction: column;
    padding: 50px 100px;
    justify-content: flex-start;
    height: max-content;
    max-height: calc(100% - 100px);
  }
  .mod_navigation.open ul li {
    padding: 25px 0;
    border-bottom: 1px solid #327AB9;
    position: relative;
  }
  .mod_navigation ul li.startseite {
    display: block;
  }
  .mod_navigation.open ul li:last-child {
    border-bottom: 0px solid transparent;
  }
  #header .mod_navigation.open .navi1_level2 {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='10.061' viewBox='0 0 17.121 10.061'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,50.5l7.5,7.5,7.5-7.5' transform='translate(-804.939 -49.439)' fill='none' stroke='%23327ab9' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    left: 125px;
    top: 31px;
    background-size: contain;
    z-index: 10000;
  }
  #header .mod_navigation.open .navi2_level2 {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='10.061' viewBox='0 0 17.121 10.061'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,50.5l7.5,7.5,7.5-7.5' transform='translate(-804.939 -49.439)' fill='none' stroke='%23327ab9' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    left: 115px;
    top: 31px;
    background-size: contain;
    z-index: 10000;
  }
  #header .mod_navigation.open .navi1_level2.open,
  #header .mod_navigation.open .navi2_level2.open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='10.061' viewBox='0 0 17.121 10.061'%3E%3Cpath id='Pfad_3' data-name='Pfad 3' d='M806,58l7.5-7.5L821,58' transform='translate(-804.939 -49)' fill='none' stroke='%23327ab9' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
  }
  #header .mod_navigation ul .submenu .submenu::after {
    background-image: none;
    display: none;
  }

  .content-accordion .handorgel__content--open {
    padding: 25px;
  }
  #header .mod_navigation.open ul.level_2 {
    position: relative;
    background-color: transparent;
    padding: 0;
    top: auto;
    transition: none;
    margin-top: 5px;
    margin-left: 10px;
    text-align: left;
  }
  #header .mod_navigation.open ul.level_2 li {
    padding: 0;
    background-color: transparent;
    border-bottom: 0px solid transparent;
    transition: none;
  }
  #header .mod_navigation ul:not(.level_2) li:hover .level_2 {
    animation: unset;
    z-index: auto;
    top: auto;
  }
  #header .mod_navigation.open ul.level_2 li a {
    padding: 10px 0 !important;
    border-bottom: 0px solid transparent !important;
  }
  #header .mod_navigation ul.level_1 ul.level_2 li a, #header .mod_navigation ul.level_1 ul.level_2 li strong {
    text-align: left;
    padding: 10px 0;
    border-bottom: 0px solid transparent;
  }
  #header .mod_navigation.open ul.level_1 .submenu:nth-child(1):hover .level_2 {
    margin-left: 10px;
  }
  #header .header_demo {
    display: none;
  }
  #header .header_demo.open {
    display: block;
    position: absolute;
    top: calc(100vh - 100px);
    left: 0;
  }
  .startseite #headerimage .content-text {
    width: 60vw;
  }
  .startseite #headerimage .content-text img {
    width: 450px;
  }
  #article-24 .zwei_spalten {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 50px;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media {
    height: 500px;
  }
  #header .mod_navigation.open ul.level_1 .submenu .level_2 {
    display: none;
  }
  #header .mod_navigation.open ul.level_1 .submenu .level_2.open {
    display: flex;
    margin-top: 15px;
  }
  .mod_newsreader .layout_full .content-text {
    display: grid;
    grid-template-columns: repeat(1,1fr);
  }
  .mod_newsreader .layout_full .content-text figure {
    grid-row: 1;
  }
  .mod_newsreader .layout_full .content-text figure img {
    margin-left: 0;
    aspect-ratio: unset;
    width: 100%;
  }
}

@media (max-width: 1150px){
  #footer .inside {
    flex-direction: column;
  }
  #footer .footer_kontakt {
    justify-content: center;
    margin-bottom: 90px;
  }
  #footer .footer_links {
    justify-content: space-between;
  }
  #footer .footer_links .content-text {
    width: 25%;
    text-align: center;
  }
  .team figure img {
    margin-top: 0;
  }
}


@media (max-width: 1050px){
  #header {
    width: calc(100vw - 150px);
    padding: 0 75px;
  }
  #footer .inside {
    padding: 50px 75px;
  }
  #header .mod_navigation.open {
    left: -75px;
  }
  #header .mod_navigation.open ul {
    padding: 50px 75px;
  }
  .headerlogo img {
    object-fit: contain;
    height: 60px;
    padding-top: 10px;
  }
  #header .header_background {
    left: -75px;
  }
  #headerimage .blauer_kasten {
    position: relative !important;
    width: 100vw !important;
    top: 0 !important;
    border-radius: 0;
    padding: 15px 0;
    left: 0 !important;
  }
  .zwei_spalten {
    margin: 75px;
    grid-column-gap: 40px;
  }
  .drei_spalten {
    margin: 50px 75px;
    margin-bottom: 100px;
  }
  .startseite #headerimage .content-text {
    left: 75px;
  }
  #header > .inside {
    justify-content: space-between;
  }
  .fragen_slider {
    display: none !important;
  }
  .team {
    padding: 50px 75px;
  }
  .team .rte {
    grid-template-columns: repeat(1,1fr);
  }
  .team .button_verlauf {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 50px;
  }
  .team figure {
    width: calc(100% - 150px);
  }
  .kundenmeinungen {
    margin: 0 75px;
    margin-bottom: 100px;
    margin-top: -50px;
  }
  #footer .footer_links .content-text {
    width: 30%;
  }
  .headline_meinung {
    margin: 0 75px;
  }
  .zwei_spalten .content-text.media .rte p {
    font-size: 25px;
    line-height: 30px;
  }
  .zwei_spalten .content-text .rte {
    padding-right: 0;
  }
  .zwei_spalten .content-text.media .rte {
    width: 200px;
    padding: 25px;
  }
  #headerimage .content-text {
    left: 75px;
    top: 175px;
  }
  #headerimage .pfeil_unten {
    top: 340px;
    width: 50px;
    height: 50px;
    left: calc(50vw - 25px);
  }
  #headerimage .pfeil_unten::after {
    height: 50px;
    width: 50px;
    background-size: 25px;
  }
  .blauer_kasten_footer {
    padding: 75px;
  }
  .blauer_kasten_footer h3 {
    font-size: 25px;
  }
  .ce_form {
    margin: 50px 75px;
    margin-bottom: 75px;
  }
  .content-accordion {
    grid-template-columns: repeat(1,1fr);
  }
  .content-accordion .handorgel__content--open {
    grid-column: 1;
    grid-row: auto;
    margin-right: 75px;
    margin-left: 75px;
    margin-bottom: 25px;
  }
  .content-accordion h4 button:before {
    width: 100px;
  }
  .partner_ueberschrift {
    margin: 25px 75px;
}
  .partner {
    margin: 0 75px;
    margin-bottom: 125px;
  }
  .partner ul {
    grid-template-columns: repeat(4,1fr);
  }
  .content-accordion {
    margin-bottom: 125px;
  }
  .unternehmen .slick-list {
    padding: 0 75px;
  }
  .unternehmen .slick-next {
    right: 75px;
  }
  .unternehmen .slick-prev {
    right: 150px;
  }
  .unternehmen .slick-next,
  .unternehmen .slick-prev {
    height: 50px;
    width: 50px;
  }
  .team_bilder {
    margin: 100px 75px;
  }
  .mod_newslist, .downloads {
    margin: 100px 75px;
    margin-top: 125px;
  }
  .blauer_kasten_ansprechpartner {
    padding:75px;
    grid-gap: 20px; 
  }
  #article-12 .zwei_spalten {
    margin-top: 125px;
  }
  #article-13,#article-14 {
    margin: 125px 75px;
    margin-bottom: 100px;
  }
  .mod_newsreader .layout_full {
    margin: 75px;
    margin-top: 125px;
    width: calc(100vw - 150px);
  }
  .mod_login,
  .intern_uebersicht,
  .intern_formular {
    margin: 100px 75px;
    margin-top: 125px;
  }
  #article-40 {
    margin-top: 75px;
  }
}


@media (max-width: 900px){
  .zwei_spalten {
    grid-template-columns: repeat(1,1fr);
    gap: 25px;
  }
  .drei_spalten {
    grid-template-columns: repeat(1,1fr);
  }
  .team {
    min-height: 600px;
  }
  .team figure img {
    height: 450px;
  }
  .team h2 {
    font-size: 35px;
  }
  .zwei_spalten .content-text.media .rte {
    width: 300px;
    margin-top: -125px;
  }
  .zwei_spalten img {
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .zwei_spalten .ueberschrift{
    grid-column: 1;
  }
  
  h1.ueberschrift {
    word-break: break-word;
    height: 96px;
    margin-top: -146px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .headerlogo {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 75px;
    z-index: -1;
  }
  
  h2,
  .ueberschrift h2,
  .ueberschrift h1 {
    font-size: 35px;
    }
  .ce_form .formbody {
    grid-template-columns:repeat(1,1fr);
  }
  .ce_form .widget-textarea {
    grid-row: auto;
    grid-column: 1;
  }
  .ce_form .widget-submit {
    grid-row: auto;
    grid-column: 1;
  }
  .ce_form .widget-checkbox {
    grid-column: 1;
  }
  input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=url], input[type=date] {
    width: calc(100% - 16px);
  }
  .zwei_spalten h2 {
    margin-bottom: 25px;
    font-size: 18px;
  }
  .team_bilder {
    grid-template-columns: repeat(2,1fr);
  }
  .blauer_kasten_ansprechpartner {
    grid-template-columns: repeat(2,1fr);
  }
  .blauer_kasten_ansprechpartner h2 {
    grid-column: 1 / 3;
  }
  .zwei_spalten .ce_form .widget-checkbox {
    grid-column: 1;
  }
  .zwei_spalten .ce_form .widget-submit {
    grid-row: auto;
  }
  .drei_spalten .link_pfeil {
    margin-top: 25px;
  }
  #article-6 .zwei_spalten,
  #article-28 .zwei_spalten {
    gap: 0;
  }
  .unternehmen .content-text {
    margin-top: 200px;
  }
  .intern_formular .widget-explanation,
  .intern_formular .widget-submit {
    grid-column: 1;
  }
  }
@media (max-width: 800px) {
  .startseite #headerimage .content-text {
    width: calc(100% - 150px);
    top: 140px;
  }
  .startseite #headerimage .content-text figure {
    margin-bottom: 25px;
  }
  .startseite #headerimage .button_verlauf {
    margin-top: 25px;
  }
  #footer .footer_links {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
  }
  #footer .footer_links .content-text {
    width: 100%;
  }
  #footer .footer_links .content-text h3 {
    padding-left: 0;
    text-align: left;
  }
  #footer .footer_links .content-text .rte p {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  #footer .footer_kontakt {
    justify-content: flex-start;
    margin-bottom: 50px;
  }
}
@media (max-width: 700px) {
  
  .zwei_spalten {
    margin: 75px 50px;
  }
  #footer .inside {
    padding: 50px;
  }
  #header .mod_navigation.open {
    left: -50px;
  }
  #header .mod_navigation.open ul {
    padding: 50px;
  }
  #header .header_background {
    left: -50px;
  }
  .startseite #headerimage .content-text {
    left: 50px;
  }
  #header {
    width: calc(100vw - 100px);
    padding: 0 50px;
  }
  #header > .inside {
    justify-content: flex-start;
  }
  #header .content-image.logo img {
    margin-left: 75px;
  }
  .team {
    padding: 50px;
    min-height: 500px;
    margin-bottom: 100px;
  }
  .team figure {
    width: calc(100% - 100px);
  }
  .team figure img {
    height: 300px;
  }
  .kundenmeinungen {
    margin: 0 50px;
    margin-bottom: 75px;
    
  }
  .kundenmeinungen .slick-container {
    padding-top: 15px;
    padding-bottom: 60px;
  }
  .kundenmeinungen .slick-prev,
  .kundenmeinungen .slick-next {
    top: auto;
    bottom: 0;
    height: 50px;
    width: 50px;
  }
  .drei_spalten {
    margin: 50px;
  }
  .headline_meinung {
    margin: 0 50px; 
  }
  .startseite #headerimage .content-text {
    width: calc(100% - 100px);
  }
  .startseite #headerimage .content-text figure img {
    width: 400px;
  }
  #headerimage .content-text {
    left: 50px;
  }
  .blauer_kasten_footer {
    padding: 50px;
  }
  .ce_form {
  margin: 50px;
  margin-bottom: 75px;
}
.content-accordion .handorgel__content--open {
  margin-right: 50px;
  margin-left: 50px;
}
  .content-accordion h4 button:before {
    width: 75px;
  }
  .partner_ueberschrift {
    margin: 25px 50px;
}
  .partner {
    margin: 0 50px;
    margin-bottom: 100px;
  }
  .partner ul {
    grid-template-columns: repeat(3,1fr);
  }
  .content-accordion {
    margin-bottom: 100px;
  }
  .unternehmen .slick-list {
    padding: 0 50px;
  }
  .unternehmen .slick-next {
    right: 50px;
  }
  .unternehmen .slick-prev {
    right: 125px;
  }
  .team_bilder {
    margin: 50px;
  }
  .mod_newslist, .downloads {
    margin: 75px 50px;
    margin-top: 125px;
  }
  .blauer_kasten_ansprechpartner {
    padding:75px 50px;
  }
  .zwei_spalten .kontakt_info.content-text.media {
    flex-direction: column;
  }
  .zwei_spalten .kontakt_info.content-text.media figure {
    margin-bottom: 25px;
  }
  .zwei_spalten .kontakt_info.content-text.media .rte {
    margin-left: 0;
  }
  .blauer_kasten_ansprechpartner .content-text:nth-child(4) {
    margin-top: 0;
  }
  #article-13,#article-14 {
    margin: 125px 50px;
    margin-bottom: 75px;
  }
  .mod_newsreader .layout_full {
    margin: 50px;
    margin-top: 125px;
    width: calc(100vw - 100px);
  }
  #article-18 .content-image img {
    content: url('/files/bilder/headerbilder/2024_cd-soft_images_hotelzimmer-frau-fenster-koffer_adobestock-356286682-boyloso_cmyk_verlauf_ultra_mobil.jpg');
  }
  #article-19 .content-image img {
    content: url('/files/bilder/headerbilder/2024_cd-soft_header_hotelsoftware_mobil.jpg');
  }
  #article-20 .content-image img,
  #article-39 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_digital-hand-tablet-touch_adobestock-133516165_goodluz_mobil.jpg');
  }
  #article-22 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_hände-puzzleteile-teamwork_adobestock-346805525_redpixel_mobil.jpg');
  }
  #article-23 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_schnittstellen-netzwerk-verbindungen_adobestock-263331006_1xpert_mobil.jpg');
  }
  #article-25 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_schulungen-personen-lernen_adobestock-295110466_jackf_mobil.jpg');
  }
  #article-31 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_kundendienst-support-headset_adobestock-458890530_summit-art creations_mobil.jpg');
  }
  #article-26 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_team-hände-zusammen_adobestock-437524871_realstock1_mobil.jpg');
  }
  #article-30 .content-image img {
    content: url('/files/bilder/headerbilder/cd-soft_job-verhandlung-handschlag_adobestock-460502502_kamiphotos_mobil.jpg');
  }
  .mod_login,
  .intern_uebersicht,
  .intern_formular {
    margin: 75px 50px;
    margin-top: 125px;
  }
}
@media (max-width: 600px) {
  #footer .footer_kontakt {
    flex-direction: column;
    gap: 25px;
  }
  #footer .footer_links .content-text:nth-child(3) {
    grid-column: 1 / 3;
    width: max-content;
    min-width: calc(50% - 12px);
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media {
    height: 100%;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media figure {
    height: max-content;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media .rte {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media img {
    width: 300px;
    aspect-ratio: unset;
    margin-bottom: 25px;
  }
  .team_bilder,
  .blauer_kasten_ansprechpartner {
    grid-template-columns: repeat(1,1fr);
  }
  .blauer_kasten_ansprechpartner h2 {
    grid-column: 1;
  }
  .mod_newslist, .downloads {
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 35px;
  }
}
@media (max-width: 500px) {
  #header {
    width: calc(100vw - 50px);
    padding: 0 25px;
}
.zwei_spalten {
    margin: 75px 25px;
  }
  #header {
    width: calc(100vw - 50px);
    padding: 0 25px;
  }
  #header .header_background {
    left: -25px;
  }
  .drei_spalten {
    margin: 50px 25px;
  }
  #footer .inside {
    padding: 50px 25px;
  }
  #header .mod_navigation.open {
    left: -25px;
  }
  #header .mod_navigation.open ul {
    padding: 0 25px ;
    overflow: scroll;
  }
  #header .header_demo.open {
    width: 100%;
  }
  #header .header_demo .button_verlauf a {
    width: calc(100% - 50px);
  }
  .startseite #headerimage .content-text {
    left: 25px;
  }
  .team {
    padding: 50px 25px;
    margin-bottom: 75px;
  }
  .team figure {
    width: calc(100% - 50px);
  }
  .kundenmeinungen {
    margin: 0 25px;
    margin-bottom: 75px;
  }
  .headline_meinung {
    margin: 0 25px;
  }
  .startseite #headerimage .content-text {
    width: calc(100% - 50px);
  }
  .startseite #headerimage .content-text figure img {
    width: 300px;
  }
  .blauer_kasten_footer {
    padding: 50px 25px;
  }
.ce_form {
  margin: 50px 25px;
  margin-bottom: 75px;
}
select {
  min-width: 150px;
}
.widget {
  width: calc(100vw - 50px);
}
#headerimage .content-text {
  left: 25px;
}
.drei_spalten .content-text .rte {
  padding: 25px 15px;
}
h1 {
  font-size: 30px;
}
  p, li {
    font-size: 14px;
  }
  h2,
  .headline_meinung {
    font-size: 30px;
  }
  .zwei_spalten h2 {
    margin-bottom: 25px;
  }
  .button_reihe {
    flex-direction: column;
  }
  .zwei_spalten .content-text .rte .button_verlauf {
    margin-bottom: 0;
  }
  .team h2 {
    font-size: 25px;
  }
  .zwei_spalten .content-text.media .rte {
    width: 175px;
  }
  .zwei_spalten .content-text.media .rte p {
    margin-bottom: 0;
    font-size: 20px;
  }
  .zwei_spalten img {
    width: calc(100% - 25px);
  }
  .content-accordion .handorgel__content--open {
    margin-right: 25px;
    margin-left: 25px;
  }
  .content-accordion h4 button:before {
    width: 50px;
  }
  #header .content-image img {
    width: 160px;
  }
  #header .header_background img {
    width: 100%;
  }
  .partner_ueberschrift {
    margin: 25px;
}
  .partner {
    margin: 0 25px;
    margin-bottom: 75px;
  }
  .partner ul {
    grid-template-columns: repeat(2,1fr);
  }
  .content-accordion {
    margin-bottom: 75px;
  }
  .unternehmen .slick-list {
    padding: 0 25px;
  }
  .unternehmen .slick-next {
    right: 25px;
  }
  .unternehmen .slick-prev {
    right: 100px;
  }
  .team_bilder {
    margin: 25px;
  }
  .team_bilder .content-text .rte h3,
  .blauer_kasten_ansprechpartner .content-text .rte h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .mod_newslist, .downloads {
    margin: 50px 25px;
    margin-top: 125px;
  }
  .mod_newslist .layout_latest h2 a, .downloads .content-text h2 a,
  .blauer_kasten_ansprechpartner h2 {
    font-size: 25px;
  }
  .blauer_kasten_ansprechpartner .content-text .rte,
  .team_bilder .content-text .rte {
    padding: 25px 15px;
  }
  .blauer_kasten_ansprechpartner {
    padding:50px 25px;
  }
  .blauer_kasten_ansprechpartner .content-text {
    margin-top: calc(-30vh);
  }
  .blauer_kasten_ansprechpartner .content-text:nth-child(3) {
    margin-top: 0;
  }
  #article-13,#article-14 {
    margin: 125px 25px;
    margin-bottom: 50px;
  }
  .mod_newsreader .layout_full {
    margin: 50px 25px;
    margin-top: 125px;
    width: calc(100vw - 50px);
  }
  #header .mod_navigation.open .navi1_level2 {
    width: calc(100% - 175px);
    height: 15px;
    background-position: right;
    background-size: 15px;
  }
  #header .mod_navigation.open .navi2_level2 {
    width: calc(100% - 165px);
    height: 15px;
    background-position: right;
    background-size: 15px;
  }
  .zwei_spalten .content-text .rte .button_reihe p:last-child {
    margin-top: 10px;
  }
  .zwei_spalten .content-text .rte p {
    margin-bottom: 20px;
  }
  .mod_login,
  .intern_uebersicht,
  .intern_formular {
    margin: 50px 25px;
    margin-top: 125px;
  }
}
@media (max-width: 450px) {



}
@media (max-width: 400px) {
  .zwei_spalten .schnittstellen_uebersicht.content-text.media .rte p {
    margin-left: auto;
    margin-right: auto;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media .rte {
    grid-column-gap: unset;
  }
  .zwei_spalten .schnittstellen_uebersicht.content-text.media img {
    width: 100%;
  }
  .startseite #headerimage .content-text figure img {
    width: 250px;
  }
}

/*++++++++++++
Map 
++++++++++++*/
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-layer {
  filter: grayscale(1);
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgb(87 87 86 / 50%);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-marker-pane img {
  object-fit: contain;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0px;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1 !important;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */

.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078a8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(../../files/layout/style/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../../files/layout/style/images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(../../files/layout/style/images/marker-icon.png);
}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 10px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  width: 80px !important;
}
.leaflet-popup-content img {
  width: auto;
  height: auto;
  object-fit: contain;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: rgb(255 255 255 / 80%);
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.header-main.is-visible{
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
}
.mapLeaflet .cms-block-container{
  padding: 0px !important;
}
