/** @see http://www.webdesignerwall.com/demo/css-buttons.html */
/* button
---------------------------------------------- */
.button {
  border-radius: .5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
  *display: inline;
  margin: 0 2px;
  outline: none;
  padding: .5em 2em .55em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: baseline;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
}
.button:hover:not([disabled]),
.button:focus:not([disabled]) {
  text-decoration: none;
}
.button[disabled] {
  cursor: not-allowed;
}
/*.button:active:not(input) {
	position: relative;
		top: 1px;
		left: 1px;
}*/
input.button {
  cursor: text;
  text-align: left;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.button.bigrounded {
  border-radius: 2em;
}
.button.medium {
  font-size: 0.8em;
  padding: .4em 1.5em .42em;
}
.button.small {
  font-size: 0.5em;
  padding: .2em 1em .275em;
}
select.button {
  padding: .43em 2em .48em;
}
select.button.medium {
  padding: .35em 1.5em .37em;
}
select.button.small {
  padding: .1em 1em .175em;
}
select.button option[disabled="true"],
select.button optgroup[disabled="true"] {
  display: none;
}
.button.group-start {
  border-bottom-right-radius: 0;
  border-right: 0!important;
  border-top-right-radius: 0;
  margin-right: 0;
}
.button.group {
  border-radius: 0;
  border-right: 0!important;
  margin-left: 0;
  margin-right: 0;
}
.button.group-end {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}
.button.blue {
  color: #d9eef7;
  border: solid 1px #32678b;
  background: #39759d;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #4083b0 , endColorstr= #32678b );
}
.button.blue:hover:not([disabled]),
.button.blue:focus:not([disabled]) {
  background: #4f8fba;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #5e9cc5 , endColorstr= #4083b0 );
}
.button.blue:active:not([disabled]):not(input) {
  background: #84b3d2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #97bed9 , endColorstr= #71a7cb );
}
select.button.blue option,
select.button.blue optgroup {
  background: #4083b0;
  color: #d9eef7;
}
.button.yellow {
  color: #000000;
  border: solid 1px #fcd233;
  background: #fdd74c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #fddd65 , endColorstr= #fcd233 );
}
.button.yellow:hover:not([disabled]),
.button.yellow:focus:not([disabled]) {
  background: #fde37e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #fee897 , endColorstr= #fddd65 );
}
.button.yellow:active:not([disabled]):not(input) {
  background: #fef3ca;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #fff9e3 , endColorstr= #feeeb1 );
}
select.button.yellow option,
select.button.yellow optgroup {
  background: #fddd65;
  color: #000000;
}
.button.black {
  color: #d7d7d7;
  border: solid 1px #1a1a1a;
  background: #262626;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #333333 , endColorstr= #1a1a1a );
}
.button.black:hover:not([disabled]),
.button.black:focus:not([disabled]) {
  background: #404040;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #4d4d4d , endColorstr= #333333 );
}
.button.black:active:not([disabled]):not(input) {
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #737373 , endColorstr= #595959 );
}
select.button.black option,
select.button.black optgroup {
  background: #333333;
  color: #d7d7d7;
}
.button.gray {
  color: #6e6e6e;
  border: solid 1px #d0d0d0;
  background: #dcdcdc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e9e9e9 , endColorstr= #d0d0d0 );
}
.button.gray:hover:not([disabled]),
.button.gray:focus:not([disabled]) {
  background: #f4f4f4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #e9e9e9 );
}
.button.gray:active:not([disabled]):not(input) {
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #ffffff );
}
select.button.gray option,
select.button.gray optgroup {
  background: #e9e9e9;
  color: #6e6e6e;
}
.button.white {
  color: #606060;
  border: solid 1px #e6e6e6;
  background: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #e6e6e6 );
}
.button.white:hover:not([disabled]),
.button.white:focus:not([disabled]) {
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #ffffff );
}
.button.white:active:not([disabled]):not(input) {
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #ffffff );
}
select.button.white option,
select.button.white optgroup {
  background: #ffffff;
  color: #606060;
}
.button.rosy {
  color: #fae7e9;
  border: solid 1px #d12e41;
  background: #d54354;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #da5867 , endColorstr= #d12e41 );
}
.button.rosy:hover:not([disabled]),
.button.rosy:focus:not([disabled]) {
  background: #df6d7a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e3828d , endColorstr= #da5867 );
}
.button.rosy:active:not([disabled]):not(input) {
  background: #edabb3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #f1c0c6 , endColorstr= #e897a0 );
}
select.button.rosy option,
select.button.rosy optgroup {
  background: #da5867;
  color: #fae7e9;
}
.button.pink {
  color: #feeef5;
  border: solid 1px #f565a6;
  background: #f67db4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #f895c2 , endColorstr= #f565a6 );
}
.button.pink:hover:not([disabled]),
.button.pink:focus:not([disabled]) {
  background: #faadd0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #fbc5de , endColorstr= #f895c2 );
}
.button.pink:active:not([disabled]):not(input) {
  background: #feeef5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #fdddeb );
}
select.button.pink option,
select.button.pink optgroup {
  background: #f895c2;
  color: #feeef5;
}
.button.green {
  color: #e8f0de;
  border: solid 1px #486e16;
  background: #56841a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #64991e , endColorstr= #486e16 );
}
.button.green:hover:not([disabled]),
.button.green:focus:not([disabled]) {
  background: #72ae22;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #80c426 , endColorstr= #64991e );
}
.button.green:active:not([disabled]):not(input) {
  background: #99da43;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #a5de58 , endColorstr= #8dd62e );
}
select.button.green option,
select.button.green optgroup {
  background: #64991e;
  color: #e8f0de;
}
.button.orange {
  color: #fef4e9;
  border: solid 1px #d97308;
  background: #e88012;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #f78d1d , endColorstr= #d97308 );
}
.button.orange:hover:not([disabled]),
.button.orange:focus:not([disabled]) {
  background: #f89936;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #f9a64e , endColorstr= #f78d1d );
}
.button.orange:active:not([disabled]):not(input) {
  background: #fabf80;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #fbcb98 , endColorstr= #fab267 );
}
select.button.orange option,
select.button.orange optgroup {
  background: #f78d1d;
  color: #fef4e9;
}
.button.red {
  color: #faddde;
  border: solid 1px #ab151a;
  background: #c1181e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #d81b21 , endColorstr= #ab151a );
}
.button.red:hover:not([disabled]),
.button.red:focus:not([disabled]) {
  background: #e02d33;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e73f44 , endColorstr= #d81b21 );
}
.button.red:active:not([disabled]):not(input) {
  background: #ed6c70;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ef8386 , endColorstr= #ea565a );
}
select.button.red option,
select.button.red optgroup {
  background: #d81b21;
  color: #faddde;
}
.button.aurelis {
  color: #ffffff;
  border: solid 1px #cc7000;
  background: #e67e00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ff8c00 , endColorstr= #cc7000 );
}
.button.aurelis:hover:not([disabled]),
.button.aurelis:focus:not([disabled]) {
  background: #ff9819;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffa333 , endColorstr= #ff8c00 );
}
.button.aurelis:active:not([disabled]):not(input) {
  background: #ffba66;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffc680 , endColorstr= #ffaf4d );
}
select.button.aurelis option,
select.button.aurelis optgroup {
  background: #ff8c00;
  color: #ffffff;
}
.button.visionsbox {
  color: #ffffff;
  border: solid 1px #879301;
  background: #9fac02;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #b6c502 , endColorstr= #879301 );
}
.button.visionsbox:hover:not([disabled]),
.button.visionsbox:focus:not([disabled]) {
  background: #cdde02;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #e5f703 , endColorstr= #b6c502 );
}
.button.visionsbox:active:not([disabled]):not(input) {
  background: #edfd30;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #effd49 , endColorstr= #ebfd17 );
}
select.button.visionsbox option,
select.button.visionsbox optgroup {
  background: #b6c502;
  color: #ffffff;
}
.button.brick {
  color: #ffffff;
  border: solid 1px #c3583b;
  background: #c9684f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #cf7962 , endColorstr= #c3583b );
}
.button.brick:hover:not([disabled]),
.button.brick:focus:not([disabled]) {
  background: #d58a76;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #db9a89 , endColorstr= #cf7962 );
}
.button.brick:active:not([disabled]):not(input) {
  background: #e7bcb0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #edccc4 , endColorstr= #e1ab9d );
}
select.button.brick option,
select.button.brick optgroup {
  background: #cf7962;
  color: #ffffff;
}
.button.box {
  color: #ffffff;
  border: solid 1px #06252d;
  background: #093744;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #0c495a , endColorstr= #06252d );
}
.button.box:hover:not([disabled]),
.button.box:focus:not([disabled]) {
  background: #0f5b71;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #126e87 , endColorstr= #0c495a );
}
.button.box:active:not([disabled]):not(input) {
  background: #1892b4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #1ba4cb , endColorstr= #15809d );
}
select.button.box option,
select.button.box optgroup {
  background: #0c495a;
  color: #ffffff;
}
@font-face {
  font-family: EmojiWeb;
  src: local(DINOTRegular), local(Helvetica), local(Arial);
  
  /* Fonts for text outside emoji blocks */
}
@font-face {
  font-family: EmojiWeb;
  src: local('Apple Color Emoji'), local('Android Emoji'), local(EmojiSymbols), local(Symbola), url('Symbola-Emoji.eot?#iefix') format('embedded-opentype'), url('Symbola-Emoji.woff') format('woff'), url('Symbola-Emoji.ttf') format('truetype');
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
  
  /* Emoji unicode blocks */
}
#doener {
  color: #333333;
  font-family: EmojiWeb, sans-serif;
}
#doener * {
  box-sizing: border-box;
}
main {
  height: auto!important;
  overflow: auto;
  padding: 15px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 155px;
  left: 0;
}
main > * {
  white-space: normal;
}
main > label {
  display: none;
}
div#doener main {
  top: 100px;
}
div#doener main > label {
  display: none;
  opacity: 1;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: 2em;
  z-index: 1000;
}
body#doener main {
  background-color: #808080;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
  background-image: radial-gradient(ellipse at bottom center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
}
section {
  background-color: rgba(255, 255, 255, 0.75);
  background-repeat: no-repeat;
  background-position: -50px -35px;
  background-size: 200px 300px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  display: inline-block;
  margin: 15px;
  padding: 20px 10px;
  width: 31%;
}
section h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 0.3em;
}
section h1 small {
  font-size: 0.5em;
  margin-left: 1em;
}
section::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: -50px -40px;
  background-size: 150px 300px;
  -webkit-filter: brightness(1.15) grayscale(1) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) grayscale(1) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
  opacity: 0.5;
  z-index: -1;
}
section.doener::after {
  background-image: url(food/doener.svg);
  -webkit-filter: brightness(0.75) hue-rotate(115deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(0.75) hue-rotate(115deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.fleisch::after {
  background-image: url(food/fleisch.svg);
  -webkit-filter: brightness(0.75) hue-rotate(115deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(0.75) hue-rotate(115deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.pizza::after {
  background-image: url(food/pizza2.svg);
  -webkit-filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.calzone::after {
  background-image: url(food/calzone.svg);
  -webkit-filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.pide::after {
  background-image: url(food/pide.svg);
  -webkit-filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(115deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.salat::after {
  background-image: url(food/salat.svg);
  -webkit-filter: brightness(1.15) hue-rotate(195deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(195deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.veggie::after {
  background-image: url(food/veggie.svg);
  -webkit-filter: brightness(1.15) hue-rotate(195deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(195deg) grayscale(0) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.burger::after {
  background-image: url(food/burger.svg);
  -webkit-filter: brightness(1.15) hue-rotate(120deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(120deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
section.pasta::after {
  background-image: url(food/pasta.svg);
  -webkit-filter: brightness(1.15) hue-rotate(120deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
          filter: brightness(1.15) hue-rotate(120deg) grayscale(0) saturate(1.5) drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
footer {
  background-color: #fff;
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.15) 100%);
  box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.35);
  height: 155px;
  padding: 15px 30px 20px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
footer #vxlink {
  position: absolute;
  top: 50%
			left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
footer #vxlink img {
  max-height: 120px;
}
footer #history {
  position: absolute;
  top: 50%;
  right: 30%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
footer #history p {
  color: #e0e0e0;
}
footer iframe {
  position: absolute;
  right: 333px;
  bottom: 20px;
}
footer section {
  background-color: rgba(255, 255, 255, 0.95);
  height: 100%;
  margin: 0!important;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 5px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  transition-delay: 2.5s;
  transition-duration: 1s;
  transition-property: height, padding-top;
  transition-timing-function: ease-out;
  width: 600px;
  z-index: 10;
}
footer section:hover {
  height: 200%;
  padding-top: 12px;
  transition-delay: 0s;
}
footer h1,
footer h2 {
  position: absolute;
  right: 30px;
  text-align: right;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  width: 350px;
  z-index: 10;
}
footer h1 {
  top: 10px;
  line-height: 0.8em;
}
footer h2 {
  bottom: 10px;
}
footer button.print,
footer button.caller,
footer button.clear,
footer button.ordered {
  font-size: 20px;
  opacity: 0;
  padding: 3px 10px 7px;
  position: absolute;
  bottom: 5px;
  left: -13px;
  transition: opacity 0.1s linear, left 0.3s linear;
  z-index: 15;
}
footer button.clear {
  bottom: 110px;
}
footer button.caller {
  bottom: 75px;
}
footer button.print {
  bottom: 40px;
}
footer button.ordered {
  bottom: 5px;
}
footer *:hover ~ button,
footer button:hover {
  opacity: 1;
}
footer button:not(.remove):hover {
  left: 5px;
}
footer button.random {
  position: absolute!important;
  top: -70px !important;
  right: 30px!important;
  left: auto!important;
  bottom: auto!important;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
footer input[type=search] {
  font-size: 1.5em;
  position: absolute;
  top: -20px;
  left: 20px;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  width: 25%;
  z-index: 5;
}
footer input[type=number] {
  font-size: 1em;
  position: absolute;
  top: -80px;
  left: 20px;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  width: 8%;
  min-width: 180px;
  z-index: 4;
}
footer .categories {
  text-align: right;
  position: absolute;
  top: -10px;
  right: 30px;
  left: 350px;
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}
footer .categories p {
  display: none;
  margin-right: 0.75em;
  transition: opacity 0.2s linear;
}
footer .categories label {
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
footer .categories label input {
  margin-right: 0.5em;
}
table {
  font-size: 0.9em;
  width: 100%;
}
table td {
  vertical-align: top;
}
table td small {
  color: #666666;
}
table td.number {
  padding-right: 10px;
  white-space: nowrap;
  width: 40px;
}
table td.name ul.additives {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: super;
  font-size: 0.6em;
}
table td.name ul.additives li {
  display: inline;
  cursor: alias;
}
table td.name ul.additives li:not(:first-child)::before {
  display: inline;
  content: ", ";
}
table td.price {
  white-space: nowrap;
  width: 60px;
}
table td.action {
  text-align: right;
  width: 25px;
}
table td.action button {
  font-size: 1.2em;
  font-family: monospace;
  font-weight: bold;
  position: relative;
  top: -3px;
}
table thead {
  font-style: italic;
}
table thead td.action {
  display: none;
}
table tbody td.number,
table tbody td.price {
  text-align: right;
}
table tbody td.price:after {
  content: " €";
}
table tfoot td.title {
  text-align: right;
}
table tfoot td.price {
  font-weight: bold;
  text-align: right;
}
table tfoot td.price:after {
  content: " €";
}
.history h1 {
  color: #e0e0e0;
}
.history canvas.full {
  height: 500px;
  margin-left: 2.5%;
  width: 100%;
}
.history canvas.square {
  display: inline-block;
  height: 400px;
  margin-left: 2.5%;
  width: 400px;
}
.history canvas.largesquare {
  display: inline-block;
  height: 750px;
  margin-left: 2.5%;
  width: 750px;
}
@media print {
  main,
  .topbar {
    display: none;
  }
  .alertify-logs {
    display: none;
  }
  footer {
    position: static;
    height: auto;
    background: none;
    box-shadow: none;
  }
  footer h1,
  footer h2 {
    position: static;
    text-align: left;
    text-shadow: none;
    width: auto;
  }
  footer h2:before {
    content: "Telefon: ";
  }
  footer #history {
    display: none;
  }
  footer > button {
    display: none!important;
  }
  footer section {
    background: none;
    box-shadow: none;
    display: block;
    height: auto;
    position: static;
    overflow: auto;
    width: auto;
  }
  footer section tbody,
  footer section tfoot {
    font-size: 1.2em;
  }
  footer section td.action {
    display: none;
  }
  footer section td.price {
    width: 80px;
  }
  footer iframe {
    display: none;
  }
}