/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.event {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0px 30px;
  padding: 2px 0px;
}

.event.listening {
  background-color: #333333;
  display: block;
}

.event.received {
  background-color: #4B946A;
  display: none;
}

@keyframes fade {
  from {
    opacity: 1.0;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1.0;
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 1.0;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1.0;
  }
}
.blink {
  animation: fade 3000ms infinite;
  -webkit-animation: fade 3000ms infinite;
}

* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Normal CSS for Desktop Site*/
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -ms-touch-action: none;
  -webkit-text-size-adjust: none;
  font-size-adjust: 0.46;
  -webkit-font-size-adjust: 0.46;
  background: -owg-#f5f7e2 url('../img/vigo_logo_scroll_bg.png?1509065749') no-repeat center 44px;
  background: -webkit-#f5f7e2 url('../img/vigo_logo_scroll_bg.png?1509065749') no-repeat center 44px;
  background: -moz-#f5f7e2 url('../img/vigo_logo_scroll_bg.png?1509065749') no-repeat center 44px;
  background: -o-#f5f7e2 url('../img/vigo_logo_scroll_bg.png?1509065749') no-repeat center 44px;
  background: #f5f7e2 url('../img/vigo_logo_scroll_bg.png?1509065749') no-repeat center 44px;
  -webkit-background-size: 206px 69px;
  -moz-background-size: 206px 69px;
  -o-background-size: 206px 69px;
  background-size: 206px 69px;
}

body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  font-size-adjust: 0.46;
  -webkit-font-size-adjust: 0.46;
  -webkit-user-select: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: scroll;
}

#app {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
}

.clear {
  clear: both;
}

a {
  outline: 0;
  color: #811618;
  text-decoration: none;
}

a:active {
  outline: 0;
}

a, input, button {
  -ms-touch-action: none !important;
}

button {
  border: 0;
}

fieldset {
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  border: 0px groove threedface;
}

input {
  -webkit-text-size-adjust: 140%;
}

.float_left {
  float: left;
}

.subcolumns {
  width: 100%;
  overflow: hidden;
}

.subcolumns_oldgecko {
  width: 100%;
  float: left;
}

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
  float: left;
}

.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
  float: right;
  margin-left: -5px;
}

.c20l, .c20r {
  width: 20% !important;
}

.c40l, .c40r {
  width: 40% !important;
}

.c60l, .c60r {
  width: 60% !important;
}

.c80l, .c80r {
  width: 80% !important;
}

.c25l, .c25r {
  width: 25% !important;
}

.c33l, .c33r {
  width: 33.333% !important;
}

.c50l, .c50r {
  width: 50% !important;
}

.c66l, .c66r {
  width: 66.666% !important;
}

.c75l, .c75r {
  width: 75% !important;
}

.c38l, .c38r {
  width: 38.2% !important;
}

.c62l, .c62r {
  width: 61.8% !important;
}

.subc {
  padding: 0 0.5em;
}

.subcl {
  padding: 0 1em 0 0;
}

.subcr {
  padding: 0 0 0 1em;
}

.equalize, .equalize .subcolumns {
  overflow: visible;
  display: table;
  table-layout: fixed;
}

.equalize > div {
  display: table-cell;
  float: none;
  margin: 0;
  overflow: hidden;
  vertical-align: top;
}

#spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  display: none;
}
#spinner img#spinner_animation,
#spinner div#spinner_animation {
  display: none;
}
#spinner.active {
  display: block;
  opacity: 1.0;
  position: absolute;
  z-index: 20;
}
#spinner.active img#spinner_animation,
#spinner.active div#spinner_animation {
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
}

#titlebar {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 42px;
  border-top: 2px solid #b8b8b7;
}
#titlebar h1 {
  display: block;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#titlebar #left_nav {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  z-index: 3;
  height: 42px;
}
#titlebar .info {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  background: #97bf0d url('../img/icons-36-white.png?1499244118') no-repeat -538px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
  border: 2px solid #55ab26;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
}
#titlebar .info:focus, #titlebar .info:active {
  background-color: #55ab26;
  border: 2px solid #97bf0d;
}
#titlebar .back {
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  z-index: 3;
  background: transparent url('../img/backButton@2x.png?1509065749') no-repeat 0 0;
  -webkit-background-size: 60px 100px;
  -moz-background-size: 60px 100px;
  -o-background-size: 60px 100px;
  background-size: 60px 100px;
  padding: 8px 12px 10px 15px;
  width: auto;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
#titlebar .back:hover, #titlebar .back:focus {
  background: transparent url('../img/backButton@2x.png?1509065749') no-repeat 0 -50px;
  -webkit-background-size: 60px 100px;
  -moz-background-size: 60px 100px;
  -o-background-size: 60px 100px;
  background-size: 60px 100px;
}
#titlebar span.head_logo {
  position: absolute;
  top: 0;
  right: 4px;
  width: 110px;
  height: 44px;
  background: -owg-transparent url('../img/title_vigo_logo@2x.png?1509065749') no-repeat scroll center right;
  background: -webkit-transparent url('../img/title_vigo_logo@2x.png?1509065749') no-repeat scroll center right;
  background: -moz-transparent url('../img/title_vigo_logo@2x.png?1509065749') no-repeat scroll center right;
  background: -o-transparent url('../img/title_vigo_logo@2x.png?1509065749') no-repeat scroll center right;
  background: transparent url('../img/title_vigo_logo@2x.png?1509065749') no-repeat scroll center right;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}

