/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# mmenu overwrites
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# default -
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.mm-listitem a, .mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.mm-listitem__btn {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .4);
    tap-highlight-color: rgba(255, 255, 255, .4);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    tap-highlight-color: var(--mm-color-background-emphasis);
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 54px;
    position: relative
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}
.mm-menu_selected-hover .mm-listitem > .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem > .mm-listitem__text, .mm-menu_selected-parent .mm-listitem > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem > .mm-listitem__text {
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected .mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis);
    /*background: none;*/
}
.mm-listitem_selected > .mm-listitem__text {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis);
    /*background: none;*/
}

.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
    background: rgba(0, 0, 0, .05);
    background: var(--mm-color-background-highlight);
    /*background: none;*/
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# end default
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
html {
    height: auto !important;
}

.mm-menu {
    z-index: 6;
}

body {
    position: relative;
}

#mm-header {
    z-index: 5
}

#mm-min:not(.mm-menu),
#my-menu:not(.mm-menu) {
    display: none;
}

.mm-menu li.active a {
    background: #999;
}
/*
#####
# 11-11-2018 - NEW IN VERSION 7.2.0 - CSS-Variables:
#####
--mm-color-background	$mm_backgroundColor	CSS value	The background-color for the menu.
--mm-color-background-emphasis	$mm_emphasizedBackgroundColor	CSS value	The background-color for emphasized menu items.
--mm-color-background-highlight	$mm_highlightedBackgroundColor	CSS value	The background-color for highlighted menu items.
--mm-color-border	$mm_borderColor	CSS value	The border-color for navbars, menu items, etc.
--mm-color-button	$mm_dimmedTextColor	CSS value	The color for buttons.
--mm-color-text	$mm_textColor	CSS value	The text-color for the menu.
--mm-color-text-dimmed	$mm_dimmedTextColor	CSS value	The text-color for dimmed out elements in the menu.
POSITIONING
--mm-offset-top	$mm_offsetTop	CSS value	Menu top offset.
--mm-offset-right	$mm_offsetRight	CSS value	Menu right offset.
--mm-offset-bottom	$mm_offsetBottom	CSS value	Menu bottom offset.
--mm-offset-left	$mm_offsetLeft	CSS value	Menu left offset.
SIZES
--mm-line-height	$mm_lineHeight	CSS value	The line-height for the menu.
--mm-listitem-size	$mm_listitemSize	CSS value	The height for the menu items.
--mm-navbar-size	$mm_navbarSize	CSS value	The height for the navbars.


#####
# /end 11-11-2018
#####
*/
/*preset:*/
.mm-menu{
    /*--mm-color-background: inherit;*/
    /*--mm-color-background-emphasis: red;*/
    /*--mm-color-background-highlight: red;*/
    /*--mm-color-border: #333333;*/
    /*--mm-color-button: inherit;*/
    /*--mm-color-text: inherit;*/
    /*--mm-color-text-dimmed: inherit;*/
    /*POSITIONING*/
    /*--mm-offset-top: inherit;*/
    /*--mm-offset-right: inherit;*/
    /*--mm-offset-bottom: inherit;*/
    /*--mm-offset-left: inherit;*/
    /*SIZES*/
    /*--mm-line-height: inherit;*/
    /*--mm-listitem-size: inherit;*/
    /*--mm-navbar-size: inherit;*/
}
/*global overrites via css-varables - example min*/
.mm-menu{
    /*--mm-color-background: #fff;*/
    /*--mm-color-background-emphasis: rgba(0,0,0, 0.1);*/
    /*--mm-color-text: #333;*/
    /*--mm-color-text-dimmed: #999;*/
    /*background: #fff !important;*/
}

/*end example min-menu*/

