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%}
#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;
  display: inline-block;
  overflow: visible;
  margin: 1em;
  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: #141517;
}

.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: 32px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #141517;
}

.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: ""
}

.hamburger-inner:before {
  top: -10px
}

.hamburger-inner:after {
  bottom: -10px
}

.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: #FFF;
  width: 100%;
  pointer-events: auto;
  background-color: #141517;
  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;
 }

 @font-face {
  font-family: 'Arvo Bold'; /* Gewünschter Name */
  src: url('/files/layout/fonts/Arvo-Bold.eot');
            /* für IE9 */
  src: url('/files/layout/fonts/Arvo-Bold.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('/files/layout/fonts/Arvo-Bold.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }

 @font-face {
  font-family: 'Arvo Regular'; /* Gewünschter Name */
  src: url('/files/layout/fonts/Arvo-Regular.eot');
            /* für IE9 */
  src: url('/files/layout/fonts/Arvo-Regular.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('/files/layout/fonts/Arvo-Regular.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }

/*Allgemeines*/
html{
  overflow-x: hidden;
  padding-bottom: 0px;
  height: auto;
  min-height: auto;
}

body {
  font-family: "Arvo Regular", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #141517;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  max-width: 1920px;
  margin: auto;
}

.d-none-important{
  display: none !important;
}

button{
  font-family: "Arvo Regular", sans-serif;
}
strong {
  font-family: "Arvo Bold", sans-serif;
}
.widget.error{
  border: 1px solid #394348;
  border-radius: 5px;
  padding: 5px;
}

.widget.error p.error{
  color: #394348;
  margin-top: 0;
}

.widget label {
  font-size: 16px;
  position: relative;
  margin-bottom: -20px;
}
input:not(input[value=""]){
  margin-top: 20px;
  border-bottom: 2px solid #f9cf00;
}
input:focus,
input:valid,
textarea:focus,
textarea:valid {
  margin-top: 20px;
  border-bottom: 2px solid #f9cf00;
}
/*Inputs, Checkboxes*/
/*Checkbox etc.*/
.formbody{
  position: relative;
}
form .widget-text,
form .widget-textarea {
	display: flex;
	flex-direction: column;
}
form .widget-text label,
form .widget-textarea label {
	padding-bottom: 5px;
}
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='%23394348'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding: .75em 1em .5em 1em;
  color: #394348;
	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;
}
select::-ms-expand {
  display:none;
}

option {
    background: #fff;
    border-top: 1px solid #444;
    padding: .3em 1em .3em 1em;
}
input[type="checkbox"] {
  content: ' ';
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 22px;
  height: 22px;
  position: relative;
  top: 2px;
  border: 2px solid #000;
  background: white;
  margin-right: 5px;
  box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 10%);
  text-align: center;
  margin: 0;
  object-fit: scale-down;
}
input[type="checkbox"]:checked {
  box-shadow: inset 0 0 0 2px white;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.141' height='11.595' viewBox='0 0 15.141 11.595'%3E%3Cpath id='Pfad_99' data-name='Pfad 99' d='M25.566,13.563l-1.237-1.273a.266.266,0,0,0-.2-.084h0a.255.255,0,0,0-.2.084l-8.578,8.641L12.234,17.81a.272.272,0,0,0-.394,0l-1.252,1.252a.28.28,0,0,0,0,.4L14.527,23.4a1.245,1.245,0,0,0,.823.4,1.3,1.3,0,0,0,.816-.387h.007l9.4-9.45A.3.3,0,0,0,25.566,13.563Z' transform='translate(-10.505 -12.206)' fill='%2300a88b'/%3E%3C/svg%3E%0A");
  }

/* remove standard-styles */
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 20px;
  color: #000;
  font-family: 'Arvo Regular';
} 
input[type="tel"], input[type="email"], input[type="text"], textarea {
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 16px;
  width: 90%;
  border-bottom: 1px solid #C1C1C1;
}
fieldset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: auto;
  padding-left: 0;
  font-size: 16px;
}
fieldset input {
  border-bottom: 2px solid #000;
}
input:focus, textarea:focus {
  outline: none;
}
.widget-submit {
  flex-direction: row;
}
.widget-submit button{
  background-color: #141517;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: 20px;
  border: none;
  font-weight: bold;
  border-radius: 0;
  padding: 10px 30px;
  margin-top: 20px;
}
.widget-submit button:hover {
  background-color: #f9cf00;
}
/*Navigation*/
#header{
  width: 100%;
  position: fixed;
  z-index: 2100;
  height: 80px;
}

#header *{
  overflow: visible;
}

#header > .inside{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: calc(100% - 200px);
  padding: 0px 100px;
  background-color: rgb(255 255 255 / 90%);
}
#header .headerlogo img{
  object-fit: contain;
  height: 70px;
  width: max-content;
}


