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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.hamburger {
  /* position: absolute; */
  right: 15px;
  font: inherit;
  position: sticky;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  margin: 2em;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger *{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #273018;
}

.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: 37px;
  height: 5px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #273018;
  border-radius: 5px;
}

.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: #575756;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
  max-width: 500px;
  text-align: center;
  padding: 25px;
  font-size: 24px;
 }

 .ie-error > div a{
  display: block;
  text-align: center;
  margin: 25px;
 }

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

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

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

body {
  font-family: 'Petita Light';
  font-weight: 400;
  font-style: normal;
  color: #273018;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 18px;
  max-width: 1920px;
  margin: auto;
}

h1, h2, h3 {
  font-weight: normal;
  font-family: 'Euphorigenic', sans-serif;
  text-transform: uppercase;
}

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

.widget.error{
  border: 1px solid #394348;
  border-radius: 5px;
  padding: 5px;
}

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

/*Inputs, Checkboxes*/
/*Checkbox etc.*/
.formbody{
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  min-width: 175px;
  background-color:white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.235' height='6.996' viewBox='0 0 12.235 6.996'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M12.307,16.133l4.626-4.63a.871.871,0,0,1,1.235,0,.882.882,0,0,1,0,1.239l-5.242,5.246a.873.873,0,0,1-1.206.025L6.442,12.746a.875.875,0,0,1,1.235-1.239Z' transform='translate(-6.188 -11.246)' fill='%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;
}
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 16px;
  width: 100%
} 

button[type="submit"] {
  margin-top: 35px;
  background-color: #BA0819;
  border: 2px solid #BA0819;
  color: #fff;
  line-height: 0;
  font-size: 17px;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 15px;
  border-radius: 5px;
  font-family: 'Petita Light';
  font-weight: 100;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 1;
}   
button[type="submit"]:hover ,
button[type="submit"]:focus {
  background-color: #575756;
  border-color: #575756;
} 
.widget {
  position: relative;
  padding: 10px 0;
}
    
.widget:first-of-type {
  padding-top: 0
}
      
.widget:last-of-type {
  padding-bottom: 0;
}

label {
  transform-origin: left center;
  color: #575756;
  font-weight: 100;
  letter-spacing: 0.01em;
  font-size: 17px;
  box-sizing: border-box;
  padding: 10px 15px;
  display: block;
  z-index: 2;
  pointer-events: none;
  font-family: 'Petita Light';
} 
input[type="text"],
input[type="email"] {
  appearance: none;
  background-color: none;
  border: 2px solid #BA0819;
  line-height: 0;
  font-size: 17px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  color: #BA0819;
  font-weight: 100;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 1;
} 
input[type="text"]:focus,
input[type="email"]:focus  {
  outline: none;
  background: #BA0819 ;
  color: #fff;
}
        
input[type="text"]:valid,
input[type="email"]:valid {
  background-color: #BA0819;
  color: #fff;
}
textarea {
  padding: 10px 15px;
  border-radius: 5px;
  width: calc(100% - 32px);
  border: 2px solid #BA0819;
  font-family: 'Petita Light'
}
textarea:focus {
  outline: none !important;
}
input[type="checkbox"] {
  content: ' ';
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 22px;
  height: 22px;
  position: relative;
  top: 2px;
  border: 2px solid #575756;
  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;
  border-radius: 5px;
}
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='%23BA0819'/%3E%3C/svg%3E%0A");
  }
.widget-checkbox fieldset {
  border: 1px solid transparent;
  padding: 0;
  margin: 0;
}
.widget-checkbox fieldset span {
  display: flex;
}
.widget-checkbox label {
  padding: 5px;
  font-family: 'Petita Light';
}
.widget-checkbox label a {
  color: #BA0819;
  text-decoration: underline;
}
.ce_form {
  width: 500px;
  box-shadow: 3px 3px 6px 6px rgb(0 0 0 / 16%);
  padding: 50px;
  border-radius: 30px;
  margin: 100px auto;
}
.widget-submit {
  display: flex;
  flex-direction: column;
}
.ce_form h2 {
  text-align: center;
}
.widget.error {
  border: 1px solid transparent;
}
img {
  display: block;
}
a {
  text-decoration: none;
}

