﻿/*!
 * @license
 * MyFonts Webfont Build ID 3225599, 2016-05-29T15:29:03-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ZapfElliptical711BT-Regular by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/zapf-elliptical-711/bt-zapf-elliptical-711/
 * 
 * Webfont: ZapfElliptical711BT-Bold by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/zapf-elliptical-711/bt-zapf-elliptical-711-bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3225599
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 1987-1992 as an unpublished work by Bitstream Inc, Cambridge, MA. All rights reserved. Copyright (c) ParaType, Inc., 2007. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/3137ff");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

@font-face {
    font-family: 'ZapfElliptical711BT-Regular';
    src: url("../fonts/3137FF_0_0.eot");
    src: url("../fonts/3137FF_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/3137FF_0_0.woff2") format("woff2"), url("../fonts/3137FF_0_0.woff") format("woff"), url("../fonts/3137FF_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'ZapfElliptical711BT-Bold';
    src: url("../fonts/3137FF_1_0.eot");
    src: url("../fonts/3137FF_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/3137FF_1_0.woff2") format("woff2"), url("../fonts/3137FF_1_0.woff") format("woff"), url("../fonts/3137FF_1_0.ttf") format("truetype")
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

body {
    -webkit-text-size-adjust: none
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    margin-left: auto;
    margin-right: auto
}

.container.\31 25\25 {
    width: 100%;
    max-width: 1162.5px;
    min-width: 930px
}

.container.\37 5\25 {
    width: 697.5px
}

.container.\35 0\25 {
    width: 465px
}

.container.\32 5\25 {
    width: 232.5px
}

.container {
    width: 930px
}

@media screen and (max-width: 930px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 112.5%;
        min-width: 90%
    }

    .container.\37 5\25 {
        width: 67.5%
    }

    .container.\35 0\25 {
        width: 45%
    }

    .container.\32 5\25 {
        width: 22.5%
    }

    .container {
        width: 90%
    }
}

@media screen and (max-width: 736px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 112.5%;
        min-width: 90%
    }

    .container.\37 5\25 {
        width: 67.5%
    }

    .container.\35 0\25 {
        width: 45%
    }

    .container.\32 5\25 {
        width: 22.5%
    }

    .container {
        width: 90%
    }
}

@media screen and (max-width: 480px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 112.5%;
        min-width: 90%
    }

    .container.\37 5\25 {
        width: 67.5%
    }

    .container.\35 0\25 {
        width: 45%
    }

    .container.\32 5\25 {
        width: 22.5%
    }

    .container {
        width: 90% !important
    }
}

.row {
    border-bottom: solid 1px transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.row > * {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.row:after, .row:before {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.row.uniform > * > :first-child {
    margin-top: 0
}

.row.uniform > * > :last-child {
    margin-bottom: 0
}

.row.\30 \25 > * {
    padding: 0 0 0 0px
}

.row.\30 \25 {
    margin: 0 0 -1px 0px
}

.row.uniform.\30 \25 > * {
    padding: 0px 0 0 0px
}

.row.uniform.\30 \25 {
    margin: 0px 0 -1px 0px
}

.row > * {
    padding: 0 0 0 30px
}

.row {
    margin: 0 0 -1px -30px
}

.row.uniform > * {
    padding: 30px 0 0 30px
}

.row.uniform {
    margin: -30px 0 -1px -30px
}

.row.\32 00\25 > * {
    padding: 0 0 0 60px
}

.row.\32 00\25 {
    margin: 0 0 -1px -60px
}

.row.uniform.\32 00\25 > * {
    padding: 60px 0 0 60px
}

.row.uniform.\32 00\25 {
    margin: -60px 0 -1px -60px
}

.row.\31 50\25 > * {
    padding: 0 0 0 45px
}

.row.\31 50\25 {
    margin: 0 0 -1px -45px
}

.row.uniform.\31 50\25 > * {
    padding: 45px 0 0 45px
}

.row.uniform.\31 50\25 {
    margin: -45px 0 -1px -45px
}

.row.\35 0\25 > * {
    padding: 0 0 0 15px
}

.row.\35 0\25 {
    margin: 0 0 -1px -15px
}

.row.uniform.\35 0\25 > * {
    padding: 15px 0 0 15px
}

.row.uniform.\35 0\25 {
    margin: -15px 0 -1px -15px
}

.row.\32 5\25 > * {
    padding: 0 0 0 7.5px
}

.row.\32 5\25 {
    margin: 0 0 -1px -7.5px
}

.row.uniform.\32 5\25 > * {
    padding: 7.5px 0 0 7.5px
}

.row.uniform.\32 5\25 {
    margin: -7.5px 0 -1px -7.5px
}

.\31 2u, .\31 2u\24 {
    width: 100%;
    clear: none;
    margin-left: 0
}

.\31 1u, .\31 1u\24 {
    width: 91.6666666667%;
    clear: none;
    margin-left: 0
}

.\31 0u, .\31 0u\24 {
    width: 83.3333333333%;
    clear: none;
    margin-left: 0
}

.\39 u, .\39 u\24 {
    width: 75%;
    clear: none;
    margin-left: 0
}

.\38 u, .\38 u\24 {
    width: 66.6666666667%;
    clear: none;
    margin-left: 0
}

.\37 u, .\37 u\24 {
    width: 58.3333333333%;
    clear: none;
    margin-left: 0
}

.\36 u, .\36 u\24 {
    width: 50%;
    clear: none;
    margin-left: 0
}

.\35 u, .\35 u\24 {
    width: 41.6666666667%;
    clear: none;
    margin-left: 0
}

.\34 u, .\34 u\24 {
    width: 33.3333333333%;
    clear: none;
    margin-left: 0
}

.\33 u, .\33 u\24 {
    width: 25%;
    clear: none;
    margin-left: 0
}

.\32 u, .\32 u\24 {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0
}

.\31 u, .\31 u\24 {
    width: 8.3333333333%;
    clear: none;
    margin-left: 0
}

.\31 2u\24 + *, .\31 1u\24 + *, .\31 0u\24 + *, .\39 u\24 + *, .\38 u\24 + *, .\37 u\24 + *, .\36 u\24 + *, .\35 u\24 + *, .\34 u\24 + *, .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * {
    clear: left
}

.\-11u {
    margin-left: 91.66667%
}

.\-10u {
    margin-left: 83.33333%
}

.\-9u {
    margin-left: 75%
}

.\-8u {
    margin-left: 66.66667%
}

.\-7u {
    margin-left: 58.33333%
}

.\-6u {
    margin-left: 50%
}

.\-5u {
    margin-left: 41.66667%
}

.\-4u {
    margin-left: 33.33333%
}

.\-3u {
    margin-left: 25%
}

.\-2u {
    margin-left: 16.66667%
}

.\-1u {
    margin-left: 8.33333%
}

@media screen and (max-width: 930px) {
    .row > * {
        padding: 0 0 0 30px
    }

    .row {
        margin: 0 0 -1px -30px
    }

    .row.uniform > * {
        padding: 30px 0 0 30px
    }

    .row.uniform {
        margin: -30px 0 -1px -30px
    }

    .row.\32 00\25 > * {
        padding: 0 0 0 60px
    }

    .row.\32 00\25 {
        margin: 0 0 -1px -60px
    }

    .row.uniform.\32 00\25 > * {
        padding: 60px 0 0 60px
    }

    .row.uniform.\32 00\25 {
        margin: -60px 0 -1px -60px
    }

    .row.\31 50\25 > * {
        padding: 0 0 0 45px
    }

    .row.\31 50\25 {
        margin: 0 0 -1px -45px
    }

    .row.uniform.\31 50\25 > * {
        padding: 45px 0 0 45px
    }

    .row.uniform.\31 50\25 {
        margin: -45px 0 -1px -45px
    }

    .row.\35 0\25 > * {
        padding: 0 0 0 15px
    }

    .row.\35 0\25 {
        margin: 0 0 -1px -15px
    }

    .row.uniform.\35 0\25 > * {
        padding: 15px 0 0 15px
    }

    .row.uniform.\35 0\25 {
        margin: -15px 0 -1px -15px
    }

    .row.\32 5\25 > * {
        padding: 0 0 0 7.5px
    }

    .row.\32 5\25 {
        margin: 0 0 -1px -7.5px
    }

    .row.uniform.\32 5\25 > * {
        padding: 7.5px 0 0 7.5px
    }

    .row.uniform.\32 5\25 {
        margin: -7.5px 0 -1px -7.5px
    }

    .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }

    .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\39 u\28medium\29, .\39 u\24\28medium\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }

    .\38 u\28medium\29, .\38 u\24\28medium\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\37 u\28medium\29, .\37 u\24\28medium\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\36 u\28medium\29, .\36 u\24\28medium\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }

    .\35 u\28medium\29, .\35 u\24\28medium\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\34 u\28medium\29, .\34 u\24\28medium\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\33 u\28medium\29, .\33 u\24\28medium\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }

    .\32 u\28medium\29, .\32 u\24\28medium\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 u\28medium\29, .\31 u\24\28medium\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\31 2u\24\28medium\29 + *, .\31 1u\24\28medium\29 + *, .\31 0u\24\28medium\29 + *, .\39 u\24\28medium\29 + *, .\38 u\24\28medium\29 + *, .\37 u\24\28medium\29 + *, .\36 u\24\28medium\29 + *, .\35 u\24\28medium\29 + *, .\34 u\24\28medium\29 + *, .\33 u\24\28medium\29 + *, .\32 u\24\28medium\29 + *, .\31 u\24\28medium\29 + * {
        clear: left
    }

    .\-11u\28medium\29 {
        margin-left: 91.66667%
    }

    .\-10u\28medium\29 {
        margin-left: 83.33333%
    }

    .\-9u\28medium\29 {
        margin-left: 75%
    }

    .\-8u\28medium\29 {
        margin-left: 66.66667%
    }

    .\-7u\28medium\29 {
        margin-left: 58.33333%
    }

    .\-6u\28medium\29 {
        margin-left: 50%
    }

    .\-5u\28medium\29 {
        margin-left: 41.66667%
    }

    .\-4u\28medium\29 {
        margin-left: 33.33333%
    }

    .\-3u\28medium\29 {
        margin-left: 25%
    }

    .\-2u\28medium\29 {
        margin-left: 16.66667%
    }

    .\-1u\28medium\29 {
        margin-left: 8.33333%
    }
}

@media screen and (max-width: 736px) {
    .row > * {
        padding: 0 0 0 30px
    }

    .row {
        margin: 0 0 -1px -30px
    }

    .row.uniform > * {
        padding: 30px 0 0 30px
    }

    .row.uniform {
        margin: -30px 0 -1px -30px
    }

    .row.\32 00\25 > * {
        padding: 0 0 0 60px
    }

    .row.\32 00\25 {
        margin: 0 0 -1px -60px
    }

    .row.uniform.\32 00\25 > * {
        padding: 60px 0 0 60px
    }

    .row.uniform.\32 00\25 {
        margin: -60px 0 -1px -60px
    }

    .row.\31 50\25 > * {
        padding: 0 0 0 45px
    }

    .row.\31 50\25 {
        margin: 0 0 -1px -45px
    }

    .row.uniform.\31 50\25 > * {
        padding: 45px 0 0 45px
    }

    .row.uniform.\31 50\25 {
        margin: -45px 0 -1px -45px
    }

    .row.\35 0\25 > * {
        padding: 0 0 0 15px
    }

    .row.\35 0\25 {
        margin: 0 0 -1px -15px
    }

    .row.uniform.\35 0\25 > * {
        padding: 15px 0 0 15px
    }

    .row.uniform.\35 0\25 {
        margin: -15px 0 -1px -15px
    }

    .row.\32 5\25 > * {
        padding: 0 0 0 7.5px
    }

    .row.\32 5\25 {
        margin: 0 0 -1px -7.5px
    }

    .row.uniform.\32 5\25 > * {
        padding: 7.5px 0 0 7.5px
    }

    .row.uniform.\32 5\25 {
        margin: -7.5px 0 -1px -7.5px
    }

    .\31 2u\28small\29, .\31 2u\24\28small\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }

    .\31 1u\28small\29, .\31 1u\24\28small\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 0u\28small\29, .\31 0u\24\28small\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\39 u\28small\29, .\39 u\24\28small\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }

    .\38 u\28small\29, .\38 u\24\28small\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\37 u\28small\29, .\37 u\24\28small\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\36 u\28small\29, .\36 u\24\28small\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }

    .\35 u\28small\29, .\35 u\24\28small\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\34 u\28small\29, .\34 u\24\28small\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\33 u\28small\29, .\33 u\24\28small\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }

    .\32 u\28small\29, .\32 u\24\28small\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 u\28small\29, .\31 u\24\28small\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\31 2u\24\28small\29 + *, .\31 1u\24\28small\29 + *, .\31 0u\24\28small\29 + *, .\39 u\24\28small\29 + *, .\38 u\24\28small\29 + *, .\37 u\24\28small\29 + *, .\36 u\24\28small\29 + *, .\35 u\24\28small\29 + *, .\34 u\24\28small\29 + *, .\33 u\24\28small\29 + *, .\32 u\24\28small\29 + *, .\31 u\24\28small\29 + * {
        clear: left
    }

    .\-11u\28small\29 {
        margin-left: 91.66667%
    }

    .\-10u\28small\29 {
        margin-left: 83.33333%
    }

    .\-9u\28small\29 {
        margin-left: 75%
    }

    .\-8u\28small\29 {
        margin-left: 66.66667%
    }

    .\-7u\28small\29 {
        margin-left: 58.33333%
    }

    .\-6u\28small\29 {
        margin-left: 50%
    }

    .\-5u\28small\29 {
        margin-left: 41.66667%
    }

    .\-4u\28small\29 {
        margin-left: 33.33333%
    }

    .\-3u\28small\29 {
        margin-left: 25%
    }

    .\-2u\28small\29 {
        margin-left: 16.66667%
    }

    .\-1u\28small\29 {
        margin-left: 8.33333%
    }
}

@media screen and (max-width: 480px) {
    .row > * {
        padding: 0 0 0 30px
    }

    .row {
        margin: 0 0 -1px -30px
    }

    .row.uniform > * {
        padding: 30px 0 0 30px
    }

    .row.uniform {
        margin: -30px 0 -1px -30px
    }

    .row.\32 00\25 > * {
        padding: 0 0 0 60px
    }

    .row.\32 00\25 {
        margin: 0 0 -1px -60px
    }

    .row.uniform.\32 00\25 > * {
        padding: 60px 0 0 60px
    }

    .row.uniform.\32 00\25 {
        margin: -60px 0 -1px -60px
    }

    .row.\31 50\25 > * {
        padding: 0 0 0 45px
    }

    .row.\31 50\25 {
        margin: 0 0 -1px -45px
    }

    .row.uniform.\31 50\25 > * {
        padding: 45px 0 0 45px
    }

    .row.uniform.\31 50\25 {
        margin: -45px 0 -1px -45px
    }

    .row.\35 0\25 > * {
        padding: 0 0 0 15px
    }

    .row.\35 0\25 {
        margin: 0 0 -1px -15px
    }

    .row.uniform.\35 0\25 > * {
        padding: 15px 0 0 15px
    }

    .row.uniform.\35 0\25 {
        margin: -15px 0 -1px -15px
    }

    .row.\32 5\25 > * {
        padding: 0 0 0 7.5px
    }

    .row.\32 5\25 {
        margin: 0 0 -1px -7.5px
    }

    .row.uniform.\32 5\25 > * {
        padding: 7.5px 0 0 7.5px
    }

    .row.uniform.\32 5\25 {
        margin: -7.5px 0 -1px -7.5px
    }

    .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }

    .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }

    .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }

    .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }

    .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }

    .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }

    .\31 2u\24\28xsmall\29 + *, .\31 1u\24\28xsmall\29 + *, .\31 0u\24\28xsmall\29 + *, .\39 u\24\28xsmall\29 + *, .\38 u\24\28xsmall\29 + *, .\37 u\24\28xsmall\29 + *, .\36 u\24\28xsmall\29 + *, .\35 u\24\28xsmall\29 + *, .\34 u\24\28xsmall\29 + *, .\33 u\24\28xsmall\29 + *, .\32 u\24\28xsmall\29 + *, .\31 u\24\28xsmall\29 + * {
        clear: left
    }

    .\-11u\28xsmall\29 {
        margin-left: 91.66667%
    }

    .\-10u\28xsmall\29 {
        margin-left: 83.33333%
    }

    .\-9u\28xsmall\29 {
        margin-left: 75%
    }

    .\-8u\28xsmall\29 {
        margin-left: 66.66667%
    }

    .\-7u\28xsmall\29 {
        margin-left: 58.33333%
    }

    .\-6u\28xsmall\29 {
        margin-left: 50%
    }

    .\-5u\28xsmall\29 {
        margin-left: 41.66667%
    }

    .\-4u\28xsmall\29 {
        margin-left: 33.33333%
    }

    .\-3u\28xsmall\29 {
        margin-left: 25%
    }

    .\-2u\28xsmall\29 {
        margin-left: 16.66667%
    }

    .\-1u\28xsmall\29 {
        margin-left: 8.33333%
    }
}

@-ms-viewport {
    width: device-width
}

body {
    -ms-overflow-style: scrollbar
}

@media screen and (max-width: 480px) {
    html, body {
        min-width: 320px
    }
}

body {
    background: #f2f2f2
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

body.frontpage {
    background: #f2f2f2 url("../images/sesam_groesser_@2x.png") no-repeat top right;
    background-size: 305px 290px
}

body.frontpage::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 192px;
    height: 109px;
    background: #f2f2f2 url("../images/sesam_links_@2x.png") no-repeat top right;
    background-size: contain;
    z-index: -10
}

@media screen {
    body.frontpage {
        background: #f2f2f2 url("../images/seasam@2x.png") no-repeat top right;
        background-size: 205px 190px
    }

    body.frontpage::before {
        width: 120px
    }
}

@media screen and (max-width: 736px) {
    body.frontpage {
        background: #f2f2f2 url("../images/seasam-small@2x.png") no-repeat top right;
        background-size: 97px 152px
    }
}

body.frontpage #header {
    display: none
}

body, input, select, textarea {
    color: #000;
    font-family: ZapfElliptical711BT-Regular, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.375
}

@media screen and (max-width: 930px) {
    body, input, select, textarea {
        font-size: 16px
    }
}

@media screen and (max-width: 736px) {
    body, input, select, textarea {
        font-size: 16px
    }
}

@media screen and (max-width: 480px) {
    body, input, select, textarea {
        font-size: 16px
    }
}

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

a:hover {
    text-decoration: underline
}

strong, b {
    color: #000;
    font-weight: bold
}

em, i {
    font-style: italic
}

p {
    margin: 0 0 0 0
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0 0 0 0
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none
}

h1 {
    font-size: 2.375em;
    text-align: center
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 2.1em
    }
}

h2 {
    font-size: 1.75em
}

h3 {
    font-size: 1.375em
}

h4 {
    font-size: 1.1em
}

h5 {
    font-size: 0.9em
}

h6 {
    font-size: 0.7em
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em
}

blockquote {
    border-left: solid 4px #333;
    font-style: italic;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

code {
    border-radius: 4px;
    border: solid 1px #333;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 0 0
}

pre code {
    display: block;
    line-height: 1.75;
    padding: 1em 1.5em;
    overflow-x: auto
}

hr {
    border: 0;
    border-bottom: solid 1px #333;
    margin: 0 0
}

hr.major {
    margin: 0 0
}

.align-left {
    text-align: left !important
}

.align-center {
    text-align: center !important
}

.align-right {
    text-align: right !important
}

.muted {
    color: #bbb
}

.muted a {
    color: #888
}

small {
    font-size: 12px
}

ul {
    list-style: disc;
    margin-left: 22px;
    margin-bottom: 1.375em
}

ul li {
    margin-bottom: 0.5rem
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: "Open Sans", sans-serif;
    font-size: 0.875em;
    line-height: 1.375em;
    border-radius: 4px;
    border: 1px solid #bbb;
    resize: none;
    display: block;
    outline: 0;
    padding: 8px 10px
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, select:disabled, textarea:disabled {
    background-color: #f2f2f2
}

input[type="text"].af-error, input[type="password"].af-error, input[type="email"].af-error, input[type="tel"].af-error, select.af-error, textarea.af-error {
    border: 1px solid #ef7c00
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    background-color: #ef7c00;
    border-radius: 4px;
    border: 0;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    padding: 0.2em 0.8em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
    background-color: #000
}

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active {
    background-color: #000
}

input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon, button.icon, .button.icon {
    padding-left: 1.35em
}

input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before {
    margin-right: 0.5em
}

input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit {
    display: block;
    margin: 0 0 0 0;
    width: 100%
}

input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small {
    font-size: 0.8em
}

input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big {
    font-size: 1.35em
}

input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, button.alt, .button.alt {
    background-color: transparent;
    color: #000 !important
}

input[type="submit"].alt.icon:before, input[type="reset"].alt.icon:before, input[type="button"].alt.icon:before, button.alt.icon:before, .button.alt.icon:before {
    color: #bbb
}

input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, button.disabled, button:disabled, .button.disabled, .button:disabled {
    background-color: #bbb !important;
    color: #f2f2f2 !important;
    cursor: default;
    opacity: 0.25
}

#back-to-top {
    text-indent: -9999em;
    width: 50px;
    height: 50px;
    background: url("../images/nach-oben-pfeil.png");
    background-size: 50px 50px;
    position: fixed;
    right: 10px;
    bottom: 100px;
    visibility: hidden;
    opacity: 0;
    -moz-transition: visibility 0s, opacity 0.2s linear;
    -webkit-transition: visibility 0s, opacity 0.2s linear;
    -ms-transition: visibility 0s, opacity 0.2s linear;
    transition: visibility 0s, opacity 0.2s linear
}

#back-to-top.visible {
    visibility: visible;
    opacity: 1;
    -moz-transition: opacity 0.2s linear, visibility 0.2s;
    -webkit-transition: opacity 0.2s linear, visibility 0.2s;
    -ms-transition: opacity 0.2s linear, visibility 0.2s;
    transition: opacity 0.2s linear, visibility 0.2s
}

section h1 {
    margin-bottom: 20px
}

section > p {
    text-align: center;
    font-size: 1.375em;
    line-height: 1.75em;
    margin-bottom: 40px
}

@media screen and (max-width: 480px) {
    section > p {
        font-size: 1.1em
    }
}

@media screen and (max-width: 736px) {
    section .wide-small {
        margin-left: -60px;
        margin-right: -30px
    }
}

section.general {
    margin-bottom: 50px
}

section.general.alt h1, section.general.alt p {
    text-align: left
}

section.general p {
    margin-bottom: 20px
}

section.general a {
    text-decoration: underline
}

section.general a.highlight {
    color: #ef7c00
}

section.general p {
    margin-bottom: 1.375em;
    text-align: center
}

section.general a {
    text-decoration: underline
}

section.general a.highlight {
    color: #ef7c00
}

section.general label {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875em;
    display: block;
    margin-bottom: 10px
}

section.general label .required {
    vertical-align: super;
    font-size: 0.75em
}

section.general input, section.general textarea {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

section.general input[type=checkbox], section.general input[type=radio] {
    display: inline-block;
    width: auto
}

section.general textarea {
    height: 150px
}

section.general input[type=submit] {
    width: auto;
    margin-top: 10px;
    display: inline-block
}

section.general .submit {
    text-align: right
}

section.thankyou {
    display: none;
    text-align: center
}

section.thankyou img {
    height: 100px;
    display: block;
    margin: 100px auto
}

section.thankyou p {
    margin-bottom: 1em
}

section.thankyou p.highlight {
    color: #ef7c00
}

section.thankyou p.back {
    font-size: 1em;
    margin-bottom: 80px
}

section.thankyou p.back a {
    text-decoration: underline
}

.af-error-message {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    color: #ef7c00
}

section.button-row {
    margin-bottom: 50px
}

section.button-row .large-button > a {
    height: 190px;
    background-color: #fff;
    display: inline-block;
    border-bottom: 2px solid #333;
    width: 100%;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer
}

section.button-row .large-button > a > span {
    display: inline-block;
    position: relative;
    height: 186px;
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 1px
}

section.button-row .large-button > a .button-text {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 2.375em;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif
}

@media screen and (max-width: 930px) {
    section.button-row .large-button > a .button-text {
        font-size: 2em
    }
}

@media screen and (max-width: 736px) {
    section.button-row .large-button > a .button-text {
        font-size: 1.75em
    }
}

section.button-row .large-button > a:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 736px) {
    section.button-row .large-button > a {
        margin-bottom: 15px
    }
}

section.button-row svg {
    height: 50px;
    width: auto;
    display: block;
    margin: 35px auto 0px auto
}

section.logo img {
    display: block;
    margin: 50px auto
}

section.special {
    text-align: center;
    margin-bottom: 50px
}

section.special h2 {
    font-size: 1.375em
}

section.special h3 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 2.375em;
    text-transform: uppercase
}

section.special h3 .sup {
    font-size: 0.5em;
    text-transform: uppercase;
    margin-left: 1em;
    vertical-align: text-top
}

section.special img {
    width: 100%;
    max-width: 435px
}

section.special p.pricing {
    font-weight: bold
}

@media screen and (max-width: 736px) {
    section.special h3 {
        font-size: 2em
    }
}

section.wdd {
    position: relative;
    background: url("../images/tafel_bg.jpg");
    background-size: cover;
    overflow: hidden
}

section.wdd h2 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 3.125em;
    text-align: center;
    color: #bbb;
    padding-top: 60px;
    padding-bottom: 25px;
    text-align: center
}

section.wdd h2::after {
    content: '';
    display: block;
    position: absolute;
    width: 300px;
    height: 150px;
    background: url("../images/kaffee_@2x.png") no-repeat bottom left;
    background-size: contain;
    top: 60px;
    right: 8%
}

@media screen {
    section.wdd h2::after {
        right: 5%
    }
}

@media screen and (max-width: 930px) {
    section.wdd h2::after {
        display: none
    }
}

@media screen and (max-width: 480px) {
    section.wdd h2 {
        font-size: 2.125em
    }
}

section.wdd .slider-images {
    width: 90%;
    max-width: 930px;
    margin: 0 auto
}

section.wdd .slider-images .slick-list {
    overflow: visible
}

section.wdd .slider-images .slick-list:before {
    content: '';
    display: block;
    width: 300px;
    height: 240px;
    background: url("../images/bagel_@2x.png") no-repeat bottom left;
    background-size: contain;
    position: absolute;
    bottom: -60px;
    margin-left: -80px
}

@media screen and (max-width: 736px) {
    section.wdd .slider-images .slick-list:before {
        height: 200px;
        bottom: -40px;
        margin-left: -65px
    }
}

@media screen and (max-width: 480px) {
    section.wdd .slider-images .slick-list:before {
        height: 150px;
        bottom: -60px
    }
}

section.wdd .slider-images .slick-slide {
    width: 100%;
    outline: none
}

section.wdd .slider-images .slick-slide img {
    width: 100%;
    margin: 0 auto;
    padding: 0 10%
}

@media screen and (max-width: 480px) {
    section.wdd .slider-images .slick-slide img {
        padding: 0 2%
    }
}

section.wdd .slider-images:after {
    content: '';
    display: block;
    width: 80%;
    max-width: 450px;
    height: 114px;
    margin: 0 auto;
    background: url("../images/mehr-info@2x.png") no-repeat top right;
    background-size: contain;
    margin-top: -25px;
    opacity: 0.7
}

@media screen and (max-width: 736px) {
    section.wdd .slider-images:after {
        height: 80px;
        margin-top: -10px
    }
}

@media screen and (max-width: 480px) {
    section.wdd .slider-images:after {
        height: 60px;
        margin-top: 0px
    }
}

section.wdd .slick-arrow {
    position: absolute;
    bottom: 20px;
    text-indent: -9999em;
    width: 44px;
    height: 26px;
    padding: 0;
    z-index: 1000;
    outline: none;
    opacity: 0.7
}

@media screen and (max-width: 736px) {
    section.wdd .slick-arrow {
        display: inline-block !important
    }
}

section.wdd:hover .slick-arrow {
    display: inline-block !important
}

section.wdd .slick-prev {
    left: 40%;
    background: url(../images/blue-orange-website-icons_zurueck-pfeil.png) no-repeat;
    background-size: 44px 26px
}

@media screen and (max-width: 736px) {
    section.wdd .slick-prev {
        left: 30%
    }
}

section.wdd .slick-next {
    right: 40%;
    background: url(../images/blue-orange-website-icons_vor-pfeil.png) no-repeat;
    background-size: 44px 26px
}

@media screen and (max-width: 736px) {
    section.wdd .slick-next {
        right: 30%
    }
}

section.wdd-2 .slider-text {
    padding: 50px 0px
}

section.wdd-2 .slider-text p {
    width: 95%;
    max-width: 450px;
    text-align: center;
    margin: 0 auto
}

section.orderform {
    margin-bottom: 50px
}

section.orderform .form > div {
    background-color: #fff;
    padding: 30px
}

section.orderform .form .items {
    position: relative;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    margin-bottom: 30px
}

section.orderform .form .items input {
    display: none
}

section.orderform .form .items label, section.orderform .form .items .price {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1.75em
}

@media screen and (max-width: 736px) {
    section.orderform .form .items label, section.orderform .form .items .price {
        font-size: 1.1em
    }
}

section.orderform .form .items label .prefix, section.orderform .form .items .price .prefix {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 14px
}

section.orderform .form .items label {
    margin-right: 50px
}

section.orderform .form .items .price {
    position: absolute;
    right: 0
}

section.orderform .form .items .item.selected a, section.orderform .form .items .item.selected .amount {
    color: #ef7c00
}

section.orderform .form .items .postfix {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 14px
}

section.orderform .form .item .input-number {
    padding-right: 30px
}

section.orderform .form .item .input-number .minus, section.orderform .form .item .input-number .plus {
    color: #f2f2f2;
    background-color: #888;
    width: 1.375em;
    height: 1.375em;
    display: inline-block;
    border-radius: 2px;
    margin-top: -2px;
    text-indent: -9999em;
    vertical-align: text-bottom
}

section.orderform .form .item .input-number .minus {
    background: url("../images/plus-minus/grau-minus.png") no-repeat;
    background-size: 1.375em 1.375em
}

section.orderform .form .item .input-number .plus {
    background: url("../images/plus-minus/grau-plus.png") no-repeat;
    background-size: 1.375em 1.375em
}

section.orderform .form .item .input-number .amount {
    font-family: ZapfElliptical711BT-Regular, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1.75em;
    padding: 0 8px;
    display: inline-block;
    width: 2em;
    text-align: center
}

@media screen and (max-width: 736px) {
    section.orderform .form .item .input-number {
        display: block
    }
}

@media screen and (max-width: 736px) {
    section.orderform .form .item {
        margin-bottom: 1.2em
    }
}

section.orderform .form .item:hover label a {
    text-decoration: underline
}

section.orderform .form .item:hover .input-number .minus {
    background: url("../images/plus-minus/schwarz-minus.png") no-repeat;
    background-size: 1.375em 1.375em
}

section.orderform .form .item:hover .input-number .plus {
    background: url("../images/plus-minus/orange-plus.png") no-repeat;
    background-size: 1.375em 1.375em
}

section.orderform .form .total {
    position: relative;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1.75em;
    margin-bottom: 20px
}

section.orderform .form .total .note {
    font-size: 0.635em;
    margin-left: 0.875em
}

@media screen and (max-width: 736px) {
    section.orderform .form .total .note {
        position: absolute;
        top: 1.3em;
        left: 0;
        margin-left: 0
    }
}

section.orderform .form .total .price {
    position: absolute;
    right: 0
}

section.orderform .form .extras textarea {
    width: 100%;
    height: 75px
}

section.orderform .form .extras input {
    width: 100%
}

@media screen and (max-width: 736px) {
    section.orderform .form .extras input {
        width: 30%
    }

    section.orderform .form .extras .submit-button {
        padding-top: 1.2em;
        text-align: right
    }
}

section.orderform .alt h2 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1.75em;
    margin-bottom: 40px
}

section.orderform .alt h3 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.375em
}

section.orderform .alt p {
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 20px
}

@media screen and (max-width: 930px) {
    section.orderform .alt {
        margin-top: 50px;
        padding: 0 30px 0px 60px
    }
}

@media screen and (max-width: 736px) {
    section.orderform .alt h2, section.orderform .alt h3, section.orderform .alt p {
        text-align: center
    }
}

@media screen and (max-width: 930px) {
    .catering-boxes {
        width: 90% !important
    }

    .catering-boxes .row > div {
        margin-top: 75px
    }

    .catering-boxes .row > div:first-child {
        margin-top: 0px
    }
}

section.orderform-2 .button-back, section.orderform-3 .button-back {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    padding: 10px 30px;
    background: url(../images/blue-orange-website-icons_zurueck-pfeil@2x.png) no-repeat 2px 12px;
    background-size: 22px 13px
}

section.orderform-2 .summary > div, section.orderform-3 .summary > div {
    background-color: #fff;
    padding: 30px;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1.75em
}

section.orderform-2 .summary > div a, section.orderform-3 .summary > div a {
    color: #ef7c00;
    text-decoration: underline;
    font-size: 0.75em
}

section.orderform-2 .summary > div ul, section.orderform-3 .summary > div ul {
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
    margin-bottom: 15px
}

section.orderform-2 .summary > div .total, section.orderform-3 .summary > div .total {
    position: relative
}

section.orderform-2 .summary > div .total .note, section.orderform-3 .summary > div .total .note {
    font-size: 0.635em;
    margin-left: 0.875em
}

@media screen and (max-width: 736px) {
    section.orderform-2 .summary > div .total .note, section.orderform-3 .summary > div .total .note {
        position: absolute;
        top: 1.3em;
        left: 0;
        margin-left: 0
    }
}

section.orderform-2 .summary > div .total .price, section.orderform-3 .summary > div .total .price {
    position: absolute;
    right: 0
}

section.orderform-2 .extras-summary, section.orderform-3 .extras-summary {
    margin-top: 10px
}

section.orderform-2 .extras-summary h3, section.orderform-3 .extras-summary h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 0.7em
}

section.orderform-2 .extras-summary p, section.orderform-3 .extras-summary p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.6em
}

@media screen and (max-width: 930px) {
    section.orderform-2 .extras-summary, section.orderform-3 .extras-summary {
        margin-top: 0px
    }
}

section.orderform-2 .details a, section.orderform-3 .details a {
    text-decoration: underline
}

section.orderform-2 .details h3, section.orderform-3 .details h3 {
    margin-bottom: 30px
}

section.orderform-2 .details h4, section.orderform-3 .details h4 {
    font-size: 1.375em;
    margin-bottom: 20px
}

section.orderform-2 .details > div, section.orderform-3 .details > div {
    margin-bottom: 50px
}

section.orderform-2 .details p, section.orderform-3 .details p {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875em;
    margin-bottom: 30px
}

section.orderform-2 .details label, section.orderform-3 .details label {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875em;
    display: block;
    margin-bottom: 10px
}

section.orderform-2 .details label .required, section.orderform-3 .details label .required {
    vertical-align: super;
    font-size: 0.75em
}

section.orderform-2 .details input, section.orderform-3 .details input {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

section.orderform-2 .details .checkboxes label, section.orderform-2 .details .checkboxes input, section.orderform-3 .details .checkboxes label, section.orderform-3 .details .checkboxes input {
    display: inline;
    width: auto
}

section.orderform-2 .details div.taxi, section.orderform-3 .details div.taxi {
    margin-left: 40px
}

section.orderform-2 .details input[type=submit], section.orderform-2 .details input[type=button], section.orderform-3 .details input[type=submit], section.orderform-3 .details input[type=button] {
    width: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    display: inline-block
}

section.orderform-2 .details .submit, section.orderform-3 .details .submit {
    text-align: right
}

@media screen and (max-width: 930px) {
    section.orderform-2 .details, section.orderform-3 .details {
        padding: 30px 30px 30px 60px
    }

    section.orderform-2 .details h4:first-of-type, section.orderform-3 .details h4:first-of-type {
        margin-top: 50px
    }
}

section.catering-boxes img {
    width: 100%
}

section.catering-boxes h2 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1.375em;
    line-height: 1em;
    margin-top: 20px;
    margin-bottom: 30px
}

section.catering-boxes h3 {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.375em;
    position: relative
}

section.catering-boxes p {
    font-size: 1em;
    line-height: 1.375em;
    margin-bottom: 20px
}

section.catering-boxes p.small {
    width: 80%
}

section.catering-boxes .price {
    position: absolute;
    right: 0
}

section.catering-boxes .row {
    margin-bottom: 60px
}

section.standorte {
    margin-bottom: 50px
}

section.standorte .large-button > span {
    height: 250px;
    background-color: #fff;
    display: inline-block;
    border-bottom: 2px solid #333;
    width: 100%;
    position: relative
}

section.standorte .large-button > span > span {
    display: inline-block;
    position: relative;
    height: 246px;
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 1px;
    padding: 20px
}

section.standorte .large-button > span p {
    margin-bottom: 1.375em;
    margin-top: 1.5em
}

section.standorte .large-button > span .header {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif
}

section.standorte .standort {
    position: relative;
    height: 465px;
    margin-bottom: 50px;
    overflow: hidden
}

section.standorte .inner {
    padding-top: 115px
}

section.standorte .image {
    display: block;
    position: absolute;
    top: 0px;
    height: 465px;
    width: 450px;
    background-size: cover;
    right: 50%;
    background: url("../images/standorte/1040/1040-01.jpg");
    background-size: cover;
    -moz-transition: background-image 1s ease-in-out;
    -webkit-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out
}

section.standorte .mapslink {
    height: 465px;
    width: 450px;
    background-size: cover;
    left: 50%;
    background: url("https://maps.googleapis.com/maps/api/staticmap?center=48.197052,16.3657946&zoom=17&scale=2&format=jpg&size=500x450&maptype=roadmap&language=de&markers=label:BO%7C48.197052,16.3657946&key=AIzaSyChrH-Sm54SwBCWpfavy57ym2i0uomjTIo") no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0px;
    text-indent: -1000em
}

section.standorte .inner-1090 .image {
    right: auto;
    left: 50%;
    background: url("../images/standorte/1090/1090-01.jpg");
    background-size: cover
}

section.standorte .inner-1090 .mapslink {
    left: auto;
    right: 50%;
    background: url("https://maps.googleapis.com/maps/api/staticmap?center=48.225340,16.355169&zoom=17&scale=2&format=jpg&size=500x450&maptype=roadmap&language=de&markers=label:BO%7C48.225340,16.355169&key=AIzaSyChrH-Sm54SwBCWpfavy57ym2i0uomjTIo") no-repeat;
    background-size: cover
}

section.standorte .rate-us {
    width: 208px;
    height: 67px;
    position: absolute;
    right: 0px;
    bottom: 34px;
    background: url("../images/standorte/bewerte-uns.png");
    background-size: 208px 67px
}

section.standorte .rate-us p {
    margin-top: 10px
}

section.standorte .rate-us .rate-us-google {
    display: inline-block;
    text-indent: -9999em;
    width: 65px;
    height: 21px;
    background: url("../images/standorte/google-2015-logo.png");
    background-size: 65px 21px
}

section.standorte .rate-us .rate-us-tripadvisor {
    display: inline-block;
    text-indent: -9999em;
    width: 80px;
    height: 16px;
    pargin-top: 3px;
    background: url("../images/standorte/tripavisor-logo.png");
    background-size: 80px 16px;
    position: relative;
    top: 3px;
    left: 10px
}

@media screen and (max-width: 930px) {
    section.standorte .rate-us {
        bottom: 15px
    }
}

section.standorte .show-small {
    display: none
}

@media screen {
    section.standorte .image, section.standorte .mapslink {
        width: 50%
    }
}

@media screen and (max-width: 736px) {
    section.standorte .hide-small {
        display: none
    }

    section.standorte .show-small {
        display: block
    }

    section.standorte .standort {
        height: auto
    }

    section.standorte .inner {
        padding-top: 0px
    }

    section.standorte .image, section.standorte .mapslink {
        position: static;
        right: auto;
        left: auto;
        height: 300px;
        width: 100%
    }
}

#content {
    padding-top: 125px
}

.frontpage #content {
    padding-top: 0px
}

#header {
    cursor: default;
    z-index: 10100;
    height: 75px;
    width: 930px;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -465px;
    background-color: #fff;
    border-bottom: 2px solid #333
}

@media screen and (max-width: 930px) {
    #header {
        width: 100%;
        left: inherit;
        margin-left: auto
    }
}

#header > div {
    border-bottom: 1px solid #333;
    height: 71px
}

#header #logo {
    padding-top: 10px
}

#header #logo a {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    display: block;
    background: url("../images/blueorange-logo-bildmarke.svg") no-repeat center center;
    background-size: 55px 55px;
    text-indent: -1000em
}

#header ul.nav {
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    left: 0;
    top: 38%;
    text-align: center
}

#header ul.nav li {
    padding-left: 0;
    float: right
}

#header ul.nav a {
    color: #000;
    text-decoration: none;
    display: block;
    margin: 3px
}

#header ul.nav a.nav-back {
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    background: url("../images/blue-orange-website-icons_zurueck-pfeil@2x.png") no-repeat 15px 3px;
    background-size: 22px 13px;
    padding-left: 50px
}

.frontpage #header ul.nav {
    display: none
}

.nav .nav-facebook {
    background: url("http://placehold.it/15x15/000000/ffffff") no-repeat center;
    display: block;
    text-indent: -9000px;
    width: 15px;
    height: 15px
}

.nav .nav-catering {
    background: url("http://placehold.it/15x15/000000/ffffff") no-repeat left;
    height: 15px;
    padding-left: 18px
}

#main {
    padding: 4em 0 4em 0
}

@media screen and (max-width: 736px) {
    #main {
        padding: 3em 0 3em 0
    }
}

#footer {
    width: 930px;
    height: 40px;
    font-size: 0.875em;
    font-family: ZapfElliptical711BT-Bold, Helvetica, sans-serif;
    position: absolute;
    left: 50%;
    margin-left: -465px;
    border-top: 1px solid #333;
    padding-top: 2px
}

@media screen and (max-width: 930px) {
    #footer {
        width: 100%;
        left: inherit;
        margin-left: auto
    }
}

#footer > div {
    border-top: 2px solid #333;
    height: 40px
}

#footer ul {
    padding-left: 10px;
    padding-top: 10px
}

#footer ul li {
    display: inline-block;
    padding-right: 10px
}

#footer .instagram,
#footer .facebook {
    float: right;
}

#footer .nav-facebook {
    background: url("../images/facebook-icon.png") no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: block;
    margin-top: -2px;
    text-indent: -9999em;
    transition: all 0.2s ease-in-out;
}

#footer .nav-instagram {
    background: url("../images/instagram-icon.png") no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: block;
    margin-top: -2px;
    text-indent: -9999em;
    transition: all 0.2s ease-in-out;
}

#footer .nav-instagram:hover,
#footer .nav-facebook:hover {
    transform: scale(1.2);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 28px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 28px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9)
}

.flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0 0;
    line-height: 1;
    height: 28px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #f3f3f3
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #ef7c00;
    border-color: #ef7c00
}

/*# sourceMappingURL=main.css.map */