/* Footer */
#footer{
  position: relative;
  padding-bottom: 14px;
  padding-top: 20px;
  border-top: 15px solid #f9cf00;
}

#footer .inside{
  display: flex;
  justify-content: space-between;
  margin: 0 100px;
}

#footer .inside > div:last-child{
  justify-content: flex-end;
}
#footer .content-image img {
  height: 150px;
  object-fit: contain;
  width: auto;
}
#footer .footer_adresse {
  display: flex;
}
#footer .footer_adresse .content-text {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer .footer_adresse .icon_phone {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M8.65625 3C8.132813 3 7.617188 3.1875 7.1875 3.53125L7.125 3.5625L7.09375 3.59375L3.96875 6.8125L4 6.84375C3.035156 7.734375 2.738281 9.066406 3.15625 10.21875C3.160156 10.226563 3.152344 10.242188 3.15625 10.25C4.003906 12.675781 6.171875 17.359375 10.40625 21.59375C14.65625 25.84375 19.402344 27.925781 21.75 28.84375L21.78125 28.84375C22.996094 29.25 24.3125 28.960938 25.25 28.15625L28.40625 25C29.234375 24.171875 29.234375 22.734375 28.40625 21.90625L24.34375 17.84375L24.3125 17.78125C23.484375 16.953125 22.015625 16.953125 21.1875 17.78125L19.1875 19.78125C18.464844 19.433594 16.742188 18.542969 15.09375 16.96875C13.457031 15.40625 12.621094 13.609375 12.3125 12.90625L14.3125 10.90625C15.152344 10.066406 15.167969 8.667969 14.28125 7.84375L14.3125 7.8125L14.21875 7.71875L10.21875 3.59375L10.1875 3.5625L10.125 3.53125C9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5C8.730469 5 8.804688 5.035156 8.875 5.09375L12.875 9.1875L12.96875 9.28125C12.960938 9.273438 13.027344 9.378906 12.90625 9.5L10.40625 12L9.9375 12.4375L10.15625 13.0625C10.15625 13.0625 11.304688 16.136719 13.71875 18.4375L13.9375 18.625C16.261719 20.746094 19 21.90625 19 21.90625L19.625 22.1875L22.59375 19.21875C22.765625 19.046875 22.734375 19.046875 22.90625 19.21875L27 23.3125C27.171875 23.484375 27.171875 23.421875 27 23.59375L23.9375 26.65625C23.476563 27.050781 22.988281 27.132813 22.40625 26.9375C20.140625 26.046875 15.738281 24.113281 11.8125 20.1875C7.855469 16.230469 5.789063 11.742188 5.03125 9.5625C4.878906 9.15625 4.988281 8.554688 5.34375 8.25L5.40625 8.1875L8.4375 5.09375C8.507813 5.035156 8.582031 5 8.65625 5Z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#footer .footer_adresse .icon_mobil {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M10 4C8.898 4 8 4.898 8 6L8 26C8 27.102 8.898 28 10 28L22 28C23.102 28 24 27.102 24 26L24 22L22 22L22 26L10 26L10 6L22 6L22 9L24 9L24 6C24 4.898 23.102 4 22 4L10 4 z M 26.359375 9.640625L24.949219 11.050781C26.219219 12.320781 27 14.07 27 16C27 17.93 26.219219 19.679219 24.949219 20.949219L26.359375 22.359375C27.989375 20.729375 29 18.48 29 16C29 13.52 27.989375 11.270625 26.359375 9.640625 z M 23.539062 12.460938L22.119141 13.880859C22.659141 14.420859 23 15.18 23 16C23 16.82 22.659141 17.579141 22.119141 18.119141L23.539062 19.539062C24.439063 18.629062 25 17.38 25 16C25 14.62 24.439062 13.370937 23.539062 12.460938 z M 14 23L14 25L18 25L18 23L14 23 z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#footer .footer_adresse .icon_mail {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='96' height='96'%3E%3Cpath d='M4 4C2.895 4 2 4.895 2 6L2 18C2 19.105 2.895 20 4 20L20 20C21.105 20 22 19.105 22 18L22 6C22 4.895 21.105 4 20 4L4 4 z M 4 6L20 6L20 7.0019531L12 12L4 7.0019531L4 6 z M 4 9.0019531L12 14L20 9.0019531L20 18L4 18L4 9.0019531 z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#footer .links .rte{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 25px;
  height: 90px;
  align-self: center;
}
#footer .links p {
  height: 20px;
}

/*Hauptteil*/
#main>.inside{
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

