html{
    overflow-y: scroll;
    height: 100%;
}
html, body {
    font-family: "Arial";
    font-family: "Helvetica", "Arial";
    font-family: "nimbus-sans",texgyreheros,Helvetica,Arial,sans-serif;
    /*font-family: helvA,Helvetica,Arial,sans-serif;
    font-family: Arimo,Helvetica,Arial,sans-serif;*/
    font-size: 13px;
    font-kerning: normal;
    font-variant-ligatures: normal;
    /*text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    
    
    
}
body{
    /*background: url(/images/white1x1.png);
    background-size: 1335px 1px;
    background-repeat:repeat-y;
    background-position: center;*/
    position:fixed;
    background-color: White/*bgcolor*/;
    
    overflow: visible;
    margin-bottom: 127px;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*-webkit-touch-callout: none;*/
    min-height: 100%;
    position: relative;
    /*padding-right: 0 !important;*/
    color: #65656a;
    padding-right: 0 !important;
}
/**::selection{
        background-color: #cf112d;
        color: White;
}*/
*{
	zoom:1;
    
}


div.page{
	position: relative;
    background-color: White/*bgcolor*/;
    
}
img {
	/*i-ms-interpolation-mode: bicubic;
        image-rendering: optimizeQuality; 
	mage-rendering: -webkit-optimize-contrast;*/
}

a,a:active,a:link,a:checked,a:focus,.hoverok a:hover{
    color: Black;
    text-decoration: none;
}
a.noborder,a.noborder:active,a.noborder:link,a.noborder:checked,a.noborder:focus{
    border: 0;
    outline :0;
}
.col-lg-1-50p, .col-md-1-50p, col-sm-1-50p, col-xs-1-50p{
       margin-left:-2.08333333333%;
       margin-right:-2.08333333333%;
}
.col-lg-1-150p, .col-md-1-150p, col-sm-1-150p, col-xs-1-150p{
       margin-left:2.08333333333%;
       margin-right:2.08333333333%;
}

div.container{
}
div.header-box-hidden{
}
div.header-box-size{
    height: 44px;
    background-color: #cf112d;
}

div.header-box{
    position: absolute;
    position: fixed;

    z-index:998;
    /*background-color:#cf112d;*/
    top:0px;
    width:100%;
}