/*Navigation*/
#header{
  position: absolute;
  z-index: 1100;
  right: 40px;
  top: 50px;
}
#header .header_menu {
  display: none;
}
#header .header_menu.open {
  display: block;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  background-color: rgb(222 218 95 / 95%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='252.533' height='420' viewBox='0 0 252.533 420'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_36' data-name='Rechteck 36' width='252.533' height='420' fill='%23273018'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_52' data-name='Gruppe 52' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_157' data-name='Pfad 157' d='M62.9,62.9C34.447,70.31,8.825,61.748,1.444,33.917-.363,25.677-.974,16.239,2.609,2.609,16.239-.974,25.677-.363,33.917,1.444,61.756,8.842,70.3,34.431,62.9,62.9' transform='translate(53.037 26.218)' fill='%23273018'/%3E%3Cpath id='Pfad_158' data-name='Pfad 158' d='M3.5,86.628C-6.71,47.44,5.08,12.156,43.409,1.987,54.766-.5,67.762-1.338,86.533,3.594c4.932,18.771,4.1,31.766,1.606,43.124C77.955,85.062,42.71,96.821,3.5,86.628' transform='translate(127.704 0.004)' fill='%23273018'/%3E%3Cpath id='Pfad_159' data-name='Pfad 159' d='M212.413,76.553h.1a299.192,299.192,0,0,0-51.766-56.007c-1.157-.932-2.313-1.912-3.47-2.835-2.779-2.257-5.5-4.4-8.048-6.313-1.847-1.446-3.7-2.715-5.381-3.992s-3.237-2.369-4.683-3.414a26.261,26.261,0,0,0-3.012-1.735c-1.044-.466-2.08-.924-3.124-1.277A23.46,23.46,0,0,0,126.431,0l-.08.008L126.271,0a23.374,23.374,0,0,0-6.594.98c-1.044.353-2.088.811-3.124,1.277a25.584,25.584,0,0,0-3.012,1.735c-1.446,1.044-3,2.145-4.683,3.414s-3.534,2.546-5.381,3.992c-2.546,1.912-5.269,4.056-8.048,6.313-1.157.924-2.313,1.9-3.47,2.835C56.77,50.168,6.426,105.38.586,182.631c-.064.988-.064,2.024-.064,3.068,0,.811-.112,1.566-.112,2.369-.177,1.622-.289,3.3-.345,4.98C0,194.494,0,196,0,197.45v.225c0,2.088.064,4.169.177,6.249.112,2.145.289,4.289.466,6.426A126.318,126.318,0,0,0,126.271,323.713c1.735,0,3.534-.056,5.269-.112,1.679-.056,3.357-.177,4.972-.289.233,0,.466-.056.643-.056.345,0,.635-.064.924-.064,1.269-.112,2.6-.289,3.879-.458,1.614-.177,3.181-.41,4.8-.634.691-.12,1.325-.233,2.024-.353.755-.169,1.446-.289,2.2-.458.112,0,.289-.064.4-.064,1.912-.4,3.759-.8,5.671-1.269,2.2-.578,4.4-1.213,6.594-1.855.755-.225,1.51-.458,2.321-.747.225-.056.514-.177.747-.233,1.157-.41,2.257-.811,3.357-1.213.755-.289,1.51-.586,2.257-.867.635-.233,1.213-.466,1.8-.7.635-.289,1.325-.522,1.9-.811.7-.289,1.39-.578,2.088-.924,1.325-.578,2.6-1.213,3.936-1.855.514-.225,1.036-.514,1.614-.811.755-.4,1.51-.8,2.2-1.157,2.546-1.381,5.036-2.835,7.462-4.337.177-.112.353-.233.522-.345,1.277-.811,2.61-1.622,3.879-2.49,1.39-.98,2.723-1.912,4.048-2.891a.058.058,0,0,1,.064-.056,127.522,127.522,0,0,0,13.711-11.927,118.331,118.331,0,0,0,9.783-11.052,63.231,63.231,0,0,0,4.161-5.55,125.387,125.387,0,0,0,23.036-72.681c0-48.626-17.847-89.2-40.128-120.9M194.9,224.992a34.859,34.859,0,1,0-47.742,45.365,72.871,72.871,0,1,1,52.023-69.846,72.7,72.7,0,0,1-4.281,24.481' transform='translate(-0.008 96.287)' fill='%23273018'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 200px;
  background-position-y: bottom;
  background-position-x: 100px;
}
#header .header_menu.open .rte {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#header .header_menu.open .rte p {
  color: #273018;
  text-align: center;
}
#header .header_menu.open p a {
  font-size: 80px;
  color: #273018;
  text-decoration: none;
  font-family: 'Euphorigenic';
  text-transform: uppercase;
}
#header .hamburger-desktop.is-active {
  position: fixed;
  right: 40px;
}

#header .social_links {
  display: flex;
  justify-content: center;
}
#header .social_links .rte {
  width: max-content;
}
#header .social_links p {
  padding-bottom: 8px;
  margin: 0;
}
#header .social_links.is-active .rte {
  margin-right: 25px;
  margin-top: 92px;
}


