body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/*****************************************************************
 * Infinity Push
 *****************************************************************/
@media only screen and (max-width: 767px) {

.ma-infinitypush-button{
display: block;
}
/*
.ma-infinitypush-button:before{
content: 'Menü';
color: #FFFFFF;
font-weight: bold;
line-height: 1.8em;
font-size: 1.3em;
margin-right: 40px;
}
*/

html {
  overflow-x: hidden;
}
body {
  position: relative;
  overflow-x: hidden;
}
.ma-infinitypush-open {
  display: block;
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ma-infinitypush-wrapper {
  background-color: #41291B;
  position: fixed;
  width: 280px;
  height: 100%;
  z-index: 9995;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button {
  position: absolute;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button {
  margin: 0 0 0 0px;
}



.ma-infinitypush-wrapper .ma-infinitypush-button {
  display: block;
  box-shadow: inset 0 6px #41291B, inset 0 12px #FFFFFF, inset 0 18px #41291B, inset 0 24px #FFFFFF, inset 0 30px #41291B, inset 0 36px #FFFFFF;
  position: fixed;
  text-indent: -65px;
  width: 40px;
  height: 40px;
  top: 5px;
  cursor: pointer;
  z-index: 9995;
	background-color: #41291B;
	border: 0;
	right: 12px!important;
}



.ma-infinitypush-open .ma-infinitypush-wrapper .ma-infinitypush-button{
	margin-left: 0!important;
}

.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ol {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ol {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.ma-infinitypush-wrapper .ma-infinitypush {
  background-color: #41291B !important;
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9996;

}
.ma-infinitypush-wrapper .ma-infinitypush ul, .ma-infinitypush-wrapper .ma-infinitypush ol {
  background-color: #41291B;
  list-style-type: none;
  width: 280px;

}
.ma-infinitypush-wrapper .ma-infinitypush ul li, .ma-infinitypush-wrapper .ma-infinitypush ol li {
  height: auto;
  min-height: auto;
  width: 100%;
  line-height: auto;
  padding-left: 0px;
  text-transform: capitalize;
}

#primary-navigation  ul:first-child{
margin-top: 20px;
padding-left: 0px;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li a, .ma-infinitypush-wrapper .ma-infinitypush ul li span, .ma-infinitypush-wrapper .ma-infinitypush ol li a {
  color: #ffffff;
  display: block;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  height: 100%;
  margin: 0;
  padding: 10px 0px 10px 15px!important;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li ul, .ma-infinitypush-wrapper .ma-infinitypush ul li ol, .ma-infinitypush-wrapper .ma-infinitypush ol li ul, .ma-infinitypush-wrapper .ma-infinitypush ol li ol {
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  overflow-y: auto;
  padding-left: 10px;
  padding-top: 40px;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item {
  background-color: #ccc;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item > a, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item > a {
  color: #E7E8E8!important;
  text-decoration: none !important;
}
.ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol {
margin: 0px;
padding-left: 0px;
padding-top: 1em;
}
.ma-infinitypush-wrapper .ma-infinitypush.ma-infinitypush-sub-open {
  overflow-y: hidden;
}
.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-inactive {
  border-right: none !important;
  border-left: none !important;
  overflow-y: hidden !important;
}
.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 280px;
  height: 100% !important;
  top: 0;
  left: 0;
  padding: 0 !important;
}


.ma-infinitypush-wrapper .ma-infinitypush ul li{
border-bottom: solid 1px #fff;
margin-bottom: 0px;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li:first-child{
border-top: solid 1px #fff;
}







}
body,
html {
    position:relative;
    margin:0;
    padding:0;
    font:13px 'Times New Roman',Times,serif;
    background: #160E09 url('../../files/design_pix/body-bg.jpg') repeat top left;
}
a,
a:link,
a:visited,
a:active {
    text-decoration:none;
    color:#371A0C;
}
a:hover,
#main a:hover,
a.more:hover,
#kaffeeoverview .ce_teaser a.more:hover,
#kaffeeoverview h2 a:hover {
    text-decoration:underline;
}
p.back a {
    font-weight:normal;
    text-decoration:underline;
    color:#28150C;
}
#wrapper {
    width:885px;
    margin: 0px auto;
}
.clearer {
    height:1px;
    clear: both;
}
#right {
    margin-top:55px;
}
#right .inside {
    overflow:hidden;
    margin-right:25px;
}
h1 {
    margin:0 0 10px;
    padding:0 0 6px;
    border-bottom:1px solid #c99e64;
    font-size:20px;
    font-weight:normal;
    color:#28150C;
}
h2 {
    margin:0 0 10px;
    font-size:18px;
    font-weight:normal;
}
h4,
h5,
h6 {
    margin:0 0 8px;
    font-size:14px;
}
.ce_text h4 {
    margin:10px 0;
    font-weight:bold;
    color:#28150C;
}
#main h2 {
    margin-top:25px;
    padding:4px;
    border-top:0px solid #41291B;
    border-right:0px solid #41291B;
    border-bottom:1px solid #41291B;
    border-left:0px solid #41291B;
    color:#41291B;
}
#main .roundimage .image_container img {
    border:0px solid #fff;
    border-radius:12px;
}


#Startboxen .block {
    overflow:visible;
}
#Startheader,
#Startboxen {
    clear:both;
}
#Startboxen {
    width:595px;
    float:left;
}
#qualitaetsgarantie {
    font-size:14px;
}
#qualitaetsgarantie h1 {
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    color:#332017;
}
.keyimagewrapper {
    width:100%;
    height:210px;
    margin:0 0 25px;
}
.keyimagewrapper img {
    float:left;
}
.headerimagetextblock {
    width:234px;
    height:180px;
    position:absolute;
    margin-left:570px;
    padding:10px 10px 20px 20px;
    background-image:url("../../files/design_pix/trans-white.png");
    background-position:left top;
    background-repeat:repeat;
    z-index: 0;
}
.headerimagetextblock h3 {
    margin:0 0 10px;
    font-size:18px;
    font-style:italic;
    color:#332017;
}
.headerimagetextblock p {
    font-size:13px;
}
.colum,
.columright {
    width:260px;
    float:left;
    margin-bottom:25px;
    padding-bottom:10px;
    background-color:#f2e8d8;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.colummiddle {
    width:260px;
    float:left;
    margin:0 0 0 25px;
    padding-bottom:10px;
    background-color:#f2e8d8;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.columheaderBottom div {
    width:260px;
    position:absolute;
    margin: 90px 0px 0px 0px;
    padding: 0px 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.columheaderTop div {
    width:260px;
    position:absolute;
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}
.columheaderBottom div h3 {
    margin: 0px 0px 0px 0px;
    padding: 5px 15px;
    text-shadow: #FFFFFF 1px 1px 0px;
}
.columheaderTop div h3 {
    margin: 0px 0px 0px 0px;
    padding: 5px 15px;
    text-shadow: #FFFFFF 1px 1px 0px;
}
#Startboxen .ce_text,
#Startboxen .mod_articleList,
#Startboxen .mod_articlelist,
#Startboxen .ce_hyperlink,
#Startboxen .mod_navigation {
    margin:0 15px;
    font-size:13px;
}
.columheaderBottom {
    height:125px;
}
.columheaderBottom img {
    position:absolute;
}
.colum .image_container,
.colummiddle .image_container {
    position:relative;
    margin:0;
}
.colum .ce_image h3,
.colummiddle .ce_image h3 {
    width:231px;
    position:absolute;
    margin:89px 0 0;
    padding:6px 15px;
    background-image:url("../../files/design_pix/trans-white-60.png");
    background-position:left top;
    background-repeat:repeat;
    font-size:24px;
    z-index: 1;
    text-shadow: 1px 1px 0 #FFFFFF;
    border-bottom: 1px solid transparent;
    border-radius: 0px 0px 12px 12px;
    max-height: 21px;
}
#Startboxlinks {
    width:260px;
    float:right;
    margin:0;
    padding-top:25px;
}
#Startboxrechts {
    width:260px;
    float:right;
    margin:0 0 15px;
    background-color:#f2e8d8;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
