html {
	position:relative;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
}

body {
	position:relative;
	margin:0;
	padding:0;
	font-family:'Averta W01',sans-serif;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	font-size:0;
	line-height:0;
}

img {
	border:0;
	outline:0;
	max-width:100%;
	height:auto;
}

a {
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#ohmobile, #ohtablet {
    display:none;
}

@media (max-width:1023px) {

#ohtablet {
	display:block;
}

}

@media (max-width:767px) {

#ohmobile {
	display:block;
}

}

.vn {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-overflow-scrolling:touch;
	overflow-y:scroll;
}

.vn-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#DCBC87;
	z-index:100;
	overflow:hidden;
	text-align:center;
}

.vn-header-col, .vn-item-col {
	position:relative;
	display:inline-block;
	width:25%;
	vertical-align:top;
	box-sizing:border-box;
	padding:5px;
	text-align:left;
}

.vn-item-col p {
	position:relative;
}

.vn-item-col p a {
	position:relative;
	display:inline-block;	
}

.vn-header-col-sortable {
	cursor:pointer;
}

.vn-header-col-sorted.vn-header-col-sorted-asc:before, .vn-header-col-sorted.vn-header-col-sorted-dec:before {
	position:absolute;
	font-size:9px;
	line-height:10px;
	top:50%;
	transform:translate(0,-50%);
	right:3px;
	color:#fff;
	content:'\2193';
}

.vn-header-col-sorted.vn-header-col-sorted-dec:before {
	content:'\2191';
}

.vn-header-col-sorted {
	background:rgba(191,60,73,0.7);
}

.vn-header-col:after, .vn-item-col:after {
	content:'';
	position:absolute;
	top:-600px;
	bottom:-600px;
	right:-0.5px;
	width:1px;
	background:#fff;
}

.vn-header-col:last-child:after, .vn-item-col:last-child:after {
	display:none;
}

.vn-item-col:after {
	background:#ccc;
}

.vn-header-col:nth-child(1), .vn-item-col:nth-child(1)  {
	width:55px;
}

.vn-header-col:nth-child(2), .vn-item-col:nth-child(2)  {
	width:85px;
}

.vn-header-col:nth-child(3), .vn-item-col:nth-child(3)  {
	width:50px;
}

.vn-header-col:nth-child(4), .vn-item-col:nth-child(4)  {
	width:160px;
}

.vn-header-col:nth-child(5), .vn-item-col:nth-child(5)  {
	width:240px;
}

.vn-header-col:nth-child(6), .vn-item-col:nth-child(6)  {
	width:330px;
}

.vn-header-col:nth-child(7), .vn-item-col:nth-child(7)  {
	width:35px;
	text-align:center;
}

.vn-header-col:nth-child(8), .vn-item-col:nth-child(8)  {
	width:35px;
	text-align:center;
}

.vn-header-col:nth-child(9), .vn-item-col:nth-child(9)  {
	width:35px;
	text-align:center;
}

.vn-header-col-sorted.vn-header-col-sorted-asc:before, .vn-header-col-sorted.vn-header-col-sorted-dec:before {
	position:absolute;
	font-size:9px;
	line-height:10px;
	top:50%;
	transform:translate(0,-50%);
	right:3px;
	color:#fff;
	content:'\2193';
}

.vn-header-col-sorted.vn-header-col-sorted-dec:before {
	content:'\2191';
}

.vn-item-col {
	padding:10px 5px;
}

.vn-header-col:last-child, .vn-item-col:last-child {
	border-right:0;
}

.vn h3 {
	font-size:15px;
	line-height:20px;
	margin:0 auto 5px;
	padding:0;
}

.vn p {
	font-size:13px;
	line-height:15px;
	margin:0 auto 10px;
	padding:0;
}

.vn textarea {
	box-sizing:border-box;
	font-family:'Averta W01',sans-serif;
	position:relative;
	width:100%;
	font-size:13px;
	padding:5px;
	line-height:20px;
	background:#fff;
	border:1px solid #f00;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	font-weight:400;
	margin:0 auto 10px;
	display:block;
	height:300px;;
	overflow-y:scroll;
	overflow-x:hidden;
	resize:vertical;
}

.vn .vn-header p {
	font-size:15px;
	line-height:20px;
}

.vn p:last-child, .vn textarea:last-child {
	margin:0 auto;
}

.vn p b {
	font-weight:700;
}

.vn p img {
	width:75px;
	margin:0 5px 5px 0;
	vertical-align:middle;
}

.red {
	color:#7e1225;
}

.vn p i {
	font-size:9px;
	font-style:normal;
}

.vn .vn-header p {
	color:#fff;
	font-weight:700;
}

.vn-items {
	position:relative;
	padding:30px 0 120px;
}

.vn-item {
	position:relative;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	text-align:center;
}

.vn-item:nth-child(2n) {
	position:relative;
	background:#fafafa;
}

.vn-item-new {
	background:rgba(194,223,244,0.95)!important;
}

.vn-item-done p {
	text-decoration:line-through;
	opacity:0.5;
}

.vn-item-check {
	width:35px;
	height:35px;
	box-sizing:border-box;
	border:1px solid #333;
	cursor:pointer;
}

.vn-item-done .vn-item-check {
	background:url(../img/ordercheck.svg) no-repeat center center;
	background-size:100% 100%;
}

.vn-item-paid, .vn-item-unpaid {
	margin:0 auto 10px;
	background:#00b51a;
	text-transform:uppercase;
	font-size:7px;
	line-height:12px;
	padding:6px 0 5px;
	text-align:center;
	color:#fff;
}

.vn-item-unpaid {
	background:#7e1225;
}



.form {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.95);
	background:#f5f6f7;
	z-index:50;
	display:none;
}

