/* raleway-300 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	src: url('/fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 300;
	src: url('/fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 500;
	src: url('/fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 900;
	src: url('/fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

html {
	width:100%;
	height:100%;
	overflow:hidden;
}

body {
	width:100%;
	height:100%;
    overflow: auto;	
    -webkit-overflow-scrolling: touch;

	font-family:"proxima-nova";
	font-weight:400;
	color: #fff;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	/*
	font-size: calc(13px + (20 - 13) * ((100vw - 320px) / (1600 - 320)));
	line-height: calc(13px + (20 - 13) * ((100vw - 320px) / (1600 - 320)));
	*/
	font-size:2vh;
	line-height:2vh;

    background: url(/images/bg_fruits.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center bottom;	
}

body.no-header {
}

body.web,
body.inkasso {
	background-image: url(/images/web/background.jpg);
}

body.sms {
	background-image: url(/images/sms/background.jpg);
	font-family:'Raleway';
}


body.terminal {
	background-image: url(/images/terminal_Unimarkt/bg_terminal.jpg);
	font-family:'Raleway';
}

body.terminal .btn {
	border-radius: 10px;
}

body.terminal .btn.btn-primary {
	
	color:#00315A;
}

body.door {
	background-image: url(/images/door_Unimarkt/background.jpg);
	font-family:'Raleway';
}

body.operator {
	background-image: url(/images/operator/background.jpg);
}

body.bg-fruits {
	background-image: url(/images/bg_fruits.jpg);
}

body.bg-board {
	background-image: url(/images/bg_board.jpg);
}

table.cfdump_struct {
	color:#222;
}

.modal-dialog.modal-fullscreen-lg-down {
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	margin:0;
}

.modal-dialog.modal-fullscreen-lg-down .modal-content {
	height:100%;
}

h1, .h1 {
	font-weight: 500;
	font-size:4vh;
	line-height:4vh;
	margin-bottom:1vh;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	/*
	font-size: calc(20px + (38 - 28) * ((100vw - 320px) / (1600 - 320)));
	line-height: calc(20px + (38 - 28) * ((100vw - 320px) / (1600 - 320)));
	margin-bottom:calc(20px + (38 - 28) * ((100vw - 320px) / (1600 - 320)));
	*/
}

h2, .h2 {
	font-weight: 500;
	font-size:3vh;
	line-height:3vh;
	margin-bottom:1vh;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	/*
	font-size: calc(18px + (34 - 24) * ((100vw - 320px) / (1600 - 320)));
	line-height: calc(18px + (34 - 24) * ((100vw - 320px) / (1600 - 320))); 
	margin-bottom: calc(18px + (34 - 24) * ((100vw - 320px) / (1600 - 320))); 
	*/
}


h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight: 500;
	font-size:2.5vh;
	line-height:2.5vh;
	margin-bottom:1vh;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	/*
	font-size: calc(16px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
	line-height: calc(16px + (30 - 20) * ((100vw - 320px) / (1600 - 320))); 
	margin-bottom: calc(16px + (30 - 20) * ((100vw - 320px) / (1600 - 320))); 
	*/
}

p {
	font-size:2vh;
	line-height:2vh;
	margin-bottom:1vh;
	/*
	font-size: calc(13px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
	line-height: calc(13px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
	margin-bottom: calc(13px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
	*/
}

ul {
  list-style-type:none;
  padding: 0;
  margin: 0;
}

ul li {
	margin:0;
	padding:1vh 0;
}


.content.inkasso ul.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem;
}

.content.inkasso ul.list-group li.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}

.content.inkasso div.orders {
	padding:1vh;
}

.content.inkasso div.orders ul {
	font-size: inherit;
}

.vspacer {
	height: 1vh;
    width: 100%;
    display: block;
}

button.link {
	background: none!important;
	border: none;
	padding: 0!important;
	font-family: inherit;
	font-size: inherit;
	text-decoration: underline;
	cursor: pointer;
}

p.big-margin {
	margin-bottom:2vh;
}

hr {
    margin-top: 4vh;
    margin-bottom: 4vh;
    border: 0;
    border-top: 2px solid #fff;
    width: 40%;
}

.no-margin {margin:0;}
.no-padding {padding:0;}

input, .form-control {
	font-size:18px/*2vh*/;
}

input[type='checkbox'] {
	display: inline-block;
    width: 2vh;
    height: 2vh;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 0;   
}

input.dateField:invalid {
	color: #dc3545;
}

a, a:hover, a:visited, a:active {
	text-decoration:none;
}

a.disabled {pointer-events: none;}

.opaque { opacity:0; }

.no-border { border:none!important; }

.boxShadow {
	box-shadow: rgba(0,0,0,.5) 0.2vh 0.2vh 0.6vh !important;
}

.small, small {
    font-size: 1.5vh;
    font-weight: 400;
}

.w-25 {
    width:auto!important;
    min-width:25%!important;
}


.w-50 {
    width:auto!important;
    min-width:50%!important;
}

.w-75 {
    width:auto!important;
    min-width:75%!important;
}


.w-100 {
    width:auto!important;
    min-width:100%!important;
}

.hidden {
	display:none;
}

table td.grow { width:100%; }
table td.word-break {word-break: break-word;}

.tb { 
	display:table; 
	border-collapse:separate;
}
.tr { display:table-row; }
.td { display:table-cell; }

.btn, .wpwl-button {
    font-size: 2vh;;
    border-radius:0;
    font-weight:bold;
}

.wpwl-button {
	box-shadow: rgba(0,0,0,.5) 1px 1px 4px !important;
}

.btn.btn-lg {
	/*padding:2vh;*/
    padding: 1.5vh 3vh;
    font-size: 2.4vh;
}

.btn.btn-xl {
	/*padding:2vh;*/
    padding: 3vh 3vh;
    font-size: 2.4vh;
}


.modal .modal-body {
	padding-top: 3vh;
	padding-bottom: 3vh;
}

@media (min-width: 992px) {
	.modal-lg, .modal-xl {
	    max-width: 100%;
	}
	.modal-dialog.modal-lg, .modal-dialog.modal-xl {
	    max-width: 80%;
	}
}

.close {
    float: right;
    font-size: 2.5vh;
    font-weight: bold;
    font-weight: 700;
    line-height: 2.5vh;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    color: #005CBC;
}

.modal-header .close {
    padding: 0 1vh;
    margin: 0 -1vh 0 auto;
}

.loader-wrapper {
    width: 100%;
    height: 70vh;
    /* min-height: 50vh; */
    position: initial;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
  display: inline-block;
  position: relative;
}

.loader img { width:10vh; }



body.terminal .btn {
	font-weight: 500;
    font-size: 1.7vh;
    /*letter-spacing: 0.2vh;*/
}

body.terminal .btn.btn-lg {
	padding: 2.5vh 4vh;
    font-size: 1.7vh;
    /*letter-spacing: 0.2vh;*/
}

body.terminal .btn.btn-sm {
    font-size: 1.2vh;
    line-height: 1.2vh;
    font-weight: 500;
    /*letter-spacing: 0.2vh;*/
    padding: 1.2vh;
}

a.btn {
    text-decoration:none !important;
}

.btn img {
	height: 3vh;	
}

form label {
	font-size:18px;
	line-height:18px;
	margin-left:2vh;
	margin-bottom:/*0.25vh*/5px;
}

form .form-group {
	margin-bottom:2vh;
}

form .form-group.big-margin {
	margin-bottom:4vh;	
}

form .invalid-feedback {
    position: relative;
    padding: 0.5vh;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;

    color: #721c24;
    background-color: rgba(219, 185, 188, 0.8);
    border-color: #f5c6cb;    
}

select, select optgroup, select option {
	font-style: inherit;
	font-family: inherit;
}


#header {
	display:block; 
	position:fixed;
	left:0;
	right:0;
	top:0;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/	
	/*height: calc(60px + (80 - 60) * ((100vw - 150px) / (1600 - 320)));*/
	background: url(/images/gradient_header.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	z-index:3;
}

body.no-header #header {
	display:none;
}


#header a {
    padding: 5vh 0 1vh 0;
    text-align: center;
    display: block;
}

#header a img {
	height:3vh;
}

#header-terminal {
	display:block; 
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:6.25vh;
    padding:0 2.5vh;	
    /*
	background: url(/images/gradient_header.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	*/
	z-index:3;
	background : #00315A;
}

#header-terminal img {
	height:3vh;
}

body.terminal h1,
body.terminal .h1,
body.terminal h2,
body.terminal .h2,
body.door h1,
body.door .h1,
body.door h2,
body.door .h2 {
    font-size: 5vh;
    line-height: 4.5vh;
    font-weight:900;
}

body.terminal h3,
body.terminal .h3,
body.door h3,
body.door .h3 {
    font-size: 3vh;
    line-height: 3vh;
    font-weight:600;
}

/*
body.door h1,
body.door .h1 {
    font-weight: bold;
    font-size: 2.5vh;
    line-height:3vh;
    letter-spacing:0;
}
*/

body.web h1,
body.web .h1 {
	font-weight: bold;
	font-size: 4vh;
	line-height: 4.2vh;
	letter-spacing: 0;
	margin-bottom: 2vh;
    margin-top: 2vh;
}

body.web h3,
body.web .h3 {
	font-weight: 500;
	font-size: 2.5vh;
	line-height: 2.5vh;
	margin-top: 2vh;
	margin-bottom: 1vh;
}


body.terminal h1.no-letterspacing,
body.terminal .h1.no-letterspacing,
body.terminal h1.no-letterspacing,
body.terminal .h1.no-letterspacing 
{
	letter-spacing:0;
}

#main { 
	display:block;
	margin-top:9vh;
	width:100%; 
	/*min-height:91vh;*/
	min-height:78.5vh;
	padding:3vw;
	margin-bottom:12.5vh;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
}

body.terminal #main {
	margin-top:6.25vh;
	min-height:93.75vh;
}

#main.no-bottom-margin {
	margin-bottom: 0;
}

#main .content {
	padding:1.5vh;
	/*min-height:85vh;*/ /*72.5vh*/;
	position:relative;
}

#main .content.bg-white {
	background:none !important;
}

#main .content.noscroll {
	min-height:72.5vh;
}

body.terminal #main .content.noscroll {
	min-height:87.75vh;
}

body.door #main .content.noscroll {
    min-height: 100vh;
}

body.sms #main .content.noscroll {
    min-height: 100vh;
}

#main .content.login,
#main .content.logout,
#main .content.password,
#main .content.registration {
	padding:6vw;
}