div.header-menu1{
    margin-top:0px;
    width: 100%;
    height: 34px;
    color: #959595;
    font-size: 1px;
}
div.header-menu1 a{
    text-decoration: none;
    color: #959595;
    font-weight: normal;
    font-size: 12px;
    line-height: 10px;
    display: inline-block;
    padding:5px 10px 0px 10px;
    border-right: 1px solid #959595;
    white-space: nowrap;
}
div.header-menu1 a.utolso{
    border-right: 0;
    padding-right: 0;
}
div.header-menu2{
    width: 300px;
    height: 30px;
    text-align: center;
    font-size: 1px;
    font-weight: normal;
    color: #FFFFFF;
    padding-top: 9px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
div.header-menu2 a{
    font-size: 20px;
    letter-spacing: 0px;
    /*font-weight: bold;*/
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    text-transform: none;
    color: White;
}
.hoverok div.header-menu2 a:hover,div.header-menu2 a.hover,div.language a:hover,div.language a.hover{
        color: #e78896
}
div.language{
    float: left;
    font-size: 16px;
    letter-spacing: 0px;
    /*font-weight: bold;*/
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 10px;
    white-space: nowrap;
    text-transform: none;
    color: #e78896
}
div.language a{
    color: White;
}
#header-box .visible-xs img{
    /*transform: rotate(25deg);*/
    /*animation: rotateLogo 7200s;*/
}
@keyframes rotateLogo {
  from{
    transform: rotate(25deg);
  }
  to {
    transform: rotate(0deg);
  }
}
div.header-menu2 a.elso{
	padding-left: 0;
}
div.header-menu2 a.utolso{
	padding-right: 0;
}
div.header-menu2 a.zustellung{
        color:#c00d0e;
}
div.food-category{
    background-color: White /*bgcolor*/; 
    height: 35px;
    font-weight: normal;
    color: #000000;
    font-size: 1px;
    /*background-image: url(/images/foodcat1x1.png);
    background-size: 1335px 1px;
    background-repeat: no-repeat;
    background-position: center top;*/
}
div.container-links{
    /*box-shadow: 0px 0px 5px #aaaaaa;*/
    background-color: #FFFFFF;
    border-bottom: 1px solid #d9d9d9;
    min-height: 45px;
}
div.food-category div.links{
    height: 100%;
    background-color: White /*bgcolor*/;
    /*background-image: url(/images/foodcat1x1.png);*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1NjBFQUY0QjI5QzExRTRCQzRFQjc0ODVGRkJDNjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1NjBFQUY1QjI5QzExRTRCQzRFQjc0ODVGRkJDNjIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzU2MEVBRjJCMjlDMTFFNEJDNEVCNzQ4NUZGQkM2MjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2MEVBRjNCMjlDMTFFNEJDNEVCNzQ4NUZGQkM2MjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4trb0AAAAAD0lEQVR42mK4c/ceQIABAAUwApjZ6zB1AAAAAElFTkSuQmCC);
    background-size: 1335px 1px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
div.food-category a{
    height: 100%;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    border-bottom: 1px solid #dcddde;
    border-radius: 0;
    display: inline-block;
    padding-top:7px;
    padding-bottom:0;
    margin-left:7px;
    margin-right:7.5px;
    white-space: nowrap;
}
div.food-category a.elso{
        margin-left: 0;
}
div.food-category a.utolso{
        margin-right:0;
}
.hoverok div.food-category a:hover,.hoverok div.food-category a.hover{
        border-bottom: 1px solid #c00d0e !important;
        background-color: transparent;
        
}
div.cat-triangle{
	margin-top:-8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 8px 8px 8px;
	border-color: transparent transparent #676867 transparent;
}
div.food-triangle{
	margin-top:-11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 12px 12px 12px;
	border-color: transparent transparent #e8e8e8 transparent;
}
div.foodcat-fluid-size{
    height: 40px;
}
div.foodcat-fluid{
    background-color: White/*bgcolor*/;
    /*background-image: url(/images/foodcat1x1000.png);
    background-size: 1335px 1000px;
    background-repeat: no-repeat;
    background-position: center top;*/
    /*background-image: url(/images/foodcat1x1.png);
    background-size: 1335px 1px;
    background-repeat: repeat-x;
    background-position: left top;
    */
    position: absolute;
    position: fixed;
    -webkit-transform: translateZ(0);
    z-index:998;
    top:44px;
    width:100%;

}
div.food-details-fluid{
    background-color: #e8e8e8;
    /*background-image: url(/images/foodcat1x1.png);
    background-size: 1335px 1px;
    background-repeat: no-repeat;
    background-position: center bottom;
    */
    overflow: hidden;
    position: absolute;
    width:100%;
    height: 1px;
    opacity: 0.0;
    top:0;
    /*
    -webkit-transition: height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    transition: height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    */
}
.lazy-load, .lazy-loaded {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.8;
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.lazy-loaded {
    opacity: 1;
    -webkit-filter: blur();
    filter: blur();
}

.transition-height{
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
.transition-opacity{
    -webkit-transition: visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
    -moz-transition: visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
    -o-transition: visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
    -ms-transition: visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
    transition: visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
}
.transition-opacity-2{
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.transition-opacity-3{
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.transition-all{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.transition-all-05{
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
}
.transition-all-1{
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.transition-all-2{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.transition-all-3{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.addressListHLine{
        float: left;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e0e0e1;
}
div.addressListVLine{
        position: absolute;
        top:0;
        left:-15px;
        bottom:0;
        right:-15px;
        border-left: 1px solid #e0e0e1;
}
/* speisekarte */
.buttons{
    display: inline-block;
    background: transparent;
	color: #65656a;
	border: 1px solid #65656a;
    height: 30px;
    padding: 5px 20px 0px 20px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
	line-height: normal;
	font-weight: normal;
    border-radius: 17px;
    white-space: nowrap;
    user-select: none;
    -webkit-transition: all 500ms cubic-bezier(0.99, 0.025, 0.99, 0.05);
    -moz-transition: all 500ms cubic-bezier(0.99, 0.025, 0.99, 0.05);
    -o-transition: all 500ms cubic-bezier(0.99, 0.025, 0.99, 0.05);
    -ms-transition: all 500ms cubic-bezier(0.99, 0.025, 0.99, 0.05);
    transition: all 500ms cubic-bezier(0.99, 0.025, 0.99, 0.05);
}
img.buttons{
        border:0;
        padding: 0 0 0 25px;
        border-radius: 0;
}
.hoverok .buttons:hover,.buttons:active,.buttons:checked,.buttons:focus,.buttons.hover_effect,.menu-flb-img.hover_effect{
        opacity:0.7;
        text-decoration: none;

    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.buttons.active{
        border-width: 2px;
        font-weight: bold;
        padding-top: 4px;
}
.buttons-loginheader{
        width: 47%;
        font-weight: bold;
}
.buttons-loginheader.active{
        
}
.warenkorb-title{
	font-size: 20px;
	margin-bottom: 10px;
	float: left;
}
#warenkorb-foodrows{
    overflow-x: hidden;
    overflow-y: auto;
}
.warenkorb-foodrow{
    position: relative;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #e6e7e8;
	padding-bottom: 0px;
	padding-top: 4px;
	height: 41px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.warenkorb-foodarrow{
	width: 10px;
	float: right;
	margin-left: -15px;
	padding-top: 5px;
	cursor: pointer;
}
.buttons-schliessen{
	float: left;
}

.warenkorb-bal{
	float: left;
	width: 123px;
	height: 26px;
}
.warenkorb-foodbearbeiten .buttons{
	padding: 5px 20px 0px 20px;
	width: 120px;
	float: right;
}
.warenkorb-foodpcs{
	float: left;
	width: 32px;
	height: 32px;
	font-size: 16px;
	background-color: #e6e7e8;
	margin-right: 9px;
	padding-top: 5px;
	text-align: center;
    border-radius: 16px;
}
.warenkorb-foodname{
	float: none;
	font-size: 16px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
    /*display: inline-block;*/
    padding:5px;
}
.warenkorb-foodprice{
	float: right;
	font-size: 16px;
	padding-top: 4px;
	margin-right: 15px;
}
.warenkorb-foodbearbeiten{
	float: right;
}
.warenkorb-summename{
	/*margin-left: 15px;*/
	float: left;
	font-size: 16px;
	padding-top: 4px;
}
.warenkorb-summename.zurkassa, .warenkorb-clear{
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}
.warenkorb-summeprice{
	margin-right: 15px;
	float: right;
	font-size: 16px;
	padding-top: 4px;
}
.warenkorb-summeprice.zurkassa{
	margin-right: 15px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}
.warenkorb-zurkassa{
	float: right;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 120px;
}
.warenkorb-zurkassa .buttons{
	width: 100%;
}
.warenkorb-zurkassa.visible-xs{
	margin-right: 0;
}
.warenkorb-clear.visible-xs,.warenkorb-clear.visible-xs .buttons{
	float: left;
}
div.stamp{
    font-size: 12px;
    line-height: 1px;
    height:15px;
    background-color: rgba(179,179,179,1.0);
    color: white;
    float: left;
    display: inline-block;
    padding: 7px 3px 0 3px;
    border-radius: 2px;
    margin-right:5px;
	/*text-transform: uppercase;*/
}
div.stamp-anmerkung{
    /*background-color: cadetblue;*/
}
div.stamp-neu{
    background-color: rgba(207,17,45,1.0);
}
div.stamp-sonderpreis{
    background-color: #F7B033;
    color: black;
}
div.stamp-hit{
    background-color: #78c8d8;
    background-color: #F7B033;
    color: black;
}
div.stamp-scharf{
    background-color: chocolate;
    background-color: brown;
}
div.stamp-pikant{
    background-color: chocolate;
}
div.stamp-vegetarisch{
    background-color: darkseagreen;
}
div.stamp-vegan{
    background-color: darkseagreen;
}
div.stamp-vollkorn{
    background-color: brown;
}
div.menu-flb-img{
    position: relative;
    /*overflow: hidden;*/
    /*padding: 66.666666666% 0 0 0;*/
    padding: 62.666666666% 0 0 0;
    border:0px solid Black;
}
img.menu-flb{


    display: block;
    width: 100% !important;
    height: auto !important;
    cursor: pointer;
 
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
div.menu-flb{


    position: relative;
    /*background-color: White;*/
    cursor: auto;
    padding-top:0;
    padding-bottom:0;
    /*margin-top:20px;*/
}
div.menu-flb1{
}
div.menu-flb2{
}
div.menu-flb3{
}
div.menu-flbfull{
}
div.menu-flb-name{
    width: 100%;
    padding-top:0px;
    max-height: 70px;
    font-weight: normal;
    
    position: relative;
    /*overflow: hidden; név kilóg*/
    padding: 33.33333333% 0 0 0;
    margin-bottom:0%;
    /*font-weight: 600;*/
}
div.menu-flb-name div.inner{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
h1,h2,h3{
    margin: 0;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}
div.adv-block{
    padding: 45px 15px;
    margin: 15px;
    margin-top: 0px;
    background-color: transparent;
}

div.adv-block-main.adv-block0{
    background-color: rgb(248, 248, 248);
}
div.adv-block1{
    
}
div.adv-title{
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 10px;
    color: black;
}
div.adv-text{
    padding: 0px;
    font-size: 16px;
    margin-bottom: 0px;
}
div.menu-flb-name1 h3{
    color: Black;
    font-weight: bold;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.menu-flb-name1{
    /*overflow: hidden; név kilóg*/
    text-align: left;
    padding-bottom: 0%;
    cursor: pointer;
    user-select: none;
    padding-left: 240px;
}
div.menu-flb-name1.visible-xs{
        cursor: pointer;
}
#fooddetailsName{
    font-size: 30px;
    font-weight: 400;
    margin: 10% 0 10px 0;
}
#fooddetailsDescription{
    font-size: 16px;
    color: black;
}
div.menu-flb-name2{
   font-size: 14px;
   /*height: 20px;
   line-height: 90%;*/
   text-align: left;
   color: Black;
   font-weight: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0% 0 0%;
}
div.clear{
        clear: both;
}
.hidden{
    display: none;
}
div.form-label2{
	float: left;
}
div.form-label{
    float: left;
	color: Black;
	font-size: 16px;
	font-weight: bold;
}
div.links-box{
	margin-top: 0px;
    height: auto;
    overflow: hidden;
    position: relative;
}
div.links-box-inner{
	width: 100%;
    padding: 0;
    display: flex;
	justify-content: space-between;
    text-align: left;
}
div.links-box-inner::-webkit-scrollbar {
    /*display: none;*/
}

div.category-links{
    float: left;
    cursor: pointer;
}
div.category-links.elso a{
	/*padding-left: 0;*/
}
div.category-links.utolso a{
}
div.category-links{
    font-size: 14px;
    display: inline-block;
	color: #000000;
    padding: 11px 8px 0px 8px;
    height: 44px;
    white-space: nowrap;
}
div.category-links-green{
    background-color: #009140;
    border-radius: 20px;
    color: white;
    padding: 5px 15px 0px 15px;
    margin-top:5px;
    height: 32px;
    font-weight: bold;
}
.hoverok div.category-links:hover, div.category-links.hover{
    color: #b3b3b3;
}
div.category-links-green:hover,div.category-links-green.hover{
    opacity: 0.9;
    color: white !important;
}
img.veganuary-leaf{
    height: 20px;
    width: auto;
}
*:has(> img.veganuary-leaf){
   color: #009140;
}
div.menu-flb-name2.drinks{
   visibility: visible !important;
   height: 20px;
}
div.menu-foodbox{
    height: 1px;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
div.menu-foodbox-1{
    height: 18px;
    margin: 0px;
    background-color: White;
}
div.menu-foodbox2{
    /*height: 1px;
    /*position: absolute;
    margin: 0px;
    top: 18px;
    opacity: 0.0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        */
    padding-top: 20px;
    padding-bottom: 15px;
}
div.menu-foodbox-close{
    height: 40px;
    width: 40px;
    float: left;
    cursor: pointer;
}
div.menu-foodbox-left{
}
div.menu-foodbox-right{
}
img.menu-foodbox{
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    position: absolute;
    display: block;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
}
div.menu-foodbox{
    position: relative;
    overflow: hidden;
    padding: 66.666666666% 0 0 0;
}
div.menu-triangle-old{
    position: relative;
    bottom: 0px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 0 10px 17.3px 10px;
    border-color: transparent transparent Black transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
div.menu-triangle{
    position: absolute;
    bottom: 0px;
    width: 20px;
    padding-top: 0px;
    text-align: center;
    height: 18px;
    /*background-image: url(/images/triangle.jpg);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
}
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
div.menu-foodcat-outer{
    /*text-align: center;*/
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    font-size: 15px;
    /*margin-top: -1px;*/
}
div.menu-foodcat h2{
    font-size: 40px;
    font-weight: normal;
    color: Black;
}
div.menu-foodcat{
    margin-top: 10px;
    text-align: left;
    padding: 5px 0 5px 0;
    background-color: White/*bgcolor*/;
    letter-spacing: -1px;
}
div.foodbox-row{
    /*margin-bottom: 30px;*/
}
div.menu-foodcat.drinks{
        margin-top: 20px;
}
/* speisekarte end */
.foodcat-row{
	overflow: hidden;
}
.container-fluid{
        padding:0;
}
div.menu-foodbox-felirat{
        font-size: 14px;
        height: 20px;
        font-weight: bold;
        float: left;
        margin-top:0px;
}
div.menu-foodbox-adat{
        font-size: 14px;
        height: 20px;
        white-space: nowrap;
        /*border-bottom: 1px solid #c2c2c2;*/
        float: left;
        margin-top:0px;
}
div.nahrwerte1{
    width: 50%;
	text-align: left;
    margin-left: 5%;
    white-space: nowrap;
}
div.nahrwerte2{
        width: 20%;
        text-align: right;
        white-space: nowrap;
}
div.nahrwerte3{
        text-align: right;
        width: 20%;
        margin-right: 5%;
        white-space: nowrap;
}
div.allergene1{
        width: 30%;
}
div.allergene2{
        width: 20%;
        text-align: right;
        padding-right: 8px;;
}
div.allergene3{
        width: 30%;
        padding-left: 7px;
}
div.allergene4{
        width: 20%;
        text-align: right;
}
div.menu-foodbox-name{
    float: left;
    font-size: 18px;
    color: Black;
    padding: 0;
    margin-top: -1px;
    line-height: 16px;
}
div.menu-foodbox-price{
    float: left;
    font-size: 20px;
    color: Black;
    padding: 0;
    margin-top: -1px;
    line-height: 16px;
}
div.menu-foodbox-close{
    float: right;
    font-size:36px;
    color:Black;
    text-align: right;
    font-weight: normal;
    font-weight: 300;
    margin-top: -18px;
}

div.menu-foodbox-outerrow{
        margin:0;
        overflow-x: hidden;
}
div.menu-foodbox-desc{
        margin-top:10px;
        height: 60px;
}
div.menu-foodbox-nahrwerte{
     margin-top:5px;
     padding-right:0!important;
     margin-right:15px!important;

}
div.menu-foodbox-allergene{
       margin-top:5px; 
     padding-left:0!important;
     margin-right:-15px!important;
}
div.menu-foodbox-row{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 200% !important;
}
div.menu-fdb{
        background-color: rgba(255,255,255,0.93);
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        opacity: 0;
        padding-right:15px;
        padding-left:15px;
	font-size: 16px;
	text-align: center;
	
}
div.menu-fdb div.inner, div.menu-fdb div.inner2{
        width:100%;
        height:85%;
	position: absolute;
    top:0;
    left:0;
}
div.menu-fdb div.inner2{
    /*background-color: rgba(242,242,242,1);*/
	overflow: hidden;
	padding-left: 30px;
	padding-right: 30px;
    opacity: 0;
    pointer-events: none;
}
div.menu-fdb div.inner .leiras{
	position: absolute;
	width: 100%;
	padding: 0 15px 10px 15px;
	left:0;
	bottom:50%;
}
div.menu-fdb .buttons{
	position: absolute;
	/*left:50%;
    transform: translate(-50%, 0);
    margin-left: auto; 
    margin-right: auto;
    */
    bottom:5%;
    white-space:nowrap;
    width: 60%;
    left: 20%;
}
div.menu-flb-order{
	width: 130px;
    height: 35px;
    margin: 0 ;
    margin-left: 235px;
    position: relative;
}
div.menu-flb-order .buttons{
        width: 100%;
        /*height: 100%;
        padding-top: 7px;*/
        border-radius: 19px;
        user-select: none;
        /*font-size: 16px;*/
        font-weight: bold;
}
#fooddetailsButton{
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0 0 0 -5px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    background-image: none;
  }
  100% {
    opacity: 1;
    /*background-image: url(/images/add.png);*/
  }
}
.orderpcs{
        animation: 1s ease-out 0s 1 fadeIn;
        background-repeat: no-repeat;
        background-position: 60% 45% ;   
        opacity: 1;
        height: 35px;
        width: 35px;
        color: White;
        border-radius: 18px;
        padding-top: 6px;
        background-color: rgba(207,17,45,1);
        text-align: center;
        cursor: pointer;
        visibility: hidden;
        font-size: 18px;
        position: absolute;
        top:0px;
        right:-50px;
        user-select: none;
        /*border: 2px solid transparent;*/
        overflow: visible;
        background-image: url(/images/add.png);
        /*background-image: url(/images/add.svg);*/
        background-size: 100% 100%;
        
}
.orderpcs:after{
    content:"";
    padding: 17px 24px;  
    position: absolute;
    left: -2px;
    top: 0px;
} 
/*
.orderpcsshowed::before{
    content: '';
}
*/
.orderpcsshowed{
    animation: none;
        /*background-image: url(/images/icon-edit.png);*/
        /*background-color: White /*bgcolor*/;
        /*border: 2px solid #65656a;*/
        padding-top: 5px;
        visibility: visible !important;
        font-weight: bold;
        background-color: #cf112d;
        background-image: none;
}

.hoverok div.bearbeitenbutton:hover{
        opacity: 0.7;
        transition: none;
}
.hoverok .orderpcs:hover,.hoverok div.bearbeitenbutton:hover{
        background-color: rgba(207,17,45,0.7);
        transition: none;
}
.changePcs{
    position: absolute;
    top:0px;
    right:0;
    /*width: 142px;*/
    background-color: White;
    opacity: 1;
    text-align: center;
    overflow: hidden;
    height: 35px;
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
}

.warenkorb-up,.warenkorb-down,.warenkorb-delete,.warenkorb-clear{
	width: 35px;
    height: 35px;
    overflow: hidden;
}
.warenkorb-up{
	float: right;
}
.warenkorb-down{
	float: none;
    display: inline-block;
    margin: 0 auto;
}
.warenkorb-delete, .warenkorb-clear{
	float: left;
}
.warenkorb-up .buttons,.warenkorb-down .buttons,.warenkorb-delete .buttons,.warenkorb-clear .buttons{
	width: 100%;
    height: 100%;
	padding: 3px 0 0 0;
	float: none;
}
.warenkorb-delete .buttons,.warenkorb-clear .buttons{
    font-size: 18px;
}
.warenkorb-up .buttons{
    font-size: 23px;
}
.warenkorb-down .buttons{
    font-size: 18px;
}

.warenkorb-foodrow .warenkorb-up{
    float: left;
    margin-right: 5px;
}
div.orderbutton{
        text-align: center;
        font-weight:normal !important;
        font-size: 18px !important;
        padding-top: 6px !important;
        height: 35px;
        background-color: #cf112d;
        position: relative;
        color: White;
        border:0;
}
div.orderbutton div{
    position: absolute;
    top: 2px;
    right: 3px;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-color: #65656a;
    color: White;
    font-size: 26px;
    line-height: 0;
    padding-top: 13px;
    text-align: center;
    font-weight: bold;
}
div.csik{
	height: 1px;
	width: 100%;
	overflow: hidden;
    margin: 10px 0;
}
div.csik div{
	height: 100%;
	background-color: #b2b2b4;
	margin: 0;
}
.allergia-title{
	color: Black;
    font-weight: bold;
    font-size:16px;
    display: inline;
    /*margin-top: -3px;*/
}
.allergia{
	font-size:16px;
    color: Black;
    display: inline;
}
#fooddetailsEUR{
	font-size:16px;
    margin: 5px 0;
}
#fooddetailsExtra{
    margin: 5px 0;
}
.warenkorb-fixed{
        position: fixed;
        -webkit-transform: translateZ(0);
        top:0;
        left:0;
        right:0;
        height: 0px;
        overflow: visible;
        z-index: 999;
}
.warenkorb-fixed .row, .warenkorb-fixed .container{
        position: relative;
        height: 100%;
        overflow: visible;
}
#warenkorb-addfoodpopup{
        position: absolute;
        top: 49px;
        right:0;
        bottom: auto;
        height: 100px;
}
#warenkorb-addfoodpopup .my-dropdown-menu-inner{
        width: 100%;
		float: right;
		height: 100%;
        background-color: White /*bgcolor*/;
        margin-right: -15px;
}
#warenkorb-addfoodpopup .my-dropdown-menu-inner:before{
        display: block !important;
        right:20px;
}

#mainpage-slide-container{
        max-height: 2000px;
        /*overflow: hidden;*/
}
div.mainpage-pictext{
    background: rgba(255,255,255,0.85);
}
div.mainpage-pictext-container{
       position: absolute;
       top:50%;
       width:100%;
}
div.mainpage-pictext-container .row{
       padding-left: 7.3%;
       padding-right: 6.7%;
}
div.mainpage-pictext-title{
        color: #c00d0e;
        font-size: 30px;
        line-height: 32px;
        font-weight: bold;
        padding: 20px 25px 0px 25px;
        letter-spacing: -0.75px;
        
}
div.mainpage-pictext-desc{
        color: Black;;
        font-size: 16px;
        padding: 10px 25px 0px 25px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        margin-bottom: 22px;
}
.button-mehrinfo,.hoverok .button-mehrinfo:hover,.button-mehrinfo:active{
        background-color: #c00d0e!important;
        color: white!important;
        padding: 10px 25px 10px 25px;
        font-size: 16px;
        border: none;
        height: auto;
        z-index: 997;
}

div.lokales-container{
        padding-top: 40px;
}
div.lokales-name{
        color: Black;;
        text-transform: none;
        line-height: 40px;
        padding-top: 0px;
}
div.lokales-details{
    font-weight: normal !important;
}
div.lokales-bottom{
        margin-top:0px;
        height: 10px;
        border-bottom: 1px solid #c2c2c2;
        margin-bottom: 10px;
}
div.button-lokales-links{
        padding-top:15px;
}

div.lokale-list{
        width: 130px;
        position: relative;
        margin-left: auto;
}
div.lokale-list-box {
	position: absolute;
	background-color: #f2f2f2;
        top: 35px;
        margin-left: auto;
        padding: 0px 15px 0px 15px;
        max-height: 0px;
        height:1px;
        overflow: hidden;
        width: 155px;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    z-index: 999;
}
div.lokale-list-box-triangle{
	opacity: 0.0;
        bottom: 0px;
	left: 23px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgb(242, 242, 242);
	border-color: rgba(242, 242, 242, 0);
	border-bottom-color: #f2f2f2;
	border-width: 8px;
	margin-left: -8px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 0;
    display: none;
}
div.lokale-list-box a{
        display: block;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
        padding-top:5px;
        padding-bottom:5px;
        font-size: 13px;
        text-transform: none;
        
}
div.lokale-list-box a.elso{
        margin-top: 5px;
}
div.lokale-list-box a.selected,.hoverok div.lokale-list-box a:hover{
        color: #c2c2c2;
}
div.lokale-list-box a.utolso{
        border-bottom: 0px solid #c2c2c2;
        margin-bottom: 5px;
}
div.lokale-list-button{
        background-color: transparent;
        cursor: pointer;
        height: 40px;
        width: 140px;
        margin-left: auto;
        padding-left: 15px;
        text-align: left;
        font-size: 14px;
        line-height: 14px;
        padding-top: 10px;
}
div.lokale-list-button img{
        width: 16px;
        height: 16px;
}

div.lokale-list-button span{
        display: inline-block;
        float: right;
        font-size: 1px;
        font-weight: 300;
        line-height: 1px;
        
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}
div.lokale-header{
        -webkit-transform: translateZ(0);
        border: 0px solid Black;
        width:100%;
        z-index: 998;
        background-color: White/*bgcolor*/;
}
div.lokale-pic{
        position: relative;
        padding: 66.666666666% 0 0 0;
        margin-bottom: 13px;
}
div.lokale-pic-img{
        width: 114%;
        height: auto !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -7%;
        right: 0;
}
div.lokale-pic .glyphicon-chevron-left{
        left: 20% !important;
}
div.lokale-pic .glyphicon-chevron-right{
        right: 20% !important;
}
.carousel .carousel-control{
      background: none;
          
}
div.lokale-pic .carousel .carousel-control{
        width: 48%;
}

div.catering-pic{
        position: relative;
        padding: 80.90% 0 0 0;
        margin-bottom:-50px;
}
div.catering-pic-img{
        width: 164.1%;
        height: auto !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left:-32.4%;
        right: 0;
        overflow: hidden;
}
div.catering-pic-text.row{
        position: absolute;
        top: 20%;
        width: 100%;
        z-index: 997;
	pointer-events: none;
}
div.catering-pic-text.col{
        background: rgb(255,255,255);
        background: rgba(255,255,255,0.85);
        padding: 25px;
        pointer-events: all;
}
div.catering-pic-text div.text-title{
        padding-bottom:20px;
}
div.catering-pic-text div.text-data{
        line-height: 20px;
}
div.catering-pic-text div.button{
        background-color: transparent;
        text-align: center;
        color: #63830f;
        border: 1px solid #749718;
        margin-top:25px;
}
#cateringkontakt{
        height:1px;
        max-height: 1px;
        overflow: hidden;
        padding-top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        
}
div.main-pic{
    margin: 0;
}
div.main-pic-box{
    padding:0;
    margin-top: 15px;
    overflow: hidden;
    height:690px;
    cursor: pointer;
}
div.main-pic-box-1, div.main-pic-box-2{
    height:33vw;
}
div.main-pic-box-1{
    padding-left: 15px;
    padding-right: 7.5px;
}
div.main-pic-box-2{
    padding-right: 15px;
    padding-left: 7.5px;
}
@media (max-width: 1200px){
    div.main-pic-box-0{
        height: 50vw;
    }
    div.main-pic-box-1, div.main-pic-box-2{
        
    }
}
@media (max-width: 768px){
    div.main-pic-box{
        margin-top: 0px;
    }
    div.main-pic-box-0{
        height: 80vw;
    }
    div.main-pic-box-1, div.main-pic-box-2{
        height: 80vw;
        padding:0;
    }
}
div.main-pic-box-inner{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
img.main-pic-img,video.main-pic-img{
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    
}
img.main-pic-img-1,img.main-pic-img-2{
    width: auto;
    height: 100%;
}

div.lokale-pic-text{
        position: absolute;
        top: 10%;
        left:0px;
        width: 100%;
        pointer-events: none;
}
div.lokale-pic-text-box.visible-xxs{
        
}
div.lokale-pic-text-box .lokale-name{
        float: left;
        background-color: #c00d0e;
        color: White;
        /*text-transform: uppercase;*/
        padding: 10px 20px 10px 20px;
}
div.lokale-pic-text-box .lokale-name2{
        float: left;
        clear: both;
        background-color: White;
        padding: 10px 20px 10px 20px;
}
div.lokale-details{
        margin-top:10px;
}
div.text-title{
        font-size: 24px;
        font-weight: bold;
        color: #65656a;
        margin: 10px 0;
}
div.text-title-abschicken{
      font-size: 20px;
      font-weight: normal;
      padding-top: 0 !important;
      margin:0;
}
div.text-data, .form-data, .form-title{
        font-weight: bold;
        font-size: 16px;
	min-height: 10px;
}
div.lokale-details-title{
        background-color: White;
        border-top: 1px solid #c00d0e;
        padding: 10px 20px 10px 20px;
        height: 60px;
        line-height: 40px;
}
div.lokale-details-title:after{
        border-bottom: 1px solid #e6e7e8;
        width:100%;
        margin-top:5px;
        height: 1px;
        display: block;
        content: ' '
}
div.lokale-details-data{
        background-color: White;
        padding: 10px 20px 10px 20px;
        height: 80px;
        font-weight: normal;
}
div.lokale-details-data.services{
        font-size: 1px;
}
div.lokale-details-data.services img{
        margin-right: 20px;
        width: 47px;
        height: 47px;
}

div.lokale-details-data.address .button{
        white-space: nowrap;
        float: right;
}
div.lokale-details-data.address img{
        width: 10px;
        height:15px;
        margin-top: -4px;
}

div.kontakt-adresse, div.kontakt-nachricht{
        margin-top:5px;
}

div.kontakt-data{
        margin-top: 10px;
        font-weight: normal;
}
div.kontakt-data div{
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
div.social-title{
        margin-top:30px;
        margin-bottom:8px;
}
div.social-data a{
        display: block;
        margin-bottom: 8px;
}
div.social-data a img{
        width: 22px;
        height: 22px;
        margin-right: 5px;
        margin-top: -2px;
}

.form-title.felso{
        margin-top: 0px;

}
.form-title{
        font-weight: 600;
        padding-bottom: 0px;
        margin-top: 10px;
}
div.ordertrack-progressbar-wrapper{
        width: 100%;
        display: inline-block;
        position: relative;
}
div.ordertrack-progressbar-wrapper:after {
        padding-top: 9.541511772%;
        display: block;
        content: '';
}
div.ordertrack-progressbar{
        /*width: 403.5px;
        height: 38.5px;*/
        position: absolute;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
div.ordertrack-progressbar1{
        background-image: url("/images/trackbar1.png");
}
div.ordertrack-progressbar2{
        background-image: url("/images/trackbar2.png");
}
div.ordertrack-progressbar3{
        background-image: url("/images/trackbar3.png");
}
div.ordertrack-progressbar4{
        background-image: url("/images/trackbar4.png");
}
div.ordertrack-progressbar div{
        position: absolute;
        top:0;
        bottom: 0;
        color: White;
        padding-top:2.2%;
}
div.ordertrack-progressbar div.progressbar1{
        left:0;
        width: 28.376703841387855%;
        padding-right:15px;
}
div.ordertrack-progressbar div.progressbar2{
        left:19.950433705080545%; 
        width: 34.44857496902107%;
        background-repeat: no-repeat;
}
div.ordertrack-progressbar div.progressbar3{
        left:45.9727385377943%; 
        width: 34.44857496902107%;
        background-repeat: no-repeat;
}
div.ordertrack-progressbar div.progressbar4{
        left:71.99504337050806%; /*-34px*/
        width: 28.004956629491947%;
        padding-left:15px;
}
div.ordertrack-progressbar-footer{
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 15px 0 15px;
        margin-bottom: 40px;
}
div.ordertrack-progressbar-header{
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 0 0 0;
        font-size: 14px;
        font-weight: bold;
        background-image: url("/images/trackbar-dot.png");
        background-size: auto 12%;
        background-repeat: repeat-x;
        background-position: center;
        margin-top: 20px;
}
div.ordertrack-progressbar-header div{
        background-color: White /*bgcolor*/;
        padding: 5px 5px 5px 5px;
}
div.form-data input[type="text"], input[type="search"], div.form-data input[type="email"], div.form-data input[type="number"], div.form-data input[type="tel"], div.form-data textarea, div.form-data select,.form-input {
        border: 1px solid #b2b2b4;
        border-radius: 2px;
        height: 30px;
        background-color: White;
        margin-top:4px;
        margin-bottom:4px;
        outline: 0;
        padding-left: 5px;
        width: 50%;
	font-weight: normal;
	padding-top:0;
}
input[type="search"]{
        border-radius: 17px;
        padding-left: 15px;
        height: 34px;
        width: 100%;
        margin-top:10px;
        font-size: 24px;
        padding-right: 20px;
}
div.ordertrack-feedback{
        text-align: left;
        height: 230px;
        overflow: hidden;
}
div.ordertrack-bearbeiten{
        position: absolute;
        padding-top: 2px;
        text-align: left;
        left:500px;
        right:110px;
        top:0px;
        overflow: hidden;
        background-color: White /*bgcolor*/;
        white-space: nowrap;
}
div.ordertrack-bearbeiten-open{
        left:0;
}
select:focus{
	outline: 1px solid #F2F2F2 !important;
}
div.form-data input[type="text"].schield {
        width: 16%;
        margin-right: 10px;
}
div.form-data textarea {
        height: auto;
        width: 80%;
}
div.form-data select {
        height: auto;
        width: auto;
}
.form-input, div.form-data select{
	font-weight: normal;
}
div.form-input{
	padding-top: 5px;
	background-color: transparent;
}
div.line{
        height: 1px;
        border-bottom: 1px solid #dcddde;
}
div.form-title.line {
        width: 80%;
}

.radio label,.checkbox label{
	padding-left: 25px;
}
div.form-data input[type="radio"],div.form-data input[type="checkbox"]{
        margin-top:2px;
}
.starsign{
	color: #c00d0e;
}
div.container-fluid.footer{
        background-color: #e6e6e6;
        margin-top:50px;
        padding-bottom:50px;
        width: 100%;
}
div.container.footer{
        margin-top:10px;
}
.form-container{
    position: relative;
    padding: 10px 20px 20px 20px;
    /*height: 100%;*/
    /*border: 1px solid rgba(0,0,0,0.3);*/
    border-radius: 3px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 5px 2px #aaaaaa;
    margin-top: 20px;
}
.text-title-abschicken label:before{
        bottom: 6px;
}
label.kundenbrief_sub:before{
        bottom: auto;
        top:1px;
}
.pay-choose {
    float: left;
    width: 83px;
    border: 3px solid White;
    cursor: pointer;
    margin-right: 3px;
}
.pay-choose-hover,.hoverok .pay-choose:hover {
    border: 3px solid #a8aaac;
}
.pay-choose img {
    width: 77px;
    height: 52px;
}
*::-webkit-input-placeholder {
    position: relative;
    top:-3px;
    color: #aaaaaa;
    font-weight: 200;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 4px;
}
*:-moz-placeholder {
    /* FF 4-18 */
    position: relative;
    top:-3px;
    color: #aaaaaa;
    font-weight: 200;
    font-size: 16px;
}
*::-moz-placeholder {
    /* FF 19+ */
    position: relative;
    top:-3px;
    color: #aaaaaa;
    font-weight: 200;
    font-size: 16px;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    position: relative;
    top:-3px;
    color: #aaaaaa;
    font-weight: 200;
    font-size: 16px;
}
div.main-boxrow{
        
}
div.form-row .text-title{
	padding-top: 10px;
	padding-bottom: 10px;
}
div.main-boxrow div.box{
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
        margin-left:-1px;
        margin-top:30px;
        
}
div.main-boxrow img{
        display: block;
        padding: 0px 5.5% 0px 5.5%;
}
div.main-boxrow .right{
        position: relative;
        padding-left: 0px;
        padding-right: 30px;
        height: 155px;
}
div.main-boxrow .text-title{
        padding: 20px 0px 10px 0px;
        font-size: 30px;
        line-height: 25px;
        color: #c00d0e;
        font-weight: bold;
        letter-spacing: -1px;
        cursor: pointer;
}
div.main-boxrow .text-data{
        padding: 0px 0px 10px 0px;
}

div.footer-links{
        border-bottom: 0px solid #555555;
        text-align: center;
        margin: 15px auto 30px auto;
}
div.footer-links.m{
        border-bottom: 0px solid #555555;
        height: auto;
}
div.footer-links a{
        color:black;
        padding-right:8px;
        padding-left:8px;
        font-size: 14px;
        padding-bottom:10px;
        display: inline-block;
        white-space: nowrap;
}
div.footer-links.m a{
        padding-right:0px;
        padding-left:0px;
        display: block;
        
}
div.footer-links a.elso{
        padding-left:0px;
}
div.footer-links a.utolso{
        padding-right:0px;
}
div.footer-social{
    display: none;
        text-align:center;
        border-bottom: 0px solid #555555;
        height:30px;
}
div.footer-social a{
        padding-left:5px;
        padding-right:0px;
}
div.footer-social a img{
        width:22px;
        height:22px;
}
div.footer-logos{
    color: black;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 15px auto 30px auto;
}
div.footer-logos img{
        width:100%;
        height: auto;
}
div.footer-logo{
        text-align:center;
        color: #636466;
        font-size: 14px;
        margin: 0px auto 30px auto;
}
div.footer-logo img{
        width: 56px;
        height:12px;
        margin-bottom:3px;
}
.lokale-header-size{
    display: none;
}
div.togo.row{
        position: relative;
}
div.togo-title{
        color: #749718;
        font-size: 46px;
        font-weight: lighter;
        font-weight: 300;
        text-align: center;
        margin-top:50px;
        margin-bottom: 35px;
        line-height: 50px;
        position: relative;
        top:120px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
div.togo-title span{
        opacity: 0.0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        
}
div.togo-title2{
        visibility: hidden;
        position: relative;
        left: 150%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
div.togo-title2 img{
        width: 100%;
        height: auto !important;
        margin-bottom: -3%;
}
div.togo-title3{
        font-size: 26px;
        font-weight: lighter;
        font-weight: 300;
        text-align: center;
        margin-bottom: 40px;
}
div.togo-icons-slide{
       height: 120px;
       overflow: hidden;
}

div.togo-icons-slide1{
        text-align: center;
        margin-top:10px;
        margin-bottom:10px;
        font-size: 26px;
        color: #749718;
        font-weight: lighter;
        font-weight: 300;
        letter-spacing: -1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: default;
}
div.togo-icons-slide1 img{
        width: 45px;
        height: 57px;
        margin: 0px auto 5px auto;
        display: block;
}
div.togo-icons-slide2{
        text-align: center;
	padding-top:3px;
	line-height: 17px;
}
div.togo div.line{
        margin-top: 10px;
        margin-bottom:10px;
}
div.togo-pics{
        margin-top: 40px;
}
div.togo-pics img{
        width: 100%;
        height: auto !important;
}
div.togo-shop-title{
        cursor: pointer;
        font-size: 26px;
        font-weight: lighter;
        font-weight: 300;
        margin-top: 50px;
}
div.togo-shop-title span{
        display: block;
        float: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}
div.togo-shop-title img{
        width: 16px;
        height: 16px;
}

div.togo-shops{
        height: 1px;
        max-height: 1px;
        overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
}
div.togo-shops div.row{
        margin-bottom: 20px;
}
div.togo-shops div.title{
        font-size: 18px;
        color: #749718;
        margin-top:15px;
}
div.togo-shops span{
        display: block;
        font-size: 13px;
        color: Black;
        margin-top:5px;
}
div.togo-shops span.plz{
        width: 35px;
        overflow: hidden;
}
div.togo-shops span.str{
        margin-left: 35px;
        overflow: hidden;
        white-space: nowrap;
}


div.agb div.text-title, div.impressum div.text-title, div.akakiko div.text-title{
        margin-top:35px;
        margin-bottom: 15px;
}
div.agb div.title{
        font-size: 16px;
        margin-top:20px;
        margin-bottom:5px;
}
div.agb div.text-data{
        
}

.rotate180deg {
    -ms-transform: rotate(180deg)!important; 
    -webkit-transform: rotate(180deg)!important; 
    transform: rotate(180deg)!important;
}
.rotate90deg {
    -ms-transform: rotate(90deg)!important; 
    -webkit-transform: rotate(90deg)!important; 
    transform: rotate(90deg)!important;
}
.rotate-90deg {
    -ms-transform: rotate(-90deg)!important; 
    -webkit-transform: rotate(-90deg)!important; 
    transform: rotate(-90deg)!important;
}
.modal-backdrop{
	/*margin-top: 44px;
	margin-bottom: -44px;*/
}

.modal-content{
	border:0;
	border-radius: 3px;
	box-shadow: none;
	background-color: White/*bgcolor*/;
}
.modal-dialog{
	padding-top:30px;
}
.modal-content .form-title{
	float: left;
	font-size: 20px;
	color: #c00d0e;
	font-weight: bold;
	padding-left: 15px;
}
#basiseur{
	float: right;
	text-align: right;
	width: 20%;
	font-weight:bold;
	color: Black;
	padding: 0 15px 0 0;
}
#aufpreiseur{
	float: right;
	text-align: right;
	font-size: 16px;
	width: 90%;
	font-weight:normal;
	color: Black;
	line-height: 10px;
	padding: 0 15px 0 0;
}
#bearbeiten,.sonderwunsch-title{
	color: Black !important;
	padding: 0 0 15px 15px;
    padding: 0;
}
.upgpcs{
	height: 30px;
	width:30px;
	float: left;
	background-color: White;
	text-align: center;
	font-size: 16px;
	padding-top: 4px;
	color: #959595;
	margin-bottom: 10px;
}
.upgart{
	height: 30px;
	width: auto;
	margin-left: 33px;
	float: none !important;
	margin-bottom: 10px;
}
.filter-title{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0;
	padding-top:15px;
	padding-bottom:10px;
}

#filter label{
	font-size: 16px;
	padding-top: 0px;
}
.menu-filter{
	text-align: right;
    position: relative;
}
.menu-filter img{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    cursor: pointer;
    text-align: right;
	margin-left: 5px;
    /*border-left: 1px solid #e0e0e1;
    border-right: 1px solid #e0e0e1;*/
    padding: 15px 0px;
    z-index: 997;
    height: 46px;
    display: block;
    border-bottom: 1px solid  transparent;
}
.menu-filter img#search-img{
        right: 50px;
        border-right: 1px solid transparent;
}
.menu-filter img#filter-img{
        right: 15px;
        border-right: 1px solid transparent;
}
.menu-filter-active{
    border-bottom: 1px solid  White /*bgcolor*/ !important;    
}
select{
	border: 1px solid #b2b2b4;
	border-radius: 3px;
	height: 30px !important;
    padding-left:5px;
	font-size: 16px;
	font-weight: bold;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	background-image: url(/images/arrow-select.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-color: White;
    white-space: nowrap;
}
textarea{
    border: 1px solid #b2b2b4;
    border-radius: 3px;
}
label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 25px;
    font-weight: normal;
    user-select: none;
}
input[type=radio],input[type=checkbox] {
    display: none;
}
label:before {
    content: "";
    display: inline-block;
 
    width: 16px;
    height: 16px;
 
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 3px;
    border: 2px solid #b2b2b4;
    border-radius: 8px;
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}
.newkukacheckbox:before{
    bottom: 25px;
}
input[type=radio]:checked + label:before,input[type=checkbox]:checked + label:before,input.checkbox-full + label:before {
    /*content: "\25A0";
    background-color: #c00d0e;*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3Q0Q1MjBDNUQyQTExRTVBNTM5QjQxNkMzRDc5ODg5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3Q0Q1MjBENUQyQTExRTVBNTM5QjQxNkMzRDc5ODg5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdDRDUyMEE1RDJBMTFFNUE1MzlCNDE2QzNENzk4ODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdDRDUyMEI1RDJBMTFFNUE1MzlCNDE2QzNENzk4ODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KAAxZAAAABlBMVEXADQ4AAACswBT5AAAAI0lEQVR42uzBgQAAAADDoPlTX+EAVQEAAAAAAAAAAACPCTAAJ3QAAYu0l9oAAAAASUVORK5CYII=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAcUlEQVQY04XOsQnCQBgF4C83gWQHsQpceQOIMwnpQ6bJAOIAloFrAu5wBFzAwitUIn7wmvfDz2tgbrs9Rhy9XHGOJd+bue0OuGHn04oUMGwc1W4Ib2+3nII/Qh30yyWgr4O+rehDLHlBwoRHzYQUS16eIAcYi0CtZDkAAAAASUVORK5CYII=);
    background-size: 8px 8px;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: center;
    line-height: 10px;
}
input.checkbox-empty:checked + label:before{
    background-image: none;
}
input.checkbox-full:checked + label:before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAcUlEQVQY04XOsQnCQBgF4C83gWQHsQpceQOIMwnpQ6bJAOIAloFrAu5wBFzAwitUIn7wmvfDz2tgbrs9Rhy9XHGOJd+bue0OuGHn04oUMGwc1W4Ib2+3nII/Qh30yyWgr4O+rehDLHlBwoRHzYQUS16eIAcYi0CtZDkAAAAASUVORK5CYII=);
}
select::-ms-expand {
    display: none;
}
option{
	outline: 0;
}
.iframediv{
    border: 2px solid Silver;
    position: fixed;
    top:15px;
    bottom:15px;
    left:15px;
    right:15px;
    background-color: White;
    z-index:999;
}
.iframe{
    height: auto;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    padding: 15px 5px 50px 5px;
    position: absolute;
    border:0;
}
.iframeclose{
    position: absolute;
    bottom:15px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
}
.list-group{
    margin-left: -15px;
    margin-right: -15px;
}
.list-group-item{
    border-right:0;
    border-left:0;
    padding-right:15px;
    padding-left:15px;
    
    
}
.list-group-item:first-child,.list-group-item:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.qr-list-group{
    margin-left: 20px;
    margin-bottom: 1px;
    padding-left: 0;
    border:0;
    color: black;
    font-size: 25px;
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1.5px solid #e6e6e6;
}
.qr-box .qr-list-group{
    margin-bottom: 0px;
    margin-top: 1px;
    padding-left: 0;
    border:0;
    color: black;
    font-size: 25px;
    border-bottom: 0px solid #e6e6e6;
    border-top: 1.5px solid #e6e6e6;
}
.qr-box{
    font-size: 14px;
    font-weight: normal;
    color: black;
    margin-left: -5px;
    margin-right: -15px;
}
.qr-box-meter{
    padding-top: 13px;
}
.qr-box .form-label{
    font-size: 31px;
    font-weight: bold;
    padding-top: 20px;
}
.qr-box .form-container{
    box-shadow: none;
    border: 1px solid #aaaaaa;
}
.qr-box li {
}
.qr-box h1 {
	text-align: center;
	font-size: 16px;
}

.kuka-list-group{
    border:0;
    color: black;
    font-size: 17px;
    font-weight: bold;
}
.kuka-box{
    font-size: 14px;
    font-weight: normal;
    color: black;
}
.kuka-box .form-label{
    font-size: 31px;
    font-weight: bold;
    padding-top: 20px;
}
.kuka-box .form-container{
    box-shadow: none;
    border: 1px solid #aaaaaa;
}
.kuka-box li {
	margin-bottom: 10px;
}
.kuka-box h1 {
	text-align: center;
	font-size: 16px;
}
.kuka-box-fua .form-container,.kuka-box-agb .form-container,.kuka-box-wichtigste .form-container,.kuka-box-join .form-container{ 
    box-shadow: none;
    border: 0;
    padding:0 5px;
}
.kuka-box .list-group-item{
    border: 0;
    font-size: 16px;
    padding:0;
}
.kuka-box .fafrage{
    font-weight: normal;
}
.foodpopuplist{
    width: 100%;
}
.foodpopuplist_ div.menu-flb-name{
    padding: 90px 0 0 0;
    border-bottom: 1px solid #e7e7e7;
    max-height: 83px;
    height: 83px;
    overflow: visible;
    margin-bottom: 5px;
}
.foodpopuplist_ div.menu-flb-order{
    position: absolute;
    top: 30px;
    right: 50px;
}
.foodpopuplist_ div.menu-flb-name .inner{
    /*position: relative !important;
    width: 100%;
    height: 100%;*/
    top:5px !important;
}
.foodpopuplist_ div.menu-flb-name div.inner div.menu-flb-mimg{
    height: 80px;
}
.foodpopuplist_ div.menu-flb-name div.inner div.menu-flb-name1{
    padding-left: 121px;
}
.upgprice{
	width:0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.upgoszlop{
	float: left;
	width: 50%;
	padding:0 15px 0 15px;
}
.form-select{
        margin-top: 4px
}

.agbpopup.form-title{
    float: none;
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 15px auto 0px auto;
}
.agbpopup.form-label{
    width: 80%;
    float: none;
    margin: 5px auto 0 auto;
    text-align: center;
}
img.agbpopup{
    display: block;
    margin: 15px auto 0 auto;
    width: 375px;
    
}
iframe.agbpopup{
    width: 100%;
    border: 0;
    margin: 35px 0 0 0;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    
}
.questionmark{
    width: 15px;
    height: 15px;
    margin-top: -2px;
}
.modal-footer{
    border: 0;
}

.helpbox{
    text-align: center;
    margin-top:30px;
    cursor: pointer;
}
.helpbox .inner,.helpcategory .inner{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    padding:15px;
    margin:15px;
}
.helpbox:hover .inner{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.40);
}
.helptitle{
    text-align: left;
    margin-top:20px;
    font-size: 35px;
    font-weight: normal;
    color: Black;
}
.helptoplink{
    padding: 20px 0 0 0;
    font-size: 20px;
}
.helpcategory{

}
.helpcategory h2{
    font-size: 26px;
}
.helpquestion h2{
    font-size: inherit;
    margin-top: 10px;
    text-align: left; 
}
.helpanswertitle{
    font-size: 24px;
}
.helpanswertext{
    font-size: 16px;
}



.delivery-outer{
    border: 1px solid #65656a;
    border-radius: 20px;
    padding: 2px;
    margin-bottom: 10px;
}
.delivery{
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    border-radius: 20px;
}
.delivery-active{
    background-color: #cf112d !important;
    color: White !important;
}
.delivery:hover{
    background-color: #e78896;
    color: White;
}
.delivery-zustell{
    float: left;
    width: 49.5%;
}
.delivery-mitnehmen{
    float: right;
    width: 49.5%;
}




.custom-select{
    position: relative;
    width: 100%;
    font-size: 18px;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #cf112d;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div {
  color: #000000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: White;
  border: 1px solid #b2b2b4;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #e78896; /*rgba(0, 0, 0, 0.1);*/
}

#mitnehmen-rest-details{
    text-align: center;
    font-size: 16px;
    margin: 10px;
}

.angebot-container .row{
    font-family: "HelveticaNowDisplay" ;
    
}
.angebot-row{
    margin: 15px 15px;
}
.angebot-col{
    background-color: #a7d3b8;
    padding:5px 30px 30px 30px;
    color: white;
    font-size: 30px;
}
img.angebot-header{
    padding-top:15px;
    width: 70%;
}
.angebot-foodbox{
    background-color: white !important;
    color: #44ae80 !important;
    border-radius: 30px;
    position: relative;
    padding-bottom: 12%;
    margin-bottom: 25px;
    box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15) 
}
.angebot-foodbox-datum{
    font-size: 20px;
    padding: 10px 0 0 0;
}
.angebot-foodbox-dow{
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 0 0;
    margin-top:-10px;
}
.angebot-foodbox-img{
    margin-top: -15px;
    position: relative;
}
.angebot-foodbox-img img{
    width: 100%;
}
.angebot-foodbox-bottom{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height: 30%;
    background-color: #4bb084;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.angebot-foodbox-name{
    color: white;
    font-size: 20px;
    position: absolute;
    bottom: 25px;
    left:0;
    right:0;
}
.angebot-foodbox-percentage{
    color: white;
    font-size: 30px;
    font-weight: 500;
    position: absolute;
    bottom: -22px;
    left:50%;
    width: 90px;
    margin-left: -45px;
    height: 44px;
    background-color: #ffb441;
    line-height:0px;
    padding-top:22px;
    border-radius: 22px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15) 
}
.angebot-foodbox-percentage span{
    font-size: 25px;
}
.angebot-timer{
    position: absolute;
    top:-15px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 30px;
    background-color: #9BC9E1;
    font-family: "JetBrainsMono-Regular" ;
    color: white;
    text-align: center;
    font-size: 23px;
    line-height:0;
    padding-top:15px;
    border-radius: 5px;
}
.angebot-timer-m{
    top: -25px;
    right:auto;
    left: 0px;
    font-size: 16px;
    width: 90px;
    height: 20px;
    padding-top:10px;
    margin-left: 0;
}