#Startboxrechts .ce_image h3,
#right .ce_image h3,
#main .columteebox h3,
#main .kategorieeinstieg1  h3,
#main .kategorieeinstieg  h3 {
    width:232px;
    position:absolute;
    margin:0;
    padding:7px 15px;
    background-image:url("../../files/design_pix/trans-white-60.png");
    background-position:left top;
    background-repeat:repeat;
    font-size:17px;
    z-index: 1;
    text-shadow: 1px 1px 0 #FFFFFF;
    max-height: 21px;
}
#Startboxen .ce_text p {
    min-height:80px;
    padding:10px 0 0;
}
.columteebox {
    float:left;
    margin:0 22px 20px 0;
}
#teegruen,
#fruechtetee,
#kraeutertee {
    margin:0 0 11px;
}
#main .kategorieeinstieg1  h3,
#main .kategorieeinstieg  h3 {
    margin-top:205px;
}


.chzn-container-single .chzn-single {
    border:1px solid #2F180C;
    font-size:12px;
    color:#2F180C;
}
.chzn-container-single .chzn-single div {
    border-left:1px solid #2F180C;
}
.chzn-container .chzn-drop {
    border-top:0px solid #2F180C;
    border-right:1px solid #2F180C;
    border-bottom:1px solid #2F180C;
    border-left:1px solid #2F180C;
}
.chzn-container .chzn-results li {
    line-height: 1.5;
}
.chzn-search {
    display:none;
}
.startbutton .hyperlink_txt {
    width:225px;
    display:block;
    padding:3px 0 2px;
    text-align:center;
    background-color:#FFF;
    border:1px solid #2F180C;
    border-radius:12px;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    color:#2F180C;
    cursor: pointer;
}






