html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

@media print {
    .printList {
        font-size: 11pt
    }

    .noPrint,.menu {
        display: none
    }

    .pagebreak {
        page-break-before: always
    }
}

.show {
    display: table-row
}

.hide {
    display: none
}

.info {
    color: #00529B;
    background-color: #BDE5F8
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3
}

.error,.required {
    color: #D8000C;
    background-color: #FFBABA
}

.required {
    background: none
}

.helpText {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #006;
    font-style: italic;
    margin-top: 0
}

.helpLink {
    color: #06F;
    cursor: help
}

.ranking {
    list-style: none;
    padding-left: 0
}

.crown {
    background: url("../images/krone.png") no-repeat;
    padding-left: 35px;
    line-height: 37px
}

.dimmed {
    opacity: .3
}

canvas {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

#coffeimage {
    display: none;
    border: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -245px;
    margin-top: -215px
}

#note {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    line-height: 2.5;
    overflow: hidden;
    padding-left: 1em;
    box-shadow: 0 0 5px #000;
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    animation: slideDown 2.5s .1s 1 ease forwards
}

@keyframes slideDown {
    0%,100% {
        transform: translateY(-150px)
    }

    10%,90% {
        transform: translateY(0px)
    }
}

#note ul {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-left: 1em;
    padding: 0;
    list-style: none
}

#userPic,.userPic {
    max-width: 250px;
    max-height: 250px
}

@media screen and (max-width: 320px) {
    #userPic,.userPic {
        width:100px;
        max-height: 100px
    }
}

.userPicSmaller {
    width: 150px
}

form #tokenImage {
    margin-top: 1em
}

#freiBierCounter {
    display: block;
    margin: 1rem auto
}

.plus {
    color: #090
}

.minus {
    color: red
}

#line-1.justBooked td {
    background: #9aff9a;
    animation: fadein 1.5s
}

@keyframes fadein {
    from {
        opacity: 0;
        color: grey
    }

    to {
        opacity: 1;
        color: #000
    }
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pure-g {
    letter-spacing: normal
}

body {
    margin-bottom: 4em
}

.header {
    background: darkblue;
    color: #fdfdfd;
    text-align: right;
    width: 100%;
    min-height: 3.6rem
}

.headerLogo {
    width: 2.5rem;
    float: right;
    margin: .5rem 1rem
}

#zeit {
    display: none;
    font-size: 200%;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    line-height: 1.9
}

.content-single {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 768px
}

@media screen and (min-width: 48em) {
    .l-wrap,.l-wrap .content {
        padding-left:1em;
        padding-right: 1em
    }

    .content .l-wrap {
        margin-left: -2em;
        margin-right: -2em
    }

    .header,.content-single {
        padding-left: 2em;
        padding-right: 2em
    }
}

#copyrightInfo {
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 10px;
    font-style: italic;
    letter-spacing: normal;
    padding: 1%;
    text-align: right
}

#copyrightInfo,#copyrightInfo a {
    color: #888
}

.bcscanner #layout {
    width: 100%;
    padding: 1rem 0 1rem 1rem
}

@media all and (max-width: 29.9375em) {
    .bcscanner #layout {
        padding:.5rem
    }

    .bcscanner h1.alignC,.bcscanner h1.alignC+p,.bcscanner h1.alignC+p+form,.bcscanner .element-item img {
        display: none
    }
}

@media all and (min-width: 30em) {
    .pure-button-group {
        display:-ms-flexbox;
        display: flex;
        width: 100%
    }

    .pure-button-group button {
        -ms-flex: 1;
        flex: 1
    }
}

.grid {
    margin-top: 1rem;
    display: -ms-flexbox;
    display: flex
}

.grid .element-item {
    border: 1px solid darkblue;
    padding: .1rem;
    margin: .25rem;
    width: calc(50% - .5rem);
    font-size: 80%
}

@media all and (min-width: 30em) {
    .grid .element-item {
        width:calc(25% - 1rem);
        margin: .5rem;
        font-size: 100%
    }
}

@media all and (min-width: 80em) {
    .grid .element-item {
        width:calc(20% - 1rem)
    }
}

.grid .element-item .userName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.grid .element-item img {
    max-width: 90%;
    max-height: 80px
}

.article-grid {
    margin-top: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.article-grid .element-item {
    border: 1px solid darkblue;
    width: 48%;
    margin: 0 2% .5rem 0;
    padding: .25rem .1rem
}

@media all and (min-width: 57.5em) {
    .article-grid .element-item {
        width:23%
    }
}

.filters>div {
    margin-bottom: .5rem
}

.filters button {
    margin: 0 .1rem
}

body {
    font-family: Verdana, Geneva, sans-serif
}

a {
    color: #004d00
}

.alignC {
    text-align: center
}

.alignR {
    text-align: right
}

.sizeDouble {
    font-size: 2rem
}

.helpLink {
    font-size: 70%
}

h1 .helpLink {
    font-size: 50%
}

.helpText {
    color: darkblue
}

.filters-button-group button,.gridSelect button {
    line-height: 2.5
}

@media (max-width: 768px) {
    h1 {
        font-size:1.2rem
    }

    #agentInfo {
        font-size: .6rem;
        line-height: 1.8
    }

    #agentInfo #zeit {
        font-size: 1.6rem;
        line-height: 2.4
    }
}

th[scope="row"] {
    text-align: right
}

.pure-form-aligned .pure-control-group label.noWidth {
    width: auto
}

.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected {
    background-color: darkblue
}

.lockedField {
    color: #999
}

.chosen-container {
    font-size: inherit
}

.button-xlarge {
    font-size: 125%
}

