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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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: 0;
  padding: 25px;
  background-color: rgb(255 255 255 / 80%) !important;
  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;
  z-index: 1000;
  height: 90px;
  width: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.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: #fff;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 30px;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #575756;
}

.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: #000;
  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: 'Oswald Bold'; 
  src: url('/files/layout/font/Oswald-Bold.eot');
            /* für IE9 */
  src: url('/files/layout/font/Oswald-Bold.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('/files/layout/font/Oswald-Bold.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }
 @font-face {
  font-family: 'Oswald Light'; 
  src: url('/files/layout/font/Oswald-Light.eot');
            /* für IE9 */
  src: url('/files/layout/font/Oswald-Light.woff') 
            format('woff'), 
           /* für moderne Browser */
       url('/files/layout/font/Oswald-Light.ttf') 
            format('truetype');
          /* für Safari, Android, iOS */
 }
 

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

body {
  font-family: 'Oswald Light', sans-serif, helvetica, arial;
  font-weight: 400;
  font-style: normal;
  color: #3A3939;
  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: 'Oswald Light', sans-serif, helvetica, arial;
}


.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%
} 

/*Navigation*/
#header{
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1100;
}

#header *{
  color: #FFF;
  overflow: visible;
}

#header > .inside{
  height: 90px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
header .inside .content-image {
  background-color: rgb(255 255 255 / 80%);
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .inside .content-image img {
  height: 70px;
  object-fit: contain;
}
header .inside .hamburger-desktop.is-active {
  position: fixed;
  right: 0;
  background-color: transparent !important;
}
header .inside .navigation_menu {
  display: none;
}
header .inside .navigation_menu.open {
  position: fixed;
  height: 100vh;
  width: 50vw;
  background-color: #D30019;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  animation: littleAnim 1s ease 0s 1 normal forwards;
  -webkit-animation: littleAnim 1s ease 0s 1 normal forwards;
  -moz-animation: littleAnim 1s ease 0s 1 normal forwards;
}
@keyframes littleAnim {
  0% {
		transform: scaleX(0);
		transform-origin: 100% 100%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 100% 100%;
	}
}
@-webkit-keyframes littleAnim {
  0% {
		transform: scaleX(0);
		transform-origin: 100% 100%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 100% 100%;
	}
}
@-moz-keyframes littleAnim {
  0% {
		transform: scaleX(0);
		transform-origin: 100% 100%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 100% 100%;
	}
}
header .inside .navigation_menu.open .rte {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 100px 0;
}
header .inside .navigation_menu.open .rte div {
  height: 75px;
  width: 170px;
}
header .inside .navigation_menu.open .rte a {
  text-decoration: none;
  font-size: 40px;
}
header .inside .navigation_menu.open .rte div:hover a {
  font-family: 'Oswald Bold', sans-serif;
}
header .inside .navigation_menu.open hr {
  border-color: #fff;
  width: 100px;
  margin-left: -17px;
  margin-top: -3px;
}
header .inside .navigation_menu.open .rte div:hover hr {
  border: 2px solid #fff;
}


/* Footer */
#footer{
  position: relative;
}
#footer .inside{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #D30019;
  padding: 50px 75px;
}
#footer .inside p {
  color: #fff;
}
#footer .inside a {
  color: #fff;
  text-decoration: none;
  font-family: 'Oswald Bold';
}
#footer .footer_adresse {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#footer .footer_adresse .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin-left: 50px;
  grid-column-gap: 40px; 
}
#footer .footer_adresse .rte h4 {
  grid-column: 1 / 3;
}
#footer .footer_adresse .rte p {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#footer .footer_adresse .rte a {
  font-family: 'Oswald Light', sans-serif;
  font-weight: normal;
}
#footer .footer_links .rte {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 18.5px;
  padding-left: 50px;
}
#footer .pfeil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

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

p {
  font-family: 'Oswald Light';
  font-size: 16px;
  margin: 0;
  color: #104487;
}
h1 {
  font-family: 'Oswald Bold';
  font-size: 60px;
  color: #D30019;
  font-weight: normal;
  margin: 0;
}
h2 {
  font-family: 'Oswald Bold';
  font-size: 35px;
  color: #D30019;
  font-weight: normal;
  margin: 0;
}
h3 {
  font-family: 'Oswald Light';
  font-size: 40px;
  color: #104487;
  font-weight: normal;
  margin: 0;
}
h4 {
  font-family: 'Oswald Bold';
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  color: #fff;
}
strong {
  font-family: 'Oswald Bold';
}
#headerimage {
  height: 100vh;
}
#headerimage .inside {
  height: 100vh;
}
#headerimage .content-image img {
  display: block;
  height: 100vh;
  object-fit: cover;
}
#headerimage .whitebackground {
  position: absolute;
  right: 5vw;
  width: 55vw;
  top: 20vh;
  height: 60vh;
  background-color: rgb(255 255 255 / 80%);
}
#headerimage .whitebackground .rte {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
}