#main .content.login p,
#main .content.logout p,
#main .content.password p,
#main .content.registration p,
#main .content.user-daten p,
#main .content.edit-password p,
#main .content.editQRCode p,
#main .content.editPinCode p,
#main .content.edit-adressen p,
#main .content.payback p,
#main .content.guuteCard p,
#main .content.login .invalid-feedback,
#main .content.logout .invalid-feedback,
#main .content.password .invalid-feedback,
#main .content.registration .invalid-feedback,
#main .content.user-daten .invalid-feedback,
#main .content.edit-password .invalid-feedback,
#main .content.editQRCode .invalid-feedback,
#main .content.editPinCode .invalid-feedback,
#main .content.edit-adressen .invalid-feedback,
#main .content.payback .invalid-feedback,
#main .content.guuteCard .invalid-feedback,
#main .content.login a,
#main .content.logout a,
#main .content.password a,
#main .content.registration a,
#main .content.user-daten a,
#main .content.edit-password a,
#main .content.editQRCode a,
#main .content.editPinCode a,
#main .content.edit-adressen a,
#main .content.payback a,
#main .content.guuteCard a,
#main .content.login .btn,
#main .content.logout .btn,
#main .content.password .btn,
#main .content.registration .btn,
#main .content.user-daten .btn,
#main .content.edit-password .btn,
#main .content.editQRCode .btn,
#main .content.editPinCode .btn,
#main .content.edit-adressen .btn,
#main .content.payback .btn,
#main .content.guuteCard .btn {
	font-size:18px !important;
	line-height:18px !important;
}


#main .content.login .btn,
#main .content.logout .btn,
#main .content.password .btn,
#main .content.registration .btn,
#main .content.user-daten .btn,
#main .content.edit-password .btn,
#main .content.editQRCode .btn,
#main .content.editPinCode .btn,
#main .content.edit-adressen .btn,
#main .content.payback .btn,
#main .content.guuteCard .btn {
	padding:16px;
}

#main .content.login h1,
#main .content.logout h1,
#main .content.password h1,
#main .content.registration h1,
#main .content.user-daten h1,
#main .content.edit-password h1,
#main .content.editQRCode h1,
#main .content.editPinCode h1,
#main .content.edit-adressen h1,
#main .content.payback h1,
#main .content.guuteCard h1,
#main .content.login h2,
#main .content.logout h2,
#main .content.password h2,
#main .content.registration h2,
#main .content.user-daten h2,
#main .content.edit-password h2,
#main .content.editQRCode h2,
#main .content.editPinCode h2,
#main .content.edit-adressen h2,
#main .content.payback h2,
#main .content.guuteCard h2,
#main .content.login h3,
#main .content.logout h3,
#main .content.password h3,
#main .content.registration h3,
#main .content.user-daten h3,
#main .content.edit-password h3,
#main .content.editQRCode h3,
#main .content.editPinCode h3,
#main .content.edit-adressen h3,
#main .content.payback h3,
#main .content.guuteCard h3,
#main .content.login h4,
#main .content.logout h4,
#main .content.password h4,
#main .content.registration h4,
#main .content.user-daten h4,
#main .content.edit-password h4,
#main .content.editQRCode h4,
#main .content.editPinCode h4,
#main .content.edit-adressen h4,
#main .content.payback h4,
#main .content.guuteCard h4 {
	font-size:25px !important;
	line-height:25px !important;
}



#main .content.paddSimpleNav {
	padding-top:4.5vh;
}

#main .content .simpleNav {
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.list-group {
	margin:0.5vh 0;
	border-spacing:0 0.5vh;	
	font-size:1.8vh;
}
.list-group .list-group-item {
	padding:0;
	background:none;
	border:none;
	background: rgba(0,0,0,0.2);
}

.list-group .list-group-item .td {
	padding: 0.5vh;
}

.list-group .list-group-item.selected {
    background: #005cbc;
}

body.no-header #main
{
	margin-top:0;
	width:100%; 
	min-height:100%;
	padding:0;	
}

body.no-footer #main {
	margin-bottom: 0;
}

#footer { 
	display:block;
	position: fixed;
	width:100%; 
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	/*background:rgba(0,0,0,0.25);*/
	background: linear-gradient(to bottom, transparent 0%, black 100%);
}

body.bg-white #footer {
	background: linear-gradient(to bottom, transparent 0%, white 100%);	
}

body.no-footer #footer
{
	display:none;
}

#footer .menu {
	margin:3.5vh 3.5vh;
    padding:0.8vh 0 1.2vh 0;
    border-radius: 12px;	
	background: url(/images/gradient_menu.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;    
}

#footer .menu a img {
	height:3.5vh;
}

#menu {
	display:block;
	position: fixed;
    top:0;
	left:-100%;
	bottom: 0;
	/*calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/	
    width: calc(200px + (240 - 200) * ((100vw - 320px) / (1600 - 320)));
	min-height: 100%;
	max-width: 50vw;
    background: #ff0000;
    box-shadow: rgba(0,0,0,.5) 1px 1px 4px !important;
    overflow-x:hidden;
    overflow-y:auto;
    z-index:999;
}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe .swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe .swipe-wrap > .swipe-content {
  float: left;
  width: 100%;
  position: relative;
}


.pageSlider {
	height:100vh;
	width:100%;
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

.pageSlider .page {
	float:right;
	min-height:100vh;
	width:100%;
	padding:6vh;
}

.pageSlider .dots {
	position: absolute;
	left:0;
	right:0;
	bottom:2vh;
	text-align: center;
}

.pageSlider .dots .dot {
    display: inline-block;
    height: 1.5vh;
    width: 1.5vh;
    margin: 0 1vh;
    border-radius: 0.75vh;
    background: #fff;
}

.pageSlider .dots .dot.active {
	background:#ffed00;
}


.pageSlider .page > div {
	padding-top:5vh;
}

.pageSlider .page .swipe-anim-right,
.pageSlider .page .swipe-anim-left
{
	position:absolute;
	height:17px;
	width:20%;
	top:50%;
	margin-top:1vh;
}

.pageSlider .page .swipe-anim-right
{
	left:0;
	background-image: url(/images/right.gif);
	background-repeat:repeat-x;
}

.pageSlider .page .swipe-anim-left
{
	right:0;
	background-image: url(/images/left.gif);
	background-repeat:repeat-x;
}

.pageSlider .page:first-child {
    background: url(/images/bg_board.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center bottom;	
}

.pageSlider .page:first-child .swipe-anim-right {
	display:none;
}

.pageSlider .page:last-child .swipe-anim-left {
	display:none;
}


.intro, .story, .logindecision
{
	min-height:88vh;
	width:100%;
	/*
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    */
 }


.intro p, .intro a {
	font-weight: 500;
	font-size: 3vh;
	line-height: 3vh;
	margin-bottom:0;
}

.intro p {
	/*margin-top:-6vh;*/

}

.intro .logos img {
	width:100%;
	height:auto;
	margin-bottom:3vh;
}

.intro .logos img.unibox {
	width:80%
}

.intro h1,
.logindecision h1 {
    font-weight: 600;
    font-size: 5vh;
    line-height: 4vh;
    margin-bottom: 1vh;
}


.intro p,
.intro a,
.story p,
.logindecision p {
	text-align: center;
}

.logindecision p {
	font-size: 2.5vh;
	line-height: 2.8vh;
	margin-bottom: 1vh;
}


.logindecision .btn {
	margin-bottom: 3vh;
}

.story .counter {
	display: block;
    text-align: center;
    font-size: 2.4vh;
    /* padding-top: 2vh; */
    position: absolute;
    top: 8vh;	
}

.story p {
	font-size: 2.5vh;
	line-height: 2.8vh;
	margin-bottom: 1vh;
}

.story .image {
	width: 85%;
}

.story .image img {
	width: 100%;
	max-height:60vh;
}

.login h3, 
.password h3, 
.registration h3 {
	text-align: center;
	padding: 3vh 0;
}

.login a,
.password a,
.registration a {
	text-decoration: underline;
	text-align: center;
}


.registration .firmaToggle .firmaInputs {
	margin-top:2vh;	
}

.registration .firmaToggle .firmaInputs.closed {
	display:none;
}


.home h3 {
	margin-bottom:2vh;
}
.home a {
	width:100%;
	text-align: center;
}
.home p {
	text-align: center;
	margin-bottom:2vh;
}

.home img {
    width:15vh/*18vh*/;
    margin-bottom:2vh;
}

.home a.disabled img { 
	opacity:0.3; 
}

/*
.home img.logo_payback { 
	position: absolute;
	transform: rotate(270deg);
	left: -8vh;
	bottom: 5vh;
	height: 6vh;
}
*/

.home .logos {
	position: absolute;
	bottom: -6vh;
	left: 5vh;
	right: 5vh;
	margin-top: 1vh;
}

.home .logos .logo {
	width:50%;
	padding:0 1vh;
}


.home .logos img {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	max-width: 20vh;
}

.box-finden .map {
	width:100%;
	height:25vh;
}

.box-finden .no-result {
    padding: 2vh;
    background: rgba(0,0,0,0.2);
}

.box-finden a.gotoMarker,
.box-finden a.gotoMarker:link,
.box-finden a.gotoMarker:visited,
.box-finden a.gotoMarker:hover,
.box-finden a.gotoMarker:active {
	text.text-decoration:none;
	color:white;
}

.box-finden a.selectBox {
	padding: 0.2vh 1.5vh;
	border-radius: 0.5vh;
}

.box-finden a.selectBox img {
	height:3.5vh;
}

.box-waehlen h1,
.box-waehlen h2,
.box-waehlen h3,
.box-waehlen h4,
.box-waehlen h5 {
	margin:0 !important;
}


.box-waehlen p {
	text-align: center;
	margin:3vh 0;
}

.box-waehlen .imgBox {
	padding-top:2.75vh;
	width:100%;
	position: relative;
}

.box-waehlen .imgBox img:not(.icon) {
	width:100%;
	max-width: 550px;
	border:2px solid #fff;
}

.box-waehlen .imgBox img.icon {
	height:5.5vh;
	width: auto;
	position: absolute;
	left:50%;
	top:0;
	margin-left:-2.75vh;
}

.box-waehlen .btn-enter { 
	text-align:center; 
}

.box-waehlen .btn-enter img { 
	height:25vh;
	width:auto;
}


#main .content.tuer-oeffnen {
	padding-top: 0;
	/*margin-top: -2vh;*/
}

.tuer-oeffnen .anim {
	text-align: center;
	height: 10vh;
}
.tuer-oeffnen .anim img { height:100%; }