#header .social_links p:nth-child(1) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_9' data-name='Gruppe 9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60.058' viewBox='0 0 60 60.058'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_34' data-name='Pfad 34' d='M0,40.215H60V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_8' data-name='Gruppe 8' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_4' data-name='Gruppe 4' transform='translate(13.904 12.6)'%3E%3Cpath id='Pfad_30' data-name='Pfad 30' d='M10.778,1.942c4.3,0,4.806.015,6.5.094a8.913,8.913,0,0,1,2.987.554,5.021,5.021,0,0,1,1.852,1.2,4.965,4.965,0,0,1,1.2,1.849,8.857,8.857,0,0,1,.554,2.99c.079,1.695.094,2.206.094,6.5s-.015,4.809-.094,6.5a8.857,8.857,0,0,1-.554,2.99,4.965,4.965,0,0,1-1.2,1.849,5.021,5.021,0,0,1-1.852,1.2,8.913,8.913,0,0,1-2.987.554c-1.7.079-2.206.094-6.5.094s-4.806-.015-6.5-.094a8.913,8.913,0,0,1-2.987-.554,5.021,5.021,0,0,1-1.852-1.2,4.965,4.965,0,0,1-1.2-1.849,8.857,8.857,0,0,1-.554-2.99c-.079-1.695-.094-2.206-.094-6.5s.015-4.806.094-6.5a8.857,8.857,0,0,1,.554-2.99,4.965,4.965,0,0,1,1.2-1.849,5.021,5.021,0,0,1,1.852-1.2,8.913,8.913,0,0,1,2.987-.554c1.7-.079,2.206-.094,6.5-.094m0-2.9c-4.37,0-4.918.018-6.634.1A11.864,11.864,0,0,0,.236-.114,7.918,7.918,0,0,0-2.615,1.742,7.839,7.839,0,0,0-4.471,4.593,11.777,11.777,0,0,0-5.221,8.5c-.076,1.716-.1,2.264-.1,6.634s.021,4.921.1,6.637a11.794,11.794,0,0,0,.751,3.907,7.864,7.864,0,0,0,1.855,2.851A7.918,7.918,0,0,0,.236,30.386a11.864,11.864,0,0,0,3.907.748c1.716.079,2.264.1,6.634.1s4.918-.018,6.634-.1a11.864,11.864,0,0,0,3.907-.748,8.217,8.217,0,0,0,4.706-4.706,11.794,11.794,0,0,0,.751-3.907c.076-1.716.1-2.264.1-6.637s-.021-4.918-.1-6.634a11.777,11.777,0,0,0-.751-3.907,7.839,7.839,0,0,0-1.855-2.851A7.918,7.918,0,0,0,21.319-.114a11.864,11.864,0,0,0-3.907-.748c-1.716-.079-2.264-.1-6.634-.1' transform='translate(5.318 0.958)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_5' data-name='Gruppe 5' transform='translate(21.734 20.429)'%3E%3Cpath id='Pfad_31' data-name='Pfad 31' d='M5.535,0A8.264,8.264,0,1,0,13.8,8.266,8.267,8.267,0,0,0,5.535,0m0,13.629A5.365,5.365,0,1,1,10.9,8.266a5.364,5.364,0,0,1-5.366,5.363' transform='translate(2.731)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_6' data-name='Gruppe 6' transform='translate(36.66 18.171)'%3E%3Cpath id='Pfad_32' data-name='Pfad 32' d='M2.586,1.293A1.931,1.931,0,1,1,.655-.638,1.93,1.93,0,0,1,2.586,1.293' transform='translate(1.276 0.638)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_7' data-name='Gruppe 7' transform='translate(-0.001 0.003)'%3E%3Cpath id='Pfad_33' data-name='Pfad 33' d='M6.418,5.827C-8.945,20.548-5.606,46.493,14.754,54.91c19.933,8.323,42.63-7.349,42.07-28.817C56.155-.478,25.2-12.288,6.418,5.827M26.685,51.85C4.015,51.49-9.465,23.088,6.794,6.2c17.085-17.464,47-4.077,46.556,19.891.015,14.134-12.558,26.426-26.665,25.757' transform='translate(3.167 2.875)' fill='%238ea859'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  height: 50px;
  width: 50px;
}
#header .social_links p:nth-child(2) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_13' data-name='Gruppe 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60.058' viewBox='0 0 60 60.058'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_37' data-name='Pfad 37' d='M0,40.215H60V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_12' data-name='Gruppe 12' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_10' data-name='Gruppe 10' transform='translate(15.14 11.652)'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M6.337,22.822a12.138,12.138,0,0,1-2.63-.681A10.42,10.42,0,0,1-3.03,13.5,10.658,10.658,0,0,1,5.551,1.632a9.866,9.866,0,0,1,3.5-.085c.248.039.348.136.345.381q-.032,2.878-.054,5.757c0,.281-.139.26-.345.209a4.8,4.8,0,0,0-6.126,4.664,4.889,4.889,0,0,0,3.6,4.6A4.85,4.85,0,0,0,12.2,14.078a4.719,4.719,0,0,0,.163-1.58c.036-1.186.024-2.376.036-3.562.076-6.6.015-13.2.045-19.8,0-.133.012-.266.015-.4h5.593c.076.527.118,1.059.227,1.577a7.9,7.9,0,0,0,3.659,5.4,10.618,10.618,0,0,0,4.2,1.4c.315.039.46.133.457.49-.018,1.653-.015,3.305,0,4.955,0,.312-.109.406-.409.39a15.187,15.187,0,0,1-5.194-1.171A15.262,15.262,0,0,1,18.623.491c-.16-.106-.309-.2-.3.121,0,.088,0,.176,0,.266,0,3.16.015,6.32-.021,9.479a22.4,22.4,0,0,1-.094,3.024,10.614,10.614,0,0,1-6.656,8.711,11.425,11.425,0,0,1-2.887.729Z' transform='translate(3.127 11.261)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_11' data-name='Gruppe 11' transform='translate(-0.001 0.003)'%3E%3Cpath id='Pfad_36' data-name='Pfad 36' d='M6.418,5.827C-8.945,20.548-5.606,46.493,14.754,54.91c19.933,8.323,42.63-7.349,42.07-28.817C56.155-.478,25.2-12.288,6.418,5.827M26.685,51.85C4.015,51.49-9.465,23.088,6.794,6.2c17.085-17.464,47-4.077,46.556,19.891.015,14.134-12.558,26.426-26.665,25.757' transform='translate(3.167 2.875)' fill='%238ea859'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  height: 50px;
  width: 50px;
}
#header .social_links p:nth-child(3) {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_17' data-name='Gruppe 17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60.058' viewBox='0 0 60 60.058'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_40' data-name='Pfad 40' d='M0,40.215H60V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_16' data-name='Gruppe 16' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_14' data-name='Gruppe 14' transform='translate(12.854 11.652)'%3E%3Cpath id='Pfad_38' data-name='Pfad 38' d='M22.962,11.481A17.146,17.146,0,1,0,3.137,28.418V16.435H-1.215V11.481H3.137V7.7c0-4.3,2.561-6.671,6.477-6.671a26.267,26.267,0,0,1,3.838.336V5.588H11.288A2.477,2.477,0,0,0,8.494,8.264v3.217h4.755l-.76,4.955h-4V28.418A17.152,17.152,0,0,0,22.962,11.481' transform='translate(11.33 5.665)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_15' data-name='Gruppe 15' transform='translate(-0.001 0.003)'%3E%3Cpath id='Pfad_39' data-name='Pfad 39' d='M6.418,5.827C-8.945,20.548-5.606,46.493,14.754,54.91c19.933,8.323,42.63-7.349,42.07-28.817C56.155-.478,25.2-12.288,6.418,5.827M26.685,51.85C4.015,51.49-9.465,23.088,6.794,6.2c17.085-17.464,47-4.077,46.556,19.891.015,14.134-12.558,26.426-26.665,25.757' transform='translate(3.167 2.875)' fill='%238ea859'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  height: 50px;
  width: 50px;
}
#header .social_links p:nth-child(4) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_21' data-name='Gruppe 21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60.058' viewBox='0 0 60 60.058'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_43' data-name='Pfad 43' d='M0,40.215H60V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_20' data-name='Gruppe 20' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_18' data-name='Gruppe 18' transform='translate(14.854 13.545)'%3E%3Cpath id='Pfad_41' data-name='Pfad 41' d='M18.556,20.287h-25.1a.809.809,0,0,0-.079-.027,3.05,3.05,0,0,1-2.53-3.005V-6.953a3.175,3.175,0,0,1,.024-.378A3.041,3.041,0,0,1-6.1-10.01q12.09,0,24.177,0a2.584,2.584,0,0,1,.406.024,3,3,0,0,1,2.542,2.137c.048.145.076.3.115.445V17.7a.492.492,0,0,0-.03.076,3.011,3.011,0,0,1-2.043,2.367c-.166.061-.339.094-.508.139M7.506,15.738v-.194q0-3.863,0-7.727a2.349,2.349,0,0,1,.23-1.056A2.286,2.286,0,0,1,10.3,5.508a2.345,2.345,0,0,1,1.762,2.24v7.99h4.534V15.58q0-4.277,0-8.556a3.889,3.889,0,0,0-.033-.53,5.3,5.3,0,0,0-2.452-3.841A4.691,4.691,0,0,0,7.581,3.843c-.018.024-.039.042-.079.088v-1.8H2.981V15.738ZM-.076,2.13H-4.592V15.738H-.076Zm0,13.608M.384-3.191A2.707,2.707,0,0,0-2.331-5.909,2.724,2.724,0,0,0-5.058-3.182,2.71,2.71,0,0,0-2.322-.467,2.7,2.7,0,0,0,.384-3.191' transform='translate(9.156 10.01)' fill='%2325381e'/%3E%3C/g%3E%3Cg id='Gruppe_19' data-name='Gruppe 19' transform='translate(-0.001 0.003)'%3E%3Cpath id='Pfad_42' data-name='Pfad 42' d='M6.418,5.827C-8.945,20.548-5.606,46.493,14.754,54.91c19.933,8.323,42.63-7.349,42.07-28.817C56.155-.478,25.2-12.288,6.418,5.827M26.685,51.85C4.012,51.49-9.465,23.088,6.794,6.2c17.085-17.464,47-4.077,46.556,19.891.015,14.134-12.558,26.426-26.665,25.757' transform='translate(3.167 2.875)' fill='%238ea859'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  height: 50px;
  width: 50px;
}