.dow-container .row{
    font-family: "HelveticaNowDisplay" ;
    
}
.dow-row{
    margin: 15px 15px;
}
.dow-col{
    background-color: #F3F3E7;
    padding:5px 20px 0px 20px;
    color: white;
    font-size: 30px;
}
img.dow-header{
    padding-top:15px;
    padding-bottom:15px;
    width: 90%;
}
.dow-foodbox{
    color: #000000 !important;
    position: relative;
    padding-bottom: 12%;
    margin-bottom: 25px;
    text-align: left;
}
.dow-foodbox-name{
    font-size: 20px;
    padding: 0 0 0 0;
    font-weight: 500;
}
.dow-foodbox-oldprice{
    font-weight: normal;
    position: relative;
    text-decoration: line-through;
}

.dow-foodbox-oldprice:before {
  position: absolute;
  content: "⎯⎯⎯⎯⎯";
  font-weight: 400;
  left: 0;
  top: -20%;
  right: 0%;
  border-top: 0px solid;
  border-color: inherit;
  opacity: 0;
  -webkit-transform:rotate(15deg);
  -moz-transform:rotate(15deg);
  -ms-transform:rotate(15deg);
  -o-transform:rotate(15deg);
  transform:rotate(15deg);
}
.dow-row-weekend{
    margin-bottom:30px;
}
.dow-asterisk{
    font-size: 16px;
    color: #A8A49E;
    text-align: left;
    margin: -10px 0px 30px 0px;
}
.dow-row-weekend, .dow-row-weekend .dow-col{
    background-color: #E7DCC7 !important;
}
.dow-row-weekend .dow-foodbox-img{
    background-color: #D4C6AC !important;
}
.dow-weekend-header{
    color: #A8A49E;
    font-size: 60px;
    font-weight: 500;
    padding-bottom: 50px;
}
.dow-foodbox-dow{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 0 0;
    color: #A8A49E;
}
.dow-foodbox-img{
    background-color: #E7DCC7 !important;
    border-radius: 15px;
    margin-top: -15px;
    position: relative;
}
.dow-foodbox-img img{
    width: 100%;
}
.dow-foodbox-bottom{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height: 30%;
    background-color: #4bb084;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}


@media (max-width: 450px) {
    .mobilelogosmall{
        width: 134px !important;
        padding-top: 0px;
        content:url(/images/akakiko_logo_mobile.svg) !important;
    }
    .mobilelogosmalluser{
        width: 134px !important;
        padding-top: 0px;
        content:url(/images/akakiko_logo_mobile.svg) !important;
    }
}
@media (max-width: 380px) {
    .mobilelogosmalluser{
        width: 120px !important;
        padding-top: 2px;
    }
}
@media (max-width: 365px) {
    .mobilelogosmalluser{
        width: 110px !important;
        padding-top: 4px;
    }
}
@media (max-width: 350px) {
    .mobilelogosmall{
        width: 120px !important;
        padding-top: 2px;
    }
    .mobilelogosmalluser{
        width: 95px !important;
        padding-top: 7px;
    }
}
@media (max-width: 340px) {
    .mobilelogosmall{
        width: 110px !important;
        padding-top: 4px;
    }
    .mobilelogosmalluser{
        width: 80px !important;
        padding-top: 9px;
    }
}
@media (max-width: 320px) {
    .mobilelogosmall{
        width: 80px !important;
        padding-top: 9px;
    }
    .mobilelogosmall{
        width: 95px !important;
        padding-top: 7px;
    }
    .mobilelogosmalluser{
        width: 70px !important;
        padding-top: 10px;
    }
}
@media (min-width: 501px) {
  .visible-xxs {
    display: none !important;
  }

}
@media (max-width: 500px) {
   
   div.togo-icons{
        width: 100% !important;
   }
   
   div.menu-foodbox-row{
        width: 200% !important;
   }
   div.menu-foodbox-nahrwerte{
        padding-right:0!important;
        margin-right:15px!important;
   }
   div.menu-foodbox-allergene{
        padding-left:0!important;
        margin-right:-15px!important;
   }




  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
  .hidden-xxs {
    display: none !important;
  }
   
  .col-xxs-12{
        width: 100% !important;
	margin-left: 0 !important;
  }
   
   div.togo-title2 img{
        margin-bottom: 10px !important;
   }
   .modal-dialog{
	padding-top:30px;
	margin-left: 0;
	margin-right: 0;
   }
   .upgoszlop{
	width: 100% !important;
   }
   .modal-backdrop{
	margin-top: 40px;
	margin-bottom: -40px;
   }
   .modal-body{
	padding-left: 5px !important;
	padding-right: 5px !important;
   }
   div.menu-fdb div.inner div{
	padding-right: 5px !important;
	padding-left: 5px !important;
   }
   #basiseur{
	float: none !important;
	margin-top:35px;
	clear: both;
	text-align: left;
	padding-left: 15px;
	width: 100% !important;
   }
   #aufpreiseur{
	float: left !important;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 15px;
   }
}
@media (max-width: 767px) {
    .menu-filter img#search-img{
        right: 60px;
    }
}
.mobilecategory{
    font-size: 18px;color: black;position: absolute; top:41px; left:0px; right:0px; padding:15px; height: auto; background-color: White;z-index:996;
}
@media (min-width: 501px) and (max-width: 767px) {
   div.main-boxrow img{
        width: 50%;
   }
   div.main-boxrow .right{
        width: 50%;
   }
}