p {
  font-size: 16px;
  margin: 0;
}
img {
  display: block;
}
.headerimage {
  height: 90vh;
}
.headerimage figure {
  height: 100%;
}
.headerimage img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.pfeil {
	position: absolute;
	height: 70px;
    margin-top: -100px;
    width: 100vw;
    display: flex;
    justify-content: center;
}
.pfeil img {
	object-fit: contain; 
	height: 50px !important;
	border-radius: 15px;
	width: 50px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.pfeil img:hover {
	 animation: pfeilanim 2s ease 0s 1 normal forwards;
    -moz-animation: pfeilanim 2s ease 0s 1 normal forwards;
    -webkit-animation: pfeilanim 2s ease 0s 1 normal forwards;
}
@keyframes pfeilanim {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(20px);
	}
}
@-moz-keyframes pfeilanim {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(20px);
	}
}
@-webkit-keyframes pfeilanim {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(20px);
	}
}
/*.startseite .headerimage img {
	  object-position: bottom center;
}*/
.image_container img{
  object-fit: cover;
  height: 100%;
  display: block;
}

.mod_navigation{
  width: 100%;
}
.mod_navigation ul{
  display:flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 0;
}
.mod_navigation li{
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 50px;
}
.mod_navigation ul li.active strong,
.mod_navigation ul li.forward strong {
  color: #f9cf00;
}
a {
  text-decoration: none;
  color:#141517;
}
h1 {
  font-size: 50px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: "Arvo Bold", sans-serif;
  word-wrap: break-word;
}
h2 {
  font-size: 35px;
  text-transform: uppercase;
  color: #f9cf00;
  margin-top: 0;
  font-family: "Arvo Bold", sans-serif;
   word-wrap: break-word;
}
.mapLeaflet {
  display: none;
}