/* Footer */
#footer{
  position: relative;
  padding: 50px 0;
  background-color: #92973A;
}

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

#footer .inside > div:last-child{
  justify-content: flex-end;
}

#footer .image_container img{
  object-fit: contain;
}
#footer .block{
  overflow: visible;
}
#footer .content-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer .content-image img{
  object-fit: contain;
  width: 250px;
}
#footer .content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#footer p,
#footer a {
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 5px;
  color: #fff;
}
#footer .footer_social .links {
  display: flex;
  flex-direction: row;
}
#footer .footer_social .links p:nth-child(1) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_9' data-name='Gruppe 9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.336' height='41.375' viewBox='0 0 41.336 41.375'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_34' data-name='Pfad 34' d='M0,21.532H41.336V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_8' data-name='Gruppe 8' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_4' data-name='Gruppe 4' transform='translate(9.579 8.68)'%3E%3Cpath id='Pfad_30' data-name='Pfad 30' d='M5.771,1.04c2.961,0,3.311.01,4.481.065a6.14,6.14,0,0,1,2.058.382,3.459,3.459,0,0,1,1.276.83,3.421,3.421,0,0,1,.828,1.274A6.1,6.1,0,0,1,14.8,5.65c.054,1.168.065,1.52.065,4.479s-.01,3.313-.065,4.481a6.1,6.1,0,0,1-.382,2.06,3.42,3.42,0,0,1-.828,1.274,3.459,3.459,0,0,1-1.276.83,6.14,6.14,0,0,1-2.058.382c-1.17.054-1.52.065-4.481.065s-3.311-.01-4.481-.065a6.14,6.14,0,0,1-2.058-.382,3.459,3.459,0,0,1-1.276-.83,3.42,3.42,0,0,1-.828-1.274,6.1,6.1,0,0,1-.382-2.06c-.054-1.168-.065-1.52-.065-4.481s.01-3.311.065-4.479a6.1,6.1,0,0,1,.382-2.06,3.42,3.42,0,0,1,.828-1.274,3.459,3.459,0,0,1,1.276-.83A6.14,6.14,0,0,1,1.29,1.1C2.46,1.05,2.81,1.04,5.771,1.04m0-2c-3.011,0-3.388.013-4.571.067a8.173,8.173,0,0,0-2.692.515A5.455,5.455,0,0,0-3.456.9,5.4,5.4,0,0,0-4.734,2.866a8.114,8.114,0,0,0-.517,2.692c-.052,1.182-.067,1.56-.067,4.571s.015,3.39.067,4.573a8.125,8.125,0,0,0,.517,2.692,5.418,5.418,0,0,0,1.278,1.964,5.455,5.455,0,0,0,1.964,1.278,8.173,8.173,0,0,0,2.692.515c1.182.054,1.56.067,4.571.067s3.388-.013,4.571-.067a8.173,8.173,0,0,0,2.692-.515,5.661,5.661,0,0,0,3.242-3.242,8.125,8.125,0,0,0,.517-2.692c.052-1.182.067-1.56.067-4.573s-.015-3.388-.067-4.571a8.114,8.114,0,0,0-.517-2.692A5.4,5.4,0,0,0,15,.9,5.455,5.455,0,0,0,13.033-.376a8.173,8.173,0,0,0-2.692-.515C9.159-.945,8.782-.958,5.771-.958' transform='translate(5.318 0.958)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_5' data-name='Gruppe 5' transform='translate(14.973 14.074)'%3E%3Cpath id='Pfad_31' data-name='Pfad 31' d='M2.963,0A5.693,5.693,0,1,0,8.658,5.694,5.7,5.7,0,0,0,2.963,0m0,9.389a3.7,3.7,0,1,1,3.7-3.695,3.7,3.7,0,0,1-3.7,3.695' transform='translate(2.731)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_6' data-name='Gruppe 6' transform='translate(25.256 12.519)'%3E%3Cpath id='Pfad_32' data-name='Pfad 32' d='M1.385.692a1.33,1.33,0,0,1-1.33,1.33A1.329,1.329,0,0,1-1.276.692,1.33,1.33,0,0,1,.054-.638,1.331,1.331,0,0,1,1.385.692' transform='translate(1.276 0.638)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_7' data-name='Gruppe 7' transform='translate(0 0.002)'%3E%3Cpath id='Pfad_33' data-name='Pfad 33' d='M3.437,3.12C-7.148,13.262-4.848,31.136,9.179,36.934c13.733,5.734,29.369-5.063,28.983-19.852C37.7-1.223,16.377-9.36,3.437,3.12M17.4,34.826C1.781,34.578-7.506,15.011,3.7,3.378,15.466-8.653,36.073.57,35.769,17.082c.01,9.738-8.651,18.205-18.37,17.744' transform='translate(3.167 2.875)' fill='%23deda5f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  padding-right: 5px;
}
#footer .footer_social .links p:nth-child(2) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_13' data-name='Gruppe 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.336' height='41.375' viewBox='0 0 41.336 41.375'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_37' data-name='Pfad 37' d='M0,21.532H41.336V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_12' data-name='Gruppe 12' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_10' data-name='Gruppe 10' transform='translate(10.43 8.027)'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M3.393,12.22a8.362,8.362,0,0,1-1.812-.469A7.179,7.179,0,0,1-3.06,5.8,7.343,7.343,0,0,1,2.851-2.378a6.8,6.8,0,0,1,2.412-.058c.171.027.24.094.238.263Q5.479-.191,5.464,1.792c0,.194-.1.179-.238.144a3.308,3.308,0,0,0-4.22,3.213A3.368,3.368,0,0,0,3.489,8.318,3.341,3.341,0,0,0,7.432,6.2a3.251,3.251,0,0,0,.113-1.088c.025-.817.017-1.637.025-2.454.052-4.546.01-9.093.031-13.639,0-.092.008-.183.01-.275h3.853c.052.363.081.73.156,1.086a5.441,5.441,0,0,0,2.521,3.718,7.315,7.315,0,0,0,2.892.961c.217.027.317.092.315.338-.013,1.138-.01,2.277,0,3.413,0,.215-.075.279-.281.269a10.463,10.463,0,0,1-3.578-.807,10.514,10.514,0,0,1-1.631-.882c-.111-.073-.213-.136-.2.083,0,.06,0,.121,0,.183,0,2.177.01,4.354-.015,6.531a15.433,15.433,0,0,1-.065,2.083,7.312,7.312,0,0,1-4.585,6A7.871,7.871,0,0,1,5,12.22Z' transform='translate(3.127 11.261)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_11' data-name='Gruppe 11' transform='translate(0 0.002)'%3E%3Cpath id='Pfad_36' data-name='Pfad 36' d='M3.437,3.12C-7.148,13.262-4.848,31.136,9.179,36.934c13.733,5.734,29.369-5.063,28.983-19.852C37.7-1.223,16.377-9.36,3.437,3.12M17.4,34.826C1.781,34.578-7.506,15.011,3.7,3.378,15.466-8.653,36.073.57,35.769,17.082c.01,9.738-8.651,18.205-18.37,17.744' transform='translate(3.167 2.875)' fill='%23deda5f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  padding-right: 5px;
}
#footer .footer_social .links p:nth-child(3) {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_17' data-name='Gruppe 17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.336' height='41.375' viewBox='0 0 41.336 41.375'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_40' data-name='Pfad 40' d='M0,21.532H41.336V-19.843H0Z' transform='translate(0 19.843)' fill='%23deda5f'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_16' data-name='Gruppe 16' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_14' data-name='Gruppe 14' transform='translate(8.855 8.028)'%3E%3Cpath id='Pfad_38' data-name='Pfad 38' d='M12.294,6.147A11.812,11.812,0,1,0-1.363,17.816V9.561h-3V6.147h3v-2.6c0-2.961,1.764-4.6,4.462-4.6a18.1,18.1,0,0,1,2.644.231V2.087H4.252A1.707,1.707,0,0,0,2.328,3.931V6.147H5.6L5.08,9.561H2.328v8.255A11.816,11.816,0,0,0,12.294,6.147' transform='translate(11.33 5.665)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_15' data-name='Gruppe 15' transform='translate(0 0.002)'%3E%3Cpath id='Pfad_39' data-name='Pfad 39' d='M3.437,3.12C-7.148,13.262-4.848,31.136,9.179,36.934c13.733,5.734,29.369-5.063,28.983-19.852C37.7-1.223,16.377-9.36,3.437,3.12M17.4,34.826C1.781,34.578-7.506,15.011,3.7,3.378,15.466-8.653,36.073.57,35.769,17.082c.01,9.738-8.651,18.205-18.37,17.744' transform='translate(3.167 2.875)' fill='%23deda5f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  padding-right: 5px;
}
#footer .footer_social .links p:nth-child(4) a {
  content: url("data:image/svg+xml,%3Csvg id='Gruppe_21' data-name='Gruppe 21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.336' height='41.375' viewBox='0 0 41.336 41.375'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_43' data-name='Pfad 43' d='M0,21.532H41.336V-19.843H0Z' transform='translate(0 19.843)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_20' data-name='Gruppe 20' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_18' data-name='Gruppe 18' transform='translate(10.233 9.331)'%3E%3Cpath id='Pfad_41' data-name='Pfad 41' d='M9.935,10.862H-7.359a.557.557,0,0,0-.054-.019A2.1,2.1,0,0,1-9.156,8.773V-7.9a2.187,2.187,0,0,1,.017-.261A2.1,2.1,0,0,1-7.052-10.01q8.329,0,16.656,0a1.78,1.78,0,0,1,.279.017,2.068,2.068,0,0,1,1.752,1.472c.033.1.052.2.079.307v17.3a.339.339,0,0,0-.021.052,2.074,2.074,0,0,1-1.407,1.631c-.115.042-.234.065-.35.1M2.323,7.728V7.595q0-2.662,0-5.323a1.619,1.619,0,0,1,.158-.728A1.575,1.575,0,0,1,4.247.68,1.615,1.615,0,0,1,5.461,2.223v5.5H8.584V7.62q0-2.946,0-5.895a2.679,2.679,0,0,0-.023-.365A3.651,3.651,0,0,0,6.87-1.286a3.241,3.241,0,0,0-2.146-.559A3.266,3.266,0,0,0,2.375-.466c-.013.017-.027.029-.054.06V-1.649H-.795V7.728ZM-2.9-1.647H-6.012V7.728H-2.9Zm0,9.375.317-13.04a1.865,1.865,0,0,0-1.87-1.872A1.876,1.876,0,0,0-6.333-5.306a1.867,1.867,0,0,0,1.885,1.87A1.858,1.858,0,0,0-2.584-5.312' transform='translate(9.156 10.01)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_19' data-name='Gruppe 19' transform='translate(0 0.002)'%3E%3Cpath id='Pfad_42' data-name='Pfad 42' d='M3.437,3.12C-7.148,13.262-4.848,31.136,9.179,36.934c13.733,5.734,29.369-5.063,28.983-19.852C37.7-1.223,16.377-9.36,3.437,3.12M17.4,34.826C1.779,34.578-7.506,15.011,3.7,3.378,15.466-8.653,36.073.57,35.769,17.082c.01,9.738-8.651,18.205-18.37,17.744' transform='translate(3.167 2.875)' fill='%23deda5f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#footer .footer_navi .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 15px;
}