#headerimage .whitebackground hr {
  border-color: black;
  margin: 0;
  width: 160px;
  margin-left: -22px;
}
#headerimage .bluebackground {
  background-color: rgb(16 68 135 / 80%);
  position: absolute;
  right: 0;
  height: 100vh;
  width: 50vw;
  top: 0;
}

/*SFI ist Ihr Partner*/
#gebiet {
  padding: 150px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
#gebiet .content-text {
  margin-right: 75px;
  padding-left: 22px;
}
#gebiet .content-text hr {
  border-color: black;
  margin: 0;
  width: 160px;
  margin-left: -22px;
  margin-bottom: 50px;
}
#gebiet .content-text p {
  padding-bottom: 15px;
}
#gebiet .content-gallery ul {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 15px;
}
#gebiet .content-gallery ul li:nth-child(1) {
  grid-column: 1 / 4;
  grid-row: 1;
}
#gebiet .content-gallery ul li:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
#gebiet .content-gallery ul li:nth-child(3) {
  grid-column: 2 / 4;
  grid-row: 2;
}
#gebiet .content-gallery ul li img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 2 / 1;
}
#gebiet .content-gallery ul li figure {
  height: 100%;
  width: 100%;
}

/*Leistungen */
.grey_background {
  padding: 50px 150px 75px;
  background-color: rgb(16 68 135 / 10% );
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-column-gap: 10%;
}
.grey_background .content-text {
  display: flex;
}
.grey_background .content-text h2 {
  height: 60px;
}
.grey_background .content-text:nth-child(1)::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='59.996' height='60' viewBox='0 0 59.996 60'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_19' data-name='Rechteck 19' width='59.996' height='60' fill='%23104487'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_17' data-name='Gruppe 17' transform='translate(0 0)'%3E%3Cg id='Gruppe_16' data-name='Gruppe 16' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_14' data-name='Pfad 14' d='M59.712,25.865s-.2-.052-.546-.137q-.105-.028-.233-.055a1.813,1.813,0,0,0-.524-.185l-6.347-1.067a2.3,2.3,0,0,1-.727-.281c-.018-.055-.033-.111-.048-.166-.1-.4-.225-.746-.332-1.06-.052-.159-.1-.306-.148-.439s-.1-.255-.14-.369c-.174-.439-.273-.694-.273-.694s-.111-.247-.306-.679c-.048-.107-.1-.225-.162-.358s-.137-.262-.21-.41c-.144-.277-.3-.587-.491-.916a2.183,2.183,0,0,1,.321-.709l3.722-5.25a1.935,1.935,0,0,0,.329-1.237l.126-.214s-.078-.1-.214-.27a1.726,1.726,0,0,0-.358-.65l-3.87-3.881a1.787,1.787,0,0,0-.635-.34l-.292-.225c-.17-.129-.27-.207-.27-.207l-.484.292-.207.129a1.749,1.749,0,0,0-.495.236L41.66,10.449a2.294,2.294,0,0,1-.72.325c-.052-.03-.1-.059-.151-.085-.177-.1-.347-.192-.51-.284s-.325-.159-.473-.233c-.3-.148-.554-.273-.775-.366-.436-.188-.683-.3-.683-.3s-.255-.1-.7-.266c-.222-.089-.495-.177-.812-.277-.155-.052-.321-.107-.5-.162l-.491-.137a2.306,2.306,0,0,1-.277-.731L34.5,1.6a1.964,1.964,0,0,0-.65-1.108c-.044-.155-.066-.244-.066-.244S33.666.229,33.452.2h-.026a1.646,1.646,0,0,0-.687-.2H30.428c-.2,0-.4-.007-.6-.007-.07,0-.144,0-.218.007H27.264a1.657,1.657,0,0,0-.716.2c-.425.048-.683.081-.683.081s-.052.2-.137.546l-.059.244a1.746,1.746,0,0,0-.181.521L24.421,7.924a2.214,2.214,0,0,1-.288.746l-.159.044c-.4.1-.75.225-1.063.332-.155.052-.3.1-.436.148s-.258.1-.369.14l-.694.273-.679.306-.358.162c-.126.066-.266.137-.414.21-.266.14-.572.292-.886.476a2.228,2.228,0,0,1-.724-.321L13.115,6.724a1.986,1.986,0,0,0-1.27-.321l-.21-.122-.262.21a1.794,1.794,0,0,0-.646.347l-3.87,3.881a1.78,1.78,0,0,0-.34.613c-.1.122-.177.229-.244.318l-.207.27.292.484.148.24a1.738,1.738,0,0,0,.233.469l3.714,5.228a2.34,2.34,0,0,1,.329.705c-.033.055-.063.111-.092.166-.1.177-.2.347-.284.51s-.159.325-.233.473c-.148.3-.277.558-.366.775-.192.436-.3.683-.3.683s-.1.255-.266.7c-.089.222-.177.495-.281.812-.048.155-.1.325-.162.5-.041.155-.085.321-.133.487a2.2,2.2,0,0,1-.724.273L1.606,25.5a1.933,1.933,0,0,0-1.115.646c-.159.044-.247.066-.247.066L.2,26.548l0,.026a1.848,1.848,0,0,0-.2.679V32.74a1.774,1.774,0,0,0,.2.69c.052.436.085.709.085.709l.546.133.292.07a1.644,1.644,0,0,0,.473.151l1.673.284c.21.037.432.074.654.111l4.017.683a2.136,2.136,0,0,1,.72.266c.018.066.033.129.052.188.1.4.225.75.332,1.063.052.155.1.3.148.439s.1.255.14.366c.174.439.273.694.273.694s.111.247.306.679l.162.358c.066.129.137.266.21.414.14.273.3.583.487.908a2.2,2.2,0,0,1-.321.713L6.727,46.881A1.985,1.985,0,0,0,6.41,48.14l-.133.225s.085.1.233.288a1.83,1.83,0,0,0,.347.62l1.857,1.865.2.2c.041.041.081.081.122.118l1.691,1.695a1.706,1.706,0,0,0,.6.329c.122.1.233.181.321.247.17.133.27.207.27.207l.484-.292.258-.162a1.673,1.673,0,0,0,.454-.222l5.225-3.726a2.341,2.341,0,0,1,.694-.318c.059.033.118.066.177.1.177.1.347.2.51.284s.325.162.473.233c.3.151.554.277.775.366.436.192.683.3.683.3s.255.1.7.266c.222.089.495.177.809.281.159.052.325.1.5.162.155.041.321.089.491.133a2.371,2.371,0,0,1,.27.724l1.067,6.329a1.985,1.985,0,0,0,.657,1.111c.041.166.066.258.066.258l.336.041.041,0a1.776,1.776,0,0,0,.676.2l2.142,0c.251,0,.51.011.768.007l.476-.011,2.09,0a1.662,1.662,0,0,0,.668-.185l.727-.089s.052-.2.137-.546c.022-.085.041-.177.066-.281a1.794,1.794,0,0,0,.166-.491l1.067-6.336a2.3,2.3,0,0,1,.277-.724l.177-.048c.4-.1.746-.225,1.063-.332.155-.052.3-.1.439-.148s.255-.1.366-.14l.694-.273.679-.306c.107-.048.225-.1.358-.162s.266-.133.41-.21c.281-.144.594-.3.919-.495a2.243,2.243,0,0,1,.705.321L46.9,53.258a1.957,1.957,0,0,0,1.237.329c.148.089.233.137.233.137l.292-.24a1.77,1.77,0,0,0,.62-.347l1.569-1.566c.162-.159.329-.325.495-.484.089-.092.181-.185.27-.277l1.536-1.536a1.721,1.721,0,0,0,.34-.613l.24-.31c.129-.17.207-.27.207-.27l-.292-.484c-.044-.066-.089-.14-.137-.222a1.755,1.755,0,0,0-.24-.495l-3.722-5.239a2.415,2.415,0,0,1-.318-.7c.03-.052.059-.1.085-.155.1-.177.192-.347.284-.51s.159-.325.233-.473c.148-.3.277-.554.366-.775.188-.432.3-.683.3-.683s.1-.255.266-.7c.089-.222.177-.495.277-.809.052-.159.107-.325.162-.5l.14-.5a2.183,2.183,0,0,1,.724-.266l6.332-1.078a1.912,1.912,0,0,0,1.108-.639l.255-.063s.011-.126.041-.34l0-.033a1.8,1.8,0,0,0,.2-.679V27.253a1.727,1.727,0,0,0-.207-.709c-.052-.421-.081-.679-.081-.679M30,42.86A12.86,12.86,0,1,1,42.86,30,12.858,12.858,0,0,1,30,42.86' transform='translate(0 0)' fill='%23104487'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 70px;
  margin-right: 25px;
}
.grey_background .content-text:nth-child(2)::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72.201' height='60' viewBox='0 0 72.201 60'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_20' data-name='Rechteck 20' width='72.201' height='60' fill='%23104487'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_19' data-name='Gruppe 19' opacity='0.8'%3E%3Cg id='Gruppe_18' data-name='Gruppe 18' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_15' data-name='Pfad 15' d='M5.826,6.825c.92,5.536,5.909,6.887,5.82,11.859a5.771,5.771,0,0,1-5.82,5.629A5.7,5.7,0,0,1,0,18.679c.12-5.594,4.652-6.2,5.825-11.854' transform='translate(-0.001 23.5)' fill='%23104487' fill-rule='evenodd'/%3E%3Cpath id='Pfad_16' data-name='Pfad 16' d='M7.645,11.776l4.1-5.407L8.3,3.761A1.712,1.712,0,0,0,5.9,4.1L1.394,10.048a1.72,1.72,0,0,0,.324,2.4l3.861,2.924a1.766,1.766,0,0,0,.48.231c.08-.191.169-.378.262-.564a6.766,6.766,0,0,1,1.324-3.261' transform='translate(3.605 11.764)' fill='%23104487'/%3E%3Cpath id='Pfad_17' data-name='Pfad 17' d='M47.209,20.6,34.515,37.364a4.817,4.817,0,0,1-6.754.791L6.306,21.907a4.811,4.811,0,0,1-1.071-6.714l5.074-6.7a30,30,0,0,1,2.644-3.279c.773-.649,1.364-.56,3.03-.684,3.217-.235,8.46-.515,12.183-.706,2.55-.133,3.328-.284,4.319.031a19.331,19.331,0,0,1,3.43,2.293l10.224,7.74A4.811,4.811,0,0,1,47.209,20.6' transform='translate(14.848 12.613)' fill='%23104487'/%3E%3Cpath id='Pfad_18' data-name='Pfad 18' d='M47.2,37.971h0l-.382-.289,0,0a6.6,6.6,0,0,1-2,1.751,6.9,6.9,0,0,1-3.39.884,7.2,7.2,0,0,1-4.359-1.475L5.977,15.3A7.142,7.142,0,0,1,3.16,8.82,6.557,6.557,0,0,1,4.435,5.625l.013-.018-.382-.293-.013.018-.675.9a7.172,7.172,0,0,0-.635,1.017c-.1.191-.187.387-.271.582A7.507,7.507,0,0,0,4.995,16.6l31.088,23.54A7.59,7.59,0,0,0,40.7,41.7a7.28,7.28,0,0,0,5.318-2.284c.049-.053.1-.1.151-.156a3.361,3.361,0,0,0,.338-.369l.693-.915-.187-.142.191.138Z' transform='translate(6.686 18.298)' fill='%23104487'/%3E%3Cpath id='Pfad_19' data-name='Pfad 19' d='M48.269,25.1,17.176,1.56A7.559,7.559,0,0,0,12.569,0,7.265,7.265,0,0,0,7.255,2.288c-.049.049-.1.1-.156.151a4.015,4.015,0,0,0-.342.373l-.684.911-.009,0,.2.142.191.142a6.6,6.6,0,0,1,2-1.751,6.89,6.89,0,0,1,3.395-.88A7.161,7.161,0,0,1,16.2,2.857L47.287,26.4A7.151,7.151,0,0,1,50.1,32.879a6.666,6.666,0,0,1-1.275,3.2l-.013.013.378.289.013-.018.68-.9a7.169,7.169,0,0,0,.631-1.017,6.247,6.247,0,0,0,.271-.582A7.5,7.5,0,0,0,48.269,25.1' transform='translate(20.879 0.001)' fill='%23104487'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 80px;
  margin-right: 25px;
}
.grey_background .content-text:nth-child(3)::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60.113' height='60' viewBox='0 0 60.113 60'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_21' data-name='Rechteck 21' width='60.113' height='60' fill='%23104487'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_20' data-name='Gruppe 20' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_20' data-name='Pfad 20' d='M23.9,40.328l-1.718-1.723L20.58,37a9.1,9.1,0,0,1-2.109-3.294L7.618,44.563.735,49.7,0,52.424,7.618,60l2.786-.735,5.088-6.832L25.748,42.176l-1.021-1.021ZM8.408,54.9A3.206,3.206,0,1,1,11.613,51.7,3.205,3.205,0,0,1,8.408,54.9M32.185,20.924l2.151-2.155c-.113-.059-.231-.122-.353-.181l-.122-.265a9.344,9.344,0,0,1-1.118-4.109C32.744,6.95,39.689.088,46.954,0c.029,0,.836.819,1.3,1.282-5.95,5.95-5.34,4.782-5.34,8.445,0,2.832,4.576,7.475,7.475,7.475,3.567,0,2.622.479,8.445-5.34.445.445,1.277,1.269,1.277,1.294C60.2,20.42,53.168,27.37,45.9,27.37a8.356,8.356,0,0,1-2.954-.622l-.172-.176-.248-.244L40.651,28.2l-1.025-1.021-.828-.828L37.08,24.63l-1.6-1.6a9.135,9.135,0,0,0-3.294-2.109m6.424,8.681a2.941,2.941,0,0,1-3.143-.634,3.15,3.15,0,0,1-.861-2.147,2.21,2.21,0,0,1,.223-1l-1.4-1.4a5.087,5.087,0,0,0-7.189,0l-.261.261L12.046,10.752,10.79,7.424,3.857,2.567.756,5.685l4.832,6.92,3.357,1.261L22.87,27.79l-.37.37a5.087,5.087,0,0,0,0,7.193l1.408,1.408a2.961,2.961,0,0,1,3.113.651,3.163,3.163,0,0,1,.857,2.143,2.2,2.2,0,0,1-.206.971L45.617,58.462a5.079,5.079,0,0,0,7.189,0l3.735-3.731a5.092,5.092,0,0,0,0-7.193ZM49.8,55.063a3.315,3.315,0,1,1,3.315-3.315A3.314,3.314,0,0,1,49.8,55.063' transform='translate(0 -0.001)' fill='%23104487'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 70px;
  margin-right: 25px;
}
#leistungen .content-gallery img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/*Baureihen */
.redbackground {
  margin: -25px 75px 75px;
  padding: 47px 75px;
  background-color: #D30019;
}
.redbackground h2 {
  color: #fff;
  padding-left: 85px;
}
.redbackground p {
  color: #fff;
  grid-column: 1;
  padding-left: 85px;
}
.redbackground .rte {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-row-gap: 25px;
  grid-column-gap: 50px;
}
.redbackground table {
  grid-column: 2;
  grid-row: 1 / 4;
}
.redbackground table tbody{
  border: 1px solid transparent;
}
.redbackground table tr {
  border: 1px solid transparent;
}
.redbackground table tr:last-child {
  border-bottom: 1px solid transparent;
}
.redbackground table td {
  color: #fff;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff;
}
.redbackground table td strong {
  padding-left: 5px;
}

