/*
 Theme Name:   Mondo del Caffè 2015
 Theme URI:    http://mondodelcaffe.de/
 Description:  Mondo del Caffè Theme
 Author:       Polybytes Media
 Author URI:   http://polybytes.de
 Template:     mondo
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         mondodelcaffe
 Text Domain:  mondodelcaffe
*/

/* --- General -------------------------------------------------------- {{{1 */
/* --- font face ------------------------------------------------------ {{{2 */
/* --- Open Sans ------------------------------------------------------ {{{3 */

@font-face
{
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular.woff')       format('truetype'),
         url('fonts/OpenSans-Regular.ttf')        format('truetype'),
         url('fonts/OpenSans-Regular.otf')        format('opentype');
    font-style: normal;
    font-weight: 400;
}

@font-face
{
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff')       format('truetype'),
         url('fonts/OpenSans-Bold.ttf')        format('truetype'),
         url('fonts/OpenSans-Bold.otf')        format('opentype');
    font-style: normal;
    font-weight: 700;
}

@font-face
{
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light.woff')       format('truetype'),
         url('fonts/OpenSans-Light.ttf')        format('truetype'),
         url('fonts/OpenSans-Light.otf')        format('opentype');
    font-style: normal;
    font-weight: 300;
}

/* --- Bebas Neue ----------------------------------------------------- {{{3 */

