/*
            ___          __     ___ __     ___ _____
     ______(___)___ ___ |  |___(___|  |___(___)   _/\
    /  __  |   |\  \   /|  |_  \   |  __  \   |  | \/ __   __   __
    \____|_|___|___/___\|__||__/___|______/___|__| | |__|\|__|\|__|\
     \_____\____\_______\______\____\______\___\__\|  \_\| \_\| \_\|

     ______________________________________________________________,
    \        designed and built with love <3 by AIXhibit AG        \
     _____________________________ ________________________________,
    \        www.aixhibit.com      \      www.internetagentur.ag    \

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: _CONSTANTS_
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

// fonts
"LocalGothic", "Century Gothic", sans-serif; font-weight: normal = '"LocalGothic", "Century Gothic", sans-serif; font-weight: normal';
"TrocchiRegular", "Times New Roman", Times, serif = '"TrocchiRegular", "Times New Roman", Times, serif';
"Montserrat", sans-serif; font-weight: normal = '"Montserrat", sans-serif; font-weight: normal';
"Enriqueta", serif = '"Enriqueta", serif';

// colors
// farben Allgemein / Magazin
#e17557 = '#e17557';
#4cacbf = '#4cacbf';
#777 = '#777';

// farben Shop
rgb(166,33,112) = 'rgb(166,33,112)';


// shadows



:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/********************************/
/*** general ********************/ 
/********************************/ 

.orange { background: #e17557; }

/*
    font-family: 
    font-family: ;
    font-family: "montserratregular", sans-serif;
    font-family: 'Enriqueta', serif;*/
body {
    background: #eee url(../_img/background.png) repeat 0 0;
}
#pageWrap { background: transparent url(../_img/gradient.png) repeat-x; padding-top: 27px; }
#header { border-bottom: 1px solid #777; margin-bottom: 2px }
h1 { margin-bottom: 31px }
    h1 a {
        text-indent: -999em;
        display: block;
    }
    h1 a#logo {
        height: 96px;
        width: 184px;
        background: transparent url(../_img/logo.png) no-repeat 0 0;
        margin-bottom: 13px;
    }
    h1 a:hover { opacity: .7 }
    h1 a#kaffeehaus {
        width: 123px;
        height: 15px;
        background: transparent url(../_img/kaffeehaus.png) no-repeat 0 0;
        margin: 0 auto;

    }
#navigation {
    height: 58px;
    padding-top: 96px;
    margin-right: 126px; /* 124px; */
}
    #navigation > li {
        color: #4cacbf;
        font-size: 18px;
        margin-left: 0;
        font-family: "Montserrat", sans-serif; font-weight: normal;
        border-bottom: 1px solid transparent;
        padding: 9px 15px 31px 10px;
        position: relative;
        border-left: 1px solid transparent;
        
    }
    #navigation > li + li { margin-left: 30px; }
        #navigation > li > span, #navigation > li > a { cursor: default; text-transform: uppercase; }
        #navigation > li > a { color: #4CACBF; text-decoration: none; }
        #navigation > li.dark > a { color: #E17557; }
    #navigation > li:hover {
        border-left-color: #79796a;
        background: #fff;
        border-bottom-color: #79796a;
    }
    #navigation li:hover > ul { display: block }
    #navigation ul {
        width: 260px;
        z-index: 500;
        display: none;
        position: absolute;
        left: -1px;
        top: 59px;
        background: #f3f0e8;
        -webkit-box-shadow: 6px 6px 9px 2px rgba(0, 0, 0, .41);
        box-shadow: 6px 6px 9px 2px rgba(0, 0, 0, .41); 
    }
    #navigation li + li ul { width: 240px; }
        #navigation ul li {
            border: 1px solid #79796a;
            border-top: 0;
        }
            #navigation ul li a {
                display: block;
                text-transform: uppercase;
                color: #464637;
                text-decoration: none;
                padding: 12px 10px;
            }
            #navigation ul li a:hover { background: #fff }
            #navigation ul li a small {
                margin-top: 4px;
                text-transform: none;
                display: block;
                color: #8a8a7a;
                font-family: "Enriqueta", serif;
                font-size: 14px;
            }
            #navigation ul li + li {   }