.adresse_formular {
  padding: 100px 200px;
  width: calc(100% - 400px);
  display: flex;
}
.adresse_formular .ce_form,
.adresse_formular .kontakt_adresse {
  width: 50%;
}
.ce_form h3 {
	margin-top: 0;
}
.kontakt_adresse p {
  padding-bottom: 10px;
}
.kontakt_adresse .icon_phone {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M8.65625 3C8.132813 3 7.617188 3.1875 7.1875 3.53125L7.125 3.5625L7.09375 3.59375L3.96875 6.8125L4 6.84375C3.035156 7.734375 2.738281 9.066406 3.15625 10.21875C3.160156 10.226563 3.152344 10.242188 3.15625 10.25C4.003906 12.675781 6.171875 17.359375 10.40625 21.59375C14.65625 25.84375 19.402344 27.925781 21.75 28.84375L21.78125 28.84375C22.996094 29.25 24.3125 28.960938 25.25 28.15625L28.40625 25C29.234375 24.171875 29.234375 22.734375 28.40625 21.90625L24.34375 17.84375L24.3125 17.78125C23.484375 16.953125 22.015625 16.953125 21.1875 17.78125L19.1875 19.78125C18.464844 19.433594 16.742188 18.542969 15.09375 16.96875C13.457031 15.40625 12.621094 13.609375 12.3125 12.90625L14.3125 10.90625C15.152344 10.066406 15.167969 8.667969 14.28125 7.84375L14.3125 7.8125L14.21875 7.71875L10.21875 3.59375L10.1875 3.5625L10.125 3.53125C9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5C8.730469 5 8.804688 5.035156 8.875 5.09375L12.875 9.1875L12.96875 9.28125C12.960938 9.273438 13.027344 9.378906 12.90625 9.5L10.40625 12L9.9375 12.4375L10.15625 13.0625C10.15625 13.0625 11.304688 16.136719 13.71875 18.4375L13.9375 18.625C16.261719 20.746094 19 21.90625 19 21.90625L19.625 22.1875L22.59375 19.21875C22.765625 19.046875 22.734375 19.046875 22.90625 19.21875L27 23.3125C27.171875 23.484375 27.171875 23.421875 27 23.59375L23.9375 26.65625C23.476563 27.050781 22.988281 27.132813 22.40625 26.9375C20.140625 26.046875 15.738281 24.113281 11.8125 20.1875C7.855469 16.230469 5.789063 11.742188 5.03125 9.5625C4.878906 9.15625 4.988281 8.554688 5.34375 8.25L5.40625 8.1875L8.4375 5.09375C8.507813 5.035156 8.582031 5 8.65625 5Z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.kontakt_adresse .icon_mobil {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M10 4C8.898 4 8 4.898 8 6L8 26C8 27.102 8.898 28 10 28L22 28C23.102 28 24 27.102 24 26L24 22L22 22L22 26L10 26L10 6L22 6L22 9L24 9L24 6C24 4.898 23.102 4 22 4L10 4 z M 26.359375 9.640625L24.949219 11.050781C26.219219 12.320781 27 14.07 27 16C27 17.93 26.219219 19.679219 24.949219 20.949219L26.359375 22.359375C27.989375 20.729375 29 18.48 29 16C29 13.52 27.989375 11.270625 26.359375 9.640625 z M 23.539062 12.460938L22.119141 13.880859C22.659141 14.420859 23 15.18 23 16C23 16.82 22.659141 17.579141 22.119141 18.119141L23.539062 19.539062C24.439063 18.629062 25 17.38 25 16C25 14.62 24.439062 13.370937 23.539062 12.460938 z M 14 23L14 25L18 25L18 23L14 23 z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.kontakt_adresse .icon_mail {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='96' height='96'%3E%3Cpath d='M4 4C2.895 4 2 4.895 2 6L2 18C2 19.105 2.895 20 4 20L20 20C21.105 20 22 19.105 22 18L22 6C22 4.895 21.105 4 20 4L4 4 z M 4 6L20 6L20 7.0019531L12 12L4 7.0019531L4 6 z M 4 9.0019531L12 14L20 9.0019531L20 18L4 18L4 9.0019531 z' fill='%23F9CF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#map-cookie {
  cursor: pointer;
  right: 0;
  height: 100%;
  z-index: 1500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.willkommen, .stellenangebote {
  padding: 100px;
  background-color: #141517;
}
.willkommen h1,
.willkommen p,
.stellenangebote h1,
.stellenangebote p{
  color: #fff;
}

.aktuelles {
  background-image: url('/files/bilder/home/baggerbetrieb_haneberg_home_aktuelles.jpg');
  background-repeat: no-repeat;
  display: flex;
  padding: 150px 100px;
  background-size: cover;
  background-position: center;
}
.aktuelles .content-text {
  padding: 50px;
  background-color: rgb(255 255 255 / 95%);
}
.aktuelles img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.kacheln {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  padding: 150px 100px;
  gap: 25px;
  background-color: #fff;
}
.kacheln .content-text img {
  filter: grayscale(1);
  aspect-ratio: 1 / 1;
}
.kacheln .content-text p {
  padding: 20px 30px;
  background-color: #f9cf00;
  text-align: center;
}
.kacheln .content-text a {
  color: #fff;
  font-family: "Arvo Bold", sans-serif;
}
.kacheln .content-text:hover img {
  filter:grayscale(0);
  -webkit-filter: grayscale(0);
}
.kacheln .content-text:hover  p {
  background-color: #141517;
}

.gelberbutton {
  width: 100%;
}
.gelberbutton a {
  padding: 20px 30px;
  background-color: #f9cf00;
  text-align: center;
}
.buttonreihe {
  display: grid;
  width: calc(100% - 200px);
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 25px;
  position: absolute;
  margin-top: 50px;
  z-index: 1;
}
.buttonreihe .gelberbutton.active a{
	color: #fff;
}
.buttonreihe h3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mod_rocksolid_slider {
  padding-bottom: 50px;
}
.mod_rocksolid_slider .rsts-crop {
  margin-left: 25px;
  margin-right: 25px;
  width: calc(100% - 50px) !important;
  aspect-ratio: 3 / 2;
}

.mod_rocksolid_slider .rsts-slide,
.mod_rocksolid_slider .rsts-slide div,
.mod_rocksolid_slider .rsts-slide img,
.mod_rocksolid_slider .rsts-thumbs-slide {
  aspect-ratio: 3 / 2;
}
.mod_rocksolid_slider .rsts-slide img,
.mod_rocksolid_slider .rsts-thumbs-slide img {
	object-fit: cover;
	height: 100% !important;
	margin: 0 !important;
	width: 100% !important;
	aspect-ratio: 3 / 2;
}

.mod_rocksolid_slider .rsts-next {
  right: 0;
  bottom: calc(50% - 25px);
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.549' height='39.44' viewBox='0 0 22.549 39.44'%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M-677.333,522.667l18.306,18.306-18.306,18.306' transform='translate(678.748 -521.253)' fill='none' stroke='%23f9cf00' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: rgb(20 21 23 / 50%);
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 0;
}

.mod_rocksolid_slider .rsts-prev {
  right: auto;
    left: 0;
    bottom: calc(50% - 25px);
    border-radius: 0;
    height: 50px;
    width: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.549' height='39.44' viewBox='0 0 22.549 39.44'%3E%3Cpath id='Pfad_18' data-name='Pfad 18' d='M-659.027,522.667l-18.306,18.306,18.306,18.306' transform='translate(680.162 -521.253)' fill='none' stroke='%23f9cf00' stroke-width='4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: rgb(20 21 23 / 50%);
    border: 1px solid transparent;
    box-shadow: none;
}
.mod_rocksolid_slider .rsts-nav {
  left: 0;
  right: 0;
  bottom: 0;
}
.mod_rocksolid_slider .rsts-nav ul {
  display: flex;
  justify-content: center;
}
.mod_rocksolid_slider .rsts-nav-bullets a {
  box-shadow: unset;
  border: 1px solid #f9cf00;
  width: 12px;
  height: 12px;
}
.mod_rocksolid_slider .rsts-nav-bullets a.active,
.mod_rocksolid_slider .rsts-nav-bullets a:hover{
  background-color: #f9cf00;
  box-shadow: unset;
}

.linktiefbau,
.linkabbruch,
.linkpflaster,
.linktransport {
  cursor: pointer;
}
.karte_adresse {
  display: flex;
  flex-direction: row;
  margin: 100px;
}
.cookie_settings {
  height: 90vh;
  display: flex;
  flex-direction: column;
}

/* Leistung */
#leistung {
  margin: 100px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}


#article-3 .willkommen figure{
  width: 25vw;
  padding-left: 25px;
}

.teambild img {
  object-fit: cover;
  width: 100vw;
  height: 75vh;
}
.hamburger {
	display: none;
}
#article-8, 
#article-9 {
	margin: 150px 100px;
}
#article-8 h2, 
#article-9 h2 {
	margin-top: 25px;
}
#article-6 {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#article-6 h2 {
  font-size: 10rem;
  margin-bottom: 10px;
}
#article-6 .gelberbutton a {
  color: #fff
}
#article-6 .gelberbutton:hover {
  background-color: #141517;
}