#titlebar,
.tbar_wrapper {
  background: #dbdbda;
  background: -owg-linear-gradient(top, #dbdbda 0%, #dbdbda 1%, #9b9b99 1%, #9b9b99 49%, #808180 50%, #808180 99%, #262626 99%, #262626 100%);
  background: -webkit-linear-gradient(top, #dbdbda 0%, #dbdbda 1%, #9b9b99 1%, #9b9b99 49%, #808180 50%, #808180 99%, #262626 99%, #262626 100%);
  background: -moz-linear-gradient(top, #dbdbda 0%, #dbdbda 1%, #9b9b99 1%, #9b9b99 49%, #808180 50%, #808180 99%, #262626 99%, #262626 100%);
  background: -o-linear-gradient(top, #dbdbda 0%, #dbdbda 1%, #9b9b99 1%, #9b9b99 49%, #808180 50%, #808180 99%, #262626 99%, #262626 100%);
  background: linear-gradient(top, #dbdbda 0%, #dbdbda 1%, #9b9b99 1%, #9b9b99 49%, #808180 50%, #808180 99%, #262626 99%, #262626 100%);
}

@media only screen and (max-width: 360px) {
  #titlebar h1 {
    padding-right: 0.5em;
  }
}
@media only screen and (orientation: landscape) {
  #titlebar {
    height: 34px;
  }
  #titlebar h1 {
    line-height: 31px;
  }
  #titlebar #left_nav {
    height: 34px;
  }
  #titlebar .info {
    top: 6px;
    left: 6px;
  }
  #titlebar .back {
    top: 5px;
    padding: 5px 12px 10px 15px;
    background: transparent url('../img/backButton@2x.png?1509065749') no-repeat 0 0;
    -webkit-background-size: 60px 80px;
    -moz-background-size: 60px 80px;
    -o-background-size: 60px 80px;
    background-size: 60px 80px;
  }
  #titlebar .back:hover, #titlebar .back:focus {
    background: transparent url('../img/backButton@2x.png?1509065749') no-repeat 0 -40px;
    -webkit-background-size: 60px 80px;
    -moz-background-size: 60px 80px;
    -o-background-size: 60px 80px;
    background-size: 60px 80px;
  }
  #titlebar span.head_logo {
    height: 34px;
  }
}
/*
<div id="toolbar">
	<ul>
		<li id="home"><a href="#home">Start</a></li>
		<li id="recipes"><a href="#recipes">Rezepte</a></li>
		<li id="favorites"><a href="#favorites">Favoriten</a></li>
		<li id="basket"><a href="#basket">Einkaufsliste</a></li>
	</ul>
</div>
*/
#toolbar {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #000000;
  background-image: -owg-linear-gradient(top, #2d2d2d 0%, #151515 50%, #0b0b0b 51%, black 100%);
  background-image: -webkit-linear-gradient(top, #2d2d2d 0%, #151515 50%, #0b0b0b 51%, black 100%);
  background-image: -moz-linear-gradient(top, #2d2d2d 0%, #151515 50%, #0b0b0b 51%, black 100%);
  background-image: -o-linear-gradient(top, #2d2d2d 0%, #151515 50%, #0b0b0b 51%, black 100%);
  background-image: linear-gradient(top, #2d2d2d 0%, #151515 50%, #0b0b0b 51%, black 100%);
}
#toolbar ul {
  padding: 0;
  margin: 0;
  -webkit-margin-collapse: separate;
  border-top: 1px solid #1f1f1f;
}
#toolbar li {
  display: inline-block;
  list-style-type: none;
  padding: 2px 3px 3px 3px;
  float: left;
  border-top: 1px solid #4a4a4a;
  list-style-type: none;
  -webkit-transform: translate3d(0, 0, 0);
}
#toolbar li#start a em {
  background: -owg-transparent url('../img/toolbar.png?1509065749') no-repeat center 0px;
  background: -webkit-transparent url('../img/toolbar.png?1509065749') no-repeat center 0px;
  background: -moz-transparent url('../img/toolbar.png?1509065749') no-repeat center 0px;
  background: -o-transparent url('../img/toolbar.png?1509065749') no-repeat center 0px;
  background: transparent url('../img/toolbar.png?1509065749') no-repeat center 0px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#start.active a em {
  background: -owg-transparent url('../img/toolbar_act.png?1509065749') no-repeat center 0px;
  background: -webkit-transparent url('../img/toolbar_act.png?1509065749') no-repeat center 0px;
  background: -moz-transparent url('../img/toolbar_act.png?1509065749') no-repeat center 0px;
  background: -o-transparent url('../img/toolbar_act.png?1509065749') no-repeat center 0px;
  background: transparent url('../img/toolbar_act.png?1509065749') no-repeat center 0px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#recipes a em {
  background: -owg-transparent url('../img/toolbar.png?1509065749') no-repeat center -50px;
  background: -webkit-transparent url('../img/toolbar.png?1509065749') no-repeat center -50px;
  background: -moz-transparent url('../img/toolbar.png?1509065749') no-repeat center -50px;
  background: -o-transparent url('../img/toolbar.png?1509065749') no-repeat center -50px;
  background: transparent url('../img/toolbar.png?1509065749') no-repeat center -50px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#recipes.active a em {
  background: -owg-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -50px;
  background: -webkit-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -50px;
  background: -moz-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -50px;
  background: -o-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -50px;
  background: transparent url('../img/toolbar_act.png?1509065749') no-repeat center -50px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#favorites a em {
  background: -owg-transparent url('../img/toolbar.png?1509065749') no-repeat center -100px;
  background: -webkit-transparent url('../img/toolbar.png?1509065749') no-repeat center -100px;
  background: -moz-transparent url('../img/toolbar.png?1509065749') no-repeat center -100px;
  background: -o-transparent url('../img/toolbar.png?1509065749') no-repeat center -100px;
  background: transparent url('../img/toolbar.png?1509065749') no-repeat center -100px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#favorites.active a em {
  background: -owg-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -100px;
  background: -webkit-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -100px;
  background: -moz-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -100px;
  background: -o-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -100px;
  background: transparent url('../img/toolbar_act.png?1509065749') no-repeat center -100px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#shopping_list a em {
  background: -owg-transparent url('../img/toolbar.png?1509065749') no-repeat center -150px;
  background: -webkit-transparent url('../img/toolbar.png?1509065749') no-repeat center -150px;
  background: -moz-transparent url('../img/toolbar.png?1509065749') no-repeat center -150px;
  background: -o-transparent url('../img/toolbar.png?1509065749') no-repeat center -150px;
  background: transparent url('../img/toolbar.png?1509065749') no-repeat center -150px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li#shopping_list.active a em {
  background: -owg-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -150px;
  background: -webkit-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -150px;
  background: -moz-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -150px;
  background: -o-transparent url('../img/toolbar_act.png?1509065749') no-repeat center -150px;
  background: transparent url('../img/toolbar_act.png?1509065749') no-repeat center -150px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  -o-background-size: 50px auto;
  background-size: 50px auto;
}
#toolbar li.active a {
  color: #FFFFFF;
  background-image: -owg-linear-gradient(top, #3f3f3f 0%, #2c2c2c 50%, #191919 51%, #191919 100%);
  background-image: -webkit-linear-gradient(top, #3f3f3f 0%, #2c2c2c 50%, #191919 51%, #191919 100%);
  background-image: -moz-linear-gradient(top, #3f3f3f 0%, #2c2c2c 50%, #191919 51%, #191919 100%);
  background-image: -o-linear-gradient(top, #3f3f3f 0%, #2c2c2c 50%, #191919 51%, #191919 100%);
  background-image: linear-gradient(top, #3f3f3f 0%, #2c2c2c 50%, #191919 51%, #191919 100%);
}
#toolbar a {
  position: relative;
  display: block;
  font-size: 10px;
  color: #787878;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding-top: 2px;
}
#toolbar a em {
  display: block;
  height: 25px;
}
#toolbar a strong {
  display: block;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1em;
}
#toolbar small.badge {
  position: absolute;
  top: 0px;
  left: 56%;
  z-index: 20;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #FFFFFF;
  width: auto;
  height: 19px;
  text-align: center;
  padding: 0px 3px 0 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0px 2px 6px;
  -moz-box-shadow: black 0px 2px 6px;
  box-shadow: black 0px 2px 6px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-image: -owg-linear-gradient(top, #fc4b4b 0%, #fc4b4b 50%, #eb0505 51%, #eb0505 100%);
  background-image: -webkit-linear-gradient(top, #fc4b4b 0%, #fc4b4b 50%, #eb0505 51%, #eb0505 100%);
  background-image: -moz-linear-gradient(top, #fc4b4b 0%, #fc4b4b 50%, #eb0505 51%, #eb0505 100%);
  background-image: -o-linear-gradient(top, #fc4b4b 0%, #fc4b4b 50%, #eb0505 51%, #eb0505 100%);
  background-image: linear-gradient(top, #fc4b4b 0%, #fc4b4b 50%, #eb0505 51%, #eb0505 100%);
  opacity: 0.0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#toolbar small.badge.activate {
  opacity: 1.0;
}

/*
hell	a7d311 - 81a8ce
vigo	97bf0d - 5e87b0
dark	55ab26 - 456f9a
*/
.image_data {
  font-size: 9px;
}

#content_wrapper {
  position: relative;
  top: 42px;
  bottom: 42px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  overflow-scrolling: touch;
  z-index: 1;
  width: 100%;
  height: 1250px;
}

#content {
  z-index: 1;
  width: 100%;
}

#scroller {
  position: relative;
  z-index: 999;
  z-index: 1;
  width: 100%;
  padding: 0;
  background-color: #f5f7e2;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

ul#content_inner {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
ul#content_inner li.title {
  padding: 0 0;
}
ul#content_inner li.title h3 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #9bc019;
  border-top: 1px solid #55ab26;
  border-bottom: 1px solid #55ab26;
  padding: 6px 8px 5px 8px;
  text-shadow: 0 -1px 0px #000000;
  background-image: -owg-linear-gradient(top, #a7d311 0%, #98c00e 100%);
  background-image: -webkit-linear-gradient(top, #a7d311 0%, #98c00e 100%);
  background-image: -moz-linear-gradient(top, #a7d311 0%, #98c00e 100%);
  background-image: -o-linear-gradient(top, #a7d311 0%, #98c00e 100%);
  background-image: linear-gradient(top, #a7d311 0%, #98c00e 100%);
}
ul#content_inner li.button {
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: -owg-linear-gradient(top, #f5f8e3 1%, #f5f8e3 50%, #d6d9c7 100%);
  background-image: -webkit-linear-gradient(top, #f5f8e3 1%, #f5f8e3 50%, #d6d9c7 100%);
  background-image: -moz-linear-gradient(top, #f5f8e3 1%, #f5f8e3 50%, #d6d9c7 100%);
  background-image: -o-linear-gradient(top, #f5f8e3 1%, #f5f8e3 50%, #d6d9c7 100%);
  background-image: linear-gradient(top, #f5f8e3 1%, #f5f8e3 50%, #d6d9c7 100%);
}
ul#content_inner li.button #favorites_btn,
ul#content_inner li.button #shopping_list_btn,
ul#content_inner li.button #mail_btn {
  display: block;
  width: 100%;
  border: 0;
  position: relative;
  z-index: 9;
  padding: 12px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 -1px 1px #000000;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  background-image: -owg-linear-gradient(top, #97bf0d 0%, #97bf0d 50%, #55ab26 51%, #4a9421 100%);
  background-image: -webkit-linear-gradient(top, #97bf0d 0%, #97bf0d 50%, #55ab26 51%, #4a9421 100%);
  background-image: -moz-linear-gradient(top, #97bf0d 0%, #97bf0d 50%, #55ab26 51%, #4a9421 100%);
  background-image: -o-linear-gradient(top, #97bf0d 0%, #97bf0d 50%, #55ab26 51%, #4a9421 100%);
  background-image: linear-gradient(top, #97bf0d 0%, #97bf0d 50%, #55ab26 51%, #4a9421 100%);
}
ul#content_inner li.button #favorites_btn.active,
ul#content_inner li.button #shopping_list_btn.active,
ul#content_inner li.button #mail_btn.active {
  background: #4a9421;
}
ul#content_inner table {
  padding: 0;
  margin: 0;
  width: 100%;
}
ul#content_inner table td {
  padding: 0 0 5px 0;
}
ul#content_inner table td:first-child {
  width: 40.00%;
}
ul#content_inner table tr:last-child td {
  padding-bottom: 0;
}

@media only screen and (orientation: landscape) {
  ul#content_inner li.button {
    display: inline-block;
    width: 50%;
  }
  ul#content_inner li.button.mail {
    display: block;
    width: 100%;
  }
}
ul#start li h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 0 14px 8px;
  background-color: #97bf0d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 -2px 0px #55ab26;
}

a.start_item {
  position: relative;
  display: block;
  width: 100%;
  height: 340px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: auto 108%;
  -moz-background-size: auto 108%;
  -o-background-size: auto 108%;
  background-size: auto 108%;
}
@media only screen and (orientation: landscape) {
  a.start_item {
    -webkit-background-size: 108% auto;
    -moz-background-size: 108% auto;
    -o-background-size: 108% auto;
    background-size: 108% auto;
  }
}

span.recipe_title {
  display: block;
  position: absolute;
  bottom: 15%;
  width: 98%;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 16px 72px 16px 8px;
  text-shadow: 0 -2px 0px #55ab26;
  background: -owg-linear-gradient(left, #97bf0d 65%, rgba(151, 191, 13, 0) 83%);
  background: -webkit-linear-gradient(left, #97bf0d 65%, rgba(151, 191, 13, 0) 83%);
  background: -moz-linear-gradient(left, #97bf0d 65%, rgba(151, 191, 13, 0) 83%);
  background: -o-linear-gradient(left, #97bf0d 65%, rgba(151, 191, 13, 0) 83%);
  background: linear-gradient(left, #97bf0d 65%, rgba(151, 191, 13, 0) 83%);
}
span.recipe_title.star:after {
  content: ' \2605 ';
}

span.index_reload {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  background: -owg-url('../img/index_reload@2x.png?1509065749') no-repeat 0 0;
  background: -webkit-url('../img/index_reload@2x.png?1509065749') no-repeat 0 0;
  background: -moz-url('../img/index_reload@2x.png?1509065749') no-repeat 0 0;
  background: -o-url('../img/index_reload@2x.png?1509065749') no-repeat 0 0;
  background: url('../img/index_reload@2x.png?1509065749') no-repeat 0 0;
  -webkit-background-size: 66px 66px;
  -moz-background-size: 66px 66px;
  -o-background-size: 66px 66px;
  background-size: 66px 66px;
}

/*
// iScroll Content SnapToElement
#start_wrapper {
	width:320px;
	height:340px;
	// TODO width & height must dynamic

	float:left;
	position:relative;
	z-index:1;
	overflow:hidden;

//	background:#aaa;
//	@include border-radius(10px);
	border-bottom:1px solid #55ab26;
}

#start_scroller {
	width:1000px; // 5*320 = items.length * window.innerWidth
	// TODO need calculation

	height:100%;
	float:left;
	padding:0;
	ul {
		list-style:none;
		display:block;
		float:left;
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		text-align:left;
	}
	li {
		@include box-sizing(border-box);
		width:320px;
		height:340px;
		// TODO width & height must dynamic

		display:block;
		float:left;
	}
}

#nav {
	width:100%;
	height:30px;
	position:absolute;
	bottom:10px;
	left:0; right:0;
	z-index:21;

}

#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
}

#next {
	float:right;
	text-align:right;
}

#indicator, #indicator > li {
	display:inline-block;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	display:block;

	width:100%;
	padding:12px 0 0 30px;
	text-align:center;
	& > li {
		// text-indent:-9999em;
		display:ineline-block
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;

		width:8px;
		height:8px;
		@include border-radius(4px);
		background:#ddd;
		overflow:hidden;
		margin-right:4px;

		@include box-shadow(#55ab26 0px 0px 3px);
		border:1px solid #f1f1f1;
	}

	& > li.active {
		background:#888;
	}

	& > li:last-child {
		margin:0;
	}
}
*/
ul.detail li {
  color: #54690c;
  font-weight: bold;
  padding: 5px 8px 5px 8px;
  overflow: hidden;
}
ul.detail li div.data_block {
  display: block;
  overflow: hidden;
  width: 100%;
}
ul.detail li div.data_block div.data_cell {
  display: inline-block;
  float: left;
  width: 48%;
  overflow: hidden;
}
ul.detail li div.data_block div#block.data_cell {
  width: 52%;
}
ul.detail li div.data_block div#block.data_cell h4 {
  text-align: center;
}
ul.detail li.copyright img.copyright {
  max-width: 50%;
  vertical-align: middle;
}
ul.detail .image {
  display: block;
  -webkit-background-size: 130px 130px;
  -moz-background-size: 130px 130px;
  -o-background-size: 130px 130px;
  background-size: 130px 130px;
  -webkit-border-radius: 0.7em 0.7em;
  -moz-border-radius: 0.7em 0.7em;
  -ms-border-radius: 0.7em 0.7em;
  -o-border-radius: 0.7em 0.7em;
  border-radius: 0.7em 0.7em;
  -webkit-box-shadow: inset 0 0 10px #97bf0d;
  -moz-box-shadow: inset 0 0 10px #97bf0d;
  box-shadow: inset 0 0 10px #97bf0d;
  width: 130px;
  height: 130px;
  margin-right: 16px;
}
ul.detail #recipes_status_icon {
  width: 130px;
  height: 130px;
}
ul.detail #recipes_status_icon.favorites {
  background-color: transparent;
  background-image: url('../img/recipes_detail_icons/recipes_status_icon.png?1509065749');
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 130px 1040px;
  -moz-background-size: 130px 1040px;
  -o-background-size: 130px 1040px;
  background-size: 130px 1040px;
}
ul.detail #recipes_status_icon.favorites.favorites_0_5 {
  background-position: 0 0;
}
ul.detail #recipes_status_icon.favorites.favorites_1 {
  background-position: 0 -130px;
}
ul.detail #recipes_status_icon.favorites.favorites_1_5 {
  background-position: 0 -260px;
}
ul.detail #recipes_status_icon.favorites.favorites_2 {
  background-position: 0 -390px;
}
ul.detail #recipes_status_icon.favorites.favorites_2_5 {
  background-position: 0 -520px;
}
ul.detail #recipes_status_icon.favorites.favorites_3 {
  background-position: 0 -650px;
}
ul.detail #recipes_status_icon.shopping_list {
  background: transparent url('../img/recipes_detail_icons/recipes_status_icon.png?1509065749') no-repeat 0 -780px;
  -webkit-background-size: 130px 1040px;
  -moz-background-size: 130px 1040px;
  -o-background-size: 130px 1040px;
  background-size: 130px 1040px;
}
ul.detail #recipes_status_icon.default {
  background: transparent url('../img/recipes_detail_icons/recipes_status_icon.png?1509065749') no-repeat 0 -910px;
  -webkit-background-size: 130px 1040px;
  -moz-background-size: 130px 1040px;
  -o-background-size: 130px 1040px;
  background-size: 130px 1040px;
}
ul.detail #recipes_status_icon.clear {
  background: transparent;
}