#topnav {
    overflow:hidden;
    background-color:#FFF;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding: 20px 0px 0px 0px;
}
#headerend {
    height:15px;
    position:relative;
    background-color:#FFF;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
#topnav ul {
    list-style-type:none;
    margin: 0px 0px 0px 426px;
    padding: 0px 0px 0px 0px;
}
#topnav ul li {
    float:left;
    display:inline;
    border-style:1px;
    border-color:#130C08;
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}
#topnav ul li a,
#topnav ul li span {
    width:105px;
    float:left;
    display:block;
    margin:0;
    padding:0 0 4px 5px;
    border-left:1px solid #41291B;
    font-size:16px;
    font-weight:bold;
    color:#41291B;
}
#topnav ul li a.first,#topnav ul li span.first, #topnav ul li:nth-child(1) > a, #topnav ul li:nth-child(1) > span {
    border-left: none;
}
#subnav ul li.first a, #subnav ul li:nth-child(1) span, #subnav ul li:nth-child(1) a,
#subnav ul li.first span {
    padding:10px 0 6px 8px;
}
#subnav {
    width:140px;
    height:156px;
    float:right;
    margin:0 210px 0 0;
    background-image:url("../../files/design_pix/trans-brown.png");
    background-position:left top;
    background-repeat:repeat;
}
#subnav ul {
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#subnav ul li {
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#subnav ul li a,
#subnav ul li span {
    display:block;
    margin:0;
    padding:6px 0 6px 8px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
}
#subnav .active span.active,
#subnav li a:hover {
    background-color:#553015;
    text-decoration: none;
}





#container {
    background-color:#fff;
}
#main {
    min-height:600px;
    padding:25px 0;
    background-color:#FFF;
    font-size:16px;
    line-height:140%;
}
#main .inside {
    margin-right:25px;
    margin-left:25px;
}
#main p {
    margin:0 0 10px;
}
.startseite #main {
    min-height:600px;
    padding:25px 0;
    background-color:#FFF;

}
.caption {
    padding:5px;
    font-size:12px;
    line-height:120%;
}
.float_left {
    margin:5px 15px 10px 0;
}
.float_right {
    margin:5px 0 10px 15px;
}

.float_below{
     margin:10px 0px 15px 0px;   
}

.keyimagewrapper .float_below{
     margin:0px 0px 0px 0px;   
}

#kaffeeoverview .ce_teaser {
    margin:10px 0 20px;
    padding:0 0 10px;
}
#kaffeeoverview .ce_teaser h2,
#kaffeeoverview .ce_teaser h2 a {
    padding:0;
    text-decoration:none;
    color:#28150C;
}
#kaffeeoverview .ce_teaser a.more {
    float:right;
    font-weight:bold;
    text-decoration:none;
    color:#28150C;
}
#kaffeeoverview .ce_teaser p {
    margin:0;
    padding:0;
}

.ce_gallery{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px; 
margin-top: 20px;
}


.ce_gallery .image_container{
 margin-top: 6px;
  margin-bottom: 6px;   
}