a.mm-btn.mm-btn_next.mm-listitem__btn {
    min-width: 50px;
}
.mm-listitem__btn:not(.mm-listitem__text)  {
    border:inherit;
}
/* # ~~~~~ Hamburger ~~~~~ # */
.hamburger-fixes {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.mm-no-navbar .mm-navbar {
    display: none;
    visibility: hidden;
    line-height: 0 !important;
    height: 0 !important;
}

.mm-no-navbar .mm-panel_has-navbar:before {
    height: 0 !important;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff;
    transition: all .5s;
}

.not-top .hamburger-inner, .not-top .hamburger-inner::before, .not-top .hamburger-inner::after {
    background-color: #ccc !important;
    transition: all .5s;
}

/*all: */
.hamburger.hamburger-background {
    background: rgba(255,255,255, 0.5) !important;
    padding: 15px;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# black transparent theme
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.mm-menu_theme-black-transparent {
    background: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
    color: #fff;
}

.mm-menu_theme-black-transparent .mm-navbar a, .mm-menu_theme-black-transparent .mm-navbar > * {
    color: #fff;
}

.mm-menu_theme-black-transparent .mm-btn:after, .mm-menu_theme-black-transparent .mm-btn:before {
    border-color:  #fff;
}

.mm-menu_theme-black-transparent .mm-listview .mm-btn_next:after {
    border-color:  #fff;
}

.mm-menu_theme-black-transparent .mm-listview a:not(.mm-btn_next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .03);
    tap-highlight-color: rgba(0, 0, 0, .03)
}

.mm-menu_theme-black-transparent .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-black-transparent .mm-listitem_selected > span {
    background: rgba(0, 0, 0, .03)
}

.mm-menu_theme-black-transparent .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-black-transparent .mm-listitem_opened > .mm-panel {
    background: rgba(0, 0, 0, .06)
}

.mm-menu_theme-black-transparent .mm-listitem_divider {
    background: rgba(0, 0, 0, .06)
}

.mm-menu_theme-black-transparent .mm-counter {
    color: #fff;
}
.mm-menu_theme-black-transparent .mm-iconbar {
    background: rgba(0,0,0, 0.8);
}
.mm-menu_theme-black-transparent .mm-iconbar, .mm-menu_theme-black-transparent .mm-iconbar a {
    color: #fff;
}

.mm-menu_theme-black-transparent.mm-menu_keyboardfocus a:focus {
    background: rgba(0, 0, 0, .03)
}

.mm-menu_theme-black-transparent .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-black-transparent .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-black-transparent .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
    background: rgba(0, 0, 0, .03)
}

.mm-menu_theme-black-transparent.mm-menu_shadow-page:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu_theme-black-transparent.mm-menu_shadow-panels .mm-panel {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu_theme-black-transparent .mm-searchfield input {
    background: rgba(0, 0, 0, .06);
    color: rgba(0, 0, 0, .7)
}

.mm-menu_theme-black-transparent .mm-panel__noresultsmsg {
    color: #fff;
}

.mm-menu_theme-black-transparent .mm-sectionindexer a {
    color: #fff;
}

.mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
    background: 0 0
}

.mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
    background: rgba(0, 0, 0, .3);
    transition: all .5s;
}

.mm-menu_theme-black-transparent.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-black-transparent.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
    background: 0 0
}

.mm-menu_theme-black-transparent.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-black-transparent.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
    background: rgba(0, 0, 0, .03)
}

.mm-menu_theme-black-transparent label.mm-check:before {
    border-color: #fff
}

.mm-menu_theme-black-transparent label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu_theme-black-transparent label.mm-toggle:before {
    background: rgba(0, 0, 0, .7);
}
/*color for over:*/
.mm-menu_theme-black-transparent .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-black-transparent .mm-listitem_selected > span {
    background: rgba(204, 0, 25, .9);
}

.mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-black-transparent.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
    background: rgba(204, 0, 25, .9);
    transition: all .5s;
}
.mm-menu_theme-black-transparent li.active a,
.mm-menu_theme-black-transparent .mm-listitem_opened {
    background: #282828;
}

/*submenus*/
.mm-menu_theme-black-transparent ul ul {
    background: #282828;
}
.mm-menu_theme-black-transparent ul ul ul {
    background: #313131;
}
.mm-menu_theme-black-transparent ul ul ul ul {
    background: #3A3A3A;
}
/*... white ...*/

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# white transparent theme
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.mm-menu {
    /*--mm-listitem-size: 500px;*/
    /*--mm-color-background: rgba(255, 255, 255, .5)*/
}
.mm-menu_theme-white-transparent {
    background: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1);
    color: #333;
}

.mm-menu_theme-white-transparent .mm-navbar a, .mm-menu_theme-white-transparent .mm-navbar > * {
    color: #333;
}

.mm-menu_theme-white-transparent .mm-btn:after, .mm-menu_theme-white-transparent .mm-btn:before {
    border-color:  #333;
}

.mm-menu_theme-white-transparent .mm-listview .mm-btn_next:after {
    border-color:  #333;
}