@media (max-width: 767px) {
    
    
    
    
    
    /* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 5px;
    border: 2px solid #f1f1f1;
    height: 1%;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

    
    
    
    
    
    
    
    
    div.main-pic-img-1{
        padding-left:0;
        padding-right:0;
    }
    div.main-pic-img-2{
        padding-left:0;
        padding-right:0;
    }
    .hoverok div.category-links:hover a,.hoverok div.category-links.hover a{
        border-bottom: 2px solid transparent;
        color: #e37585;
    }
    div.menu-foodcat h2{
        font-size: 28px;
    }
    div.menu-foodcat{
    }
    div.category-links a{
        padding: 6px;
        height:36px;
    }
   div.category-links a{
        color: White;
   }
   
   div.togo-title{
        top: 60px;
   }
   div.togo-icons-slide{
       height: 110px;
       overflow: hidden;
   }
   div.togo-icons-slide1{
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
   }
   div.catering-pic-text.row{
        position: static;
        width:auto;
   }
   div.catering-pic{
        margin-bottom:0px;
   }
   div.header-box-size {
      height:48px;
   }
   #warenkorb-simple {
        padding-top:7px !important;
   }
   @media (min-height: 600px){
        body.app div.header-box-size {
            height:56px;
        }
        body.app div.header-menu2{
            padding-top: 15px;
        }
        body.app div.userarea {
            padding-top: 5px;
        }
        body.app #backButton img{
            margin-top:12px !important;
        }
        body.app div.mobilecategory{
            padding-top:23px;
            padding-bottom:10px;
        }
        body.app div.filter-title2{
            margin-top:10px;
        }
        body.app #help-redcircle img{
            top:163px!important;
        }
        body.app #warenkorb-simple {
        	padding-top:8px !important;
        }

   }
    div.mainpage-pictext{
        background-color: rgba(253,254,255,0.45);
    }
    div.mainpage-pictext-container{
        top:50%;
        margin-top: 16px;
        background-color: transparent ; /*White/*bgcolor*/;
    }
    div.mainpage-pictext-title{
        font-size: 20px;
        padding: 5px 15px 5px 15px;
        white-space: nowrap;
        line-height: 20px;
    }
    div.mainpage-pictext-desc{
        font-size: 13px;
        padding: 0px 15px 0px 15px;
        margin-bottom: 12px;
    }
    .button-mehrinfo{
        padding: 10px 15px 10px 15px;
        font-size: 13px;
   }
   .carousel-indicators{
        bottom:-10px;
   }
   .carousel-indicators li{
        width: 6px;
        height: 6px;
        padding-top:1px;
   }
   .carousel-indicators li.active{
        width: 8px;
        height: 8px;
        
   }
   div.button-lokales-links{
        padding-top:10px;
   }
  .my-dropdown-menu-inner{
	margin-right:0 !important;
	
  }
  #warenkorb-addfoodpopup .my-dropdown-menu-inner:before,#warenkorb-outer .my-dropdown-menu-inner:before{
	right: 5px !important;
  }
  .my-dropdown-fixed{
	top: 39px !important;
  }

   .warenkorb-simple img,#warenkorb-simple {
	width: 25px !important;
	height:31px !important;
	
   }

   
   .warenkorb-foodrow .changePcs{
        left: 45px;
        right:auto;
        top:4px;
   }
   .warenkorb-foodrow .warenkorb-up{
        float: left;
        margin: 0;
   }
   .warenkorb-foodrow .warenkorb-delete{
        float: right;
   }

}
div.menu-flb-mimg{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 225px;
        height: 150px;
        cursor: pointer;
        float: left;
        /*display: none;*/
}
div.menu-flb-mimg img{
        width: auto;
        height: 100%;
}
    
    
    
    .foodpopuplist div.menu-flb-mimg{
        /*display: block !important;*/
        left: -10px !important;
        top: 0px !important;
        width: 80px !important;
        height: 60px !important;
        pointer-events: none;
   }
   .foodpopuplist div.menu-flb-name{
        padding: 14px 0 14px 0;
        border-bottom: 1px solid #F2F2F2;
        max-height: 83px;
        height: 73px;
        overflow: visible;
        margin-bottom: 5px;
        
   }
   .foodpopuplist div.menu-flb-name .inner{
        /*position: relative !important;
        width: 100%;
        height: 100%;*/
        top:5px !important;
   }

    .foodpopuplist div.menu-flb-name1 h3{
        font-size: 18px !important;
        font-weight: bold !important;
    }
    .foodpopuplist div.menu-flb-name1{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*height: 34px;*/
        overflow-y: hidden;
        padding-right: 136px;
        padding-right: 10px;
        padding-left: 85px;
        text-overflow: ellipsis;
        /*white-space: normal;*/
        text-align: left ;
        /*line-height: 18px;*/
        margin:0 !important;
        pointer-events: none;
   }
   .foodpopuplist div.menu-flb-name2{
        /*display: none !important;*/
        text-align: left;
        padding:0px 0;
        font-size: 14px;
        line-height: 18px;
   }
   .foodpopuplist div.menu-flb-order{
        float: right;
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 100px;
        padding:0;
   }
   .foodpopuplist div.orderbutton{
        width: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
   }
   .foodpopuplist .orderpcs{
        right: auto;
        left:65px ;
        visibility: visible !important;
   }
   .foodpopuplist .orderpcsshowed{
        font-weight: normal;
   }/*
   .foodpopuplist .orderpcs::before{
        content: '\00FF0B';
    }
   .foodpopuplist ~ .orderpcsshowed::before{
        content: '';
    }*/
    .foodpopuplist .changePcs{
        right:50px;
    }
   
   .foodpopuplist .buttons{
        padding-left: 10px !important;
        padding-right:10px !important;
   }