.ce_gallery .imgborder img {
    border:2px solid #fff;
    border-radius:12px;
}
.ce_list h4 {
    margin:0;
    font-weight:bold;
    color:#41291B;
}
.ce_list {
    margin-bottom:35px;
    padding:10px;
    background-color:#F5E9D7;
    border:2px solid #fff;
    border-radius:12px;
}
.ce_list ul {
    margin:0;
    padding:0;
}
.ce_list ul li {
    display:inline;
    margin:0;
    padding:0 20px 0 0;
    font-size:12px;
    font-weight:normal;
    list-style-type: none;
}
.ce_list.plist_second {
    margin-top:-37px;
    border-top: 0;
}
#main h2 a:hover,
#kaffeeoverview .ce_teaser h2 a:hover {
    text-decoration:none;
}
#suesse-kleinigkeiten .caption {
    display: none;
}
#wein-spirituosen .kategorieeinstieg1,
#wein-spirituosen .kategorieeinstieg {
    width:240px;
    float:left;
}
#wein-spirituosen .kategorieeinstieg img,
#wein-spirituosen .kategorieeinstieg1 img {
    border:0px solid #fff;
    border-radius:12px;
}
#wein-spirituosen .kategorieeinstieg1 {
    margin-right:55px;
    margin-bottom:55px;
}
#wein-spirituosen .kategorieeinstieg {
    margin-bottom:55px;
}
#confirm-googlemaps {
    width:80%;
    left:50%;
    top:50%;
    position:absolute;
    display:flex;
    margin:auto;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    flex-direction: column;
    flex-wrap: wrap;
}
#confirm-googlemaps p > a {
    text-decoration:underline;
    color:#2D1C12;
}
#confirm-googlemaps .gbutton {
    margin-top:25px;
    padding:6px;
    text-align:center;
    background-color:#2D1C12;
    border-style:hidden;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
    color:#C99E64;
    cursor: pointer;
}
.ce_dlh_googlemaps {
    margin-bottom:20px;
    vertical-align:middle;
    background-image:url("../../files/bilder/gmap-dummy.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}

.dlh_googlemap{
display: block;
min-height: 350px;
}


#header {
    background: #41291B url('../../files/design_pix/bg-header.jpg') no-repeat 0px 26px;
}
.logo {
    float:left;
    margin: 17px 56px 0px 32px;
}

.logo_mobil{
    display: none;
}
#slogan {
    float:left;
    margin: 90px 0px 0px 0px;
}
#Detailheader {
    height:210px;
    padding:25px 25px 0;
    background-color:#fff;
}
#Detailheader .keyimagewrapper {
    position:absolute;
}
#Detailheader .selectKaffee,
#Detailheader .selectTee {
    width:244px;
    position:absolute;
    overflow:visible;
    margin:155px 0 0 570px;
    padding:10px 20px 20px;
}
#main #Startboxen .inside {
    margin:0 0 0 25px;
}
#main #Startboxrechts,
#main #Startboxlinks {
    margin:0 25px 0 0;
}
#main #Startboxrechts .inside,
#main #Startboxlinks .inside {
    margin:0;
    padding:0;
}



.formbody input {
    width:100%;
    margin-bottom:10px;
    padding:8px 8px;
    background-color:#E2CCAD;
    border-top:0px solid #2D1C12;
    border-right:0px solid #2D1C12;
    border-bottom:1px solid #2D1C12;
    border-left:0px solid #2D1C12;
    font-size:13px;
    font-weight:normal;
}
.formbody select {
    width:100%;
    margin-bottom:10px;
    padding:8px 8px 8px 8px;
    background-color:#E2CCAD;
    border-top:0px solid #2D1C12;
    border-right:0px solid #2D1C12;
    border-bottom:1px solid #2D1C12;
    border-left:0px solid #2D1C12;
    font-size:13px;
    font-weight:normal;
    cursor: pointer;
}
.formbody select option {
    width:350px;
    margin:0;
    padding:4px;
    font-size:13px;
}
.formbody label {
    display:block;
    margin:10px 0 0;
    padding:0;
}
.formbody textarea {
    width:100%;
    margin-bottom:10px;
    padding:4px;
    background-color:#E2CCAD;
    border-top:0px solid #2D1C12;
    border-right:0px solid #2D1C12;
    border-bottom:1px solid #2D1C12;
    border-left:0px solid #2D1C12;
    font-size:13px;
    font-weight:normal;
}
.formbody input.formButton,
.formbody button.formButton {
    width:100%;
    margin:0;
    padding:8px 10px;
    text-align:center;
    background-color:#2D1C12;
    border:0px hidden;
    font-weight:bold;
    color:#C99E64;
    cursor: pointer;
}
.formbody .widget.datenschutz {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    background-color:rgba(226,204,173,.5);
    width: 100%;
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    border: 0;
    border-bottom: 1px solid #2D1C12;
}
.formbody .widget.datenschutz > fieldset {
    display:inline-block;
    text-align:left;
    background-color:#fffff;
    width: auto;
    margin-left: 0px !important;
    margin-top: 0px !important;
    border: 0;
    padding: 10px 10px 10px 10px;
}
.formbody .widget.datenschutz > fieldset legend {
    padding:5px 0 0;
}
.formbody .widget.datenschutz > fieldset input.checkbox {
    width: auto;
    float: left;
    margin: 0px 10px 10px 0px;
}
.formbody .widget.datenschutz > fieldset label {
    text-align:left;
    float: left;
    width: 90%;
    margin: 0px 0px 0px 0px;
}