.form-inner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	width:900px;
	max-width:100vw;
	padding:10px;
	box-sizing:border-box;
}


.form input[type=text], .form textarea, .form select, .filter select {
	font-family:'Averta W01',sans-serif;
	position:relative;
	width:100%;
	font-size:13px;
	padding:10px;
	line-height:1;
	background:#fff;
	border:1px solid #f0edea;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	font-weight:400;
	margin:0 auto 5px;
	display:block;
}

.form select, .filter select {
	-webkit-appearance:menulist;
	-moz-appearance:menulist;
	-ms-appearance:menulist;
	appearance:menulist;
}

.form input[type=file] {
	margin:0 auto 10px;
	display:block;
}

.form textarea {
	height:214px;
}

.form input[type=submit], .filter input[type=button] {
	font-family:'Averta W01',sans-serif;
	position:relative;
	width:50%;
	font-size:15px;
	padding:10px;
	line-height:1;
	background:#fff;
	border:1px solid #B69154;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	font-weight:400;
	background:#B69154;
	color:#fff;
	cursor:pointer;
	display:block;
	margin:0 auto;
}

.form input[type=submit]:hover, .filter input[type=button]:hover {
	color:#B69154;
	background:#fff;	
}

.form h2 {
	font-size:24px;
	line-height:20px;
	margin:0 auto 20px;
	padding:0;
	color:#B69154;
	font-weight:300;
	text-transform:uppercase;
}

.form h3, .filter h3 {
	font-size:15px;
	line-height:20px;
	margin:0 auto 5px;
	padding:0;
}

.form label {
	font-size:13px;
	line-height:15px;
	margin:0 auto 10px;
	padding:0;
	display:block;
}

.form-two {
	margin:0 auto 10px;
}

.form-two-col {
	position:relative;
	vertical-align:top;
	box-sizing:border-box;
	width:50%;
	display:inline-block;
	padding:0 10px 0 0;
}

.form-two-col:nth-child(2) {
	padding:0 0 0 10px;
}


.open-filter, .open-form, .close-form {
	position:fixed;
	top:10px;
	right:10px;
	width:50px;
	height:50px;
	background:url(../img/close.svg) no-repeat center center;
	background-size:100% 100%;
	cursor:pointer;
	z-index:100;
	display:none;
}

.open-filter {
	top:auto;
	right:auto;
	left:10px;
	bottom:10px;
	z-index:10;
	background:url(../img/funnel.svg) no-repeat center center;
	background-size:100% 100%;
	display:block;
}

.open-form {
	top:auto;
	bottom:10px;
	z-index:10;
	transform:rotate(45deg);
	display:block;
}

.button-editsingle, .button-edit, .button-kill {
	cursor:pointer;
	display:block;
	margin:0 auto 5px;
}



.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    font-size:17px;
    line-height:1.2;
    background:#fff;
    width:300px;
    max-width:100%;
    box-sizing:border-box;
    text-align:center;
    box-shadow:0 2px 4px 0 rgba(196,189,189,0.2),0 2px 4px 0 rgba(0,0,0,0.2);
}

@media (max-width:480px) {

.ui-datepicker {
    width:100vw!important;
    left:0!important;
    right:0!important;
    top:45px!important;
}
	
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative;
    font-size:13px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%;
}

.ui-datepicker th {
    border: 0;
    font-weight: bold;
    padding: .7em .3em;
    text-align: center;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker td a {
	color:#921730;
	font-weight:700;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0 0;
    padding: 0 .2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em .6em;
    width: auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto .4em;
    width: 95%;
}

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break {
    clear: both;
    font-size: 0em;
    width: 100%;
}

/* RTL support */

.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    filter: mask(); /*must have*/
    height: 200px; /*must have*/
    left: -4px; /*must have*/
    position: absolute; /*must have*/
    top: -4px; /*must have*/
    width: 200px; /*must have*/
    z-index: -1; /*must have*/
}

.loading {
	visibility:hidden;
}

.loading img {
	width:50px;
}


.filter {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:50;
	display:none;
}

.filter-inner {
	position:relative;
	padding:20px;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	width:280px;
}



.kill-this {
	position:absolute;
	top:2px;
	left:2px;
	width:12px;
	height:12px;
	text-align:center;
	color:#f00;
	cursor:pointer;
	background:#fff url(../img/close.svg) no-repeat center center;
	background-size:100% 100%;
	border-radius:6px;
}

.button-freigabe {
	cursor:pointer;
}

.button-freigabe:hover {
	opacity:0.7;
}


.vn-item-col:nth-child(6) h3 {
	position:relative;
}

.vn-item-col:nth-child(6) h3:nth-child(1):after {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	content:'\1F50D';
}

.login {
	position:relative;
	margin:30px auto;
	width:300px;
	padding:10px;
	border:1px solid #efefef;
	box-sizing:border-box;
	background:#f5fafa;
	text-align:center;
}
.login input[type=text] {
	position:relative;
	font-family:arial;
	font-size:16px;
	line-height:20px;
	padding:10px;
	display:block;
	margin:0 auto 10px;
	width:100%;
	box-sizing:border-box;
	border:1px solid #efefef;
	background:#fff;
	color:#000;
	outline:none;
}
.login input[type=submit] {
	position:relative;
	font-family:arial;
	font-size:16px;
	line-height:20px;
	padding:10px;
	display:block;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	border:1px solid #b69154;
	background:#b69154;
	color:#fff;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	outline:none;
}
.login input[type=submit]:hover {
	background:transparent;
	color:#b69154;
}
.login p {
	position:relative;
	font-family:arial;
	font-size:16px;
	line-height:20px;
	padding:0;
	margin:0 auto;
	color:#000;
}