.tuer-oeffnen p {
	text-align: center;
	margin:1vh 0;
}

.tuer-oeffnen .qrCode {
	width:100%;
}

.tuer-oeffnen .qrCode a img {
	height: 40vh;
	/*
	width:100%;
	max-width:460px;
	*/
}

.tuer-oeffnen a.goto-findbox {
	margin-top: 3vh;
	padding: 1.5vh 4vh;
}

.tuer-offen .anim {
	height:55vh;
	width:100%;
}

.tuer-offen img { 
	height:100%; 
}

.intro-scan .scanning.disabled {
	pointer-events: none;
}

.intro-scan .scanning p {
	margin-top:1vh;
	font-size:2.5vh;
	line-height: 3vh;
}

.intro-scan .scanning img {
	width: 19vh;
}

.intro-scan .scanning.disabled img {
	opacity: 0.5;
}

.intro-scan .scanning .info-disabled {
	display:none;
}

.intro-scan .scanning.disabled .info-enabled {
	display:none;
}

.intro-scan .scanning.disabled .info-disabled {
	display:block;
}


.cart-box  {
	margin:6.5vh -3vw 8.5vh -3vw;
	padding:3vh;
}


#scanArticleWithoutEanModal {
	padding: 0 !important; /* override inline padding-right added from js */
	background: url(/images/bg_fruits.jpg) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-position: center bottom !important;	
}

#scanArticleWithoutEanModal .modal-dialog {
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	background: none;
}

#scanArticleWithoutEanModal .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
	background: none;
}

#scanArticleWithoutEanModal .modal-body {
	overflow-y: auto;
	background: none;
}

#scanArticleWithoutEanModal .modal-header {
	border:none;
	padding:1vh;
}

#scanArticleWithoutEanModal .modal-header button.close {
	position:absolute; left:0; top:1vh;
	height:6vh;
}

#scanArticleWithoutEanModal .modal-header button.close img {
	height:100%;
}

#scanArticleWithoutEanModal .modal-header span.title {
	font-size:2vh; 
	padding:1vh;
}

#scanArticleWithoutEanModal .cancel {
	display: inline-block;
	float: none;
	padding: 1vh;
}

#scanArticleWithoutEanModal .catMenu ul {
	list-style-type: none;
	/*
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap:wrap;
	list-style-type:none;
	*/
}



#scanArticleWithoutEanModal .catMenu ul li {
	/*	
	height:23vh;
	width: 100%;
	padding:1vh;
	margin-bottom:2vh;
	*/
}

/*
.content.cart-terminal #scanArticleWithoutEanModal .catMenu ul li {
	width:28%;
}
*/

#scanArticleWithoutEanModal .catMenu ul li a {
	display:block;
	text-align: center;
	height:100%;	
}

#scanArticleWithoutEanModal .catMenu ul li a img
{
	/*
	height:100%;
	width: auto;
	*/
	height:auto;
	width: 75%;
}

#scanArticleWithoutEanModal .artikelMenu ul {
	list-style-type: none;
	/*
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap:wrap;
	*/
	margin-bottom: 2vh;	
}


#scanArticleWithoutEanModal .artikelMenu ul li {
	/*
	width:45%;
	padding:1vh;
	border-radius:2vh;
	margin:2.5%;
	background: white;
	*/
}

/*
.content.cart-terminal #scanArticleWithoutEanModal .artikelMenu ul li {
	width:28%;
}
*/


#scanArticleWithoutEanModal .artikelMenu ul li a {
	display:block;
	text-align: center;
	width:100%;
	border-radius:1vh;
	padding:2vw;
	background: white;
}


#scanArticleWithoutEanModal .artikelMenu ul li a img {
	width:100%;
}


#scanArticleWithoutEanModal .artikelMenu ul li a .lbl {
	font-size: 1.8vh;
	line-height: 1.8vh;
	min-height: 3.6vh;
	display: block;
	color: #005cbc;
	text-align: left;
}


#scanArticleWithoutEanModal .artikelMenu ul li a .lbl.price {
	color: #707070;
	min-height: 1.8vh;
}




.header-cart {
    background: #005CBC;
    position: fixed;
    top: 9vh;
    left: 0;
    right: 0;
    height: 8vh;
    z-index:2;
}

.header-cart .back {
	position:absolute;
	top:3vh;
	left:2vh;
}

.header-cart p {
	font-size:1.8vh;
	padding:0;
}

.header-cart span.sum {
	font-size: 3.5vh;
    line-height: 3.5vh;
    vertical-align: middle;
    margin-bottom: 0.5vh;
    margin-left: 0.5vh;
    font-weight: 800;
}

.header-cart span.sum sup {
	font-size:2vh;
}


.header-cart a img {
	height:3.5vh;
	margin-bottom:0.5vh;
}

#main .loadingPayment {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.75);
	z-index: 10;
	padding: 33vh 3vh 3vh 3ch;
}

#main .loadingPayment .textContainer {
	background: #fff;
	border: 2px solid;
	border-radius: 2vh;
	padding: 2vh 0;
}

#main .loadingPayment .textContainer img.loadingAnim {
	width:7vh;
}


.cart-box .articles,
.gutscheine-box .articles {
	list-style: none;
	list-style-type: none;
	padding:0;
}

.cart-box .articles .article .td,
.gutscheine-box .articles .article .td  {
	border-bottom:1px solid rgba(0,82,188,0.33);
	padding:1vh 0;
}

.gutscheine-box .sum .td  {
	border-top:1px solid rgba(0,82,188,0.33);
	padding:1vh 0;
	
}

.gutscheine-box .sum .td.label {
	width: 100%;
	padding-right:2vh;
}

.cart-box .articles .article:last-child .td,
.gutscheine-box .articles .article:last-child .td {
	border:none;
}

.cart-box .articles .td.image img,
.gutscheine-box .articles .td.image img {
	height:8vh;
}

.cart-box .articles .td.description,
.gutscheine-box .articles .td.description {
	font-size: 1.5vh;
}

.cart-box .articles .td.price span.price,
.gutscheine-box .articles .td.price span.price,
.gutscheine-box .sum .td span.price,
.gutscheine-terminal .sum .td span.price {
	font-size: 2.8vh;
	line-height: 2.8vh;
	font-weight:800;
	display:block;
}

.cart-box .articles .td.price span.price sup,
.gutscheine-box .articles .td.price span.price sup,
.gutscheine-box .sum .td span.price sup,
.gutscheine-terminal .sum .td span.price sup {
	font-size: 1.8vh;
	line-height: 2vh;
	vertical-align: baseline;
	top:-0.8vh;
}

.cart-box .articles .td.price > .quantity {
    display: block;
    float: right;
    text-align: center;
    position: relative;
    font-size: 2.5vh;
	width:9vh;
}

.gutscheine-box .articles .td.quantity > .quantity {
    display: block;
    float: right;
    text-align: center;
    position: relative;
    font-size: 2.5vh;
    margin-top: -1.5vh;   
}

.cart-box .articles .td.price > .quantity > img,
.gutscheine-box .articles .td.quantity > .quantity > img {
	height:5.5vh;
}

.cart-box .articles .td.price .quantity .controls {
	position: absolute;
    left: 0;
    right: 0;
    top: 2vh;
    padding: 0.25vh;
    border: 1px solid #005cbc;
}

.gutscheine-box .articles .td.quantity .quantity .controls {   
	position: absolute;
    left: 0;
    right: 0;
    top: 2.5vh;
    padding: 0;
}

.gutscheine-box .articles .td.quantity .quantity .controls .quantity {   
    width: 100%;
}

.cart-box .articles .td.price .quantity .controls a img,
.gutscheine-box .articles .td.price .quantity .controls a img {
	height:2vh;
}

.gutscheine-box /*.bottomContainer*/ .guuteCard img.guuteCardLogo {
	position: absolute;
	right: 4vw;
	width: 11vw;
	transform: rotate(-20deg);
}

.cart-terminal .buttons {
	min-height:6vh;
}

.cart-terminal .buttons .btn {
	display:block;
	height:6vh;
	line-height:initial;
	/*width:49%;*/
	font-size: 1.5vh;
	margin-left:/*1%*/ 0;
	margin-right:0;
}

.cart-terminal .buttons .btn > div {
	height:100%;
}

.cart-terminal .buttons .btn.brotgebaeck {
	margin-right:1%;
	margin-left:0;
}

.cart-terminal .buttons .btn.brotgebaeck .lbl {
	font-size:1.1vh;
	line-height:1.2vh;
	letter-spacing:initial;
}

.cart-terminal .buttons .btn.brotgebaeck .icon {
	height:100%;
}

.cart-terminal .buttons .btn.brotgebaeck .icon img {
	height:100%;
	width: auto;
}

.cart-box .scan {
	position: fixed;
	left:0;
	right:0;
	bottom: 12vh/*10.5vh*/;
	text-align: center;
	height:12.3vh;
	margin:0 7vw;
	background:white;
}

.cart-box .scan > p {
	font-size: 1.8vh;
	line-height: 1.8vh;
	padding:0 0 0.5vh 0;
	margin:0;
}

.cart-box .scan > div {
	height:10vh;
}

.cart-box .scan .buttons {
	height:100%;	
	margin-left: 1vh;
	flex:1;
}


.cart-box .scan .articleWithoutEan {
	height:100%;
	width:11vh;
}


.cart-box .scan .btn {
	/*min-width: 60vw;
    padding: 1.2vh;*/
	width: 100%;
	min-width: 0;
	font-size: 2vh;
	height: 4.5vh;
	padding: 1.25vh;
	line-height: 2vh;
}


.cart-box .scan .btn.pay {
	/*margin-top:1vh;*/
}

.cart-box .scan .btn.scanArticleWithoutEanBtn {
	padding:1vh;
	height:100%;
	font-size:2vh;
	line-height:2vh;
	border-radius: 1vh;
}

.cart-box .scan .btn.scanArticleWithoutEanBtn img {
	height:75%;
	width: auto;
	margin-top:-5%;
	/*
	width:80%;
	height:auto;
	*/
}


.cart-box .scan .btn.scanArticleWithoutEanBtn img.arrow {
	height: 30%;
	width: auto;
	margin: 0 0 10px 0;
}



.gutscheine-box .gutscheine,
.gutscheine-box .payback,
.gutscheine-box .guuteCard {
	margin-left: calc(-3vw - 1.5vh);
    margin-right: calc(-3vw - 1.5vh);
    padding: 2vh 7vw;	
}


.gutscheine-box .payback input#paybackNumber,
.gutscheine-box .guuteCard input#guuteCardNumber {
	width:100%;
}