#footer {
    background: transparent url('../../files/design_pix/footer-bg.png') repeat-x 0px 0px;
}
#footerstart {
    height:15px;
    background-color:#FFF;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.footerblock {
    width:140px;
    float:left;
    font-size:12px;
    color:#C0975F;
    margin: 20px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:hover,
#footer a:visited {
    font-size:12px;
    text-decoration:none;
    color:#C0975F;
}
.footerblock p {
    line-height:160%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.footerblock p span {
    width:95px;
    float:left;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.block240 {
    width:240px;
    margin-left:225px;
}
.block40 {
    width:40px;
}
.datenschutz {
    position:relative;
    margin-left: -53px !important;
    margin-top: 16px !important;
    text-align: right;
}
.datenschutz a {
    text-decoration: underline !important;
}
.datenschutz a:hover {
    text-decoration: none !important;
}



#praesent {
    height:165px;
    font-size:14px;
}
#anfahrtwegbeschreibung,
#anfahrtwegbeschreibung2 {
    width:261px;
    margin:0 0 20px;
    padding:0 0 10px;
    background-color:#f5e9d7;
    border-top:0px solid #FFF;
    border-right:0px solid #FFF;
    border-bottom:2px solid #FFF;
    border-left:0px solid #FFF;
    border-radius:12px;
}
#anfahrtwegbeschreibung h3,
#anfahrtwegbeschreibung2 h3 {
    margin:0;
    padding:6px 15px;
    border-top:0px solid #2D1C12;
    border-right:0px solid #2D1C12;
    border-bottom:1px solid #2D1C12;
    border-left:0px solid #2D1C12;
    font-size:17px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#right .columrightbox {
    width:261px;
    margin:20px 0 0;
    background-color:#f5e9d7;
    border-top:0px solid #fff;
    border-right:0px solid #fff;
    border-bottom:2px solid #fff;
    border-left:0px solid #fff;
    border-radius:0 12px 12px;
}
#right .columrightbox .ce_hyperlink {
    margin:0 15px 10px;
}
#right .columrightbox p {
    padding:0 15px;
    color:#371a0c;
}
#right .columrightbox .ce_image h3,
#main .columteebox h3 {
    margin:91px 0 0;
    border-bottom: 1px solid transparent;
    border-radius: 0px 0px 12px 12px;
}
#right .columrightbox .ce_image {
    height:123px;
    overflow: hidden;
}


/* CSS Document */
@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}


/* Tablet Portrait  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

#wrapper {
    max-width: 765px;
	width: 100%;
}

#topnav ul {
    margin: 0px 0px 0px 320px;
}


#subnav {
    margin: 0 87px 0 0;
}


#Startboxrechts, #Startboxlinks{
min-width: 260px;
    width: 27%;
}


#Startboxen {
    width: 60%;
}


#Startboxen .colum, #Startboxen .columright, #Startboxen .colummiddle{
	width: 47%;
	position: relative;
	min-height: 265px;
}


#Startboxen .chzn-container[style]{
	width: 100%!important;
}

.startbutton .hyperlink_txt{
	width: 99% !important;
	padding: 6px 0px;
}


#Startboxen .image_container{
	position: relative;
}

#Startboxen h3{
	font-size: 1.1em;
}

.colum .ce_image h3, .colummiddle .ce_image h3{
	width: 86%;
	margin: 61px 0 0;
}


.headerimagetextblock {
    margin-left: 451px;
}
#Detailheader .selectKaffee, #Detailheader .selectTee {
    margin: 135px 0 0 451px;
}

.headerimagetextblock h3{
	margin-top: 0px;
}

.mblock1 .footerblock{
width: 125px;
}

.mblock2 .block240 {
    margin-left: 112px;
}

#pralinen .ce_gallery tr, #pralinen .ce_gallery td{
	display: inline;
}


#pralinen .ce_gallery td[style]{
	width: 100%!important;
}

#pralinen .ce_gallery td{
	display: inline-block;
	float: left;
	width: 48%!important;
	max-width: 185px!important;
	margin-right: 4%;
	min-height: 240px;
}

#wein-spirituosen .kategorieeinstieg1, #wein-spirituosen .kategorieeinstieg {
	width: 46%;
margin: 0px 0px 0px 0px;
position: relative;
}

#wein-spirituosen .kategorieeinstieg1 .image_container, #wein-spirituosen .kategorieeinstieg .image_container{
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

#wein-spirituosen .kategorieeinstieg1{
	margin-right: 25px;
}



#main .kategorieeinstieg1 h3, #main .kategorieeinstieg h3 {
    margin-top: 163px;
    width: 100%;
}


}

/* Tablet Landscape */

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {



}
@charset "UTF-8";

