@charset "UTF-8";

@layer migration {
    .ausklapp-text,
    .ausklapp-text.row {
        display: none;
    }

    [class*=col].cb-shadow {
        position: relative;
    }

    .search-lupe {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 30px;
        border: none;
        border: 1px solid #007883;
        background-image: url(/fileadmin/custom/assets/Lupe_Button_default.svg);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        color: transparent;
        font-size: 1px
    }

    .search-lupe:focus, .search-lupe:hover {
        background-color: #007883;
        background-image: url(/fileadmin/custom/assets/Lupe_Button_active.svg)
    }

    .mega-dropdown-menu {
        overflow: auto;
    }
}

@layer legacy {
    .leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box {
        position: absolute;
        left: 0;
        top: 0
    }

    .leaflet-container {
        overflow: hidden
    }

    .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-drag: none
    }

    .leaflet-safari .leaflet-tile {
        image-rendering: -webkit-optimize-contrast
    }

    .leaflet-safari .leaflet-tile-container {
        width: 1600px;
        height: 1600px;
        -webkit-transform-origin: 0 0
    }

    .leaflet-marker-icon, .leaflet-marker-shadow {
        display: block
    }

    .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
        max-width: none !important
    }

    .leaflet-container.leaflet-touch-zoom {
        -ms-touch-action: pan-x pan-y
    }

    .leaflet-container.leaflet-touch-drag {
        -ms-touch-action: pinch-zoom
    }

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        -ms-touch-action: none
    }

    .leaflet-container {
        -webkit-tap-highlight-color: transparent
    }

    .leaflet-container a {
        -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
    }

    .leaflet-tile {
        filter: inherit;
        visibility: hidden
    }

    .leaflet-tile-loaded {
        visibility: inherit
    }

    .leaflet-zoom-box {
        width: 0;
        height: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 800
    }

    .leaflet-overlay-pane svg {
        -moz-user-select: none
    }

    .leaflet-pane {
        z-index: 400
    }

    .leaflet-tile-pane {
        z-index: 200
    }

    .leaflet-overlay-pane {
        z-index: 400
    }

    .leaflet-shadow-pane {
        z-index: 500
    }

    .leaflet-marker-pane {
        z-index: 600
    }

    .leaflet-tooltip-pane {
        z-index: 650
    }

    .leaflet-popup-pane {
        z-index: 700
    }

    .leaflet-map-pane canvas {
        z-index: 100
    }

    .leaflet-map-pane svg {
        z-index: 200
    }

    .leaflet-vml-shape {
        width: 1px;
        height: 1px
    }

    .lvml {
        display: inline-block;
        position: absolute
    }

    .leaflet-control {
        position: relative;
        z-index: 800
    }

    .leaflet-bottom, .leaflet-top {
        position: absolute;
        z-index: 1000
    }

    .leaflet-top {
        top: 0
    }

    .leaflet-right {
        right: 0
    }

    .leaflet-bottom {
        bottom: 0
    }

    .leaflet-left {
        left: 0
    }

    .leaflet-control {
        float: left;
        clear: both
    }

    .leaflet-right .leaflet-control {
        float: right
    }

    .leaflet-top .leaflet-control {
        margin-top: 10px
    }

    .leaflet-bottom .leaflet-control {
        margin-bottom: 10px
    }

    .leaflet-left .leaflet-control {
        margin-left: 10px
    }

    .leaflet-right .leaflet-control {
        margin-right: 10px
    }

    .leaflet-fade-anim .leaflet-tile {
        will-change: opacity
    }

    .leaflet-fade-anim .leaflet-popup {
        opacity: 0;
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear
    }

    .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
        opacity: 1
    }

    .leaflet-zoom-animated {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .leaflet-zoom-anim .leaflet-zoom-animated {
        will-change: transform
    }

    .leaflet-zoom-anim .leaflet-zoom-animated {
        -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
        -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
        -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1);
        transition: transform .25s cubic-bezier(0, 0, .25, 1)
    }

    .leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

    .leaflet-zoom-anim .leaflet-zoom-hide {
        visibility: hidden
    }

    .leaflet-interactive {
        cursor: pointer
    }

    .leaflet-grab {
        cursor: -webkit-grab;
        cursor: -moz-grab
    }

    .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
        cursor: crosshair
    }

    .leaflet-control, .leaflet-popup-pane {
        cursor: auto
    }

    .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing
    }

    .leaflet-container {
        background: #ddd;
        outline: 0
    }

    .leaflet-container a {
        color: #0078a8
    }

    .leaflet-container a.leaflet-active {
        outline: 2px solid orange
    }

    .leaflet-zoom-box {
        border: 2px dotted #38f;
        background: rgba(255, 255, 255, .5)
    }

    .leaflet-container {
        font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
    }

    .leaflet-bar {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
        border-radius: 4px
    }

    .leaflet-bar a, .leaflet-bar a:hover {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        width: 26px;
        height: 26px;
        line-height: 26px;
        display: block;
        text-align: center;
        text-decoration: none;
        color: #000
    }

    .leaflet-bar a, .leaflet-control-layers-toggle {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: block
    }

    .leaflet-bar a:hover {
        background-color: #f4f4f4
    }

    .leaflet-bar a:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .leaflet-bar a:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom: none
    }

    .leaflet-bar a.leaflet-disabled {
        cursor: default;
        background-color: #f4f4f4;
        color: #bbb
    }

    .leaflet-touch .leaflet-bar a {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .leaflet-touch .leaflet-bar a:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .leaflet-touch .leaflet-bar a:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .leaflet-control-zoom-in, .leaflet-control-zoom-out {
        font: bold 18px 'Lucida Console', Monaco, monospace;
        text-indent: 1px
    }

    .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
        font-size: 22px
    }

    .leaflet-control-layers {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
        background: #fff;
        border-radius: 5px
    }

    .leaflet-control-layers-toggle {
        background-image: url(/fileadmin/custom/js/leaflet/images/layers.png);
        width: 36px;
        height: 36px
    }

    .leaflet-retina .leaflet-control-layers-toggle {
        background-image: url(/fileadmin/custom/js/leaflet/images/layers-2x.png);
        background-size: 26px 26px
    }

    .leaflet-touch .leaflet-control-layers-toggle {
        width: 44px;
        height: 44px
    }

    .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
        display: none
    }

    .leaflet-control-layers-expanded .leaflet-control-layers-list {
        display: block;
        position: relative
    }

    .leaflet-control-layers-expanded {
        padding: 6px 10px 6px 6px;
        color: #333;
        background: #fff
    }

    .leaflet-control-layers-scrollbar {
        overflow-y: scroll;
        padding-right: 5px
    }

    .leaflet-control-layers-selector {
        margin-top: 2px;
        position: relative;
        top: 1px
    }

    .leaflet-control-layers label {
        display: block
    }

    .leaflet-control-layers-separator {
        height: 0;
        border-top: 1px solid #ddd;
        margin: 5px -10px 5px -6px
    }

    .leaflet-default-icon-path {
        background-image: url(/fileadmin/custom/js/leaflet/images/marker-icon.png)
    }

    .leaflet-container .leaflet-control-attribution {
        background: #fff;
        background: rgba(255, 255, 255, .7);
        margin: 0
    }

    .leaflet-control-attribution, .leaflet-control-scale-line {
        padding: 0 5px;
        color: #333
    }

    .leaflet-control-attribution a {
        text-decoration: none
    }

    .leaflet-control-attribution a:hover {
        text-decoration: underline
    }

    .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
        font-size: 11px
    }

    .leaflet-left .leaflet-control-scale {
        margin-left: 5px
    }

    .leaflet-bottom .leaflet-control-scale {
        margin-bottom: 5px
    }

    .leaflet-control-scale-line {
        border: 2px solid #777;
        border-top: none;
        line-height: 1.1;
        padding: 2px 5px 1px;
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        background: rgba(255, 255, 255, .5)
    }

    .leaflet-control-scale-line:not(:first-child) {
        border-top: 2px solid #777;
        border-bottom: none;
        margin-top: -2px
    }

    .leaflet-control-scale-line:not(:first-child):not(:last-child) {
        border-bottom: 2px solid #777
    }

    .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
        box-shadow: none
    }

    .leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
        border: 2px solid rgba(0, 0, 0, .2);
        background-clip: padding-box
    }

    .leaflet-popup {
        position: absolute;
        text-align: center;
        margin-bottom: 20px
    }

    .leaflet-popup-content-wrapper {
        padding: 1px;
        text-align: left;
        border-radius: 12px
    }

    .leaflet-popup-content {
        margin: 13px 19px;
        line-height: 1.4
    }

    .leaflet-popup-content p {
        margin: 18px 0
    }

    .leaflet-popup-tip-container {
        width: 40px;
        height: 20px;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        overflow: hidden
    }

    .leaflet-popup-tip {
        width: 17px;
        height: 17px;
        padding: 1px;
        margin: -10px auto 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
        background: #fff;
        color: #333;
        box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
    }

    .leaflet-container a.leaflet-popup-close-button {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px 4px 0 0;
        border: none;
        text-align: center;
        width: 18px;
        height: 14px;
        font: 16px/14px Tahoma, Verdana, sans-serif;
        color: #c3c3c3;
        text-decoration: none;
        font-weight: 700;
        background: 0 0
    }

    .leaflet-container a.leaflet-popup-close-button:hover {
        color: #999
    }

    .leaflet-popup-scrolled {
        overflow: auto;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd
    }

    .leaflet-oldie .leaflet-popup-tip {
        width: 24px;
        margin: 0 auto
    }

    .leaflet-oldie .leaflet-popup-tip-container {
        margin-top: -1px
    }

    .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
        border: 1px solid #999
    }

    .leaflet-div-icon {
        background: #fff;
        border: 1px solid #666
    }

    .leaflet-tooltip {
        position: absolute;
        padding: 6px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 3px;
        color: #222;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
    }

    .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before {
        position: absolute;
        border: 6px solid transparent;
        background: 0 0;
        content: ""
    }

    .leaflet-tooltip-bottom {
        margin-top: 6px
    }

    .leaflet-tooltip-top {
        margin-top: -6px
    }

    .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
        left: 50%;
        margin-left: -6px
    }

    .leaflet-tooltip-top:before {
        bottom: 0;
        margin-bottom: -12px;
        border-top-color: #fff
    }

    .leaflet-tooltip-bottom:before {
        top: 0;
        margin-top: -12px;
        margin-left: -6px;
        border-bottom-color: #fff
    }

    .leaflet-tooltip-left {
        margin-left: -6px
    }

    .leaflet-tooltip-right {
        margin-left: 6px
    }

    .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
        top: 50%;
        margin-top: -6px
    }

    .leaflet-tooltip-left:before {
        right: 0;
        margin-right: -12px;
        border-left-color: #fff
    }

    .leaflet-tooltip-right:before {
        left: 0;
        margin-left: -12px;
        border-right-color: #fff
    }

    .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
        -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-in;
        -moz-transition: -moz-transform .3s ease-out, opacity .3s ease-in;
        -o-transition: -o-transform .3s ease-out, opacity .3s ease-in;
        transition: transform .3s ease-out, opacity .3s ease-in
    }

    .leaflet-cluster-spider-leg {
        -webkit-transition: -webkit-stroke-dashoffset .3s ease-out, -webkit-stroke-opacity .3s ease-in;
        -moz-transition: -moz-stroke-dashoffset .3s ease-out, -moz-stroke-opacity .3s ease-in;
        -o-transition: -o-stroke-dashoffset .3s ease-out, -o-stroke-opacity .3s ease-in;
        transition: stroke-dashoffset .3s ease-out, stroke-opacity .3s ease-in
    }

    .marker-cluster-small {
        background-color: rgba(181, 226, 140, .6)
    }

    .marker-cluster-small div {
        background-color: rgba(110, 204, 57, .6)
    }

    .marker-cluster-medium {
        background-color: rgba(241, 211, 87, .6)
    }

    .marker-cluster-medium div {
        background-color: rgba(240, 194, 12, .6)
    }

    .marker-cluster-large {
        background-color: rgba(253, 156, 115, .6)
    }

    .marker-cluster-large div {
        background-color: rgba(241, 128, 23, .6)
    }

    .leaflet-oldie .marker-cluster-small {
        background-color: #b5e28c
    }

    .leaflet-oldie .marker-cluster-small div {
        background-color: #6ecc39
    }

    .leaflet-oldie .marker-cluster-medium {
        background-color: #f1d357
    }

    .leaflet-oldie .marker-cluster-medium div {
        background-color: #f0c20c
    }

    .leaflet-oldie .marker-cluster-large {
        background-color: #fd9c73
    }

    .leaflet-oldie .marker-cluster-large div {
        background-color: #f18017
    }

    .marker-cluster {
        background-clip: padding-box;
        border-radius: 20px
    }

    .marker-cluster div {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
        border-radius: 15px;
        font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif
    }

    .marker-cluster span {
        line-height: 30px
    }

    .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
        display: table;
        content: " "
    }

    .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
        clear: both
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    /*
    .hide {
        display: none !important
    }

    .show {
        display: block !important
    }*/

    .invisible {
        visibility: hidden
    }

    .text-hide {
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .hidden {
        display: none !important;
        visibility: hidden !important
    }

    .affix {
        position: fixed
    }

    .visible-lg, .visible-md, .visible-sm, .visible-xs {
        display: none !important
    }

    .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
        display: none !important
    }

    @media (max-width: 767px) {
        .visible-xs {
            display: block !important
        }

        table.visible-xs {
            display: table
        }

        tr.visible-xs {
            display: table-row !important
        }

        td.visible-xs, th.visible-xs {
            display: table-cell !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-block {
            display: block !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-inline {
            display: inline !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm {
            display: block !important
        }

        table.visible-sm {
            display: table
        }

        tr.visible-sm {
            display: table-row !important
        }

        td.visible-sm, th.visible-sm {
            display: table-cell !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-block {
            display: block !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-inline {
            display: inline !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md {
            display: block !important
        }

        table.visible-md {
            display: table
        }

        tr.visible-md {
            display: table-row !important
        }

        td.visible-md, th.visible-md {
            display: table-cell !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-block {
            display: block !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-inline {
            display: inline !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg {
            display: block !important
        }

        table.visible-lg {
            display: table
        }

        tr.visible-lg {
            display: table-row !important
        }

        td.visible-lg, th.visible-lg {
            display: table-cell !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-block {
            display: block !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-inline {
            display: inline !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-inline-block {
            display: inline-block !important
        }
    }

    @media (max-width: 767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .hidden-md {
            display: none !important
        }
    }

    @media (min-width: 1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    .visible-print {
        display: none !important
    }

    @media print {
        .visible-print {
            display: block !important
        }

        table.visible-print {
            display: table
        }

        tr.visible-print {
            display: table-row !important
        }

        td.visible-print, th.visible-print {
            display: table-cell !important
        }
    }

    .visible-print-block {
        display: none !important
    }

    @media print {
        .visible-print-block {
            display: block !important
        }
    }

    .visible-print-inline {
        display: none !important
    }

    @media print {
        .visible-print-inline {
            display: inline !important
        }
    }

    .visible-print-inline-block {
        display: none !important
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important
        }
    }

    @media print {
        .hidden-print {
            display: none !important
        }
    }

    /*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
    .btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
    }

    .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }

    .btn-danger .badge, .btn-default .badge, .btn-info .badge, .btn-primary .badge, .btn-success .badge, .btn-warning .badge {
        text-shadow: none
    }

    .btn.active, .btn:active {
        background-image: none
    }

    .btn-default {
        text-shadow: 0 1px 0 #fff;
        background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
        background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
        background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
        background-repeat: repeat-x;
        border-color: #dbdbdb;
        border-color: #ccc
    }

    .btn-default:focus, .btn-default:hover {
        background-color: #e0e0e0;
        background-position: 0 -15px
    }

    .btn-default.active, .btn-default:active {
        background-color: #e0e0e0;
        border-color: #dbdbdb
    }

    .btn-default:disabled, .btn-default[disabled] {
        background-color: #e0e0e0;
        background-image: none
    }

    .btn-primary {
        background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
        background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
        background-repeat: repeat-x;
        border-color: #245580
    }

    .btn-primary:focus, .btn-primary:hover {
        background-color: #265a88;
        background-position: 0 -15px
    }

    .btn-primary.active, .btn-primary:active {
        background-color: #265a88;
        border-color: #245580
    }

    .btn-primary:disabled, .btn-primary[disabled] {
        background-color: #265a88;
        background-image: none
    }

    .img-thumbnail, .thumbnail {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
    }

    .list-group {
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
    }

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        text-shadow: 0 -1px 0 #286090;
        background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
        background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
        background-repeat: repeat-x;
        border-color: #2b669a
    }

    .list-group-item.active .badge, .list-group-item.active:focus .badge, .list-group-item.active:hover .badge {
        text-shadow: none
    }

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

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

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer
    }

    .slick-slider .slick-list, .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

    .slick-track:after {
        clear: both
    }

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

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

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

    .slick-slide img {
        display: block
    }

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

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

    .slick-loading .slick-list {
        background: #fff url(ajax-loader.gif) center center no-repeat
    }

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

    .slick-next, .slick-prev {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        cursor: pointer;
        background: 0 0;
        color: transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: 0
    }

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: 0;
        background: 0 0;
        color: transparent
    }

    .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
        opacity: 1
    }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-prev {
        left: -25px
    }

    [dir=rtl] .slick-prev {
        left: auto;
        right: -25px
    }

    .slick-prev:before {
        content: "←"
    }

    [dir=rtl] .slick-prev:before {
        content: "→"
    }

    .slick-next {
        right: -25px
    }

    [dir=rtl] .slick-next {
        left: -25px;
        right: auto
    }

    .slick-next:before {
        content: "→"
    }

    [dir=rtl] .slick-next:before {
        content: "←"
    }

    .slick-dots {
        position: absolute;
        bottom: 40px;
        list-style: none;
        display: block;
        text-align: right;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

    .slick-dots li button {
        border: 0;
        background: 0 0;
        display: block;
        height: 20px;
        width: 20px;
        outline: 0;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }

    .slick-dots li button:focus, .slick-dots li button:hover {
        outline: 0
    }

    .slick-dots li button:focus:before, .slick-dots li button:hover:before {
        opacity: 1
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: slick;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #000;
        opacity: .25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-dots li.slick-active button:before {
        color: #000;
        opacity: .75
    }

    .mm-hidden {
        display: none !important
    }

    .mm-wrapper {
        overflow-x: hidden;
        position: relative
    }

    .mm-menu {
        box-sizing: border-box;
        background: inherit;
        display: block;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0
    }

    .mm-panels, .mm-panels > .mm-panel {
        background: inherit;
        border-color: inherit;
        box-sizing: border-box;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0
    }

    .mm-panels {
        overflow: hidden
    }

    .mm-panel {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    .mm-panel.mm-opened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate(-30%, 0);
        -ms-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    .mm-panel.mm-highest {
        z-index: 1
    }

    .mm-panel.mm-noanimation {
        -webkit-transition: none !important;
        transition: none !important
    }

    .mm-panel.mm-noanimation.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-panels > .mm-panel {
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 20px
    }

    .mm-panels > .mm-panel.mm-hasnavbar {
        padding-top: 40px
    }

    .mm-panels > .mm-panel:not(.mm-hidden) {
        display: block
    }

    .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
        content: '';
        display: block;
        height: 20px
    }

    .mm-vertical .mm-panel {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
        display: none;
        padding: 10px 0 10px 10px
    }

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

    .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
        display: block
    }

    .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
        box-sizing: border-box;
        height: 40px;
        bottom: auto
    }

    .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        right: 19px
    }

    .mm-btn {
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        z-index: 1
    }

    .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
        content: '';
        border: 2px solid transparent;
        display: block;
        width: 5px;
        height: 5px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mm-clear:before, .mm-close:before {
        border-right: none;
        border-bottom: none;
        right: 18px
    }

    .mm-clear:after, .mm-close:after {
        border-left: none;
        border-top: none;
        right: 25px
    }

    .mm-next:after, .mm-prev:before {
        content: '';
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        display: block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0
    }

    .mm-prev:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-next:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 23px;
        left: auto
    }

    .mm-navbar {
        border-bottom: 1px solid;
        border-color: inherit;
        text-align: center;
        line-height: 20px;
        height: 40px;
        padding: 0 40px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .mm-navbar > * {
        display: block;
        padding: 10px 0
    }

    .mm-navbar a, .mm-navbar a:hover {
        text-decoration: none
    }

    .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mm-navbar .mm-btn:first-child {
        left: 0
    }

    .mm-navbar .mm-btn:last-child {
        text-align: right;
        right: 0
    }

    .mm-panel .mm-navbar {
        display: none
    }

    .mm-panel.mm-hasnavbar .mm-navbar {
        display: block
    }

    .mm-listview, .mm-listview > li {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0
    }

    .mm-listview {
        font: inherit;
        font-size: 14px;
        line-height: 20px
    }

    .mm-listview a, .mm-listview a:hover {
        text-decoration: none
    }

    .mm-listview > li {
        position: relative
    }

    .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
        border-color: inherit
    }

    .mm-listview > li > a, .mm-listview > li > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: inherit;
        display: block;
        padding: 10px 10px 10px 20px;
        margin: 0
    }

    .mm-listview > li:not(.mm-divider):after {
        content: '';
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    .mm-listview > li:not(.mm-divider):after {
        left: 20px
    }

    .mm-listview .mm-next {
        background: rgba(3, 2, 1, 0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2
    }

    .mm-listview .mm-next:before {
        content: '';
        border-left-width: 1px;
        border-left-style: solid;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .mm-listview .mm-next + a, .mm-listview .mm-next + span {
        margin-right: 50px
    }

    .mm-listview .mm-next.mm-fullsubopen {
        width: 100%
    }

    .mm-listview .mm-next.mm-fullsubopen:before {
        border-left: none
    }

    .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 50px;
        margin-right: 0
    }

    .mm-panels > .mm-panel > .mm-listview {
        margin: 20px -20px
    }

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -20px
    }

    .mm-menu {
        background: #f3f3f3;
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .75)
    }

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-listview {
        border-color: rgba(0, 0, 0, .1)
    }

    .mm-menu .mm-listview > li .mm-next:after {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(255, 255, 255, .5)
    }

    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
        background: rgba(255, 255, 255, .5)
    }

    .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu .mm-divider {
        background: rgba(0, 0, 0, .05)
    }

    .mm-page {
        box-sizing: border-box;
        position: relative
    }

    .mm-slideout {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        z-index: 1
    }

    html.mm-opened {
        overflow-x: hidden;
        position: relative
    }

    html.mm-blocking {
        overflow: hidden
    }

    html.mm-blocking body {
        overflow: hidden
    }

    html.mm-background .mm-page {
        background: inherit
    }

    #mm-blocker {
        background: rgba(3, 2, 1, 0);
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2
    }

    html.mm-blocking #mm-blocker {
        display: block
    }

    .mm-menu.mm-offcanvas {
        z-index: 0;
        display: none;
        position: fixed
    }

    .mm-menu.mm-offcanvas.mm-opened {
        display: block
    }

    .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
        z-index: 10
    }

    .mm-menu.mm-offcanvas {
        width: 80%;
        min-width: 140px;
        max-width: 440px
    }

    html.mm-opening .mm-menu ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 550px) {
        html.mm-opening .mm-menu ~ .mm-slideout {
            -webkit-transform: translate(440px, 0);
            -ms-transform: translate(440px, 0);
            transform: translate(440px, 0);
            -webkit-transform: translate3d(440px, 0, 0);
            transform: translate3d(440px, 0, 0)
        }
    }

    .mm-sronly {
        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        -webkit-clip-path: inset(50%) !important;
        white-space: nowrap !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: absolute !important
    }

    .mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after {
        content: none
    }

    .mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after {
        left: 0 !important
    }

    .mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after {
        right: 20px
    }

    .mm-menu.mm-fx-menu-zoom {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    html.mm-opened .mm-menu.mm-fx-menu-zoom {
        -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
        transform: scale(.7, .7) translate3d(-30%, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }

    html.mm-opening .mm-menu.mm-fx-menu-zoom {
        -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
        transform: scale(1, 1) translate3d(0, 0, 0)
    }

    html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
        -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
        transform: scale(.7, .7) translate3d(30%, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }

    html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
        -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
        transform: scale(1, 1) translate3d(0, 0, 0)
    }

    .mm-menu.mm-fx-menu-slide {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    html.mm-opened .mm-menu.mm-fx-menu-slide {
        -webkit-transform: translate(-30%, 0);
        -ms-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    html.mm-opening .mm-menu.mm-fx-menu-slide {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
        -webkit-transform: translate(30%, 0);
        -ms-transform: translate(30%, 0);
        transform: translate(30%, 0);
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu.mm-fx-menu-fade {
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    html.mm-opening .mm-menu.mm-fx-menu-fade {
        opacity: 1
    }

    .mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel {
        -webkit-transition-property: none;
        transition-property: none
    }

    .mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
        transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
    }

    .mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
        -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
        transform: scale(1, 1) translate3d(0, 0, 0)
    }

    .mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
        -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
        transform: scale(.7, .7) translate3d(-30%, 0, 0)
    }

    .mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel {
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
        -webkit-transition: none .4s ease;
        transition: none .4s ease
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
        -webkit-transition-delay: 250ms;
        transition-delay: 250ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
        -webkit-transition-delay: 450ms;
        transition-delay: 450ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
        -webkit-transition-delay: 550ms;
        transition-delay: 550ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
        -webkit-transition-delay: 650ms;
        transition-delay: 650ms
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
        -webkit-transition-delay: 750ms;
        transition-delay: 750ms
    }

    .mm-menu.mm-fx-listitems-slide .mm-listview > li {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        opacity: 0
    }

    html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .mm-menu.mm-fx-listitems-fade .mm-listview > li {
        -webkit-transition-property: opacity;
        transition-property: opacity;
        opacity: 0
    }

    html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
        opacity: 1
    }

    .mm-menu.mm-fx-listitems-drop .mm-listview > li {
        -webkit-transition-property: opacity, top;
        transition-property: opacity, top;
        opacity: 0;
        top: -25%
    }

    html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
        opacity: 1;
        top: 0
    }

    .mm-menu.mm-offcanvas.mm-fullscreen {
        width: 100%;
        min-width: 140px;
        max-width: 10000px
    }

    html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media all and (max-width: 140px) {
        html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 10000px) {
        html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
            -webkit-transform: translate(10000px, 0);
            -ms-transform: translate(10000px, 0);
            transform: translate(10000px, 0);
            -webkit-transform: translate3d(10000px, 0, 0);
            transform: translate3d(10000px, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    @media all and (max-width: 140px) {
        html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 10000px) {
        html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
            -webkit-transform: translate(-10000px, 0);
            -ms-transform: translate(-10000px, 0);
            transform: translate(-10000px, 0);
            -webkit-transform: translate3d(-10000px, 0, 0);
            transform: translate3d(-10000px, 0, 0)
        }
    }

    .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
        height: 100%;
        min-height: 140px;
        max-height: 10000px
    }

    html.mm-iconbar body {
        overflow-x: hidden
    }

    html.mm-iconbar .mm-page {
        background: inherit;
        min-height: 100vh
    }

    html.mm-iconbar .mm-slideout {
        box-sizing: border-box;
        padding-right: 60px;
        -webkit-transform: translate(60px, 0);
        -ms-transform: translate(60px, 0);
        transform: translate(60px, 0);
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }

    .mm-menu.mm-iconbar {
        display: block
    }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
        content: none;
        display: none
    }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        margin-top: 0;
        margin-bottom: 0
    }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        min-height: 40px
    }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span {
        padding: 7px 10px 7px 20px
    }

    .mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
        height: 34px
    }

    .mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span {
        padding: 15px 10px 15px 20px
    }

    .mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
        height: 50px
    }

    .mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span {
        padding: 20px 10px 20px 20px
    }

    .mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
        height: 60px
    }

    .mm-listview .mm-divider {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 10px;
        text-transform: uppercase;
        text-indent: 20px;
        line-height: 25px
    }

    .mm-listview .mm-spacer {
        padding-top: 40px
    }

    .mm-listview .mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px
    }

    .mm-listview .mm-inset {
        list-style: inside disc;
        padding: 0 10px 15px 40px;
        margin: 0
    }

    .mm-listview .mm-inset > li {
        padding: 5px 0
    }

    .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
        opacity: 0
    }

    html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
        opacity: .3;
        -webkit-transition: opacity .4s ease .4s;
        transition: opacity .4s ease .4s
    }

    .mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
        background: inherit
    }

    .mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
        background: #fff
    }

    .mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
        background: #000
    }

    .mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
        text-overflow: clip;
        white-space: normal
    }

    .mm-menu.mm-popup {
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        opacity: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        height: 80%;
        min-height: 140px;
        max-height: 880px;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .mm-menu.mm-popup.mm-opened ~ .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    .mm-menu.mm-popup.mm-opened ~ #mm-blocker {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
        z-index: 1
    }

    html.mm-opening .mm-menu.mm-popup {
        opacity: 1
    }

    .mm-menu.mm-offcanvas.mm-right {
        left: auto
    }

    html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 550px) {
        html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
            -webkit-transform: translate(-440px, 0);
            -ms-transform: translate(-440px, 0);
            transform: translate(-440px, 0);
            -webkit-transform: translate3d(-440px, 0, 0);
            transform: translate3d(-440px, 0, 0)
        }
    }

    html.mm-front .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    html.mm-front #mm-blocker {
        z-index: 1
    }

    html.mm-front .mm-menu.mm-offcanvas {
        z-index: 2
    }

    .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-top {
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .mm-menu.mm-offcanvas.mm-bottom {
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }

    .mm-menu.mm-offcanvas.mm-bottom {
        top: auto
    }

    html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
        height: 80%;
        min-height: 140px;
        max-height: 880px
    }

    .mm-menu.mm-shadow-page:after {
        content: "";
        display: block;
        width: 20px;
        height: 120%;
        position: absolute;
        left: 100%;
        top: -10%;
        z-index: 100
    }

    .mm-menu.mm-shadow-page.mm-right:after {
        left: auto;
        right: 100%
    }

    .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after {
        content: none;
        display: none
    }

    .mm-menu.mm-shadow-page:after {
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-dark {
        background: #333;
        border-color: rgba(0, 0, 0, .15);
        color: rgba(255, 255, 255, .8)
    }

    .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-dark .mm-listview {
        border-color: rgba(0, 0, 0, .15)
    }

    .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
        border-color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(255, 255, 255, .05)
    }

    .mm-menu.mm-theme-dark .mm-divider {
        background: rgba(255, 255, 255, .05)
    }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255, 255, 255, .8)
    }

    .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-dark .mm-fixeddivider span {
        background: rgba(255, 255, 255, .05)
    }

    .mm-menu.mm-keyboardfocus a:focus {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-shadow-page.mm-theme-dark:after {
        box-shadow: 0 0 20px rgba(0, 0, 0, .5)
    }

    .mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 20px rgba(0, 0, 0, .5)
    }

    .mm-menu.mm-theme-dark .mm-search input {
        background: rgba(255, 255, 255, .3);
        color: rgba(255, 255, 255, .8)
    }

    .mm-menu.mm-theme-dark .mm-noresultsmsg {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-dark .mm-indexer a {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark label.mm-toggle {
        background: rgba(0, 0, 0, .15)
    }

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333
    }

    .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu.mm-theme-white {
        background: #fff;
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-listview {
        border-color: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white .mm-divider {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-theme-white em.mm-counter {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-fixeddivider span {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-keyboardfocus a:focus {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-shadow-page.mm-theme-white:after {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .mm-menu.mm-theme-white .mm-search input {
        background: rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-theme-white .mm-noresultsmsg {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-indexer a {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white label.mm-toggle {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: #fff
    }

    .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu.mm-theme-black {
        background: #000;
        border-color: rgba(255, 255, 255, .2);
        color: rgba(255, 255, 255, .6)
    }

    .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
        border-color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-black .mm-listview {
        border-color: rgba(255, 255, 255, .2)
    }

    .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
        border-color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(255, 255, 255, .3)
    }

    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
        background: rgba(255, 255, 255, .3)
    }

    .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(255, 255, 255, .2)
    }

    .mm-menu.mm-theme-black .mm-divider {
        background: rgba(255, 255, 255, .2)
    }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255, 255, 255, .6)
    }

    .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-black .mm-fixeddivider span {
        background: rgba(255, 255, 255, .2)
    }

    .mm-menu.mm-keyboardfocus a:focus {
        background: rgba(255, 255, 255, .3)
    }

    .mm-menu.mm-shadow-page.mm-theme-black:after {
        content: none;
        display: none
    }

    .mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: none
    }

    .mm-menu.mm-theme-black .mm-search input {
        background: rgba(255, 255, 255, .3);
        color: rgba(255, 255, 255, .6)
    }

    .mm-menu.mm-theme-black .mm-noresultsmsg {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-theme-black .mm-indexer a {
        color: rgba(255, 255, 255, .4)
    }

    .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
        background: rgba(255, 255, 255, .3)
    }

    .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(255, 255, 255, .3)
    }

    .mm-menu.mm-theme-black label.mm-toggle {
        background: rgba(255, 255, 255, .2)
    }

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: #000
    }

    .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
        content: '';
        display: block;
        clear: both
    }

    .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
        width: 50%;
        height: 0;
        padding: 50% 0 0 0;
        float: left;
        position: relative
    }

    .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
        width: 25%;
        padding-top: 25%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
        width: 75%;
        padding-top: 75%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
        width: 100%;
        padding-top: 100%
    }

    .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
        line-height: 1px;
        text-align: center;
        padding: 50% 10px 0 10px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
        left: 0
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
        width: auto
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
        content: none;
        display: none
    }

    .mm-menu.mm-tileview .mm-panel {
        padding-left: 0;
        padding-right: 0
    }

    .mm-menu.mm-tileview .mm-panel:after {
        content: none;
        display: none
    }

    .mm-menu.mm-tileview .mm-listview {
        margin: 0
    }

    html.mm-widescreen body {
        position: relative
    }

    html.mm-widescreen #mm-blocker {
        display: none !important
    }

    html.mm-widescreen .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 70% !important;
        margin-left: 30% !important
    }

    html.mm-widescreen .mm-page {
        background: inherit;
        box-sizing: border-box
    }

    html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body {
        overflow: auto
    }

    .mm-menu.mm-widescreen {
        border-right-width: 1px;
        border-right-style: solid;
        display: block !important;
        width: 30% !important;
        min-width: 0 !important;
        max-width: none !important;
        top: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 100 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .mm-menu.mm-widescreen.mm-pageshadow:after {
        content: none;
        display: none
    }

    .mm-menu.mm-autoheight {
        -webkit-transition: none .4s ease;
        transition: none .4s ease;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform
    }

    .mm-menu.mm-autoheight:not(.mm-offcanvas) {
        position: relative
    }

    .mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
        display: block !important
    }

    .mm-menu.mm-measureheight .mm-panels > .mm-panel {
        bottom: auto !important;
        height: auto !important
    }

    .mm-columns {
        -webkit-transition-property: width;
        transition-property: width
    }

    .mm-columns .mm-panels > .mm-panel {
        right: auto;
        -webkit-transition-property: width, -webkit-transform;
        transition-property: width, -webkit-transform;
        transition-property: width, transform;
        transition-property: width, transform, -webkit-transform
    }

    .mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened {
        border-left: 1px solid;
        border-color: inherit;
        display: block !important
    }

    .mm-columns .mm-panels > .mm-columns-0 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-columns-0 .mm-panels > .mm-panel {
        z-index: 0
    }

    .mm-columns-0 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-0 {
        width: 80%;
        min-width: 140px;
        max-width: 0
    }

    html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 0px) {
        html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 0px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .mm-columns .mm-panels > .mm-columns-1 {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-columns-1 .mm-panels > .mm-panel {
        z-index: 1;
        width: 100%
    }

    .mm-columns-1 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(200%, 0);
        -ms-transform: translate(200%, 0);
        transform: translate(200%, 0);
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-1 {
        width: 80%;
        min-width: 140px;
        max-width: 440px
    }

    html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 550px) {
        html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
            -webkit-transform: translate(440px, 0);
            -ms-transform: translate(440px, 0);
            transform: translate(440px, 0);
            -webkit-transform: translate3d(440px, 0, 0);
            transform: translate3d(440px, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 550px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
            -webkit-transform: translate(-440px, 0);
            -ms-transform: translate(-440px, 0);
            transform: translate(-440px, 0);
            -webkit-transform: translate3d(-440px, 0, 0);
            transform: translate3d(-440px, 0, 0)
        }
    }

    .mm-columns .mm-panels > .mm-columns-2 {
        -webkit-transform: translate(200%, 0);
        -ms-transform: translate(200%, 0);
        transform: translate(200%, 0);
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0)
    }

    .mm-columns-2 .mm-panels > .mm-panel {
        z-index: 2;
        width: 50%
    }

    .mm-columns-2 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(300%, 0);
        -ms-transform: translate(300%, 0);
        transform: translate(300%, 0);
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-2 {
        width: 80%;
        min-width: 140px;
        max-width: 880px
    }

    html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 1100px) {
        html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
            -webkit-transform: translate(880px, 0);
            -ms-transform: translate(880px, 0);
            transform: translate(880px, 0);
            -webkit-transform: translate3d(880px, 0, 0);
            transform: translate3d(880px, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 1100px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
            -webkit-transform: translate(-880px, 0);
            -ms-transform: translate(-880px, 0);
            transform: translate(-880px, 0);
            -webkit-transform: translate3d(-880px, 0, 0);
            transform: translate3d(-880px, 0, 0)
        }
    }

    .mm-columns .mm-panels > .mm-columns-3 {
        -webkit-transform: translate(300%, 0);
        -ms-transform: translate(300%, 0);
        transform: translate(300%, 0);
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0)
    }

    .mm-columns-3 .mm-panels > .mm-panel {
        z-index: 3;
        width: 33.34%
    }

    .mm-columns-3 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(400%, 0);
        -ms-transform: translate(400%, 0);
        transform: translate(400%, 0);
        -webkit-transform: translate3d(400%, 0, 0);
        transform: translate3d(400%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-3 {
        width: 80%;
        min-width: 140px;
        max-width: 1320px
    }

    html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 1650px) {
        html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
            -webkit-transform: translate(1320px, 0);
            -ms-transform: translate(1320px, 0);
            transform: translate(1320px, 0);
            -webkit-transform: translate3d(1320px, 0, 0);
            transform: translate3d(1320px, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 1650px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
            -webkit-transform: translate(-1320px, 0);
            -ms-transform: translate(-1320px, 0);
            transform: translate(-1320px, 0);
            -webkit-transform: translate3d(-1320px, 0, 0);
            transform: translate3d(-1320px, 0, 0)
        }
    }

    .mm-columns .mm-panels > .mm-columns-4 {
        -webkit-transform: translate(400%, 0);
        -ms-transform: translate(400%, 0);
        transform: translate(400%, 0);
        -webkit-transform: translate3d(400%, 0, 0);
        transform: translate3d(400%, 0, 0)
    }

    .mm-columns-4 .mm-panels > .mm-panel {
        z-index: 4;
        width: 25%
    }

    .mm-columns-4 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
        -webkit-transform: translate(500%, 0);
        -ms-transform: translate(500%, 0);
        transform: translate(500%, 0);
        -webkit-transform: translate3d(500%, 0, 0);
        transform: translate3d(500%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-4 {
        width: 80%;
        min-width: 140px;
        max-width: 1760px
    }

    html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
        -webkit-transform: translate(80%, 0);
        -ms-transform: translate(80%, 0);
        transform: translate(80%, 0);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
            -webkit-transform: translate(140px, 0);
            -ms-transform: translate(140px, 0);
            transform: translate(140px, 0);
            -webkit-transform: translate3d(140px, 0, 0);
            transform: translate3d(140px, 0, 0)
        }
    }

    @media all and (min-width: 2200px) {
        html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
            -webkit-transform: translate(1760px, 0);
            -ms-transform: translate(1760px, 0);
            transform: translate(1760px, 0);
            -webkit-transform: translate3d(1760px, 0, 0);
            transform: translate3d(1760px, 0, 0)
        }
    }

    html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }

    @media all and (max-width: 175px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
            -webkit-transform: translate(-140px, 0);
            -ms-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
            -webkit-transform: translate3d(-140px, 0, 0);
            transform: translate3d(-140px, 0, 0)
        }
    }

    @media all and (min-width: 2200px) {
        html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
            -webkit-transform: translate(-1760px, 0);
            -ms-transform: translate(-1760px, 0);
            transform: translate(-1760px, 0);
            -webkit-transform: translate3d(-1760px, 0, 0);
            transform: translate3d(-1760px, 0, 0)
        }
    }

    .mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next {
        -webkit-transition-property: width, min-width, max-width, -webkit-transform;
        transition-property: width, min-width, max-width, -webkit-transform;
        transition-property: width, min-width, max-width, transform;
        transition-property: width, min-width, max-width, transform, -webkit-transform
    }

    em.mm-counter {
        font: inherit;
        font-size: 14px;
        font-style: normal;
        text-indent: 0;
        line-height: 20px;
        display: block;
        margin-top: -10px;
        position: absolute;
        right: 45px;
        top: 50%
    }

    em.mm-counter + a.mm-next {
        width: 90px
    }

    em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
        margin-right: 90px
    }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0
    }

    em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span {
        padding-right: 90px
    }

    .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
        padding-right: 90px
    }

    .mm-vertical > .mm-counter {
        top: 12px;
        margin-top: 0
    }

    .mm-vertical.mm-spacer > .mm-counter {
        margin-top: 40px
    }

    .mm-nosubresults > .mm-counter {
        display: none
    }

    .mm-menu em.mm-counter {
        color: rgba(0, 0, 0, .3)
    }

    .mm-divider > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        line-height: 25px
    }

    .mm-divider.mm-opened a.mm-next:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mm-collapsed:not(.mm-uncollapsed) {
        display: none
    }

    .mm-fixeddivider {
        background: inherit;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important
    }

    .mm-hasdividers .mm-fixeddivider {
        display: block
    }

    .mm-menu .mm-fixeddivider span {
        background: rgba(0, 0, 0, .05)
    }

    html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }

    .mm-menu.mm-dropdown {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        height: 80%
    }

    html.mm-dropdown .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    html.mm-dropdown #mm-blocker {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
        z-index: 1
    }

    html.mm-dropdown .mm-menu {
        z-index: 2
    }

    html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
        display: none
    }

    .mm-menu.mm-tip:before {
        content: '';
        background: inherit;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mm-menu.mm-tipleft:before {
        left: 22px
    }

    .mm-menu.mm-tipright:before {
        right: 22px
    }

    .mm-menu.mm-tiptop:before {
        top: -8px
    }

    .mm-menu.mm-tipbottom:before {
        bottom: -8px
    }

    .mm-iconpanel .mm-panels > .mm-panel {
        -webkit-transition-property: left, -webkit-transform;
        transition-property: left, -webkit-transform;
        transition-property: transform, left;
        transition-property: transform, left, -webkit-transform
    }

    .mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
        border-left: 1px solid;
        border-color: inherit;
        display: block !important
    }

    .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-0 {
        left: 0
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-1 {
        left: 40px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-2 {
        left: 80px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-3 {
        left: 120px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-4 {
        left: 160px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-5 {
        left: 200px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-6 {
        left: 240px
    }

    .mm-subblocker {
        background: inherit;
        opacity: 0;
        display: block;
        max-height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 3;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    .mm-subopened .mm-subblocker {
        opacity: .6;
        bottom: -100000px
    }

    .mm-keyboardfocus a:focus {
        outline: 0
    }

    .mm-menu.mm-keyboardfocus a:focus {
        background: rgba(255, 255, 255, .5)
    }

    .mm-navbars-bottom, .mm-navbars-top {
        background: inherit;
        border-color: inherit;
        border-width: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 3
    }

    .mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar {
        border: none;
        padding: 0;
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-navbars-top {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        top: 0
    }

    .mm-navbars-bottom {
        border-top-style: solid;
        border-top-width: 1px;
        bottom: 0
    }

    .mm-navbar.mm-hasbtns {
        padding: 0 40px
    }

    .mm-navbar[class*=mm-navbar-content-] > * {
        box-sizing: border-box;
        display: block;
        float: left
    }

    .mm-navbar .mm-breadcrumbs {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        text-align: left;
        padding: 0 0 0 17px
    }

    .mm-navbar .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px
    }

    .mm-navbar .mm-breadcrumbs > a {
        text-decoration: underline
    }

    .mm-navbar.mm-hasbtns .mm-breadcrumbs {
        margin-left: -40px
    }

    .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
        margin-left: 0;
        padding-left: 0
    }

    .mm-hasnavbar-top-1 .mm-panels {
        top: 40px
    }

    .mm-hasnavbar-top-2 .mm-panels {
        top: 80px
    }

    .mm-hasnavbar-top-3 .mm-panels {
        top: 120px
    }

    .mm-hasnavbar-top-4 .mm-panels {
        top: 160px
    }

    .mm-hasnavbar-bottom-1 .mm-panels {
        bottom: 40px
    }

    .mm-hasnavbar-bottom-2 .mm-panels {
        bottom: 80px
    }

    .mm-hasnavbar-bottom-3 .mm-panels {
        bottom: 120px
    }

    .mm-hasnavbar-bottom-4 .mm-panels {
        bottom: 160px
    }

    .mm-navbar-size-2 {
        height: 80px
    }

    .mm-navbar-size-3 {
        height: 120px
    }

    .mm-navbar-size-4 {
        height: 160px
    }

    .mm-navbar-content-2 > * {
        width: 50%
    }

    .mm-navbar-content-3 > * {
        width: 33.33%
    }

    .mm-navbar-content-4 > * {
        width: 25%
    }

    .mm-navbar-content-5 > * {
        width: 20%
    }

    .mm-navbar-content-6 > * {
        width: 16.67%
    }

    .mm-menu.mm-rtl {
        direction: rtl
    }

    .mm-menu.mm-rtl.mm-offcanvas {
        right: auto
    }

    .mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu.mm-rtl .mm-panel.mm-subopened {
        -webkit-transform: translate(30%, 0);
        -ms-transform: translate(30%, 0);
        transform: translate(30%, 0);
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
        left: auto;
        right: 0
    }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
        right: auto;
        left: 0
    }

    .mm-menu.mm-rtl .mm-navbar .mm-next:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-menu.mm-rtl .mm-navbar .mm-prev:before {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 23px;
        left: auto
    }

    .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
        left: 0;
        right: 20px
    }

    .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
        padding-left: 10px;
        padding-right: 20px !important;
        margin-right: 0 !important
    }

    .mm-menu.mm-rtl .mm-listview .mm-next {
        right: auto;
        left: 0
    }

    .mm-menu.mm-rtl .mm-listview .mm-next:before {
        left: auto;
        right: 0
    }

    .mm-menu.mm-rtl .mm-listview .mm-next:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span {
        margin-left: 50px
    }

    .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
        padding-left: 50px
    }

    .mm-menu.mm-rtl em.mm-counter {
        left: 45px;
        right: auto
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
        margin-left: 90px
    }

    .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
        padding-left: 90px
    }

    .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle {
        left: 20px;
        right: auto !important
    }

    .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span {
        padding-left: 80px
    }

    .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span {
        padding-left: 60px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle {
        left: 60px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
        margin-left: 50px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
        padding-left: 70px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span {
        padding-left: 50px
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
        left: 100px
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-left: 90px
    }

    .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
        left: 0
    }

    .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel {
        -webkit-transition-property: right, -webkit-transform;
        transition-property: right, -webkit-transform;
        transition-property: transform, right;
        transition-property: transform, right, -webkit-transform
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
        right: 0
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
        right: 40px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
        right: 80px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
        right: 120px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
        right: 160px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
        right: 200px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
        right: 240px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
        border-left: none;
        border-right: 1px solid;
        border-color: inherit
    }

    .mm-search, .mm-search input {
        box-sizing: border-box
    }

    .mm-search {
        height: 40px;
        padding: 7px 10px 0 10px;
        position: relative
    }

    .mm-search input {
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 4px;
        font: inherit;
        font-size: 14px;
        line-height: 26px;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        margin: 0;
        padding: 0 10px
    }

    .mm-search input::-ms-clear {
        display: none
    }

    .mm-search .mm-clear, .mm-search .mm-next {
        right: 0
    }

    .mm-panel > .mm-search {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .mm-panel.mm-hassearch {
        padding-top: 40px
    }

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 80px
    }

    .mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
        top: 40px
    }

    .mm-noresultsmsg {
        text-align: center;
        font-size: 21px;
        padding: 40px 0
    }

    .mm-noresults .mm-indexer {
        display: none !important
    }

    li.mm-nosubresults > a.mm-next {
        display: none
    }

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px
    }

    .mm-menu .mm-search input {
        background: rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .75)
    }

    .mm-menu .mm-noresultsmsg {
        color: rgba(0, 0, 0, .3)
    }

    .mm-indexer {
        background: inherit;
        text-align: center;
        font-size: 12px;
        box-sizing: border-box;
        width: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -100px;
        z-index: 15;
        -webkit-transition: right .4s ease;
        transition: right .4s ease;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.85%
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px
    }

    .mm-hasindexer .mm-indexer {
        right: 0
    }

    .mm-hasindexer .mm-fixeddivider {
        right: 20px
    }

    .mm-menu .mm-indexer a {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
        -webkit-transition: background .4s ease;
        transition: background .4s ease
    }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
        background: rgba(255, 255, 255, .5)
    }

    .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(255, 255, 255, .5)
    }

    input.mm-check, input.mm-toggle {
        position: absolute;
        left: -10000px
    }

    label.mm-check, label.mm-toggle {
        margin: 0;
        position: absolute;
        top: 50%;
        z-index: 2
    }

    label.mm-check:before, label.mm-toggle:before {
        content: '';
        display: block
    }

    label.mm-toggle {
        border-radius: 30px;
        width: 50px;
        height: 30px;
        margin-top: -15px
    }

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 1px
    }

    input.mm-toggle:checked ~ label.mm-toggle:before {
        float: right
    }

    label.mm-check {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    input.mm-check:checked ~ label.mm-check:before {
        opacity: 1
    }

    li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
        bottom: auto;
        margin-top: 0
    }

    li.mm-vertical label.mm-toggle {
        top: 5px
    }

    li.mm-vertical label.mm-check {
        top: 5px
    }

    label.mm-check, label.mm-toggle {
        right: 20px
    }

    label.mm-toggle + a, label.mm-toggle + span {
        padding-right: 80px
    }

    label.mm-check + a, label.mm-check + span {
        padding-right: 60px
    }

    a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
        right: 60px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        margin-right: 50px
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px
    }

    em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
        right: 100px
    }

    em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-right: 90px
    }

    .mm-menu label.mm-toggle {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3
    }

    .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu label.mm-check:before {
        border-color: rgba(0, 0, 0, .75)
    }

    /*!
    Created on : 04.07.2017, 20:50:09
    Author     : Codebitch <drama@codebitch.at>
*/
    .dgrey {
        color: #232323
    }

    .fff {
        color: #fff
    }

    body {
        font-family: 'Fira Sans', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px
    }

    @media (max-width: 767px) {
        body {
            font-size: 18px
        }
    }

    a:active, a:focus, a:hover, a:link, a:visited {
        color: inherit;
        text-decoration: none
    }

    .menu {
        font-size: 24px
    }

    p a:active, p a:focus, p a:hover, p a:link, p a:visited {
        color: #007883;
        text-decoration: underline
    }

    p a.btn:active, p a.btn:hover, p a.btn:link, p a.btn:visited {
        text-decoration: none
    }

    a[href^="tel:"]:link {
        text-decoration: none
    }

    h1 {
        font-size: 60px;
        font-weight: 400;
        color: #007883
    }

    @media (max-width: 767px) {
        h1 {
            font-size: 40px;
            margin-bottom: 20px;
            overflow-wrap: break-word;
        }
    }

    h2 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 18px
    }

    h2.fff {
        color: #fff
    }

    @media (max-width: 767px) {
        h2 {
            font-size: 26px;
            margin-bottom: 18px
        }
    }

    h3 {
        font-size: 26px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 8px;
        line-height: 33px
    }

    @media (max-width: 767px) {
        h3 {
            font-size: 22px;
            margin-bottom: 8px;
            line-height: 28px
        }
    }

    h4 {
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        color: #007883;
        letter-spacing: 1px
    }

    @media (max-width: 1199px) {
        h4 {
            font-size: 14px
        }
    }

    h4.fff {
        color: #fff
    }

    h5 {
        font-size: 24px
    }

    h6 {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1px
    }

    h7 {
        font-size: 26px
    }

    p:not(:last-child) {
        margin-bottom: 18px
    }

    @media (max-width: 1199px) {
        .square-wrap p {
            font-size: 16px
        }
    }

    .giveLabel {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: uppercase
    }

    blockquote {
        color: #5f5f5f;
        font-style: italic;
        border: 0
    }

    .demi-small {
        font-size: 18px
    }

    .small {
        font-size: 16px
    }

    .bold, .strong {
        font-weight: 500
    }

    .hervorgehoben {
        font-size: 26px
    }

    .no-spacing {
        letter-spacing: 0
    }

    .uppercase {
        text-transform: uppercase
    }

    .dka-ol, .dka-ul {
        line-height: 28px
    }

    .breadcrumb {
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .list-group-item a:focus, .list-group-item a:hover {
        color: #007883;
        text-decoration: underline
    }

    .menu-feature a:focus, .menu-feature a:hover {
        color: #007883
    }

    .menu-feature a:focus h3, .menu-feature a:hover h3 {
        text-decoration: underline
    }

    .btn {
        font-size: 16px
    }

    .btn-spenden {
        font-size: 18px
    }

    blockquote {
        width: 100%;
        margin: 8px 0;
        padding: 0 18px;
        border-left: 2px solid #007883
    }

    .cb-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .4)
    }

    .dka-ol {
        list-style-type: none;
        padding: 0 0 0 20px;
        margin: 0
    }

    .dka-ol li {
        counter-increment: count-me;
        margin-bottom: 1em
    }

    .dka-ol li::before {
        content: counter(count-me) ". ";
        display: inline-block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -16px;
        color: #007883
    }

    .dka-ul {
        list-style-type: none;
        padding: 0 0 0 20px;
        margin: 0
    }

    .dka-ul li {
        margin-bottom: 1em
    }

    .dka-ul li::before {
        content: "\2022";
        display: inline-block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -16px;
        top: 1px;
        color: #007883
    }

    .border-4-pet {
        border: 4px solid #007883;
        box-sizing: content-box
    }

    .border-4-lgr {
        border: 4px solid #767676;
        box-sizing: content-box
    }

    .border-4-dgr {
        border: 4px solid #232323;
        box-sizing: content-box
    }

    .circle {
        width: 100%;
        padding-bottom: 100%;
        border-radius: 50%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .circle.small {
        width: 30%;
        padding-bottom: 30%;
        margin: 0 auto
    }

    .circleicon {
        width: calc(100% + 6px);
        padding-bottom: calc(100% + 6px);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .ico-download {
        background-image: url(/fileadmin/custom/assets/icons/icon_download_file.svg)
    }

    .ico-file {
        background-image: url(/fileadmin/custom/assets/icons/icon_download_file.svg)
    }

    .ico-foto {
        background-image: url(/fileadmin/custom/assets/icons/icon_download_foto.svg)
    }

    .ico-sound {
        background-image: url(/fileadmin/custom/assets/icons/icon_download_sound.svg)
    }

    .ico-video {
        background-image: url(/fileadmin/custom/assets/icons/icon_download_video.svg)
    }

    .socialbuttons {
        padding: 12px;
        text-align: center
    }

    .socialbuttons .col:first-of-type a {
        text-align: right
    }

    .socialbuttons .col:last-of-type a {
        text-align: left
    }

    .socialbuttons img {
        max-width: 50px;
        display: inline;
        transition: .3s ease-out
    }

    .socialbuttons img:focus, .socialbuttons img:hover {
        margin-top: -5px;
        box-shadow: 0 6px 9px -5px rgba(0, 0, 0, .5)
    }

    .socialbuttons a {
        text-align: center
    }

    @media (min-width: 992px) {
        .socialbuttons {
            width: 20%;
            margin: 0 auto !important
        }

        .socialbuttons img {
            max-width: 46px
        }
    }

    .bildbeschreibung {
        margin-top: 8px
    }

    .team-card {
        padding-left: 42px;
        padding-right: 42px;
        background-color: #f0f0f0
    }

    .team-card a, .team-card h3, .team-card p {
        text-align: center
    }

    .team-card .circle {
        margin-bottom: 24px
    }

    .element {
        margin-bottom: 67px
    }

    @media (max-width: 767px) {
        .element {
            margin-bottom: 30px
        }
    }

    .element-description {
        display: none
    }

    .element-bild-opener p {
        text-align: center
    }

    .element-bild-opener hr {
        width: 50%;
        margin: 0 auto;
        border-top: 1px solid #007883
    }

    .element-bild-opener .element-content {
        width: 66%;
        margin: 0 auto;
        margin-left: 17%;
        margin-right: 17%;
        margin-top: -11%;
        background-color: #fff;
        padding: 36px 60px;
        display: inline-block
    }

    @media (min-width: 768px) {
        .element-bild-opener .element-content {
            box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5)
        }
    }

    @media (max-width: 767px) {
        .element-bild-opener .element-content {
            width: 100%;
            margin: 0;
            margin-top: 20px;
            padding: 0;
            box-shadow: none
        }
    }

    .element-text {
        width: 66%;
        margin-left: 17%;
        margin-right: 17%
    }

    .element-text h3 {
        margin-top: 50px
    }

    @media (max-width: 767px) {
        .element-text {
            width: 100%;
            margin-left: 0;
            margin-right: 0
        }

        .element-text h3 {
            margin-top: 30px;
            color: #232323
        }
    }

    .element-text-bild {
        -webkit-perspective: 1
    }

    .element-text-bild h3 {
        color: #007883
    }

    @media (min-width: 768px) {
        .element-text-bild {
            width: 66.6666%;
            margin-left: auto !important;
            margin-right: auto !important
        }
    }

    @media (min-width: 992px) {
        .element-text-bild {
            width: 100%
        }

        .element-text-bild .col-md-6:first-of-type {
            padding-right: 36px
        }

        .element-text-bild .col-md-6:last-of-type {
            padding-left: 36px
        }
    }

    @media (min-width: 1200px) {
        .element-text-bild .col-md-6:first-of-type {
            padding-right: 36px
        }

        .element-text-bild .col-md-6:last-of-type {
            padding-left: 36px
        }
    }

    .element-list {
        background-color: #f0f0f0;
        padding: 36px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 150px;
        -moz-column-gap: 150px;
        column-gap: 150px;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-perspective: 1
    }

    @media (max-width: 767px) {
        .element-list {
            padding: 5%;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
            -moz-column-fill: balance;
            column-fill: balance
        }
    }

    .element-list-einspaltig {
        background-color: #f0f0f0;
        padding: 36px;
        -webkit-perspective: 1;
        width: 66.66666%;
        margin-left: auto;
        margin-right: auto
    }

    @media (max-width: 767px) {
        .element-list-einspaltig {
            width: 100%;
            padding: 5%;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
            -moz-column-fill: balance;
            column-fill: balance
        }
    }

    .element-text-2col {
        background-color: #f0f0f0;
        padding: 50px 10%
    }

    @media (max-width: 991px) {
        .element-text-2col {
            margin: 0
        }
    }

    .element-text-2col h2 {
        margin-top: 0
    }

    .element-text-2col .element-text-cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 150px;
        -moz-column-gap: 150px;
        column-gap: 150px;
        -moz-column-fill: balance;
        column-fill: balance;
        column-rule: 1px solid #767676
    }

    @media (max-width: 767px) {
        .element-text-2col .element-text-cols {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
            -moz-column-fill: balance;
            column-fill: balance
        }
    }

    @media (min-width: 992px) {
        .element-text-2-3 .col-md-4 {
            padding-right: 36px
        }
    }

    @media (min-width: 1200px) {
        .element-text-2-3 .col-md-4 {
            padding-right: 40px
        }
    }

    @media (min-width: 992px) {
        .element-text-2-3 .col-md-8 {
            padding-left: 36px
        }
    }

    @media (min-width: 1200px) {
        .element-text-2-3 .col-md-8 {
            padding-left: 40px
        }
    }

    @media (min-width: 992px) {
        .element-text-2-3 h2 {
            margin-top: -2px
        }
    }

    @media (min-width: 1200px) {
        .element-text-2-3 h2 {
            margin-top: -2px
        }
    }

    @media (min-width: 768px) {
        .element-text-2-3 {
            width: 66.6666%;
            margin-left: auto !important;
            margin-right: auto !important
        }
    }

    @media (min-width: 992px) {
        .element-text-2-3 {
            width: 100%
        }
    }

    .element-teaser-3 .col-teaser {
        padding: 36px
    }

    @media (min-width: 768px) {
        .element-teaser-3 .col-teaser {
            box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5)
        }
    }

    .element-teaser-3 .col-teaser img {
        overflow: hidden;
        margin-bottom: 20px
    }

    .element-teaser-3 .col-teaser h6 {
        margin-bottom: 20px
    }

    @media (max-width: 767px) {
        .element-teaser-3 .col-teaser {
            margin-left: 0 !important;
            margin-right: 0;
            border: 1px solid #767676;
            padding: 18px 5%;
            margin-bottom: 20px
        }

        .element-teaser-3 .col-teaser p {
            display: none
        }

        .element-teaser-3 .col-teaser h3 {
            margin-bottom: 0;
        }
    }

    @media (max-width: 767px) and (min-width: 768px) {
        .element-teaser-3 .col-teaser img {
            min-height: 0;
            max-height: 0;
        }
    }

    @media (min-width: 768px) {
        .element-teaser-3 .col-teaser {
            margin: 0 auto 18px auto
        }

        .element-teaser-3 .col-teaser:last-of-type {
            margin: 0 auto
        }
    }

    @media (min-width: 992px) {
        .element-teaser-3 .col-teaser {
            margin: 0 auto 0 auto
        }

        .element-teaser-3 .col-teaser:last-of-type {
            margin: 0 auto 0 auto
        }
    }

    .element-teaser-2 {
        width: 100%
    }

    @media (max-width: 767px) {
        .element-teaser-2 .slick-dots {
            text-align: center;
            bottom: 20px
        }

        .element-teaser-2 .slick-dots li {
            margin: 0
        }

        .element-teaser-2 .slick-dots li button:before {
            color: #767676
        }

        .element-teaser-2 .slick-dots li.slick-active button:before {
            color: #007883
        }
    }

    @media (min-width: 768px) {
        .element-teaser-2 {
            margin-top: 20px
        }
    }

    @media (min-width: 992px) {
        .element-teaser-2 {
            margin-top: 0
        }
    }

    .element-teaser-2 .slick-dots {
        left: 50%;
        width: auto;
        bottom: -8px;
        transform: translateX(-50%)
    }

    .dka-2col {
        padding: 0;
        width: calc(50% - 4px)
    }

    @media (min-width: 992px) {
        .dka-2col:first-of-type {
            margin-right: 4px;
            margin-left: -4px
        }

        .dka-2col:nth-of-type(2n) {
            margin-left: 4px;
            margin-right: -4px
        }
    }

    @media (min-width: 1200px) {
        .dka-2col:first-of-type {
            margin-right: 4px;
            margin-left: -4px
        }

        .dka-2col:nth-of-type(2n) {
            margin-left: 4px;
            margin-right: -4px
        }
    }

    .dka-2col.cb-shadow {
        box-shadow: inherit
    }

    @media (min-width: 768px) {
        .dka-2col.cb-shadow {
            box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5)
        }
    }

    .dka-2col:hover {
        cursor: pointer
    }

    .dka-2col .inner {

        padding: 36px
    }

    .dka-2col .inner-1, .dka-2col .inner-2, .dka-2col .inner-3 {
        float: left;
        padding-bottom: 36px
    }

    .dka-2col .inner-3 {
        width: 100%
    }

    .dka-2col .inner-2 {
        width: 66.7%;
        padding-right: 36px
    }

    .dka-2col .inner-1 {
        width: 33.3%
    }

    @media (max-width: 767px) {
        .dka-2col {
            width: 100%;
            border: 1px solid #232323;
            margin: 18px 0
        }

        .dka-2col .inner {
            border: 0;
            padding: 18px;
            min-height: 180px
        }

        .dka-2col .inner-2 {
            width: 100%
        }

        .dka-2col .inner-1 {
            display: none
        }

        .dka-2col .inner-2, .dka-2col .inner-3 {
            padding: 0
        }

        .dka-2col h6 {
            display: none
        }
    }

    .element-teaser-1 {
        width: 66.666666%;
        padding: 36px;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 768px) {
        .element-teaser-1.cb-shadow {
            box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5)
        }
    }

    .element-teaser-1 h6 {
        margin-bottom: 20px
    }

    @media (max-width: 991px) {
        .element-teaser-1 {
            width: 100%;
            padding: 0
        }
    }

    @media (min-width: 768px) {
        .element-material .col-sm-6 {
            box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5)
        }
    }

    .element-material .row .col-xs-3 {
        padding: 20px 10px 20px 40px
    }

    @media (max-width: 767px) {
        .element-material .row .col-xs-3 {
            padding: 20px 5% 20px 0
        }
    }

    @media (min-width: 768px) {
        .element-material .row .col-xs-3 {
            padding-left: 28px
        }
    }

    @media (min-width: 992px) {
        .element-material .row .col-xs-3 {
            padding: 20px 10px 20px 40px
        }
    }

    .element-material .row .col-xs-9 {
        padding: 20px 40px 20px 10px
    }

    .element-material .row .col-xs-9 p.strong {
        margin-bottom: 8px
    }

    @media (max-width: 767px) {
        .element-material .row .col-xs-9 {
            padding: 20px 0 20px 10px
        }
    }

    .element-material > .row:nth-child(n+2) {
        margin-top: 8px
    }

    .element-map {
        background-color: #f0f0f0
    }

    .element-map #mapid {
        width: 100%;
        height: 400px
    }

    . element-map .row {
        padding: 40px 10%
    }

    .element-map p {
        padding: 20px 0;
        width: 70%;
        border-bottom: 1px solid #007883
    }

    .element-map li {
        margin: 1em 0
    }

    .element-map li a:focus, .element-map li a:hover {
        text-decoration: underline
    }

    .element-map li:before {
        left: -22px
    }

    @media (max-width: 991px) {
        .element-map {
            width: 100%;
            margin-left: 0;
            background-color: #fff
        }

        .element-map .maptext {
            padding: 5%;
            margin: 5%;
            background-color: #f0f0f0
        }

        .element-map .maptext p {
            width: 100%
        }

        .element-map .maptext .dka-ul {
            column-count: 2;
            font-size: 14px
        }

        .element-map .maptext .dka-ul li {
            margin: 1em
        }

        .element-map .maptext .dka-ul li:first-of-type {
            margin-top: 0
        }
    }

    .element-klappe, button.element-klappe {
        width: 66.66666%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
        background-color: #fff;
        border-bottom: 1px solid #007883;
        outline: 0;
        text-align: left;
        display: block
    }

    .element-klappe .col-lg-6:first-of-type, button.element-klappe .col-lg-6:first-of-type {
        padding-right: 9px
    }

    .element-klappe .col-lg-6:last-of-type, button.element-klappe .col-lg-6:last-of-type {
        padding-left: 9px
    }

    .element-klappe p.klappentext, button.element-klappe p.klappentext {
        margin: 10px 0;
        width: 100%;
        text-align: left
    }

    .element-klappe p.klappentext:hover, button.element-klappe p.klappentext:hover {
        cursor: pointer
    }

    .element-klappe p.klappentext:after, button.element-klappe p.klappentext:after {
        content: url(/fileadmin/custom/assets/breadcrumb_arrow.png);
        transform: rotate(90deg);
        float: right;
        transition: transform .4s linear
    }

    .element-klappe .ausklapp-text, button.element-klappe .ausklapp-text {
        display: none;
        padding-bottom: 25px
    }

    @media (max-width: 767px) {
        .element-klappe .ausklapp-text, button.element-klappe .ausklapp-text {
            padding-bottom: 0
        }
    }

    @media (min-width: 992px) {
        .element-klappe .ausklapp-text p, button.element-klappe .ausklapp-text p {
            padding-right: 6%
        }
    }

    .element-klappe.ausgeklappt p.klappentext:after, button.element-klappe.ausgeklappt p.klappentext:after {
        transform: rotate(270deg)
    }

    @media (max-width: 767px) {
        .element-klappe, button.element-klappe {
            width: 100%
        }
    }

    .element-klappe-group .element-klappe {
        border-top: 0
    }

    .element-klappe-group .element-klappe:first-of-type {
        border-top: 1px solid #007883
    }

    .element-spendenbox {
        background-color: #f0f0f0;
        padding: 0
    }

    .element-spendenbox .row:first-of-type {
        padding: 8px;
        padding-left: 36px
    }

    @media (max-width: 767px) {
        .element-spendenbox .row:first-of-type {
            padding: 0
        }
    }

    .element-spendenbox .spendenverwendung {
        min-height: 38px;
        margin: 0
    }

    .element-spendenbox h2 {
        margin-top: 32px
    }

    .element-spendenbox p a:active, .element-spendenbox p a:focus, .element-spendenbox p a:hover, .element-spendenbox p a:link, .element-spendenbox p a:visited {
        color: #232323;
        text-decoration: underline
    }

    .element-spendenbox .btn-group {
        margin-bottom: 18px
    }

    .element-spendenbox .btn-group .btn:not(:last-of-type) {
        margin-right: 2px
    }

    .element-spendenbox button {
        margin-bottom: 8px
    }

    .element-spendenbox div.spendentext {
        background-color: #ffae00;
        padding: 36px
    }

    .element-spendenbox form p {
        padding-right: 50px
    }

    @media (max-width: 767px) {
        .element-spendenbox {
            padding: 5%
        }

        .element-spendenbox h2 {
            margin-top: 0
        }

        .element-spendenbox button {
            margin-bottom: 0
        }

        .element-spendenbox p:last-child {
            margin-bottom: 0
        }
    }

    .spenden ::-webkit-input-placeholder {
        direction: rtl;
        color: #232323
    }

    .spenden :-moz-placeholder {
        direction: rtl;
        color: #232323
    }

    .spenden ::-moz-placeholder {
        direction: rtl;
        color: #232323
    }

    .spenden :-ms-input-placeholder {
        direction: rtl;
        color: #232323
    }

    .spenden input[type=text] {
        background-color: inherit;
        outline: 0;
        border: none;
        border-bottom: 2px solid #000;
        width: 60px;
        height: 45px
    }

    .element-card-group h3 {
        text-align: center
    }

    .element-card-group .team-card {
        padding: 30px
    }

    .element-card-group .row {
        background-color: #f0f0f0
    }

    .element-text-card h2 {
        margin-top: 0
    }

    .element-text-card p {
        background-color: inherit
    }

    .element-text-card h6 {
        text-transform: uppercase;
        text-align: center
    }

    .element-text-card .col-md-8 {
        padding-right: 6%
    }

    .element-text-card .col-md-4 {
        background-color: #f0f0f0
    }

    .element-text-card .team-card {
        padding: 30px
    }

    .element-formular {
        width: 66.6666%;
        margin-left: auto;
        margin-right: auto
    }

    @media (max-width: 767px) {
        .element-formular {
            width: 100%
        }
    }

    .element-formular button {
        display: inherit;
        margin: 40px auto 0 auto
    }

    .element-formular h2, .element-formular p {
        text-align: center;
        padding: 0 5%
    }

    .element-formular .row-select {
        padding-bottom: 6px
    }

    .element-formular select {
        margin: 0;
        width: calc(25% - 5px);
        padding: 10px
    }

    @media (max-width: 767px) {
        .element-formular select {
            width: calc(50% - 10px)
        }
    }

    .element-formular select:first-of-type {
        margin-top: 40px;
        margin-right: 15px
    }

    .element-formular select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: none;
        -moz-border-radius: none;
        -ms-border-radius: none;
        -o-border-radius: none;
        border-radius: 0;
        border: solid 1px #dcdcdc;
        -webkit-transition: box-shadow .3s, border .3s;
        -moz-transition: box-shadow .3s, border .3s;
        -o-transition: box-shadow .3s, border .3s;
        transition: box-shadow .3s, border .3s
    }

    .element-formular textarea {
        padding: 10px;
        width: 100%;
        min-height: 150px;
        resize: none;
    }

    .element-formular .frm-textarea-label {
        font-weight: 400;
    }

    .element-formular input.focus, .element-formular input:focus, .element-formular select.focus, .element-formular select:focus, .element-formular textarea:focus {
        outline: 0;
        border: solid 1px #007883;
        -webkit-box-shadow: 0 0 5px 1px #969696;
        -moz-box-shadow: 0 0 5px 1px #969696;
        box-shadow: 0 0 5px 1px #969696;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
    }

    @media (min-width: 768px) {
        .element-formular .row div {
            padding: 6px 0
        }

        .element-formular .row div:first-of-type {
            padding-left: 0
        }

        .element-formular .row div:last-of-type {
            padding-right: 0
        }
    }

    @media (min-width: 992px) {
        .element-formular .row div {
            padding: 6px 10px
        }

        .element-formular .row div:first-of-type {
            padding-left: 0
        }

        .element-formular .row div:last-of-type {
            padding-right: 0
        }
    }

    @media (max-width: 767px) {
        .element-formular .row div {
            padding: 4px 0
        }
    }

    .element-sharebox .dreieck {
        margin-top: 0;
        margin-left: 0;
        border-right-color: #007883
    }

    .element-sharebox .sharebox-background {
        background-color: #007883;
        height: 100%;
        margin-left: 10px;
        padding: 36px
    }

    .element-sharebox div:first-child p {
        padding-right: 10%
    }

    .element-sharebox .socialbuttons {
        width: 100%
    }

    .element-sharebox .socialbuttons img {
        width: 46px;
        box-sizing: content-box
    }

    .element-sharebox .socialbuttons img:focus, .element-sharebox .socialbuttons img:hover {
        background-color: #06919e
    }

    @media (max-width: 767px) {
        .element-sharebox p {
            padding: 0
        }

        .element-sharebox .sharebox-background {
            margin: 0;
            padding: 18px 5%
        }
    }

    .element-map-text h2 {
        margin-top: 0
    }

    .element-map-text .map-text-text {
        padding-left: 5%
    }

    @media (max-width: 767px) {
        .element-map-text .map-text-text {
            padding: 0
        }
    }

    .element-map-text #map {
        height: 500px
    }

    @media (max-width: 767px) {
        .element-map-text #map {
            height: 240px
        }
    }

    .element-infobox-text .infobox-text {
        padding-right: 5%
    }

    .element-infobox-text .infobox-text h2 {
        margin-top: 0
    }

    .element-infobox-text .infobox {
        font-size: 16px;
        background-color: #f0f0f0;
        padding: 32px
    }

    @media (max-width: 767px) {
        .element-infobox-text .infobox {
            padding: 5%
        }
    }

    .raster-content {
        padding: 36px;
        position: absolute;
        bottom: 0
    }

    @media (max-width: 991px) {
        .raster-content {
            position: static;
            padding: 5%;
            background-color: rgba(0, 0, 0, .6)
        }
    }

    @media (max-width: 767px) {
        .raster-content {
            background-color: transparent
        }
    }

    .element-themen-raster-1 .col-md-4 {
        background-size: cover
    }

    @media (max-width: 767px) {
        .element-themen-raster-1 .col-md-4 {
            background-image: none !important;
            background-color: #007883
        }
    }

    .element-themen-raster-1 .col-md-6 {
        padding: 36px
    }

    .element-themen-raster-1 .col-md-8 {
        padding: 0 5px
    }

    @media (max-width: 991px) {
        .element-themen-raster-1 .col-md-6 {
            padding: 0
        }

        .element-themen-raster-1 .col-md-8 {
            padding: 0
        }

        .element-themen-raster-1 .cb-bg {
            display: none
        }
    }

    .element-themen-raster-1 .single {
        border-top: 1px solid #007883
    }

    .element-themen-raster-1 .single:first-of-type {
        width: calc(50% - 3px);
        margin-right: 3px
    }

    .element-themen-raster-1 .single:last-of-type {
        width: calc(50% - 3px);
        margin-left: 3px
    }

    @media (max-width: 991px) {
        .element-themen-raster-1 .single {
            padding: 0;
            border-top: 1px solid #232323;
            border-bottom: 1px solid #232323
        }

        .element-themen-raster-1 .single:first-of-type, .element-themen-raster-1 .single:last-of-type {
            width: 105%;
            margin: 0;
            padding: 18px 20% 18px 0
        }

        .element-themen-raster-1 .single:first-of-type:after, .element-themen-raster-1 .single:last-of-type:after {
            color: #007883;
            content: '\2192';
            position: absolute;
            right: 5%;
            top: 50%
        }

        .element-themen-raster-1 .single:first-of-type {
            border-bottom: 0;
            margin-top: 18px
        }

        .element-themen-raster-1 .single:last-of-type {
            margin-bottom: 18px
        }
    }

    .element-themen-raster-1 .double {
        background-color: #f0f0f0
    }

    @media (max-width: 991px) {
        .element-themen-raster-1 .double {
            padding: 18px 5%
        }
    }

    .element-themen-raster-2 .col-md-12 {
        padding: 36px
    }

    .element-themen-raster-2 .col-md-8 {
        background-size: cover
    }

    @media (max-width: 767px) {
        .element-themen-raster-2 .col-md-8 {
            background-image: none !important;
            background-color: #007883
        }
    }

    .element-themen-raster-2 .single {
        border-top: 1px solid #007883;
        width: calc(100% - 6px);
        margin-left: 6px
    }

    @media (max-width: 991px) {
        .element-themen-raster-2 * {
            border: 0
        }

        .element-themen-raster-2 .single {
            border: 0
        }

        .element-themen-raster-2 .col-md-12 {
            padding: 18px 20% 18px 0
        }

        .element-themen-raster-2 .col-md-12:after {
            color: #007883;
            content: '\2192';
            position: absolute;
            right: 5%;
            top: 50%
        }

        .element-themen-raster-2 .row:not(.aligned-row) {
            border-bottom: 1px solid #232323;
            padding: 0;
            width: 105%
        }

        .element-themen-raster-2 .row:first-of-type {
            margin-top: 18px;
            border-top: 1px solid #232323
        }

        .element-themen-raster-2 .cb-bg {
            display: none
        }
    }

    .element-cta {
        padding: 0 17%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .element-cta hr {
        width: 33.333%;
        border-color: #007883
    }

    .element-cta h3, .element-cta hr, .element-cta p {
        margin-bottom: 18px
    }

    .element-kontakt-bild .col-md-8 {
        background-size: cover
    }

    .element-kontakt-bild .team-card {
        background-color: #f0f0f0;
        padding: 30px
    }

    .element-kontakt-bild .team-card a, .element-kontakt-bild .team-card h3, .element-kontakt-bild .team-card p {
        text-align: left
    }

    .element-kontakt-bild .team-card .circle.small {
        margin: 0;
        margin-bottom: 24px
    }

    .slick-slide:focus {
        outline: 0
    }

    .slide .slide-description {
        position: absolute;
        bottom: -37px
    }

    .slick-dots li.slick-active button:before {
        color: #007883
    }

    .slick-next:before, .slick-prev:before {
        font-size: 55px
    }

    .slick-next, .slick-prev {
        top: 41%;
        z-index: 1001
    }

    .slick-next {
        right: 42px
    }

    .slick-prev {
        left: 5px;
        z-index: 400
    }

    .slick-dots li {
        margin: 0
    }

    .element-slider {
        position: relative
    }

    .element-slider .slide-desc {
        margin-top: 10px;
        width: 70%
    }

    @media (max-width: 991px) {
        .element-slider .slide-desc {
            margin-top: 22px
        }

        .element-slider .slick-dots {
            text-align: center;
            bottom: 62px
        }

        .element-slider .slick-dots li {
            margin: 0
        }

        .element-slider .slick-dots li button:before {
            color: #767676
        }

        .element-slider .slick-dots li.slick-active button:before {
            color: #007883
        }
    }

    .cb-sld-cross, .cb-sld-next, .cb-sld-prev {
        position: absolute;
        top: 45%;
        z-index: 999;
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, .8);
        color: #232323;
        border-radius: 50%
    }

    @media (max-width: 991px) {
        .cb-sld-cross, .cb-sld-next, .cb-sld-prev {
            display: none
        }
    }

    .cb-sld-cross:hover, .cb-sld-next:hover, .cb-sld-prev:hover {
        cursor: pointer
    }

    .cb-sld-cross > span, .cb-sld-next > span, .cb-sld-prev > span {
        font-size: 26px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 36%;
        transform: translate(-50%, -50%)
    }

    .cb-sld-cross > button, .cb-sld-next > button, .cb-sld-prev > button {
        position: absolute;
        width: 100%;
        height: 100%;
        background: 0 0;
        border: 0;
        outline: 0
    }

    .cb-sld-cross > button img, .cb-sld-next > button img, .cb-sld-prev > button img {
        height: 75% !important;
        width: auto !important
    }

    .cb-sld-prev {
        left: 1%
    }

    .cb-sld-next {
        right: 1%
    }

    .cb-sld-cross {
        right: 1%;
        top: 1%;
        background-color: #000
    }

    .cb-sld-cross:hover {
        cursor: pointer
    }

    .element-media-grid .row {
        margin: 0 -4px
    }

    .element-media-grid > .row:first-child .col-md-8 {
        padding: 0 4px
    }

    .element-media-grid > .row:first-child .col-md-12 {
        padding: 4px
    }

    .element-media-grid > .row:first-child .col-md-12:first-of-type {
        margin-top: -4px
    }

    .element-media-grid > .row:nth-child(2) {
        padding-top: 4px
    }

    .element-media-grid > .row:nth-child(2) .col-md-4 {
        padding: 0 4px
    }

    .element-media-grid img:hover {
        cursor: pointer
    }

    .element-media-grid .media-grid-fs {
        position: absolute;
        display: none;
        background-color: #fff
    }

    .element-media-grid .media-grid-fs .bildbeschreibung {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .85);
        color: #fff;
        width: 100%;
        margin: 0;
        padding: 8px
    }

    @media (max-width: 991px) {
        .element-media-grid .slick-dots {
            text-align: center;
            bottom: -20px
        }

        .element-media-grid .slick-dots li {
            margin: 0
        }

        .element-media-grid .slick-dots li button:before {
            color: #767676
        }

        .element-media-grid .slick-dots li.slick-active button:before {
            color: #007883
        }

        .element-media-grid .media-grid-fs {
            display: none
        }
    }

    .mcol {
        position: relative
    }

    .mcol .bildbeschreibung {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .85);
        color: #fff;
        width: calc(100% - 8px);
        margin: 0;
        padding: 8px
    }

    @media (max-width: 991px) {
        .mcol .bildbeschreibung {
            width: 100%
        }
    }

    .mcol.uw-1 .bildbeschreibung {
        bottom: 4px
    }

    @media (max-width: 991px) {
        .mcol.uw-1 .bildbeschreibung {
            bottom: 0
        }
    }

    .embed-responsive.embed-responsive-dka {
        padding-bottom: 65.625%
    }

    .element-kronen {
        width: 100%;
        height: 16px;
        margin-bottom: 18px;
        background-image: url(/fileadmin/custom/assets/dka_kronen.svg);
        background-repeat: no-repeat;
        background-position: center
    }

    .element-carousel {
        height: 100%;
    }

    .element-carousel .slick-next, .element-carousel .slick-prev {
        top: 50%;
        z-index: 1001;
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 25px;
        background-size: auto 40px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .element-carousel .slick-next {
        right: -30px;
        background-image: url("/fileadmin/custom/assets/pfeil_rechts.svg");
    }

    .element-carousel .slick-prev {
        left: -30px;
        z-index: 400;
        background-image: url("/fileadmin/custom/assets/pfeil_links.svg");
    }

    .element-carousel .slick-arrow::before {
        content: none;
    }

    .element-carousel .slick-dots {
        bottom: unset;
        text-align: center;
    }

    .element-carousel-card {
        position: relative;
        margin: 4px !important;
        background-color: #f0f0f0;
        padding-bottom: 90px;
        transition: .3s linear transform;
    }

    .element-carousel-card:hover {
        transform: translateY(-4px);
    }

    @media (max-width: 991px) {
        .element-carousel-card {
            padding-bottom: 90px;
        }

        .element-carousel-card:hover {
            transform: none;
        }
    }

    .element-carousel-card h3, .element-carousel-card h6, .element-carousel-card p {
        margin-left: 30px;
        margin-right: 30px
    }

    @media (max-width: 991px) {
        .element-carousel-card h6, .element-carousel-card h3, .element-carousel-card p {
            margin-left: 18px;
            margin-right: 18px;
        }
    }

    .element-carousel-card h6 {
        margin-top: 30px;
    }

    @media (max-width: 991px) {
        .element-carousel-card h3, .element-carousel-card h6, .element-carousel-card p {
            margin-left: 18px;
            margin-right: 18px
        }
    }

    .element-carousel-card h6 {
        margin-top: 30px
    }

    @media (max-width: 991px) {
        .element-carousel-card h6 {
            margin-top: 18px
        }
    }

    .element-carousel-card button, .element-carousel-card label {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%)
    }

    @media (max-width: 991px) {
        .element-carousel-card button, .element-carousel-card label {
            bottom: 18px
        }
    }

    .element-carousel-card input[type=radio] {
        visibility: hidden;
        display: none
    }

    .element-carousel-card input[type=radio]:checked + label {
        border: 2px solid #ffae00;
        padding: 16px;
        background-color: #fff
    }

    .cb-shadow {
        box-shadow: none;
        -webkit-transition: box-shadow linear .4s;
        transition: box-shadow linear .4s
    }

    @media (min-width: 1200px) {
        .cb-shadow:focus, .cb-shadow:hover {
            box-shadow: 0 3rem 6rem -2rem rgba(0, 0, 0, .35)
        }
    }

    .cb-hvr-hand:hover {
        cursor: pointer
    }

    .cb-spin {
        -webkit-transition: -webkit-transform .8s ease-in-out;
        transition: transform .8s ease-in-out
    }

    .cb-spin:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn {
        padding: 18px;
        border: 0 none;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-transition: background-color .4s linear;
        -ms-transition: background-color .4s linear;
        transition: background-color .4s linear;
        box-shadow: none;
        text-shadow: none
    }

    .btn.active:focus, .btn:active:focus, .btn:focus {
        outline: 0 none
    }

    .btn-primary {
        background: #007883;
        color: #fff;
        min-height: 50px;
        min-width: 150px
    }

    .btn-primary:hover, btn-primary:focus {
        background-color: #005961;
        border: 2px solid #005961;
        padding: 16px
    }

    .btn-dka-cta {
        border: 2px solid #007883;
        padding: 18px
    }

    .btn-dka-cta:focus, .btn-dka-cta:hover {
        background-color: #007883
    }

    a.btn-dka-cta {
        color: #007883
    }

    a:hover.btn-dka-cta {
        color: #fff
    }

    .btn-spenden {
        background-color: #ffe09d;
        padding: 0;
        width: 95px;
        height: 66px;
        line-height: 66px
    }

    .btn-spenden.active {
        background-color: #ffae00;
        box-shadow: none
    }

    .btn.bg-orange:focus, .btn.bg-orange:hover {
        border: 2px solid #ffae00;
        padding: 16px;
        background-color: #fff
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0
    }

    .nav {
        width: 100%
    }

    .nav > li {
        width: auto
    }

    .nav > li > a {
        padding: 0;
        display: inline;
        color: #007883
    }

    .nav > li > a:focus, .nav > li > a:hover {
        border-bottom: 2px solid #007883;
        background: 0 0
    }
    
    @media (min-width: 1200px) {
        .modal-dialog {
            width: 50%
        }
    }

    .modal-body {
        padding: 18px
    }

    #searchModal {
        z-index: 5000
    }

    .dropdown .caret {
        transition: .3s linear all
    }

    .dropdown.open .caret {
        transition: .3s linear all;
        transform: rotate(180deg)
    }

    .dropdown-menu {
        border: 1px solid #007883;
        border-radius: 0
    }

    .top-drop {
        color: #007883;
        z-index: 3000
    }

    .top-drop button, .top-drop li, .top-drop ul {
        width: 100%;
        line-height: 1
    }

    .top-drop ul {
        margin: 0
    }

    .top-drop ul li a {
        padding: 10px 18px
    }

    .top-drop .btn {
        text-align: left;
        padding: 10px 18px;
        background-color: #fff;
        color: #007883;
        border: 1px solid #007883
    }

    .top-drop .caret {
        margin-left: 18px
    }

    .top-drop li a {
        color: #007883
    }

    .top-drop li a:focus, .top-drop li a:hover {
        color: #007883
    }

    .top-drop li a:after {
        content: '\2192';
        position: absolute;
        right: 18px
    }

    .top-drop.open .btn {
        text-align: left;
        background-color: #007883;
        color: #fff;
        border: 1px solid #007883
    }

    .list-group {
        box-shadow: none;
        border: none
    }

    .list-group-item {
        border: none;
        padding: 10px 0
    }

    .list-group-item a {
        font-weight: 400
    }

    .list-group-item a.strong {
        font-weight: 500
    }

    .container {
        padding: 0
    }

    .row {
        margin-left: 0;
        margin-right: 0
    }

    .img {
        width: 100%
    }

    .breadcrumb {
        background-color: #fff;
        padding: 0
    }

    .breadcrumb li > a {
        color: #007883
    }

    .breadcrumb li > a:hover {
        text-decoration: underline
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        content: '\2023';
        color: #007883
    }

    .breadcrumb > .active {
        color: #232323
    }

    .breadcrumb-home {
        width: 20px
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 14px
    }

    .switch input {
        display: none
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 7px;
        width: 11px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

    input:checked + .slider {
        background-color: #2196f3
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196f3
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(11px);
        -ms-transform: translateX(11px);
        transform: translateX(11px)
    }

    .slider.round {
        border-radius: 34px
    }

    .slider.round:before {
        border-radius: 50%
    }

    .mt-0 {
        margin-top: 0
    }

    .mr-0 {
        margin-right: 0
    }

    .mb-0 {
        margin-bottom: 0
    }

    .ml-0 {
        margin-left: 0
    }

    @media (min-width: 1200px) {
        .mt-1 {
            margin-top: 67px
        }
    }

    @media (min-width: 992px) {
        .mt-1 {
            margin-top: 67px
        }
    }

    @media (min-width: 768px) {
        .mt-1 {
            margin-top: 67px
        }
    }

    @media (max-width: 767px) {
        .mt-1 {
            margin-top: 67px
        }
    }

    @media (min-width: 1200px) {
        .mr-1 {
            margin-right: 67px
        }
    }

    @media (min-width: 992px) {
        .mr-1 {
            margin-right: 67px
        }
    }

    @media (min-width: 768px) {
        .mr-1 {
            margin-right: 67px
        }
    }

    @media (max-width: 767px) {
        .mr-1 {
            margin-right: 67px
        }
    }

    @media (min-width: 1200px) {
        .mb-1 {
            margin-bottom: 67px
        }
    }

    @media (min-width: 992px) {
        .mb-1 {
            margin-bottom: 67px
        }
    }

    @media (min-width: 768px) {
        .mb-1 {
            margin-bottom: 67px
        }
    }

    @media (max-width: 767px) {
        .mb-1 {
            margin-bottom: 67px
        }
    }

    @media (min-width: 1200px) {
        .ml-1 {
            margin-left: 67px
        }
    }

    @media (min-width: 992px) {
        .ml-1 {
            margin-left: 67px
        }
    }

    @media (min-width: 768px) {
        .ml-1 {
            margin-left: 67px
        }
    }

    @media (max-width: 767px) {
        .ml-1 {
            margin-left: 67px
        }
    }

    @media (min-width: 1200px) {
        .mt-2 {
            margin-top: 50px
        }
    }

    @media (min-width: 992px) {
        .mt-2 {
            margin-top: 50px
        }
    }

    @media (min-width: 768px) {
        .mt-2 {
            margin-top: 50px
        }
    }

    @media (max-width: 767px) {
        .mt-2 {
            margin-top: 50px
        }
    }

    @media (min-width: 1200px) {
        .mr-2 {
            margin-right: 50px
        }
    }

    @media (min-width: 992px) {
        .mr-2 {
            margin-right: 50px
        }
    }

    @media (min-width: 768px) {
        .mr-2 {
            margin-right: 50px
        }
    }

    @media (max-width: 767px) {
        .mr-2 {
            margin-right: 50px
        }
    }

    @media (min-width: 1200px) {
        .mb-2 {
            margin-bottom: 50px
        }
    }

    @media (min-width: 992px) {
        .mb-2 {
            margin-bottom: 50px
        }
    }

    @media (min-width: 768px) {
        .mb-2 {
            margin-bottom: 50px
        }
    }

    @media (max-width: 767px) {
        .mb-2 {
            margin-bottom: 50px
        }
    }

    @media (min-width: 1200px) {
        .ml-2 {
            margin-left: 50px
        }
    }

    @media (min-width: 992px) {
        .ml-2 {
            margin-left: 50px
        }
    }

    @media (min-width: 768px) {
        .ml-2 {
            margin-left: 50px
        }
    }

    @media (max-width: 767px) {
        .ml-2 {
            margin-left: 50px
        }
    }

    @media (min-width: 1200px) {
        .mt-3 {
            margin-top: 36px
        }
    }

    @media (min-width: 992px) {
        .mt-3 {
            margin-top: 36px
        }
    }

    @media (min-width: 768px) {
        .mt-3 {
            margin-top: 36px
        }
    }

    @media (max-width: 767px) {
        .mt-3 {
            margin-top: 36px
        }
    }

    @media (min-width: 1200px) {
        .mr-3 {
            margin-right: 36px
        }
    }

    @media (min-width: 992px) {
        .mr-3 {
            margin-right: 36px
        }
    }

    @media (min-width: 768px) {
        .mr-3 {
            margin-right: 36px
        }
    }

    @media (max-width: 767px) {
        .mr-3 {
            margin-right: 36px
        }
    }

    @media (min-width: 1200px) {
        .mb-3 {
            margin-bottom: 36px
        }
    }

    @media (min-width: 992px) {
        .mb-3 {
            margin-bottom: 36px
        }
    }

    @media (min-width: 768px) {
        .mb-3 {
            margin-bottom: 36px
        }
    }

    @media (max-width: 767px) {
        .mb-3 {
            margin-bottom: 36px
        }
    }

    @media (min-width: 1200px) {
        .ml-3 {
            margin-left: 36px
        }
    }

    @media (min-width: 992px) {
        .ml-3 {
            margin-left: 36px
        }
    }

    @media (min-width: 768px) {
        .ml-3 {
            margin-left: 36px
        }
    }

    @media (max-width: 767px) {
        .ml-3 {
            margin-left: 36px
        }
    }

    @media (min-width: 1200px) {
        .mt-4 {
            margin-top: 18px
        }
    }

    @media (min-width: 992px) {
        .mt-4 {
            margin-top: 18px
        }
    }

    @media (min-width: 768px) {
        .mt-4 {
            margin-top: 18px
        }
    }

    @media (max-width: 767px) {
        .mt-4 {
            margin-top: 18px
        }
    }

    @media (min-width: 1200px) {
        .mr-4 {
            margin-right: 18px
        }
    }

    @media (min-width: 992px) {
        .mr-4 {
            margin-right: 18px
        }
    }

    @media (min-width: 768px) {
        .mr-4 {
            margin-right: 18px
        }
    }

    @media (max-width: 767px) {
        .mr-4 {
            margin-right: 18px
        }
    }

    @media (min-width: 1200px) {
        .mb-4 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 992px) {
        .mb-4 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 768px) {
        .mb-4 {
            margin-bottom: 18px
        }
    }

    @media (max-width: 767px) {
        .mb-4 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 1200px) {
        .ml-4 {
            margin-left: 18px
        }
    }

    @media (min-width: 992px) {
        .ml-4 {
            margin-left: 18px
        }
    }

    @media (min-width: 768px) {
        .ml-4 {
            margin-left: 18px
        }
    }

    @media (max-width: 767px) {
        .ml-4 {
            margin-left: 18px
        }
    }

    @media (min-width: 1200px) {
        .mt-5 {
            margin-top: 18px
        }
    }

    @media (min-width: 992px) {
        .mt-5 {
            margin-top: 18px
        }
    }

    @media (min-width: 768px) {
        .mt-5 {
            margin-top: 18px
        }
    }

    @media (max-width: 767px) {
        .mt-5 {
            margin-top: 18px
        }
    }

    @media (min-width: 1200px) {
        .mr-5 {
            margin-right: 18px
        }
    }

    @media (min-width: 992px) {
        .mr-5 {
            margin-right: 18px
        }
    }

    @media (min-width: 768px) {
        .mr-5 {
            margin-right: 18px
        }
    }

    @media (max-width: 767px) {
        .mr-5 {
            margin-right: 18px
        }
    }

    @media (min-width: 1200px) {
        .mb-5 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 992px) {
        .mb-5 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 768px) {
        .mb-5 {
            margin-bottom: 18px
        }
    }

    @media (max-width: 767px) {
        .mb-5 {
            margin-bottom: 18px
        }
    }

    @media (min-width: 1200px) {
        .ml-5 {
            margin-left: 18px
        }
    }

    @media (min-width: 992px) {
        .ml-5 {
            margin-left: 18px
        }
    }

    @media (min-width: 768px) {
        .ml-5 {
            margin-left: 18px
        }
    }

    @media (max-width: 767px) {
        .ml-5 {
            margin-left: 18px
        }
    }

    @media (min-width: 1200px) {
        .mt-6 {
            margin-top: 8px
        }
    }

    @media (min-width: 992px) {
        .mt-6 {
            margin-top: 8px
        }
    }

    @media (min-width: 768px) {
        .mt-6 {
            margin-top: 8px
        }
    }

    @media (max-width: 767px) {
        .mt-6 {
            margin-top: 8px
        }
    }

    @media (min-width: 1200px) {
        .mr-6 {
            margin-right: 8px
        }
    }

    @media (min-width: 992px) {
        .mr-6 {
            margin-right: 8px
        }
    }

    @media (min-width: 768px) {
        .mr-6 {
            margin-right: 8px
        }
    }

    @media (max-width: 767px) {
        .mr-6 {
            margin-right: 8px
        }
    }

    @media (min-width: 1200px) {
        .mb-6 {
            margin-bottom: 8px
        }
    }

    @media (min-width: 992px) {
        .mb-6 {
            margin-bottom: 8px
        }
    }

    @media (min-width: 768px) {
        .mb-6 {
            margin-bottom: 8px
        }
    }

    @media (max-width: 767px) {
        .mb-6 {
            margin-bottom: 8px
        }
    }

    @media (min-width: 1200px) {
        .ml-6 {
            margin-left: 8px
        }
    }

    @media (min-width: 992px) {
        .ml-6 {
            margin-left: 8px
        }
    }

    @media (min-width: 768px) {
        .ml-6 {
            margin-left: 8px
        }
    }

    @media (max-width: 767px) {
        .ml-6 {
            margin-left: 8px
        }
    }

    .pt-0 {
        padding-top: 0
    }

    .pr-0 {
        padding-right: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .pl-0 {
        padding-left: 0
    }

    @media (min-width: 1200px) {
        .pt-1 {
            padding-top: 67px
        }
    }

    @media (min-width: 992px) {
        .pt-1 {
            padding-top: 67px
        }
    }

    @media (min-width: 768px) {
        .pt-1 {
            padding-top: 67px
        }
    }

    @media (max-width: 767px) {
        .pt-1 {
            padding-top: 67px
        }
    }

    @media (min-width: 1200px) {
        .pr-1 {
            padding-right: 67px
        }
    }

    @media (min-width: 992px) {
        .pr-1 {
            padding-right: 67px
        }
    }

    @media (min-width: 768px) {
        .pr-1 {
            padding-right: 67px
        }
    }

    @media (max-width: 767px) {
        .pr-1 {
            padding-right: 67px
        }
    }

    @media (min-width: 1200px) {
        .pb-1 {
            padding-bottom: 67px
        }
    }

    @media (min-width: 992px) {
        .pb-1 {
            padding-bottom: 67px
        }
    }

    @media (min-width: 768px) {
        .pb-1 {
            padding-bottom: 67px
        }
    }

    @media (max-width: 767px) {
        .pb-1 {
            padding-bottom: 67px
        }
    }

    @media (min-width: 1200px) {
        .pl-1 {
            padding-left: 67px
        }
    }

    @media (min-width: 992px) {
        .pl-1 {
            padding-left: 67px
        }
    }

    @media (min-width: 768px) {
        .pl-1 {
            padding-left: 67px
        }
    }

    @media (max-width: 767px) {
        .pl-1 {
            padding-left: 67px
        }
    }

    @media (min-width: 1200px) {
        .pt-2 {
            padding-top: 50px
        }
    }

    @media (min-width: 992px) {
        .pt-2 {
            padding-top: 50px
        }
    }

    @media (min-width: 768px) {
        .pt-2 {
            padding-top: 50px
        }
    }

    @media (max-width: 767px) {
        .pt-2 {
            padding-top: 50px
        }
    }

    @media (min-width: 1200px) {
        .pr-2 {
            padding-right: 50px
        }
    }

    @media (min-width: 992px) {
        .pr-2 {
            padding-right: 50px
        }
    }

    @media (min-width: 768px) {
        .pr-2 {
            padding-right: 50px
        }
    }

    @media (max-width: 767px) {
        .pr-2 {
            padding-right: 50px
        }
    }

    @media (min-width: 1200px) {
        .pb-2 {
            padding-bottom: 50px
        }
    }

    @media (min-width: 992px) {
        .pb-2 {
            padding-bottom: 50px
        }
    }

    @media (min-width: 768px) {
        .pb-2 {
            padding-bottom: 50px
        }
    }

    @media (max-width: 767px) {
        .pb-2 {
            padding-bottom: 50px
        }
    }

    @media (min-width: 1200px) {
        .pl-2 {
            padding-left: 50px
        }
    }

    @media (min-width: 992px) {
        .pl-2 {
            padding-left: 50px
        }
    }

    @media (min-width: 768px) {
        .pl-2 {
            padding-left: 50px
        }
    }

    @media (max-width: 767px) {
        .pl-2 {
            padding-left: 50px
        }
    }

    @media (min-width: 1200px) {
        .pt-3 {
            padding-top: 36px
        }
    }

    @media (min-width: 992px) {
        .pt-3 {
            padding-top: 36px
        }
    }

    @media (min-width: 768px) {
        .pt-3 {
            padding-top: 36px
        }
    }

    @media (max-width: 767px) {
        .pt-3 {
            padding-top: 36px
        }
    }

    @media (min-width: 1200px) {
        .pr-3 {
            padding-right: 36px
        }
    }

    @media (min-width: 992px) {
        .pr-3 {
            padding-right: 36px
        }
    }

    @media (min-width: 768px) {
        .pr-3 {
            padding-right: 36px
        }
    }

    @media (max-width: 767px) {
        .pr-3 {
            padding-right: 36px
        }
    }

    @media (min-width: 1200px) {
        .pb-3 {
            padding-bottom: 36px
        }
    }

    @media (min-width: 992px) {
        .pb-3 {
            padding-bottom: 36px
        }
    }

    @media (min-width: 768px) {
        .pb-3 {
            padding-bottom: 36px
        }
    }

    @media (max-width: 767px) {
        .pb-3 {
            padding-bottom: 36px
        }
    }

    @media (min-width: 1200px) {
        .pl-3 {
            padding-left: 36px
        }
    }

    @media (min-width: 992px) {
        .pl-3 {
            padding-left: 36px
        }
    }

    @media (min-width: 768px) {
        .pl-3 {
            padding-left: 36px
        }
    }

    @media (max-width: 767px) {
        .pl-3 {
            padding-left: 36px
        }
    }

    @media (min-width: 1200px) {
        .pt-4 {
            padding-top: 18px
        }
    }

    @media (min-width: 992px) {
        .pt-4 {
            padding-top: 18px
        }
    }

    @media (min-width: 768px) {
        .pt-4 {
            padding-top: 18px
        }
    }

    @media (max-width: 767px) {
        .pt-4 {
            padding-top: 18px
        }
    }

    @media (min-width: 1200px) {
        .pr-4 {
            padding-right: 18px
        }
    }

    @media (min-width: 992px) {
        .pr-4 {
            padding-right: 18px
        }
    }

    @media (min-width: 768px) {
        .pr-4 {
            padding-right: 18px
        }
    }

    @media (max-width: 767px) {
        .pr-4 {
            padding-right: 18px
        }
    }

    @media (min-width: 1200px) {
        .pb-4 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 992px) {
        .pb-4 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 768px) {
        .pb-4 {
            padding-bottom: 18px
        }
    }

    @media (max-width: 767px) {
        .pb-4 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 1200px) {
        .pl-4 {
            padding-left: 18px
        }
    }

    @media (min-width: 992px) {
        .pl-4 {
            padding-left: 18px
        }
    }

    @media (min-width: 768px) {
        .pl-4 {
            padding-left: 18px
        }
    }

    @media (max-width: 767px) {
        .pl-4 {
            padding-left: 18px
        }
    }

    @media (min-width: 1200px) {
        .pt-5 {
            padding-top: 18px
        }
    }

    @media (min-width: 992px) {
        .pt-5 {
            padding-top: 18px
        }
    }

    @media (min-width: 768px) {
        .pt-5 {
            padding-top: 18px
        }
    }

    @media (max-width: 767px) {
        .pt-5 {
            padding-top: 18px
        }
    }

    @media (min-width: 1200px) {
        .pr-5 {
            padding-right: 18px
        }
    }

    @media (min-width: 992px) {
        .pr-5 {
            padding-right: 18px
        }
    }

    @media (min-width: 768px) {
        .pr-5 {
            padding-right: 18px
        }
    }

    @media (max-width: 767px) {
        .pr-5 {
            padding-right: 18px
        }
    }

    @media (min-width: 1200px) {
        .pb-5 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 992px) {
        .pb-5 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 768px) {
        .pb-5 {
            padding-bottom: 18px
        }
    }

    @media (max-width: 767px) {
        .pb-5 {
            padding-bottom: 18px
        }
    }

    @media (min-width: 1200px) {
        .pl-5 {
            padding-left: 18px
        }
    }

    @media (min-width: 992px) {
        .pl-5 {
            padding-left: 18px
        }
    }

    @media (min-width: 768px) {
        .pl-5 {
            padding-left: 18px
        }
    }

    @media (max-width: 767px) {
        .pl-5 {
            padding-left: 18px
        }
    }

    @media (min-width: 1200px) {
        .pt-6 {
            padding-top: 8px
        }
    }

    @media (min-width: 992px) {
        .pt-6 {
            padding-top: 8px
        }
    }

    @media (min-width: 768px) {
        .pt-6 {
            padding-top: 8px
        }
    }

    @media (max-width: 767px) {
        .pt-6 {
            padding-top: 8px
        }
    }

    @media (min-width: 1200px) {
        .pr-6 {
            padding-right: 8px
        }
    }

    @media (min-width: 992px) {
        .pr-6 {
            padding-right: 8px
        }
    }

    @media (min-width: 768px) {
        .pr-6 {
            padding-right: 8px
        }
    }

    @media (max-width: 767px) {
        .pr-6 {
            padding-right: 8px
        }
    }

    @media (min-width: 1200px) {
        .pb-6 {
            padding-bottom: 8px
        }
    }

    @media (min-width: 992px) {
        .pb-6 {
            padding-bottom: 8px
        }
    }

    @media (min-width: 768px) {
        .pb-6 {
            padding-bottom: 8px
        }
    }

    @media (max-width: 767px) {
        .pb-6 {
            padding-bottom: 8px
        }
    }

    @media (min-width: 1200px) {
        .pl-6 {
            padding-left: 8px
        }
    }

    @media (min-width: 992px) {
        .pl-6 {
            padding-left: 8px
        }
    }

    @media (min-width: 768px) {
        .pl-6 {
            padding-left: 8px
        }
    }

    @media (max-width: 767px) {
        .pl-6 {
            padding-left: 8px
        }
    }

    @media (min-width: 1200px) {
        .pt-6-2 {
            padding-top: 4px
        }
    }

    @media (min-width: 992px) {
        .pt-6-2 {
            padding-top: 4px
        }
    }

    @media (min-width: 768px) {
        .pt-6-2 {
            padding-top: 4px
        }
    }

    @media (max-width: 767px) {
        .pt-6-2 {
            padding-top: 4px
        }
    }

    @media (min-width: 1200px) {
        .pr-6-2 {
            padding-right: 4px
        }
    }

    @media (min-width: 992px) {
        .pr-6-2 {
            padding-right: 4px
        }
    }

    @media (min-width: 768px) {
        .pr-6-2 {
            padding-right: 4px
        }
    }

    @media (max-width: 767px) {
        .pr-6-2 {
            padding-right: 4px
        }
    }

    @media (min-width: 1200px) {
        .pb-6-2 {
            padding-bottom: 4px
        }
    }

    @media (min-width: 992px) {
        .pb-6-2 {
            padding-bottom: 4px
        }
    }

    @media (min-width: 768px) {
        .pb-6-2 {
            padding-bottom: 4px
        }
    }

    @media (max-width: 767px) {
        .pb-6-2 {
            padding-bottom: 4px
        }
    }

    @media (min-width: 1200px) {
        .pl-6-2 {
            padding-left: 4px
        }
    }

    @media (min-width: 992px) {
        .pl-6-2 {
            padding-left: 4px
        }
    }

    @media (min-width: 768px) {
        .pl-6-2 {
            padding-left: 4px
        }
    }

    @media (max-width: 767px) {
        .pl-6-2 {
            padding-left: 4px
        }
    }

    .col-0 {
        padding: 0
    }

    #menu-mobile {
        background-color: #fff;
        color: #007883
    }

    .mm-title {
        background-color: #007883;
        color: #fff !important;
        font-weight: 400
    }

    .mm-navbar {
        padding: 0
    }

    .mm-btn {
        height: 60px
    }

    .mm-navbar {
        height: 60px;
        background-color: #007883;
        padding-top: 10px
    }

    .mm-navbar-size-1 {
        margin: 0;
        padding: 0;
        margin-bottom: 1px;
        height: 40px
    }

    .mm-navbars-top {
        margin-left: 5%;
        border: 0
    }

    .mm-navbars-top .mm-navbar {
        color: #00f;
        background-color: rgba(0, 0, 0, 0)
    }

    .mm-panels > .mm-panel {
        padding: 0 5%
    }

    .mm-panels > .mm-panel:before {
        height: 0
    }

    .mm-listview {
        margin-top: 20px !important
    }

    a.mm-title {
        font-size: 24px
    }

    #mm-1 > ul > li > span {
        font-size: 24px
    }

    .mm-panel > ul > li > a, .mm-panel > ul > li > span {
        font-size: 20px
    }

    .mm-panel:not(:first-of-type) > ul > li > a, .mm-panel:not(:first-of-type) > ul > li > span {
        font-weight: 500
    }

    .mm-panel:not(:first-of-type) > ul > li a.nosub {
        font-weight: 400
    }

    .mm-navbars-bottom {
        margin: 0 5% 10px 5%
    }

    .mm-navbars-bottom form {
        padding: 0;
        height: 60px;
    }

    .mm-navbars-bottom input {
        width: 100%;
        height: 100%;
        color: #007883 !important;
        font-size: 24px;
        padding-left: 49px
    }

    .mm-navbars-bottom input:focus {
        outline: 0
    }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: #fff
    }

    .mm-menu .mm-listview > li .mm-next:after {
        border-color: #007883
    }

    .mm-next:after, .mm-prev:before {
        width: 12px;
        height: 12px
    }

    #menu-mobile > div.mm-panels {
        top: 50px
    }

    .men-lupe {
        position: absolute;
        width: 26px;
        top: 16px
    }

    @media (max-width: 767px) {
        .men-lupe {
            left: 5%
        }
    }

    @media (min-width: 768px) {
        .men-lupe {
            left: 2.5%
        }
    }

    .mm-cross {
        width: 30px
    }

    .menu-burger {
        position: fixed;
        width: 54px;
        height: 54px;
        margin-left: calc(5% - 12px);
        margin-top: 0;
        background-color: #fff;
        border-radius: 50%;
        z-index: 10000;
        padding: 12px;
        display: flex;
        -webkit-transition: .6s;
        transition: .6s
    }

    .menu-burger a {
        margin: auto
    }

    .menu-burger.fixed {
        position: fixed;
        margin-top: 6px;
        margin-left: 2.5%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
    }

    @media (min-width: 992px) {
        .menu-burger {
            display: none
        }
    }

    #cbDebug {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        color: #000;
        z-index: 10000;
        color: #ff00ff;
        background-color: green
    }

    body {
        padding: 0
    }

    .dka-hr {
        margin: 0;
        border-top: 1px solid #007883;
        box-sizing: border-box
    }

    .container {
        width: 80%;
        max-width: 1366px
    }

    @media (min-width: 992px) {
        .container {
            width: 90%
        }
    }

    @media (min-width: 768px) {
        .container {
            width: 90%
        }
    }

    @media (max-width: 767px) {
        .container {
            width: 90%
        }
    }

    @media (min-width: 1200px) {
        .container {
            width: 80%
        }
    }

    .container-abfallend, .container-fluid {
        max-width: 1920px;
        padding: 0
    }

    .map-container {
        width: 100%;
        max-width: 1366px
    }

    .aligned-row {
        display: flex;
        flex-flow: row wrap
    }

    .aligned-row::before {
        display: block
    }

    .btn-dka {
        padding: 18px;
        border: none;
        border-radius: 2px;
        text-transform: uppercase
    }

    .bg-orange {
        background-color: #ffae00
    }

    .bg-pet, .bg-petrol {
        background-color: #007883
    }

    .c-pet {
        color: #007883
    }

    .ol-pet {
        border: 1px solid #007883
    }

    .bg-wht {
        background-color: #fff
    }

    .giveLabel {
        position: absolute;
        right: 0;
        top: 54px;
        background-image: url(/fileadmin/custom/assets/give_label.svg);
        text-align: center;
        height: 55px;
        z-index: 2000;
        padding-left: 10px;
        padding-right: 20px;
    }

    .giveLabel img, .giveLabel p {
        text-align: center
    }

    .giveLabel p {
        margin-top: 10px
    }

    .giveLabel .give-icon {
        height: 25px;
        margin: 6px
    }

    .giveLabel .imgGive, .giveLabel .imgNews, .giveLabel .imgShop {
        height: 25px;
        margin: 12px;
        padding: 5px 14px;
        background-repeat: no-repeat;
        background-size: cover;
        line-height: 40px;
    }

    .giveLabel .imgGive {
        background-image: url(/fileadmin/custom/assets/give_icon.svg);
    }

    .giveLabel .imgShop {
        background-image: url(/fileadmin/custom/assets/shop_icon.svg);
    }

    .giveLabel .imgNews {
        background-image: url(/fileadmin/custom/assets/newsletter_icon.svg);
    }

    @media (max-width: 767px) {
        .giveLabel {
            height: 42px;
            background-image: url(/fileadmin/custom/assets/give_label_mobile.svg);
            background-size: auto 42px;
            position: static;
            float: right;
            margin-top: 12px;
            padding-left: 20px;
            padding-right: 12px;
        }

        .giveLabel p {
            text-align: right;
            margin: 0;
            line-height: 42px;
        }

        .giveLabel .give-icon {
            display: none
        }
    }

    .jungschar-selector {
        display: none;
        float: right;
        margin-top: -1px
    }

    @media (max-width: 991px) {
        .jungschar-selector {
            width: 100%;
            float: none;
            background-color: #fff;
            border-top: 1px solid #007883;
            margin: 0 0 18px 0
        }

        .jungschar-selector .dropdown .dropdown-backdrop {
            display: none
        }

        .jungschar-selector .top-drop .btn {
            border: 0;
            color: #007883;
            background-color: #fff;
            text-transform: none;
            font-size: 22px;
            letter-spacing: 0;
            margin-top: 18px
        }

        .jungschar-selector .dropdown-menu {
            border: 0;
            position: static;
            -webkit-box-shadow: none;
            box-shadow: none;
            float: none
        }

        .jungschar-selector .dropdown-menu a:active, .jungschar-selector .dropdown-menu a:focus, .jungschar-selector .dropdown-menu a:hover, .jungschar-selector .dropdown-menu a:link, .jungschar-selector .dropdown-menu a:visited {
            text-decoration: underline;
            font-size: 16px
        }
    }

    .dka-top {
        padding: 0;
        padding-bottom: 2px;
    }

    .dka-top .dka-logo {
        margin-top: 18px
    }

    @media (max-width: 767px) {
        .dka-top .dka-logo {
            margin-top: 18px;
            margin-bottom: 24px
        }
    }

    @media (min-width: 768px) {
        .dka-top .dka-logo {
            margin-top: 60px;
            max-width: 50%;
            margin-bottom: 24px
        }
    }

    @media (min-width: 992px) {
        .dka-top .dka-logo {
            margin-top: 20px;
            width: 380px;
            margin-bottom: 0
        }
    }

    @media (min-width: 1200px) {
        .dka-top .dka-logo {
            width: 420px
        }
    }

    .menu-container {
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1001;
    }

    .menu-container.menactive {
        position: absolute
    }

    @media (min-width: 992px) {
        .menu-container {
            top: 118px;
        }
    }

    @media (min-width: 1200px) {
        .menu-container {
            top: 126px;
        }
    }

    .menu-container ul.menu {
        max-width: 1366px;
        list-style: none;
        padding: 0;
        margin-top: 20px;
        background-color: #fff;
        z-index: 500;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    @media (min-width: 992px) {
        .menu-container ul.menu {
            margin: 12px 5% 0 5%
        }
    }

    @media (min-width: 1200px) {
        .menu-container ul.menu {
            margin: 12px 10% 0 10%
        }
    }

    @media (min-width: 1720px) {
        .menu-container ul.menu {
            margin: 12px auto 0 auto
        }
    }

    @media (max-width: 991px) {
        .menu-container ul.menu {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #fff;
            margin-top: 0;
            margin-left: -5%;
            top: 0;
            padding: 0 5%
        }

        .menu-container ul.menu li {
            line-height: 30px;
            height: 32px;
            border-bottom: 1px solid #767676;
            padding: 0 5%
        }

        .menu-container ul.menu li:last-child {
            display: none
        }

        .menu-container ul.menu li a:hover {
            text-decoration: none
        }
    }

    .menu-container ul.menu li {
        line-height: 60px;
        height: 62px;
        color: #007883
    }

    .menu-container ul.menu li.active, .menu-container ul.menu li:focus, .menu-container ul.menu li:hover {
        border-bottom: 2px solid #007883;
        cursor: pointer
    }

    .menu-container ul.menu li button:not(.search-lupe) {
        border: 0;
        background: 0 0
    }

    .menu-container ul.menu li:last-child:hover {
        border-bottom: none
    }

    .menu-container ul.menu li:last-child button {
        vertical-align: middle
    }

    .menu-container ul.menu li a {
        color: #007883
    }

    .menu-container ul.menu li.mini-logo {
        width: 40px;
        display: none;
        flex-grow: 0
    }

    .menu-container ul.menu li.mini-logo:hover {
        border: 0
    }

    .menu-container ul.menu li.mini-logo a {
        margin: auto
    }

    .menu-container .mini-logo a {
        width: 40px;
        height: 40px
    }

    .menu-container .search-lupe {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 30px;
        border: none;
        border: 1px solid #007883;
        background-image: url(/fileadmin/custom/assets/Lupe_Button_default.svg);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        color: transparent;
        font-size: 1px
    }

    .menu-container .search-lupe:focus, .menu-container .search-lupe:hover {
        background-color: #007883;
        background-image: url(/fileadmin/custom/assets/Lupe_Button_active.svg)
    }

    .menu-container.fixed {
        position: fixed;
        top: 0
    }

    .menu-container.fixed ul.menu {
        margin-top: 0
    }

    .menu-container.fixed ul.menu li.mini-logo {
        display: flex;
        width: 40px;
        margin-left: 0
    }

    .dka-header {
        width: 100%;
        background-image: url(/fileadmin/custom/img/schulestattarbeit.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 300px 0 70px 0
    }

    @media (max-width: 991px) {
        .dka-header {
            padding: 170px 0 70px 0;
            background-position: center
        }
    }

    .dka-header .dka-header-content {
        width: 80%;
        max-width: 1366px;
        color: #fff;
        margin: 0 auto
    }

    .dka-header h1 {
        margin: 10px 0 30px 0;
        text-shadow: 0 0 5px #000
    }

    .dka-header.menactive {
        margin-top: 1px;
        margin-bottom: -1px
    }

    .dka-top-menu {
        background-color: #fff;
        top: 209px;
        padding: 50px 0;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: none;
        border-bottom: 4px solid #007883;
        z-index: 100
    }

    @media (max-width: 991px) {
        .dka-top-menu {
            padding: 18px 5%
        }
    }

    @media (min-width: 992px) {
        .dka-top-menu {
            padding: 50px 5%
        }
    }

    @media (min-width: 1200px) {
        .dka-top-menu {
            padding: 50px 10%
        }
    }

    .dka-top-menu .row {
        max-width: 1366px;
        margin: 0 auto
    }

    .dka-top-menu .col-md-4 {
        padding: 0 25px
    }

    .dka-top-menu .col-md-4:first-of-type {
        padding-left: 0
    }

    @media (max-width: 991px) {
        .dka-top-menu .col-md-4:first-of-type {
            padding: 0 5%
        }
    }

    .dka-top-menu .col-md-4:last-of-type {
        padding-right: 0
    }

    @media (max-width: 991px) {
        .dka-top-menu .col-md-4:last-of-type {
            padding: 0 5%
        }
    }

    .dka-top-menu .col-md-4 p:last-of-type {
        margin-bottom: 0
    }

    @media (max-width: 991px) {
        .dka-top-menu .col-md-4 {
            padding: 0 5%
        }
    }

    .dka-top-menu .list-group {
        margin-bottom: 0
    }

    .dka-top-menu .list-group-item {
        padding: 8px 0
    }

    .dka-top-menu .list-group-item:last-of-type {
        padding-bottom: 0
    }

    .dka-top-menu .list-group-item.bold:last-of-type {
        padding-bottom: 0
    }

    .dka-top-menu .list-group-item.bold:first-of-type {
        padding-top: 0
    }

    .menu-feature h3 {
        margin-top: 20px;
        margin-bottom: 32px
    }

    @media (max-width: 991px) {
        .menu-feature {
            display: none
        }
    }

    #dka-row-spenden {
        background-color: #f0f0f0;
        padding: 8px
    }

    #dka-row-spenden div:nth-child(2) {
        background-color: #ffae00;
        padding: 36px
    }

    div.dreieck {
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-right: 20px solid #ffae00;
        margin-left: -45px;
        margin-top: -5px;
        float: left;
        display: inline-block;
        vertical-align: top
    }

    .dka-start-cta {
        text-align: center;
        width: 72.5%;
        margin: 67px auto !important;
    }

    .dka-start-cta h2 {
        margin-top: 0
    }

    .dka-start-cta p:last-of-type {
        margin-bottom: 0
    }

    @media (max-width: 767px) {
        .dka-start-cta {
            width: 90%
        }
    }

    @media (max-width: 991px) {
        .content {
            margin-top: 10px
        }
    }

    .first-content {
        margin-top: 103px;
        min-height: 200px
    }

    @media (max-width: 991px) {
        .first-content {
            margin-top: 10px
        }
    }

    .dka-footer {
        background-color: #f0f0f0;
        color: #232323;
        width: 100%;
        padding: 60px 10% 80px 10%;
        margin-top: 67px
    }

    .dka-footer .kaoe-logo {
        width: 50%
    }

    .dka-footer .language-switch.active {
        text-decoration: underline
    }

    .dka-footer ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 40px
    }

    .dka-footer ul li {
        margin-bottom: 10px
    }

    .dka-footer input {
        padding: 10px;
        background-color: #f0f0f0;
        outline: 0;
        border: 1px solid #232323
    }

    .dka-footer h6 {
        letter-spacing: 0;
        font-weight: 500
    }

    .dka-footer-mobile {
        color: #232323;
        background-color: #f0f0f0;
        width: 100%;
        padding: 5%
    }

    .dka-footer-mobile ul {
        list-style: none;
        padding-left: 0;
        padding-right: 16px;
    }

    .dka-footer-mobile ul li {
        margin-bottom: 10px
    }

    .dka-footer-mobile ul li:last-of-type {
        margin-bottom: 0
    }

    .dka-footer-mobile h6 {
        margin-top: 0;
        margin-bottom: 20px
    }

    .dka-footer-mobile a.language-switch {
        border: 1px solid #232323;
        padding: 10px;
        color: #232323;
        text-decoration: none;
        margin-right: 5px;
        margin-top: 10px
    }

    .dka-footer-mobile a.language-switch.active {
        color: #f0f0f0;
        background-color: #232323
    }

    .dka-footer-mobile .kaoe-logo {
        width: 50%;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .dka-footer-mobile .kaoe-logo {
            width: 25%
        }
    }

    .dka-footer-mobile > div {
        margin-bottom: 36px
    }

    .dka-nav-grid {
        margin: 67px auto
    }

    @media (max-width: 991px) {
        .dka-nav-grid {
            margin: 0;
            width: 100%
        }

        .dka-nav-grid h4 {
            display: none
        }

        .dka-nav-grid h2 {
            margin-top: 0
        }
    }

    .dka-nav-grid .row:nth-of-type(2n) {
        margin-top: 8px
    }

    @media (max-width: 991px) {
        .dka-nav-grid .row:nth-of-type(2n) {
            margin: 0
        }
    }

    .dka-nav-grid .subrow {
        margin-left: 8px
    }

    @media (max-width: 991px) {
        .dka-nav-grid .subrow {
            margin: 0
        }

        .dka-nav-grid .subrow > div:nth-child(2) > div {
            margin-top: 0
        }
    }

    .dka-nav-grid .col-md-8 {
        padding: 0
    }

    .dka-nav-grid .dioezesen-square .dioezesen-map {
        float: right;
        max-width: 100%
    }

    @media (min-width: 992px) {
        .dka-nav-grid .dioezesen-square .dioezesen-map {
            visibility: hidden
        }
    }

    .dka-nav-grid hr {
        border-top: 1px solid #007883;
        margin: 0 auto;
        width: calc(100% - 8px)
    }

    @media (max-width: 991px) {
        .dka-nav-grid hr {
            display: none
        }
    }

    .dka-nav-grid .double-container {
        position: absolute;

        bottom: 36px;
        margin-right: 36px
    }

    @media (max-width: 991px) {
        .dka-nav-grid .double-container {
            position: static
        }
    }

    @media (min-width: 1720px) {
        .dka-nav-grid .double-container h2, .dka-nav-grid .double-container p {
            width: 90%
        }
    }

    .square-wrap {
        position: relative;
        overflow: hidden;
        background-size: cover
    }

    @media (max-width: 767px) {
        .square-wrap {
            padding: 0
        }
    }

    .square-wrap.bg-orange h4 {
        color: #232323
    }

    .square-wrap-double {
        background-size: auto 100%
    }

    @media (max-width: 767px) {
        .square-wrap-double {
            position: relative;
            background-size: cover
        }

        .square-wrap-double h4 {
            display: block
        }
    }

    @media (max-width: 991px) {
        .square-wrap-double {
            background-size: 100% auto
        }
    }

    .square-wrap-double a, .square-wrap-double h2, .square-wrap-double h4, .square-wrap-double p {
        text-shadow: 0 0 5px #000
    }

    .square-wrap-double > div, .square-wrap > div {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 36px;
        background-repeat: no-repeat;
        overflow: hidden
    }

    @media (max-width: 1199px) {
        .square-wrap-double > div, .square-wrap > div {
            padding: 28px
        }
    }

    @media (max-width: 991px) {
        .square-wrap > div {
            padding: 36px;
            position: static
        }
    }

    @media (max-width: 991px) {
        .square-wrap > div.single-square {
            padding: 18px;
            margin: 18px;
            border: 1px solid #232323;
            position: static
        }
    }

    @media (max-width: 767px) {
        .square-wrap.square-bg {
            display: none
        }
    }

    @media (max-width: 991px) {
        .square-wrap-double > div {
            padding: 36px;
            position: relative
        }
    }

    .square-wrap-double > div.cb-bg {
        position: absolute
    }

    .col-md-4.square-wrap {
        padding: 0 0 33.333333% 0
    }

    @media (max-width: 991px) {
        .col-md-4.square-wrap {
            padding: 0
        }
    }

    .col-md-4.square-wrap-double {
        padding: 0 0 66.666666% 0
    }

    @media (max-width: 991px) {
        .col-md-4.square-wrap-double {
            padding: 0
        }
    }

    .col-md-6.square-wrap {
        padding: 0 0 50% 0
    }

    @media (max-width: 991px) {
        .col-md-6.square-wrap {
            padding: 0
        }
    }

    .col-md-12.square-wrap {
        padding: 0 0 50% 0
    }

    @media (max-width: 991px) {
        .col-md-12.square-wrap {
            padding: 0
        }
    }

    .ellipsis {
        display: block;
        max-height: 160px
    }

    .dka-input-field {
        position: relative;
        display: inline-block;
        width: 100%
    }

    .dka-input-field input {
        padding: 12px 10px 8px 10px;
        width: 100%
    }

    .dka-input-field div.label {
        position: absolute;
        margin-left: 12px;
        font-size: 60%;
        font-weight: 400;
        color: #767676;
        display: none;
        padding: 0;
        top: 10px;
    }

    .dka-footer .dka-input-field div.label {
        top: 4px;
    }

    @media (min-width: 768px) {
        .row-gutter {
            padding: 0 8px
        }

        .row-gutter div {
            margin: 0 4px
        }

        .row-gutter div:first-of-type {
            margin-left: -8px
        }

        .row-gutter div:last-of-type {
            margin-right: -8px
        }

        .row-gutter.element-teaser-3 .col-teaser {
            margin-bottom: 18px
        }

        .row-gutter.element-teaser-3 .col-teaser:last-of-type {
            margin-bottom: 0
        }

        .row-gutter.element-teaser-3 div {
            margin: 0 auto
        }
    }

    @media (min-width: 992px) {
        .row-gutter {
            padding: 0 8px
        }

        .row-gutter div {
            margin: 0 4px
        }

        .row-gutter div:first-of-type {
            margin-left: -8px
        }

        .row-gutter div:last-of-type {
            margin-right: -8px
        }

        .row-gutter.element-teaser-3 .col-teaser {
            margin-bottom: 0
        }
    }

    @media (min-width: 1200px) {
        .row-gutter {
            padding: 0 8px
        }

        .row-gutter div {
            margin: 0 4px
        }

        .row-gutter div:first-of-type {
            margin-left: -8px
        }

        .row-gutter div:last-of-type {
            margin-right: -8px
        }
    }

    .marker-cluster-small {
        background-color: rgba(255, 174, 0, .74)
    }

    .marker-cluster-small div {
        background-color: rgba(255, 255, 255, .74)
    }

    .marker-cluster-small div span {
        font-size: 16px;
        font-family: 'Fira Sans', sans-serif
    }

    @media (min-width: 992px) {
        .scrollable::before {
            content: "";
            display: block;
            height: 63px;
            margin: -63px 0 0;
        }
    }

    input[type="checkbox"], input[type="radio"] {
        margin-right: 12px;
    }

    .dontShow {
        display: block;
        height: 0;
        left: -999em;
        overflow: hidden;
        position: absolute;
        top: auto;
        width: 0;
    }

    /* CSS Document */
    /*cookie*/
    .cc_container .cc_message {
        line-height: 1.4em;
    }


    div.div-hervorgehoben div.element div.element-content p:nth-of-type(2) {
        margin-top: 18px;
    }

    h1 {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .element-map-text .openstreetmap {
        height: 500px;
    }

    .teaserraster-mail {
        word-break: break-all;
    }

    h3 {
        color: #007883;
    }

    .fff h3 {
        color: #ffffff;
    }

    .infobox ul, .infobox ol {
        list-style-type: none;
        padding: 0 0 0 20px;
        margin: 0;
        line-height: 28px;
    }

    .infobox ul li, .infobox ol li {
        margin-bottom: 1em;
    }

    .infobox ol li {
        counter-increment: count-me;
    }

    .infobox ul li::before {
        content: "\2022";
        display: inline-block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -16px;
        top: 1px;
        color: #007883;
    }

    .infobox ol li::before {

        content: counter(count-me) ". ";
        display: inline-block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -16px;
        color: #007883;

    }

    .infobox .element-text h3 {
        margin-top: 0px;
    }

    .first-content {

        min-height: 30px;
    }

    .element-teaser-1 .inner-5, .element-teaser-2 .inner-5 {
        display: none;
    }

    .element-teaser-3 .inner-1, .element-teaser-1 .inner-1 {
        display: none;
    }

    .element li a {
        color: #007883;
        text-decoration: underline;
    }

    .element .element {
        margin-bottom: 0px;
    }

    .element .element-text {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    .container .container {
        width: 100%;
    }


    .video-container {

        position: relative;

        padding-bottom: 56.25%;

        padding-top: 30px;
        height: 0;
        overflow: hidden;

    }


    .video-container iframe,
    .video-container object,
    .video-container embed {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }

    .sharebox-background p {
        color: #fff;
    }

    .spendentext h3 {
        color: #000000;
    }

    a.spenden-info-link {
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        color: #ffffff
    }

    a.spenden-info-link:hover {
        color: #ffffff
    }


    .dka-header h1 {
        text-shadow: 0 0 5px black;
    }

    .element-subpage-h1 h1 {
        margin-bottom: 50px;
    }

    .abstand4 {
        padding: 4px;
    }

    /*FORMULARE*/
    form#cse-search-box1 {
        background-color: #ffffff;
    }


    .dka-input-field textarea {
        padding: 10px;
        width: 100%;
    }

    .dka-input-field textarea.focus, .dka-input-field textarea:focus {
        outline: 0;
        border: solid 1px #007883;
        -webkit-box-shadow: 0 0 5px 1px #969696;
        -moz-box-shadow: 0 0 5px 1px #969696;
        box-shadow: 0 0 5px 1px #969696;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    }


    .dka-input-field select {

    }

    .dka-footer select {
        padding: 10px;
        background-color: #f0f0f0;
        outline: 0;
        border: 1px solid #232323;
        padding: 10px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .dka-footer input {
        padding-bottom: 8px;
    }

    .element-formular select:first-of-type {
        margin-top: 0px;
        margin-right: 0px;
    }


    .element-formular select {
        margin: 0;
        width: 100%;
        padding: 10px;
    }

    #rechnungsadresse {
        display: none;
    }


    #rechnungsadresse.show {
        display: inline;
        color: #000000;
    }

    .element-klappe-group h2, .element-klappe-group h3, .element-klappe-group h4, .element-klappe-group h4, .element-klappe-group h6 {
        margin-left: auto;
        margin-right: auto;
        width: 66.6667%;
    }


    .show {
        display: inherit;
    }

    .element-formular #teeform p {
        text-align: left;
        font-weight: normal;

    }

    .team-card h6 {
        text-align: center;
    }

    /*SPENDEN*/
    .row-spendenbetrag p {
        padding-top: 15px;
    }

    .left p {
        text-align: left;
        padding-left: 0;
    }

    .right p {
        text-align: right;
        padding-right: 0;
    }

    h3.spendenverwendung {
        text-align: center;
    }

    .spendenform p {
        text-align: left;
    }

    .spendenform p.no-left-margin {
        margin-left: 0px;
        padding-left: 10px;
    }

    .spendenzweckwiederholung {
        /*font-weight: 700;*/
        color: #007883;
        font-size: 26px;

    }

    .spendenform p.spendenzweckwiederholung {
        text-align: center;
    }

    .element-carousel {
        margin-bottom: 10px;
    }

    .row-unterstuetzung {
        margin-top: 67px;
        margin-bottom: 67px;
    }

    .row-methode {
        margin-bottom: 67px;
    }

    .row-spendenbetrag, .row-unterstuetzung, .row-methode, .row-steuer {
        background-color: #f0f0f0;
    }

    .element-formular .row-steuer div:first-of-type {
        padding-left: 10px;
    }

    .row-methode label {
        font-weight: 400;
    }

    /*FOOTER*/
    .dka-footer h5 {
        letter-spacing: 0;
        font-weight: 500;
        font-size: 16px;
    }


    /**THE SAME CSS IS USED IN ALL 3 DEMOS**/
    /**gallery margins**/
    ul.gallery {
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .zoom {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in;
    }

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
        /**adjust scale to desired size,
        add browser prefixes**/
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        position: relative;
        z-index: 100;
    }

    .element-map h3 {
        margin: 0 0 10px;
        font-weight: 500;
        padding: 20px 0;
        width: 70%;
        border-bottom: 1px solid #007883;
        margin-bottom: 18px;
        color: #007883;
    }

    .element-map ul {
        list-style-type: none;
        padding: 0 0 0 20px;
        margin: 0;
        line-height: 28px;
    }

    .element-map ul li::before {
        content: "\2022";
        display: inline-block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -16px;
        top: 1px;
        color: #007883;
    }


    /**To keep upscaled images visible on mobile,
    increase left & right margins a bit**/
    @media only screen and (max-width: 768px) {
        ul.gallery {
            margin-left: 15vw;
            margin-right: 15vw;
        }

        /**TIP: Easy escape for touch screens,
        give gallery's parent container a cursor: pointer.**/
        .DivName {
            cursor: pointer
        }


        a.btn-dka-cta {
            white-space: normal;
        }


    }



    @media (min-width: 768px) {
        .youtube-left {
            padding-right: 20px;
        }

        .youtube-right {
            padding-left: 20px;
        }
    }

    @media (min-width: 992px) {

        .anchortarget::before {

            content: "";

            display: block;

            height: 63px;

            margin: -63px 0 0;
        }
    }


    .frame .smcx-embed {

        max-width: none;

    }

    .frame .smcx-embed > .smcx-iframe-container {

        max-width: none;

    }

    .mcol .bildbeschreibung {
        position: absolute;
        bottom: 0;
        background-color: rgba(255, 255, 255, .85);
        color: #000;
        width: calc(100% - 8px);
        margin: 0;
        padding: 8px;
    }

    .dropdown-backdrop {
        z-index: -990;
    }

    .element-material .col-sm-12 {

        box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, .5);

    }

    @media (min-width: 992px) {
        .element-material .row .col-xs-2 {
            padding: 20px 10px 20px 40px;
        }
    }
    @media (min-width: 768px) {
        .element-material .row .col-xs-2 {
            padding-left: 28px;
        }
    }

    @media (min-width: 768px) {
        .element-material .col-sm-12 {
            box-shadow: 0 0.3rem 1rem -0.5rem rgba(0, 0, 0, .5);
        }
    }

    @media (min-width: 1200px) {
        .cb-shadow:focus, .cb-shadow:hover {
            box-shadow: 0 3rem 6rem -2rem rgba(0, 0, 0, .35);
        }
    }


    @media (min-width: 992px) {
        .col-md-pull-4 {
            width: 33.33%;
            right: 66.67%;
        }

        .col-md-push-8 {
            left: 35.33%;
            width: 64.67%;
        }


    }


    .grid-2s .element-klappe {
        width: 100%;
    }

    @media (min-width: 768px) {
        .kleiner-abstand-rechts {
            padding-right: 10px;
        }
    }


    .element-themen-raster-1 .cb-bg {
        background-color: rgba(0, 0, 0, .3);
    }

    .raster-content h3, .raster-content p {
        text-shadow: 0 0 5px #000;
    }

    .newsletter-grey {
        color: #777777;
        font-size: 0.9em;
        font-style: italic;
    }


    .ButtonGross {

        color: #007883;
        text-decoration: none;
        border: 2px solid #007883;
        padding: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-transition: background-color .4s linear;
        -ms-transition: background-color .4s linear;
        transition: background-color .4s linear;
        box-shadow: none;
        text-shadow: none;
        font-size: 16px;
        line-height: 1.33;
        display: inline-block;
        margin-bottom: 0;

        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
    }

    .ButtonGross:hover {

        color: #fff;
        background-color: #007883;
        text-decoration: none;

        outline: 0;
        border: 2px solid #007883;
        padding: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-transition: background-color .4s linear;
        -ms-transition: background-color .4s linear;
        transition: background-color .4s linear;
        box-shadow: none;
        text-shadow: none;
        font-size: 16px;
        line-height: 1.33;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;


    }

    p a.ButtonGross:link {
        text-decoration: none;
    }

    .img-logos-unterstuetzer {
        height: 60px;
        width: auto;
        padding-right: 24px;
        padding-bottom: 12px;
        display: inline;
    }

    .img-logos-unterstuetzer2 {
        height: 120px;

    }

    .bg-spenden-virtuell {
        background-color: #1D2929;
        color: #fff;
    }

    @media (min-width: 768px) {
        .bg-spenden {
            background: url(/fileadmin/st/king_green_kl.webp);
            background: url(/fileadmin/st/desktop.webp);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;

        }

        .bg-spenden-meine {
            background: url(/fileadmin/st/meinespende/1.webp);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;

        }

        .bg-spenden-virtuell {

            background: url(/fileadmin/st/virtuell_kl.webp);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;
        }

        .bg-spenden2 {
            background: url(/fileadmin/st/spendenbg_kl.webp);
            background: url(/fileadmin/st/spendenseite/1.webp);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;

        }

        .bg-spenden3 {

            background: url(/fileadmin/st/spenden_kwabena.webp);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;

        }

        .bg-spenden4 {

            background: url(/fileadmin/custom/img/weiss.png);
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            min-height: 100%;

        }
    }
    @media (max-width: 767px) {
        .dka-top .dka-logo-spenden {
            margin-top: 60px;
            margin-bottom: 24px
        }
    }
    @media (min-width: 768px) {
        .dka-top .dka-logo-spenden {
            margin-top: 54px;
            max-width: 70%;
            margin-bottom: 24px
        }
    }
    @media (min-width: 992px) {
        .dka-top .dka-logo-spenden {
            margin-top: 40px;

            /*width: 380px;*/
            margin-bottom: 0
        }
    }
    @media (min-width: 1200px) {
        .dka-top .dka-logo-spenden {
            /*width: 420px*/
        }
    }

    .dka-footer-spenden {
        background-color: #f0f0f0;
        color: #232323;
        width: 100%;
        padding: 60px 10% 80px 10%;
        margin-top: 67px;
    }

    .dka-footer-spenden img {

        padding: 0px 0px 0px 0px;
        margin-top: 0px;
    }

    .circle.cfooter {
        width: 30%;
        padding-bottom: 30%;
        margin: 16px 0px;
    }

    @media (min-width: 700px) {
        .circle.cfooter {
            width: 30%;
            padding-bottom: 30%;
            margin: 16px 0px;
        }
    }

    @media (min-width: 992px) {
        .circle.cfooter {
            width: 64%;
            padding-bottom: 64%;
            margin: 0 auto;
        }

    }


    .footer-spendenabsetzbarkeit {
        width: 32%;
        padding-bottom: 30%;
        margin: 16px 0px;
    }

    @media (min-width: 700px) {
        .footer-spendenabsetzbarkeit {
            width: 32%;
            padding-bottom: 30%;
            margin: 16px 0px;
        }
    }

    @media (min-width: 992px) {
        .footer-spendenabsetzbarkeit {
            width: 64%;
            padding-bottom: 64%;
            margin: 0 auto;
        }

    }



    @media (min-width: 768px) {

        .spenden-mobil-header {
            display: none;
        }
    }

    /*herret am 6.7.24*/
    .spenden-mobil-header {
        display: none;

    }

    @media (min-width: 768px) {

        .main-spenden {
            margin-top: 60px;
        }
    }


    .dka-logo-spenden img {
        width: 80%;
    }

    .spenden-nav-hervorhebung-li, .spenden-mobil-nav-li {
        background-color: #ffae00;
    }

    .spenden-nav-hervorhebung-li a {
        color: #333;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .menu-container ul.menu li.spenden-nav-hervorhebung-li a {
        color: #333;
    }

    .menu-container ul.menu li.spenden-nav-hervorhebung-li {
        color: #333;
    }

    .menu-container ul.menu li.spenden-nav-hervorhebung-li:focus, .menu-container ul.menu li.spenden-nav-hervorhebung-li:hover {
        border-bottom: 2px solid #333;

    }


    .spenden-mobil-nav-li {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .mm-listview > li > span.spenden-nav-hervorhebung-span {

        color: #333;
    }

    .mm-listview > li.spenden-nav-hervorhebung-li > span {
        color: #333;
    }

    .spenden-mobil-nav-span {
        color: #333;
    }

    .spendenbox-guetesiegel-img {
        width: 100%;
        margin: 16px 0px;
        margin-top: 0px;
        margin-bottom: 24px;
        text-align: left;
    }

    .spendenbox-absetzbar-img {
        width: 100%;
        margin: 16px 0px;
        margin-top: 8px;
        margin-bottom: 16px;
        text-align: left;
    }

    .element-virtueller-sternsingerbesuch hr {
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .virtuell-spenden-textvorschlag {
        background-color: #ffae00;
    }


    @media (min-width: 992px) {
        .element-formular .row .element-material div:last-of-type {
            padding: 6px 10px;
        }

        .element-formular .row div.element-material:last-of-type {
            padding: 6px 10px;
        }
    }
    @media (min-width: 992px) {
        .element-formular .row .element-material div:first-of-type {
            padding: 6px 10px;
        }

        .element-formular .row div.element-material:first-of-type {
            padding: 6px 10px;
        }
    }

    @media (max-width: 991px) {

        .element-teaser-1 .inner-3 {
            border: 1px solid #767676;
            padding: 18px 5%;
            background-color: #ffffff;
        }
    }


    @media (min-width: 992px) {

        #c5471 .element-teaser-1 .inner-3 {

            padding: 18px 5%;
            background-color: #ffffff;
        }
    }

    @media (min-width: 768px) {
        #c5471 .col-teaser {
            background-color: #ffffff;
        }
    }

    @media (min-width: 768px) {
        #c5471 .element-teaser-1.cb-shadow {
            background-color: #ffffff;
        }
    }


    #c5471 .element-teaser-1 {
        width: 100%;

        margin-bottom: 40px;
    }


    @media (min-width: 768px) {
        .amazonien-2spaltig {
            column-count: 2;
            column-gap: 10px;
        }
    }





    /*marmarfa*/
    .respond_registration_parent {
        max-width: 600px;
        margin: 0 auto;
    }

    .respond_registration span {
        display: inline-block;
    }

    .respond_registration * {
        color: #000;
        line-height: 25px;
    }

    .respond_registration h2 {
        color: #009ba2;
        font-size: 39px;
        text-align: center;
        line-height: 45px;
        margin-bottom: 50px;
    }

    .respond_registration .anzahl {
        text-align: center;
        display: block;
        font-weight: bold;
        font-size: 22px;
    }

    .respond_registration .anzahl-von {
        color: #009ba2;
    }

    .respond_registration .marmara-progress-wrapper {
        border: 1px solid #000;
        max-width: 450px;
        margin: 0 auto;
    }

    .respond_registration .marmara-progress-bar {
        padding: 5px 10px;
    }

    .respond_registration .text-center {
        text-align: center;
        display: block;
    }

    .respond_registration .bold {
        font-weight: bold;
    }

    .respond_registration ul li {
        margin-bottom: 10px;
    }

    .respond_registration ul li:before {
        color: #009ba2;
        font-size: 12px;
    }

    .respond_registration .respond_personendaten .field.field-text {
        margin-bottom: 10px;
    }

    .respond_registration .respond_personendaten .field.field-text div {
        position: relative;
    }

    .respond_registration .respond_personendaten input {
        padding: 10px 10px 5px 10px;
    }

    .respond_registration .respond_personendaten select {
        padding: 10px 10px 5px 5px;
        background-color: #fff;
    }

    .respond_registration .respond_personendaten input,
    .respond_registration .respond_personendaten select {
        border: 2px solid #b0b0b0;
        width: 100%;
    }

    .respond_registration .respond_personendaten label {
        position: absolute;
        padding-left: 10px;
        font-size: 10px;
        z-index: 999;
        top: 1px;
        color: #6c6c6c;
        line-height: 16px;
    }

    .respond_registration .respond_personendaten .field.field-text:focus-within label {
        color: #000;
    }

    .respond_registration .field.field-checkbox,
    .respond_registration .field.field-radio {
        display: flex;
        flex-direction: row-reverse;
        align-items: baseline;
        justify-content: flex-end;
    }

    .respond_registration .field.field-radio input {
        appearance: auto;
    }

    .respond_registration ul {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .respond_registration ul.last_signers {
        margin: 0 0 20px 0;
    }

    .respond_registration ul.last_signers li {
        font-size: 12px;
        line-height: 14px;
        padding-right: 15px;
    }

    .respond_registration span.letzt {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .respond_registration span.letzt + br {
        display: none;
    }

    .respond_registration .field + div.block {
        text-align: center;
    }

    .respond_registration .field + div.block input[type="submit"] {
        margin-top: 30px;
    }

    .respond_registration input[type="submit"] {
        border: none;
        padding: 10px 30px;
        color: #fff;
        background-color: #009ba2;
        font-weight: bold;
        text-transform: uppercase;
    }

    .respond_registration input[type="submit"]:hover,
    .respond_registration input[type="submit"]:focus,
    .respond_registration input[type="submit"]:active {
        background-color: #006468;
    }

    .respond_registration ul.last_signers {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .respond_registration input[type="checkbox"],
    .respond_registration input[type="radio"] {
        appearance: none;
    }

    .respond_registration .field.field-checkbox input[type="checkbox"]:before,
    .respond_registration .field.field-radio input[type="radio"]:before {
        width: 14px;
        height: 14px;
        border: 1px solid #000;
        content: '';
        display: flex;
        align-items: flex-end;
        margin-right: 5px;
    }

    .respond_registration .field.field-radio input[type="radio"]:before {
        border: 1px solid #b0b0b0;
        border-radius: 10px;
        background-clip: content-box;
        padding: 3px;
        width: 16px;
        height: 16px;
        display: flex;
    }

    .respond_registration .field.field-radio input[type="radio"]:checked:before {
        background-color: #009ba2;
        border-color: #009ba2;
    }

    .respond_registration .field.field-checkbox input[type="checkbox"]:checked:before {
        content: "✔️";
        /* background-color: #009ba2; */
        border-color: #009ba2;
        color: #fff;
        align-items: center;
    }

    .respond_registration .pflicht {
        margin-top: 20px;
    }

    @media screen and (min-width: 677px) {
        .respond_personendaten {
            column-count: 2 !important;
        }

        .respond_personendaten .field.field-text:first-child {
            column-span: all
        }

        .respond_personendaten .field.field-text input,
        .respond_personendaten .field.field-text select {
            width: 100%;
        }

        .respond_personendaten, .pflicht, .respond_registration .field.field-checkbox, .respond_registration .field.field-radio,
        .respond_registration span.unterstuetz {
            max-width: 500px;
            margin: 0 50px;
        }

        .respond_registration ul {
            margin-right: 40px;
            margin-left: 60px;
        }
    }

    @media screen and (max-width: 677px) {
        .respond_wrapper {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }

    .respond_registration span.unterstuetz {
        margin-bottom: 10px;
    }
}