html,body,div,p,td,th,span,a {font-family:Helvetica,Arial,sans-serif;color:#222;margin:0;padding:0;border:0;display:block;}
html,body {background-color:transparent;width:100%;height:100%;overflow:hidden;}
hr {width:90%;margin:15px auto 15px auto;border:0;border-top:1px solid #aecb1b;}

td,th {display:table-cell;}

h1 {text-transform:lowercase;}

#contentlayer a {text-decoration:none;}
#contentlayer a:hover {text-decoration:underline;color:#000;}

.clearfix {clear:both;}

#pagehead {background-color:#303030;width:100%;height:auto;position:fixed;left:0px;top:0px;display:block;z-index:500;}
#warenkorb {height:44px;margin:20px;float:right;}
#warenkorb input {background:url('../../media/design/Icon-shop-gruen.png') no-repeat;color:transparent;cursor:pointer;width: 50px;height:50px;background-size:100%;border: none;} 


#logo {float:left;margin:20px;}


#pagecontentall {width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;}

#hintergrund {position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#303030;z-index:-1;}


#middle {position:fixed;width:100%;top:125px;margin:0;padding:0;height:calc(100% - 125px);}
#contentlayer {position:relative;width:700px;margin:0 auto 0 auto;height:100%;background-color:rgba(255,255,255,0.8);}
#content_inner {width:calc(100% - 30px);height:100%;position:relative;float:left;overflow:hidden;padding:0 5px 20px 5px;box-sizing:border-box;}
#unisc_scrollbar {width:30px;height:100%;position:relative;float:right;overflow:hidden;box-sizing:border-box;margin:0px 0 20px 0;
border:0;border-left:1px dashed #aecb1b;background: linear-gradient(to bottom, transparent 0%, transparent 40%, #aecb1b 50%,transparent 60%, transparent 100%);
}

#rechts_rest {position:fixed;right:0px;top:125px;width:calc(100% / 2 - 350px);height:calc(100% - 125px);margin:0;background-color:rgba(255,255,255,0.1);}
#links_rest  {position:fixed;left:0px; top:125px;width:calc(100% / 2 - 350px);height:calc(100% - 125px);margin:0;background-color:rgba(255,255,255,0.1);}

#mod_bakery_wrapper_f {position:relative;}


/* NAVIGATION Desktop*/
@media screen and (min-width: 939px) {
#navigation {position:fixed;left:0px;top:84px;width:100%;height:auto;box-sizing:border-box;background-color:rgba(48,48,48,0.9);}
#navigation ul {margin:0;padding:10px 0 0 0;float:left;}
#navigation li {float:left;margin:0 0 0 0;padding:5px;display:table;}
#navigation a {text-decoration:none;color:#c4c4c4;margin:0 10px 0 10px;z-index:2000;}

#navigation ul li ul{opacity:0;visibility:hidden;display:block;margin-top:5px;transition:opacity 0.6s,visibility 0.6s;transition-delay:0.5s;position:absolute;background-color:rgba(48,48,48,0.9);}
#navigation ul li:hover ul {visibility:visible;opacity:1;transition-delay:0s;display:block;}
#navigation ul li ul li {float:none;}
}

.halbhalb {width:50%;margin:0;padding:0;float:left;}

#toggler {display:none;}

.shop_art_links {position:relative;float:left;display:table;}
.shop_art_rechts {position:relative;display:table;font-size:14px;}
.shop_art_rechts select {border:1px solid #aaa;background-color:transparent;}
.shop_art_rechts input {border:1px solid #aaa;background-color:transparent;}


/* Responsives  */
@media screen and (max-width: 940px) {

#unisc_scrollbar,#rechts_rest,#links_res {display:none;}
#content_inner {width:100%;overflow:auto;}
#pagehead {position:fixed;left:0px;top:0px;height:auto;min-height:100px;}
#middle {position:fixed;left:0px;height:calc(100% - 100px);top:100px;width:100%;}
#logo {float:right;width:60%;margin:2% 2% 2% 2%;width:60%;display:none;}
#warenkorb {display:none;}
#contentlayer {width:100%;}
#content_inner {width:100%;overflow:auto;}

#navigation {display:none;width:100%;position:fixed;top:100px;left:0px;height:40px;background-color:#303030;z-index:1000;}
#toggler {width:92%;display:block;float:left;cursor:pointer;padding:0;margin:4%;background-color:#303030;}
#toggler > div {width:70%;max-width:30px;height:3px;background-color:#aecb1b;margin:6px auto 6px auto;}
#toggler:nth-child(1) {}
#toggler:nth-child(2) {}
#toggler:nth-child(3) {}

#navigation {display:none;}
#navigation.sichtb {display:block;}

#navinner {width:100%;background-color:#303030;margin:0 0 0 0;padding:0 0 0 0;z-index:5000;}
#navigation ul {background-color:#303030;}
#navigation li {background-color:#303030;}
#navigation li a {text-decoration:none;color:#c4c4c4;margin:4% 0px 5px 20px;font-size:20px;}

#navigation ul ul {display:none;}

}