@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}

#footer {
max-width: 885px;
width: 100%;
margin: 0px auto;
}



/* smartphone optimierung */
@media only screen and (max-width: 767px) {


body,html{
font-size: 100%;
}

#topnav{display: none;}
.custom #animation{display: none;}


#header, #header > .inside{
background: none;
height: auto;
min-height: 1px;
position: fixed;
z-index: 50;
}

#headerend{display: none;}
#headermiddle{
position: fixed;
top: 0;
left: 0px;
height: 50px;
width: 100%;
max-width: 100%;
background-color: #41291B;
 z-index: 1;
 -webkit-box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
 -moz-box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
 box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
}

#headermiddle a{
display: block;
width: 100%;
height: 50px;
position: absolute;
max-width: fit-content;
z-index: 8;
}

.logo{display: none;}

#slogan{display: none;}


.logo_mobil{
width: auto;
height: calc(100% - 10px);
margin: 5px 0px 5px 12px;
display: block;

}

#wrapper{
width: 100%;
max-width: 910px;
background: none;
padding: 0px 0px;
background-color: #ffffff;
padding-top: 60px;
}


#subnav{
display: none;
}


html.mobile_menu_active, .mobile_menu_active body{
 overflow: hidden;
}

.mod_mobile_menu{
 width: 50px;
position: absolute;
height: 50px;
top: 0;
background-color: #41291B;
z-index: 5;
}


 .mobile_menu_trigger {
   text-indent: 0px;
   cursor: pointer;
 }

.mobil-button{
display: block;
box-shadow: inset 0 6px #41291B, inset 0 12px #FFFFFF, inset 0 18px #41291B, inset 0 24px #FFFFFF, inset 0 30px #41291B, inset 0 36px #FFFFFF;
position: fixed;
text-indent: -65px;
width: 40px;
height: 40px;
top: 5px;
cursor: pointer;
z-index: 9995;
background-color: #41291B;
border: 0;
right: 12px;
}


.nav_desktop{
 display: none;
}


#navigation{
width: 100%;
position: fixed;
height: 50px;
top: 0;
background-color: #41291B;
z-index: 9;
left: 0;
-webkit-box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
-moz-box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
box-shadow: 0px -4px 13px 1px rgba(0,0,0,0.85);
}

.custom{width: 100%;}




.mobile_menu .inner{
 background-color: #41291B;
}

.nav_mobil ul{
margin: 0px;
padding-left: 0px;
padding-top: 1em;
}


.nav_mobil ul.level_1 > li {
   border-top: solid 1px #fff;
 }

.nav_mobil ul.level_1 > li:last-of-type {
   border-bottom: solid 1px #fff;
 }

.nav_mobil ul li a, .nav_mobil ul li span {
width: 100%;
height: auto;
min-height: 1em;
float: none;
display: inline-block;
text-align: left;
background-color: transparent;
border-bottom: 0;
font-size: 1.2rem;
text-decoration: none;
color: #FFF;
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 15px;
text-transform: capitalize;
}


.nav_mobil ul li {
float: none;
width: 100%;
display: inline-block;
list-style-type: none;
margin: 0px 0px 0px 0px;
position: relative;
isolation: isolate;
}

.nav_mobil ul li.submenu > a::after, .nav_mobil ul li.submenu > span::after{
 content: '\25B6';
 display: block;
 width: 46px;
 height: 46px;
 position: absolute;
 right: 0;
 top: 0;
 color: #ffffff;
 font-size: 13px;
bottom: 0;
text-align: center;
line-height: 46px;
font-weight: bold;
}