.mm-menu_theme-white-transparent .mm-listview a:not(.mm-btn_next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .03);
    tap-highlight-color: rgba(255, 255, 255, .03)
}

.mm-menu_theme-white-transparent .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-white-transparent .mm-listitem_selected > span {
    background: rgba(255, 255, 255, .03)
}

.mm-menu_theme-white-transparent .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-white-transparent .mm-listitem_opened > .mm-panel {
    background: rgba(255, 255, 255, .06)
}

.mm-menu_theme-white-transparent .mm-listitem_divider {
    background: rgba(255, 255, 255, .06)
}

.mm-menu_theme-white-transparent .mm-counter {
    color: #333;
}
.mm-menu_theme-white-transparent .mm-iconbar {
    background: rgba(255,255,255, 0.8);
}
.mm-menu_theme-white-transparent .mm-iconbar, .mm-menu_theme-white-transparent .mm-iconbar a {
    color: #333;
}

.mm-menu_theme-white-transparent.mm-menu_keyboardfocus a:focus {
    background: rgba(255, 255, 255, .03)
}

.mm-menu_theme-white-transparent .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-white-transparent .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-white-transparent .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
    background: rgba(255, 255, 255, .03)
}

.mm-menu_theme-white-transparent.mm-menu_shadow-page:after {
    box-shadow: 0 0 10px rgba(255, 255, 255, .2)
}

.mm-menu_theme-white-transparent.mm-menu_shadow-panels .mm-panel {
    box-shadow: 0 0 10px rgba(255, 255, 255, .2)
}

.mm-menu_theme-white-transparent .mm-searchfield input {
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .7)
}

.mm-menu_theme-white-transparent .mm-panel__noresultsmsg {
    color: #333;
}

.mm-menu_theme-white-transparent .mm-sectionindexer a {
    color: #333;
}

.mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
    background: 0 0
}

.mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
    background: rgba(255, 255, 255, .3);
    transition: all .5s;
}

.mm-menu_theme-white-transparent.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-white-transparent.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
    background: 0 0
}

.mm-menu_theme-white-transparent.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-white-transparent.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
    background: rgba(255, 255, 255, .03)
}

.mm-menu_theme-white-transparent label.mm-check:before {
    border-color: #333
}

.mm-menu_theme-white-transparent label.mm-toggle {
    background: rgba(255, 255, 255, .1)
}

.mm-menu_theme-white-transparent label.mm-toggle:before {
    background: rgba(255, 255, 255, .7);
}
/*color for over:*/
.mm-menu_theme-white-transparent .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-white-transparent .mm-listitem_selected > span {
    background: rgba(204, 0, 25, .9);
}

.mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-white-transparent.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
    background: rgba(204, 0, 25, .9);
    transition: all .5s;
}
.mm-menu_theme-white-transparent li.active a {
    background: #EDEDED;
}
/*submenus*/
.mm-menu_theme-white-transparent ul ul {
    background: #EDEDED;
}
.mm-menu_theme-white-transparent ul ul ul {
    background: #F3F3F3;
}
.mm-menu_theme-white-transparent ul ul ul ul {
    background: #F9F9F9;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# mm-menu - made in nature style - fullscreen with content
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.mm-menu_theme-min-mmenu .mm-navbar {
    border: none;
}
.mm-menu_theme-min-mmenu .mm-navbar__title {
    display: none !important;
}
.mm-menu_theme-min-mmenu .mm-navbars_top,
.mm-menu_theme-min-mmenu .mm-navbars_bottom{
    border: none;
}
/* left side of the split-screen: */
.mm-menu_theme-min-mmenu .mm-iconbar {
    border: none !important;
    background: none !important;
    width: 50vw !important;
    /*background: #609174 !important;*/

    background: url("https://2018.made-in-nature.de/fileadmin/_min/fotos/mm-beige_libelle-20180715-DSC00261.jpg") !important;
    background-position: center center;
    background-size: cover;
}

/* optimized for small */
@media only screen and (max-width: 900px) {
    .mm-menu_theme-min-mmenu .mm-iconbar {
        width: 10vw !important;;
    }
    .mm-menu_theme-min-mmenu .mm-cardmenu {
        display: none;
    }
}
/* the close Button inside the idonbar */
.mm-menu_theme-min-mmenu .mm-fa-close {
    font-size: 300%;
    font-size: 3.0rem;
    color: white;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

/* bottombar on the right side - under the menu: */
.mm-menu_theme-min-mmenu .mm-navbars_bottom {
    min-height: 10vh;
    background: #fff !important;
}
/* position for the navbar-content */
.mm-menu_theme-min-mmenu .mm-navbars_bottom .mm-navbar{
    padding-left: 50vw !important;
    /*max-width: 300px;*/
    /*height: auto;*/
}
/* optimized for small */
@media only screen and (max-width: 900px) {
    .mm-menu_theme-min-mmenu .mm-navbars_bottom .mm-navbar{
        padding-left: 10vw !important;
        /*max-width: 300px;*/
        /*height: auto;*/
    }
}
/* overrides for navbar-backgrounds */
.mm-menu_theme-min-mmenu .mm-navbar {
    background: #fff !important;
}

/* main menu panel - inside the right screen: */
.mm-menu_theme-min-mmenu .mm-panel {
    padding-left: 50vw;
    padding-right: 10vw;
    padding-top: 2%;
    background: none !important;
}
@media only screen and (max-width: 900px) {
    .mm-menu_theme-min-mmenu .mm-panel {
        padding-left: 1rem;
        padding-right: 1rem;
        max-height: inherit;
        padding-top: 0;
        background: none !important;
    }
}

/* now the main ul-menu inside mm-panel::*/
/* normal links */
.mm-menu_theme-min-mmenu .mm-listview li a,
.mm-menu_theme-min-mmenu .mm-listview li a.mm-btn_next {
    text-transform: uppercase;
    font-size: 200%;
    font-size: 2.0rem;
    padding: 0.1em 2em;
    background: #F9F9F9;
    border-bottom: .5rem solid white;
}
/* only the arrow-area */
.mm-menu_theme-min-mmenu .mm-listview li a.mm-btn_next {
    max-width: 50px;
    border-left: 10px solid white;
}

/* active state: */
.mm-menu_theme-min-mmenu .mm-listview li.active a.mm-listitem__btn {
    background: #CDE0E8 !important;
}
/* the counter: */
.mm-menu_theme-min-mmenu .mm-counter {
    color: #666;
}

/* global default overrides - links normal state */
.mm-menu_theme-min-mmenu .mm-menu_selected-hover .mm-listitem > .mm-listitem__btn,
.mm-menu_theme-min-mmenu .mm-menu_selected-hover .mm-listitem > .mm-listitem__text,
.mm-menu_theme-min-mmenu .mm-menu_selected-parent .mm-listitem > .mm-listitem__btn,
.mm-menu_theme-min-mmenu .mm-menu_selected-parent .mm-listitem > .mm-listitem__text {
    background: #F9F9F9;
    transition: all 1s;
}
/* active item only link: */
.mm-menu_theme-min-mmenu .mm-listview li.active a {
    background: #FAF2D6 !important;
}
/*typo3 spacer*/
.mm-menu_theme-min-mmenu .spacer.mm-listitem .mm-listitem__text {
    background: none;
}

/* global default overrides - links hover state */
.mm-menu_theme-min-mmenu .mm-menu_selected-hover .mm-listitem__btn:hover,
.mm-menu_theme-min-mmenu .mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis);
    background:  #EDEDED;
    /*background: none;*/
    transition: all 1s;
}
/* class for the a-tag*/
.mm-menu_theme-min-mmenu .mm-listitem_selected > .mm-listitem__text {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis);
    background: #EDEDED;
    /*background: none;*/
    transition: all 1s;
}

.mm-menu_theme-min-mmenu .mm-navbar__btn:first-child {
    text-align: left;
    left: 50vw;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# presets:
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*mmenu*/
/*.hamburger {*/
/*display: flex;*/
/*align-items: center;*/
/*}*/
/*.hamburger-label {*/
/*font-weight: bold;*/
/*padding-right: 10px;*/
/*display: inline-block;*/
/*}*/
/*
@media only screen and (min-width: 640px) {
    .mm-panels {
        background-image: url("/fileadmin/fotos/Theme-Images/moab/bg/20160516-DSC05791.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center;
        background-size: cover;
    }
    .mm-panels .mm-panel {
        background: none !important;
    }
    .mm-navbar,
    .mm-menu ul {
        max-width: 768px;
        margin: 0 auto;
    }
}
*/
@media only screen and (max-width: 40.063em) {
    .mm-panels {
        max-width: 99vw;
    }
}