/* Gallerie Motoren */
.gallery_motoren  {
  margin: 125px 0;
}
.gallery_motoren ul {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 25px;
}


/*Über mich*/
#uebermich {
  background-color: rgb(16 68 135 / 10% );
  padding: 100px 150px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 75px;
}
#uebermich .content-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#uebermich .content-image figure {
  height: 70%;
  display: flex;
  justify-content: center;
}
#uebermich .content-image img {
  height: 100%;
  object-fit: contain;
}
#uebermich .content-text {
  padding-right: 85px;
}
#uebermich hr {
  border-color: black;
  margin: 0;
  width: 160px;
  margin-left: -22px;
  margin-bottom: 50px;
}
#uebermich .content-text p {
  padding-bottom: 15px;
}
/*404 */
#article-5 {
  height: calc(100vh - 200px);
  display: flex;
  justify-content: center;
}
#article-5 .content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#article-5 h2 {
  font-size: 80px
}
#article-5 a {
  text-decoration: none;
}

/* Impressum, Datenschutz */
#article-2,
#article-3 {
  margin: 125px 150px;
}


@media (max-width: 1350px){
  .grey_background {
    grid-column-gap: 25px;
  }
}

@media (max-width: 1200px){
  #gebiet,
  #uebermich,
  .grey_background {
    padding-left: 75px;
    padding-right: 75px;
  }
  .redbackground {
    margin-left: 25px;
    margin-right: 25px;
  }
  #footer .inside {
    padding-left: 50px;
    padding-right: 50px;
  }
  .redbackground h2,
  .redbackground p {
    padding-left: 70px;
  }
  #article-2,
  #article-3 {
    margin: 125px 75px;
  }
}