@media (max-width: 991px) {
   div.menu-flb-mimg{
        /*display: block !important;*/
        left: -10px !important;
        top: 0px !important;
        width: 80px !important;
        height: 60px !important;
   }
   div.menu-flb-name{
        padding: 14px 0 14px 0;
        border-bottom: 1px solid #e7e7e7;
        max-height: 83px;
        height: 83px;
        overflow: visible;
   }
   div.menu-flb-name .inner{
        /*position: relative !important;
        width: 100%;
        height: 100%;*/
        top:10px !important;
   }

    div.menu-flb-name1 h3{
        font-size: 18px !important;
        font-weight: bold !important;
    }
    div.menu-flb-name1{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*height: 34px;*/
        overflow-y: hidden;
        padding-right: 136px;
        padding-right: 10px;
        padding-left: 85px;
        text-overflow: ellipsis;
        /*white-space: normal;*/
        text-align: left ;
        /*line-height: 18px;*/
        margin:0 !important;
   }
   div.menu-flb-name2{
        /*display: none !important;*/
        text-align: left;
        padding:0px 0;
        font-size: 14px;
        line-height: 18px;
   }
   div.menu-flb-order{
        float: right;
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 100px;
        padding:0;
   }
   div.orderbutton{
        width: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
   }
   .orderpcs{
        right: auto;
        left:65px ;
        visibility: visible !important;
   }
   .orderpcsshowed{
        font-weight: normal;
   }/*
   .orderpcs::before{
        content: '\00FF0B';
    }
   .orderpcsshowed::before{
        content: '';
    }*/
    .changePcs{
        right:50px;
    }
   
   .buttons{
        padding-left: 10px !important;
        padding-right:10px !important;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   div.catering-pic-text.row{
        position: static;
        width:auto;
   }
   div.catering-pic{
        margin-bottom:0px;
   }
   div.mainpage-pictext-title{
        font-size: 30px;
        line-height: 30px;
        padding: 10px 15px 0px 15px;
    }
    div.category-links{
        padding: 11px 7px 0px 7px;
    }
    div.category-links-green{
        padding: 5px 9px 0px 9px;
    }

}
@media (max-width: 991px) {
   #fooddetailsDescription, .allergia-title, .allergia{
    font-size: 14px;
   }
   #fooddetailsName{
    text-align: center !important;
   }
   #fooddetails-container{
        text-align: center;
   }
   #fooddetailsEUR{
        width: 100%;
        text-align: center;
   }
   #fooddetailsExtra{
        text-align: center;
        margin: 0 auto;
   }
   #fooddetailsExtra div{
        float: none;
   }
   #fooddetailsButton{
        margin-left: 50%;
        /*width: inherit !important;*/
        font-weight: inherit !important;
        right: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
        visibility: inherit !important;
        overflow: inherit !important;
        float: none;
        left:  0;
   }
   #fooddetailsButton .orderbutton{
        font-weight: inherit !important;
        right: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
        visibility: inherit !important;
        overflow: inherit !important;
        float: left;
        left:  -60px;
        width: 120px !important;
   }
   #fooddetailsButton .transition-all-2.orderpcs{
        /*width: inherit !important;*/
        font-weight: inherit !important;
        right: inherit !important;
        left: 70px !important;
        top: 0;
        bottom: inherit !important;
        visibility: inherit !important;
        overflow: inherit !important;
        display: none;
   }
   #fooddetailsButton .transition-all-2.orderpcsshowed{
    display: block;
   }
   #fooddetailsButton #changePcs{
        right: auto;
        left: -80px;
        left: -135px;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
   div.togo-icons-slide{
       height: 110px;
       overflow: hidden;
   }
   div.togo-icons-slide1{
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
   }
   div.menu-foodbox-row{
        width: 200%;
   }
   div.menu-foodbox-desc{
        margin-top:2px;
   }
   div.menu-foodbox-nahrwerte{
        margin-top:5px;
   }
   div.menu-foodbox-allergene{
        margin-top:5px;
   }
   div.menu-foodbox-adat{
        line-height: 22px;
        height: 23px;
   }

}
    div.container-fluid.footer{
        position: absolute;
        bottom: -240px;
        height: 240px;
    }