#block {
  overflow: hidden;
}
#block > div {
  overflow: hidden;
  padding: 6px 0;
  text-align: center;
}
#block h4 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 4px;
}
@media only screen and (orientation: landscape) {
  #block h4 {
    text-align: center;
  }
}

.minus,
.plus,
.close_btn
 {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  background-color: #97bf0d;
  background-image: url('../img/icons-36-white.png?1499244118');
  background-repeat: no-repeat;
  border: 2px solid #55ab26;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
}
.minus:focus, .minus:active,
.plus:focus,
.plus:active,
.close_btn:focus
,
.close_btn:active
 {
  background-color: #55ab26;
  border: 2px solid #97bf0d;
}

.plus {
  background-position: 2px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
}

.minus {
  background-position: -34px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
}

input#qty {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  width: 50px;
  text-align: center;
  margin: 0 18px;
  border: 0;
  background-color: transparent;
}

#add_to_block {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#add_to_favorites,
#add_to_shopping_list {
  display: inline-block;
  float: left;
  width: 50%;
  height: 50px;
  margin-top: 4px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-repeat: no-repeat;
  opacity: 0.5;
}
#add_to_favorites.active,
#add_to_shopping_list.active {
  opacity: 1.0;
  background-position: center -50px;
}

#add_to_favorites {
  background-image: url('../img/recipes_detail_icons/add_to_favorites.png?1509065749');
  background-position: center 0;
  -webkit-background-size: 72px 100px;
  -moz-background-size: 72px 100px;
  -o-background-size: 72px 100px;
  background-size: 72px 100px;
}