.nav_mobil ul li.submenu.submenu_show > a::after, .nav_mobil ul li.submenu.submenu_show > span::after{
content: '\25B6';
transform: rotate(90deg);
width: 46px;
height: 46px;
}


 .nav_mobil ul li.submenu.trail > a::after, .nav_mobil ul li.submenu.active > a::after, .nav_mobil ul li.submenu.trail > span::after, .nav_mobil ul li.submenu.active > span::after{
  color: #41291B;
 }


.nav_mobil ul li.active, .nav_mobil ul li.trail{
 background-color: #f2e8d8;
}

.nav_mobil ul li.active span, .nav_mobil ul li.active > a, .nav_mobil ul li.trail span, .nav_mobil ul li.trail > a{
color: #41291B;
}

.nav_mobil ul.level_2{
 padding-top: 0px;
  background-color: rgba(153, 136, 121, 1);
}

.nav_mobil ul.level_2 li{
    border-top: solid 1px #fff;
}


#container, #Detailheader{
margin: 0px auto;
width: 94%;
}


.startseite #main{
padding: 0px 0;
}

.startseite #main p{
 line-height: inherit;
}

#main .inside {
margin-right: 0px;
margin-left: 0px;
}


#main .ce_text ul{
padding-left: 1em;
}

#container #main{float: none; width: 100%; margin-right: 0px;}


.keyimagewrapper{
min-height: 220px;
height: auto;
display: inline-block;
position: relative;
border-radius: 0px 14px 14px 14px;
overflow: hidden;
}

.keyimagewrapper .image_container{
min-height: 120px;
position: absolute;
overflow: hidden;
}

.startseite #main .keyimagewrapper .image_container{
margin-top: 0em;
margin-bottom: 0em;
}

.keyimagewrapper img{
float: none;
height: 120px;
width: auto;
max-width: unset;
}

.headerimagetextblock{
width: 92%;
margin: 0px 0px 0px 0px;
padding: 2% 4%;
height: auto;
bottom:0;
}


#startinfoheader .headerimagetextblock h3{
margin-top: 8px;
margin-bottom: 24px;
}

#Startboxen{
width: 100%;
}

#main #Startboxrechts, #main #Startboxlinks{
margin: 0px 0px;
width: 100%;
}

#main #Startboxen .inside {
margin: 0 0 0 0px;
position: relative;
}

#Startboxen .colum, #Startboxen  .colummiddle{
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 25px;
}

#Startboxen .ce_image {
 position: relative;
}

#Startboxen .ce_image.header_top h3,  .ce_image.header_top h3, #Startboxrechts .ce_image.header_top h3, #right .ce_image.header_top h3{
 bottom: unset;
 top: 0;
}

#Startboxen .image_container{
max-height: 125px;
min-height: 125px;
height: 125px;
overflow: hidden;
border-radius: 0px 0px 14px 14px;
}

#Startboxrechts  .image_container{
max-height: 165px;
min-height: 165px;
height: 165px;
overflow: hidden;
	border-radius: 14px 14px 14px 14px;
}

#Startboxen .image_container img, #Startboxrechts  .image_container img{
width: 100%!important;
}

#Startboxrechts  .image_container img{
margin-top: -30px;
}

.colum .ce_image h3, .colummiddle .ce_image h3{
 bottom: 0;
}

#Startboxrechts .ce_image h3, #right .ce_image h3, #main .kategorieeinstieg1 h3, #main .kategorieeinstieg h3{
width: 93%;
bottom: 0;
}

#Startboxen .ce_text p{
font-size: 1em;
}

#Startboxrechts{
width: 100%;
margin: 0px 0px;
}

.colum .ce_image h3, .colummiddle .ce_image h3{
width: 93%;
margin-top: 90px;
border-radius: 0px 0px 14px 14px;
}

.chzn-container[style]{
width: 100% !important;
}

.startbutton .hyperlink_txt{
	width: 99% !important;
	padding: 6px 0px;
}

#Detailheader .keyimagewrapper{
position: relative;
margin-bottom: 0px;
}

#Detailheader .headerimagetextblock{
bottom: 0;
margin: 0px!important;
}

#Detailheader .headerimagetextblock h1{
font-size: 0.95rem;
margin-bottom: 3px;
}

#Detailheader .headerimagetextblock p{
margin: 0px 0px;
text-align: left;
xfont-size: 0.65rem
}

#Detailheader{
padding: 0px 0px 0;
min-height: 220px;
}