@media (max-width: 1200px){
	#footer .footer_adresse {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);	
	}
	#footer .footer_adresse .content-image {
		grid-row: 1 / 3;
		width: max-content;
	}
	#footer .footer_adresse .content-text:nth-child(2) {
		grid-row: 1;
		grid-column: 2 / 4;
	}
	#footer .footer_adresse .content-text:nth-child(3) {
		grid-row: 2;
		grid-column: 2 / 4;
	}
	#footer .footer_adresse .content-text p {
		padding-bottom: 5px;
	}
	#footer .links .rte {
	 display: flex;
	 flex-direction: column;
	 height: 160px;
	 justify-content: space-between !important;
	 align-self: flex-start;
	}
	.adresse_formular {
		padding: 100px;
		width: calc(100% - 200px);
	}
}
@media (max-width: 1025px){
  .kacheln {
  	display: flex;
  	flex-direction: column;
  	gap: 50px;
  	padding: 100px;
  }
  .kacheln .content-text img {
  	aspect-ratio: 2 / 1;
  }
  .buttonreihe {
	position: relative;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
  }

  .adresse_formular {
  	  flex-direction: column;
		gap: 25px;
	}
	.adresse_formular .ce_form, .adresse_formular .kontakt_adresse {
		width: 100%;
	}
	#leistung {
	  grid-template-columns: repeat(1,1fr);
	  margin: 50px 100px;
	}
	.willkommen, .stellenangebote {
	  padding: 50px 100px;
	}
	#header > .inside {
	  padding: 0px 50px;
	  width: calc(100vw - 100px);
	}
}

@media (max-width: 800px){
  #header > .inside {
    justify-content: space-between;
  }
  #header .mod_navigation{
    position: absolute;
    top: -999px;
    color:#141517;
    z-index: 999;
    left: 0;
    right: 0;
    height: auto;
  }
  #header .mod_navigation.open {
    top: 80px;
    height: calc(100vh - 100px);
  }
  #header .mod_navigation ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center;
    background-color: rgb(255 255 255 / 90%);
    height: 100%;
  }
  #header .mod_navigation ul li {
    justify-content: flex-start;
    padding: 10px 0;
    font-size: 25px;
  }
  .hamburger {
  	display: block;
  	margin-right: 0px;
  }
  #header .headerlogo img {
  	width: max-content;
  }
  .aktuelles {
  	padding: 100px 50px;
  }
  #header .headerlogo img {
    max-width: 220px;
  }
  .kacheln {
  	padding: 50px;
  }
  #footer .inside {
  	flex-direction: column;
  	margin: 0 50px;
  }
  #footer .links .rte{
  	display: grid;
  	height: auto;
  	grid-template-columns: repeat(3,1fr);
  	width: 100%;
  	grid-gap: 20px;
  	padding-top: 15px;
  }
  #tiefbau ul, #landwirtschaft ul, #pflaster ul, #transport ul {
  	padding-inline-start: 20px;
  }

  #article-3 .willkommen {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  #article-3 .willkommen figure {
  	padding-left: 0;
    width: 100%;
    grid-row: 4;
    padding-top: 20px;
  }
  .adresse_formular {
  	padding: 50px;
  	width: calc(100% - 100px);
  }
  #article-8, 
  #article-9 {
  	margin: 150px 50px;
  	margin-bottom: 100px;
  }
  .willkommen, .stellenangebote {
        padding: 75px 50px;
    }
    .buttonreihe {
      margin-top: 0;
    }
    #leistung {
      margin: 50px;
    }
}