.gutscheine-box .paybackCheckboxLabel,
.gutscheine-terminal .paybackCheckboxLabel,
.gutscheine-box .guuteCardCheckboxLabel,
.gutscheine-terminal .guuteCardCheckboxLabel,
.content.payback .paybackCheckboxLabel,
.content.guuteCard .paybackCheckboxLabel {
	display: block;
    padding-left: 2.5vh;
    text-indent: -2.5vh;
    margin: 0;
}

.gutscheine-box .paybackCheckboxLabel.invalid,
.gutscheine-terminal .paybackCheckboxLabel.invalid,
.gutscheine-box .guuteCardCheckboxLabel.invalid,
.gutscheine-terminal .guuteCardCheckboxLabel.invalid,
.content.payback .paybackCheckboxLabel.invalid,
.content.guuteCard .guuteCardCheckboxLabel.invalid
 {
	color: #e00000;
}

.gutscheine-box .delete {
	height: 2vh;
    margin-left: 1vh;
    margin-top: -0.25vh;
}

.gutscheine-box .delete img {
	height:100%;
}


.gutscheine-box #addPaybacknumberForm #paybackCheckbox,
.gutscheine-terminal #addPaybacknumberForm #paybackCheckbox,
.gutscheine-box #addGuuteCardnumberForm #guuteCardCheckbox,
.gutscheine-terminal #addGuuteCardnumberForm #guuteCardCheckbox,
.content.payback #addPaybacknumberForm #paybackCheckbox,
.content.guuteCars #addGuuteCardnumberForm #guuteCarsCheckbox {
	outline:1px solid #000;
}

.gutscheine-box #addPaybacknumberForm #paybackCheckbox.valid,
.gutscheine-terminal #addPaybacknumberForm #paybackCheckbox.valid,
.gutscheine-box #addGuuteCardNumberForm #guuteCardCheckbox.valid,
.gutscheine-terminal #addGuuteCardNumberForm #guuteCardCheckbox.valid,
.content.payback #addPaybacknumberForm #paybackCheckbox.valid,
.content.guuteCard #addGuuteCardNumberForm #guuteCardCheckbox.valid {
	outline:1px solid #008200;
}


.gutscheine-box #addPaybacknumberForm #paybackCheckbox.invalid,
.gutscheine-terminal #addPaybacknumberForm #paybackCheckbox.invalid,
.gutscheine-box #addGuuteCardNumberForm #guuteCardCheckbox.invalid,
.gutscheine-terminal #addGuuteCardNumberForm #guuteCardCheckbox.invalid,
.content.payback #addPaybacknumberForm #paybackCheckbox.invalid,
.content.guuteCard #addGuuteCardNumberForm #guuteCardCheckbox.invalid {
	outline:1px solid #e00000;
}

.gutscheine-box #addPaybacknumberForm #paybackNumber,
.gutscheine-terminal #addPaybacknumberForm #paybackNumber,
.gutscheine-box #addGuuteCardNumberForm #guuteCardNumber,
.gutscheine-terminal #addGuuteCardNumberForm #guuteCardNumber,
.content.payback #addPaybacknumberForm #paybackNumber,
.content.guuteCard #addGuuteCardNumberForm #guuteCardNumber {
	color:#guuteCard;
}

.gutscheine-box #addPaybacknumberForm #paybackNumber.valid,
.gutscheine-terminal #addPaybacknumberForm #paybackNumber.valid,
.gutscheine-box #addGuuteCardNumberForm #guuteCardNumber.valid,
.gutscheine-terminal #addGuuteCardNumberForm #guuteCardNumber.valid,
.content.payback #addPaybacknumberForm #paybackNumber.valid,
.content.guuteCard #addGuuteCardNumberForm #guuteCardNumber.valid {
	color: #008200;
}

.gutscheine-box #addPaybacknumberForm #paybackNumber.invalid,
.gutscheine-terminal #addPaybacknumberForm #paybackNumber.invalid,
.gutscheine-box #addGuuteCardNumberForm #guuteCardNumber.invalid,
.gutscheine-terminal #addGuuteCardNumberForm #guuteCardNumber.invalid,
.content.payback #addPaybacknumberForm #paybackNumber.invalid,
.content.guuteCard #addGuuteCardNumberForm #guuteCardNumber.invalid {
	color: #e00000;
}



.content.bezahlarten-box .paymentContainer {
	padding:0;
	margin:0;
}

body.web .content.bezahlarten-box {
	padding:4vw !important;
	max-width:1140px;
	margin: 0 auto;
}

body.web .content.bezahlarten-box h1,
body.web .content.bezahlarten-box h2,
body.web .content.bezahlarten-box h3,
body.web .content.bezahlarten-box h4 {
	font-size:25px !important;
}

body.web .content.bezahlarten-box p,
body.web .content.bezahlarten-box ul li,
body.web .content.bezahlarten-box a {
	font-size:18px !important;
}





body.web .content.bezahlarten-box .btn {
	font-size:18px !important;
	padding: 16px;
}



body.web .content.bezahlarten-box .paymentContainer {
	padding:4vw;
}


.content.bezahlarten-box .predecision p {
	display:block;
	margin:/*4vh*/3vh 0 0 0;
}

.content.bezahlarten-box .predecision p a {
	display:block;
	margin: 0/*1vh 0*/;
}

.content.bezahlarten-box .predecision p a.isDisabled {
	pointer-events: none;
	opacity:0.5;
} 

.content.bezahlarten-box .predecision p a img {
	height:17vh/*24vh*/;
	width:auto;
}

.content.bezahlarten-box .predecision p a.sepa img {
	height:12vh/*24vh*/;
}

.content.bezahlarten-box .predecision p a span {
	display:block;
	margin:1vh 0;
}
 
.content.bezahlarten-box ul {
	margin-bottom: 1vh;
	display: block;
}

.content.bezahlarten-box ul li {
	display: block;
}

.content.bezahlarten-box ul li.card {
	background: #f0f0f0;
	border: 2px solid #ccc;
	border-radius: 1vh;
	padding: 2vh;
	margin-bottom: 1vh;
}

.content.bezahlarten-box ul li.sepa .alert,
.content.bezahlarten-box ul li.sepa .alert p {
	font-size: 2vh;
	text-align:center;
}

.content.bezahlarten-box ul li.sepa p {
	font-size:1.75vh;
}


.content.bezahlarten-box ul li.sepa label {
	margin-left:0;
	margin-bottom:0;
}

.content.bezahlarten-box ul li.card.default {
	background:rgb(167,222,177);
}

.content.bezahlarten-box ul .btn {
	margin:0  0 1vh 0;
}


.content.bezahlarten-box ul li .btn {
	margin:1vh 0;
}



/*
.content.bezahlarten-box ul li a {
	display:block;
	background: rgb(214,214,214);
	background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(185,185,185,1) 50%, rgba(131,131,131,1) 100%);
	padding: 4vh;
}

.content.bezahlarten-box ul li a.active
{
	background: rgb(167,222,177);
	background: linear-gradient(180deg, rgba(167,222,177,1) 0%, rgba(98,179,112,1) 50%, rgba(74,131,84,1) 100%);
}
*/


.content.bezahlarten-box .external,
.content.bezahlarten-box .external input {
	font-family:inherit !important;
}


.info-terminal {
	margin:6.5vh -3vw -3vw -3vw;
	padding:3vh;
}

.info-terminal h3 {
	margin-bottom: 3vh;
	margin-top: 3vh;
}


.info-terminal p {
	line-height: 4vh;
	margin-bottom: 2vh;
}


.info-terminal .header-cart img {
	height:7vh;	
}


.info-terminal ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
	text-align: left;
}

.info-terminal ol>li {
	padding: 0 0 1.5em 2em;
	text-indent: -2em;
	list-style-type: none;
	counter-increment: item
}

.info-terminal ol>li::before {
	display: inline-block;
	width: 1.5em;
	padding-right: 0.5em;
	font-weight: bold;
	font-size: 2vh;;
	text-align: right;
	content: counter(item) ".";
}


.modal#terminalQuitModal .modal-content {
    background: url(/images/terminal_Unimarkt/bg_terminal.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center bottom;	
}

.modal#terminalQuitModal .modal-content .modal-body {
	/*padding: 24vh 20vw;*/
	padding: 10vh 20vw 40vh 20vw;
}

.modal#terminalQuitModal .modal-content .modal-body a.btn {
	font-size: 2.2vh;
	line-height: 2.2vh;
	padding: 1vh 2vh !important;
}

.content.terminal-choosepayment {}

.content.terminal-choosepayment .logo,
.content.terminal-createpayment .logo,
.content.terminal-login .logo {
	text-align: center;
}

.content.terminal-choosepayment .logo img,
.content.terminal-createpayment .logo img,
.content.terminal-login .logo img
 {
	width:60vw;
}

.content.terminal-choosepayment a.cp-link {
	diaplay:block;
	float:left;
	width:50%;
	padding:1vh;
}

.content.terminal-choosepayment a.cp-link .btn {
	padding:1.4vh;
}

.content.terminal-choosepayment a.cp-link .info {
	color:white;
	font-size: 1.25vh;
	line-height: initial;
}

.content.terminal-choosepayment a.cp-link img {
	height:15vh;
	width: auto;
	margin-bottom:2vh;
}

.content.terminal-createpayment h1 {
	line-height: 4.5vh;
}

.content.terminal-createpayment p {
	font-size:2.5vh;
	line-height: initial;
}

.content.terminal-createpayment .status-error h1 {
	margin-bottom:5vh;
}

.content.terminal-createpayment .status-error p {
	font-weight:600;
	margin-bottom:5vh;
}


.terminal-scancode {
	margin:6.5vh -3vw -3vw -3vw;
	padding:3vh;
}

.terminal-scancode .header-cart img {
	height:7vh;	
}


.terminal-scancode .qrCode {
	width:100%;
}

.terminal-scancode .qrCode img {
	width:100%;
	max-width:40vh;
	/*filter: invert(21%) sepia(93%) saturate(1966%) hue-rotate(197deg) brightness(113%) contrast(200%);*/
}


.terminal-scancode .info {
	width: 90%;
    border: 2px solid #005cbc;
    padding: 2vh;
    border-radius: 1vh;
    opacity:0;
}

.editQRCode .qrCode {
	width:100%;
    border: 1px solid #ccc;
    border-radius: 1vh;	
}

.editQRCode .qrCode img {
	width:100%;
	max-width:500px;
	border-radius: 1vh;
}

.editQRCode .btn-container {
	width:100%;
    padding: 0 3vh;
}