@media (max-width: 1050px){
  .grey_background .content-text::before {
    padding-right: 50px !important;
  }
}

@media (max-width: 975px){

  #gebiet,
  .grey_background,
  .redbackground .rte {
    display: flex;
    flex-direction: column;
  }
  #gebiet .content-text {
    margin-bottom: 25px;
    margin-right: 0;
    padding-left: 0;
  }
  #gebiet .content-text hr,
  #uebermich hr {
    margin-left: -12px;
    width: 100px;
  }
  .redbackground {
    padding: 47px 50px;
  }
  .redbackground h2, .redbackground p {
    padding-left: 0
  }
  #uebermich {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 0;
  }
  #uebermich .content-text {
    margin-bottom: 25px;
    padding-right: 0;
  }
  .gallery_motoren {
    margin: 75px 0;
  }
  #footer {
    background-color: #D30019;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #footer .inside {
    flex-direction: column;
    width: max-content;
    gap: 25px;
  }
  #footer .pfeil {
    position: absolute;
    bottom: 50px;
    right: 0px;
  }
  #headerimage .content-image img {
    object-position: 10%;
  }
  #gebiet {
    padding-top: 75px;
    padding-bottom: 100px;
  }
  #footer .footer_links .rte{
    grid-gap: 12px;
  }
}