@media (max-width: 615px) {
	#footer .footer_adresse {
	  display: flex;
	  flex-direction: column;
	}
	#footer .footer_adresse .block {
		margin-left: auto;
		margin-right: auto;
	}
	#footer .footer_adresse .content-text {
		padding-left: 0;
		width: 310px;
	}
	#footer .footer_adresse .content-text:nth-child(2) {
		padding-top: 10px;
	}
	#footer .links .rte{
		grid-template-columns: repeat(2, 1fr);
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 500px) {
	.buttonreihe {
		display: flex;
		flex-direction: column;
	}
	.buttonreihe .gelberbutton {
		margin-bottom: 0;
	}
	.buttonreihe .gelberbutton.active a {
		background-color: white;
		color: #f9cf00;
	}
	h1 {
		font-size: 33px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
	  font-size: 16px;
	}
	.willkommen, .stellenangebote {
        padding: 50px 25px;
    }
    #header > .inside {
	  padding: 0px 25px;
	  width: calc(100vw - 50px);
	}
  #leistung {
    margin: 50px 25px;
  }
  li, a, p, strong {
    font-size: 14px;
  }
  #footer .inside {
    margin: 0 25px;
  }
  #header .headerlogo img {
    max-width: 180px;
  }
}

@media (max-width: 400px) {
	#footer .links .rte,
	#footer .footer_adresse .content-text{
		width: 100%;
	}
	.mod_rocksolid_slider .rsts-crop {
	  margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px) !important;
	}
	.mod_rocksolid_slider .rsts-next {
    	bottom: calc(50% - 20px);
    	height: 40px;
    	width: 40px;
	}
	.mod_rocksolid_slider .rsts-prev {
    	bottom: calc(50% - 20px);
    	height: 40px;
    	width: 40px;
	}
}



/*++++++++++++
Map 
++++++++++++*/
#map{
  height: 90vh;
}

.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-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: rgba(51, 181, 229, 0.4);
}
.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-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: 0;
}
.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: 0;
  -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;
}
.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 "Arial Black", "Arial Bold", Gadget, 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/css/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../../files/layout/style/css/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/css/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;
}
.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: #fff;
}

.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;
}	
.klaro .cookie-modal,
.klaro .cookie-notice 
{font-size:14px}