#add_to_shopping_list {
  float: right;
  background-image: url('../img/recipes_detail_icons/add_to_shopping_list.png?1509065749');
  background-position: center 0;
  -webkit-background-size: 72px 100px;
  -moz-background-size: 72px 100px;
  -o-background-size: 72px 100px;
  background-size: 72px 100px;
}

div.stars {
  position: absolute;
  z-index: 5;
  display: none;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: #999 0px 0px 3px;
  -moz-box-shadow: #999 0px 0px 3px;
  box-shadow: #999 0px 0px 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #999;
  overflow: hidden;
  padding: 4px 4px 4px 0px;
  margin: 12px 0 0 3px;
  text-align: center;
  background-color: #f5f7e2;
}
div.stars a.star_delete {
  margin-right: 8px;
  margin-top: -2px;
  float: left;
  display: inline-block;
  width: 16px;
  height: 32px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
div.stars a.star {
  position: relative;
  display: inline-block;
  float: left;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 16px;
  height: 32px;
  color: #666;
  background-image: url('../img/recipes_detail_icons/add_to_favorites.png?1509065749');
  -webkit-background-size: 72px 100px;
  -moz-background-size: 72px 100px;
  -o-background-size: 72px 100px;
  background-size: 72px 100px;
  background-repeat: no-repeat;
}
div.stars a.star.delete {
  background-color: orange;
}
div.stars a.star.l {
  background-position: -16px -10px;
  margin-left: 0px;
  z-index: 8;
}
div.stars a.star.l.act {
  background-position: -16px -60px;
  color: #f00;
}
div.stars a.star.r {
  background-position: -32px -10px;
  margin-right: 0;
  z-index: 9;
  width: 16px;
}
div.stars a.star.r.act {
  background-position: -32px -60px;
  color: #f00;
}

#img_recipes_large {
  position: absolute;
  z-index: 90;
  top: 44px;
  right: 0;
  outline: 0;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  opacity: 0.0;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}