/* Headerbild */
.headerlogo {
  position: absolute;
  top: 50px;
  width: 250px;
  left: calc(50% - 125px);
}
.headerlogo img {
  object-fit: contain;
}


.headerimage img,
.headerimage video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}

.ueberschrift {
  position: absolute;
  top: 300px;
  text-align: center;
  width: 100%;
  animation: flowueber 3s ease 0s 1 normal forwards;
  -webkit-animation: flowueber 3s ease 0s 1 normal forwards;
  -moz-animation: flowueber 3s ease 0s 1 normal forwards;
}
@keyframes flowueber {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes flowueber {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

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

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


.ueberschrift h1 {
  font-size: 80px;
  color:#273018;
  margin: 0;
}
.ueberschrift h2 {
  font-size: 80px;
  color: #92973A;
  margin: 0;
}

/* Leistungen */
#leistungen {
  background-color: rgb(222 218 95 / 10%);
}
.kacheln {
  position: absolute;
  display: grid;
  margin-left: 150px;
  margin-right: 150px;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 10px;
  margin-top: -30px;
}
.kacheln .content-text {
  background-color: #fff;
  box-shadow: -1px 8px 8px rgb(0 0 0 / 16%);
  padding: 30px 50px;
  padding-left: 120px;
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 70px;
}
.kacheln .content-text h3 {
  margin-top: 0;
  font-size: 30px;
  margin-bottom: 15px;
}
.kacheln .content-text:nth-child(1) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_27' data-name='Gruppe 27' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85.368' height='100' viewBox='0 0 85.368 100'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_6' data-name='Rechteck 6' width='85.368' height='100' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_26' data-name='Gruppe 26' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_44' data-name='Pfad 44' d='M85.35,42.675C84.716,24.021,68.723,0,42.675,0a42.651,42.651,0,0,0-11.02,83.86s-1.246,16.282,2.9,16.139c4.618-.159,27.707-15.445,35.987-24.522C79.1,66.092,85.769,55,85.35,42.675' fill='%23273018'/%3E%3Cpath id='Pfad_45' data-name='Pfad 45' d='M69.616,43.806H31.32a4.883,4.883,0,0,1,0-9.766h38.3a4.883,4.883,0,0,1,0,9.766' transform='translate(-7.784 -10.023)' fill='%23fff'/%3E%3Cpath id='Pfad_46' data-name='Pfad 46' d='M69.616,64.683H31.32a4.883,4.883,0,1,1,0-9.766h38.3a4.883,4.883,0,0,1,0,9.766' transform='translate(-7.784 -16.17)' fill='%23fff'/%3E%3Cpath id='Pfad_47' data-name='Pfad 47' d='M53.056,85.559H31.321a4.883,4.883,0,1,1,0-9.766H53.056a4.883,4.883,0,1,1,0,9.766' transform='translate(-7.784 -22.317)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.kacheln .content-text:nth-child(2) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_29' data-name='Gruppe 29' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85.368' height='100' viewBox='0 0 85.368 100'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_7' data-name='Rechteck 7' width='85.368' height='100' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_28' data-name='Gruppe 28' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_48' data-name='Pfad 48' d='M85.35,42.675C84.716,24.021,68.723,0,42.675,0a42.651,42.651,0,0,0-11.02,83.86s-1.246,16.282,2.9,16.139c4.618-.159,27.707-15.446,35.987-24.522C79.1,66.092,85.769,55,85.35,42.675' fill='%2392973a'/%3E%3Cpath id='Pfad_49' data-name='Pfad 49' d='M75.072,45.418a17.415,17.415,0,0,1-2.824,9.2,48.045,48.045,0,0,1-6.69,8.232c-3.735,3.857-7.871,7.267-11.946,10.746l-1.227,1.045a2.561,2.561,0,0,1-3.339,0c-3.842-3.3-7.776-6.5-11.407-10.037A58.652,58.652,0,0,1,30,55.892a19.5,19.5,0,0,1-3.682-10.007,11.549,11.549,0,0,1,1.406-6.178c5.357-9.815,16.441-9.051,21.678-2.7a1.643,1.643,0,0,0,2.638.032,12.537,12.537,0,0,1,9.544-4.734A13.149,13.149,0,0,1,75.073,45.324c0,.031,0,.063,0,.095' transform='translate(-7.744 -9.503)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.kacheln .content-text:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_31' data-name='Gruppe 31' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85.368' height='100' viewBox='0 0 85.368 100'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_8' data-name='Rechteck 8' width='85.368' height='100' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_30' data-name='Gruppe 30' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_50' data-name='Pfad 50' d='M85.35,42.675C84.716,24.021,68.723,0,42.675,0a42.651,42.651,0,0,0-11.02,83.86s-1.246,16.282,2.9,16.139c4.618-.159,27.707-15.446,35.987-24.522C79.1,66.092,85.769,55,85.35,42.675' fill='%23deda5f'/%3E%3Cpath id='Pfad_51' data-name='Pfad 51' d='M70.528,48.192a4.883,4.883,0,1,0,0-9.766H63.761l1.081-5.586a4.883,4.883,0,0,0-9.588-1.855l-1.439,7.441H49.566l1.08-5.586a4.882,4.882,0,0,0-9.587-1.855l-1.44,7.441H32.233a4.883,4.883,0,0,0,0,9.766h5.5l-.883,4.564H29.1a4.883,4.883,0,0,0,0,9.766h5.855l-1.173,6.062a4.883,4.883,0,1,0,9.588,1.855L44.9,62.522h4.249l-1.173,6.062a4.883,4.883,0,1,0,9.588,1.855L59.1,62.522h8.3a4.883,4.883,0,0,0,0-9.766H60.988l.883-4.564ZM51.042,52.756H46.793l.883-4.564h4.249Z' transform='translate(-7.131 -7.958)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.trennlinie {
  position: absolute;
  margin-left: 50%;
  margin-top: 175px;
}
.trennlinie img {
  height: 100px;
}
.leistungsuebersicht {
  display: flex;
  flex-direction: column-reverse;
  background-image: url('/files/bilder/2023_avocaro_hintergrund_gruener_bogen.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  margin-top: 250px;
}
.leistungsuebersicht .rte,
.leistungsuebersicht figure {
  display: none;
}
.leistungsuebersicht.active .rte,
.leistungsuebersicht.active figure {
  display: block;
  animation: myAnim 2s ease 0s 1 normal forwards;
  -webkit-animation: myAnim 2s ease 0s 1 normal forwards;
  -moz-animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-moz-keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.leistungsuebersicht .rte {
  width: 60%;
  padding: 100px 20%;
  text-align: center;
}
.leistungsuebersicht figure {
  justify-content: center;
  margin-top: -50px;
}
.leistungsuebersicht.active figure {
  display: flex;
}
.leistungsuebersicht figure img {
  width: 60%;
  padding-bottom: 75px;
}
.leistungsuebersicht h3 {
  margin-top: 0;
  font-size: 50px;
}
.bildtrenner {
  width: 100vw;
}
.hintergrund_gruen {
  background-color: #273018;
  box-shadow: -1px 8px 8px rgb(0 0 0 / 16%);
  margin: 0 150px;
  margin-top: -75px;
  padding: 35px 50px;
  position: relative;
  z-index: 10;
}
.hintergrund_gruen .rte {
  padding: 0 100px;
}
.hintergrund_gruen h3 {
  color: #fff;
  font-weight: 30px;
  margin: 0;
  text-align: center;
}
.hintergrund_gruen p {
  color: #fff;
  text-align: center;
}
.trennstrich {
  position: relative;
}
.trennstrich figure {
  display: flex;
  justify-content: center;
}
.trennstrich figure img {
  height: 100px;
  margin-top: 50px;
  margin-bottom: -50px;
}


/* Über mich */
.kontaktbild {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.kontaktbild img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.kontaktbild .rte {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 150px;
  margin-bottom: 150px;
}
.kontaktbild .rte::before {
  content: '';
  height: 150px;
  width: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='142.976' height='190.989' viewBox='0 0 142.976 190.989'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_36' data-name='Rechteck 36' width='102.391' height='170.291' transform='translate(0 0)' fill='%23deda5f'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_53' data-name='Gruppe 53' transform='matrix(-0.966, -0.259, 0.259, -0.966, 98.902, 190.989)'%3E%3Cg id='Gruppe_52' data-name='Gruppe 52' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_157' data-name='Pfad 157' d='M25.5,1.03C13.967-1.976,3.578,1.5.586,12.78a25.535,25.535,0,0,0,.472,12.694,25.535,25.535,0,0,0,12.694.472C25.039,22.947,28.5,12.571,25.5,1.03' transform='translate(21.504 133.129)' fill='%23deda5f'/%3E%3Cpath id='Pfad_158' data-name='Pfad 158' d='M1.418,1.416c-4.139,15.889.642,30.2,16.182,34.318,4.6,1.01,9.874,1.348,17.485-.651,2-7.611,1.661-12.88.651-17.485C31.607,2.052,17.317-2.716,1.418,1.416' transform='translate(51.778 133.749)' fill='%23deda5f'/%3E%3Cpath id='Pfad_159' data-name='Pfad 159' d='M86.124,100.212h.039a121.309,121.309,0,0,1-20.989,22.708c-.469.378-.938.775-1.407,1.15-1.127.915-2.231,1.785-3.263,2.56-.749.586-1.5,1.1-2.182,1.619s-1.312.961-1.9,1.384a10.647,10.647,0,0,1-1.221.7c-.423.189-.843.374-1.267.518a9.512,9.512,0,0,1-2.674.4l-.033,0-.033,0a9.477,9.477,0,0,1-2.674-.4c-.423-.143-.847-.329-1.267-.518a10.373,10.373,0,0,1-1.221-.7c-.586-.423-1.218-.87-1.9-1.384s-1.433-1.032-2.182-1.619c-1.032-.775-2.136-1.645-3.263-2.56-.469-.375-.938-.772-1.407-1.15C23.018,110.91,2.605,88.524.238,57.2c-.026-.4-.026-.821-.026-1.244,0-.329-.046-.635-.046-.961-.072-.658-.117-1.338-.14-2.019C0,52.392,0,51.783,0,51.194V51.1c0-.847.026-1.69.072-2.534.046-.87.117-1.739.189-2.605A51.216,51.216,0,0,1,51.2,0c.7,0,1.433.023,2.136.046.681.023,1.361.072,2.016.117.094,0,.189.023.261.023.14,0,.257.026.375.026C56.5.257,57.039.329,57.557.4c.655.072,1.29.166,1.947.257L60.325.8c.306.068.586.117.892.186.046,0,.117.026.163.026.775.163,1.524.326,2.3.515.892.234,1.785.492,2.674.752.306.091.612.186.941.3.091.023.208.072.3.094.469.166.915.329,1.361.492.306.117.612.238.915.352.257.094.492.189.729.283.257.117.537.212.772.329.283.117.563.234.847.374.537.234,1.055.492,1.6.752.208.091.42.208.655.329.306.163.612.326.892.469,1.032.56,2.042,1.15,3.025,1.759.072.046.143.094.212.14.518.329,1.058.658,1.573,1.01.563.4,1.1.775,1.641,1.172a.023.023,0,0,0,.026.023A51.7,51.7,0,0,1,87.4,14.993a47.976,47.976,0,0,1,3.967,4.481,25.639,25.639,0,0,1,1.687,2.25,50.839,50.839,0,0,1,9.34,29.469c0,19.715-7.236,36.165-16.27,49.018m-7.1-60.185A14.134,14.134,0,1,1,59.667,21.634,29.546,29.546,0,1,0,80.76,49.953a29.477,29.477,0,0,0-1.736-9.926' transform='translate(-0.003 0)' fill='%23deda5f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc((50% - 50px) - 150px);
  background-position: bottom;
}
.kontaktbild h3 {
  margin: 0;
  font-size: 50px;
  text-align: center; 
}
.kontaktbild p {
  text-align: center;
}


/*Impressum & Datenschutz */
#article-2,
#article-3 {
  margin: 100px 150px;
}
#article-2 h1,
#article-3 h1 {
  margin: 0;
  font-size: 50px;
}
#article-2 a,
#article-3 a {
  color: #273018;
  text-decoration: underline;
}

/*404 */
#article-4 {
	height: calc(100vh - 180px);
	display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#article-4 h1 {
	font-size: 3em;
}
#article-4 a {
	color: #92973A;
}
	