.klaro .cookie-modal .switch,
.klaro .cookie-notice .switch
{position:relative;display:inline-block;width:50px;height:30px}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider
{background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider
{opacity:0.6;background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e;cursor:not-allowed}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input,
.klaro .cookie-notice .cm-list-input
{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider
{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;width:50px;display:inline-block}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before
{position:absolute;content:'';height:20px;width:20px;left:5px;bottom:2px;background-color:#fff;transition:0.4s}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round
{border-radius:30px}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before
{border-radius:50%}

.klaro .cookie-modal .cm-list-label input:focus+.slider,
.klaro .cookie-notice .cm-list-label input:focus+.slider
{box-shadow:0 0 1px #01440c}

.klaro .cookie-modal .cm-list-label input:checked+.slider::before,
.klaro .cookie-notice .cm-list-label input:checked+.slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider
{box-shadow:Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal a,
.klaro .cookie-notice a
{color:#00aa3e;text-decoration:none}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{color:#eee}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{display:block;text-align:left;margin:0;padding:0;margin-top:0.7em}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link
{margin-right:0.5em;vertical-align:middle}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn
{background:#555;color:#eee;border-radius:6px;padding:6px 10px;margin-right:.5em;border:0;padding:0.4em;font-size:1em}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled
{opacity:0.5}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close
{background:#eee;color:#000}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success
{background:#00aa3e}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info
{background:#0885ba}

.klaro .cookie-modal
{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:9999999}

.klaro .cookie-modal.cm-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro
{position:relative;-ms-transform:none;transform:none}

.klaro .cookie-modal .cm-bg
{background:rgba(0,0,0,0.5);height:100%;width:100%;position:fixed;top:0;left:0}

.klaro .cookie-modal .cm-modal.cm-klaro
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
    width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
    position:fixed;overflow:auto;background:#333;color:#eee}
    
@media (min-width: 660px){
    .klaro .cookie-modal .cm-modal.cm-klaro
    {border-radius:4px;position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}
}
    
.klaro .cookie-modal .cm-modal .hide
{border-style:none;background:none;position:absolute;top:20px;right:20px;z-index:1}

.klaro .cookie-modal .cm-modal .hide svg
{stroke:#eee}

.klaro .cookie-modal .cm-modal .cm-footer
{padding:1em;border-top:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-footer-buttons
{display:flex;flex-flow:row;justify-content:space-between}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by
{font-size:0.8em;padding-top:4px;text-align:center}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color:#999}

.klaro .cookie-modal .cm-modal .cm-header
{padding:1em;padding-right:24px;border-bottom:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-header h1
{margin:0;font-size:2em;display:block}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{padding-right:20px}

.klaro .cookie-modal .cm-modal .cm-body
{padding:1em}

.klaro .cookie-modal .cm-modal .cm-body span
{display:inline-block;width:auto}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes
{padding:0;margin:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret
{color:#888}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content
{margin-left:-40px;display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded
{margin-top:10px;display:block}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch
{position:absolute;left:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes
{font-size:0.8em;color:#999}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border-top:1px solid #555;padding-top:1em}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{font-weight:600}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{padding-left:0.2em;font-size:0.8em;color:#999}

.klaro .cookie-notice:not(.cookie-modal-notice)
{background:#333;z-index:999;position:fixed;width:100%;bottom:0;right:0}
  
@media (min-width: 1024px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);border-radius:4px;position:fixed;bottom:20px;right:20px;max-width:360px}
}

@media (max-width: 1023px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {border-style:none;border-radius:0}
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body
{padding-top:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body
{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p
{margin-bottom:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes
{text-decoration:underline}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more
{display:inline-block;flex-grow:1}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
{display:inline-block;margin-top:-0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
    {width:100%}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
{margin-top:0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
    {width:calc(50% - .5em)}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok
{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:center}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div
{margin-top:0.5em}

.klaro .cookie-modal-notice
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
position:fixed;overflow:auto;background:#333;color:#eee;padding:1em;padding-top:0.2em}

@media (min-width: 400px){
    .klaro .cookie-modal-notice
    {border-radius:4px;position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}
}

.klaro .cookie-modal-notice .cn-ok
{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}

.klaro .cookie-notice-hidden
{display:none !important}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content
{display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content.expanded
{display:block}

.cm-toggle-all
{display:none !important;}

.switch, .switch *
{    line-height: 0 !important;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{color: #666666;}

#klaro input[type="checkbox"]:not(:checked) + label,
#klaro input[type="checkbox"]:checked + label
{position: relative;padding-left: 0;cursor: pointer;top: auto;left: auto;}

#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:not(:checked) + label::before,
#klaro input[type="checkbox"]:checked + label::before,
#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:checked + label::after,
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by>a[rel="noopener"]
{display: none;}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{display: inline-block;margin:0 5px;}

#klaro{display:block;}

.klaro-hr,.klaro-hr *
{height: 2px !important;max-height: 1px !important;background: rgba(0,0,0,0.35);margin: 0 !important;padding: 0 !important;line-height: 0 !important;overflow: hidden;}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border: 0px;}

.klaro .cookie-modal .cm-modal .cm-header a
{display:inline-block;}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{color: #666666;background: transparent;background-clip: unset;filter: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;}

.klaro-inner{position: relative;}

iframe[src=""],iframe:not([src])
{display:none;}

.klaro-moreinfo
{cursor:pointer;}

.klaro-moreinfo,
.klaro .cookie-modal p,
.klaro-thead td
{font-size: 14px;}

#klaro table {width: 100%;border-collapse: collapse;margin: 0em 0 0;border-spacing: 0;}

#klaro tbody{width: 100%;display: table;}

.klaro-thead td{font-weight: bold;}

#klaro tbody tr.klaro-thead td {border-top: 0px solid #ccc;border-bottom: 2px solid #ccc;}

#klaro tbody tr td {    text-align: left;	padding: 5px 10px 5px 0;}

.klaro .cookie-modal .slider, 
.klaro .cookie-notice .slider 
{box-shadow: Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19);}

.klaro .cookie-modal .switch, 
.klaro .cookie-notice .switch 
{height: 16px;}

.klaro .cookie-modal .cm-list-label .slider.round::before, 
.klaro .cookie-notice .cm-list-label .slider.round::before 
{border-radius: 25%;}

.klaro .cookie-modal .cm-list-label .slider.round, 
.klaro .cookie-notice .cm-list-label .slider.round 
{border-radius: 4px;}

.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before
{position: absolute;content: "";height: 12px;width: 7px;left: 2px;bottom: 2px;background-color: #fff;transform: translateX(0px) translateY(0px);transition: 0.4s;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{position: absolute;cursor: pointer;top: 0;left: 0px;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;width: 31px;display: inline-block;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose 
{position: relative;line-height: inherit;vertical-align: middle;padding-left: 50px;min-height: 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch 
{position: absolute;left: 8px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content 
{margin-left: -50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app
{padding: 0px 0 0px 50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded 
{margin-top: 10px;display: block;background: rgba(0,0,0,0.05);	padding: 15px 0 15px 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:after
{content:"";background: rgba(0,0,0,0.05);	height:1px;	width:100%;	display:table;}

.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-info, 
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn-config,
.klaro .cookie-modal .cm-btn.cm-btn-decline
{background: #555555;color: #ffffff;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{background-color: #cccccc;}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider 
{background-color: #7a5558;}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider 
{opacity: 0.6;background-color: #f9cf00;}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider 
{background-color: #f9cf00;}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider 
{opacity: 0.8; background-color: #f9cf00;}

.klaro .cookie-modal a, .klaro .cookie-notice a, 
.klaro-moreinfo,.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color: #f9cf00;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{color: #f9cf00;opacity:0.8;}

.klaro .cookie-modal a:hover,
.klaro .cookie-notice a:hover, 
.klaro-moreinfo:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-btn.cm-btn-success:hover, 
.klaro .cookie-notice .cm-btn.cm-btn-success:hover, 
.klaro .cm-btn.cm-btn-decline:hover, 
.klaro .cm-btn-config:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{background: rgba(0,0,0,0.05);margin: 5px 0;padding: 10px 0 10px 50px;}

.vd 
{cursor: pointer;position: absolute;bottom: 0%;left: 0%;width: 100%;display: table;background: rgba(255,255,255,0.85);
padding: 5px 10px;color: #585858;clear: both;display: table;z-index: 2;color: #585858;}

.vd p 
{line-height: 14px;font-size: 12px;margin: 0;color: #585858;}

.vd p a:hover
{color: #0365b3;}

.klarogooglemaps img.gmimg
{height: 100%;width: auto;position: absolute;top: 0;left: 0;}

.klaro-play 
{cursor: pointer;position: absolute;top: 50%;left: 50%;	-moz-transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);	
-ms-transform:translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);z-index: 99;}

.klaro-play .stroke-solid 
{stroke-dashoffset: 0;stroke-dashArray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
-moz-transition: stroke-dashoffset 1s ease, opacity 1s ease;-o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
transition: stroke-dashoffset 1s ease, opacity 1s ease;}

#map .klaro-play .stroke-solid 
{transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s;-moz-transition: all 0.6s ease-in-out 0s;-o-transition: all 0.6s ease-in-out 0s;}

.klaro-play .icon 
{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform: scale(.8);transform-origin: 50% 50%;
-webkit-transition: transform 200ms ease-out;-moz-transition: transform 200ms ease-out;-o-transition: transform 200ms ease-out;  transition: transform 200ms ease-out;}

.klaro-play:hover .stroke-solid 
{opacity: 1;stroke-dashoffset: 300;}

.klaro-play:hover .stroke-solid .icon 
{-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform: scale(.9);}

.btn-cookie
{display: block;	position: fixed;bottom: 0px;right: 20px;background: #ffffff;color: #f9cf00;padding: 5px 10px;	border-radius:5px 5px 0 0 ;
z-index: 9999;cursor: pointer;}

.btn-cookie a
{color: #f9cf00;}

.klarodesc{	display: block;	overflow: hidden;}

.klarodesc table{overflow-x: auto;display: block;}

.klaro .cookie-modal .cm-modal{background: #ffffff !important;}

.klaro .cookie-modal p, .klaro .cookie-modal strong, 
.klaro .cookie-modal h1, .klaro .cookie-modal h2, 
.klaro .cookie-modal ul, .klaro .cookie-modal li, 
.klaro .cookie-notice p, .klaro .cookie-notice strong, 
.klaro .cookie-notice h1, .klaro .cookie-notice h2, 
.klaro .cookie-notice ul, .klaro .cookie-notice li 
{color: #666666 !important;}

.klaro .cookie-modal .cm-bg 
{background: rgba(255,255,255,0.9) !important;}

#klaro.activeklaro .cm-body {display: block;}

#klaro .cm-btn-info.cm-btn-accept,
#klaro.activeklaro .cm-btn-config
{display: none;}

#klaro.activeklaro .cm-btn-info.cm-btn-accept 
{display: inline-block;}

.klaro .cookie-modal .cm-btn.cm-btn-accept-all,
.klaro .cookie-modal .cm-btn-info.cm-btn-accept,
.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn-config
{width: calc(33.333% - 20px);display: inline-block;padding: 15px 10px;margin: 10px;}

#klaro button.cm-btn-config, 
#klaro button.cm-btn-config:focus, 
#klaro button.cm-btn-config:active 
{border-radius: 6px;border: 0;}

.klaro .cookie-modal .cm-modal .cm-footer-buttons 
{display: table;width: 100%;}

.klaro .cookie-modal .cm-switch, 
.klaro .context-notice .cm-switch, 
.klaro .cookie-notice .cm-switch 
{position: absolute;display: inline-block;width: 50px;height: 16px;left: -40px;top: 2px;}

@media only screen and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .klaro .cookie-modal .cm-btn.cm-btn-accept-all, 
    .klaro .cookie-modal .cm-btn-info.cm-btn-accept, 
    .klaro .cookie-modal .cm-btn, 
    .klaro .cookie-notice .cm-btn, 
    .klaro .cookie-modal .cm-btn-config 
    {width: calc(33.333% - 20px);display: inline-block;padding: 10px 5px;margin: 0 10px;font-size: 12px;height: 47px;vertical-align: top;}
}