.button-success {
    background: #1cb841
}

.grid .element-item:hover {
    cursor: pointer
}

.grid .element-item:active {
    background: darkblue;
    color: #fff
}

body.print {
    float: none
}

body.print h1 {
    margin: .25cm 0
}

@media print {
    .pagebreak {
        page-break-before: always
    }
}

.printtoken.users {
    clear: both;
    padding-top: 10pt
}

ul.printtoken {
    padding-left: 0
}

.printtoken li {
    list-style: none;
    width: 47%;
    margin: 0.2cm 1% 0.2cm 0;
    float: left;
    min-height: 1.5cm;
    padding: 1%;
    border-bottom: 2px solid #CCC;
    font-weight: bold;
    font-size: 9pt
}

.printtoken li:nth-child(2n+1) {
    clear: left
}

.printtoken li small {
    font-weight: normal;
    font-size: 6pt
}

.printtoken img.tokenImage {
    float: right;
    width: 4.5cm;
    height: 1.2cm
}

.printtoken .userPic {
    float: left;
    margin-right: .5cm;
    height: auto;
    max-width: 1cm
}

.printtoken.products .userPic {
    max-width: 4cm;
    width: auto;
    height: 4cm;
    margin-right: 0
}

.articleText {
    clear: right;
    float: right;
    text-align: right;
    font-size: 150%;
    max-width: 4.5cm;
    padding-top: .5cm
}

.printtoken li.bund {
    background: lightblue
}

.storno {
    background: #ff8e93
}

.exit {
    background: #d6d6d6
}

.info li,.success li,.warning li,.error li {
    margin: 10px 0
}

.info li::before,.success li::before,.warning li::before,.error li::before,.menu li a::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.info li::before {
    content: '\f05a'
}

.success li::before {
    content: '\f00c'
}

.warning li::before {
    content: '\f071'
}

.error li::before {
    content: '\f057'
}

#layout,#menu,.menu-link {
    transition: all 0.2s ease-out
}

#layout {
    position: relative;
    left: 0;
    padding-left: 0
}

#layout.active #menu {
    left: 250px;
    width: 250px
}

#layout.active .menu-link {
    left: 250px
}

.content {
    margin: 0 auto;
    padding: 0 2em;
    max-width: 980px
}

#menu {
    margin-left: -250px;
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#menu a {
    border: none;
    padding: 0.6em 0 0.6em 0.6em
}

#menu .pure-menu,#menu .pure-menu ul {
    border: none;
    background: transparent
}

#menu .pure-menu-selected,#menu .pure-menu-heading {
    background: darkblue
}

#menu .pure-menu-selected a {
    color: #fff
}

#menu .pure-menu-heading {
    font-size: 100%;
    color: #fff;
    margin: 0;
    padding: .5rem 1rem .6rem 1rem
}

.accountBalance .pure-menu-heading {
    min-height: 2.6rem;
    line-height: 2.5rem
}

.menu-link {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    background: darkblue;
    font-size: 1rem;
    z-index: 10;
    width: 4rem;
    height: auto;
    padding: 1.6rem 1rem
}

.menu-link:hover {
    cursor: pointer
}

.menu-link:hover,.menu-link:focus {
    background: darkblue
}

.menu-link span {
    position: relative;
    display: block
}

.menu-link span,.menu-link span:before,.menu-link span:after {
    background-color: #fff;
    width: 100%;
    height: .2em;
    transition: .5s ease-in-out
}

.menu-link span:before,.menu-link span:after {
    position: absolute;
    margin-top: -.6em;
    content: " "
}

.menu-link span:after {
    margin-top: .6em;
    opacity: 1
}

@media (min-width: 1025px) {
    .header,.content {
        padding-left:2em;
        padding-right: 2em
    }

    #layout {
        padding-left: 250px;
        left: 0
    }

    #menu {
        left: 250px
    }

    .menu-link {
        position: fixed;
        left: 250px;
        display: none
    }

    #layout.active .menu-link {
        left: 250px
    }
}

@media (max-width: 1025px) {
    #layout.active {
        position:relative
    }

    #menu.active {
        box-shadow: 5px 0 10px 0px rgba(50,50,50,0.5)
    }
}

.menu-link.active span {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-link.active span::before {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: .6rem
}

.menu-link.active span::after {
    opacity: 0
}

.adminMenu {
    margin-top: 1.5rem
}

.menu ul a {
    color: #000;
    text-decoration: none
}

.menu ul a:hover {
    background: #efefef
}

.menu li.bookings a::before {
    content: '\f02d'
}

.menu li.articles a::before {
    content: '\f07a'
}

.menu li.statistics a::before {
    content: '\f080'
}

.menu li.guesttoken a::before {
    content: '\f06b'
}

.menu li.settings a::before {
    content: '\f013'
}

.menu li.logout a::before {
    content: '\f08b'
}

.menu li.adminSaldo a::before {
    content: '\f19c'
}

.menu li.adminBookings a::before {
    content: '\f02d'
}

.menu li.adminCash a::before {
    content: '\f0d6'
}

.menu li.adminArticles a::before {
    content: '\f0fc'
}

.menu li.adminStocks a::before {
    content: '\f0e4'
}

.menu li.adminPrices a::before {
    content: '\f153'
}

.menu li.adminAutocalc a::before {
    content: '\f1ec'
}

.menu li.adminUsers a::before {
    content: '\f0c0'
}

.menu li.adminEmail a::before {
    content: '\f0e0'
}

.plus {
    color: #090
}

.minus {
    color: red
}

.wenigminus {
	color: orange
}

*# sourceMappingURL=maps/style.css.map */

.wenigminus {
    color: orange
}