#img_recipes_large.active {
  opacity: 1.0;
  width: 100%;
  height: 370px;
}
@media only screen and (orientation: landscape) {
  #img_recipes_large {
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}
#img_recipes_large .close_btn {
  position: absolute;
  z-index: 99999;
  top: 10px;
  right: 10px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-position: -70px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
}

ul.list {
  position: relative;
  z-index: 20;
}
ul.list li {
  color: #54690c;
  line-height: 1.0em;
  position: relative;
  padding: 5px 8px 5px 8px;
  background-color: #97bf0d;
  border-bottom: 1px solid #55ab26;
  overflow: hidden;
}
ul.list li.clicked {
  background-color: #55ab26;
}
ul.list a {
  display: block;
  width: 100%;
}
ul.list .image,
ul.list .favorites,
ul.list .shopping_list {
  width: 60px;
  height: 60px;
}
ul.list .image {
  float: left;
  margin: 0 8px 0 0;
  -webkit-background-size: 60px auto;
  -moz-background-size: 60px auto;
  -o-background-size: 60px auto;
  background-size: 60px auto;
  -webkit-border-radius: 0.7em 0.7em;
  -moz-border-radius: 0.7em 0.7em;
  -ms-border-radius: 0.7em 0.7em;
  -o-border-radius: 0.7em 0.7em;
  border-radius: 0.7em 0.7em;
  -webkit-box-shadow: inset 0 0 10px #97bf0d;
  -moz-box-shadow: inset 0 0 10px #97bf0d;
  box-shadow: inset 0 0 10px #97bf0d;
}
ul.list #recipes_status_icon {
  width: 60px;
  height: 60px;
}
ul.list #recipes_status_icon.favorites {
  background-color: transparent;
  background-image: url('../img/recipes_thumbs_icons/recipes_status_icon.png?1509065749');
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 60px 480px;
  -moz-background-size: 60px 480px;
  -o-background-size: 60px 480px;
  background-size: 60px 480px;
}
ul.list #recipes_status_icon.favorites.favorites_0_5 {
  background-position: 0 0;
}
ul.list #recipes_status_icon.favorites.favorites_1 {
  background-position: 0 -60px;
}
ul.list #recipes_status_icon.favorites.favorites_1_5 {
  background-position: 0 -120px;
}
ul.list #recipes_status_icon.favorites.favorites_2 {
  background-position: 0 -180px;
}
ul.list #recipes_status_icon.favorites.favorites_2_5 {
  background-position: 0 -240px;
}
ul.list #recipes_status_icon.favorites.favorites_3 {
  background-position: 0 -300px;
}
ul.list #recipes_status_icon.shopping_list {
  background: transparent url('../img/recipes_thumbs_icons/recipes_status_icon.png?1509065749') no-repeat 0 -360px;
  -webkit-background-size: 60px 480px;
  -moz-background-size: 60px 480px;
  -o-background-size: 60px 480px;
  background-size: 60px 480px;
}
ul.list #recipes_status_icon.default {
  background: transparent url('../img/recipes_thumbs_icons/recipes_status_icon.png?1509065749') no-repeat 0 -420px;
  -webkit-background-size: 60px 480px;
  -moz-background-size: 60px 480px;
  -o-background-size: 60px 480px;
  background-size: 60px 480px;
}
ul.list #recipes_status_icon.clear {
  background: transparent;
}
ul.list .desc {
  padding: 12px 16px 12px 0;
  color: #ffffff;
}
ul.list h3 {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 0.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 -1px 0px #55ab26;
}
ul.list em {
  font-size: 12px;
}
ul.list.shopping_list li {
  border-bottom: 0;
}
ul.list.shopping_list li.title {
  border: 0;
}
ul.list.shopping_list li.ingredients {
  background-color: transparent;
  border-bottom: 1px solid #55ab26;
}
ul.list.favorites a, ul.list.shopping_list a {
  display: relative;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90%;
}
ul.list li.no_entry {
  padding: 0;
  border-bottom: 1px solid #55ab26;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
ul.list li.no_entry.activate {
  position: relative;
  width: 100%;
  height: auto;
  opacity: 1.0;
  padding: 22px 0 22px 8px;
}
ul.list li.no_entry a {
  color: #ffffff;
}

#content_inner .arrow_btn,
#content_inner .delete_btn {
  display: inline-block;
  width: 43px;
}
#content_inner.list.recipes {
  top: 96px;
}
#content_inner.list .arrow_btn,
#content_inner.list .delete_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
#content_inner.detail .arrow_btn,
#content_inner.detail .delete_btn {
  position: relative;
}
#content_inner .arrow_btn {
  background: transparent url('../img/icons-36-white.png?1499244118') no-repeat -93px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
}
#content_inner .delete_btn span {
  display: inline-block;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  background: #ff0000 url('../img/icons-36-white.png?1499244118') no-repeat -34px center;
  -webkit-background-size: 774px 18px;
  -moz-background-size: 774px 18px;
  -o-background-size: 774px 18px;
  background-size: 774px 18px;
  border: 2px solid #ffffff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px;
}
#content_inner .delete_btn:focus span, #content_inner .delete_btn:active span {
  background-color: #b22e3a;
  border: 2px solid #f1f1f1;
}