@media (max-width: 1400px){
 .trennlinie {
   margin-top: 250px;
 }
 .leistungsuebersicht {
  margin-top: 300px;
 }
}
@media (max-width: 1300px){
  


}
@media (max-width: 1210px){
  .trennlinie {
    margin-top: 300px;
  }
  .leistungsuebersicht {
   margin-top: 350px;
  }
  .kacheln .content-text {
    padding-left: 30px;
    padding-top: 140px;
    background-position: center 25px;
  }
 }

@media (max-width: 1150px){
  #footer .inside {
    margin: 0 100px;
  }

}
@media (max-width: 1050px){
  #header .social_links {
    display: none;
  }
  #header .header_menu.open p a {
    font-size: 50px;
  }
  #header .header_menu.open {
    background-size: 150px;
  }
  #leistungen {
    margin-top: -30px;
  }
  .kacheln {
    grid-template-columns: repeat(1,1fr);
    position: relative;
    margin-top: 0;
  }
  .leistungsuebersicht {
    margin-top: 100px;
  }
  .trennlinie {
    margin-top: 50px;
  }
  .hintergrund_gruen .rte {
    padding: 0;
  }
  #article-2, #article-3 {
    margin: 100px;
  }
  #footer .inside {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 20px;
  }
  .kacheln .content-text h3,
  .kacheln .content-text p {
    text-align: center;
  }
  .leistungsuebersicht h3,
  .kontaktbild h3 {
    font-size: 30px;
  }
}