@media (max-width: 875px){
  #headerimage .bluebackground {
    width: 100vw;
    top: 50vh;
    height: 50vh;
  }
  #headerimage .whitebackground {
    width: 85vw;
    top: 45vh;
    height: 50vh;
    right: 7.5vw;
  }
  #headerimage .whitebackground .rte {
    width: calc(100vw - 200px);
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 30px;
  }
  #headerimage .whitebackground hr {
    width: 100px;
    margin-left: -12px;
  }
  #header > .inside {
    background-color: rgb(255 255 255 / 80%);
  }
  header .inside .content-image,
  .hamburger {
    background-color: transparent !important;
  }
  header .inside .navigation_menu.open {
    width: 100vw;
  }
  .redbackground table tr {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: calc(100vw - 150px);
    border-bottom: 0px solid transparent;
  }
  .redbackground table tr td {
    border-bottom: 1px solid #fff;
    padding: 10px;
  }  
  .redbackground table tr td strong {
    padding-left: 0;
  }
  .redbackground table tr td:first-child {
    grid-column: 1 / 3;
  }
  .redbackground table tr:last-child td:nth-child(2),
  .redbackground table tr:last-child td:nth-child(3) {
    border-bottom: 1px solid transparent;
  }
}


@media (max-width: 700px){
  .gallery_motoren ul {
    margin-left: 25px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .gallery_partner li {
    min-height: 250px;
  }
  #gebiet .content-gallery ul {
    grid-gap: 8px;
  }
  #footer .footer_adresse {
    flex-direction: column;
    gap: 15px;
  }
  #footer .footer_adresse .rte {
    margin-left: 0;
  }
  #footer .footer_links .rte {
    padding-left: 0;
  }
}

@media (max-width: 500px) {
  .grey_background {
  padding-left: 50px;
  padding-right: 50px;
  gap: 25px;
}
  .gallery_motoren {
    margin: 50px 0
  }
  #uebermich, #gebiet {
    padding: 50px;
  }
  #footer .footer_adresse .rte{
    display: flex;
    flex-direction: column;
  }
  #footer .footer_adresse .rte p:nth-child(2) {
    padding-top: 15px;
  }
  h1 {
    font-size: 33px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 23px;
  }
  #headerimage .whitebackground .rte {
    width: calc(100vw - 125px);
  }
  .redbackground {
    padding: 30px 25px;
  }
  .redbackground table tr {
    width: calc(100vw - 100px);
  }
  #article-2,
  #article-3 {
    margin: 125px 50px;
  }
  .grey_background .content-text h2 {
    height: auto;
  }

}

@media (max-width: 310px) {
  h1 {
    font-size: 28px;
  }
}