.editQRCode form {
	width:100%;
	margin-top: 1vh;
    padding: 3vh 3vh 0 3vh;
    border: 1px solid #ccc;
    border-radius: 1vh;
}

.editQRCode .form-group {
	margin-bottom:2vh;
}

.editPinCode form input#pin {
	font-size: 40px;
	line-height: 40px;
	width: 180px !important;
	text-align: center;
	display: inline-block;
	border: 3px solid #0069d7;
	color: #0069d7;
	margin: 1vh 0;
}

.editPinCode .invalid-feedback {
	width:75%;
	margin-left: 12.5%;
}

.editPinCode .btn {
	margin: 1vh 0;
}

.content.payback label.paybackCheckboxLabel,
.content.guuteCard label.guuteCardCheckboxLabel {
	display: block;
    padding-left: 2.5vh;
    text-indent: -2.5vh;
    margin: 1vh 0;	
}


.filiale-finden .map {
	width:100%;
	height:25vh;
}

.filiale-finden .no-result {
    padding: 2vh;
    background: rgba(0,0,0,0.2);
}

.terminal-start {
	padding: 2vh !important;
}

.terminal-start .tomaten {
	position: fixed;
	left: 0;
	top: 30vh;
	height: 30vh;
	width: auto;
	z-index: -1;
}

.door-start .headline,
.terminal-start .headline {
	margin-top:5vh;
}

.terminal-start .schoen-container img,
.door-start .schoen-container img {
	margin-right: -46vw;
	width: 40vw;
	margin-top: 0/*2vh*/;
}

.terminal-start a.start {
	padding-top:10vh;
	display: block;
	width:100%;
	flex-grow: 1;
}

.terminal-start a.start .bigButton
{
	border-radius: 10px;
	padding: 2vh;
	width: 56vw;
	color:#00315A;
}

.terminal-start a.start .finger {
	width:15vw;
	height: auto;
	margin-top:1vh;
}

.terminal-start a.start strong {
	font-weight:900;
	font-size:2.5vh;
}

.terminal-start p {
    font-size: 2vh;
    line-height: initial;
    margin-bottom: 1vh;
}


.terminal-login {
	padding: 2vh !important;
}

.terminal-login .smaller h1 {
	font-size: 2.5vh !important;
}
.terminal-login .smaller p {
	font-size:2vh !important;
}


.terminal-login .logo {
	margin-top: -3vh;
}

.terminal-login h1,
.terminal-login h2 {
	font-size: 4vh !important;
	line-height: 4vh !important;
}

.terminal-login .text {
	width:100%;
}

.terminal-login .spacer {
	height:10vh;
}

.terminal-login p {
    font-size: 2.5vh;
    line-height: 2.5vh;
    margin-bottom: 1vh;
    font-weight: 600;
}

.terminal-login img {
	height:16vh;
	width: auto;
}

.terminal-login img.icon-scan {
	margin-top:0;
}

.terminal-start img {
	width:100%;
	height: auto;
}


.terminal-start .bottom {
	position: absolute;
    left: 0;
    right: 0;
    bottom:-2.5vh;
}

.terminal-start .bottom p {
	text-align: left;
	margin:0;
}

.terminal-start .bottom img {
	height:4vh;
	width:auto !important;
}

.terminal-login .bottom {
	position: absolute;
    left: 0;
    right: 0;
    bottom:-2.5vh;
}

.terminal-login .bottom p {
	text-align: left;
	margin:0;
}

.terminal-login .bottom img {
	height:4vh;
	width:auto !important;
}

.terminal-pin {
	padding: 7vh !important;
}

.terminal-pin p {
	font-size: 2.5vh;
	line-height: 2.5vh;
	margin-bottom: 1vh;
}

.terminal-pin .pin {
	width:100%;
}

.terminal-pin .pin .code {
	width: 81%;
	margin: 0 auto 1vh auto;
}

.terminal-pin .pin .code .dot {
	font-size: 5vh;
	line-height: 5vh;
	margin: 0.3vh 0.1vh;
	width: 22.66%;
	border: 2px solid #ffed00;
	background: #fff;
	color: #fff;
	display: inline-block;
	padding-bottom: 0.3vh;
}

.terminal-pin .pin .code .dot.entered
{
	color: #005cbc;
}

.terminal-pin .pin .numblock {
	width: 85%;
	margin: 0 auto;
}

.terminal-pin .pin .numblock a {
	width: 30%;
	margin: 0.3vh 0.1vh;
	padding: 10% 0;
	text-align: center;
	display: inline-block;
	background: #ffed00;
	color: #005cbc;
	font-size: 3vh;
	border-radius: 0.25vh;
	font-weight: bold;
}

.terminal-pin .pin .numblock a.double {
	width:63%;
}


.terminal-pin .bottom {
	position: absolute;
    left: 0;
    right: 0;
    bottom:-2.5vh;
}

.terminal-help {
	padding: 0 3vh !important;
}


.terminal-help > img {
	height:72vh;
	width:auto;
}

.terminal-help .headline {
	width:50vw;
	margin-top:-2vh;
	margin-bottom: 1vh;
}


.terminal-help .btn {
	min-width: 40vw;
}

.terminal-help .bg {
	position:absolute;
	left:-3vw;
    right:-3vw;
    top:-3vw;
    bottom:-7.3vw;
	z-index:-1;
	background: url(/images/bg_board.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center bottom;	
}

#terminalScan, 
#scanArticleForm {
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}

#terminalScanModal .modal-content,
#autoLogoutModal .modal-content,
#ageControlModal .modal-content {
    background: url(/images/terminal_Unimarkt/bg_alert.jpg);
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center bottom;	
    border:1px solid #fff;
}

.alert {
	padding:1.5vh;
}

.alert p {
	margin:0;
}


#terminalScanModal .modal-content .modal-header,
#terminalScanModal .modal-content .modal-body,
#terminalScanModal .modal-content .modal-footer,
#autoLogoutModal .modal-content .modal-header,
#autoLogoutModal .modal-content .modal-body,
#autoLogoutModal .modal-content .modal-footer
{
	border:none;
}

#ageControlModal .modal-content .modal-header,
#ageControlModal .modal-content .modal-body,
#ageControlModal .modal-content .modal-footer 
{
	border:none;
	padding:1vh !important;
}


#terminalScanModal .modal-content .modal-body p,
#autoLogoutModal .modal-content .modal-body p,
#ageControlModal .modal-content .modal-body p{
	margin:2vh 0;
}

#terminalScanModal .modal-content .modal-body .symbol img,
#autoLogoutModal .modal-content .modal-body .symbol img,
#ageControlModal .modal-content .modal-body .symbol img{
	height:5vh;
}

#terminalScanModal .modal-content .modal-header,
#ageControlModal .modal-content .modal-header{
	padding: 0.3vh 0.5vh;
}

#terminalScanModal .modal-content .modal-header .close,
#autoLogoutModal .modal-content .modal-header .close,
#ageControlModal .modal-content .modal-header .close
{
	padding:0;
	margin: 0 0 0 auto;
}

#terminalScanModal .modal-content .modal-header .close img,
#autoLogoutModal .modal-content .modal-header .close img,
#ageControlModal .modal-content .modal-header .close img
{
	height:2vh;
	width:auto;
}
	
.cart-terminal,
.gutscheine-terminal {
    padding: 1vh;
    height: 90vh;	
}

.cart-terminal hr,
.gutscheine-terminal hr {
	background: none;
    border-top: 1px solid #005cbc;
    margin: /*0.2vh 1% 0.2vh 1%*/ 0;
    width: /*98%*/ 100%;
}

.cart-terminal .scrollableContainer,
.gutscheine-terminal .scrollableContainer {
	overflow-y:scroll;
	flex-grow: 1;
	padding-right: 1.5vw;	
	min-height: 58vh/*62vh*/;
	/*
	border-top: 1px solid #005cbc;
	border-bottom: 1px solid #005cbc;
	padding-right: 1vh;
	*/
}

.cart-terminal .scrollableContainer::-webkit-scrollbar,
.gutscheine-terminal .scrollableContainer::-webkit-scrollbar {
  width: 20px;
  box-shadow: none;
  background:none;
  outline:none;
}


.cart-terminal .scrollableContainer::-webkit-scrollbar-track,
.gutscheine-terminal .scrollableContainer::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0;
  background:#005cbc;
  border-left:9px solid #fff;
  border-right:10px solid #fff;
  outline:none;
}


.cart-terminal .scrollableContainer::-webkit-scrollbar-thumb,
.gutscheine-terminal .scrollableContainer::-webkit-scrollbar-thumb {
  background: #005CBC;
  border-radius: 10px;
  height:10px;
  outline:none;
}

.cart-terminal .sumContainer {
	height:6vh;
	font-size:1vh;
}

.cart-terminal .sumContainer p {
	margin: 0;
}

.cart-terminal .breadContainer {
	height:7.5vh;
	font-size:1vh;
}

.cart-terminal .breadContainer p {
	margin: 0;
}


.cart-terminal /*.bottomContainer*/ .payback,
.cart-terminal /*.bottomContainer*/ .guuteCard {
	position: relative;
	margin-right: 4vh;
}

.cart-terminal /*.bottomContainer*/ .payback p,
.cart-terminal /*.bottomContainer*/ .guuteCard p
	font-size:1vh;
	padding-top: 1vh;
}

.cart-terminal /*.bottomContainer*/ .payback img,
.cart-terminal /*.bottomContainer*/ .guuteCard img {
    position: absolute;
    right: -10vw;
    top: -1vh;
    height: 9vh;
}

.cart-terminal /*.bottomContainer*/ .labelSum p {
	text-align: center;
	font-size: 1.8vh;
}

.cart-terminal /*.bottomContainer*/ .sum {
	font-size: 2.5vh;
    line-height: 2.5vh;
    font-weight: 800;
    display: block;
}

.cart-terminal /*.bottomContainer*/ .sum sup {
    font-size: 1.5vh;
    line-height: 1.5vh;
    vertical-align: baseline;
    top: -0.7vh;
}


.cart-terminal .articles,
.gutscheine-terminal .articles {
	list-style: none;
	list-style-type: none;
	padding:0;
}

.cart-terminal .headline span.td,
.gutscheine-terminal .headline span.td {
	font-size:1vh;
	/*padding:5px;*/
}

.cart-terminal .articles .article .td,
.gutscheine-terminal .articles .article .td {
	border-bottom:1px solid rgba(0,82,188,0.33);
	padding:/*0.5vh 0*/ 5px;
}

