body{min-width: 500px;max-width: 100%;}

.top{min-width: inherit;max-width: inherit;height: 250px;background-size: cover;}
.top .logo{margin-left: 0px;max-height: 250px;width: 350px;background-size: contain;background-repeat: no-repeat;}
.menu,.menubg{display: none;}
.mobilmenu{background-image: url(../img/menu.png);width: 100px;height: 94px;background-size: contain;background-repeat: no-repeat;position: absolute;
	right: 10px;top: 140px;cursor: pointer;display: block;opacity: 0.35;}
.toparrow{width: 100px;height: 100px;}
.menumobil{position: fixed;opacity: 0.85;display: none;z-index: 1;top: 0px;right: -450px;background-color: #000;color: #FFF;height: 100%;
	width: 400px;padding-top: 10px;padding-left: 25px;padding-right: 25px;}
.mobilmenu:hover{opacity: 0.85;}
.menumobil .menubutton{height: 75px;font-size: 30px;border-bottom: 1px solid #FFF;line-height: 75px;cursor: pointer;}
.menumobil .menubutton:last-of-type{border-bottom: none;}

.main{min-width: inherit;max-width: inherit;margin-top: 0px;}
.main .footer{min-width: inherit;max-width: inherit;}
	
.mealss{min-width: 500px;width: 100%;}
h2{font-size: 40px;}
.free{font-size: 25px;}
.search{margin: 0 auto;float: none;height: 100px;width: 600px;font-size: 50px;padding-left: 30px;}
.mealss .category{width: calc(40% - 20px); height: auto;}
.mealss .show{width: calc(60% - 20px);height: auto;}
.mealss .category div{width: 100%;height: 80px;line-height: 80px;font-size: 25px;}
.mealss .category div.text{line-height: 40px;}

.mealss .datatext{font-size: 30px;}
.mealss .meal{width: 90%;height: 600px;font-size: 40px;margin-bottom: 50px;}
.mealss .meal .headlinepic{width: 100%;height: 250px;margin-top: -54px;}
.mealss .meal .bg{height: 50px;}
.mealss .meal .headline{font-size: 40px;}
.mealss .meal .headline span{display: inline-block;width: 35px; height: 35px;border-radius: 30px;font-size: 27px;line-height: 37px;position: relative;}
.mealss .meal .desciption{height: 100px;overflow: hidden;}
.mealss .meal .sizes{height: 100px;}
.mealss .meal .price{font-size: inherit;margin-left: 60%;display: inline-block;height: 40px;padding: 10px;}
.mealss .meal .price span{font-size: 20px;}
  .mealss .meal div.linepic{position: relative;width: 100%;background-color: #000;opacity: 0.5;height: 50px;line-height: 40px;
		border-top-left-radius: 3px;border-top-right-radius: 3px;}
	.mealss .meal div.linepic2{font-size: 40px;height: 50px;line-height: 40px;color: #FFF;position: relative;width: 100%;margin-top: -45px;}
	

.popup .header{height: 80px;font-size: inherit;line-height: 80px;overflow: hidden;}
.popup .choosesize{width: 250px; height: 160px;line-height: 40px;font-size: inherit;}
.popup .choosesize .price{font-size: 45px !important;margin-top: 20px;line-height: 45px;height: 45px;display: inline-block;}
.popup .choosesize span{font-size: 25px !important;display: block;margin-top: 10px;}


.popup .garnish, .popup .extra{font-size: inherit;}
.popup .garnishes{height: auto;}
.popup .garnishes div{font-size: inherit;width: 46%;line-height: 40px;height: 80px;}
.popup .garnishes div > div.circle{height: 25px;width: 20px;border-radius: 25px;border-width: 5px;}
.popup .garnishes div > img{width: 35px;height: 35px;margin-left: -43px;}
.popup .popupprice{font-size: inherit;line-height: inherit;padding: 15px;float: left;margin-left: 10px;margin-right: 0px;}
.popup .extra{width: 100%;}
.popup .extras{width: 400px;height: auto;}
.popup .extratomeal{line-height: 35px;height: 40px;float: none;}
.popup .choosenumber{padding: 10px;height: 57px;width: 75px !important;border-radius: 0px !important;}
  
.popup .hint{font-size: 25px !important;}
.popup .chooseextra{width: 400px; font-size: inherit;line-height: 40px;height: 60px;margin-bottom: 20px;}

.card .currentcard, .card .startorder{float: none;height: auto;width: 100%;font-size: 30px;text-align: left;}
.card .startorder{height: 850px;}
.card .currentcard .prices{display: block;}
.card .currentcard .prices div{float: none;display: inline-block;}
.card .startorder .headline{margin-left: 0px;text-align: left;padding-left: 100px;}
  
.card .currentcard .item .name{width: calc(60% - 10px);}
.card .currentcard .item .name h4{margin-top: 0px;}


.mealss .category .fastorder{width: calc(100% / 3 - 10px) ;height: 90px;line-height: 90px;font-size: 50px;}
.orders{width: calc(100% - 20px);font-size: 20px;}
.orders .extend .articles span.extra{font-size: 20px;}
.orders .detail:not(.first){margin-left: 10px;}
.orders .detail:not(.five){border-right: solid 1px #000;}
.orders .detail.first{width: calc(10%);}
.orders .detail.second{width: calc(40% - 10px);}
.orders .detail.third,.orders .detail.four{width: calc(10% - 10px);}
.orders .detail.five{width: calc(30% - 20px);}

.orders.kitchen .detail.first,.orders.kitchen .detail.third{width: 40%;}
.orders.kitchen .extend .articles{width: 100%;}
.orders .extend .articles{width: 56%;margin-left: 10px;font-size:20px;}
.orders .extend .address{width: 22%;margin-left: 10px;font-size:20px;}
.orders .extend .payment{width: 17%;margin-left: 10px;font-size:20px;}

.timetosearch{font-size: 25px;}

.card .hint{text-align: center;}

.popup select{font-size: inherit;height: auto;margin-top: 10px;}

.inputtag .shortcut{font-size: 25px;line-height: 25px;height: 25px;overflow: hidden;width: 300px;}
.popup .inputtag, .admin .inputtag, .admin .hint,.none .hint{font-size: 25px;}

.adminenter{font-size: 25px !important;width: 80%;height: 25px !important;line-height: 25px !important;}

.popup input[type=mail],.popup input[type=password],.popup input[type=text],.popup input[type=number],.admin input[type=mail],.admin input[type=password],.admin input[type=text],
.admin input[type=number],.admin select, .popup input[type=time]{
  font-size: inherit;
}
.card input[type=button],.popup input[type=button],.admin .content input[type=button]{width: 40% !important;height: 80px;line-height: 80px;font-size: inherit;}
.card .currentcard .item .price span{font-size: 30px;}
.card .currentcard .prices div span:not(.priceto){font-size: 20px;}
.card .startorder .choose{text-align: center;}
.card .startorder .choose .delivery{display: inline-block;padding-left: 0px;}
.card .startorder .choose .delivery div{width: 180px;height: 110px;line-height: 110px;}
.card .startorder .choose .delivery div.marked{width: 178px;height: 106px;line-height: 106px;}
.card .startorder .payment{width: 100%;font-size: 25px;}
.card .startorder .payment .paymenticon{float: right;margin: 0 auto;margin-right: 20px;width: 102px;height: 82px;line-height: 80px;}

.card .startorder .payment .paymenticon img{max-width: 100px;max-height: 80px;}
.card .startorder .payment .paymenticon.marked{width: 102px;height: 80px;}
.card .startorder .choose .time, .card .startorder .choose .address{font-size: 25px;}
.card .startorder .choose .time div{font-size: inherit;margin-right: 20px;text-align: right;}
.card .startorder .choose .time div input{font-size: 25px;}

.card input[type=button]{font-size: 30px !important;}
.card .addressadmin span{width: 100px;}
.card .addressadmin input{height: 40px;font-size: 30px;width: 200px;}
.card .addressadmin input[data=number]{width: 50px;}
.card .addressadmin input[data=plz]{width: 100px;}
.card .desc textarea,.card .desc input{width: 90%;font-size: 30px;}
.card .desc [data=coupon]{display: none;font-size: 20px;}
.ui-menu-item-wrapper{font-size:25px;}
.moveotocard,.movetoterminal{text-align: center; width: 90%;border: 5px solid #666;border-radius: 5px;margin: 0 auto;height: 100px;font-size: 40px;line-height: 100px;background-color: #00c000;cursor: pointer;color: #FFF;}
	
input.adminbutton[data-button=back],input.adminbutton[data-button=ok]{width: 30% !important;}
input.adminbutton{width: 11.5%;height: 75px;font-size: 20px;white-space: normal;margin-bottom: 10px;}

.popup .inputtag{width: 40%;}
.popup .inputtag input{width: 250px;float: none;}


.checkstandinputs div{width: 120px;height: 120px;line-height: 120px;}
.checkstand .payed{height: 120px; width: 220px;line-height: 120px;margin-top: 390px;margin-left: 0px;}
.checkstandinputs{width: 530px;margin-left: 10px;}



.addressesinputs .inputtag,.addresses .inputtag{width: 100%;font-size: 25px !important;height: 32px !important; line-height: 30px !important;}
.addressesinputs input[type=button]{width: 50% !important;}
.popup .addresses{width: 100%;float: none;max-width: 85%;}
.addresses .address{width: 47%;height: 170px;}
.addresses .address .addressentry{height: 130px;}
.addresses .address .addressentrys{font-size: 25px; line-height: 25px;height: 25px;}
.popup .address input[type="button"]{font-size: 25px;;line-height: 25px;height: 25px;}

.popup .inputtag.hint{width: 85%;line-height: 25px;padding-left: 25px;}
.popup .inputtag.hint input[type=checkbox]{width: 100px;}
.popup .changedata .inputtag.hint{width: 85%;height: 25px;line-height: 25px;}
.popup .changedata .inputtag{width: 65%;}

.driverorder{font-size: 30px;width: 88%;margin-bottom: 25px;margin-left: 5%;margin-right: 5%;}
.driverorder input[type=button]{width: 45%;font-size: 25px;}

@media (orientation: landscape) {
	.popup{width: 90%;top:50px;left: 5%;font-size: 40px;position: absolute;}
  
  .card .currentcard .item .count{width: calc(15% - 10px);margin-top: 0px;}
  .card .currentcard .item .price{width: calc(25%);margin-top: 0px;font-size: 20px;}
  
  .card .startorder .choose > div:first-of-type,.card .startorder .choose > div:nth-of-type(2){float: right; width: 50%;height: 680px;text-align: center;}
  
  .checkstand{width: 100%;font-size:  25px;right: 0px;margin-top: -150px;}
	.checkstandinputs{width: 370px;}
	.checkstandinputs div{width: 80px;height: 80px;line-height: 80px;}
	.checkstand .payed{height: 80px;line-height: 80px;margin-top: 0px;}
	.checkstand .payed2,.checkstand .payed3{height: 80px; width: 220px;line-height: 80px;margin-left: 30px;cursor: pointer;float: left;}
	.checkstand .payed2{margin-top: 170px;}
	.checkstand .payed3{margin-top: 20px;margin-left: 250px;}
	.card .addresstext{height: 75px; font-size: 25px !important;line-height: 35px !important;}
	.card .startorder .payment .paymenticon:first-of-type{margin-right: 20px;}
	.card .startorder .payment .paymenticon{margin-bottom: 20px;}
}

@media (orientation: portrait) {
	
	.popup{width: 90%;top:50px;left: 5%;font-size: 40px;}
	.popup .inputtag{width: 60%;}
	
	.card .currentcard .item .count{width: calc(10% - 20px);margin-top: 0px;}
  .card .currentcard .item .price{width: calc(30%);margin-top: 0px;font-size: 20px;}
  .card .currentcard .item .count select{width: 50px;}
  
  .checkstand{width: 100%;font-size:  25px;right: 0px;margin-top: -150px;}
	.checkstand .payed2,.checkstand .payed3{height: 120px; width: 220px;line-height: 120px;margin-left: 100px;cursor: pointer;}
	.checkstand .payed2{margin-top: -510px;}
	.checkstand .payed3{margin-top: -380px;}
	.card .addresstext{height: 50px; font-size: 25px !important;line-height: 45px !important;}
	.card .startorder .payment .paymenticon:first-of-type{margin-right: 100px;}
}