@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: themify;
    src: url(/files/themes/jaehler/fonts/themify.eot?-fvbane);
    src: url(/files/themes/jaehler/fonts/themify.eot?#iefix-fvbane) format("embedded-opentype"), url(/files/themes/jaehler/fonts/themify.woff?-fvbane) format("woff"), url(/files/themes/jaehler/fonts//themify.ttf?-fvbane) format("truetype"), url(/files/themes/jaehler/fonts/themify.svg?-fvbane#themify) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.33333em
}

a [class*=" icon-"],
a [class^=icon-] {
    display: inline
}

[class*=" icon-"].icon-fixed-width,
[class^=icon-].icon-fixed-width {
    display: inline-block;
    width: 1.14286em;
    text-align: right;
    padding-right: .28571em
}

[class*=" icon-"].icon-fixed-width.icon-large,
[class^=icon-].icon-fixed-width.icon-large {
    width: 1.42857em
}

.icons-ul {
    margin-left: 2.14286em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit
}

[class*=" icon-"].hide,
[class^=icon-].hide {
    display: none
}

.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class*=" icon-"].pull-left,
[class^=icon-].pull-left {
    margin-right: .3em
}

[class*=" icon-"].pull-right,
[class^=icon-].pull-right {
    margin-left: .3em
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class*=" icon-"],
.icon-stack [class^=icon-] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit
}