@media (min-width: 1200px) {
    .container {
        /*width: 1170px;*/
        width: 1024px !important;
    }
    div.page{
        margin-bottom: 177px;
    }

}






					.warenkorb-simple{
						background-color: #cf112d;
						/*background-image: url(/images/basket.png);
						background-size: contain;*/
						width: 55px;
						height: 31px;
						margin-top: 0px;
						font-weight: bold;
						font-size: 13px;
						cursor: pointer;
						overflow: hidden;
						float: right;
						position: relative;
						overflow: visible;
                        padding-right: 15px;
                        margin-right:-15px;
					}
					.warenkorb-simple img{
					    width: auto;
					    height:31px;
					    position: absolute;
					    top:-3px;
					    right:15px;
					}
					#warenkorb-simple,#warenkorb-simple2{
					    text-align: center;
					    width: 27px;
					    height: 31px;
					    position: absolute;
					    top:0;
					    right:15px;
					    padding-top:9px;
						color: #cf112d;
					}
					#warenkorb-simple2{
						color: White;
					}
					.my-dropdown-fixed{
						position: absolute;
						position: fixed;
						-webkit-transform: translateZ(0);
						top: 44px;
						left:0;
						bottom: 0px;
						overflow: visible;
						width: 100%;
						max-height: 100%;
						z-index: 999;
						display: none;
						
					}
					.my-dropdown-fixed::-webkit-scrollbar { 
					    display: none; 
					}
					.my-dropdown-fixed .row{
					    position: relative;
					    height: 100%;
					}
					.my-dropdown-menu{
						position: absolute;
						display: none;
						/*padding: 29px 20px 20px 20px;*/
						opacity: 0;
					    top:5px;
					}
					.my-dropdown-menu-inner{
					    background: transparent;
						padding:10px 15px 15px 15px;
					    overflow: visible;
						position: relative;
						border: 1px solid #b2b2b4;
					    background-color: White /*bgcolor*/;

					}
					.my-dropdown-menu-inner-old:before{
						content: "";
						position: absolute;
					    width: 13px;
						height: 13px;
						top: -7px;
						left: auto;
						bottom: auto;
						background-color: White /*bgcolor*/;
						border-top: 1px solid #b2b2b4;
						border-left: 1px solid #b2b2b4;
						-ms-transform: rotate(45deg); 
						-webkit-transform: rotate(45deg); 
						transform: rotate(45deg);
						z-index:1;
						display: none;
					}
					.my-dropdown-menu-inner:before{
						content: "";
						position: absolute;
					    width: 18px;
						height: 9px;
						top: -9px;
						left: auto;
						bottom: auto;
						background-image: url(/images/dropdownarrow.png);
						background-repeat: no-repeat;
						background-position: top left;
						background-size: 100% 100%;
						z-index:1;
						display: none;
					}
					#warenkorb-outer .my-dropdown-menu-inner{
						margin-right: -15px;
					}
					#warenkorb-outer .my-dropdown-menu-inner:before{
						/*background-image: url(/images/arrow-mydropdown.png);
						background-position: 96.3% 0%;
						background-repeat: no-repeat;*/
						/*text-align: left;*/
						display: block;
						right: 20px;
					}
					#usermenu .my-dropdown-menu-inner{
						max-width: 264px;
						width: 100%;
						float: right;
					}
					#usermenu .my-dropdown-menu-inner:before{
						display: block;
						right: 55px;
					}
					#filter{
					    z-index:996;
					    top: -1px;
						position: relative;
					    padding: 0;
						border-top: 1px solid #e0e0e1;
						box-shadow: 0 0 5px -5px #aaaaaa;
						width: 100%;
						background-color: White;
						opacity: 1;
						overflow: hidden;
						display: none;
						color: #65656a;
					}
					#filter .my-dropdown-menu-inner{
						padding: 5px 15px 15px 15px;
						padding: 0 15px;
						width: 100%;
						background: transparent;
					}
					#mobile-menu-main .my-dropdown-menu-inner{
					    background-color: rgba(255,255,255,1);
						background: transparent;
					}
					
					
					div.usermenu{
						padding-top: 0px;
						text-align: left;
						float: right;
						/*padding-left: 15px;*/
						position: relative;
						cursor: pointer;
						line-height: 14px;
						font-size: 13px;
						-webkit-touch-callout: none;
						-webkit-user-select: none;
						-khtml-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
					}
					div.usermenu .visible-xs{
					    margin-top: -4px;
					}
					div.usermenu .buttons{
						color: white;
						border-color: white;
						max-width:300px;
						white-space: nowrap;
						overflow:hidden !important;
						text-overflow: ellipsis;
						height: 24px;
						padding-top:4px;
						font-size:12px;
						margin-top:2px;
					}

					div.userarea{
						width: 100%;
						background-color: #cf112d;
						background-color: transparent;
						z-index: 9999;
						text-align: right;
						
					}
					div.arrow-red{
						width: 10px;
						height: 6px;
						background-image: url(/images/arrow-red.png);
						position: absolute;
						right: 15px;
						bottom: 28px;

					}
					div.arrow-red.mobile{
						bottom: 10px;
					}
					.links{
						display: block;
						font-size: 16px;
						font-weight: normal;
					}
					span.links{
						color: #c00d0e;
						padding-bottom: 10px;
						font-weight: bold;
					}
					.links.last{
						padding-top:10px;
						font-weight: bold;
					}




/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(50%); }
.grayscale.blur {filter: blur(2px) grayscale(75%);}
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }