/* Grundelemente */
* { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:14px; }
html { min-height:100.1%; margin:0; padding:0; }
body { margin:0 10%; padding:0; font-size:100%; }
div#container { margin:0; padding:0; }
div.inside { margin:0 auto; width:100%; max-width:1024px; }
hr { clear:both; margin:0; border:0; border-bottom:1px solid #d2d2d2; width:100%; }
hr.invisible { display:none; }
img { border:0; width:auto; max-width:100%; height:auto; }


/* Schrift */
h2 { font-size:28px; font-weight:normal; color:#737373; margin:0 0 28px 0; }
h3 { font-size:22px; font-weight:normal; color:#737373; margin:40px 0 0 0; }
h4 { font-size:16px;font-weight:normal;color:#737373;margin:20px 0 0 0; }
p { font-size:14px; line-height:22px; color:#5d5d5d; }


/*  ????  */
p strong { font-size:14px; font-weight:normal; line-height:22px; color:#737373; }
td strong { font-size:14px; font-weight:normal; line-height:22px; color:#737373; }
p sub { font-size:7px; }
p sup { font-size:11px; line-height:11px; }
p.readmore { margin:10px 0; }
h1 { font-size:28px; font-weight:normal; color:#737373; margin:0 0 28px 0; }
#aside h3 { margin-top:0; }
div#content ul li { font-size:14px; line-height:22px; color:#5d5d5d; }
.eaumenu div#content ol li { font-size:14px; line-height:22px; color:#2a4898; }
.eaumenu div#content p.legende strong { color:#2a4898; }
div.blog p.produktart { margin-top:-10px; font-size:16px; color:#00a0d9; }
.blog div h2 { text-align:left; }
.blog div h2 { font-size:18px; line-height:22px; font-weight:normal; color:#737373; margin:0px 0 10px 0px; min-height:44px; }
.blog div h2 a { font-size:18px; line-height:22px; font-weight:normal; color:#737373; }
.blog div h2 a:hover { font-size:18px; line-height:22px; font-weight:normal; color:#5d5d5d; }
.cat-children h3 { padding:14px 0 28px 0; }
.cat-children > .first > h3 { padding:0 0 28px 0; }
h3 > a { font-size:18px; font-weight:normal; color:#00a0d9; }
h3 > a:hover { color:#00a0d9; cursor:text; }
.page-layout .item-text h3.bezeichnung { font-size:18px; font-weight:normal; margin:-20px 0 20px 0; }
.default .items-leading p { margin:0 0px 0 0px; }
.default .items-row p { margin:0 0px 0 0px; }
#footer h2 { font-size:20px; color:#5d5d5d; margin:30px 0 30px 0; }
#footer p { color:#e9ebec; }
h3.vorteile { clear:both; margin-bottom:10px; width:100%; padding-top:14px; }
h3.abstand { clear:both; margin-bottom:10px; width:100%; padding-top:40px; }
h1.hometitel { font-size:28px; font-weight:normal; color:#737373; margin:40px 0 28px 0; }
body.home div.page-header h2 { display:none; }
body.home #aside { margin-top:40px; }
h3 strong { font-size:22px; font-weight:normal; color:#000000; padding-right:10px; }

/* Klassen */
.cafe { color:#8a4f24; }
.eau { color:#00A0D9; }
.produktbild { padding:0px 0 10px 0; width:auto; height:400px; overflow:hidden; text-align:center; }
.produktbild img { width:auto; height:auto; max-height:400px; }
.inhaltsbild { float:left; margin:0 20px 10px 0; border:0; width:300px; height:auto; }
.freisteller { float:left; margin:0 20px 10px 0; border:0; width:auto; height:auto; max-width:150px; max-height:150px; }
.beitragsbild { margin-top:40px; }
.designelemente .splash { position:absolute; top:520px; right:0px; z-index:-10000; }
.designelemente .splash-02 { position:absolute; top:1600px; right:0px; z-index:-10000; }
.designelemente .kaffeeglas { position:absolute; top:370px; right:0px; z-index:-10000; }
.designelemente .cafebalken { position:fixed; top:0; left:0; width:12px; height:100%; background-color:#8a4f24; opacity:0.2; }
.designelemente .eaubalken { position:fixed; top:0; left:0; width:12px; height:100%; background-color:#00A0D9; opacity:0.2; }*/



/* Header *************************************/
div#header { margin:0; padding:0; width:100%; }
div#header div.inside {position:relative; margin:0 auto; width:100%; max-width:1024px; height:99px; text-align:left; }
div#header div.inside div.header-layout { width:100%; border-bottom:0; }



/* Kaffeebohnen *******************************/
div#kaffeebohnen { display:block; float:left; margin-top:0; height:45px;overflow:hidden; }
div#kaffeebohnen p { margin:0; }
div#kaffeebohnen p img { margin:-55px 5px 0 0; border:0; }
span#kaffeekompetenz { display:block; margin-top:-14px; width:1px; height:1px; overflow:hidden; }


/* Wassertropfen ******************************/
div#wassertropfen { display:block; float:right; margin-top:0; height:45px;overflow:hidden; }
div#wassertropfen p { margin:0; }
div#wassertropfen p img { margin:-55px 0 0 0; border:0; }
span#wasserkompetenz { display:block; margin-top:-14px; width:1px; height:1px; overflow:hidden; }


/* Logo ***************************************/
div#logo { display:block; }
div#logo div.custom { display:inline; margin:0; width:auto; }
div#logo div.custom p { margin:0; padding:0; text-align:center; }
div#logo img { width:110px; margin:22px 0 0 0; border:0; }


/* Metanav */
div#metanav {position:absolute;top:1.5em;right:0;}
div#metanav ul {list-style:none;display:block;margin:0;border:0;padding:0;width:auto;}
div#metanav ul li {display:block;float:left;margin:0 0 0 1em;border:0;padding:0.25em 0 0 1.5em;width:auto;height:1.25em;background-repeat:no-repeat;background-position:center left;}
div#metanav ul li.item-212 {background-image:url('../../../images/shop/icons/icon-login.gif');}
div#metanav ul li.item-212:hover {background-image:url('../../../images/shop/icons/icon-login-hover.gif');}
div#metanav ul li.item-117 {background-image:url('../../../images/shop/icons/icon-warenkorb.gif');}
div#metanav ul li.item-117:hover {background-image:url('../../../images/shop/icons/icon-warenkorb-hover.gif');}
div#metanav ul li.item-213 {background-image:url('../../../images/shop/icons/icon-login.gif');}
div#metanav ul li.item-213:hover {background-image:url('../../../images/shop/icons/icon-login-hover.gif');}
div#metanav ul li.item-214 {background-image:url('../../../images/shop/icons/icon-benutzer.gif');}
div#metanav ul li.item-214:hover {background-image:url('../../../images/shop/icons/icon-benutzer-hover.gif');}
@media screen and (max-width:700px) {
  div#metanav ul li {float:none;margin-bottom:0.5em;}
}



/* Hauptnav */
div#hauptnav { display:block; width:auto; }
div#hauptnav ul { display:block; margin:0 60px 0 60px; border-bottom:1px solid #d2d2d2; padding:20px 0 0 0; width:auto; height:25px; list-style-type:none; text-align:center; }
div#hauptnav ul li { display:inline; /*display:block; float:left;*/ margin:0; padding-bottom:7px; width:auto; height:auto; text-align:center; }
div#hauptnav ul li.active { height:auto; }
div#hauptnav ul li a { display:inline; border:0; padding:0 0 0 20px; width:auto; height:auto; text-align:center; font-size:14px; color:#737373; transition:none; }
div#hauptnav ul li:first-child a { padding:0; }
div#hauptnav ul li:hover a { color:#000; }
div#hauptnav ul li.active a { color:#737373; }
div#hauptnav ul li a.hidden { display: none; }

/* MobileMenuButton */
div#header div#header-layout div#mmbutton { display:none; width:auto; margin:0 60px 0 60px; border-bottom:1px solid #d2d2d2; padding:20px 0 0 0; width:auto; height:25px; text-align:center; }

/* Slider */
div#slider { width:auto; max-width:100%; height:auto; margin:0; padding-top:14px;  }
div#slider div.random-image {  }
div#slider p { margin:0; }
div#slider div#flexslider-123 { margin:0; border-bottom:1px solid #d2d2d2; padding-bottom:12px; box-shadow:none; }
div#slider ul li span.flex-caption { display:none; }

/* Main */
div#main { min-height:600px; }
div#main div.inside { display:block; clear:both; }



/***********************************************
** MAINCONTENT *********************************
***********************************************/
div#maincontent { display:block;position:relative;width:100%; }
.uebersicht div#maincontent {display:block;position:relative;}



/***********************************************
** CONTENT *************************************
***********************************************/
div#content { display:block;/*margin-right:300px;width:auto;*/float:left;width:70%;vertical-align:top; }
.uebersicht div#content {display:block;width:100%;max-width:none;}
div#content div.inside { padding:40px 0; }
body.home div#content div.inside { padding:0; }
div#content div.inside div.item-page { padding-right:60px; }



/* ????? */
/**/
div#content div.inside .item-pagehome p { padding-right:60px; }
/* Page-header */
div#content div.page-header { margin-top:0px; }
/* Titelbilder */
div#content div.inside .item-page div.item-image { margin-bottom:10px; text-align:center; }
div#content div.inside .item-page div.item-image img { width:100%; height:auto; }
/* Aufzaehlungsliste */
div#content div.item-page div.item-text > ul { margin:0; margin-bottom:10px; padding:0; padding-left:20px; }
/* Nummerierte Liste */
div#content div.item-page div.item-text > ol { margin:0; margin-bottom:10px; padding:0; padding-left:20px; }
/* Partnerlogos */
a img.partnerlogo { width:100px; }
/* Tabelle */
table { margin:10px 0 40px 0; /*border-top:1px solid #d2d2d2;*/ border-bottom:1px solid #d2d2d2; padding-bottom:4px; width:100%; }
table tr { margin:0; padding:0; }
table td { padding:0; padding-right:40px; vertical-align:top; }
table.partner td { padding:0; padding-right:40px; vertical-align:top; }
table td p { font-size:12px; line-height:18px; margin:0px; text-align:left; }
table td img { padding:0; }
/* Optionen */
table.optionen { margin-bottom:20px; }
table.optionen tr td img { max-height:120px; }
/* Eigenschaften */
table.eigenschaften tr td img { margin-bottom:4px; }
/* Technische Daten */
table.technisches { border-collapse:collapse; margin-top:14px; margin-bottom:20px; }
table.technisches td { border-right:10px solid #fff; width:280px; padding:0px 20px 8px 0px; }
table.technisches td { text-align:left; }
table.technisches tr td { border-bottom:1px solid #d2d2d2; }
table.technisches tr td p { text-align:left; padding-top:10px; }
table.technisches tr td p strong { color:#737373; }
/* Kaffeepackung */
div.kaffeepackung { border:0; margin:20px 0; }
div.kaffeepackung p { font-size:12px; line-height:18px; margin:12px 0; text-align:left; }
/* Partner */
table.partner { border:0; }
table.partner tr td { vertical-align:middle; }
table.partner img { max-width:none; }
/* Kontakt */
table.kontakt { border-collapse:collapse; margin-top:0; margin-bottom:28px; border:0; }
table.kontakt td { border-right:10px solid #fff; width:280px; padding:0 20px 0 0; }
table.kontakt td { text-align:left; }
table.kontakt tr td { border:0; }
table.kontakt tr td p { text-align:left; padding-top:0; font-size:14px; line-height:20px; }
table.kontakt tr td p strong { color:#737373; }

/* Produkteuebersicht */
div.kategoriebeschrieb p.beschrieb { min-height:150px; }
.uebersicht div.category-desc {max-width:67%;}


/* Kaffee- und Wasserkompetenzen */
div.kaffeekompetenz { /*background-color:#e5dbce;*/ padding-bottom:6px; }
div.kaffeekompetenz h3 { margin-top:14px; /*padding:0 20px;*/ }
div.kaffeekompetenz p { /*padding:0 20px;*/ }
div.kaffeekompetenz p:first-child { padding:0; }
div.wasserkompetenz { /*background-color:#e1eefa;*/ padding-bottom:6px; }
div.wasserkompetenz h3 { margin-top:14px; /*padding:0 20px;*/ }
div.wasserkompetenz p { /*padding:0 20px;*/ }
div.wasserkompetenz p:first-child { padding:0; }


/* Kontaktformular */
div#pfmTemplate_1 {margin:0 60px 0 0 !important;width:auto !important;}
form legend {font-size:22px;font-weight:normal;letter-spacing:0;color:#737373;margin:0 0 1em 0;}
form span.userfields_info {font-size:22px;font-weight:normal;letter-spacing:0;color:#737373;}
form label { font-size:14px;color:#5d5d5d;display:block;margin:1em 0 0.25em 0; }
form input { margin:2px 0 8px 0; border:1px solid #d2d2d2; padding:4px 8px; background-color:#fff; outline:none; font-size:14px; }
input.m4jInputField {width:94% !important;}
form textarea { margin:2px 0 8px 0; border:1px solid #d2d2d2; padding:4px 8px; background-color:#fff; outline:none; font-size:14px; }
form input:hover { border-bottom:1px solid #9f9f9f; }
form textarea:hover { border-bottom:1px solid #9f9f9f; }
form label span.m4j_required { color:#c62c4b; }
form div.m4jSelectItem label { margin:0 20px 0 0; }
form div.m4jSelectItem input { margin:1px 5px 0 0; }
table.m4j_form_table td {padding:0;}
table.m4j_form_table textarea {padding:4px 3%;width:94% !important;}
form select { margin:2px 0 4px 0; font-size:14px; }
form select { font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#737373; }
div#captchaWrapButtons { text-align:left; }
/* Submit-Button*/
form input.m4j_submit { margin-top:20px; margin-right:10px; padding:8px 10px 8px 30px; width:auto; background-color:#d2d2d2; background-image:url("../../../images/icons/icon_mehr.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; border:0; font-size:14px; color:#5d5d5d; }
form input.m4j_submit:hover { box-shadow:inset 2px 2px 4px #9f9f9f; border:0; }
form input.m4j_submit:active { background-color:#9f9f9f; color:#000; }
/* Reset-Button */
form input.m4j_reset { margin-top:20px; margin-right:10px; padding:8px 10px 8px 30px; width:auto; background-color:#d2d2d2; background-image:url("../../../images/icons/icon_reset.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; border:0; font-size:14px; color:#5d5d5d; }
form input.m4j_reset:hover { box-shadow:inset 2px 2px 4px #9f9f9f; border:0; }
form input.m4j_reset:active { background-color:#9f9f9f; color:#000; }


/* Aktuell Box */
div.aktuell { margin-top:40px;min-height:139px; }
div.aktuell p.first {margin-top:10px;}
div.aktuell h3 {margin-top:-15px;}

/* Signet */
img.signet { float:left; margin:-5px 20px 10px 0; }






/***********************************************
** ASIDE ***************************************
***********************************************/
div#aside { display:block;/*position:absolute;top:0;right:0;width:300px;*/float:right;width:30%;max-width:300px;vertical-align:top; }
.uebersicht div#aside {display:block;position:absolute;top:0;right:0;width:33%;max-width:300px;}

/* Beratung */
body.home div#beratung { /*margin-top:40px;*/ }
div#beratung div.inside { margin:40px 0 10px 0; padding-bottom:10px; border-bottom:1px solid #d2d2d2; }
div#beratung div.custom { padding:20px 20px 6px 20px; background-color:#f1f1f1; }
div#beratung div.custom img { margin:0 12px -2px 0; }
.home div#beratung div.inside { margin:0 0 10px 0; }

/* Blog */
div.blog { padding:0 40px 0 0; }
.uebersicht div.blog {padding:0;}
div.blog div.category-image { padding:0; width:100%; height:auto; overflow:hidden; }
div.blog div.category-image img { margin:0 auto; /*margin-bottom:30px; padding-bottom:10px;*/ width:100%; height:auto; /*border-bottom:1px solid #d2d2d2;*/ }
div.blog div.category-desc { /*margin-bottom:40px;*/ }
div.blog.produkteuebersicht { padding:0 0px 0 0; }







div#content h3 { /*border-bottom:1px solid #d2d2d2; padding-bottom:6px;*/ }
/* Sonstiges */
div.items-leading { display:block; float:left; margin-right:3%; width:30%; vertical-align:top; border-bottom:1px solid #d2d2d2; }
/*.cat-children div.items-row.row-2,
.cat-children div.items-row.row-4 { clear:both; }*/
.uebersicht .cat-children div.items-row.row-2,
.uebersicht .cat-children div.items-row.row-4 { clear:none; }
.cat-children > div > h3.page-header { clear:both; width:100%; }
div.items-leading p { text-align:center; }
div.items-row { display:block; float:left; margin-bottom:40px; margin-right:3%; width:30%; border-bottom:1px solid #d2d2d2; }
.uebersicht div.items-row {width:22%;max-width:205px;}
.produkteuebersicht div.items-row { margin-top:28px; }
/*div.items-row .span6 .item p { font-size:12px; line-height:18px; }*/
div.items-row p { text-align:left; }
div.item-image { margin-bottom:10px; padding:0px 0 9px 0; width:100%; height:auto; border-bottom:1px solid #d2d2d2; overflow:hidden; }
/*body.produkteuebersicht div.item-image { margin-bottom:10px; padding:0px 0 9px 0; width:100%; height:auto; border-bottom:0; overflow:hidden; }*/
div.item-image img { margin:0 auto; width:100%; height:auto; }

/* Rubrik */
div#rubrik p { margin:0 0 10px 0; width:200px; height:200px; background:#59bbe8; color:#fff; padding:0; }




/* ALT */
/* Links */
a { text-decoration:none; color:#5d5d5d; }
a:hover { color:#000; }


/* Logo */

/* Homeimage */
div#homeimage { width:100%; height:auto; text-align:center; /*background-image:url('../../../images/headers/homebild.png');*/ }
div#homeimage p { margin:-30px 0 0 0; }






/* Footer */
#footer {display:block;clear:both;padding:60px 0 0 0;width:100%;height:auto;overflow:hidden; }
#footer .inside {position:relative;border-top:1px solid #d2d2d2;}
#footer .custom {width:75%;}
#footer .custom p {color:#737373;}
#footer .custom img {margin-right:50px;margin-top:10px;}
#footer ul.footernav {list-style:none;position:absolute;top:1em;right:0;z-index:100;margin:0;border:0;padding:0;width:auto;}
#footer ul.footernav li {display:inline-block;margin-left:1em;}
#footer ul.footernav li a {font-size:12px;}
#footer ul.footernav li.active a {color:#5d5d5d;}
















/* Definitiv */
/* Subnav */
div#subnav { 
  margin:0; 
  margin-top:40px; 
  width:100%; 
  height:auto; 
}
div#subnav ul { 
  margin:0; 
  padding:0; 
  width:auto; 
  list-style-type:none; 
}
div#subnav ul li { 
  display:block; 
  margin:0; 
  width:auto; 
  height:auto; 
  text-align:left; 
}
div#subnav ul li.parent { 
  margin-bottom:10px; 
  padding-bottom:10px; 
  border-bottom:1px solid #d2d2d2; 
}
div#subnav > ul > li > a {
  display:block;
  border:0; 
  padding:6px 16px 0 52px; 
  width:auto; 
  height:24px; 
  color:#737373; 
  background-repeat:no-repeat; 
  background-position:16px bottom;
  font-size:18px;
  text-decoration:none; 
}
div#subnav ul li ul {
  margin-top:10px;
  padding:4px 16px 4px 52px;
}
div#subnav ul li ul li a { 
  display:block; 
  border:0; 
  padding:4px 0 4px 0; 
  width:auto; 
  height:auto; 
  color:#737373; 
}
/* Spezifisch Barista Kaffeevollautomaten */
div#subnav > ul > li.item-143 > a {
  background-image:url("../../../images/icons/icon_kaffeetasse.png"); 
}
/*
div#subnav > ul > li.item-143 > a:hover,
div#subnav > ul > li.item-143.current > a,
div#subnav > ul > li.item-143.active > a {
  background-image:url("../../../images/icons/icon_kaffeetasse.png"); 
}
*/
div#subnav > ul > li.item-143 > a:hover,
div#subnav ul > li.item-143.current > a,
div#subnav ul li.item-143 ul li a:hover,
div#subnav ul li.item-143 ul li.current a {
  color:#8a4f24;
}
div#subnav > ul > li.item-143 > ul { 
  /*background-color:#f1ece5; */
}
/* Spezifisch Kapselmaschinen */
div#subnav > ul > li.item-170 { 
  margin-bottom:10px; 
  padding-bottom:10px; 
  border-bottom:1px solid #d2d2d2;
}
div#subnav > ul > li.item-170 > a { 
  background-image:url("../../../images/icons/icon_kapsel.png");
}
div#subnav > ul > li.item-170 > a:hover,
div#subnav ul > li.item-170.current > a,
div#subnav ul li.item-170 ul li a:hover,
div#subnav ul li.item-170 ul li.current a {
  color:#8a4f24;
}
/* Spezifisch Kapselmaschinen official-page */
div#subnav > ul > li.item-171 { 
  margin-bottom:10px; 
  padding-bottom:10px; 
  border-bottom:1px solid #d2d2d2;
}
div#subnav > ul > li.item-171 > a { 
  background-image:url("../../../images/icons/icon_kapsel.png");
}
div#subnav > ul > li.item-171 > a:hover,
div#subnav ul > li.item-171.current > a,
div#subnav ul li.item-171 ul li a:hover,
div#subnav ul li.item-171 ul li.current a {
  color:#8a4f24;
}
/* Spezifisch Wasserspender */
div#subnav > ul > li.item-122 > a { 
  background-image:url("../../../images/icons/icon_wasserglas.png"); 
}
/*
div#subnav > ul > li.item-122 > a:hover,
div#subnav > ul > li.item-122.current > a,
div#subnav > ul > li.item-122.active > a { 
  background-image:url("../../../images/icons/icon_wasserglas.png"); 
}
*/
div#subnav > ul > li.item-122 > a:hover,
div#subnav ul > li.item-122.current > a,
div#subnav ul li.item-122 ul li a:hover,
div#subnav ul li.item-122 ul li.current a {
  color:#00a0d9;
}
div#subnav > ul > li.item-122 > ul { 
  /*background-color:#f0f7fc; */
}
/* Klasse separe */
div#subnav ul li a.separe { margin-top:4px; border-top:1px solid #d2d2d2; padding-top:8px; }



/* Spezifisch Getraenkespender */
div#subnav > ul > li.item-189 > a { 
  background-image:url("../../../images/icons/icon_topbrewer.png"); 
}
div#subnav > ul > li.item-189 { 
  margin-bottom:10px; 
  padding-bottom:10px; 
  border-bottom:1px solid #d2d2d2;
}
div#subnav > ul > li.item-189 > a:hover,
div#subnav ul > li.item-189.current > a,
div#subnav ul li.item-189 ul li a:hover,
div#subnav ul li.item-189 ul li.current a {
  color:#000000;
}








p.impressionen { position:absolute; width:40px; }
p.impressionen img { display:block; margin:0; border-bottom:1px solid #d2d2d2; padding:8px 4px; width:32px; height:auto; }

p.produktlogo { margin:0; margin-top:-34px; }
p.produktlogo img { display:block; margin:0 0 8px 0; padding:0; }

/* Vorteile Kaffee */
p.vorteile { margin:20px 0 0 0; height:auto; text-align:center; }
p.vorteile a { display:block; float:left; margin:0; padding:0 0 10px 0; width:20%; height:60px; font-size:12px; line-height:15px; }
p.vorteile a img { border:0; margin:0 0 5px 0; padding:0; opacity:0.7; }
p.vorteile a:hover img { opacity:1; }

/* Eigenschafen Wasser */
p.eigenschaften { margin:20px 0 0 0; height:auto; text-align:center; }
p.eigenschaften span { display:block; float:left; margin:0; padding:0 0 10px 0; width:25%; height:70px; font-size:12px; line-height:16px; }
p.eigenschaften span img { border:0; margin:0; padding:0; }




/***********************************************
** BUTTONS *************************************
***********************************************/

/* mehr… **************************************/
p.readmore a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#f1f1f1; background-image:url("../../../images/icons/icon_mehr.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; }
p.readmore a:hover { box-shadow:inset 2px 2px 4px #e1e1e1; }
p.readmore a:active { background-color:#e9e9e9; }
/* mehr… cafemenu */
div.cafemenu p.readmore a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#f3ede9; background-image:url("../../../images/icons/icon_mehr_cafe.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; color:#8a4f24; }
div.cafemenu p.readmore a:hover { box-shadow:inset 2px 2px 4px #e8dcd3; color:#000000; }
div.cafemenu p.readmore a:active { background-color:#e8dcd3; color:#000000; }
/* mehr… eaumenu */
.eaumenu p.readmore a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#e5f5fb; background-image:url("../../../images/icons/icon_mehr_eau.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; color:#00a0d9; }
.eaumenu p.readmore a:hover { box-shadow:inset 2px 2px 4px #ccecf7; color:#000000; }
.eaumenu p.readmore a:active { background-color:#ccecf7; color:#000000; }
/* Zurueck zur Uebersicht */
div.zurueck { margin-top:-59px; margin-bottom:26px; height:33px; }
div.zurueck p { text-align:right; }
div.zurueck a img { margin-bottom:-5px; }

/* download ***********************************/
p.download a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#f1f1f1; background-image:url("../../../images/icons/icon_download.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; }
p.download a:hover { box-shadow:inset 2px 2px 4px #e1e1e1; }
p.download a:active { background-color:#e9e9e9; }
/* download cafemenu */
/*.cafemenu p.download a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#f3ede9; background-image:url("../../../images/icons/icon_download_cafe.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; color:#8a4f24; }
.cafemenu p.download a:hover { box-shadow:inset 2px 2px 4px #e8dcd3; color:#000000; }
.cafemenu p.download a:active { background-color:#e8dcd3; color:#000000; }*/


/* download eaumenu */
.eaumenu p.download a { background-color:#e5f5fb; }
.eaumenu p.download a:hover { box-shadow:inset 2px 2px 4px #ccecf7; }
.eaumenu p.download a:active { background-color:#ccecf7; }

/* bestellen… **********************************/
p.bestellen { margin:10px 0; }
p.bestellen a { display:inline-block; padding:5px 10px 4px 30px; width:auto; background-color:#f9e9ed; background-image:url("../../../images/icons/icon_bestellen.png"); background-repeat:no-repeat; background-position:10px center; text-align:left; color:#c62c4b; }
p.bestellen a:hover { box-shadow:inset 2px 2px 4px #f4d5db; color:#000000; }
p.bestellen a:active { background-color:#f4d5db; color:#000000; }


/* Beratung Franke Kapselmaschinen **********************************/
a.button-kapselmaschine { width:200px; height:45px; line-height:45px; background:url("../../../images/produkte/franke/button.png") left top no-repeat; background-size:100%; display: inline-block; text-decoration:none; padding:0 0 0 40px; margin:0 4px; }
a.button-kapselmaschine strong { color:#000000; }


/* Fussnote **********************************/
span.fussnote { font-size:12px; line-height:18px; }

/* Icon Neuheit */
div#content div.item-page img.neuheit { position:absolute; margin-top:10px; margin-left:-40px; }

/* Bannerbild */
div#content div.item-page img.banner { margin-top:-7px; }


/* Div Gliederung Selbstreinigung, Kapselmaschinen **********************************/
div#selbstreinigung { margin-top:14px; width:100%; }
div#selbstreinigung ul { padding-left:18px; margin-bottom:14px; }
div#selbstreinigung img { float:left; margin-right:5%; }
div#selbstreinigung table.optionen { width:auto; max-width:63%; float:left; border-bottom:0; margin-top:-15px; padding-bottom:0; }
div#selbstreinigung table.optionen tr td img { margin-bottom:-5px; }
/* Mediaquerie 1232px ********************************/
@media screen and (max-width:1232px) {
  /* Tabelle formatieren Kapselmaschinen */
  div#selbstreinigung img { float:none; }
  div#selbstreinigung table.optionen { max-width:100%; float:none; border-bottom:0; padding-top:20px; }
} 

/* Div Gliederung Download und Film, Kapselmaschinen **********************************/
div#pdf-film { width:100%; }
div#pdf-film div#pdf { float:left; margin-top:20px; margin-right:32px; width:180px; }
div#pdf-film div#pdf img { width:auto; height:auto; }
div#pdf-film div#pdf a span { padding-left:60px; display:inline-block; line-height:50px; height:50px; background:url("../../../images/produkte/franke/icons.png") left -50px no-repeat; background-size:50px auto; margin:16px 0 10px 0; color:#000000; }
div#pdf-film div#film { position:relative; float:left; margin-top:20px; width:452px; }
div#pdf-film div#film img { display:none; position:absolute; width:452px; height:254px; opacity:1; z-index:0; transition:opacity ease 0.5s; }
div#pdf-film div#film:hover img { opacity:0; z-index:-100000; }
div#pdf-film div#film iframe { width:452px; height:254px; }
div#pdf-film div#film span { padding-left:60px; display:inline-block; line-height:50px; height:50px; background:url("../../../images/produkte/franke/icons.png") left 0 no-repeat; background-size:50px auto; margin:0 0 10px 0; color:#000000; }
/* Responsive Einstellung Film-Frame */
@media screen and (max-width:567px) {
  div#pdf-film div#film { width:260px; }
  div#pdf-film div#film iframe { width:260px; height:146px; }
}


/***********************************************
** RESPONSIVE **********************************
***********************************************/

/* bis 1228px ********************************/
@media screen and (max-width:1228px) {
  /* Produkteuebersicht Wasserspender spezial */
  .uebersicht div.category-desc {margin-right:340px;max-width:none;}
}

/* bis 1150px ********************************/
@media screen and (max-width:1150px) {
  div#hauptnav ul li a {padding-left:15px;}
  /* Produkteuebersicht */
  div.kategoriebeschrieb p.beschrieb { min-height:180px; }
}

/* bis 1079 px ********************************/
@media screen and (max-width:1079px) {
  div#header div#header-layout div#hauptnav { display:none; }
  div#header div#header-layout div#mmbutton { display:block; }
  div#header div#header-layout div#mmbutton span { padding-left:24px; background-image:url('/images/icons/menubutton.png'); background-repeat:no-repeat; background-position:top left; }
  div#header div#header-layout div#mmbutton a:hover span { background-image:url('/images/icons/menubutton_hover.png'); }
  div#main { min-height:none; }
  div#main div.inside {display:block;}
  div#maincontent { display:block; width:100%; }
  div#content {display:block;float:none;width:100%;max-width:none;}
  div#content div.inside div.item-page { margin:0 60px; padding-right:0px; }
  div#content div.inside div.blog { padding-right:0px; }
  div#aside { display:block;/*position:relative;*/float:none;width:100%;max-width:none;min-width:none; }
  div#beratung div.inside { margin:0px 0 10px 0; padding-bottom:0px; border-bottom:0px; }
  div#subnav { margin-top:0px; }
  div#subnav ul li.parent,
  div#subnav > ul > li.item-170,
  div#subnav ul li.item-189{ margin-top:10px; margin-bottom:0px; border:0; border-top:1px solid #d2d2d2; padding-top:10px; padding-bottom:0px; }
  div#footer { margin-top:10px; }
  div#footer div.inside { padding-top:40px; }
  /* MobileMenu */
  #top:target div#header div#header-layout div#hauptnav { display:block; position:absolute; left:25%; right:25%; margin-top:46px; width:50%; height:auto; background-color:#fff; border:0; z-index:10000000; }
  div#hauptnav ul { margin:10px 10px; border:0; padding:10px 0; width:auto; height:auto; background-color:#f1f1f1; }
  div#hauptnav ul li { display:block; padding:10px 0; }
  div#hauptnav ul li.item-119 { display:none; }
  div#hauptnav ul li a { padding:0; }
  div#djslider100.djslider {  }
  /* Produkteuebersicht */
  div.kategoriebeschrieb p.beschrieb { min-height:150px; }
  /* Produkteuebersicht Wasserspender spezial */
  .uebersicht div.category-desc {margin-right:0;width:100%;}
  .uebersicht div#aside {display:block;position:relative;top:auto;right:auto;width:100%;max-width:none;}
  /* Kontaktformular */
  div#pfmTemplate_1 {margin:0 60px !important;}
}

/* bis 1000 px ********************************/
/*@media screen and (max-width:1000px) {
  div#header div#header-layout div#hauptnav { display:none; }
  div#header div#header-layout div#mmbutton { display:block; }
  div#header div#header-layout div#mmbutton span { padding-left:24px; background-image:url('/images/theme/menubutton.png'); background-repeat:no-repeat; background-position:top left; }
  div#header div#header-layout div#mmbutton a:hover span { background-image:url('/images/theme/menubutton_hover.png'); }
  div#maincontent { display:block; width:100%; }
  div#content { display:block; width:100%; max-width:none; }
  div#content div.inside div.item-page { margin:0 60px; padding-right:0px; }
  div#content div.inside div.blog { padding-right:0px; }
  div#aside { display:block; width:100%; min-width:none; }
  div#beratung div.inside { margin:0px 0 10px 0; padding-bottom:0px; border-bottom:0px; }
  div#subnav { margin-top:0px; }
  div#subnav ul li.parent,
  div#subnav > ul > li.item-170 { margin-top:10px; margin-bottom:0px; border:0; border-top:1px solid #d2d2d2; padding-top:10px; padding-bottom:0px; }
  div#footer { margin-top:10px; }
  div#footer div.inside { padding-top:20px; }*/
  /* MobileMenu */
  /*#top:target div#header div#header-layout div#hauptnav { display:block; position:absolute; left:25%; right:25%; margin-top:46px; width:50%; height:auto; background-color:#fff; border:0; z-index:10000000; }
  div#hauptnav ul { margin:10px 10px; border:0; padding:10px 0; width:auto; height:auto; background-color:#f1f1f1; }
  div#hauptnav ul li { display:block; padding:10px 0; }
  div#hauptnav ul li.item-119 { display:none; }
  div#hauptnav ul li a { padding:0; }
  div#djslider100.djslider {  }*/
  /* Produkteuebersicht */
  /*div.kategoriebeschrieb p.beschrieb { min-height:150px; }
}*/

/* bis 900 px ********************************/
@media screen and (max-width:900px) {
  div#content div.inside div.item-page { margin:0; }
  div.designelemente { display:none; }
  /* Kontaktformular */
  div#pfmTemplate_1 {margin:0 !important;width:100% !important;}
}

/* bis 800 px ********************************/
@media screen and (max-width:800px) {
  h2 { margin:0 0 14px 0; }
  div.zurueck { margin-top:-45px; }
  h3 { margin:20px 0 0 0; }
  h1.hometitel { margin:20px 0 14px 0; }
  .page-layout .item-text h3.bezeichnung { margin-top:-10px; }
  div#content div.inside { padding:20px 0; }
  table.partner { margin-top:0; padding-bottom:14px; }
  .beitragsbild { margin-top:0; }
  div.items-row { margin-bottom:20px; }
  .produkteuebersicht div.items-row { margin-top:14px; }
  table.optionen { margin:10px 0 20px 0; }
  table.technisches { margin:10px 0 20px 0; }
}

/* bis 700 px ********************************/
@media screen and (max-width:700px) {
  /* Produktebild verkleinern */
  .produktbild { height:300px; }
  .produktbild img { max-height:300px; }
  /* Icons: Vorteile Kaffee */
  p.vorteile a { width:25%; }
  /* Icons: Eigenschaften Wasser */
  p.eigenschaften span { width:33%; }
  /* Produkteuebersichten: zwei Produkte pro Reihe */
  div.items-row { margin-right:5%; width:45%; border-bottom:1px solid #d2d2d2; }
  .uebersicht div.items-row {margin-right:5%; width:45%; border-bottom:1px solid #d2d2d2;max-width:none;}
  /* Kategorietitel 2 Zeilen-Abstand aufheben */
  .blog div h2 { font-size:18px; line-height:22px; font-weight:normal; color:#737373; margin:0px 0 10px 0px; min-height:14px; }
}

/* bis 600 px ********************************/
@media screen and (max-width:600px) {
  p.produktbild { margin-bottom:40px; }
  .eaumenu p.produktbild { margin-bottom:20px; }
  .eaumenu.enviva p.produktbild { margin-bottom:80px; }
  /* Tabelle Kontakt aufloesen */
  table.kontakt, table.kontakt tbody, table.kontakt tr, table.kontakt td { display:block; }
  table.kontakt td { padding:0; }
  /* Tabelle Partner aufloesen */
  table.partner, table.partner tbody, table.partner tr, table.partner td { display:block; margin:0; }
  table.partner tr { margin-top:12px; }
  /* Produktekategorien horizontal */  
  body.produkteuebersicht div.items-row { margin-right:0; width:100%; border-bottom:1px solid #d2d2d2; }
  body.produkteuebersicht div#content div.inside .item-page div.item-image { float:left; margin-top:8px; margin-right:5%; width:30%; border-bottom:0; padding:0; }
  div#footer div.custom p span { display:block; margin:0; border:0; padding:0; }
  /* Zurueck zur Uebersicht */
  div.zurueck p a span.linktext { display:none; }
}

/* bis 500 px ********************************/
@media screen and (max-width:500px) {
  body { margin:0 8%; }
  /* Produktebild verkleinern */
  .produktbild { height:200px; }
  .produktbild img { max-height:200px; }
  /* Icons: Vorteile Kaffee */
  p.vorteile a { width:33%; }
  /* Icons: Eigenschaften Wasser */
  p.eigenschaften span { width:50%; }
  /* MobileMenu */
  #top:target div#header div#header-layout div#hauptnav { left:8%; right:8%; width:84%; }
  div#hauptnav ul { margin:10px 0; }
  /* Produktekategorien Bild verkleinern */  
  body.produkteuebersicht div#content div.inside .item-page div.item-image { margin-bottom:0; padding-bottom:0; width:20%; }
  /* Produkteuebersicht */
  div.kategoriebeschrieb p.beschrieb { min-height:50px; }
}

/* bis 400 px ********************************/
@media screen and (max-width:400px) {
  div.zurueck { margin-top:0px; }
  div.zurueck p { text-align:left; }
}
/* bis 360 px ********************************/
@media screen and (max-width:380px) {
  div#footer div.inside { padding-top:80px; }
  #footer ul.footernav {left:0;width:100%;}
  #footer ul.footernav li {margin-left:0;margin-right:1em;margin-bottom:0.5em;}
}

/* bis 335 px ********************************/
@media screen and (max-width:335px) {
  p.vorteile a { width:50%; }
}




/***********************************************
** TARGETS *************************************
***********************************************/
div#auf { display:block; }
div#zu { display:none; }

#top:target div#auf { display:none; }
#top:target div#zu { display:block; }