#Detailheader .keyimagewrapper .image_container{
height: 220px;
}

#Detailheader .keyimagewrapper img{
width: auto;
height: 220px;

}

#main .image_container.float_left, #main .image_container.float_right, #main .image_container.float_below{
float: none;
margin-top: 1em;
margin-bottom: 1em;
}


#main .image_container, #main .image_container[style]{
width: 100%;
margin: 0em 0px;
position: relative;
}


#main .image_container img{
width: 100%;
height: auto;
}


#wein-spirituosen .kategorieeinstieg1, #wein-spirituosen .kategorieeinstieg{
width: 100%;
margin: 0px 0px 40px 0px;
position: relative;
}

#main .kategorieeinstieg1 h3, #main .kategorieeinstieg h3{
margin-top: 0px;
position: absolute;
bottom: 6px;
}


.ce_image{
 position: relative;
}

.ce_list ul li{
width: 100%;
display: inline-block;
}


.mobiltable .ce_list ul li{
display: inline;
}

.mobiltable .ce_list ul li:nth-child(3){
width: 100%;
display: inline-block;
}

.ce_gallery{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px; 
margin-top: 20px;
}


.ce_gallery h2{
  grid-column: 1 / -1;
}

#main .ce_gallery .image_container {
  margin-top: 6px;
  margin-bottom: 6px;
}


#main .columteebox h3{
position: absolute;
bottom: 0;
margin: 0px 0px 6px 0px;
width: 100%;
}

.columteebox {
float: none;
margin: 15px 0px 15px 0px!important;
position: relative;
}

#main .columteebox  .image_container[style]{
margin: 0 0px 0px 0!important;	
}

#right {
margin-top: 25px;
padding-top: 25px;
border-top: solid 1px #41291B;
}

#right .inside{
margin: 0px 0px 0px 0px;
}

#right .image_container  img{
width: 100%;
height: auto;
}

#right .columrightbox{
width: 100%;
}

#right .columrightbox .ce_image h3, #main .columteebox h3{
border-radius: 0px 0px 0px 0px;
}

#footer .inside{
font-size: 1em;
}

#footer {
min-height: 130px;
height: auto;
position: relative;
max-width: 885px;
width: 100%;
background-color: #41291B;
}

#footer .mblock1, #footer .mblock2{
width: 100%;
display: inline-block;
position: relative;
}

#footer .mblock1 .footerblock{
width: 40%;
}

#footer .mblock1 .footerblock:nth-child(2){
margin-left: 0;
	width: 50%;
}


#footer .mblock2 .block240{
 margin-left: 25px;
 margin-bottom: 25px;
 width: 75%;
 min-width: 240px;
}

#footer p.datenschutz{
 display: none;
}


.footerblock p span{
width: 120px;
}



.footerblock.block40{
 position: absolute;
 margin: 0px 0px;
 right: 25px;
 top: 38px;
}


.formbody table, .formbody table tr{
width: 100%;
display: inline-block;
}

.formbody table td{
display: inline-block;
width: 100%;
padding: 0px;
}

.formbody td.col_0 {
padding-bottom: 3px;
border-bottom: 0px solid;
}

.formbody td.col_1{
padding-bottom: 15px;
}

.formbody .row_last .col_0{
display: none;
}

input.text{
max-width: 100%;
width: 98%;
margin-left: 0px;
padding: 6px;
font-size: 1em;
}

select.select{
max-width: 100%;
width: 98%;
margin-left: 0px;
padding: 6px;
font-size: 1em;
}


textarea.textarea {
width: 98%;
height: 100px;
margin-left: 0px;
padding: 2px;
border: 1px solid #007F13;
font-size: 1em;
}


.submitbutton{
width: 100%;
margin: 0px;
padding: 8px 0px 6px 0px;
font-size: 1.1em;
}


#anfahrtwegbeschreibung, #anfahrtwegbeschreibung2{
width: 100%;
}

#anfahrtwegbeschreibung iframe, #anfahrtwegbeschreibung2 iframe{
	width: 100%;
}

.ce_dlh_googlemaps {
clear: both;
display: block;
height: auto;
margin-left: 0px;
overflow: visible;
position: relative;
width: 100%;
max-width: 100%;
}

.dlh_googlemap[style]{
width: 100%!important;
max-width: 100%!important;
}

.chzn-container-single .chzn-single{
    height: 30px;
    line-height: 30px;
}

.chzn-container .chzn-drop[style]{
width: 94%!important;
}

}