.icon-stack .icon-stack-base {
    font-size: 2em
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-spin,
a .icon-stack {
    display: inline-block;
    text-decoration: none
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-flip-horizontal:before,
a .icon-flip-vertical:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-rotate-90:before {
    display: inline-block
}

.icon-wand:before {
    content: "\e600"
}

.icon-volume:before {
    content: "\e601"
}

.icon-user:before {
    content: "\e602"
}

.icon-unlock:before {
    content: "\e603"
}

.icon-unlink:before {
    content: "\e604"
}

.icon-trash:before {
    content: "\e605"
}

.icon-thought:before {
    content: "\e606"
}

.icon-target:before {
    content: "\e607"
}

.icon-tag:before {
    content: "\e608"
}

.icon-tablet:before {
    content: "\e609"
}

.icon-star:before {
    content: "\e60a"
}

.icon-spray:before {
    content: "\e60b"
}

.icon-signal:before {
    content: "\e60c"
}

.icon-shopping-cart:before {
    content: "\e60d"
}

.icon-shopping-cart-full:before {
    content: "\e60e"
}

.icon-settings:before {
    content: "\e60f"
}

.icon-search:before {
    content: "\e610"
}

.icon-zoom-in:before {
    content: "\e611"
}

.icon-zoom-out:before {
    content: "\e612"
}

.icon-cut:before {
    content: "\e613"
}

.icon-ruler:before {
    content: "\e614"
}

.icon-ruler-pencil:before {
    content: "\e615"
}

.icon-ruler-alt:before {
    content: "\e616"
}

.icon-bookmark:before {
    content: "\e617"
}

.icon-bookmark-alt:before {
    content: "\e618"
}

.icon-reload:before {
    content: "\e619"
}

.icon-plus:before {
    content: "\e61a"
}

.icon-pin:before {
    content: "\e61b"
}

.icon-pencil:before {
    content: "\e61c"
}

.icon-pencil-alt:before {
    content: "\e61d"
}

.icon-paint-roller:before {
    content: "\e61e"
}

.icon-paint-bucket:before {
    content: "\e61f"
}

.icon-na:before {
    content: "\e620"
}

.icon-mobile:before {
    content: "\e621"
}

.icon-minus:before {
    content: "\e622"
}

.icon-medall:before {
    content: "\e623"
}

.icon-medall-alt:before {
    content: "\e624"
}

.icon-marker:before {
    content: "\e625"
}

.icon-marker-alt:before {
    content: "\e626"
}

.icon-arrow-up:before {
    content: "\e627"
}

.icon-arrow-right:before {
    content: "\e628"
}

.icon-arrow-left:before {
    content: "\e629"
}

.icon-arrow-down:before {
    content: "\e62a"
}

.icon-lock:before {
    content: "\e62b"
}

.icon-location-arrow:before {
    content: "\e62c"
}

.icon-link:before {
    content: "\e62d"
}

.icon-layout:before {
    content: "\e62e"
}

.icon-layers:before {
    content: "\e62f"
}

.icon-layers-alt:before {
    content: "\e630"
}

.icon-key:before {
    content: "\e631"
}

.icon-import:before {
    content: "\e632"
}

.icon-image:before {
    content: "\e633"
}

.icon-heart:before {
    content: "\e634"
}

.icon-heart-broken:before {
    content: "\e635"
}

.icon-hand-stop:before {
    content: "\e636"
}

.icon-hand-open:before {
    content: "\e637"
}

.icon-hand-drag:before {
    content: "\e638"
}

.icon-folder:before {
    content: "\e639"
}

.icon-flag:before {
    content: "\e63a"
}

.icon-flag-alt:before {
    content: "\e63b"
}

.icon-flag-alt-2:before {
    content: "\e63c"
}

.icon-eye:before {
    content: "\e63d"
}

.icon-export:before {
    content: "\e63e"
}

.icon-exchange-vertical:before {
    content: "\e63f"
}

.icon-desktop:before {
    content: "\e640"
}

.icon-cup:before {
    content: "\e641"
}

.icon-crown:before {
    content: "\e642"
}

.icon-comments:before {
    content: "\e643"
}

.icon-comment:before {
    content: "\e644"
}

.icon-comment-alt:before {
    content: "\e645"
}

.icon-close:before {
    content: "\e646"
}

.icon-clip:before {
    content: "\e647"
}

.icon-angle-up:before {
    content: "\e648"
}

.icon-angle-right:before {
    content: "\e649"
}

.icon-angle-left:before {
    content: "\e64a"
}

.icon-angle-down:before {
    content: "\e64b"
}

.icon-check:before {
    content: "\e64c"
}

.icon-check-box:before {
    content: "\e64d"
}

.icon-camera:before {
    content: "\e64e"
}

.icon-announcement:before {
    content: "\e64f"
}

.icon-brush:before {
    content: "\e650"
}

.icon-briefcase:before {
    content: "\e651"
}

.icon-bolt:before {
    content: "\e652"
}

.icon-bolt-alt:before {
    content: "\e653"
}

.icon-blackboard:before {
    content: "\e654"
}

.icon-bag:before {
    content: "\e655"
}

.icon-move:before {
    content: "\e656"
}

.icon-arrows-vertical:before {
    content: "\e657"
}

.icon-arrows-horizontal:before {
    content: "\e658"
}

.icon-fullscreen:before {
    content: "\e659"
}

.icon-arrow-top-right:before {
    content: "\e65a"
}

.icon-arrow-top-left:before {
    content: "\e65b"
}

.icon-arrow-circle-up:before {
    content: "\e65c"
}

.icon-arrow-circle-right:before {
    content: "\e65d"
}

.icon-arrow-circle-left:before {
    content: "\e65e"
}

.icon-arrow-circle-down:before {
    content: "\e65f"
}

.icon-angle-double-up:before {
    content: "\e660"
}

.icon-angle-double-right:before {
    content: "\e661"
}

.icon-angle-double-left:before {
    content: "\e662"
}

.icon-angle-double-down:before {
    content: "\e663"
}

.icon-zip:before {
    content: "\e664"
}

.icon-world:before {
    content: "\e665"
}

.icon-wheelchair:before {
    content: "\e666"
}

.icon-view-list:before {
    content: "\e667"
}

.icon-view-list-alt:before {
    content: "\e668"
}

.icon-view-grid:before {
    content: "\e669"
}

.icon-uppercase:before {
    content: "\e66a"
}

.icon-upload:before {
    content: "\e66b"
}

.icon-underline:before {
    content: "\e66c"
}

.icon-truck:before {
    content: "\e66d"
}

.icon-timer:before {
    content: "\e66e"
}

.icon-ticket:before {
    content: "\e66f"
}

.icon-thumb-up:before {
    content: "\e670"
}

.icon-thumb-down:before {
    content: "\e671"
}

.icon-text:before {
    content: "\e672"
}

.icon-stats-up:before {
    content: "\e673"
}

.icon-stats-down:before {
    content: "\e674"
}

.icon-split-v:before {
    content: "\e675"
}

.icon-split-h:before {
    content: "\e676"
}

.icon-smallcap:before {
    content: "\e677"
}

.icon-shine:before {
    content: "\e678"
}

.icon-shift-right:before {
    content: "\e679"
}

.icon-shift-left:before {
    content: "\e67a"
}

.icon-shield:before {
    content: "\e67b"
}

.icon-notepad:before {
    content: "\e67c"
}

.icon-server:before {
    content: "\e67d"
}

.icon-quote-right:before {
    content: "\e67e"
}

.icon-quote-left:before {
    content: "\e67f"
}

.icon-pulse:before {
    content: "\e680"
}

.icon-printer:before {
    content: "\e681"
}

.icon-power-off:before {
    content: "\e682"
}

.icon-plug:before {
    content: "\e683"
}

.icon-pie-chart:before {
    content: "\e684"
}

.icon-paragraph:before {
    content: "\e685"
}

.icon-panel:before {
    content: "\e686"
}

.icon-package:before {
    content: "\e687"
}

.icon-music:before {
    content: "\e688"
}

.icon-music-alt:before {
    content: "\e689"
}

.icon-mouse:before {
    content: "\e68a"
}

.icon-mouse-alt:before {
    content: "\e68b"
}

.icon-money:before {
    content: "\e68c"
}

.icon-microphone:before {
    content: "\e68d"
}

.icon-menu:before {
    content: "\e68e"
}

.icon-menu-alt:before {
    content: "\e68f"
}

.icon-map:before {
    content: "\e690"
}

.icon-map-alt:before {
    content: "\e691"
}

.icon-loop:before {
    content: "\e692"
}

.icon-location-pin:before {
    content: "\e693"
}

.icon-list:before {
    content: "\e694"
}

.icon-light-bulb:before {
    content: "\e695"
}

.icon-Italic:before {
    content: "\e696"
}

.icon-info:before {
    content: "\e697"
}

.icon-infinite:before {
    content: "\e698"
}

.icon-id-badge:before {
    content: "\e699"
}

.icon-hummer:before {
    content: "\e69a"
}

.icon-home:before {
    content: "\e69b"
}

.icon-help:before {
    content: "\e69c"
}

.icon-headphone:before {
    content: "\e69d"
}

.icon-harddrives:before {
    content: "\e69e"
}

.icon-harddrive:before {
    content: "\e69f"
}

.icon-gift:before {
    content: "\e6a0"
}

.icon-game:before {
    content: "\e6a1"
}

.icon-filter:before {
    content: "\e6a2"
}

.icon-files:before {
    content: "\e6a3"
}

.icon-file:before {
    content: "\e6a4"
}

.icon-eraser:before {
    content: "\e6a5"
}

.icon-envelope:before {
    content: "\e6a6"
}

.icon-download:before {
    content: "\e6a7"
}

.icon-direction:before {
    content: "\e6a8"
}

.icon-direction-alt:before {
    content: "\e6a9"
}

.icon-dashboard:before {
    content: "\e6aa"
}

.icon-control-stop:before {
    content: "\e6ab"
}

.icon-control-shuffle:before {
    content: "\e6ac"
}

.icon-control-play:before {
    content: "\e6ad"
}

.icon-control-pause:before {
    content: "\e6ae"
}

.icon-control-forward:before {
    content: "\e6af"
}

.icon-control-backward:before {
    content: "\e6b0"
}

.icon-cloud:before {
    content: "\e6b1"
}

.icon-cloud-up:before {
    content: "\e6b2"
}

.icon-cloud-down:before {
    content: "\e6b3"
}

.icon-clipboard:before {
    content: "\e6b4"
}

.icon-car:before {
    content: "\e6b5"
}

.icon-calendar:before {
    content: "\e6b6"
}

.icon-book:before {
    content: "\e6b7"
}

.icon-bell:before {
    content: "\e6b8"
}

.icon-basketball:before {
    content: "\e6b9"
}

.icon-bar-chart:before {
    content: "\e6ba"
}

.icon-bar-chart-alt:before {
    content: "\e6bb"
}

.icon-back-right:before {
    content: "\e6bc"
}

.icon-back-left:before {
    content: "\e6bd"
}

.icon-arrows-corner:before {
    content: "\e6be"
}

.icon-archive:before {
    content: "\e6bf"
}

.icon-anchor:before {
    content: "\e6c0"
}

.icon-align-right:before {
    content: "\e6c1"
}

.icon-align-left:before {
    content: "\e6c2"
}

.icon-align-justify:before {
    content: "\e6c3"
}

.icon-align-center:before {
    content: "\e6c4"
}

.icon-alert:before {
    content: "\e6c5"
}

.icon-alarm-clock:before {
    content: "\e6c6"
}

.icon-agenda:before {
    content: "\e6c7"
}

.icon-write:before {
    content: "\e6c8"
}

.icon-window:before {
    content: "\e6c9"
}

.icon-widgetized:before {
    content: "\e6ca"
}

.icon-widget:before {
    content: "\e6cb"
}

.icon-widget-alt:before {
    content: "\e6cc"
}

.icon-wallet:before {
    content: "\e6cd"
}

.icon-video-clapper:before {
    content: "\e6ce"
}

.icon-video-camera:before {
    content: "\e6cf"
}

.icon-vector:before {
    content: "\e6d0"
}

.icon-themify-logo:before {
    content: "\e6d1"
}

.icon-themify-favicon:before {
    content: "\e6d2"
}

.icon-themify-favicon-alt:before {
    content: "\e6d3"
}

.icon-support:before {
    content: "\e6d4"
}

.icon-stamp:before {
    content: "\e6d5"
}

.icon-split-v-alt:before {
    content: "\e6d6"
}

.icon-slice:before {
    content: "\e6d7"
}

.icon-shortcode:before {
    content: "\e6d8"
}

.icon-shift-right-alt:before {
    content: "\e6d9"
}

.icon-shift-left-alt:before {
    content: "\e6da"
}

.icon-ruler-alt-2:before {
    content: "\e6db"
}

.icon-receipt:before {
    content: "\e6dc"
}

.icon-pin2:before {
    content: "\e6dd"
}

.icon-pin-alt:before {
    content: "\e6de"
}

.icon-pencil-alt2:before {
    content: "\e6df"
}

.icon-palette:before {
    content: "\e6e0"
}

.icon-more:before {
    content: "\e6e1"
}

.icon-more-alt:before {
    content: "\e6e2"
}

.icon-microphone-alt:before {
    content: "\e6e3"
}

.icon-magnet:before {
    content: "\e6e4"
}

.icon-line-double:before {
    content: "\e6e5"
}

.icon-line-dotted:before {
    content: "\e6e6"
}

.icon-line-dashed:before {
    content: "\e6e7"
}

.icon-layout-width-full:before {
    content: "\e6e8"
}

.icon-layout-width-default:before {
    content: "\e6e9"
}

.icon-layout-width-default-alt:before {
    content: "\e6ea"
}

.icon-layout-tab:before {
    content: "\e6eb"
}

.icon-layout-tab-window:before {
    content: "\e6ec"
}

.icon-layout-tab-v:before {
    content: "\e6ed"
}

.icon-layout-tab-min:before {
    content: "\e6ee"
}

.icon-layout-slider:before {
    content: "\e6ef"
}

.icon-layout-slider-alt:before {
    content: "\e6f0"
}

.icon-layout-sidebar-right:before {
    content: "\e6f1"
}

.icon-layout-sidebar-none:before {
    content: "\e6f2"
}

.icon-layout-sidebar-left:before {
    content: "\e6f3"
}

.icon-layout-placeholder:before {
    content: "\e6f4"
}

.icon-layout-menu:before {
    content: "\e6f5"
}

.icon-layout-menu-v:before {
    content: "\e6f6"
}

.icon-layout-menu-separated:before {
    content: "\e6f7"
}

.icon-layout-menu-full:before {
    content: "\e6f8"
}

.icon-layout-media-right-alt:before {
    content: "\e6f9"
}

.icon-layout-media-right:before {
    content: "\e6fa"
}

.icon-layout-media-overlay:before {
    content: "\e6fb"
}

.icon-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.icon-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.icon-layout-media-left-alt:before {
    content: "\e6fe"
}

.icon-layout-media-left:before {
    content: "\e6ff"
}

.icon-layout-media-center-alt:before {
    content: "\e700"
}

.icon-layout-media-center:before {
    content: "\e701"
}

.icon-layout-list-thumb:before {
    content: "\e702"
}

.icon-layout-list-thumb-alt:before {
    content: "\e703"
}

.icon-layout-list-post:before {
    content: "\e704"
}

.icon-layout-list-large-image:before {
    content: "\e705"
}

.icon-layout-line-solid:before {
    content: "\e706"
}

.icon-layout-grid4:before {
    content: "\e707"
}

.icon-layout-grid3:before {
    content: "\e708"
}

.icon-layout-grid2:before {
    content: "\e709"
}

.icon-layout-grid2-thumb:before {
    content: "\e70a"
}

.icon-layout-cta-right:before {
    content: "\e70b"
}

.icon-layout-cta-left:before {
    content: "\e70c"
}

.icon-layout-cta-center:before {
    content: "\e70d"
}

.icon-layout-cta-btn-right:before {
    content: "\e70e"
}

.icon-layout-cta-btn-left:before {
    content: "\e70f"
}

.icon-layout-column4:before {
    content: "\e710"
}

.icon-layout-column3:before {
    content: "\e711"
}

.icon-layout-column2:before {
    content: "\e712"
}

.icon-layout-accordion-separated:before {
    content: "\e713"
}

.icon-layout-accordion-merged:before {
    content: "\e714"
}

.icon-layout-accordion-list:before {
    content: "\e715"
}

.icon-ink-pen:before {
    content: "\e716"
}

.icon-info-alt:before {
    content: "\e717"
}

.icon-help-alt:before {
    content: "\e718"
}

.icon-headphone-alt:before {
    content: "\e719"
}

.icon-hand-point-up:before {
    content: "\e71a"
}

.icon-hand-point-right:before {
    content: "\e71b"
}

.icon-hand-point-left:before {
    content: "\e71c"
}

.icon-hand-point-down:before {
    content: "\e71d"
}

.icon-gallery:before {
    content: "\e71e"
}

.icon-face-smile:before {
    content: "\e71f"
}

.icon-face-sad:before {
    content: "\e720"
}

.icon-credit-card:before {
    content: "\e721"
}

.icon-control-skip-forward:before {
    content: "\e722"
}

.icon-control-skip-backward:before {
    content: "\e723"
}

.icon-control-record:before {
    content: "\e724"
}

.icon-control-eject:before {
    content: "\e725"
}

.icon-comments-smiley:before {
    content: "\e726"
}

.icon-brush-alt:before {
    content: "\e727"
}

.icon-youtube:before {
    content: "\e728"
}

.icon-vimeo:before {
    content: "\e729"
}

.icon-twitter:before {
    content: "\e72a"
}

.icon-time:before {
    content: "\e72b"
}

.icon-tumblr:before {
    content: "\e72c"
}

.icon-skype:before {
    content: "\e72d"
}

.icon-share:before {
    content: "\e72e"
}

.icon-share-alt:before {
    content: "\e72f"
}

.icon-rocket:before {
    content: "\e730"
}

.icon-pinterest:before {
    content: "\e731"
}

.icon-new-window:before {
    content: "\e732"
}

.icon-microsoft:before {
    content: "\e733"
}

.icon-list-ol:before {
    content: "\e734"
}

.icon-linkedin:before {
    content: "\e735"
}

.icon-layout-sidebar-2:before {
    content: "\e736"
}

.icon-layout-grid4-alt:before {
    content: "\e737"
}

.icon-layout-grid3-alt:before {
    content: "\e738"
}

.icon-layout-grid2-alt:before {
    content: "\e739"
}

.icon-layout-column4-alt:before {
    content: "\e73a"
}

.icon-layout-column3-alt:before {
    content: "\e73b"
}

.icon-layout-column2-alt:before {
    content: "\e73c"
}

.icon-instagram:before {
    content: "\e73d"
}

.icon-google:before {
    content: "\e73e"
}

.icon-github:before {
    content: "\e73f"
}

.icon-flickr:before {
    content: "\e740"
}

.icon-facebook:before {
    content: "\e741"
}

.icon-dropbox:before {
    content: "\e742"
}

.icon-dribbble:before {
    content: "\e743"
}

.icon-apple:before {
    content: "\e744"
}

.icon-android:before {
    content: "\e745"
}

.icon-save:before {
    content: "\e746"
}

.icon-save-alt:before {
    content: "\e747"
}

.icon-yahoo:before {
    content: "\e748"
}

.icon-wordpress:before {
    content: "\e749"
}

.icon-vimeo-alt:before {
    content: "\e74a"
}

.icon-twitter-alt:before {
    content: "\e74b"
}

.icon-tumblr-alt:before {
    content: "\e74c"
}

.icon-trello:before {
    content: "\e74d"
}

.icon-stack-overflow:before {
    content: "\e74e"
}

.icon-soundcloud:before {
    content: "\e74f"
}

.icon-sharethis:before {
    content: "\e750"
}

.icon-sharethis-alt:before {
    content: "\e751"
}

.icon-reddit:before {
    content: "\e752"
}

.icon-pinterest-alt:before {
    content: "\e753"
}

.icon-microsoft-alt:before {
    content: "\e754"
}

.icon-linux:before {
    content: "\e755"
}

.icon-jsfiddle:before {
    content: "\e756"
}

.icon-joomla:before {
    content: "\e757"
}

.icon-html5:before {
    content: "\e758"
}

.icon-flickr-alt:before {
    content: "\e759"
}

.icon-email:before {
    content: "\e75a"
}

.icon-drupal:before {
    content: "\e75b"
}

.icon-dropbox-alt:before {
    content: "\e75c"
}

.icon-css3:before {
    content: "\e75d"
}

.icon-rss:before {
    content: "\e75e"
}

.icon-rss-alt:before {
    content: "\e75f"
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: Roboto, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: Roboto, sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: .5
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 0;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 504
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 506;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: none;
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-content {
    max-width: 1920px;
    max-width: 120rem;
    background-color: #fff
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 1.1875em 1em;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active:hover {
    opacity: 1
}

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

.hamburger-box {
    width: 1.6875em;
    height: 1.1875em;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -.09375em
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 1.6875em;
    height: .1875em;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

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

.hamburger-inner::before {
    top: -.5em
}

.hamburger-inner::after {
    bottom: -.5em
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dxy .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 3.375em;
    perspective: 3.375em
}

.hamburger--3dxy-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-.3375em, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-.3375em, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-.3375em, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-.3375em, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(.3375em, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(.3375em, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(.3375em, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(.3375em, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-.3375em, -.42188em, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-.3375em, -.42188em, 0) rotate(-45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-.3375em, .42188em, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-.3375em, .42188em, 0) rotate(45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(.3375em, -.42188em, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(.3375em, -.42188em, 0) rotate(45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(.3375em, .42188em, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(.3375em, .42188em, 0) rotate(-45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -1em;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -1em;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
    transform: translate3d(0, -.5em, 0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: .09375em;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: .5em;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 1em;
    transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, .5em, 0) rotate(135deg);
    transform: translate3d(0, .5em, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -1em, 0) rotate(-270deg);
    transform: translate3d(0, -1em, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: .09375em;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: .5em;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 1em;
    transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, .5em, 0) rotate(-135deg);
    transform: translate3d(0, .5em, 0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -1em, 0) rotate(270deg);
    transform: translate3d(0, -1em, 0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: .5em;
    right: 0;
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.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 {
    left: -3.375em;
    top: -3.375em;
    -webkit-transform: translate3d(3.375em, 3.375em, 0) rotate(45deg);
    transform: translate3d(3.375em, 3.375em, 0) rotate(45deg);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -3.375em;
    top: -3.375em;
    -webkit-transform: translate3d(-3.375em, 3.375em, 0) rotate(-45deg);
    transform: translate3d(-3.375em, 3.375em, 0) rotate(-45deg);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: .5em;
    right: 0;
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.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 {
    left: -3.375em;
    top: 3.375em;
    -webkit-transform: translate3d(3.375em, -3.375em, 0) rotate(-45deg);
    transform: translate3d(3.375em, -3.375em, 0) rotate(-45deg);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -3.375em;
    top: 3.375em;
    -webkit-transform: translate3d(-3.375em, -3.375em, 0) rotate(45deg);
    transform: translate3d(-3.375em, -3.375em, 0) rotate(45deg);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
    transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: .09375em
}

.hamburger--slider .hamburger-inner::before {
    top: .5em;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 1em
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-.24107em, -.3125em, 0);
    transform: rotate(-45deg) translate3d(-.24107em, -.3125em, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -1em, 0) rotate(-90deg);
    transform: translate3d(0, -1em, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: .09375em
}

.hamburger--slider-r .hamburger-inner::before {
    top: .5em;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 1em
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, .5em, 0) rotate(-45deg);
    transform: translate3d(0, .5em, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(.24107em, -.3125em, 0);
    transform: rotate(45deg) translate3d(.24107em, -.3125em, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -1em, 0) rotate(90deg);
    transform: translate3d(0, -1em, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
    top: .09375em;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: .5em;
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 1em;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-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 .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, .5em, 0) rotate(45deg);
    transform: translate3d(0, .5em, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, .5em, 0) rotate(-45deg);
    transform: translate3d(0, .5em, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -1em;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transform: translate3d(0, -.5em, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.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;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.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;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:focus {
    outline: #96c11f auto 5px
}

.invisible {
    display: none
}

h1,
h2 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: normal;
    font-weight: 600;
    font-style: normal;
    margin: .20833em 0
}

h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
    margin: .32143em 0
}

h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 300;
    font-style: normal;
    margin: .83333em 0
}

ol,
p,
ul {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    margin: .5em 0
}

a {
    color: #96c11f;
    text-decoration: none;
    transition: color .2s
}

a:focus,
a:hover {
    color: #d8ad08
}

a.white:focus,
a.white:hover {
    color: #fff
}

#wrapper {
    max-width: 1920px;
    max-width: 120rem;
    margin: 0 auto;
    overflow: hidden
}

.frontpage .header__wrapper {
    position: absolute;
    width: 100%;
    margin-top: 5%
}

.frontpage .header__bar .mod_brand {
    display: none
}

.header__wrapper {
    position: relative;
    width: 100%
}

.header--sticky .header__wrapper {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1920px;
    max-width: 120rem;
    margin: 0 auto;
    background-color: #96c11f;
    z-index: 400
}

.header__logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 15%
}

.header__logo img {
    display: block;
    max-width: 50%;
    height: auto;
    margin: 0 auto
}

.header__image {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header__image img {
    display: block;
    max-width: 100%;
    height: auto
}

.header__top {
    position: relative;
    display: none
}

.header__top:before {
    content: '';
    display: table
}

.header__top:after {
    content: '';
    display: table;
    clear: both
}

.header__top .mod_brand {
    position: relative;
    float: left;
    z-index: 2;
    padding: 32px;
    padding: 2rem
}

.header__top .mod_brand a {
    display: block;
    font-size: 56px;
    font-size: 3.5rem;
    line-height: .92857;
    font-style: normal;
    font-weight: 300
}

.header__top .mod_brand img {
    display: block;
    width: auto;
    height: 1.75em
}

.header__top .burger {
    position: relative;
    display: none;
    float: right;
    z-index: 2
}

.header__top .burger button {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: .92857;
    font-style: normal;
    font-weight: 300
}

.header__top .claim {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.header__top .claim__wrapper {
    padding: 32px;
    padding: 2rem
}

.header__top .claim__text {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: .92857;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    color: #96c11f;
    margin: 0 0 .21429em
}

.header__meta {
    position: relative;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-top: 16px;
    padding-top: 1rem;
    padding-right: 32px;
    padding-right: 2rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    padding-left: 32px;
    padding-left: 2rem;
    z-index: 2
}

.header__meta>:not(:first-child) {
    margin-left: 16px;
    margin-left: 1rem
}

.header__meta>:not(:last-child) {
    margin-right: 16px;
    margin-right: 1rem
}

.header__meta .mod_changelanguage ul,
.header__meta .mod_customnav ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.header__meta .mod_changelanguage ul li,
.header__meta .mod_customnav ul li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    font-style: normal
}

.header__meta .mod_changelanguage ul li:after,
.header__meta .mod_customnav ul li:after {
    content: '|';
    display: inline-block;
    padding: .25em;
    color: #333
}

.header__meta .mod_changelanguage ul li.last:after,
.header__meta .mod_customnav ul li.last:after {
    display: none
}

.header__meta .mod_changelanguage ul li a,
.header__meta .mod_changelanguage ul li span,
.header__meta .mod_customnav ul li a,
.header__meta .mod_customnav ul li span {
    color: inherit;
    text-decoration: none
}

.header__meta .mod_changelanguage ul li a.active,
.header__meta .mod_changelanguage ul li a:hover,
.header__meta .mod_changelanguage ul li span.active,
.header__meta .mod_customnav ul li a.active,
.header__meta .mod_customnav ul li a:hover,
.header__meta .mod_customnav ul li span.active {
    text-decoration: underline
}

.header__meta .sizer__button {
    position: relative;
    display: inline-block;
    width: 30px;
    width: 1.875rem;
    height: 30px;
    height: 1.875rem;
    border: 1px solid #333;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer
}

.header__meta .sizer__button:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #333;
    text-indent: 0;
    text-align: center
}

.header__meta .sizer__button--decrease:after {
    content: 'A-'
}

.header__meta .sizer__button--reset:after {
    content: 'A';
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 26px;
    line-height: 1.625rem
}

.header__meta .sizer__button--increase:after {
    content: 'A+'
}

.header__bar {
    position: relative;
    background-color: #96c11f
}

.header__bar .mod_brand {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.header__bar .mod_brand a {
    position: relative;
    display: block;
    height: 100%;
    padding-top: 10px;
    padding-top: .625rem;
    padding-right: 30px;
    padding-right: 1.875rem;
    padding-bottom: 10px;
    padding-bottom: .625rem;
    padding-left: 30px;
    padding-left: 1.875rem;
    box-sizing: border-box;
    font-size: 20px;
    font-size: 1.25rem
}

.header__bar .mod_brand a img {
    display: block;
    height: 100%;
    width: auto
}

.header__bar .mod_navigation {
    position: relative;
    z-index: 1
}

.header__bar .mod_navigation ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #96c11f
}

.header__bar .mod_navigation ul>li {
    position: relative;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    font-weight: 400;
    font-style: normal
}

.header__bar .mod_navigation ul>li>a,
.header__bar .mod_navigation ul>li>span {
    display: block;
    padding: .5em;
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.header__bar .mod_navigation ul.level_1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.header__bar .mod_navigation ul.level_1>li {
    margin: 0 .5em
}

.header__bar .mod_navigation ul.level_1>li.last {
    position: absolute;
    right: 0;
    top: 0
}

.header__bar .mod_navigation ul.level_1>li>a,
.header__bar .mod_navigation ul.level_1>li>span {
    color: #fff;
    background-color: #96c11f
}

.header__bar .mod_navigation ul.level_1>li>a.active,
.header__bar .mod_navigation ul.level_1>li>a.trail,
.header__bar .mod_navigation ul.level_1>li>span.active,
.header__bar .mod_navigation ul.level_1>li>span.trail {
    color: #96c11f;
    background-color: #fff
}

.header__bar .mod_navigation ul.level_1>li>a.contact:after,
.header__bar .mod_navigation ul.level_1>li>span.contact:after {
    display: inline-block;
    content: "\e75a";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 2;
    margin-left: 10px;
    margin-left: .625rem;
    vertical-align: top
}

.header__bar .mod_navigation ul.level_1>li>a.search:before,
.header__bar .mod_navigation ul.level_1>li>span.search:before {
    display: inline-block;
    content: "\e610";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 2;
    margin-right: 10px;
    margin-right: .625rem;
    vertical-align: top
}

.header__bar .mod_navigation ul.level_2 {
    position: absolute;
    display: none;
    top: 100%;
    left: -1px;
    border: 1px solid #96c11f
}

.header__bar .mod_navigation ul.level_2>li>a,
.header__bar .mod_navigation ul.level_2>li>span {
    color: #96c11f;
    background-color: #fff
}

.header__bar .mod_navigation ul.level_2>li>a:hover,
.header__bar .mod_navigation ul.level_2>li>span:hover {
    color: #fff;
    background-color: #96c11f
}

.header__bar .mod_navigation ul.level_2>li>a.active,
.header__bar .mod_navigation ul.level_2>li>a.trail,
.header__bar .mod_navigation ul.level_2>li>span.active,
.header__bar .mod_navigation ul.level_2>li>span.trail {
    color: #fff;
    background-color: rgba(255, 255, 255, .5)
}

.header__bar .mod_navigation ul.level_2>li>a.active:focus,
.header__bar .mod_navigation ul.level_2>li>a.active:hover,
.header__bar .mod_navigation ul.level_2>li>a.trail:focus,
.header__bar .mod_navigation ul.level_2>li>a.trail:hover,
.header__bar .mod_navigation ul.level_2>li>span.active:focus,
.header__bar .mod_navigation ul.level_2>li>span.active:hover,
.header__bar .mod_navigation ul.level_2>li>span.trail:focus,
.header__bar .mod_navigation ul.level_2>li>span.trail:hover {
    color: #fff;
    background-color: #96c11f
}

.header__bar .mod_navigation ul.level_1>li:hover>.level_2 {
    display: block
}

.header__bar .mod_navigation ul.level_3 {
    position: absolute;
    display: none;
    left: 100%;
    top: -1px;
    border: 1px solid #96c11f
}

.header__bar .mod_navigation ul.level_3>li>a,
.header__bar .mod_navigation ul.level_3>li>span {
    color: #96c11f;
    background-color: #fff
}

.header__bar .mod_navigation ul.level_3>li>a:focus,
.header__bar .mod_navigation ul.level_3>li>a:hover,
.header__bar .mod_navigation ul.level_3>li>span:focus,
.header__bar .mod_navigation ul.level_3>li>span:hover {
    color: #fff;
    background-color: #96c11f
}

.header__bar .mod_navigation ul.level_3>li>a.active,
.header__bar .mod_navigation ul.level_3>li>a.trail,
.header__bar .mod_navigation ul.level_3>li>span.active,
.header__bar .mod_navigation ul.level_3>li>span.trail {
    color: #fff;
    background-color: rgba(255, 255, 255, .5)
}

.header__bar .mod_navigation ul.level_3>li>a.active:focus,
.header__bar .mod_navigation ul.level_3>li>a.active:hover,
.header__bar .mod_navigation ul.level_3>li>a.trail:focus,
.header__bar .mod_navigation ul.level_3>li>a.trail:hover,
.header__bar .mod_navigation ul.level_3>li>span.active:focus,
.header__bar .mod_navigation ul.level_3>li>span.active:hover,
.header__bar .mod_navigation ul.level_3>li>span.trail:focus,
.header__bar .mod_navigation ul.level_3>li>span.trail:hover {
    color: #fff;
    background-color: #96c11f
}

.header__bar .mod_navigation ul.level_2>li:hover>.level_3 {
    display: block
}

.header--sticky .header__bar .mod_brand {
    display: block
}

.footer__wrapper {
    background-color: #fff;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto
}

.footer__wrapper a {
    color: inherit;
    text-decoration: none
}

.footer__wrapper a:hover {
    color: inherit;
    text-decoration: underline
}

.footer .mod_customnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 32px;
    padding: 1rem 2rem;
    margin: 0 -32px;
    margin: 0 -2rem
}

.footer .mod_customnav ul li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    font-style: normal
}

.footer .mod_customnav ul li:not(:last-child):after {
    content: '|'
}

.footer .mod_customnav ul li a,
.footer .mod_customnav ul li span {
    display: inline-block;
    margin: 0 .5em
}

.footer .mod_customnav ul li a:focus,
.footer .mod_customnav ul li a:hover {
    text-decoration: underline
}

.cookiebar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #d8ad08;
    color: #fff;
    z-index: 600
}

.cookiebar--active {
    display: block
}

.cookiebar--position-top {
    top: 0
}

.cookiebar--position-bottom {
    bottom: 0
}

.cookiebar__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    padding: 2rem
}

.cookiebar__text {
    flex: 1 1 auto;
    margin: 0 32px 0 0;
    margin: 0 2rem 0 0
}

.cookiebar__text>:first-child {
    margin-top: 0
}

.cookiebar__text>:last-child {
    margin-bottom: 0
}

.cookiebar__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.875
}

.cookiebar__text a {
    color: inherit;
    text-decoration: underline
}

.cookiebar__text a:hover {
    color: inherit;
    opacity: .75
}

.cookiebar__button {
    display: block;
    flex: 0 0 auto;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #d8ad08;
    color: #fff;
    transition: all .4s
}

.cookiebar__button:disabled {
    opacity: .5
}

.cookiebar__button:not(:disabled).active,
.cookiebar__button:not(:disabled):focus,
.cookiebar__button:not(:disabled):hover {
    background-color: #fff;
    color: #d8ad08;
    cursor: pointer
}

.cookiebar__button:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.cookiebar__button:not(:disabled):focus {
    outline: 0
}

.frontpage main {
    background: url(/files/themes/jaehler/img/ginko.png) no-repeat left top;
    background-size: 91%
}

.page {
    position: relative
}

.page__anchor {
    position: absolute;
    top: -60px;
    top: -3.75rem;
    left: 0
}

.page__wrapper {
    position: relative
}

.page--index .page__anchor {
    top: -222px;
    top: -13.875rem
}

.page--universelles-design .page__anchor {
    top: -150px;
    top: -9.375rem
}

.page--geschaeftsbereiche .page__anchor {
    top: -150px;
    top: -9.375rem
}

.text-simple {
    margin: 100px auto;
    margin: 6.25rem auto
}

.text-simple__wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 0 10px;
    padding: 0 .625rem;
    box-sizing: border-box
}

.text-simple__content {
    padding: 0 32px;
    padding: 0 2rem;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.text-simple__headline {
    color: #96c11f;
    text-align: center
}

.text-image__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

.text-image__wrapper.left {
    flex-direction: row-reverse
}

.text-image__wrapper.intro {
    justify-content: space-between;
    align-items: flex-end;
    width: 80%
}

.text-image__image {
    position: relative;
    width: 50%;
    overflow: hidden
}

.text-image__image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: -1px
}

.text-image__link {
    text-align: center;
    margin-top: 20px;
    margin-top: 1.25rem
}

.text-image__link a {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    transition: all .4s
}

.text-image__link a:disabled {
    opacity: .5
}

.text-image__link a:not(:disabled).active,
.text-image__link a:not(:disabled):focus,
.text-image__link a:not(:disabled):hover {
    background-color: #000;
    color: #fff;
    cursor: pointer
}

.text-image__link a:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.text-image__link a:not(:disabled):focus {
    outline: 0
}

.text-image-long__image {
    width: 20%
}

.text-image__mascot {
    position: relative;
    width: 40%;
    margin-right: -15%;
    margin-top: -20%
}

.text-image__mascot img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: -1px
}

.text-image__phone {
    text-align: right;
    margin-bottom: 20px
}

.text-image__phone-wrapper {
    padding-right: 32px;
    padding-right: 2rem
}

.text-image__phone-wrapper h2 {
    color: #d8ad08;
    line-height: 1;
    margin: 0
}

.text-image__phone-wrapper p {
    color: #96c11f;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0
}

.text-image__text {
    position: relative;
    width: 40%;
    margin: 0 5%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.text-image__text.intro {
    margin: 0;
    flex-grow: 2;
    padding: 0
}

.text-image__text-wrapper {
    padding: 32px;
    padding: 2rem;
    padding-right: 10px;
    padding-right: .625rem
}

.text-image-long__text {
    width: 80%;
    margin: 0
}

.text-image__headline {
    color: #96c11f;
    text-align: center
}

.text-image__headline.intro {
    text-align: left;
    color: #fff
}

.text-image-long__headline {
    text-align: left
}

.text-image+.text-image {
    margin-top: 100px;
    margin-top: 6.25rem
}

.text-grid {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.text-grid__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 70%;
    margin: 0 auto
}

.text-grid__cell {
    position: relative;
    width: 50%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.text-grid__cell-wrapper {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem
}

.text-grid__image {
    position: relative;
    overflow: hidden
}

.text-grid__image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: -1px
}

.text-grid__text {
    text-align: center
}

.text-grid__headline {
    color: #d8ad08
}

.text-grid p {
    color: #96c11f
}

.text-facts {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.text-facts__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto
}

.text-facts__cell {
    position: relative;
    width: 33.3333%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.text-facts__cell-wrapper {
    padding: 0 32px;
    padding: 0 2rem
}

.text-facts__cell-wrapper>:first-child {
    margin-top: 0
}

.text-facts__cell-wrapper>:last-child {
    margin-bottom: 0
}

.text-facts__headline {
    color: #d8ad08
}

.slider {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.slider__wrapper {
    position: relative;
    background: #d8ad08;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto
}

.slider__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.slider__item {
    position: relative
}

.slider__item:not(:first-child) {
    display: none
}

.slider__item--xl,
.slider__item--xr {
    display: flex !important
}

.slider__item--xr {
    flex-direction: row
}

.slider__item--xl {
    flex-direction: row-reverse
}

.slider__image {
    position: relative;
    overflow: hidden
}

.slider__image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: -1px
}

.slider__text {
    width: 35%;
    height: auto;
    box-sizing: border-box
}

.slider__text-wrapper {
    padding: 32px;
    padding: 2rem;
    background-color: #d8ad08;
    color: #fff
}

.slider__text-wrapper>:first-child {
    margin-top: 0
}

.slider__text-wrapper>:last-child {
    margin-bottom: 0
}

.slider__text--tr {
    top: 0;
    right: 0
}

.slider__text--br {
    right: 0;
    bottom: 0
}

.slider__text--bl {
    bottom: 0;
    left: 0
}

.slider__text--tl {
    top: 0;
    left: 0
}

.slider__headline {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: normal;
    font-weight: 600;
    font-style: normal;
    margin-top: 32px;
    margin-top: 2rem;
    margin-bottom: 32px;
    margin-bottom: 2rem
}

.slider__copy {
    margin-top: 32px;
    margin-top: 2rem;
    margin-bottom: 32px;
    margin-bottom: 2rem
}

.slider__meta {
    text-align: center;
    margin-top: 32px;
    margin-top: 2rem;
    margin-bottom: 32px;
    margin-bottom: 2rem
}

.slider__link {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #d8ad08;
    color: #fff;
    transition: all .4s
}

.slider__link:disabled {
    opacity: .5
}

.slider__link:not(:disabled).active,
.slider__link:not(:disabled):focus,
.slider__link:not(:disabled):hover {
    background-color: #fff;
    color: #d8ad08;
    cursor: pointer
}

.slider__link:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.slider__link:not(:disabled):focus {
    outline: 0
}

.slider__navigation {
    display: none
}

.slider__arrow {
    font-size: 100px;
    font-size: 6.25rem;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #d8ad08;
    background-color: transparent;
    text-indent: -9999em;
    cursor: pointer;
    overflow: hidden;
    opacity: .5;
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    width: .5em;
    height: 1em;
    margin: -.5em -.25em
}

.slider__arrow:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .8
}

.slider__arrow:focus {
    opacity: .8
}

.slider__arrow--prev {
    position: relative;
    display: inline-block;
    position: absolute;
    display: block;
    top: 50%;
    left: -2.5%
}

.slider__arrow--prev:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slider__arrow--prev:after {
    margin-right: -.6em;
    margin-left: -.1em;
    border-width: 0 0 1px 1px
}

.slider__arrow--next {
    position: relative;
    display: inline-block;
    position: absolute;
    display: block;
    top: 50%;
    right: -2.5%
}

.slider__arrow--next:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slider__arrow--next:after {
    margin-right: -.1em;
    margin-left: -.6em;
    border-width: 1px 1px 0 0
}

.slider--initialized .slider__item {
    display: block
}

.slider--initialized .slider__navigation {
    display: block
}

.cards {
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.cards__wrapper {
    width: 80%;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    padding: 0 10px;
    padding: 0 .625rem;
    box-sizing: border-box
}

.cards__intro {
    text-align: center;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.cards__intro h2 {
    color: #96c11f
}

.cards__intro p {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.27778;
    font-weight: 400;
    font-style: normal;
    color: #96c11f
}

.cards__headline {
    color: #d8ad08
}

.cards__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: -10px;
    margin: -.625rem
}

.cards__intro+.cards__list {
    padding-top: 32px;
    padding-top: 2rem
}

.cards__item {
    position: relative;
    width: 25%;
    padding: 10px;
    padding: .625rem;
    box-sizing: border-box
}

.cards__item:focus {
    outline: 0
}

.cards__item-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -webkit-perspective: 750px;
    perspective: 750px
}

.cards__image {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #585858;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: opacity .4s ease-out
}

.cards__image img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.cards__item--hover:focus .cards__image,
.cards__item--hover:hover .cards__image {
    opacity: 0
}

.cards__item--hover:hover .cards__info:not(.button) {
    border: 1px solid #fff
}

.cards__info {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 32px;
    padding: 2rem;
    box-sizing: border-box;
    text-align: center;
    background: #96c11f
}

.cards__info.button {
    text-align: right;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    background: 0 0
}

.cards__info.button p {
    color: #96c11f
}

.cards__info span {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1.13636;
    font-weight: 400;
    font-style: normal;
    color: #d8ad08
}

.cards__info h2 {
    color: #d8ad08;
    line-height: 1;
    margin: 0
}

.cards__info p {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0
}

.cards__info a {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    transition: all .4s;
    align-self: center;
    margin: 20px 0 0
}

.cards__info a:disabled {
    opacity: .5
}

.cards__info a:not(:disabled).active,
.cards__info a:not(:disabled):focus,
.cards__info a:not(:disabled):hover {
    background-color: #000;
    color: #fff;
    cursor: pointer
}

.cards__info a:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.cards__info a:not(:disabled):focus {
    outline: 0
}

.cards__image+.cards__info span {
    color: #96c11f
}

.accordion {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.accordion__wrapper {
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem
}

.accordion__intro {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.accordion__headline {
    text-align: center;
    color: #d8ad08
}

.accordion__content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin: 0 -10px;
    margin: 0 -.625rem
}

.accordion__intro+.accordion__content {
    margin-top: 32px;
    margin-top: 2rem
}

.accordion__image {
    position: relative;
    width: 30%;
    overflow: hidden;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.accordion__image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: -1px
}

.accordion__list {
    position: relative;
    width: 70%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 32px;
    padding-right: 2rem;
    box-sizing: border-box
}

.accordion__item {
    border: 1px solid #96c11f
}

.accordion__item:not(:first-of-type) {
    border-top: 0
}

.accordion__head {
    position: relative;
    padding-right: 32px;
    padding-right: 2rem;
    padding-left: 32px;
    padding-left: 2rem;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.66667;
    font-weight: 400;
    font-style: normal;
    color: #96c11f
}

.accordion__head span {
    position: relative;
    display: block
}

.accordion__head button {
    position: relative;
    display: inline-block;
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    width: 1.66667em;
    height: 100%;
    color: inherit;
    border: none;
    border-radius: 0;
    border-left: 1px solid;
    padding: 0;
    background-color: transparent;
    text-indent: -9999em;
    cursor: pointer;
    overflow: hidden
}

.accordion__head button:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion__head button:after {
    margin-top: -.6em;
    margin-bootm: -.1em;
    border-width: 0 1px 1px 0
}

.accordion--initialized .accordion__head {
    cursor: pointer
}

.accordion--initialized .accordion__head button {
    display: block
}

.accordion__item--active .accordion__head button {
    position: relative;
    display: inline-block;
    position: absolute;
    display: block
}

.accordion__item--active .accordion__head button:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion__item--active .accordion__head button:after {
    margin-top: -.1em;
    margin-bootm: -.6em;
    border-width: 1px 0 0 1px
}

.accordion__body {
    padding-top: 16px;
    padding-top: 1rem;
    padding-right: 32px;
    padding-right: 2rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-left: 32px;
    padding-left: 2rem;
    border-top: 1px solid #96c11f;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.contact-tmp__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto
}

.contact-tmp__info {
    position: relative;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.contact-tmp__address {
    position: relative;
    width: 100%;
    padding-right: 32px;
    padding-right: 2rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-left: 32px;
    padding-left: 2rem;
    box-sizing: border-box;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.contact-tmp__address a {
    color: inherit;
    text-decoration: none
}

.contact-tmp__address a:hover {
    text-decoration: underline
}

.contact-tmp__headline {
    color: #d8ad08
}

.contact-tmp__map {
    position: relative;
    width: 100%;
    min-height: 300px;
    flex-grow: 1;
    overflow: hidden
}

.contact-tmp__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contact-tmp__form {
    position: relative;
    width: 70%;
    padding-left: 10px;
    padding-left: .625rem;
    box-sizing: border-box
}

.contact-tmp__form-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    color: #fff;
    background: #96c11f;
    padding: 32px;
    padding: 2rem;
    box-sizing: border-box
}

.contact-tmp__form h2 {
    text-align: center;
    margin-top: 0
}

.formbody:before {
    content: '';
    display: table
}

.formbody:after {
    content: '';
    display: table;
    clear: both
}

.widget {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    box-sizing: border-box;
    -ms-input-placeholder-color: #fff;
    -moz-placeholder-color: #fff
}

.widget-left {
    width: 50%;
    padding-right: 10px;
    padding-right: .625rem
}

.widget-right {
    width: 50%;
    padding-left: 10px;
    padding-left: .625rem
}

.widget-explanation {
    width: auto;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem
}

.widget-explanation p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    margin: 2.5em 0 0;
    height: 2.5em;
    padding: .58333em 0;
    box-sizing: border-box;
    color: #fff
}

.widget-text label {
    display: none
}

.widget-text input {
    display: block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #fff;
    background-color: #96c11f
}

.widget-text input:focus {
    outline: 0;
    color: #96c11f;
    background-color: #fff
}

.widget-submit {
    float: right;
    width: auto;
    margin-bottom: 32px;
    margin-bottom: 2rem
}

.widget-submit button {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    margin-top: 2.5em;
    border: 1px solid #fff;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #fff;
    background-color: #96c11f;
    cursor: pointer;
    transition: all .4s
}

.widget-submit button:focus,
.widget-submit button:hover {
    outline: 0;
    color: #96c11f;
    background-color: #fff
}

.widget-select label {
    display: none
}

.widget-select select {
    display: block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #fff;
    background-color: #96c11f
}

.widget-select select:focus {
    outline: 0;
    color: #96c11f;
    background-color: #fff
}

.widget-select .select2-container .select2-selection--single {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em
}

.widget-select .select2-container--default .select2-selection--single {
    background-color: #96c11f;
    border-radius: 0;
    color: #fff;
    border: 1px solid #fff
}

.widget-select .select2-container--default.select2-container--focus .select2-selection--single {
    background-color: #fff;
    color: #96c11f
}

.widget-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding: .58333em 1.33333em
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: inherit
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff
}

.widget-select .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__placeholder {
    color: #96c11f
}

.widget-select .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
    color: #96c11f
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative;
    display: inline-block;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 2.5em;
    height: 100%;
    color: inherit;
    border-left: 1px solid;
    padding: 0;
    background-color: transparent;
    text-indent: -9999em;
    cursor: pointer;
    overflow: hidden
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    margin-top: -.6em;
    margin-bootm: -.1em;
    border-width: 0 1px 1px 0
}

.widget-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    position: relative;
    display: inline-block;
    position: absolute;
    display: block
}

.widget-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: .7em;
    height: .7em;
    margin: -.35em;
    border: 0 solid currentColor;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.widget-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    margin-top: -.1em;
    margin-bootm: -.6em;
    border-width: 1px 0 0 1px
}

.widget-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.widget-textarea label {
    display: none
}

.widget-textarea textarea {
    display: block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 5em;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #fff;
    background-color: #96c11f
}

.widget-textarea textarea:focus {
    outline: 0;
    color: #96c11f;
    background-color: #fff
}

.widget-radio fieldset {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.widget-radio fieldset>legend {
    display: block;
    float: left;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #fff
}

.widget-radio fieldset>span {
    position: relative;
    display: block;
    float: left;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem
}

.widget-radio fieldset>span label {
    position: relative;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    padding: .58333em 0 .58333em 2.91667em;
    box-sizing: border-box;
    color: #fff
}

.widget-radio fieldset>span label:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
    border: 1px solid #fff;
    background-color: #96c11f;
    box-sizing: border-box
}

.widget-radio fieldset>span input {
    position: absolute;
    opacity: .01
}

.widget-radio fieldset>span input:checked+label:before {
    background-color: #fff
}

.widget ::-webkit-input-placeholder {
    color: #fff
}

.widget :-ms-input-placeholder {
    color: #fff
}

.widget ::-ms-input-placeholder {
    color: #fff
}

.widget ::placeholder {
    color: #fff
}

.message {
    text-align: center
}

.glossary {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.glossary__wrapper {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.glossary__intro {
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.glossary__headline {
    text-align: center;
    color: #96c11f
}

.glossary__intro+.glossary__content {
    margin-top: 32px;
    margin-top: 2rem
}

.glossary__navigation {
    position: relative;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    margin: 10px -20px;
    margin: .625rem -1.25rem
}

.glossary--initialized .glossary__navigation {
    display: flex
}

.glossary__cluster {
    margin: 10px 10px;
    margin: .625rem .625rem
}

.glossary__cluster button {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #96c11f;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #96c11f;
    transition: all .4s;
    padding-left: .5em;
    padding-right: .5em;
    min-width: 4em
}

.glossary__cluster button:disabled {
    opacity: .5
}

.glossary__cluster button:not(:disabled).active,
.glossary__cluster button:not(:disabled):focus,
.glossary__cluster button:not(:disabled):hover {
    background-color: #96c11f;
    color: #fff;
    cursor: pointer
}

.glossary__cluster button:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.glossary__cluster button:not(:disabled):focus {
    outline: 0
}

.glossary__row {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 0 -10px;
    margin: 0 -.625rem
}

.glossary__row:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 10px;
    right: .625rem;
    left: 10px;
    left: .625rem;
    border-top: 1px solid #96c11f
}

.glossary__cell {
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.glossary__cell:first-of-type {
    width: 22.22222%
}

.glossary__cell:last-of-type {
    width: 77.77778%
}

.glossary__cell p {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem
}

.project {
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem
}

.project__wrapper {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.project__intro {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    first-child-margin-top: 0;
    last-child-margin-top: 0
}

.project__headline {
    text-align: center;
    color: #96c11f
}

.project__description {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 0 -10px;
    margin: 0 -.625rem
}

.project__address {
    width: 33.33333%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.project__address span {
    display: block;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.11111;
    font-weight: 400;
    font-style: normal
}

.project__address-head {
    color: #96c11f
}

.project__info {
    width: 66.66667%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box;
    first-child-margin-top: 0;
    last-child-margin-bottom: 0
}

.project__gallery {
    margin: 20px 0;
    margin: 1.25rem 0;
    border-top: 1px solid #96c11f;
    border-bottom: 1px solid #96c11f
}

.project__gallery-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px -10px;
    margin: .625rem -.625rem
}

.project__gallery-item {
    display: block;
    height: 390px;
    height: 24.375rem;
    padding: 10px;
    padding: .625rem;
    box-sizing: border-box
}

.project__gallery-item img {
    display: block;
    width: auto;
    height: 100%
}

.project__meta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 0 -10px;
    margin: 0 -.625rem
}

.project__map {
    position: relative;
    width: 66.66667%;
    height: 400px;
    height: 25rem;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box;
    flex-grow: 1
}

.project__map-wrapper {
    position: relative;
    height: 400px;
    height: 25rem
}

.project__map iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project__download {
    width: 33.33333%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box;
    flex-grow: 1
}

.project__download-head {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: .68182;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    color: #96c11f
}

.project__download-links {
    margin: 0 -10px -10px;
    margin: 0 -.625rem -.625rem
}

.project__download-links a {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 300;
    padding: .5em 1.25em;
    border: 1px solid #96c11f;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #96c11f;
    transition: all .4s;
    margin: 10px;
    margin: .625rem
}

.project__download-links a:disabled {
    opacity: .5
}

.project__download-links a:not(:disabled).active,
.project__download-links a:not(:disabled):focus,
.project__download-links a:not(:disabled):hover {
    background-color: #96c11f;
    color: #fff;
    cursor: pointer
}

.project__download-links a:not(:disabled):active {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.project__download-links a:not(:disabled):focus {
    outline: 0
}

.project__download-links+.project__download-head {
    margin-top: 32px;
    margin-top: 2rem
}

.mod_search {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-top: 6.25rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.mod_search .formbody {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    margin: 0 -10px;
    margin: 0 -.625rem
}

.mod_search .formbody input {
    display: block;
    margin: 0 10px;
    margin: 0 .625rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal;
    height: 2.5em;
    border: 1px solid #96c11f;
    border-radius: 0;
    box-shadow: 0;
    padding: .58333em 1.33333em;
    box-sizing: border-box;
    color: #96c11f;
    background-color: #fff
}

.mod_search .formbody input.text {
    width: 40%;
    flex-shrink: 1
}

.mod_search .formbody input.submit {
    cursor: pointer;
    transition: all .4s
}

.mod_search .formbody input.submit:hover {
    background-color: #96c11f;
    color: #fff
}

.mod_search .header {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    text-align: center
}

.mod_search .header strong {
    font-weight: 400
}

.mod_search>div {
    padding-top: 32px;
    padding-top: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-left: 32px;
    padding-left: 2rem
}

.mod_search>div h3 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.27778;
    font-weight: 400;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

.mod_search>div h3 a {
    color: #96c11f;
    text-decoration: none;
    transition: color .4s
}

.mod_search>div h3 a:focus,
.mod_search>div h3 a:hover {
    color: #d8ad08
}

.mod_search>div h3 .relevance {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal
}

.mod_search>div .url {
    color: #d8ad08
}

.mod_breadcrumb {
    max-width: 1400px;
    width: 95%;
    margin: 0 auto;
    padding-top: 50px;
    padding-top: 3.125rem;
    padding-bottom: 50px;
    padding-bottom: 3.125rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.mod_breadcrumb h1 {
    color: #d8ad08;
    margin: 0
}

.mod_breadcrumb h2 {
    font-size: 33px;
    font-size: 2.0625rem;
    color: #96c11f;
    font-weight: 300;
    margin: 0
}

.mod_breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden
}

.mod_breadcrumb ul li {
    flex-shrink: 0;
    font-size: 42px;
    font-size: 2.625rem;
    line-height: normal;
    font-weight: 600;
    font-style: normal;
    font-size: 33px;
    font-size: 2.0625rem;
    font-weight: 300;
    color: #96c11f
}

.mod_breadcrumb ul li:before {
    content: "/";
    display: inline-block;
    margin: 0 .5em
}

.mod_breadcrumb ul li:first-child:before {
    content: "//"
}

.mod_breadcrumb ul li a {
    color: inherit;
    text-decoration: none
}

.mod_breadcrumb ul li.active {
    color: #d8ad08
}

.sitemap {
    margin: 100px auto;
    margin: 6.25rem auto
}

.sitemap__wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 0 10px;
    padding: 0 .625rem;
    box-sizing: border-box
}

.sitemap__headline {
    margin-top: 0;
    padding: 0 32px;
    padding: 0 2rem;
    color: #d8ad08
}

.sitemap__content {
    padding: 0 32px;
    padding: 0 2rem
}

.sitemap__content ul {
    list-style: none;
    padding-left: 1.5em;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.41667;
    font-weight: 400;
    font-style: normal
}

.sitemap__content li {
    margin: .25em 0
}

.sitemap__content a {
    text-decoration: none;
    color: #000
}

.sitemap__content a:hover {
    color: #96c11f
}

.sitemap__content ul.level_1>li {
    position: relative
}

.sitemap__content ul.level_1>li:before {
    content: "\e639";
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 2;
    color: #96c11f;
    position: absolute;
    display: inline-block;
    left: -2em;
    font-size: .75em;
    margin: .33333em
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media screen and (max-width:119.8125em) {
    .header__top .mod_brand a {
        font-size: 49px;
        font-size: 3.0625rem
    }

    .header__top .burger button {
        font-size: 49px;
        font-size: 3.0625rem
    }

    .header__top .claim__text {
        font-size: 49px;
        font-size: 3.0625rem
    }

    .cookiebar__text p {
        font-size: 15px;
        font-size: .9375rem
    }

    .cards__intro p {
        font-size: 32px;
        font-size: 2rem
    }

    .cards__info span {
        font-size: 38px;
        font-size: 2.375rem
    }

    .accordion__head {
        font-size: 32px;
        font-size: 2rem
    }

    .project__address span {
        font-size: 33px;
        font-size: 2.0625rem
    }

    .project__download-head {
        font-size: 39px;
        font-size: 2.4375rem
    }

    .mod_search>div h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media screen and (max-width:105.4375em) {
    .header__top .mod_brand {
        padding: 28px;
        padding: 1.75rem
    }

    .header__top .mod_brand a {
        font-size: 42px;
        font-size: 2.625rem
    }

    .header__top .burger button {
        font-size: 42px;
        font-size: 2.625rem
    }

    .header__top .claim__wrapper {
        padding: 28px;
        padding: 1.75rem
    }

    .header__top .claim__text {
        font-size: 42px;
        font-size: 2.625rem
    }

    .header__meta {
        padding-top: 14px;
        padding-top: .875rem
    }

    .header__meta {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .header__meta {
        padding-bottom: 14px;
        padding-bottom: .875rem
    }

    .header__meta {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .header__meta>:not(:first-child) {
        margin-left: 14px;
        margin-left: .875rem
    }

    .header__meta>:not(:last-child) {
        margin-right: 14px;
        margin-right: .875rem
    }

    .header__bar .mod_brand a {
        padding-top: 8.75px;
        padding-top: .54688rem
    }

    .header__bar .mod_brand a {
        padding-right: 26.25px;
        padding-right: 1.64062rem
    }

    .header__bar .mod_brand a {
        padding-bottom: 8.75px;
        padding-bottom: .54688rem
    }

    .header__bar .mod_brand a {
        padding-left: 26.25px;
        padding-left: 1.64062rem
    }

    .footer .mod_customnav ul {
        padding: 14px 28px;
        padding: .875rem 1.75rem
    }

    .footer .mod_customnav ul {
        margin: 0 -28px;
        margin: 0 -1.75rem
    }

    .cookiebar__wrapper {
        padding: 28px;
        padding: 1.75rem
    }

    .cookiebar__text {
        margin: 0 28px 0 0;
        margin: 0 1.75rem 0 0
    }

    .cookiebar__text>:first-child {
        margin-top: 0
    }

    .cookiebar__text>:last-child {
        margin-bottom: 0
    }

    .cookiebar__text p {
        font-size: 14px;
        font-size: .875rem
    }

    .text-simple {
        margin: 87.5px auto;
        margin: 5.46875rem auto
    }

    .text-simple__content {
        padding: 0 28px;
        padding: 0 1.75rem
    }

    .text-image__phone-wrapper {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .text-image__text-wrapper {
        padding: 28px;
        padding: 1.75rem
    }

    .text-image__text-wrapper {
        padding-right: 8.75px;
        padding-right: .54688rem
    }

    .text-image+.text-image {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .text-grid {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .text-grid {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .text-grid__cell-wrapper {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .text-grid__cell-wrapper {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .text-facts {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .text-facts {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .text-facts__cell-wrapper {
        padding: 0 28px;
        padding: 0 1.75rem
    }

    .slider {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .slider {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .slider__text-wrapper {
        padding: 28px;
        padding: 1.75rem
    }

    .slider__text-wrapper>:first-child {
        margin-top: 0
    }

    .slider__text-wrapper>:last-child {
        margin-bottom: 0
    }

    .slider__headline {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .slider__headline {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .slider__copy {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .slider__copy {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .slider__meta {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .slider__meta {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .cards {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .cards__intro p {
        font-size: 28px;
        font-size: 1.75rem
    }

    .cards__intro+.cards__list {
        padding-top: 28px;
        padding-top: 1.75rem
    }

    .cards__info {
        padding: 28px;
        padding: 1.75rem
    }

    .cards__info span {
        font-size: 32px;
        font-size: 2rem
    }

    .accordion {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .accordion {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .accordion__intro {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .accordion__intro {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .accordion__intro+.accordion__content {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .accordion__list {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .accordion__head {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .accordion__head {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .accordion__head {
        font-size: 28px;
        font-size: 1.75rem
    }

    .accordion__body {
        padding-top: 14px;
        padding-top: .875rem
    }

    .accordion__body {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .accordion__body {
        padding-bottom: 28px;
        padding-bottom: 1.75rem
    }

    .accordion__body {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .contact-tmp__address {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .contact-tmp__address {
        padding-bottom: 28px;
        padding-bottom: 1.75rem
    }

    .contact-tmp__address {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .contact-tmp__form-wrapper {
        padding: 28px;
        padding: 1.75rem
    }

    .widget {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .widget-submit {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .glossary {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .glossary {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .glossary__intro+.glossary__content {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .glossary__navigation {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .glossary__navigation {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .glossary__cell p {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .glossary__cell p {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .project {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .project {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .project__intro {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .project__intro {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .project__intro {
        margin-bottom: 28px;
        margin-bottom: 1.75rem
    }

    .project__address span {
        font-size: 30px;
        font-size: 1.875rem
    }

    .project__download-head {
        font-size: 34px;
        font-size: 2.125rem
    }

    .project__download-head {
        margin-bottom: 14px;
        margin-bottom: .875rem
    }

    .project__download-links+.project__download-head {
        margin-top: 28px;
        margin-top: 1.75rem
    }

    .mod_search {
        margin-top: 87.5px;
        margin-top: 5.46875rem
    }

    .mod_search {
        margin-bottom: 87.5px;
        margin-bottom: 5.46875rem
    }

    .mod_search .formbody {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .mod_search .formbody {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .mod_search .header {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .mod_search .header {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .mod_search>div {
        padding-top: 28px;
        padding-top: 1.75rem
    }

    .mod_search>div {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .mod_search>div {
        padding-bottom: 28px;
        padding-bottom: 1.75rem
    }

    .mod_search>div {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .mod_search>div h3 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .mod_breadcrumb {
        padding-top: 43.75px;
        padding-top: 2.73438rem
    }

    .mod_breadcrumb {
        padding-bottom: 43.75px;
        padding-bottom: 2.73438rem
    }

    .sitemap {
        margin: 87.5px auto;
        margin: 5.46875rem auto
    }

    .sitemap__headline {
        padding: 0 28px;
        padding: 0 1.75rem
    }

    .sitemap__content {
        padding: 0 28px;
        padding: 0 1.75rem
    }
}

@media screen and (orientation:portrait) and (max-width:105.4375em) {
    .cookiebar__text {
        margin: 0 0 28px 0;
        margin: 0 0 1.75rem 0
    }
}

@media screen and (max-width:91.0625em) {
    .header__top .mod_brand {
        padding: 24px;
        padding: 1.5rem
    }

    .header__top .mod_brand a {
        font-size: 35px;
        font-size: 2.1875rem
    }

    .header__top .burger button {
        font-size: 35px;
        font-size: 2.1875rem
    }

    .header__top .claim__wrapper {
        padding: 24px;
        padding: 1.5rem
    }

    .header__top .claim__text {
        font-size: 35px;
        font-size: 2.1875rem
    }

    .header__meta {
        padding-top: 12px;
        padding-top: .75rem
    }

    .header__meta {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .header__meta {
        padding-bottom: 12px;
        padding-bottom: .75rem
    }

    .header__meta {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .header__meta>:not(:first-child) {
        margin-left: 12px;
        margin-left: .75rem
    }

    .header__meta>:not(:last-child) {
        margin-right: 12px;
        margin-right: .75rem
    }

    .header__bar .mod_brand a {
        padding-top: 7.5px;
        padding-top: .46875rem
    }

    .header__bar .mod_brand a {
        padding-right: 22.5px;
        padding-right: 1.40625rem
    }

    .header__bar .mod_brand a {
        padding-bottom: 7.5px;
        padding-bottom: .46875rem
    }

    .header__bar .mod_brand a {
        padding-left: 22.5px;
        padding-left: 1.40625rem
    }

    .footer .mod_customnav ul {
        padding: 12px 24px;
        padding: .75rem 1.5rem
    }

    .footer .mod_customnav ul {
        margin: 0 -24px;
        margin: 0 -1.5rem
    }

    .cookiebar__wrapper {
        padding: 24px;
        padding: 1.5rem
    }

    .cookiebar__text {
        margin: 0 24px 0 0;
        margin: 0 1.5rem 0 0
    }

    .cookiebar__text>:first-child {
        margin-top: 0
    }

    .cookiebar__text>:last-child {
        margin-bottom: 0
    }

    .cookiebar__text p {
        font-size: 13px;
        font-size: .8125rem
    }

    .text-simple {
        margin: 75px auto;
        margin: 4.6875rem auto
    }

    .text-simple__content {
        padding: 0 24px;
        padding: 0 1.5rem
    }

    .text-image__phone-wrapper {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .text-image__text-wrapper {
        padding: 24px;
        padding: 1.5rem
    }

    .text-image__text-wrapper {
        padding-right: 7.5px;
        padding-right: .46875rem
    }

    .text-image+.text-image {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .text-grid {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .text-grid {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .text-grid__cell-wrapper {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .text-grid__cell-wrapper {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .text-facts {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .text-facts {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .text-facts__cell-wrapper {
        padding: 0 24px;
        padding: 0 1.5rem
    }

    .slider {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .slider {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .slider__text-wrapper {
        padding: 24px;
        padding: 1.5rem
    }

    .slider__text-wrapper>:first-child {
        margin-top: 0
    }

    .slider__text-wrapper>:last-child {
        margin-bottom: 0
    }

    .slider__headline {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .slider__headline {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .slider__copy {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .slider__copy {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .slider__meta {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .slider__meta {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .cards {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .cards__intro p {
        font-size: 24px;
        font-size: 1.5rem
    }

    .cards__intro+.cards__list {
        padding-top: 24px;
        padding-top: 1.5rem
    }

    .cards__info {
        padding: 24px;
        padding: 1.5rem
    }

    .cards__info span {
        font-size: 26px;
        font-size: 1.625rem
    }

    .accordion {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .accordion {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .accordion__intro {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .accordion__intro {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .accordion__intro+.accordion__content {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .accordion__list {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .accordion__head {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .accordion__head {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .accordion__head {
        font-size: 24px;
        font-size: 1.5rem
    }

    .accordion__body {
        padding-top: 12px;
        padding-top: .75rem
    }

    .accordion__body {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .accordion__body {
        padding-bottom: 24px;
        padding-bottom: 1.5rem
    }

    .accordion__body {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .contact-tmp__address {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .contact-tmp__address {
        padding-bottom: 24px;
        padding-bottom: 1.5rem
    }

    .contact-tmp__address {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .contact-tmp__form-wrapper {
        padding: 24px;
        padding: 1.5rem
    }

    .widget {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .widget-submit {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .glossary {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .glossary {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .glossary__intro+.glossary__content {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .glossary__navigation {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .glossary__navigation {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .glossary__cell p {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .glossary__cell p {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .project {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .project {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .project__intro {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .project__intro {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .project__intro {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }

    .project__address span {
        font-size: 27px;
        font-size: 1.6875rem
    }

    .project__download-head {
        font-size: 29px;
        font-size: 1.8125rem
    }

    .project__download-head {
        margin-bottom: 12px;
        margin-bottom: .75rem
    }

    .project__download-links+.project__download-head {
        margin-top: 24px;
        margin-top: 1.5rem
    }

    .mod_search {
        margin-top: 75px;
        margin-top: 4.6875rem
    }

    .mod_search {
        margin-bottom: 75px;
        margin-bottom: 4.6875rem
    }

    .mod_search .formbody {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .mod_search .formbody {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .mod_search .header {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .mod_search .header {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .mod_search>div {
        padding-top: 24px;
        padding-top: 1.5rem
    }

    .mod_search>div {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .mod_search>div {
        padding-bottom: 24px;
        padding-bottom: 1.5rem
    }

    .mod_search>div {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .mod_search>div h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .mod_breadcrumb {
        padding-top: 37.5px;
        padding-top: 2.34375rem
    }

    .mod_breadcrumb {
        padding-bottom: 37.5px;
        padding-bottom: 2.34375rem
    }

    .sitemap {
        margin: 75px auto;
        margin: 4.6875rem auto
    }

    .sitemap__headline {
        padding: 0 24px;
        padding: 0 1.5rem
    }

    .sitemap__content {
        padding: 0 24px;
        padding: 0 1.5rem
    }
}

@media screen and (orientation:portrait) and (max-width:91.0625em) {
    .cookiebar__text {
        margin: 0 0 24px 0;
        margin: 0 0 1.5rem 0
    }
}

@media screen and (max-width:76.6875em) {

    h1,
    h2 {
        font-size: 32px;
        font-size: 2rem
    }

    h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    h4 {
        font-size: 20px;
        font-size: 1.25rem
    }

    ol,
    p,
    ul {
        font-size: 16px;
        font-size: 1rem
    }

    .header__top .mod_brand {
        padding: 20px;
        padding: 1.25rem
    }

    .header__top .mod_brand a {
        font-size: 28px;
        font-size: 1.75rem
    }

    .header__top .burger button {
        font-size: 28px;
        font-size: 1.75rem
    }

    .header__top .claim__wrapper {
        padding: 20px;
        padding: 1.25rem
    }

    .header__top .claim__text {
        font-size: 28px;
        font-size: 1.75rem
    }

    .header__meta {
        padding-top: 10px;
        padding-top: .625rem
    }

    .header__meta {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .header__meta {
        padding-bottom: 10px;
        padding-bottom: .625rem
    }

    .header__meta {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .header__meta>:not(:first-child) {
        margin-left: 10px;
        margin-left: .625rem
    }

    .header__meta>:not(:last-child) {
        margin-right: 10px;
        margin-right: .625rem
    }

    .header__bar .mod_brand a {
        padding-top: 6.25px;
        padding-top: .39062rem
    }

    .header__bar .mod_brand a {
        padding-right: 18.75px;
        padding-right: 1.17188rem
    }

    .header__bar .mod_brand a {
        padding-bottom: 6.25px;
        padding-bottom: .39062rem
    }

    .header__bar .mod_brand a {
        padding-left: 18.75px;
        padding-left: 1.17188rem
    }

    .footer .mod_customnav ul {
        padding: 10px 20px;
        padding: .625rem 1.25rem
    }

    .footer .mod_customnav ul {
        margin: 0 -20px;
        margin: 0 -1.25rem
    }

    .cookiebar__wrapper {
        padding: 20px;
        padding: 1.25rem
    }

    .cookiebar__text {
        margin: 0 20px 0 0;
        margin: 0 1.25rem 0 0
    }

    .cookiebar__text>:first-child {
        margin-top: 0
    }

    .cookiebar__text>:last-child {
        margin-bottom: 0
    }

    .cookiebar__text p {
        font-size: 12px;
        font-size: .75rem
    }

    .cookiebar__button {
        font-size: 16px;
        font-size: 1rem
    }

    .text-simple {
        margin: 62.5px auto;
        margin: 3.90625rem auto
    }

    .text-simple__content {
        padding: 0 20px;
        padding: 0 1.25rem
    }

    .text-image__link a {
        font-size: 16px;
        font-size: 1rem
    }

    .text-image__phone-wrapper {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .text-image__text-wrapper {
        padding: 20px;
        padding: 1.25rem
    }

    .text-image__text-wrapper {
        padding-right: 6.25px;
        padding-right: .39062rem
    }

    .text-image+.text-image {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .text-grid {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .text-grid {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .text-grid__cell-wrapper {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .text-grid__cell-wrapper {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .text-facts {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .text-facts {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .text-facts__cell-wrapper {
        padding: 0 20px;
        padding: 0 1.25rem
    }

    .slider {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .slider {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .slider__text-wrapper {
        padding: 20px;
        padding: 1.25rem
    }

    .slider__text-wrapper>:first-child {
        margin-top: 0
    }

    .slider__text-wrapper>:last-child {
        margin-bottom: 0
    }

    .slider__headline {
        font-size: 32px;
        font-size: 2rem
    }

    .slider__headline {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .slider__headline {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .slider__copy {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .slider__copy {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .slider__meta {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .slider__meta {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .slider__link {
        font-size: 16px;
        font-size: 1rem
    }

    .cards {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .cards__intro p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .cards__intro+.cards__list {
        padding-top: 20px;
        padding-top: 1.25rem
    }

    .cards__info {
        padding: 20px;
        padding: 1.25rem
    }

    .cards__info span {
        font-size: 20px;
        font-size: 1.25rem
    }

    .cards__info a {
        font-size: 16px;
        font-size: 1rem
    }

    .accordion {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .accordion {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .accordion__intro {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .accordion__intro {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .accordion__intro+.accordion__content {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .accordion__list {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .accordion__head {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .accordion__head {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .accordion__head {
        font-size: 20px;
        font-size: 1.25rem
    }

    .accordion__body {
        padding-top: 10px;
        padding-top: .625rem
    }

    .accordion__body {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .accordion__body {
        padding-bottom: 20px;
        padding-bottom: 1.25rem
    }

    .accordion__body {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .contact-tmp__address {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .contact-tmp__address {
        padding-bottom: 20px;
        padding-bottom: 1.25rem
    }

    .contact-tmp__address {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .contact-tmp__form-wrapper {
        padding: 20px;
        padding: 1.25rem
    }

    .widget {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .widget-explanation p {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-text input {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-submit {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .widget-submit button {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-select select {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-select .select2-container .select2-selection--single {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-textarea textarea {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-radio fieldset>legend {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-radio fieldset>span label {
        font-size: 16px;
        font-size: 1rem
    }

    .glossary {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .glossary {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .glossary__intro+.glossary__content {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .glossary__navigation {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .glossary__navigation {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .glossary__cluster button {
        font-size: 16px;
        font-size: 1rem
    }

    .glossary__cell p {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .glossary__cell p {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .project {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .project {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .project__intro {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .project__intro {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .project__intro {
        margin-bottom: 20px;
        margin-bottom: 1.25rem
    }

    .project__address span {
        font-size: 24px;
        font-size: 1.5rem
    }

    .project__download-head {
        font-size: 24px;
        font-size: 1.5rem
    }

    .project__download-head {
        margin-bottom: 10px;
        margin-bottom: .625rem
    }

    .project__download-links a {
        font-size: 16px;
        font-size: 1rem
    }

    .project__download-links+.project__download-head {
        margin-top: 20px;
        margin-top: 1.25rem
    }

    .mod_search {
        margin-top: 62.5px;
        margin-top: 3.90625rem
    }

    .mod_search {
        margin-bottom: 62.5px;
        margin-bottom: 3.90625rem
    }

    .mod_search .formbody {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .mod_search .formbody {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .mod_search .formbody input {
        font-size: 16px;
        font-size: 1rem
    }

    .mod_search .header {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .mod_search .header {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .mod_search>div {
        padding-top: 20px;
        padding-top: 1.25rem
    }

    .mod_search>div {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .mod_search>div {
        padding-bottom: 20px;
        padding-bottom: 1.25rem
    }

    .mod_search>div {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .mod_search>div h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .mod_search>div h3 .relevance {
        font-size: 16px;
        font-size: 1rem
    }

    .mod_breadcrumb {
        padding-top: 31.25px;
        padding-top: 1.95312rem
    }

    .mod_breadcrumb {
        padding-bottom: 31.25px;
        padding-bottom: 1.95312rem
    }

    .mod_breadcrumb ul li {
        font-size: 32px;
        font-size: 2rem
    }

    .sitemap {
        margin: 62.5px auto;
        margin: 3.90625rem auto
    }

    .sitemap__headline {
        padding: 0 20px;
        padding: 0 1.25rem
    }

    .sitemap__content {
        padding: 0 20px;
        padding: 0 1.25rem
    }

    .sitemap__content ul {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (orientation:portrait) and (max-width:76.6875em) {
    .cookiebar__text {
        margin: 0 0 20px 0;
        margin: 0 0 1.25rem 0
    }
}

@media screen and (max-width:63.9375em) {
    .frontpage .header__wrapper {
        position: relative;
        width: 100%;
        margin-top: 0
    }

    .frontpage .header--sticky .header__image {
        margin-top: 3.75rem
    }

    .header__wrapper {
        position: relative;
        background-color: #96c11f;
        margin-top: 0;
        z-index: 400
    }

    .header__logo {
        margin-top: 20%
    }

    .header__top {
        display: block
    }

    .header__top .mod_brand a {
        font-size: 20px;
        font-size: 1.25rem
    }

    .header__top .burger {
        display: block
    }

    .header__top .burger button {
        font-size: 20px;
        font-size: 1.25rem
    }

    .header__top .claim__wrapper {
        padding-left: 116px;
        padding-left: 7.25rem
    }

    .header__top .claim__text {
        width: 8.57143em;
        font-size: 14px;
        font-size: .875rem;
        text-align: left
    }

    .header__meta {
        display: none
    }

    .header__bar {
        overflow: auto;
        display: none
    }

    .header__bar .mod_brand {
        display: none
    }

    .header__bar .mod_navigation ul.level_1 {
        flex-direction: column
    }

    .header__bar .mod_navigation ul.level_1>li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #fff
    }

    .header__bar .mod_navigation ul.level_1>li.last {
        position: initial
    }

    .header__bar .mod_navigation ul.level_1>li>a:hover,
    .header__bar .mod_navigation ul.level_1>li>span:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_1>li>a.active,
    .header__bar .mod_navigation ul.level_1>li>span.active {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_1>li>a.active:hover,
    .header__bar .mod_navigation ul.level_1>li>span.active:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_1>li>a.trail,
    .header__bar .mod_navigation ul.level_1>li>span.trail {
        color: #fff;
        background-color: #96c11f
    }

    .header__bar .mod_navigation ul.level_1>li>a.trail:hover,
    .header__bar .mod_navigation ul.level_1>li>span.trail:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_1>li>a.contact:after,
    .header__bar .mod_navigation ul.level_1>li>span.contact:after {
        display: none
    }

    .header__bar .mod_navigation ul.level_1>li>a.search:before,
    .header__bar .mod_navigation ul.level_1>li>span.search:before {
        display: none
    }

    .header__bar .mod_navigation ul.level_2 {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding: 0
    }

    .header__bar .mod_navigation ul.level_2>li>a,
    .header__bar .mod_navigation ul.level_2>li>span {
        padding-left: 1em;
        color: #fff;
        background-color: #96c11f
    }

    .header__bar .mod_navigation ul.level_2>li>a:hover,
    .header__bar .mod_navigation ul.level_2>li>span:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_2>li>a.active,
    .header__bar .mod_navigation ul.level_2>li>span.active {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_2>li>a.trail,
    .header__bar .mod_navigation ul.level_2>li>span.trail {
        color: #fff;
        background-color: #96c11f
    }

    .header__bar .mod_navigation ul.level_2>li>a.trail:hover,
    .header__bar .mod_navigation ul.level_2>li>span.trail:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_3 {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding: 0
    }

    .header__bar .mod_navigation ul.level_3>li>a,
    .header__bar .mod_navigation ul.level_3>li>span {
        padding-left: 1.5em;
        color: #fff;
        background-color: #96c11f
    }

    .header__bar .mod_navigation ul.level_3>li>a:hover,
    .header__bar .mod_navigation ul.level_3>li>span:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_3>li>a.active,
    .header__bar .mod_navigation ul.level_3>li>span.active {
        color: #96c11f;
        background-color: #fff
    }

    .header__bar .mod_navigation ul.level_3>li>a.trail,
    .header__bar .mod_navigation ul.level_3>li>span.trail {
        color: #fff;
        background-color: #96c11f
    }

    .header__bar .mod_navigation ul.level_3>li>a.trail:hover,
    .header__bar .mod_navigation ul.level_3>li>span.trail:hover {
        color: #96c11f;
        background-color: #fff
    }

    .header--sticky .header__bar .mod_brand {
        display: none
    }

    .mod_breadcrumb h2 {
        font-size: 23px;
        font-size: 1.4375rem
    }

    .mod_breadcrumb ul li {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (max-width:62.3125em) {
    .header__top .mod_brand {
        padding: 16px;
        padding: 1rem
    }

    .header__top .claim__wrapper {
        padding: 16px;
        padding: 1rem
    }

    .header__meta {
        padding-top: 8px;
        padding-top: .5rem
    }

    .header__meta {
        padding-right: 16px;
        padding-right: 1rem
    }

    .header__meta {
        padding-bottom: 8px;
        padding-bottom: .5rem
    }

    .header__meta {
        padding-left: 16px;
        padding-left: 1rem
    }

    .header__meta>:not(:first-child) {
        margin-left: 8px;
        margin-left: .5rem
    }

    .header__meta>:not(:last-child) {
        margin-right: 8px;
        margin-right: .5rem
    }

    .header__bar .mod_brand a {
        padding-top: 5px;
        padding-top: .3125rem
    }

    .header__bar .mod_brand a {
        padding-right: 15px;
        padding-right: .9375rem
    }

    .header__bar .mod_brand a {
        padding-bottom: 5px;
        padding-bottom: .3125rem
    }

    .header__bar .mod_brand a {
        padding-left: 15px;
        padding-left: .9375rem
    }

    .footer .mod_customnav ul {
        padding: 8px 16px;
        padding: .5rem 1rem
    }

    .footer .mod_customnav ul {
        margin: 0 -16px;
        margin: 0 -1rem
    }

    .cookiebar__wrapper {
        padding: 16px;
        padding: 1rem
    }

    .cookiebar__text {
        margin: 0 16px 0 0;
        margin: 0 1rem 0 0
    }

    .cookiebar__text>:first-child {
        margin-top: 0
    }

    .cookiebar__text>:last-child {
        margin-bottom: 0
    }

    .text-simple {
        margin: 50px auto;
        margin: 3.125rem auto
    }

    .text-simple__wrapper {
        width: 100%
    }

    .text-simple__content {
        padding: 0 16px;
        padding: 0 1rem
    }

    .text-image__wrapper.intro {
        width: 100%
    }

    .text-image__phone-wrapper {
        padding-right: 16px;
        padding-right: 1rem
    }

    .text-image__text {
        width: 50%;
        margin: 0
    }

    .text-image__text-wrapper {
        padding: 16px;
        padding: 1rem
    }

    .text-image__text-wrapper {
        padding-right: 5px;
        padding-right: .3125rem
    }

    .text-image+.text-image {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .text-grid {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .text-grid {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .text-grid__wrapper {
        width: 100%
    }

    .text-grid__cell-wrapper {
        padding-left: 16px;
        padding-left: 1rem
    }

    .text-grid__cell-wrapper {
        padding-right: 16px;
        padding-right: 1rem
    }

    .text-facts {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .text-facts {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .text-facts__wrapper {
        width: 100%
    }

    .text-facts__cell-wrapper {
        padding: 0 16px;
        padding: 0 1rem
    }

    .slider {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .slider {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .slider__item--xl,
    .slider__item--xr {
        flex-direction: column
    }

    .slider__text {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .slider__text-wrapper {
        padding: 16px;
        padding: 1rem
    }

    .slider__text-wrapper>:first-child {
        margin-top: 0
    }

    .slider__text-wrapper>:last-child {
        margin-bottom: 0
    }

    .slider__headline {
        margin-top: 16px;
        margin-top: 1rem
    }

    .slider__headline {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .slider__copy {
        margin-top: 16px;
        margin-top: 1rem
    }

    .slider__copy {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .slider__meta {
        margin-top: 16px;
        margin-top: 1rem
    }

    .slider__meta {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .slider--initialized .slider__navigation {
        display: none
    }

    .cards {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .cards__wrapper {
        width: 100%
    }

    .cards__intro {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }

    .cards__intro+.cards__list {
        padding-top: 16px;
        padding-top: 1rem
    }

    .cards__info {
        padding: 16px;
        padding: 1rem
    }

    .accordion {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .accordion {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .accordion__intro {
        padding-left: 16px;
        padding-left: 1rem
    }

    .accordion__intro {
        padding-right: 16px;
        padding-right: 1rem
    }

    .accordion__content {
        margin: 0
    }

    .accordion__intro+.accordion__content {
        margin-top: 16px;
        margin-top: 1rem
    }

    .accordion__image {
        display: none
    }

    .accordion__list {
        padding-right: 16px;
        padding-right: 1rem
    }

    .accordion__list {
        width: 100%;
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }

    .accordion__head {
        padding-right: 16px;
        padding-right: 1rem
    }

    .accordion__head {
        padding-left: 16px;
        padding-left: 1rem
    }

    .accordion__body {
        padding-top: 8px;
        padding-top: .5rem
    }

    .accordion__body {
        padding-right: 16px;
        padding-right: 1rem
    }

    .accordion__body {
        padding-bottom: 16px;
        padding-bottom: 1rem
    }

    .accordion__body {
        padding-left: 16px;
        padding-left: 1rem
    }

    .contact-tmp__address {
        padding-right: 16px;
        padding-right: 1rem
    }

    .contact-tmp__address {
        padding-bottom: 16px;
        padding-bottom: 1rem
    }

    .contact-tmp__address {
        padding-left: 16px;
        padding-left: 1rem
    }

    .contact-tmp__form-wrapper {
        padding: 16px;
        padding: 1rem
    }

    .widget {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .widget-submit {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .glossary {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .glossary {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .glossary__wrapper {
        width: 100%
    }

    .glossary__intro+.glossary__content {
        margin-top: 16px;
        margin-top: 1rem
    }

    .glossary__navigation {
        padding-left: 16px;
        padding-left: 1rem
    }

    .glossary__navigation {
        padding-right: 16px;
        padding-right: 1rem
    }

    .glossary__cell p {
        padding-left: 16px;
        padding-left: 1rem
    }

    .glossary__cell p {
        padding-right: 16px;
        padding-right: 1rem
    }

    .project {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .project {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .project__intro {
        padding-left: 16px;
        padding-left: 1rem
    }

    .project__intro {
        padding-right: 16px;
        padding-right: 1rem
    }

    .project__intro {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    .project__download-head {
        margin-bottom: 8px;
        margin-bottom: .5rem
    }

    .project__download-links+.project__download-head {
        margin-top: 16px;
        margin-top: 1rem
    }

    .mod_search {
        margin-top: 50px;
        margin-top: 3.125rem
    }

    .mod_search {
        margin-bottom: 50px;
        margin-bottom: 3.125rem
    }

    .mod_search {
        width: 100%
    }

    .mod_search .formbody {
        padding-left: 16px;
        padding-left: 1rem
    }

    .mod_search .formbody {
        padding-right: 16px;
        padding-right: 1rem
    }

    .mod_search .header {
        padding-left: 16px;
        padding-left: 1rem
    }

    .mod_search .header {
        padding-right: 16px;
        padding-right: 1rem
    }

    .mod_search>div {
        padding-top: 16px;
        padding-top: 1rem
    }

    .mod_search>div {
        padding-right: 16px;
        padding-right: 1rem
    }

    .mod_search>div {
        padding-bottom: 16px;
        padding-bottom: 1rem
    }

    .mod_search>div {
        padding-left: 16px;
        padding-left: 1rem
    }

    .mod_breadcrumb {
        padding-top: 25px;
        padding-top: 1.5625rem
    }

    .mod_breadcrumb {
        padding-bottom: 25px;
        padding-bottom: 1.5625rem
    }

    .sitemap {
        margin: 50px auto;
        margin: 3.125rem auto
    }

    .sitemap__wrapper {
        width: 100%
    }

    .sitemap__headline {
        padding: 0 16px;
        padding: 0 1rem
    }

    .sitemap__content {
        padding: 0 16px;
        padding: 0 1rem
    }
}

@media screen and (orientation:portrait) and (max-width:62.3125em) {
    .cookiebar__text {
        margin: 0 0 16px 0;
        margin: 0 0 1rem 0
    }
}

@media screen and (max-width:62.3125em) and (max-width:62.3125em) {
    .cards__intro {
        padding-left: 16px;
        padding-left: 1rem
    }

    .cards__intro {
        padding-right: 16px;
        padding-right: 1rem
    }

    .accordion__list {
        padding-left: 16px;
        padding-left: 1rem
    }

    .accordion__list {
        padding-right: 16px;
        padding-right: 1rem
    }
}

@media screen and (max-width:62.3125em) and (max-width:76.6875em) {
    .cards__intro {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .cards__intro {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .accordion__list {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .accordion__list {
        padding-right: 20px;
        padding-right: 1.25rem
    }
}

@media screen and (max-width:62.3125em) and (max-width:91.0625em) {
    .cards__intro {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .cards__intro {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .accordion__list {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .accordion__list {
        padding-right: 24px;
        padding-right: 1.5rem
    }
}

@media screen and (max-width:62.3125em) and (max-width:105.4375em) {
    .cards__intro {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .cards__intro {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .accordion__list {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .accordion__list {
        padding-right: 28px;
        padding-right: 1.75rem
    }
}

@media screen and (max-width:62.25em) {
    .text-image-long__image {
        width: 50%
    }
}

@media screen and (max-width:61.0625em) {
    .project__wrapper {
        width: 100%
    }
}

@media screen and (max-width:47.9375em) and (max-width:62.3125em) {
    .text-image__wrapper.intro {
        padding-left: 16px;
        padding-left: 1rem
    }

    .text-image__wrapper.intro {
        padding-right: 16px;
        padding-right: 1rem
    }

    .text-grid__cell {
        padding-top: 8px;
        padding-top: .5rem
    }

    .text-grid__cell {
        padding-right: 16px;
        padding-right: 1rem
    }

    .text-grid__cell {
        padding-bottom: 8px;
        padding-bottom: .5rem
    }

    .text-grid__cell {
        padding-left: 16px;
        padding-left: 1rem
    }

    .text-grid__cell:first-child {
        padding-top: 0
    }

    .text-grid__cell:last-child {
        padding-bottom: 0
    }

    .cards__wrapper {
        padding-left: 16px;
        padding-left: 1rem
    }

    .cards__wrapper {
        padding-right: 16px;
        padding-right: 1rem
    }

    .widget-explanation {
        padding-left: 16px;
        padding-left: 1rem
    }

    .widget-explanation {
        padding-right: 16px;
        padding-right: 1rem
    }
}

@media screen and (max-width:47.9375em) and (max-width:76.6875em) {
    .text-image__wrapper.intro {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .text-image__wrapper.intro {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .text-grid__cell {
        padding-top: 10px;
        padding-top: .625rem
    }

    .text-grid__cell {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .text-grid__cell {
        padding-bottom: 10px;
        padding-bottom: .625rem
    }

    .text-grid__cell {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .text-grid__cell:first-child {
        padding-top: 0
    }

    .text-grid__cell:last-child {
        padding-bottom: 0
    }

    .cards__wrapper {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .cards__wrapper {
        padding-right: 20px;
        padding-right: 1.25rem
    }

    .widget-explanation {
        padding-left: 20px;
        padding-left: 1.25rem
    }

    .widget-explanation {
        padding-right: 20px;
        padding-right: 1.25rem
    }
}

@media screen and (max-width:47.9375em) and (max-width:91.0625em) {
    .text-image__wrapper.intro {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .text-image__wrapper.intro {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .text-grid__cell {
        padding-top: 12px;
        padding-top: .75rem
    }

    .text-grid__cell {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .text-grid__cell {
        padding-bottom: 12px;
        padding-bottom: .75rem
    }

    .text-grid__cell {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .text-grid__cell:first-child {
        padding-top: 0
    }

    .text-grid__cell:last-child {
        padding-bottom: 0
    }

    .cards__wrapper {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .cards__wrapper {
        padding-right: 24px;
        padding-right: 1.5rem
    }

    .widget-explanation {
        padding-left: 24px;
        padding-left: 1.5rem
    }

    .widget-explanation {
        padding-right: 24px;
        padding-right: 1.5rem
    }
}

@media screen and (max-width:47.9375em) and (max-width:105.4375em) {
    .text-image__wrapper.intro {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .text-image__wrapper.intro {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .text-grid__cell {
        padding-top: 14px;
        padding-top: .875rem
    }

    .text-grid__cell {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .text-grid__cell {
        padding-bottom: 14px;
        padding-bottom: .875rem
    }

    .text-grid__cell {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .text-grid__cell:first-child {
        padding-top: 0
    }

    .text-grid__cell:last-child {
        padding-bottom: 0
    }

    .cards__wrapper {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .cards__wrapper {
        padding-right: 28px;
        padding-right: 1.75rem
    }

    .widget-explanation {
        padding-left: 28px;
        padding-left: 1.75rem
    }

    .widget-explanation {
        padding-right: 28px;
        padding-right: 1.75rem
    }
}

@media screen and (max-width:47.9375em) {
    .header__logo {
        margin-top: 30%
    }

    .header__top .mod_brand a {
        font-size: 16px;
        font-size: 1rem
    }

    .header__top .burger button {
        font-size: 16px;
        font-size: 1rem
    }

    .header__top .claim__text {
        font-size: 16px;
        font-size: 1rem
    }

    .header__bar .mod_navigation ul>li {
        font-size: 24px;
        font-size: 1.5rem
    }

    .footer .mod_customnav ul {
        margin: 0;
        flex-direction: column;
        align-items: flex-start
    }

    .footer .mod_customnav ul li:not(:last-child):after {
        display: none
    }

    .cookiebar__button {
        padding: .25em .75em
    }

    .frontpage main {
        background-size: 150%
    }

    .text-simple__wrapper {
        padding: 0
    }

    .text-image__wrapper.left {
        flex-direction: column-reverse
    }

    .text-image__wrapper.intro {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }

    .text-image__wrapper {
        flex-direction: column-reverse
    }

    .text-image__image {
        width: 100%
    }

    .text-image__link a {
        padding: .25em .75em
    }

    .text-image__mascot {
        width: 100%;
        display: none
    }

    .text-image__phone {
        display: none
    }

    .text-image__text {
        width: 100%;
        padding: 0
    }

    .text-image+.text-image {
        margin-top: 32px;
        margin-top: 2rem
    }

    .text-grid {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .text-grid__wrapper {
        flex-direction: column
    }

    .text-grid__cell {
        width: 100%;
        padding-top: 16px;
        padding-top: 1rem;
        padding-right: 32px;
        padding-right: 2rem;
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-left: 32px;
        padding-left: 2rem
    }

    .text-grid__cell:first-child {
        padding-top: 0
    }

    .text-grid__cell:last-child {
        padding-bottom: 0
    }

    .text-grid__cell-wrapper {
        padding: 0
    }

    .text-facts {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .text-facts__wrapper {
        flex-direction: column
    }

    .text-facts__cell {
        width: 100%;
        padding: 0;
        margin: 16px 0;
        margin: 1rem 0
    }

    .text-facts__cell:first-child {
        margin-top: 0
    }

    .text-facts__cell:last-child {
        margin-bottom: 0
    }

    .slider {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .slider__link {
        padding: .25em .75em
    }

    .cards {
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .cards__wrapper {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }

    .cards__item {
        width: 50%
    }

    .cards__info span {
        font-size: 16px;
        font-size: 1rem
    }

    .cards__info a {
        padding: .25em .75em
    }

    .accordion {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .accordion__wrapper {
        padding: 0
    }

    .contact-tmp__wrapper {
        flex-direction: column
    }

    .contact-tmp__info {
        width: 100%;
        padding: 0
    }

    .contact-tmp__map {
        min-height: 0;
        height: 0;
        padding: 0 0 75% 0;
        flex-grow: 0
    }

    .contact-tmp__form {
        width: 100%;
        padding: 0
    }

    .widget-left {
        width: 100%;
        padding-right: 0
    }

    .widget-right {
        width: 100%;
        padding-left: 0
    }

    .widget-explanation {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem
    }

    .widget-explanation p {
        margin: 0
    }

    .widget-text input {
        padding: .58333em 1em
    }

    .widget-submit button {
        margin-top: 0
    }

    .widget-select select {
        padding: .58333em 1em
    }

    .widget-select .select2-container .select2-selection--single .select2-selection__rendered {
        padding: .58333em 1em
    }

    .widget-textarea textarea {
        padding: .58333em 1em
    }

    .widget-radio fieldset>legend {
        padding: .58333em 1em
    }

    .glossary {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .glossary__wrapper {
        padding: 0
    }

    .glossary__navigation {
        margin: 10px -10px;
        margin: .625rem -.625rem
    }

    .glossary__cluster button {
        padding: .25em .75em
    }

    .glossary__row {
        flex-direction: column
    }

    .glossary__cell:first-of-type {
        width: 100%;
        text-align: center;
        last-child-margin-bottom: 0
    }

    .glossary__cell:last-of-type {
        width: 100%
    }

    .project {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem
    }

    .project__wrapper {
        padding: 0
    }

    .project__description {
        flex-direction: column;
        margin: 0
    }

    .project__address {
        width: 100%;
        padding-left: 16px;
        padding-left: 1rem;
        padding-right: 16px;
        padding-right: 1rem
    }

    .project__info {
        width: 100%;
        padding-left: 16px;
        padding-left: 1rem;
        padding-right: 16px;
        padding-right: 1rem;
        padding-top: 16px;
        padding-top: 1rem
    }

    .project__gallery-list {
        flex-direction: column;
        margin: 12px 8px;
        margin: .75rem .5rem
    }

    .project__gallery-item {
        padding: 8px;
        padding: .5rem;
        width: 100%;
        height: auto
    }

    .project__gallery-item img {
        max-width: 100%;
        height: auto;
        margin: 0 auto
    }

    .project__meta {
        flex-direction: column;
        margin: 0
    }

    .project__map {
        width: 100%;
        height: 0;
        padding: 0 0 75% 0
    }

    .project__map-wrapper {
        height: 0;
        padding: 0 0 75% 0
    }

    .project__download {
        width: 100%;
        padding: 16px 16px 0;
        padding: 1rem 1rem 0
    }

    .project__download-links a {
        padding: .25em .75em
    }

    .mod_search {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 32px;
        margin-bottom: 2rem;
        padding: 0
    }

    .mod_search .formbody {
        flex-direction: column;
        margin: -8px 0;
        margin: -.5rem 0
    }

    .mod_search .formbody input {
        margin: 8px 0;
        margin: .5rem 0;
        padding: .58333em 1em;
        width: 100%
    }

    .mod_search .formbody input.text {
        width: 100%
    }

    .mod_search .formbody input.submit {
        width: 100%
    }

    .sitemap__wrapper {
        padding: 0
    }
}

@media screen and (max-width:34.75em) {
    .cards__info h2 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .cards__info p {
        font-size: 13px;
        font-size: .8125rem
    }

    .cards__info a {
        font-size: 16px;
        font-size: 1rem
    }

    .mod_breadcrumb {
        flex-direction: column;
        align-items: flex-start
    }

    .mod_breadcrumb ul {
        flex-wrap: wrap
    }

    .mod_breadcrumb ul li:before {
        content: ">"
    }

    .mod_breadcrumb ul li:first-child:before {
        content: ">"
    }

    .mod_breadcrumb ul li a {
        text-decoration: underline
    }
}

@media screen and (orientation:portrait) {
    .cookiebar__wrapper {
        flex-direction: column
    }

    .cookiebar__text {
        margin: 0 0 32px 0;
        margin: 0 0 2rem 0
    }
}
.video-teaser {
    margin: 100px auto;
    margin: 6.25rem auto
}

.video-teaser__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

.video-teaser__media {
    position: relative;
    width: 25%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.video-teaser__media video {
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    object-position: center
}

.video-teaser__content {
    position: relative;
    width: 25%;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    box-sizing: border-box
}

.video-teaser__content-wrapper {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 10px;
    padding-right: .625rem
}

.video-teaser__headline {
    color: #96c11f;
}

@media screen and (max-width:105.4375em) {
    .video-teaser {
        margin: 87.5px auto;
        margin: 5.46875rem autom
    }

    .video-teaser__content-wrapper {
        padding-left: 28px;
        padding-left: 1.75rem
    }
}

@media screen and (max-width:91.0625em) {
    .video-teaser {
        margin: 75px auto;
        margin: 4.6875rem auto
    }
    
    .video-teaser__content-wrapper {
        padding-left: 24px;
        padding-left: 1.5rem
    }
}

@media screen and (max-width:76.6875em) {
    .video-teaser {
        margin: 62.5px auto;
        margin: 3.90625rem auto
    }

    .video-teaser__content-wrapper {
        padding-left: 20px;
        padding-left: 1.25rem
    }
}

@media screen and (max-width:62.3125em) {
    .video-teaser {
        margin: 50px auto;
        margin: 3.125rem auto
    }

    .video-teaser__wrapper {
        width: 100%
    }

    .video-teaser__content-wrapper {
        padding-left: 16px;
        padding-left: 1rem;
        padding-right: 16px;
        padding-right: 1rem
    }
}

@media screen and (max-width:47.9375em) {
    .video-teaser {
        margin-block: 32px;
        margin-block: 2rem;
    }

    .video-teaser__wrapper {
        flex-direction: column
    }

    .video-teaser__media {
        width: 100%
    }

    .video-teaser__content {
        width: 100%;
        padding: 0
    }
}