ul.imprint,
ul.privacy,
ul.disclaimer {
  background-color: #cbd2d8;
  bottom: 0;
  min-height: 620px;
  padding-bottom: 50px !important;
}
ul.imprint li,
ul.privacy li,
ul.disclaimer li {
  color: #1e1e1e;
  position: relative;
  padding: 5px 8px 5px 8px;
  overflow: hidden;
}
ul.imprint h2,
ul.imprint h3,
ul.privacy h2,
ul.privacy h3,
ul.disclaimer h2,
ul.disclaimer h3 {
  font-weight: bold;
  padding-bottom: 0.3em;
  line-height: 1.45em;
}
ul.imprint h2,
ul.privacy h2,
ul.disclaimer h2 {
  font-size: 18px;
}
ul.imprint h3,
ul.privacy h3,
ul.disclaimer h3 {
  font-size: 16px;
}
ul.imprint p,
ul.privacy p,
ul.disclaimer p {
  padding-bottom: 1.5em;
}
ul.imprint small,
ul.privacy small,
ul.disclaimer small {
  font-size: 0.8em;
}

body.privacy #titlebar h1,
body.disclaimer #titlebar h1 {
  font-size: 16px;
}
@media only screen and (max-width: 360px) {
  body.privacy #titlebar h1,
  body.disclaimer #titlebar h1 {
    font-size: 12px;
  }
}