.cart-terminal .articles .article:last-child .td,
.gutscheine-terminal .articles .article:last-child .td {
	border:none;
}

.cart-terminal .articles .tr.article.age-control {
	background:rgba(255,0,0,0.25);
	position: relative;
}

.cart-terminal .articles .tr.article span.age-control-text {
	position:absolute;
	display:block;
	font-weight:bold;
	font-size:1.25vh;
	right:3.75vh;
	bottom:0.125vh;
}

.cart-terminal .articles .td.image,
.cart-terminal .headline .td.image,
.gutscheine-terminal .articles .td.image
.gutscheine-terminal .headline .td.image {
	width:7vh;
}

.cart-terminal .articles .td.image img,
.gutscheine-terminal .articles .td.image img {
	height:6vh;
}


.cart-terminal .articles .td.description,
.cart-terminal .headline .td.description,
.gutscheine-terminal .articles .td.description,
.gutscheine-terminal .headline .td.description {
	font-size:1vh;
}

.cart-terminal .articles span.price,
.gutscheine-terminal .articles span.price {
	font-size: 2.5vh;
    line-height: 2.5vh;
    font-weight: 800;
    display: block;
}

.cart-terminal .articles span.price sup,
.gutscheine-terminal .articles span.price sup {
    font-size: 1.5vh;
    line-height: 1.5vh;
    vertical-align: baseline;
    top: -0.7vh;
}

.cart-terminal .articles .td.quantity,
.cart-terminal .headline .td.quantity,
.gutscheine-terminal .articles .td.quantity,
.gutscheine-terminal .headline .td.quantity {
	position:relative;
	width:5vw;
}

.cart-terminal .articles .td.quantity img,
.gutscheine-terminal .articles .td.quantity img {
	width: 4vw;
    position: absolute;
    top:1.62vh;
    right:0.25vh;
    z-index: -1;
}


.cart-terminal .articles .td.quantity .quantity,
.gutscheine-terminal .articles .td.quantity .quantity {
    font-size: 1.6vh;
}


.cart-terminal .articles .td.controls {   
	width:4vw;
}

.cart-terminal .articles .td.controls img {
    width: 5vw;
    margin-bottom:2px;
}

.cart-terminal .articles .td.price .quantity .controls a img {
	height:2vh;
}

.gutscheine-terminal .scrollableContainer {
    overflow-y: scroll;
    flex-grow: 1;
    padding-right: 1.5vw;
    min-height: 21vh;
}



.gutscheine-terminal .sum .td  {
	border-top:1px solid rgba(0,82,188,0.33);
	padding:1vh 0;
	
}

.gutscheine-terminal .sum .td.label {
	width: 100%;
	padding-right:2vh;
}

.gutscheine-terminal .gutscheine,
.gutscheine-terminal .payback,
.gutscheine-terminal .guuteCard {
	margin-left: calc(-3vw - 1.5vh);
    margin-right: calc(-3vw - 1.5vh);
    padding: 2vh 7vw;	
}

.gutscheine-terminal /*.bottomContainer*/ .guuteCard img.guuteCardLogo {
	position: absolute;
	right: 4vw;
	width: 11vw;
	transform: rotate(-20deg);
}

.gutscheine-terminal,
.cart-terminal {
	font-family:"proxima-nova";
}

.gutscheine-terminal h3,
.cart-terminal h3 {
	font-size:2vh !important;
}

.gutscheine-terminal h3,
.cart-terminal h3 {
	font-family:"Raleway";
    font-weight: 900 !important;
    margin-bottom:0.5vh;
}

.gutscheine-terminal p,
.cart-terminal p,
.gutscheine-terminal .alert,
.cart-terminal .alert
{
	font-size:1.6vh;
	line-height: inital;
}

.gutscheine-terminal .btn,
.cart-terminal .btn, 
.gutscheine-terminal .btn span,
.cart-terminal .btn span {
	font-family:"Raleway";
}

.gutscheine-terminal .payback input#paybackNumber,
.gutscheine-terminal .guuteCard input#guuteCardNumber {
	font-size: 1.6vh;
}

.gutscheine-terminal h3, {
	margin:0;
}

.gutscheine-terminal ul li {
    margin: 0;
    padding: 0.5vh 0;
}

.gutscheine-terminal .payback p,
.gutscheine-terminal .guuteCard p {
    font-size: 1.6vh;
}

.gutscheine-terminal .payback label,
.gutscheine-terminal .guuteCard label {
	font-size: 1.6vh;
}



.gutscheine-terminal .payback input#paybackNumber,
.gutscheine-terminal .guuteCard input#guuteCardNumber {
	width:100%;
}

.gutscheine-terminal .paybackCheckboxLabel,
.gutscheine-terminal .guuteCardCheckboxLabel {
	display: block;
    padding-left: 2.5vh;
    text-indent: -2.5vh;
    margin: 0;
    line-height: initial;
}

.gutscheine-terminal .delete {
	height: 2vh;
    margin-left: 1vh;
    margin-top: -0.25vh;
}

.gutscheine-terminal .delete img {
	height:100%;
}


.door-start {
	padding: 1vh 6vw !important;
}

.modal#doorDisturbenceModal h1,
.modal#doorDisturbenceModal h2,
.modal#doorScanModalSuccess h1,
.modal#doorScanModalSuccess h2,
.modal#doorScanModalFault h1,
.modal#doorScanModalFault h2
.modal#terminalScanModal h1,
.modal#terminalScanModal h2,
.modal#autoLogoutModal h1,
.modal#autoLogoutModal h2,
.modal#ageControlModal h1,
.modal#ageControlModal h2 {
	font-size: 3vh;
	line-height: 3vh;
}


.web-start {
	padding: 1vh 6vw !important;
	min-height: 95vh !important;
}


.door-start ul li {
	margin: 0;
    padding: 0.2vh 0;
}

.door-start p {
    font-size: 1.8vh;
    line-height: 2vh;
    margin-bottom: 1vh;
}

.web-start p {
	font-size: 2.5vh;
	line-height: 3.5vh;
	margin-bottom: 1vh;	
}

.door-start .app img,
.web-start .app img {
	width:90%/*80%*/;
	margin: 1vh 0;
}
.door-start .app .master img
{
	margin-top:0;
}

.door-start .app img.qrcode {
	width:45% /*48%*/;
	margin: 1vh 0;
}


.door-start .logo img,
.web-start .logo img {
	width: 60vw;
}

.door-start .app .google,
.door-start .app .apple,
.web-start .app .google,
.web-start .app .apple,
.door-start .app .master,
.web-start .app .master
{
    padding: 0/*1vh 6vw*/;
}

.door-start .qr-container {
	margin-top: -3vh;
}


.door-start .qr-container .qr {
	padding:1vh 1vh 1vh 0;
}

.door-start .qr-container .description {
	padding:1vh 0 1vh 1vh;	
}

.door-start .qr-container .description p {
	font-size:1.5vh;
	text-align: left;
}

.door-start .qr-container .description p:first-of-type {
	font-size:2vh;
	font-weight: 900;
}

.door-start .qr-container img {
	width:100%;
}


.door-start .checkin,
.door-start .checkin tr {
	width:100%;
}


.door-start .checkin p {
	font-size: 3vh;
	font-weight:900;
}

.door-start .checkin-option {
	padding:1vh;
}

.door-start .checkin-option img {
	width:16vw;
	margin-bottom:1vh;
}

.door-start .checkin-option span {
	font-size: 2vh;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	width:100%;
	max-width: 35vw;
}

.door-start .operationInfo {
	width:100%;
}

.door-start .operationInfo h4 {
	font-size:1.9vh;
	line-height:1.9vh;
	margin-bottom:0.25vh;
	margin-top:0.5vh;
}

.door-start .operationInfo .spacer {
	flex:2%;
}

.door-start .operationInfo .openingHours {
	flex:58%;
}

.door-start .operationInfo .openingHours ul li {
	font-size:1.4vh;
	padding:0;
	float: left;
	width: 50%;
}
.door-start .operationInfo .openingHours ul li span.weekday {
	display:inline-block;
	min-width:4vw;
}

.door-start .operationInfo .contact {
	font-size: 1.4vh;
	flex:40%;
}

.door-start .text.closed p
{
	font-size:2.125vh;
	font-weight:bold;
}

#doorScan {
	position:absolute;
	top:0;
	left:-1000px;
	height:0;
	/*overflow:hidden;*/
}

#doorScanModalSuccess .modal-body,
#doorScanModalFault .modal-body {
	padding:2.5vw;
}

#doorScanModalSuccess .modal-content,
#doorScanModalFault .modal-content {
	border-radius: 2vw;
    padding: 0;
}

#doorScanModalSuccess .modal-content h2,
#doorScanModalFault .modal-content h2 {
	font-size: 2.1vh;
    padding: 0 6vw;
}

#doorScanModalSuccess .modal-content p,
#doorScanModalFault .modal-content p {
	font-size: 1.6vh;
	padding: 1vh 0;
}

#doorScanModalSuccess .close,
#doorScanModalFault .close {
	position: absolute;
	right:-5vw;
	top:-5vw;
}

#doorScanModalSuccess .close img,
#doorScanModalFault .close img {
	width:10vw;
	height:auto;
}

.content.confirmation-box h1,
.content.confirmation-terminal h1{
	font-size: 4vh;
    line-height: 4vh;
	font-weight:bold;
	margin:0;
}

.content.confirmation-box p,
.content.confirmation-terminal p {
    font-size: 2vh;
    line-height: 2vh;
	margin:0;
}

.content.confirmation-box .vspacer,
.content.confirmation-terminal .vspacer,
.content.terminal-createpayment .vspacer { 
	height:5vh; 
}

.content.confirmation-box img.danke,
.content.confirmation-terminal img.danke {
	height:25vh;
	margin-right:-4vh;
}

.content.confirmation-box .info .td,
.content.confirmation-terminal .td {
	padding:0 1vw;
}


.content.confirmation-box .info p,
.content.confirmation-terminal .info p {
	/*font-size: 1.6vh;*/
}

.content.confirmation-box .info img,
.content.confirmation-terminal .info img {
	height:10vh;
}

.content.confirmation-box .info .left,
.content.confirmation-box .info .right,
.content.confirmation-terminal .info .left,
.content.confirmation-terminal .info .right {
	width:15vw
}

.content.confirmation-box .btn.btn-lg,
.content.confirmation-terminal .btn.btn-lg {
    padding: 1.5vh 3vh !important;
    font-size: 2.4vh !important;
    font-weight: bold;
}

main .terminal-footer {
	position: absolute;
	bottom: 3vh;
	left: 3vh;
	right: 3vh;
	height: auto;
}

.content.mein-konto .top {
	width:100%;
	margin-bottom:2vh;
	padding: 0 2%;
	font-size: 2.4vh;
	line-height: 2.4vh;	
}

.content.mein-konto .top .icon-user,
.content.mein-konto .top .icon-logout {
	height:4.4vh;
}

.content.mein-konto .top .icon-user {
	margin-right:2vw;
}

.content.orders ul,
.content.inkasso ul {
	font-size:2.2vh;
}

.content.orders ul li span,
.content.inkasso ul li span {
	padding:1vh 0;
}

.content.orders ul li span.icon img,
.content.inkasso ul li span.icon img {
	height: 3.8vh;
	width:auto;
	margin-right:1vh;
}


.content.orders ul li span.sum,
.content.inkasso ul li span.sum
 {
	font-size:2.4vh;
}

.content.orders ul li span.invoice a,
.content.inkasso ul li span.inkasso a {
	padding:1vh;
}

.content.orders ul li span.invoice a img,
.content.inkasso ul li span.invoice a img {
	height:3vh;
	width:auto;
}

.content.orders ul li.tr:not(:last-child) span,
.content.inkasso ul li.tr:not(:last-child) span {
	border-bottom:1px solid #ccc;
}

.content .operatorHeader {
	/*
	position: fixed;
	top: 9vh;
	left: 0;
	right: 0;
	height: 4vh;
	z-index: 2;	
	padding: 0 4vw;
	*/
	margin: -1.5vh -1.5vh 1.5vh -1.5vh;
}

/*
.content.operator-choosebox,
.content.operator-selectbox, 
.content.operator-dahsboard,
.content.operator-statistics {

	margin:4vh -3vw 7vh -3vw;	
}
*/

.content.operator-choosebox {}

.content.operator-choosebox .boxes
{
	margin: 0 2% 2% 0;
}

.content.operator-choosebox .boxes .box {
	display:block;
	background: rgba(136,136,136,0.8);
	border-radius: 1vh;
	height: 40vw;
	padding: 10.5vw 0;
	width: 48%;
	margin: 2% 0 0 2%;
	float: left;
}


.content.operator-selectbox .qrCode {
	width:100%;
	margin-bottom:5vh;
}

.content.operator-selectbox .qrCode img {
	width:100%;
	max-width:500px;
}

.operator-submenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 2% 2% 0;
	display:block;
}

.operator-submenu ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display:block;	
}

.operator-submenu ul li a {
	display:block;
	background: rgba(136,136,136,0.8);
	border-radius: 1vh;
	height: 40vw;
	padding: 2vh 0;
	width: 48%;
	margin: 2% 0 0 2%;
	float: left;
	position:relative;
}

.operator-submenu ul li a .badge-cart {
	width: 4vh;
	height: 4vh;
	border-radius: 2vh;
	color: #ffffff;
	background: #aaa;
	position: absolute;
	bottom: 1vh;
	right: 2vw;
	text-align: center;
	line-height: 4vh;
}

.operator-submenu ul li a .badge-cart.red {
	background:#ff0000;
}


.content.operator-boxcontrol ul {
	list-style-type: none;
	padding: 0;
	margin: 0 2% 2% 0;
	display:block;
}

.content.operator-boxcontrol ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display:block;	
	background: rgba(136,136,136,0.8);
	border-radius: 1vh;
	height: 45vw;
	padding: 1.2vh;
	width: 48%;
	margin: 2% 0 0 2%;
	float: left;	
}

.content.operator-boxcontrol ul li.widgetAlarm {
	background: rgba(255,0,0,0.8);
}

.content.operator-boxcontrol ul li > a {
	display: block;
	margin: 0;
	padding: 0;
}

.content.operator-boxcontrol ul li .icon {
	display:block;
	width:50%;
	float:left;
	position: relative;
}

.content.operator-boxcontrol ul li .icon .value {
	display: block;
	width: 100%;
	position: absolute;
	margin: 40% 0;
	text-align: center;
	color: #fff;
}

.content.operator-boxcontrol ul li .icon img {
	width:100%;
}

.content.operator-boxcontrol ul li .buttons {
	display:block;
	width:50%;
	float:right;
	text-align: right;
}

/*
.content.operator-boxcontrol ul li .buttons a {
	padding:0 0 2% 0;
}
*/

.content.operator-boxcontrol ul li .buttons img {
	width:47%;
	text-align: right;
	margin-left:5%;

}

.content.operator-boxcontrol ul li .buttons img:first-child
{
	margin-bottom:5%;
}


.content.operator-boxcontrol ul li .lbl {
	display: block;
	width: 100%;
	font-size: 3.8vw;
	line-height: 4.8vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content.operator-boxcontrol ul li .lbl.category {
	margin-top:3vw;
	/*color:#96C2EC;*/
	color:#fff;
	font-weight:700; /**/
}

.content.operator-boxcontrol ul li .lbl.name {
	color:#fff;
	font-weight:700;
}

.content.operator-boxcontrol ul li .lbl.hint {
	color:#fff;
	font-weight:normal;
}

.content.operator-boxcontrol ul li .lbl.value {
	color:#87EAA1;
}

.content.operator-boxcontrol ul li .lbl.value.negative {
	color:#EA6A6A;
}

.content.operator-statistics {}

.content.operator-statistics .operator-statistics-submenu ul li a {
	min-width:75%;
}

.content.operator-statistics .operator-statistics-card,
.content.operator-temprecordings .operator-statistics-card {
	padding:1vh;
	background:rgba(136,136,136,0.8);
	border-radius: 1vh;
	margin-bottom:2vh;
}

.content.operator-statistics .operator-statistics-card .statisticContainer {
	width:100%;
	height:40vh;
	min-height:325px;
	background: #fff;
}

.content.operator-statistics .operator-statistics-card.week .statisticContainer {
	height:15vh;
	min-height:120px;
}

.content.operator-statistics .operator-statistics-card.year .statisticContainer {
	height:20vh;
	min-height:160px;
}


.content.operator-statistics .operator-statistics-card select {
	margin-bottom:1vh;
}

.content.operator-statistics .operator-statistics-card .statisticContainer canvas {
	width:100%;
	height:100%;
}

.content.operator-statistics .operator-statistics-card .statisticContainer table {
	width:100%;
}

.content.operator-statistics .operator-statistics-card .statisticContainer table td
{
	padding:10px;
	text-align: left;
	vertical-align: top;
}


.content.operator-statistics .operator-statistics-card .statisticContainer table td:last-child {
	text-align: right;
}

.operator-submenu ul li a img {
	height: 80%;
}


#operatorScanForm {
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}

.content.operatorCart {
	margin:6.5vh -3vw 7vh -3vw;
}

.content.operatorCart .articles {
	list-style: none;
	list-style-type: none;
	padding:0;
	border-collapse: separate;
	border-spacing: 0 0.5vh;
	font-size: 1.5vh;	
}

.content.operatorCart .articles .article {
	background: rgba(240,240,240, 1);
}

.content.operatorCart .articles .article .td  {
	border-bottom:1px solid rgba(0,82,188,0.33);
	padding:1vh;
}

.content.operatorCart .articles .article .td.description {
	width:100%;
}

.content.operatorCart .articles .article .td.image {
	padding-right:0;
}

.content.operatorCart .articles .article .td.image img {
	height:9vh;
}

.content.operatorCart .articles .article span.top,
.content.operatorCart .articles .article span.bottom {
	position: relative;
	display:block;
	width:100%;
}

.content.operatorCart .articles .article span.top span.text {
	max-width: 42vw;
	min-height: 6vh;
	display: block;
}

.content.operatorCart .articles .article span.top span.grammatur {
	white-space: nowrap;
}

.content.operatorCart .articles .article span.top a.changeQuantity.num {
	position: absolute;
	right: 4.5vh;
	top: 0;
	padding: 1vh;
	background: #fff;
	border-radius: 0.5vh;
	text-align: center;
	min-width: 14vw;
	height: 4vh;
	font-size: 2vh;	
}

.content.operatorCart .articles .article span.top a.changeQuantity.num.disabled {
	background: #ddd;
}

.content.operatorCart .articles .article span.top a.changeQuantity.check {
	position: absolute;
	right: 0;
	top: 0;
}

.content.operatorCart .articles .article span.top a.changeQuantity.check img {
	height:4vh;
}

.content.operatorCart .articles .article span.cartType {
	position: absolute;
	right: 0;
	top: -1vh;
}

.content.operatorCart .articles .article span.cartType img {
	height:4vh;
}

.content.operatorCart .articles .article span.bottom .infoItem {
	display: block;
	float: left;
	padding: 0.25vh;
	border-radius: 0.5vh;
	background: #C6C6C6;
	width: 27%;
	margin: 1% 2% 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}

.content.operatorCart .operatorCartHeader {
	background: #005CBC;
	position: fixed;
	top: 9vh;
	left: 0;
	right: 0;
	height: 8vh;
	z-index: 2;	
	padding: 0 4vw;
}


.content.operatorCart .operatorCartHeader a.barcode img,
.content.operatorCart .operatorCartHeader a.submit img,
.content.operatorCart .operatorCartHeader a.addSuggestedArticles img
{
	max-height:5vh;
}

.content.operatorCart .operatorCartHeader a.back {
	display: block;
	padding: 1.3vh 0;
}

.content.operatorCart .operatorCartHeader a.submit.disabled {
	opacity: 0.75;
}


#operatorQuantityModal form input.quantity,
#operatorCartTypeModal form input.quantity {
	display: inline-block;
	width: 25vw;
}

#operatorQuantityModal form a.upd img,
#operatorCartTypeModal form a.upd img {
	width: 7vw;
}

#operatorQuantityModal form a.upd.disabled,
#operatorCartTypeModal form a.upd.disabled {
	opacity:0.5;
	pointer-events: none;
}

#operatorQuantityModal .modal-title,
#operatorConfirmationModal .modal-title,
#operatorAddSuggestedArticlesModal .modal-title,
#operatorCartTypeModal .modal-title {
	margin:0;
}

#operatorQuantityModal a.close,
#operatorConfirmationModal a.close,
#operatorAddSuggestedArticlesModal a.close,
#operatorCartTypeModal a.close {
	padding: 0;
	position: absolute;
	top: 0.75vh;
	right: 1.75vh;
}

#operatorQuantityModal a.close img,
#operatorConfirmationModal a.close img,
#operatorAddSuggestedArticlesModal a.close img,
#operatorCartTypeModal a.close img {
	width:4vh;
	height:4vh;
}