/* Border: 79796a; _NO__DOTCOMMA__AFTER__*/

    #navigation .dark:hover { background: #575748 }
    #navigation .dark { padding-bottom: 14px; color: #e17557; background: transparent url(../_img/darkFlyout.png) repeat-x 0 0; }
    #navigation .dark ul { background: #222 }
    #navigation .dark i {
        display: block;
        font-size: 14px;
        /* Farbe laut Entwürfen #f8f4ee*/
        color: #f8f4ee;
        font-family: "Enriqueta", serif;
        margin-top: 15px;

        line-height: 1.39; 
    }
    #navigation .dark:hover i { visibility: hidden }
    #navigation .dark ul li a { color: #ebe5dd }
    #navigation .dark ul li a:hover { background: #575748 }
    #navigation .dark ul li + li,
    #navigation .dark ul li,
    #navigation .dark > li:hover,
    #navigation .dark { border-color: #79796a; }

/* Dark Areas */
/*
.dark {
    background: #000000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none'
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #222222 50%, #222222 100%); /* FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#222222), color-stop(100%,#222222)); /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #000000 0%,#222222 50%,#222222 100%); /* Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #000000 0%,#222222 50%,#222222 100%); /* Opera 11.10+ 
    background: -ms-linear-gradient(top, #000000 0%,#222222 50%,#222222 100%); /* IE10+ 
    background: linear-gradient(to bottom, #000000 0%,#222222 50%,#222222 100%); /* W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-8 
}
*/
/**** .text ****/
.text p.einleitung { font-weight: bold; }
.text p { line-height: 1.4; font-family: "Enriqueta", serif; color: #777; font-size: 14px; margin-bottom: 20px; /*40px;*/ }

/* .text .cms */
.text.cms h2 { font-weight: normal; font-size: 28px; margin-bottom: 25px; color: #4cacbf; font-family: "Montserrat", sans-serif; font-weight: normal; line-height: 1.2; }
.text.cms h3 { color: #4cacbf; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-size: 20px; line-height: 1.2; font-weight: normal; margin-bottom: 15px; }


/* .text .blog .post / .text .blog .page */

.text.blog a.back { text-decoration: none; margin-bottom: 5px; display: inline-block; background: transparent url(../_img/arrowBackLink.png) no-repeat 0 50%; padding-left: 20px; color: #999; font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase; }
.text.blog a.back:hover { color: #777; }
.text.blog .articleImage { margin-bottom: 40px; }
.text.blog .post > * { width: 464px; }
.text.blog .post h4 { font-family: "Montserrat", sans-serif; font-weight: normal; color: #777; font-weight: normal; font-size: 14px; line-height: 1; margin-bottom: 5px; }
.text.blog .post h2, .text.blog .page h2 { color: #4cacbf; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-size: 40px; line-height: .9; margin-bottom: 20px; }
.text.blog .post h3, .text.blog .page h3 { color: #4cacbf; font-family: "Montserrat", sans-serif; font-weight: normal; line-height: 1.2; font-size: 18px; margin-bottom: 15px; }
.text.blog .post .einleitung { color: #000; font-weight: normal; margin-bottom: 30px; }
.text.blog .post .gallery { width: auto; margin-bottom: 40px; }
.text.blog .page > * { width: 480px;}
.text.blog .page .einleitung { width: 463px; font-weight: normal; padding: 0 80px 25px 0; margin-bottom: 20px; border-bottom: 1px solid #777; }
.text.blog .page.interview .einleitung + p { margin: 0; }
.text.blog .page.interview p + p { margin-top: 25px; margin-bottom: 0; }

.text.blog .sharebox { margin: 30px 0 10px 0; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 10px 0 30px 0; }

.text strong { color: #000; }
.text a { color: #388a9f; text-decoration: underline; }
.text a:hover { opacity: .7; }
.text a:visited { /*color: #97599e;*/ color: #388a9f; text-decoration: none; }

/* Mehr kaffees */
.mehrKaffees { margin-bottom: 40px; }
.mehrKaffees > h4 { font-family: "Montserrat", sans-serif; font-weight: normal; color: #777; font-size: 14px; text-transform: uppercase; margin-bottom: 0; }
.mehrKaffees li a { text-decoration: none; position: absolute; bottom: 0; }
.mehrKaffees li a h3 { margin-bottom: 5px; color: #4cacbf; font-size: 20px; line-height: 20px; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; }
.mehrKaffees li { margin-right: 10px; margin-top: 15px; height: 196px; position: relative; width: 148px; }

.listing.article > h2 {
    line-height: 1;
    font-size: 28px;
    font-family: "Montserrat", sans-serif; font-weight: normal;
    margin-bottom: 55px;
    color: #4cacbf;
}
.listing.article { margin-bottom: 40px; }
.listing.article li + li { margin-top: 20px; }
.listing.article li > img.left { margin-right: 20px; }
.listing.article li > img + div { width: 290px; }
.listing.article li > img + div h4 { line-height: 1; font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: normal; color: #777; text-transform: uppercase; }
.listing.article li > img + div h3 { font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-size: 30px; line-height: 1; margin: 8px 0 12px 0; }
.listing.article li > img + div h3 a { color: #4cacbf; text-decoration: none; }
.listing.article li > img + div h3 a:hover { opacity: .7; }
.listing.article li > img + div p { line-height: 1.2; color: #777; font-size: 14px; font-family: "Enriqueta", serif;  }
.listing.article li > img + div p a.moreLink { margin-top: 5px; color: #777; text-decoration: none; display: inline-block; padding-right: 15px; background: transparent url(../_img/moreLinkListing.png) no-repeat 100% 50%; }
.listing.article li > img + div p a.moreLink:hover { font-weight: bold; color: #000; }

/* CONTENT AREA */
#main { width: 620px; margin-right: 10px; }
#maincontainer > .wrapper { border-top: 5px solid #000; padding-top: 55px; }
a.aufEinenKaffee { text-decoration: none; margin-bottom: 38px; display: block; }
a.aufEinenKaffee:hover { opacity: .7; }
a.aufEinenKaffee.black h3, .aufEinenKaffee.black > h3 { color: #464637; }
a.aufEinenKaffee h3, .aufEinenKaffee > h3, #featuredProduct h3 { text-transform: uppercase; font-weight: normal; font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: normal; color: #fff; line-height: 1; }
a.aufEinenKaffee h2, .aufEinenKaffee > h2, #featuredProduct h2 { font-weight: normal; font-size: 38px; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; color: #4dadc1; line-height: 1; }
.aufEinenKaffee > h3 { margin-bottom: 5px; color: #777; }
.aufEinenKaffee > h2 { margin-bottom: 30px; }
#featuredProduct { width: 542px; }
#featuredProduct span.absolute{ right: 10px; bottom: 5px; color: #777; font-size: 10px; }
#featuredProduct span.absolute a { color: #777; font-size: 10px; text-decoration: none; }
#featuredProduct span.absolute a:hover { color: #222; }
#featuredProduct div.absolute { right: 50px; bottom: 100px; padding: 20px; background: #FCF9F2; }
#featuredProduct h3 { text-transform: none; float: left; color: #000; font-size: 22px; margin: 5px 8px 5px 0; }
#featuredProduct h3 + span { float: left; display: block; font-size: 10px; width: 101px;
    font-weight: normal;
    line-height: 1.2;
margin-top: 4px; color: #777; }
#featuredProduct h3 + span a { color: #777; text-decoration: none; }
#featuredProduct h3 + span a:hover { color: #000; }

#featuredProduct a.button {
     border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
    padding: 7px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
#featuredProduct a.button:hover { opacity: .7; }

#featuredProduct h3 {
	clear:none;
}
#featuredProduct h4 {
	clear:none !important;
	float:left;
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: "Montserrat", sans-serif; font-weight: normal; 
	color: #e17557; 
	margin-top:12px;
	margin-right:5px;
	font-style:strike;
}

/* SIDEBAR AREA */

#sidebar { width: 306px; } 
.module + .module { margin-top: 50px; }

.module ul { margin-bottom: 0; }

.module#sidebarMenu {
    font-family: "Montserrat", sans-serif; font-weight: normal;
    margin-top: 4px; 
    padding-bottom: 15px;
}
.module h3 { padding: 0 0 4px 1px; font-size: 14px; color: #777; font-family: "Montserrat", sans-serif; font-weight: normal; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #878681; }
.module#sidebarMenu li { border-bottom: 1px solid #878681; }
.module#sidebarMenu li a { color: #464637; font-size: 18px; display: block; padding: 12px 10px 12px 1px; text-decoration: none; text-transform: uppercase; }
.module#sidebarMenu li a:hover, .module#sidebarMenu li.active a { color: #4cacbf; }
.module#sidebarMenu li small { color: #777; display: block; font-family: "Enriqueta", serif; font-size: 14px; margin-top: 4px; text-transform: none; }

.module#featuredArticles { margin-right: 10px; }
.module#featuredArticles li { margin-bottom: 15px; }
.module#featuredArticles a { text-decoration: none; display: block; }
.module#featuredArticles a:hover { opacity: .7; }
.module#featuredArticles span { font-size: 20px; left: 15px; bottom: 15px; color: #fff; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-weight: normal; }

.module#featuredArticles a.black span { color: #464637; }

.module#articleList li { padding: 12px 10px 12px 1px; text-decoration: none; }
#articleList.module a { display: block; text-decoration: none; }
.module#articleList a:hover { opacity: .7; }
.module#articleList img { margin-right: 10px; }
.module#articleList div { width: 216px; }
.module#articleList h4 { font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; color: #4cacbf; font-size: 20px; line-height: 1; margin-bottom: 4px; }
.module#articleList p { color: #777; font-size: 14px; line-height: 1.38; font-family: "Enriqueta", serif; }

/* BAR AREA */
#bar {
    padding: 32px 0 47px 0;
    background: #000000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #222222 25%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(25%,#222222), color-stop(100%,#222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#222222 25%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#222222 25%,#222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#222222 25%,#222222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#222222 25%,#222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-8 */

}
#kaufenKaffee > div { width: 230px; }
#kaufenKaffee > div + div { margin-left: 10px; }

#kaufenKaffee > .left { width: 306px; }

#kaufenKaffee h2 { font-size: 40px; color: #fff; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-weight: normal; }
#kaufenKaffee h2 + p { color: #fff; font-family: "Enriqueta", serif; font-size: 14px; line-height: 1.2; width: 230px; }

#kaufenKaffee .product h3 a { padding: 0 0 4px 2px; color: #e17557; font-family: "LocalGothic", "Century Gothic", sans-serif; font-weight: normal; font-size: 20px; line-height: 1; }
#kaufenKaffee .product > a { margin-right: 10px; }
#kaufenKaffee .product > a + div { width: 148px; }
#kaufenKaffee .product p { font-family: "Enriqueta", serif; font-size: 14px; line-height: 1.2; color: #f0f0df; }
#kaufenKaffee .product p span a { color: #e17557; font-size: 12px; }
#kaufenKaffee .product p strong { color: #fff; }
#kaufenKaffee .product p a.button { margin-top: 10px; line-height: 1; text-transform: uppercase; width: auto; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: normal; color: #fff; text-decoration: none; padding: 7px; font-size: 12px; }
#kaufenKaffee .product p a.button:hover { opacity: .7; }
/* FOOTER */
#footer {
}
    #footer form {
        width: 290px;
        margin: 0 auto;
        padding: 33px 0 23px 0;
    }
    #footer input {
        padding: 1px 5px;
        width: 160px;
        color: #333;
        height: 16px;
        line-height: 16px;
        font-family: "TrocchiRegular", "Times New Roman", Times, serif;
        font-size: 14px;
        border: 1px solid #faf7f1;
        border-left-color: #cbcac6;
        border-top-color: #d8d7d3;
        background: #f8f5ed;
        margin-right: 16px;
    }
    #footer label {
        font-family: "TrocchiRegular", "Times New Roman", Times, serif;
        font-size: 14px;
        line-height: 18px;
        color: #686859;
    }
#footerNavigation {
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Montserrat", sans-serif; font-weight: normal;
    padding-top: 13px;
    border-top: 1px solid #777;
    line-height: 1.18;
}
#footerNavigation li { color: #777; }#footerNavigation li { color: #777; }
#footerNavigation .col > ul { margin-bottom: 20px; }
#footerNavigation ul { margin-left: 0; list-style: none; color: #777; }
    #footerNavigation h4 {
        margin-bottom: 20px;
        color: #333;
        font-family: "Montserrat",sans-serif;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    #footerNavigation .left { width: 227px }
        #footerNavigation .left + .left { margin-left: 10px }
    #footerNavigation ul ul {
        margin-top: 8px;
        padding-bottom: 1px;
        margin-left: 15px;
        margin-bottom: 0 !important;
    }
    #footerNavigation ul ul > li { padding-bottom: 5px; /*3px*/ }
    #footerNavigation .left > ul > li {
        margin-bottom: 2px;
        line-height: 1;
    }
    #footerNavigation a {
        text-decoration: none;
        color: #777;
    }
    #footerNavigation a:hover { opacity: .7 }


#wirConsorten .consorte.left { width: 306px; margin-right: 10px; }
#wirConsorten .consorte.left .cf { margin-bottom: 15px; }
#wirConsorten .consorte.left img { margin-right: 15px; }
#wirConsorten .consorte.left img + div { width: 143px; margin-bottom: 15px; padding-top: 10px; }
#wirConsorten .consorte.left img + div p { margin-bottom: 0; }
#wirConsorten .consorte.left img + div p a.more, #wirConsorten .consorte.left .longtext p a.more.less { padding-bottom: 2px; display: block; margin-top: 10px; background: transparent url(../_img/moreClick.png) no-repeat 0 50%; padding-left: 15px; }
#wirConsorten .consorte.left .longtext p a.more.less { margin: 10px 0 20px 0; background: transparent url(../_img/lessClick.png) no-repeat 0 50%; }
#wirConsorten .consorte.left .longtext p { margin: 0; padding-left: 5px; }