#imprint_menu {
  display: block;
  text-align: center;
  overflow: hidden;
}
#imprint_menu ul {
  display: inline-block;
  margin: 10px auto;
  border: 1px solid #009036;
  line-height: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}
#imprint_menu ul li {
  display: inline-block;
  overflow: hidden;
  border-right: 1px solid #009036;
  background-color: #97bf0d;
}
#imprint_menu ul li a {
  padding: 0.5em 0.6em;
  font-size: 12px;
  line-height: 2.5em;
  color: #fff;
  font-weight: 400;
}
#imprint_menu ul li:last-child {
  border-right: 0;
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  -ms-border-radius: 0 14px 14px 0;
  -o-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
#imprint_menu ul li:first-child {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  -ms-border-radius: 14px 0 0 14px;
  -o-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
#imprint_menu ul li.active {
  background-color: #009036;
}
#imprint_menu ul li.active a {
  color: #fff;
}

#searchbar {
  display: none;
  position: fixed;
  top: 42px;
  left: 0;
  right: 0;
  z-index: 20;
}

#searchform_form {
  position: relative;
  z-index: 899;
}

.tbar_wrapper {
  height: 50px;
  position: relative;
  padding: 0 8px 0 8px;
}

#imprint_menu.tbar_wrapper {
  height: auto;
}

li.search_wrapper {
  position: relative;
}

input[name="search"],
input#search {
  position: relative;
  z-index: 900;
  line-height: 1em;
  font-size: 14px;
  width: 100%;
  height: 28px;
  padding: 0 28px;
  border: 0 none;
  float: left;
  margin: 10px 0 10px 0;
  background: -owg-#ffffff url('../img/searchbar/magnifying.png?1509065749') no-repeat 10px 8px;
  background: -webkit-#ffffff url('../img/searchbar/magnifying.png?1509065749') no-repeat 10px 8px;
  background: -moz-#ffffff url('../img/searchbar/magnifying.png?1509065749') no-repeat 10px 8px;
  background: -o-#ffffff url('../img/searchbar/magnifying.png?1509065749') no-repeat 10px 8px;
  background: #ffffff url('../img/searchbar/magnifying.png?1509065749') no-repeat 10px 8px;
  -webkit-background-size: auto 50%;
  -moz-background-size: auto 50%;
  -o-background-size: auto 50%;
  background-size: auto 50%;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#search_clear,