#operatorCartTypeModal .btnCartIndex {
	min-width:75%;
	margin: 0.5vh 0;
}


#operatorCartTypeModal h3,
#operatorCartTypeModal .h3 {
	margin-bottom:1vh;
}

#operatorCartTypeModal input,
#operatorCartTypeModal select {
	margin-bottom:1vh;
	width:100%;
}

.content.operator-stoerung div.section {
	margin:1vh 0;
}

.content.operator-stoerung a:not(.btn),
.content.operator-stoerung a:not(.btn):visited,
.content.operator-stoerung a:not(.btn):active,
.content.operator-stoerung a:not(.btn):hover {
	color:#fff;
}

.content.operator-stoerung hr {
	margin-top: 2vh;
	margin-bottom: 2vh;
	width: 100%;
}

.content.operator-stoerung img.icon {
	height: 9vh;
}

.content.operator-stoerung div.form {
	background: #fff;
	padding: 2vw;
}

.content.operator-stoerung form input#emailSubject {
	width:100%;
	color:#000;
	outline: none;
	border: none;	
}

.content.operator-stoerung form hr {
	width: 100%;
	margin: 1vh 0;
	border-top: 2px solid #c6c6c6;
}

.content.operator-stoerung form textarea#emailText {
	width:100%;
	height:25vh;
	color:#000;
	outline: none;
	border: none;	
}

.content.operator-stoerung form .alert {
	margin:2vh 0 0 0;
}

.content.operator-stoerung form input::placeholder,
.content.operator-stoerung form textarea::placeholder,
.content.operator-stoerung form input:-moz-placeholder,
.content.operator-stoerung form textarea:-moz-placeholder,
.content.operator-stoerung form input::-moz-placeholder,
.content.operator-stoerung form textarea::-moz-placeholder,
.content.operator-stoerung form input::-webkit-input-placeholder,
.content.operator-stoerung form textarea::-webkit-input-placeholder {
	color:#6a6a6a;
	opacity:1;
}

.content.operator-stoerung form input[type=text],
.content.operator-stoerung form textarea,
.content.operator-stoerung form select,
.content.operator-stoerung form select option
{
	font-size:18px;
}

.content.operator-stoerung form input#emailSubmit,
.content.operator-stoerung form a#eanscan {
	margin:2vh 0 0 0;
}

.submenu ul.listGroup {
	padding:0;
}

.submenu ul.list-group {
	background:none;	
}

.submenu ul.list-group li.list-group-item {
	background: none;
    padding:0;
    border-bottom: 1px solid rgb(0 92 188 / 0.5);
}

.submenu ul.list-group li.list-group-item a {
	padding: 1.5vh 0;
}

.submenu ul.list-group li.list-group-item:last-child {
	border:none;
}

.submenu ul.list-group a {
	display:block;
	color:inherit;
}

.submenu ul.list-group a img {
	float:right;
	height:1.8vh;
}

.submenu2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0 2% 2% 0;
	display:block;
}

.submenu2 ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display:block;	
}

.submenu2 ul li a {
	display:block;
	background: rgba(136,136,136,0.8);
	border-radius: 1vh;
	height: 40vw;
	padding: 0;
	width: 48%;
	margin: 2% 0 0 2%;
	float: left;
	position:relative;
}

.submenu2 ul li a p.image {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 6vw 12vw 0 12vw;
	height: 26vw;
	line-height: 17vw;
}

.submenu2 ul li a p.lbl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 5vw;
	font-size: 2.4vh;
	height: 12vw;
	line-height: 2.4vh;
	overflow-wrap: break-word;
}

.submenu2 ul li a p.image img {
	width:100%;
	vertical-align:middle;
}

.submenu2 ul li a .badge-cart.red {
	background:#ff0000;
}

.content.operator-sortiment {
	padding : 0!important;
}

.content.operator-sortiment .header-sortiment {
	position: fixed;
	background:#024d77;
	left: 0;
	right: 0;
	top: 9vh;
	padding: 0 1vh;
	z-index: 2;
}

.content.operator-sortiment .header-sortiment a.back {
    display: block;
    padding: 1.3vh 0;
}

.content.operator-sortiment .header-sortiment a.barcode img {
	max-height: 5vh;
}

.content.operator-sortiment .header-sortiment .search {
	margin-top:0.5vh;
	font-size:18px;
}

.content.operator-sortiment .header-sortiment .search input,
.content.operator-sortiment .header-sortiment .search button {
	font-size:inherit;
}

.content.operator-sortiment .sortiment-result {
	padding: 1vh;
	margin-top:12vh;
}

/*
.content.operator-sortiment .sortiment-result .article .td {
	vertical-align:middle;
	width:auto !important;
	text-align: left;
}
*/

.content.operator-sortiment .sortiment-result .article .check {
	position: absolute;
	right: 0;
	top: 0;
}

.content.operator-sortiment .sortiment-result .article .minBestand,
.content.operator-sortiment .sortiment-result .article .maxBestand {
	position: absolute;
	right: 4.5vh;
	top: 0;
	padding: 1vh;
	background: #fff;
	border-radius: 0.5vh;
	text-align: center;
	min-width: 14vw;
	height: 4vh;
	font-size: 2vh;	
}

.content.operator-sortiment .sortiment-result .article.mindestbestand .td.action,
.content.operator-sortiment .sortiment-result .article.maximalbestand .td.action {
	min-width: 27vw;
	text-align: right;
}

.content.operator-sortiment .sortiment-result .article .td.stock {
	min-width: 16vw;
	text-align: right;
}

/*
.content.operator-sortiment .sortiment-result .article .td.image img {
    height: 7vh;
}
*/

.content.operator-sortiment .sortiment-result .article .td .check img {
	height: 4vh;
}

.content.operator-sortiment .sortiment-result .article .td .check img.yes {
	display:none;
}

.content.operator-sortiment .sortiment-result .article .td .check img.no {
	display:initial;
}

.content.operator-sortiment .sortiment-result .article .td .check.yes img.yes {
	display:initial;
}

.content.operator-sortiment .sortiment-result .article .td .check.yes img.no {
	display:none;
}

.content.operator-sortiment .sortiment-result .article .td input.minBestand,
.content.operator-sortiment .sortiment-result .article .td input.maxBestand {
	position: absolute;
	right: 4.5vh;
	top: 0;
	padding: 1vh;
	background: #fff;
	border-radius: 0.5vh;
	text-align: center;
	min-width: 14vw;
	height: 4vh;
	font-size: 2vh;	
	display:inline-block;
	width:52px;
	text-align: center;
}

.content.sms {

}

.content.sms {
	padding:2.5vh !important;
}

.content.sms .tomaten {
	position: fixed;
	width: 15vh;
	top:0;
	right:0;
	z-index: -1;
}

.content.sms .headline {
	width:100%;
	margin-top:3vh;
}

.content.sms .headline h1,
.content.sms .headline h2 {
	font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (800 - 320)));
	line-height: initial;
	font-weight:900;
	margin-bottom:0;
}

.content.sms.sms-scannen {
	padding:2.5vh 0 !important;
	overflow-x: hidden;
}

.content.sms.sms-opendoor .headline h1,
.content.sms.sms-opendoor .headline h2 {
	font-size: calc(20px + (48 - 20) * ((100vw - 320px) / (800 - 320)));
}


.content.sms.sms-scannen .headline h1,
.content.sms.sms-scannen .headline h2 {
	font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (800 - 320)));
}

.content.sms.sms-scannen .headline {
	padding:0 2.5vh !important;	
}

.content.sms .headline p {
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (800 - 320)));
	margin-bottom:1vh;
	line-height: initial;
}

.content.sms .headline img {
	height:6vh;
	margin-bottom:1.5vh;
}

.content.sms .headline img.logo {
	width: 70vw;
	margin:0;
}

.content.sms .formContainer {
	margin-top:5vh;
	width:100%;
}

.content.sms .text,
.content.sms .text p,
.content.sms .description,
.content.sms .description p {
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (800 - 320)));
	margin-top:1vh;
	line-height: initial;
	width:100%;
}



.content.sms.sms-scannen .text,
.content.sms.sms-scannen .text p {
	padding:0 2.5vh !important;	
}

.content.sms .description {
	margin-top:3vh;
	width:100%
	overflow-x:hidden;
}

.content.sms .description img {
width: 130vw;
height: auto;
margin-left: -15vw;
}

.content.sms .formContainer p,
.content.sms .formContainer input {
	text-align: center;
	/*font-size: 18px;*/
	font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (800 - 320)));
	line-height:initial;
}


.content.sms .app {
	margin-top:5vh;
	width:100%;
}

.content.sms .app img.appinfo {
	margin-top: -4vh;
	width: 100%;
}

.content.sms .app img.storeicon {
	width: 40vw;
	margin:1.5vh 0.5vh;
}

.content.sms .qrcode {
	width:82vw;
}

.content.sms .qrcode img {
	width:100%;
}


.content.terminal-wof .wof {
	width: 100;
	margin: 0 auto;
	padding:0 10%;
}

.content.terminal-wof h3 {
	font-weight: 700;
}

body.terminal .content.terminal-wof h3
{
	margin-top:-3vh;
}

.content.terminal-wof #wheel_box {
  position: relative;
  width: 100%;
  height: 100%;
}

.content.terminal-wof #spinWheel {
	max-height: inherit;
	width: inherit;
	transform: rotate(270deg);
}

.content.terminal-wof #spin_btn {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 20%;
	width: 20%;
	border-radius: 50%;
	cursor: pointer;
	border: 0;
	background: white;
	color: #005ebe;
	text-transform: uppercase;
	font-size: 3vw;
	text-align: center;
	font-weight: 600;
}

body.terminal .content.terminal-wof #spin_btn {
	font-size: 2rem;
}

.content.terminal-wof .fa-location-arrow {
	position: absolute;
	top: -8%;
	left: 43.7%;
	font-size: 5vh;
	line-height:5vh;
	transform: rotate(-225deg);
	color:white;
	/*
	color: #005ebe;
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 2px;
	*/
}

img.wof-icon {
	margin-left: 2vw;
}

body.terminal .content.terminal-wof .fa-location-arrow
{
	font-size: 7rem;
	line-height:7rem;
}

.content.terminal-wof #text {
	font-size: 3vh;
	line-height:3vh;
	text-align: center;
	margin-top: 3vh;
	font-weight: 500;
	color:white;
	/*
	color: #005ebe;
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 2px;
	*/
}

body.terminal .content.terminal-wof #text {
	margin-top: 1.5vh;
	font-size: 3vh;
	line-height:3vh;
}