@font-face
{
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue_Regular.eot');
    src: url('fonts/BebasNeue_Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue_Regular.woff') format('woff'),
         url('fonts/BebasNeue_Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
}

@font-face
{
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue_Bold.eot');
    src: url('fonts/BebasNeue_Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue_Bold.woff') format('woff'),
         url('fonts/BebasNeue_Bold.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
}

@font-face
{
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue_Light.eot');
    src: url('fonts/BebasNeue_Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue_Light.woff') format('woff'),
         url('fonts/BebasNeue_Light.otf') format('opentype');
    font-style: normal;
    font-weight: 300;
}
*/

/* --- layout --------------------------------------------------------- {{{2 */

#page,
#pageHeader,
#pageFooter
{
    box-shadow: 0px 0px 12px 2px #3D332B
}

h1
{
    font-size: 2em;
    font-weight: bold;
    color: #e4ba7d;
}

html
{
    background:url(library/images/bg-kopie.jpg) no-repeat center top fixed;
    background-size:cover!important;
    color:#FFF;
}

html, body
{
    font-family: 'OpenSans', 'Open Sans', sans-serif;
    font-weight:lighter;
    font-size:15px;
}

body:before
{
    position: fixed;
    display: block;
    content: ' ';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.4);
    z-index: -100;
}


#page
{
    width:1024px;
    background-image:none;
    background-color: white !important;
    padding-bottom:0;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    font-weight:400;
    overflow:hidden;
    clear:both;
    border-color:#000;
    border-style:none;
}

.blur-bg
{

    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
}

#main
{
    font-weight:400;
    padding: 1em;
}

#main a
{
    color:#e4ba7d;
}

.leave /* leaf */
{
    background:url(library/images/icon-nachhaltigkeit.png) no-repeat center top scroll;
}


/* --- wordpress ------------------------------------------------------ {{{3 */

a img.aligncenter
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.wp-caption
{
    background:#fff;
    border:1px solid #f0f0f0;
    max-width:96%;
    text-align:center;
    padding:5px 3px 10px;
}

.wp-caption.alignright
{
    margin:5px 0 20px 20px;
}

.wp-caption img
{
    border:0 none;
    height:auto;
    max-width:98.5%;
    width:auto;
    margin:0;
    padding:0;
}

.wp-caption p.wp-caption-text
{
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.wp-prev-next
{
    width:100%;
    color:black;
}

.wp-prev-next ul
{
    width:100%;
    margin-left:-1em;
    padding-bottom:1em;
}

.alignnone,a img.alignnone,.wp-caption.alignnone,.wp-caption.alignleft
{
    margin:5px 20px 20px 0;
}

.aligncenter,div.aligncenter,.aligncenter
{
    display:block;
    margin:5px auto;
}

.alignright,a img.alignright
{
    float:right;
    margin:5px 0 20px 20px;
}

.alignleft,a img.alignleft
{
    float:left;
    margin:5px 20px 20px 0;
}

.attachment-blog
{
    width:100%;
    height:auto;
}

.category-blog
{
    border-bottom: 1px solid #5c4d41;
    padding:30px;
}

/* --- Header --------------------------------------------------------- {{{1 */
/* --- layout --------------------------------------------------------- {{{2 */

#pageHeader
{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#5D4C42;
    height:430px;
}

#title
{
    width:294px;
    font-weight:lighter;
    float:left;
    height:80px;
    text-align:center;
    font-size:25px;
    line-height:80px;
}

#title a,#menu-hauptmenue a
{
    text-decoration:none;
    color:#FFF;
}

#headaddress
{
    position:absolute;
    height: 80px;
    text-align: center;
    width:265px;
    font-size: 10px;
}

#headaddress a
{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: inherit;
}

#headaddress address
{
}

.main-header
{
    margin:30px;
}

/* --- navigation ----------------------------------------------------- {{{2 */

#headnav
{
    width:759px;
    background-color:#F5F5F5;
    float:left;
    height:80px;
    position:absolute;
    margin-left:265px;
}

#headnav .links
{
    float: left;
    padding: 0;
    overflow: hidden;
    margin: 0;
    width: 620px;
    height: 80px;
}

#headnav .links li
{
    float:right;
    padding:12px;
    list-style-type: none;
    margin-top: 18px;
}

#headnav .links .last
{
    clear:none;
}

#headnav a
{
    color: #e4ba7d!important;
    text-decoration:none;
}

#headwrapper
{
    position:relative;
    top:80px;
    display:block;
    width:100%;
    height:350px;
}

#headnav .store-switcher
{
    overflow: hidden;
    width: 100px;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}

#headnav .store-switcher .country
{
    width: 30px;
    float: left;
    opacity: 0.5;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#headnav .store-switcher .country:hover
{
    opacity: 1;
}

#headnav .store-switcher .country.focus
{
    opacity: 1;
}

#headnav:after,header:after
{
    clear:both;
}

/* --- store switcher ------------------------------------------------- {{{2 */

.store-switcher-overlay
{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background: rgba(43, 34, 29, 0.85);

}

.store-switcher-overlay .store-switcher-overlay-content
{
    position: absolute;
    width: 600px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -300px;
    background: white;
    padding: 30px;
    z-index: 1000000;
    color: #450e00;
    border-radius: 12px;
    box-shadow: inset 0 1px 3px 2px rgba(102, 86, 74, 0.8);
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector
{
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country-title
{
    text-align: center;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country-title h1
{
    margin-top: 0;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country-container
{
    overflow: hidden;
    width: 450px;
    margin: auto;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country
{
    float: left;
    margin: 0 10px;
    width: 130px;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country-img
{
    width: 50px;
    margin: auto;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .country-img img
{
    width: 100%;
}

.store-switcher-overlay .store-switcher-overlay-content .storeSelector .description
{
    clear: both;
    padding: 1em;
    color: #b30000;
    margin-top: 2em;
    font-weight: bold;
    font-size: 0.8em;
}

/* --- customer menu -------------------------------------------------- {{{2 */

#headnav .customerMenue
{
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    background-color: #5c4d41;
    top: 60px;
    padding: 0 0 0 12px;
}

#headnav .customerMenue li
{
    width: 100%;
    border-top-color: #66564a;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 12px 0 12px 12px;
    margin: 0 !important;
}

#headnav .customerMenue a
{
    color: #FFF !important;
}

#headnav .customerMenue a:hover
{
    color: #bbbbbb !important;
}

#headnav #userKonto:hover ul
{
   visibility: visible;
}

/* --- search form ---------------------------------------------------- {{{2 */

#headnav #searchform
{
    margin: 0;
    overflow: hidden;
    margin-top: -9px !important;
    border-style: solid;
    padding: 6px;
    border-radius: 16px;
}

#headnav #searchform input[type="text"]
{
    width: 14em;
    height: 20px;
    float: left;
    border: 0;
    padding: 0;
    color: rgba(255,255,255, 0);
    background: none !important;
    color: #634319;
    margin: 0;
}

#headnav #searchiconcontainer
{
    width: 20px;
    height: 20px;
    padding-left: 10px;
    float: left;
}

/* --- slider --------------------------------------------------------- {{{2 */

header .cycloneslider-pager
{
    top: 10px !important;
    left: 100px !important;
    z-index: 2000 !important;
}

header .cycloneslider-pager span{
    background-color: white !important;
    opacity:0.5;
    filter:alpha(opacity=50);
}

header .cycloneslider-pager .cycle-pager-active
{
    background-color: white !important;
    opacity:1;
    filter:alpha(opacity=100);
}

header .cycloneslider-pager span
{
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
}

header .cycloneslider-caption
{
    bottom: 0 !important;
    right: 0 !important;
    left: initial !important;
    color:white !important;
    margin-left:295px;
    background: none repeat scroll 0 0 rgba(61, 51, 43, 0.7) !important;
    width: 430px !important;
    opacity: 1 !important;
    font-weight: bold;
    #text-shadow: 1px 1px 5px rgb(50,50,50);
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#header .cycloneslider:hover .cycloneslider-caption
{
    opacity:0.7 !important;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

header .cycloneslider-prev
{
    margin-left:295px;
}

footer .cycloneslider
{
    border-top: 1px solid silver;
}


.logo-slider
{
    width:1024px!important;
}

#slider
{
    display:block;
    position:absolute;
    z-index:500;
    width:100%;
    height:350px;
    overflow: hidden;
}

#slider img
{
    position:absolute;
    width:100%;
    height: auto;
}

.slider-controls
{
    visibility:hidden;
    display:none;
}



/* --- logo ----------------------------------------------------------- {{{2 */

#logo
{
    width:265px;
    height:350px;
    z-index:1000;
    position:absolute;
    background:rgba(255,255,255,.4);
    text-align:center;
    display:table;
}

#logo div
{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    padding:20%;
}

.logo-img
{
    vertical-align:middle;
    line-height:100px;
    padding-left:1em !important;
    padding-right:1em !important;
    float:left;
    margin:auto 12px !important;
}

#logo div img,.versand-logo img
{
    width:100%;
}

/* --- Content -------------------------------------------------------- {{{1 */
/* --- main ----------------------------------------------------------- {{{2 */

#content
{
    position:relative;
    width:759px;
    float:left;
    box-sizing: border-box;
    padding: 1em 1.5em 5em 1.5em;
    background: #3D332B;
    /* make sure contents stays scrollable... */
    padding-bottom:100000px;
    margin-bottom:-100000px;
}

#content header
{
    position:relative;
    width:100%;
    background-color:transparent;
}

#content footer
{
    position:relative;
    width:100%;
}

#content.shop #main
{
    padding: 0em;
}

#content article#main section,
#content #main > article section
{
    padding: 1em 2em;
    margin-bottom: 1em;
}

#content article#main section,
#content #main > article section,
#content article#main section + footer,
#content #main > article section + footer
{
    background: #5C4D41;
}

/* --- panel ---------------------------------------------------------- {{{2 */

#panel
{
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -180px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
}

/* --- newsletter ----------------------------------------------------- {{{2 */

#content #main .newsletter-manage
{
    overflow: hidden;
    clear: both;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

#content #main .newsletter-manage .newsletter-box
{
    float: left;
    width: 335px;
}

/* --- maps ----------------------------------------------------------- {{{2 */

#content .maps
{
    overflow: hidden;
    border: 1px solid #3D332B;
    position: relative;
    height: 400px;
}

#content .maps iframe
{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#content .maps iframe + small
{
    display: none;
}


#content .map-places
{
    overflow: hidden;
    clear: both;
    width: 100%;
}

#content .map-places .map-place
{
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 1em;
    margin: 1.5em 0;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

#content .map-places .map-place .map-tooltip
{
    visibility: hidden;
    background: white;
    text-align: center;
    color: #3D332B;
    border-top: 1px solid #3D332B;
}

#content .map-places .map-place:hover
{
    background: #3D332B;
    cursor: pointer;
}

#content .map-places .map-place:hover .map-tooltip
{
    visibility: visible;
}

#content .map-places .map-place.odd
{
    border-right: 1px solid #3D332B;
}

#content .map-places .map-place .map-place-desc
{
    min-height: 14em;
}

#content .map-places .map-place .map-link
{
    padding-bottom: .5em;
    padding-top: .75em;
}

#content .map-places .map-place .map-title
{
    padding-bottom: .5em;
    font-weight: bold;
}

#content .map-places .map-place .map-title h2
{
    margin-bottom: 0;
    font-size: 1.2em;
}

#content .map-places .map-place .map-adress,
#content .map-places .map-place .map-opening
{
    padding: .25em;
}

/* --- partner -------------------------------------------------------- {{{2 */

#partner_wrapper .one_half img
{
    box-shadow: 0px 0px 5px 2px black;
    border-radius: 3px;
    width:75%;
}

#partner_wrapper .one_half
{
    width:45%;
    margin:0 auto;
    padding:2%;
    text-align:center;
}
#content .partner-container
{
    overflow: hidden;
    clear: both;
    width: 700px;
}


#content .partner-container .partner-kategorie
{
    overflow: hidden;
    clear: both;
    width: 680px;
    padding: 10px;
}

#content .partner
{
    width: 320px;
    height: 230px;
    float: left;
    padding: 10px;
    text-align: center;
}

#content .partner .partner-image
{
    padding-top: 10px;
    width: 340px;
    height: 200px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#content .partner .partner-image img
{
    max-width:100%; max-height:100%;
    vertical-align: middle;
    text-align: center;
}

#partners_table
{
	padding: 0px 6px 0px 6px;
}
#partners_table td
{
	padding: 5px 23px 5px 23px;

}

/* --- social --------------------------------------------------------- {{{2 */

#social-logos
{
    position:absolute;
    top:5px;
    right:5px;
    z-index:9999;
}

#social-logos img
{
    height:100% !important;
}


#social-logos div:hover
{
    opacity:1;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#social-logos div
{
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity:0.5;
    width:40px;
    height:40px;
    float:left;
    padding:5px;
}

#footerSocial
{
    position:relative;
    display:block;
    height:400px;
}

#footerSocial .fb-like-box
{
    z-index:1999;
    position:relative;
    display:block;
    height:100%;
    margin-left:265px;
    width:759px;
    background-color: white;
}

#footerSocial .fb-like-box > iframe
{
    height: 100% !important;
}

/* --- network -------------------------------------------------------- {{{2 */

#network
{
    overflow: hidden;
    position:absolute;
    width:120px;
    height:415px;
    background:rgba(255,255,255,.6);
    opacity:0.7;
    margin-left:1024px;
    text-align:center;
    padding-top:1em;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

#network.hide-network
{
    margin-left: 904px;
}

#network p
{
    color:#5C4D41;
    font-size:13px;
    text-align:center;
    opacity:0.9!important;
}

#network img
{
    padding-bottom:10px;
    padding-top:5px;
    opacity:0.9!important;
}

#network-button
{
    position: absolute;
    width: 30px;
    height: 90px;
    background: rgba(255,255,255,.6);
    opacity: 0.7;
    margin-left: 1144px;
    text-align: center;
    top: 180px;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

#network-button:hover
{
    background: rgba(255,255,255,.9);
}

#network-button img
{
    width: 20px;
    margin-top: 35px;
    height: 20px;
    content:url('images/pfeil_links.png');
}

#network-button.hide-network
{
    margin-left: 1024px;
}

#network-button.hide-network img
{
    width: 20px;
    height: 20px;
    content:url('images/pfeil_rechts.png');
}

/* --- customers ------------------------------------------------------ {{{2 */

#kunden
{
    position:relative;
    display:block;
    height:120px;
}

#kunden *{
    background-color:#f5e8d7;
    list-style: none;
}

/* --- versand -------------------------------------------------------- {{{2 */

.versand-logo
{
    float: left;
    width: 80px;
    height: 80px;
    padding: 5px;
}

/* --- mitarbeiter ---------------------------------------------------- {{{2 */

#content .mitarbeiter-kategorie .mitarbeiter
{
    border-top: 1px solid silver;
    text-align: left;
    margin: 20px;
    color:white;
    overflow: hidden;
    clear: both;
    padding-top: 1em;
}

#content .mitarbeiter-kategorie .mitarbeiter.first
{
    border: 0;
    margin-top: 0;
}

#content .mitarbeiter-kategorie .mitarbeiter .mitarbeiter-image
{
    max-width: 165px;
    max-height: 165px;

    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0px 0px 5px 1px black;
    -webkit-box-shadow: 0px 0px 5px 1px black;
    box-shadow: 0px 0px 5px 1px black;
    margin: 5px;
    float: left;
}


#content .mitarbeiter-kategorie .mitarbeiter .mitarbeiter-image img
{
    width: 100%;
    height: auto;
}

#content .mitarbeiter-kategorie .mitarbeiter .mitarbeiter-content
{
    margin-left: 195px;
}

#content .mitarbeiter-kategorie .mitarbeiter .mitarbeiter-content address
{
    margin: 0;
    white-space: pre;
}

#content .mitarbeiter-kategorie .mitarbeiter .mitarbeiter-content .mitarbeiter-ressort
{
    font-style: italic;
    font-size: small
}

/* --- veranstaltung -------------------------------------------------- {{{2 */

.veranstaltung
{
    text-align: justify;
    overflow: auto;
}

.veranstaltung img
{
    float:left;
    margin: 0 15px 15px 0;
}

.veranstaltung a
{
    text-decoration: none;
}

/* --- events --------------------------------------------------------- {{{2 */

#event_meta
{
    font-size: smaller;
}

#event_nav
{
    color:white;
    padding:30px;
    float:right;
}

/* --- whitepage ------------------------------------------------------ {{{2 */

#content.whitepage
{
    background-color: white;
    color: #5c4d41;
}

#content.whitepage article#main section,
#content.whitepage #main > article section,
#content.whitepage article#main section + footer,
#content.whitepage #main > article section + footer
{
    background: none;
}

#content.whitepage h1
{
    font-family: 'BebasNeue', 'Bebas Neue', 'OpenSans', sans-serif;
    color: #5c4d41;
    font-size: 2.5em;
}

/* --- navigation ----------------------------------------------------- {{{1 */
/* --- general -------------------------------------------------------- {{{2 */

.navigation
{
    float:left;
    width:265px;
    background-color:#5C4D41;
    position:static;
    height:100%;
    float:left;
    padding-bottom:100000px;
    margin-bottom:-100000px;
}

/* --- main menu ------------------------------------------------------ {{{2 */

#menu-hauptmenue
{
    position:static;
    list-style-type:none;
    display:block;
    width:100%;
    line-height:3em;
    text-align:center;
    font-style:inherit!important;
    -webkit-margin-before:0!important;
    padding:0;
    margin:0;
}

#menu-hauptmenue-container
{
    position: static;
}

#menu-hauptmenue li ul
{
    font-size:.9em!important;
    display:none;
    padding:0;
}

#menu-hauptmenue li strong
{
    font-weight:inherit;
}

#menu-hauptmenue li ul li
{
    background-color:#7a6757;
    list-style-type:none;
    padding:0;
}

#menu-hauptmenue .current-menu-item ul,
#menu-hauptmenue .current-menu-ancestor ul,
#menu-hauptmenue li:hover ul
{
    display:block;
}

ul .current-menu-item a
{
    color:#eca341;
}

ul .current-menu-item li a
{
    color:#FFF;
}

#menu-hauptmenue li
{
    background-color:#5c4d41;
    list-style-type:none;
    display:block;
    border-top-style:solid;
    border-top-color:#66564a;
    border-top-width:1px;
    padding:0;
}


.menu-item a:hover
{
    opacity: 0.5;
}


#menu-hauptmenue.menu .menu-item
{
    text-align: left;
}

#menu-hauptmenue.menu .menu-item.current-menu-item > a,
#menu-hauptmenue.menu .menu-item.current-menu-parent > a,
#menu-hauptmenue.menu .nav-container .active > a
{
    font-weight: bold;
}

#menu-hauptmenue.menu .menu-item.current-menu-item ul.sub-menu,
#menu-hauptmenue.menu .menu-item.current-menu-parent ul.sub-menu
{
    display: block!important;
}

#menu-hauptmenue.menu .menu-item.menu-item-has-children > a
{
    background: url(/shop/skin/frontend/mondo/default/images/pfeil_rechts.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#menu-hauptmenue.menu .menu-item.menu-item-has-children.current-menu-parent > a,
#menu-hauptmenue.menu .menu-item.menu-item-has-children.current-menu-item > a
{
    background-image: url(/shop/skin/frontend/mondo/default/images/pfeil_unten.png);
}

#menu-hauptmenue.menu > .menu-item > a
{
    padding-left: 2em;
    margin-left: 1.5em;
}

#menu-hauptmenue.menu .menu-item > a *
{
    padding: 0;
}

#menu-hauptmenue.menu .menu-item .sub-menu li
{
    padding-left: 5.5em;
}

/* --- menu item (shop) ----------------------------------------------- {{{2 */

#menu-item-64
{
    background-color: white !important;
    border-top: 1px solid #5C4D41;
}

#menu-item-64 > a
{
    color: #5c4d41 !important;
    background-image: none !important;
    font-weight: bold;
}

/* --- footer --------------------------------------------------------- {{{1 */
/* --- general -------------------------------------------------------- {{{2 */

footer
{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
}

#pageFooter
{
    position:relative;
    min-height:200px;
    overflow:auto;
    background:rgba(61,51,34,.6);
}

/* --- footer navigation ---------------------------------------------- {{{2 */

#foodNav
{
    font-size:12px;
    font-weight:400;
    width:100%;
}

#foodNavLinks
{
    width:100%;
    float:left;
    position:relative;
}

#foodNavLinks a
{
    color:#F5E8D7;
    text-decoration:none;
}

#foodNavLinks ul
{
    overflow:hidden;
}

#foodNavLinks ul li
{
    width:14%;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

#foodNavLinks ul li li
{
    width:100%;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

/* --- footer menu ---------------------------------------------------- {{{2 */

#menu-footer-menue
{
    padding:1em;
    text-align: center;
    width:75%;
    margin:0 auto;
}

#menu-footer-menue .menu-item
{
    color:#e4ba7d;
    margin:0 10px;
}

#menu-footer-menue .menu-item a
{
    font-weight:700;
    color:#e4ba7d!important;
}

#menu-footer-menue .sub-menu .menu-item
{
    margin:0;
}

#menu-footer-menue .sub-menu .menu-item a
{
    font-weight:400!important;
    color:#f5e8d7!important;
}

#menu-footer-menue li a
{
    color:#f5e8d7;
    text-decoration:none;
}

#menu-footer-menue li,.wp-prev-next ul li
{
    list-style:none;
}

/* --- footer shipping ------------------------------------------------ {{{2 */

#footerShipping
{
    position:relative;
    width:265px;
    height:230px;
    float:left;
    padding:40px;
    box-sizing: border-box;
}

#footerShipping h3
{
    font-size:1em;
}



/* --- support -------------------------------------------------------- {{{1 */
/* --- general -------------------------------------------------------- {{{2 */

/* --- support button ------------------------------------------------- {{{2 */

#supportWrapper
{
    background-color: rgba(61, 51, 43,.8);
    left: 50%;
    margin: 0 0 0 -512px;
    padding: 0px;
    position: fixed;
    top: 0;
    width: 1024px;
    z-index: 100000;
}

#supportButton
{
    background-color: #E3001A;
    border-radius:0px 0px 0px 0px ;
    color: white;
    height: 50px;
    left: -100px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 138px;
    width: 150px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#supportButton a
{
    color: white;
    text-decoration: none;
    font-weight: bolder;
}

/* --- support form --------------------------------------------------- {{{2 */

#supportOutput
{
    display: none;
    height: 100vh;
    color: #5c4d41;
    background: rgba(255,255,255,0.7);
    padding-bottom: 2em;
}

#supportOutput,
#supportOutput #supportExit
{
    box-sizing: border-box;
    width: 100vw;
    max-width: 1024px;
    min-width: 700px;
    overflow: hidden;
    margin: 0 auto;
}

#supportOutput,
#supportOutput *
{
    box-sizing: border-box;
}

#supportOutput:before
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(92,77,65,0.7);
    content: '';
    display: block;
    z-index: -1;
}

#supportOutput #supportExit
{
    position: absolute;
    top: 0;
    font-family: cursive;
    font-size: 2rem;
    font-weight: bold;
    color: inherit;
    text-align: right;
    padding: 0 8rem 0 4rem;
}

#supportOutput #supportExit a
{
    color: inherit;
    text-decoration: none;
}

#supportOutput #supportExit a:hover
{
    color: inherit;
    text-decoration: underline;
}


#supportOutput > .wpcf7
{
    width: auto;
    margin: 0 6rem;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding: .5em;
    background: whitesmoke;
}

#supportOutput h2,
#supportOutput #supportExit
{
    margin-top: .5rem;
}

#supportOutput h2
{
    border-bottom: 1px solid black;
}


#supportOutput .required:after
{
    content: ' *';
    display: inline;
    color: red;
}

#supportOutput p.required
{
    font-size: x-small;
    position: absolute;
    right 0;
    top: 4em;
}


#supportOutput fieldset
{
    border: 1px solid #ccc;
    margin-top: 1em;
    overflow: hidden;
    position: relative;
}

#supportOutput fieldset legend
{
    font-size: smaller;
}

#supportOutput fieldset label
{
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.2em;
}

#supportOutput fieldset > div
{
    width: 48%;
    margin: .25em 1%;
    float: left;
    min-height: 4em;
}

#supportOutput fieldset > div input,
#supportOutput fieldset > div select,
#supportOutput fieldset > div button,
#supportOutput fieldset > div textarea
{
    width: 100%;
}


#supportOutput fieldset > div.captcha > img
{
    display: block;
    width: 80px;
    float: left;
    margin-top: .25em;
}

#supportOutput fieldset > div.captcha > img + span
{
    display: block;
    margin-left: 90px;
}


#supportOutput fieldset > div.submit
{
    position: absolute;
    bottom: 0.75em;
    right: 1%;
    width: 47%;
}

#supportOutput fieldset > div.submit input[type="submit"]
{
    padding: .75em 1em;
}


#supportOutput fieldset .wpcf7-form-control-wrap
{
    padding: .25em;
    padding-bottom: 1em;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

#supportOutput fieldset .wpcf7-form-control-wrap .wpcf7-not-valid-tip
{
    font-size: smaller;
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
}

#supportOutput div.wpcf7-response-output
{
    padding: .5em 1em;
    background: #2996CC;
    border: 1px solid #3BA8DE;
    color: white;
    font-weight: bolder;
}

#supportOutput div.wpcf7-response-output.wpcf7-mail-sent-ok
{
    background-color: #5CC512;
    border-color: #9FCF9F;
}

#supportOutput div.wpcf7-response-output.wpcf7-validation-errors
{
    background-color: #E52817;
    border-color: #D00;
}



/* --- diverse -------------------------------------------------------- {{{1 */
/* --- title ---------------------------------------------------------- {{{2 */

.tile
{
    float:left;
    box-sizing: border-box;
    padding: 0px 1em 0px 1em;
}

.tile_container
{
    width: 100%;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    margin: 1em 0px 1em 0px
}

.tile.eindrittel
{
    width:33.3333%;
}

.tile.halb
{
    width:50%;
}

.tile.zweidrittel
{
    width:66.6666%;
}

.tile.voll
{
    width:100%;
}

.tile_text_container
{
    box-sizing: border-box;
    padding: 2em 2em 1em 2em;
    background: rgba(92,77,65,0.3);
    text-shadow: 2px 2px 2px black;
    text-align: justify;
}

.tile_text_container.links
{
    padding-left: 1em;
}

.tile_text_container.rechts
{
    padding-right: 1em;
}

.tile_title
{
    font-family: 'BebasNeue';
    letter-spacing: 1.2px;
    margin:0;
    margin-bottom:1em;
    text-transform: uppercase;
    overflow-wrap: break-word;
    color: white;
    font-size: 2em !important;
    text-align: left;
}

.tile_content
{
    overflow-wrap: break-word;
    margin: 0px;
}

.tile_image_container.rechts
{
    float: right;
    max-width: 35%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.tile_image_container.links
{
    float:left;
    max-width: 35%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.tile_text_container.rechts
{
    width:65%;
}

.tile_text_container.links
{
    width:65%;
}

.tile_image_container.mittig
{
    float: none;
    width: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.tile_image_container.links > img,
.tile_image_container.rechts > img,
.tile_image_container.mittig > img
{
    visibility: hidden;
}

.tile_text_container.links
{
    float:right;
}

.tile_text_container.rechts
{
    float:left;
}

.tile_text_container.mittig
{
    float:none;
    width:100%;
}

.tile_container.eindrittel .tile_image_container.mittig .tile_image.mittig
{
    margin:0 10%;
}

.tile_container.hell
{
    background-color: #b99e81;
    background: linear-gradient(135deg, #b99e81 0%,#dcbb9a 100%);
}

.tile_container.dunkel
{
    background-color: #41372e;
    background: linear-gradient(135deg, #41372e 0%, #5f4f42 100%);
}

.tile_row
{
    overflow: hidden;
    float: left;
    width: 100%;
}

.tile .tile_menu
{
    clear: both;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 1em 0 1em 0;
    background: rgba(92,77,65,0.5);
    border-top: 1px solid rgba(255,255,255,0.5);
    font-weight: bold;
}

.tile_link
{
    color: white !important;
    text-decoration: none;
}

.tile .menu
{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: table-row;
}

.tile .menu li
{
    padding: 0;
    display: table-cell;
    text-align: center;
}

.tile .menu > li > a
{
    color: white !important;
    text-decoration: none;
    font-family: 'BebasNeue';
    letter-spacing: 1.2px;
    font-size: 1.2em;
}

.tile_container.hell.tile_vollbild
{
    background-size: cover;
    background-position: top center;
    background-color: #b99e81;
}

.tile_container.dunkel.tile_vollbild
{
    background-size: cover;
    background-position: top center;
    background-color: #41372e;
}

.tile.eindrittel .tile_container
{
    padding: 1em;
    font-size: 12px;
}

.tile.eindrittel .tile_container:hover
{
    background: whitesmoke !important;
}

.tile.eindrittel .tile_text_container
{
    text-align: left;
    height: 12em;
}

.tile.eindrittel h2.tile_title
{
    font-size: 1.2em !important;
}

/* --- tooltip -------------------------------------------------------- {{{2 */

.tooltip:hover:before
{
    background: #333;
    background: rgba(0,0,0,1);
    top:30px;
    color: #fff;
    content: attr(title);
    padding: 8px 15px;
    position: absolute;
    text-align: center;
    z-index: 100000 !important;
    width: 130px;
}

/* --- mondo block ---------------------------------------------------- {{{2 */

.mondoBlock
{
    /*background-color:#675548;*/
    color:#FFF;
    width:100%;
    margin-left:-1em;
    padding:1em;
    border-bottom: 1px solid #5c4d41;
    border-top: 1px solid #5c4d41;


}

.mondoBlock a img
{
    filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
    transition:all 0.3s linear;
}

.mondoBlock a img:hover
{
    filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

/* --- image wrapper -------------------------------------------------- {{{2 */

#image_wrapper
{
    width:100%;
    height:200px;
    overflow: hidden;
    margin-bottom:20px;
}

/* --- tag cloud ------------------------------------------------------ {{{2 */

.tag-cloud
{
    text-align: center;
    width:auto;
    padding: 1em;
    margin:0 30px 0 30px;
    color: #e4ba7d !important;
    border-radius: 0px 0px 5px 5px;
    background: #5c4d41 !important;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index:100;
    overflow: hidden;
}

.tag-cloud a
{
    text-decoration: none;
    color: #e4ba7d !important;
}

.tag-cloud a:hover
{
    text-shadow: 0px 0px 1px white;
}

.tags
{
    padding:0 0.7em;
    border-radius:5px 5px 0px 0px;
    position:relative;
    bottom:-45px;
}

/* --- buttons -------------------------------------------------------- {{{2 */

button,
.button
{
    background: #5c4d41;
    border: 1px solid #5c4d41;
    border-radius: 5px;
    color: #FFF!important;
    cursor: pointer;
    font-size: 1em;
    margin-top: 2em;
    margin-right: .5em;
    padding: .25em 1em;
    text-decoration: none;
}

button:active,
.button:active
{
    box-shadow: inset 0 1px 3px 2px rgba(0, 0, 0, 0.4);
}

button:hover,
button:active,
.button:hover,
.button:active
{
    background: #7a6757;
}

button.button
{
    padding: .5em 1em;
}

#content #main .newsletter-manage .button,
#content #main .map-places .button
{
    background: #5c4d41;
    border: 1px solid #5c4d41;
    border-radius: 8px;
    box-shadow: inset 0 1px 3px 2px rgba(122, 103, 87, 0.4);
    color: #FFF!important;
    cursor: pointer;
    font-size: 1em;
    margin-left: .5em;
    margin-right: .5em;
    padding: .25em 1em;
    text-decoration: none;
}

/* --- wpcf7 ---------------------------------------------------------- {{{2 */

.wpcf7-form-control-wrap > #url
{
    visibility: hidden;
    display: block;
    height: 0;
    position: absolute;
}

/* --- description ---------------------------------------------------- {{{2 */

.description > span
{
    width: 33.3333%;
    display: block;
    float: left;
    font-family: 'BebasNeue';
    margin-top: 13px;
    font-size: 1.3em;
    font-weight: bold;
}

.description > .start
{
    text-align: left;
}

.description > .mitte
{
    text-align: center;
}

.description > .ende
{
    text-align: right;
}

/* --- google maps ---------------------------------------------------- {{{2 */

.googleMaps
{
    margin-left:-1em;
}

/* --- diverse -------------------------------------------------------- {{{2 */

.soliloquy-control-nav, .soliloquy-control-paging, .soliloquy-direction-navigation
{
    display:none !important;
}

.vcard{
    font-size:smaller;
}


.one, .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth,.one_fourth_last {
    float: left;
    margin-right: 1em;
    position: relative;
    z-index: 1;
}

.one_fourth_last{
    clear: right;
    margin-right: 0 !important;
    width: 22%;
}

.row
{
    padding-top:1em;
    padding-bottom:1em;
    overflow:hidden;
}

.prev-link
{
    float:left;
    width:50%;
    text-align:left;
}

.next-link
{
    float:left;
    width:50%;
    text-align:right;
}

.sub-menu li
{
    float:none!important;
}

.sub-menu
{
    margin:0;
    padding:0;
}

.brown
{
    background: #3D332B !important;
}
/* --- status --------------------------------------------------------- {{{1 */
/* --- gernal --------------------------------------------------------- {{{2 */

.status
{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

.status h2
{
    margin: 5px;
    font-family: 'BebasNeue';
    text-align: center;
    font-weight: lighter;
    font-weight: bold;
    font-size: 2em !important;
}

/* --- status wrapper ------------------------------------------------- {{{2 */

.statusWrapper
{
    width: 100%;
    display: block;
    border: 2px solid #eee;
    min-height: 44px;
    background: linear-gradient(90deg,#dbba99 0%,#b89d80 100%);
    background-size: 100% 44px;
    position: relative;
}

.statusWrapper > div
{
    min-height: 44px;
    background-color: rgba(255,255,255,0.6);
    position: absolute;
    right:0px
}