#search_clear:active {
  position: relative;
  z-index: 901;
  top: 0px;
  bottom: 0;
  right: 0px;
  float: right;
  margin-left: -30px;
  margin-bottom: -50px;
  width: 30px;
  height: 50px;
  padding: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  opacity: .0;
  background: -owg-transparent url('../img/searchbar/search_clear.png?1509065749') no-repeat center center;
  background: -webkit-transparent url('../img/searchbar/search_clear.png?1509065749') no-repeat center center;
  background: -moz-transparent url('../img/searchbar/search_clear.png?1509065749') no-repeat center center;
  background: -o-transparent url('../img/searchbar/search_clear.png?1509065749') no-repeat center center;
  background: transparent url('../img/searchbar/search_clear.png?1509065749') no-repeat center center;
  -webkit-background-size: 15px 16px;
  -moz-background-size: 15px 16px;
  -o-background-size: 15px 16px;
  background-size: 15px 16px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#search_clear:hover,
#search_clear:active:hover {
  color: white;
}
#search_clear.activated,
#search_clear:active.activated {
  opacity: 1;
}
#search_clear.activated:hover, #search_clear.activated:focus,
#search_clear:active.activated:hover,
#search_clear:active.activated:focus {
  opacity: 1;
}

div.style_select {
  width: 100%;
  overflow: hidden;
}

div.category,
select#category {
  position: relative;
  z-index: 1000;
  margin: 10px 0 10px 0;
  background: -owg-#cccccc url('../img/searchbar/cat_recipes.png?1509065749') no-repeat 10px 8px;
  background: -webkit-#cccccc url('../img/searchbar/cat_recipes.png?1509065749') no-repeat 10px 8px;
  background: -moz-#cccccc url('../img/searchbar/cat_recipes.png?1509065749') no-repeat 10px 8px;
  background: -o-#cccccc url('../img/searchbar/cat_recipes.png?1509065749') no-repeat 10px 8px;
  background: #cccccc url('../img/searchbar/cat_recipes.png?1509065749') no-repeat 10px 8px;
  -webkit-background-size: 13px 13px;
  -moz-background-size: 13px 13px;
  -o-background-size: 13px 13px;
  background-size: 13px 13px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  /*todo:android*/
  width: 100%;
  height: 28px;
  padding: 0 28px;
  border: 0 none;
  -webkit-appearance: none;
}
div.category[disabled],
select#category[disabled] {
  color: #000;
}

div.category {
  padding-top: 5px;
}

#selectboxJS {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  bottom: 0;
  margin: 0 0 0 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  -webkit-box-shadow: 0px 0px 30px black;
  -moz-box-shadow: 0px 0px 30px black;
  box-shadow: 0px 0px 30px black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#selectboxJS .option_wrapper {
  display: table;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #0a0a0a;
  background-image: -owg-linear-gradient(top, #1f1f1f 0%, #1f1f1f 4%, #0a0a0a 10%, #0a0a0a 100%);
  background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #1f1f1f 4%, #0a0a0a 10%, #0a0a0a 100%);
  background-image: -moz-linear-gradient(top, #1f1f1f 0%, #1f1f1f 4%, #0a0a0a 10%, #0a0a0a 100%);
  background-image: -o-linear-gradient(top, #1f1f1f 0%, #1f1f1f 4%, #0a0a0a 10%, #0a0a0a 100%);
  background-image: linear-gradient(top, #1f1f1f 0%, #1f1f1f 4%, #0a0a0a 10%, #0a0a0a 100%);
}
#selectboxJS .option_wrapper a {
  display: table-row;
  color: #c8c8c8;
  font-size: 16px;
}
#selectboxJS .option_wrapper a div {
  display: table-cell;
  vertical-align: middle;
  padding: 0.3em 1em;
  border-top: 1px solid #363636;
}
#selectboxJS .option_wrapper a div.text {
  padding-left: 10px;
}
#selectboxJS .option_wrapper a div.radio {
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
}
#selectboxJS .option_wrapper a span.radio {
  display: inline-block;
  width: 30px;
  height: 36px;
  background: -owg-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 0;
  background: -webkit-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 0;
  background: -moz-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 0;
  background: -o-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 0;
  background: transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 0;
  -webkit-background-size: 30px 82px;
  -moz-background-size: 30px 82px;
  -o-background-size: 30px 82px;
  background-size: 30px 82px;
}
#selectboxJS .option_wrapper a.checked, #selectboxJS .option_wrapper a:hover, #selectboxJS .option_wrapper a:active {
  color: #93e328;
}
#selectboxJS .option_wrapper a.checked span.radio, #selectboxJS .option_wrapper a:hover span.radio, #selectboxJS .option_wrapper a:active span.radio {
  background: -owg-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 -41px;
  background: -webkit-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 -41px;
  background: -moz-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 -41px;
  background: -o-transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 -41px;
  background: transparent url('../img/searchbar/android2_selectbox_options.png?1509065749') no-repeat 0 -41px;
  -webkit-background-size: 30px 82px;
  -moz-background-size: 30px 82px;
  -o-background-size: 30px 82px;
  background-size: 30px 82px;
}

@media only screen and (orientation: landscape) {
  #searchbar {
    overflow: hidden;
  }

  .tbar_wrapper {
    height: 42px;
  }

  #search_clear,
  #search_clear:active {
    height: 42px;
  }

  li.search_wrapper,
  li.category_wrapper {
    float: left;
    width: 50%;
  }
  li.search_wrapper input#search,
  li.search_wrapper select#category,
  li.category_wrapper input#search,
  li.category_wrapper select#category {
    margin: 6px 0 6px 0;
  }
}
#ios7_titlebar,
#app_iosx_header,
#app_iosx_footer {
  display: none;
}