@media (max-width: 900px){
  p {
    font-size: 13px;  
  }
  #article-2, #article-3 {
    margin: 75px;
  }
  .kacheln {
    margin: 0 100px;
  }
  .leistungsuebersicht .rte {
    padding: 100px;
    width: auto;
  }
  .hintergrund_gruen {
    margin: 0 100px;
    margin-top: -75px;
  }
  #footer .inside {
    margin: 0 100px;
  }
  .kontaktbild {
    display: flex;
    flex-direction: column-reverse;
  }
  .kontaktbild .rte {
    margin-bottom: 50px;
    padding: 0 100px;
  }
  .kontaktbild img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .kontaktbild .rte::before {
    margin-left: auto;
    margin-right: calc((50% - 50px) - 150px);
  }
}

@media (max-width: 800px) {
  .kacheln {
    margin: 0 75px;
  }
  .leistungsuebersicht .rte {
    padding: 75px;
  }
  .hintergrund_gruen {
    margin: 0 75px;
    margin-top: -75px;
  }
  #footer .inside {
    margin: 0 75px;
  }
  .kontaktbild .rte {
    padding: 0 75px;
  }
  .bildtrenner {
    height: 50vh;
  }
  .bildtrenner figure {
    height: 100%;
  }
  .bildtrenner img {
    object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 700px) {
  #header .header_menu.open p a {
    font-size: clamp(50px, 50px, 25px)
  }
  #header .header_menu.open {
    background-size: 100px;
  }
  .leistungsuebersicht figure img {
    content: url('/files/bilder/2023_avocaro_darstellung_leistungen_mobil.png');
    width: 400px;
  }
  .ueberschrift h1,
  .ueberschrift h2 {
    font-size: 50px;
  }
  #footer .inside {
    grid-template-columns: repeat(1,1fr);
  }
  #header .header_menu.open {
    background-position-x: 50px;
    background-position-y: top;
    background-size: 50px;
  }
  #header .header_menu.open .rte {
    margin: 50px 0;
  }
}
@media (max-width: 500px) {
  .kacheln {
    margin: 0 50px;
  }
  .leistungsuebersicht .rte {
    padding: 50px;
  }
  .hintergrund_gruen {
    margin: 0 50px;
    margin-top: -75px;
    padding: 20px 35px;
  }
  .bildtrenner img {
    height: 200px;
    object-fit: cover;
  }
  #footer .inside {
    margin: 0 50px;
  }
  #article-2, #article-3 {
    margin: 75px 50px;
  }
  .ueberschrift h1, .ueberschrift h2 {
    font-size: 40px;
  }
  .headerlogo {
    width: 175px;
    left: calc(50% - 88px);
  }
  #header {
    right: 25px;
    top: 35px;
  }
  #header .hamburger-desktop.is-active {
    right: 30px;
  }
  .kontaktbild img {
    width: 90%;
  }
  #footer .content-image img {
    width: 200px;
  }
  .ueberschrift {
    top: 220px;
  }
  .kontaktbild .rte {
    padding: 0 50px;
    margin-bottom: 25px;
  }
  .kontaktbild .rte::before {
    width: 75px;
    height: 120px;
    margin-right: 0px;
  }
}
@media (max-width: 400px) {
  .kacheln {
    margin: 0 25px;
  }
  .leistungsuebersicht .rte {
    padding: 50px 25px;
  }
  .hintergrund_gruen {
    margin: 0 25px;
    margin-top: -75px;
  }
  #footer .inside {
    margin: 0 25px;
  }
  #article-2, #article-3 {
    margin: 50px 25px;
  }
  .kontaktbild .rte {
    padding: 0 25px;
  }
}