/*@import url("//hello.myfonts.net/count/3c3e8b");*/

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-MdIt/font.woff2') format('woff2'), url('../webfonts/Landa-MdIt/font.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-SmBdIt/font.woff2') format('woff2'), url('../webfonts/Landa-SmBdIt/font.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-BlkIt/font.woff2') format('woff2'), url('../webfonts/Landa-BlkIt/font.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-BdIt/font.woff2') format('woff2'), url('../webfonts/Landa-BdIt/font.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-ExBdIt/font.woff2') format('woff2'), url('../webfonts/Landa-ExBdIt/font.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa/font.woff2') format('woff2'), url('../webfonts/Landa/font.woff') format('woff');
    font-weight: 400;
}


@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-It/font.woff2') format('woff2'), url('../webfonts/Landa-It/font.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-Md/font.woff2') format('woff2'), url('../webfonts/Landa-Md/font.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-SmBd/font.woff2') format('woff2'), url('../webfonts/Landa-SmBd/font.woff') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-Bd/font.woff2') format('woff2'), url('../webfonts/Landa-Bd/font.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-ExBd/font.woff2') format('woff2'), url('../webfonts/Landa-ExBd/font.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'Landa';
    src: url('../webfonts/Landa-Blk/font.woff2') format('woff2'), url('../webfonts/Landa-Blk/font.woff') format('woff');
    font-weight: 900;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_0_0.eot');
    src: url('../webfonts/369A63_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_0_0.woff2') format('woff2'), url('../webfonts/369A63_0_0.woff') format('woff'), url('../webfonts/369A63_0_0.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_1_0.eot');
    src: url('../webfonts/369A63_1_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_1_0.woff2') format('woff2'), url('../webfonts/369A63_1_0.woff') format('woff'), url('../webfonts/369A63_1_0.ttf') format('truetype');
    font-weight: 200;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_2_0.eot');
    src: url('../webfonts/369A63_2_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_2_0.woff2') format('woff2'), url('../webfonts/369A63_2_0.woff') format('woff'), url('../webfonts/369A63_2_0.ttf') format('truetype');
    font-weight: 100;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_3_0.eot');
    src: url('../webfonts/369A63_3_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_3_0.woff2') format('woff2'), url('../webfonts/369A63_3_0.woff') format('woff'), url('../webfonts/369A63_3_0.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_4_0.eot');
    src: url('../webfonts/369A63_4_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_4_0.woff2') format('woff2'), url('../webfonts/369A63_4_0.woff') format('woff'), url('../webfonts/369A63_4_0.ttf') format('truetype');
    font-weight: 300;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_5_0.eot');
    src: url('../webfonts/369A63_5_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_5_0.woff2') format('woff2'), url('../webfonts/369A63_5_0.woff') format('woff'), url('../webfonts/369A63_5_0.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_6_0.eot');
    src: url('../webfonts/369A63_6_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_6_0.woff2') format('woff2'), url('../webfonts/369A63_6_0.woff') format('woff'), url('../webfonts/369A63_6_0.ttf') format('truetype');
    font-weight: 400;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_7_0.eot');
    src: url('../webfonts/369A63_7_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_7_0.woff2') format('woff2'), url('../webfonts/369A63_7_0.woff') format('woff'), url('../webfonts/369A63_7_0.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_8_0.eot');
    src: url('../webfonts/369A63_8_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_8_0.woff2') format('woff2'), url('../webfonts/369A63_8_0.woff') format('woff'), url('../webfonts/369A63_8_0.ttf') format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_9_0.eot');
    src: url('../webfonts/369A63_9_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_9_0.woff2') format('woff2'), url('../webfonts/369A63_9_0.woff') format('woff'), url('../webfonts/369A63_9_0.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_A_0.eot');
    src: url('../webfonts/369A63_A_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_A_0.woff2') format('woff2'), url('../webfonts/369A63_A_0.woff') format('woff'), url('../webfonts/369A63_A_0.ttf') format('truetype');
    font-weight: 600;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_B_0.eot');
    src: url('../webfonts/369A63_B_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_B_0.woff2') format('woff2'), url('../webfonts/369A63_B_0.woff') format('woff'), url('../webfonts/369A63_B_0.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_C_0.eot');
    src: url('../webfonts/369A63_C_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_C_0.woff2') format('woff2'), url('../webfonts/369A63_C_0.woff') format('woff'), url('../webfonts/369A63_C_0.ttf') format('truetype');
    font-weight: 700;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_D_0.eot');
    src: url('../webfonts/369A63_D_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_D_0.woff2') format('woff2'), url('../webfonts/369A63_D_0.woff') format('woff'), url('../webfonts/369A63_D_0.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_E_0.eot');
    src: url('../webfonts/369A63_E_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_E_0.woff2') format('woff2'), url('../webfonts/369A63_E_0.woff') format('woff'), url('../webfonts/369A63_E_0.ttf') format('truetype');
    font-weight: 900;
}


@font-face {
    font-family: 'Neue Haas Grotesk DS Pro';
    src: url('../webfonts/369A63_F_0.eot');
    src: url('../webfonts/369A63_F_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_F_0.woff2') format('woff2'), url('../webfonts/369A63_F_0.woff') format('woff'), url('../webfonts/369A63_F_0.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_10_0.eot');
    src: url('../webfonts/369A63_10_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_10_0.woff2') format('woff2'), url('../webfonts/369A63_10_0.woff') format('woff'), url('../webfonts/369A63_10_0.ttf') format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_11_0.eot');
    src: url('../webfonts/369A63_11_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_11_0.woff2') format('woff2'), url('../webfonts/369A63_11_0.woff') format('woff'), url('../webfonts/369A63_11_0.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_12_0.eot');
    src: url('../webfonts/369A63_12_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_12_0.woff2') format('woff2'), url('../webfonts/369A63_12_0.woff') format('woff'), url('../webfonts/369A63_12_0.ttf') format('truetype');
    font-weight: 600;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_13_0.eot');
    src: url('../webfonts/369A63_13_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_13_0.woff2') format('woff2'), url('../webfonts/369A63_13_0.woff') format('woff'), url('../webfonts/369A63_13_0.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_14_0.eot');
    src: url('../webfonts/369A63_14_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_14_0.woff2') format('woff2'), url('../webfonts/369A63_14_0.woff') format('woff'), url('../webfonts/369A63_14_0.ttf') format('truetype');
    font-weight: 700;
}


@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../webfonts/369A63_15_0.eot');
    src: url('../webfonts/369A63_15_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/369A63_15_0.woff2') format('woff2'), url('../webfonts/369A63_15_0.woff') format('woff'), url('../webfonts/369A63_15_0.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1;
    background: #F4EEE4;
    /*
    background-image: url("himmel/background.jpg");
    background-size: 1920px;
     */
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
    display: block;
}

nav ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

blockquote, q {
    quotes: none;
}

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

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

mark {
    background: none;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #4A4F54;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    line-height: inherit;
    font-variant: inherit;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d0d0d0;
    margin: 1em 0;
    padding: 0;
}

input, select, a img {
    vertical-align: middle;
}

div.readonly {
    border-style: dashed;
}

.readonly input {
    color: #9d9d9d;
}

.noscrollbar::-webkit-scrollbar {
    display: none
}

[dia] {
    cursor: pointer
}

#toTop {
    display: none
}

.admin_kasten {
    border: 1px solid #F781F3;
    background: rgba(247, 129, 243, 0.2);
    padding: 20px;
}

.beim_Kunden {
    border: 1px solid #cd0000;
    background: rgba(205, 0, 0, 0.2);
    padding: 20px;
}

.im_Lager {
    border: 1px solid #9A9E5B;
    background: rgba(154, 158, 91, 0.2);
    padding: 20px;
}

.wrapper {
    position: relative
}

*[contenteditable] {
    -webkit-user-select: auto !important
}

html, body {
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    /*noinspection CssOverwrittenProperties*/
    font-size: 100.001%;
    /*noinspection CssOverwrittenProperties*/
    font-size: 1em;
    line-height: 1.5em;
    -webkit-text-size-adjust: none;
    width: 100%;
}

.wrapper .padding * {
    font-family: 'Neue Haas Grotesk Text Pro', serif;
}

pre, pre * {
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

pre a {
    text-decoration: underline;
}

#appname, h1, h2, h3, h4, .wrapper .padding a#appname, .wrapper .padding h1, .padding h1, .wrapper .padding h2, .padding h2, .wrapper .padding h3, .padding h3, .padding h4 {
    font-family: 'Landa', serif;

}

#appname {
    border-bottom-color: white;
}

#appname .shopname:before {
    background: url('himmel/logo_mobile.svg') no-repeat;
    left: 0;
    top: 0;
    content: " ";
    width: 50px;
    height: 50px;
    background-size: 50px;
    position: absolute;
}

#appname .shopname {
    position: relative;
    padding-left: 60px;
    color: #4A4F54;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Landa', serif;
    padding-top: 15px;
}

#appname .shopname span {
    font-family: 'Landa', serif;
    font-weight: 100;
    color: #9A9E5B;
}

html body {
    font-size: 14px;
    color: #4A4F54;
    font-weight: 500;
}

body, html {

}

@-ms-viewport {
    /*noinspection CssInvalidPropertyValue*/
    width: device-width;
}

#body_wrapper {

    box-sizing: border-box;
    position: relative;
}

/*
background: url("bgapp.png");
 */

.scroll {

}

#appname {
    color: #cbc1a9;
    font-size: 1.5em;
    font-weight: bold;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

#app {
    color: white;
    margin-top: -40px;
    background-size: cover;
    /*noinspection CssUnknownTarget*/
    background: url('body_default.jpg') center bottom;
    position: relative;
}

#app h1 {
    font-size: 40px;
    position: absolute;
    bottom: 30%;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 70px;
    text-shadow: 0 0 2px #4A4F54;
}

h1 .slogan {
    font-style: italic;
    font-weight: 100;
    font-size: 14px;
}

#app .wrapper, #app .padding {
    height: 100%;
    text-align: center;
}

#app a#login, #app a#register {
    position: absolute;
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid white;
    color: white;
    border-radius: 2px;
}

.margin20 {
    margin-left: 20px;
    margin-right: 20px;
}

#app a#login {
    top: 40px;
    right: 20px;
}

#app a#register {
    bottom: 30%;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}

.inhalt {
}


h1 i, h2 i, h3 i, h4 i, h5 i, h4 i {
    font-weight: 500;
    font-size: 12px;
}

h1, h2 {
    padding-top: 0.25em;
    padding-bottom: 0.75em;
}

#ueberschrift_und_info h1 {
    padding-bottom: 0.55em;
    overflow: hidden;
}

h1, h2, h3, h4 {
    color: #9A9E5B;
}

h1 {
    font-size: 45px;
    font-weight: 900;
}

h1 div:last-of-type {
    padding-right: 15px;
}

h2 {
    font-size: 35px;
    line-height: 38px;
}

h3 {
    font-size: 28px;
    margin-bottom: 0.2em;
}

h4 {
    font-size: 24px;
    margin-bottom: 0.2em;
}

h3.blue {
    border-bottom: 2px solid #cbc1a9;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 5px;
}

h3.blue.kunde {
    border-color: #4A4F54;
}

h5 {
    margin: 0.5em 0 0.4em;
}

@media (max-width: 767px) {
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3, h4 {
        font-size: 1.1em;
    }
}

p {
    margin-bottom: 1em;
}

a, .a {
    color: #4D97D6;
    text-decoration: none;
    border-bottom: 1px solid #4D97D6;
}

a.googlelink {
    display: block;
    text-align: center;
    background: #1a73e8;
    color: white;
    border: 4px;
    padding: 8px 16px;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.mbsc-calendar a {
    border-bottom: 0 none;
}


h1 a, h2 a, h3 a, h4 a, h5 a {
    font: inherit !important;
    color: inherit !important;
    border-bottom-color: rgb(154, 158, 91) !important;

}

tr[onclick] * {

    text-decoration: none;
}

.wrapper {
    width: 1580px;
    margin: 0 auto;
}

@media (max-width: 1620px) {
    .wrapper {
        width: 100%;
        margin: 0;
    }
}

@media (min-width: 800px) {
    .wrapper {
        scrollbar-gutter: stable both-edges;
    }
}

.padding {
    padding: 10px 10px 20px 10px;
}

form {
    margin: 0;
    padding: 0;
}

form h2, form h3 {
    margin-top: 30px;
}

.login {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    margin-top: 250px;
    border: 1px solid #d0d0d0;
    background-color: #F8F8F8;
    border-radius: 3px;
}

.login .padding {
    padding: 15px 40px 40px;
}

.login .logo {
    position: absolute;
    z-index: 1;
    margin-top: -60px;
    right: 60px;
    width: 40px;
    margin-left: -30px;
    height: 80px;
    background-color: #cbc1a9;
}

.login .logo:before {
    top: 0;
    z-index: 1;
    right: -20px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom-color: #C9D7E6;
    border-left-color: #C9D7E6;
    margin-left: -10px;
}

.login .logo:after {
    z-index: 1;
    top: 20px;
    right: -20px;
    border: solid transparent;
    content: " ";
    height: 54px;
    width: 20px;
    position: absolute;
    pointer-events: none;
    background-color: #cbc1a9;
}

label {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no_user_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label .label, label .titel, .radiotitel {
    margin-bottom: 5px;
}

label .text, label .beschreibung {
    height: 0;
    overflow: hidden;
    color: #4A4F54;
    font-size: 0.85em;
    margin-top: -5px;
    margin-bottom: 5px;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
}

label .beschreibung:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    content: "i";
    border-radius: 20px;
    color: white;
    background-color: #cbc1a9;
}

.login .logo .kunde {
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 10px;
    width: 20px;
    height: 10px;
    background-color: rgba(255, 255, 255, .25);
}

.login .logo .betreff {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 10px;
    width: 40px;
    height: 5px;
    background-color: rgba(255, 255, 255, .25);
}

.login .logo .text {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 10px;
    width: 40px;
    height: 30px;
    background-color: rgba(255, 255, 255, .25);
}

.login hr {
    margin: 30px -40px 20px;
    border: 0 none;
    background-color: #d0d0d0;
}

.input {
    border: 1px solid #EBE7E0;
    background-color: #FFFFFF;
    padding: 8px 12px;
    margin-bottom: 10px;
}

.input input {
    text-align: inherit;
    min-height: 1em;
    height: 1.5em;
    padding: 0;
}

.input.datum {
    width: 120px;
}

.xtax, .tax {
    display: inline-block;
}

.xtax {
    padding-right: 20px;
}

.xtax .input {
    width: 60px;
}

.tax .input {
    width: 120px;
}

.fileLabel {
    border: 1px solid #EBE7E0;
    border-radius: 2px;
    padding: 8px 12px;
    height: 23px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

.search, .input.search {
    position: relative;
    padding-left: 45px;
}

.search:after {
    position: absolute;
    content: "";
    left: 12px;
    top: 7px;
    width: 1.5em;
    height: 1.5em;
    background: red;
    background: url('himmel/suche.svg');
}

.input.red, .fileLabel.red {
    border-color: #F44336;
}

.input.green, .fileLabel.green {
    border-color: #cbc1a9;
}

.input.active {
    border-color: #9A9E5B;
    outline: 0;
    background-color: #FFFFFF;
}

.select {
    border: 1px solid #EBE7E0;
    background-color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 2px;
    margin-bottom: 10px;

}

.select.likealink {
    border: 1px solid #EBE7E0;
    background-color: #FFFFFF;
}

.select.likealink select {
    color: #cbc1a9;
}

.select.likealink:after {
    display: none;
}

.select select {
    position: relative;
    z-index: 3;
    padding-right: 3em;
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
}

.suchergebnisse {
    background: white;
    border-bottom: 1px solid #9A9E5B;
    border-left: 1px solid #9A9E5B;
    border-right: 1px solid #9A9E5B;
    padding-top: 15px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.suchergebnisse .option {
    padding-left: 45px;
    padding-top: 5px;
}

.suchergebnisse .option a {
    border-bottom: 0 none;
    color: #9A9E5B;
}

.defaultfile {
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    margin-bottom: 10px;
    max-height: 300px;

}

input, select, textarea {
    position: relative;
    width: 100%;
    margin: 0;
    border: none;
    zoom: 1;
    background: transparent;
    outline: none;
    color: #4b463e;
    font-size: inherit;
}

textarea {
    height: 50px;
}

input[type=file] {
    float: left;
    width: auto;
    margin-top: 3px;
    /*display: none;*/
}

input[type=submit] {
    color: inherit;
    cursor: pointer;
    zoom: 1;
}

/*
.submit {
	padding: 5px 10px;
	background-color: #cbc1a9;
	margin-bottom: 10px;
}

.submit {
	margin-top: 30px;
	position: relative;
	background-color: #cbc1a9;
}

.submit:before {
	top: 0;
	z-index: 1;
	right: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #C9D7E6;
	border-left-color: #C9D7E6;
	border-width: 7px;
	margin-left: -7px;
}

.submit:after {
	top: 0;
	z-index: 1;
	right: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: white;
	border-right-color: white;
	border-width: 7px;
	margin-left: -7px;
}

.submit:hover:after {
	border-width: 9px;
	margin-left: -9px;
}
.submit:hover:before {
	border-width: 9px;
	margin-left: -9px;
}
*/

/*
.bestellbutton {
    color: #f0c36d;
    border-bottom-color: #f0c36d;
}

 */

.hinweis {
    position: relative;
    background-color: #f9edbe;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #f0c36d;
    box-sizing: border-box;
}

.hinweis:after, .hinweis:before {
    bottom: 100%;
    left: 20px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px rgba(0, 0, 0, 0);
    border-bottom-color: #f9edbe;
    margin-left: -10px;
}

.hinweis:before {
    left: 20px;
    border-bottom-color: #f0c36d;
    border-width: 11px;
    margin-left: -11px;
}

.l10.hinweis:before, .l10.hinweis:after {
    left: 10%;
}

.l20.hinweis:before, .l20.hinweis:after {
    left: 20%;
}

.l30.hinweis:before, .l30.hinweis:after {
    left: 30%;
}

.l40.hinweis:before, .l40.hinweis:after {
    left: 40%;
}

.l50.hinweis:before, .l50.hinweis:after {
    left: 50%;
}

.l60.hinweis:before, .l60.hinweis:after {
    left: 60%;
}

.l65.hinweis:before, .l65.hinweis:after {
    left: 65%;
}

.l70.hinweis:before, .l70.hinweis:after {
    left: 70%;
}

.l80.hinweis:before, .l80.hinweis:after {
    left: 80%;
}

.l90.hinweis:before, .l90.hinweis:after {
    left: 90%;
}

.hinweis.red {
    border-color: #F44336;
    background-color: #F44336;
    color: white;
}

.hinweis.red:after {
    border-bottom-color: #F44336;
}

.hinweis.red:before {
    border-bottom-color: #F44336;
}

.hinweis.green {
    border-color: #cbc1a9;
    background-color: rgba(203, 193, 169, 0.11);
}

.hinweis.green:after {
    border-bottom-color: #cbc1a9;
}

.hinweis.green:before {
    border-bottom-color: #cbc1a9;
}

body {

}

.topmenu {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.topmenu .top {
    background: #4A4F54;
    height: 35px;
}

.topmenu .top .padding {
    padding-top: 2px;
    padding-bottom: 2px;
}

.topmenu .middle {
    background: #FFFFFF;
    height: 50px;
    color: #4A4F54;
}

.topmenu .middle .hauptmenu {
    font-family: 'Landa', serif;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 400;

}

.topmenu .middle .hauptmenu a {
    font-family: 'Landa', serif;
    border-bottom: 0 none;
    margin-right: 20px;
}


@media (min-width: 768px) {
    .topmenu .middle .hauptmenu a.desktoplast {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .topmenu .middle .hauptmenu a.desktoplast {
        margin-right: 20px;
    }

}

.topmenu .bottom {
    height: 33px;
    background: url("himmel/papierkante_oben.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}


.topmenu .top a {
    color: white;
}

@media (min-width: 1024px) {
    .topmenu {
    }

    .topmenu_placeholder {
        height: 0;
    }
}

.topmenu .top .select, .topmenu .top .item {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
}

.topmenu .top .item, .topmenu .top .item b {
    height: 35px;
    line-height: 35px;
}

.topmenu .top .item {
    padding: 0 5px 0 0;
}

.topmenu .top .right {
    display: inline-block;
    float: right;
}

.topmenu .top .select {
    background-color: transparent;
    border-color: transparent;
}

.topmenu .top .select:after {
    border-top-color: white;
}

.topmenu .top .select select {
}

@media (max-width: 1020px) {
    .topmenu .top .select, .topmenu .top .item {
        display: block;
        margin: 0;
    }

    .topmenu .top .select {
        padding-left: 5px;
    }

    .topmenu .top .item {
        padding-left: 0;
    }

    .topmenu .top .right {
        float: none;
    }
}

.menubutton {
    position: relative;
    font-size: 12px;
}

.topmenu .top .menubutton img {
    float: right;
    margin-left: 0;
    margin-right: 0;
    height: 12px;
    width: 16px;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 6px 6px;
    border-radius: 2px;
}

#appnamewrapperimg {
    padding-top: 5px;
}

.hauptmenu .aktiv {
    color: #9A9E5B !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #9A9E5B !important;
}

.tophinweis {
    color: #4b463e;
    z-index: 100 !important;
    position: relative;
    border-bottom: 1px solid #9A9E5B;
    background: white;
}

.tophinweis a, .tophinweis a.bluelink {
    color: inherit;
    text-decoration: underline;
    border-bottom: 0 none;
}

.toperfolg {
    background-color: rgba(203, 193, 169, 0.11);
    color: #4b463e;
    border-bottom: 1px solid rgba(203, 193, 169, 0.11);
}

.topalert {
    margin-top: 20px;
    background-color: #f9edbe;
    color: #4b463e;
    border: 1px solid #f0c36d;
}

.topfehler {
    background-color: #F1F1F1;
    color: #4b463e;
    border-bottom: 1px solid #d0d0d0;
}

.tophinweis .padding, .toperfolg .padding, .topalert .padding, .topfehler .padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.topalert .padding {
    padding: 10px 15px 13px 15px !important;
}

.topmenu .logo {
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    background-color: white;
    margin-right: 10px;
}

.topmenu {
    zoom: 1;
}

.topmenu a, .tophinweis a {
    font: inherit;
    color: inherit;
}

.fusszeile {
    background-color: white;
    border-top: 2px solid rgba(203, 193, 169, 0.93);
}

.fusszeile .item {
    padding: 5px;
}

.fusszeile .right {
    float: right;
}

@media (max-width: 1020px) {
    .fusszeile .right {
        float: none;
    }
}

.inhalt .wrapper {
    position: relative;
}

.menuopenclose {
    position: absolute;
    top: 20px;
    right: 0;
    width: 330px;
    background-color: #F1F1F1;
}

.menu {
    color: #4b463e;
    background-color: #F1F1F1;
}

.box {
    position: relative;
    background-color: #F1F1F1;
    color: #4b463e;
    overflow: visible;
}

.menu:before, .box:before {
    top: 0;
    z-index: 1;
    right: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom-color: rgba(255, 255, 255, .5);
    border-left-color: rgba(255, 255, 255, .5);
    margin-left: -10px;
}

.msie .menu:before, .msie .box:before {
    border-bottom-color: #efefef;
    border-left-color: #efefef;
}

.menu:after, .box:after {
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    z-index: 1;
    content: " ";
    position: absolute;
    pointer-events: none;
    border: 10px solid white;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    margin-left: -10px;
}

.menu h3, .box h3 {
    margin-top: 0.25em;
    font-size: 1.25em;
    margin-bottom: 1em;
}

.box h3 {
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.menu h4, .box h4 {
    font-size: 1em;
    margin-top: 0.75em;
    margin-bottom: 0.2em;
}

.menu a {
    display: block;
    font: inherit;
    color: #4b463e;
}

a.bluelink {
    color: #4b463e;
}

.menu a:before {
    content: "› ";
}

/*

a.button, .button {
	display: block;
	cursor: pointer;
	position: relative;
	background-color: #cbc1a9;
	color: white;
	padding: 10px;
	margin-bottom: 10px;
	padding-right: 30px;
	padding-left: 20px;
}

a.button:before, .button:before {
	content: "";
}

a.button:before, .button:before {
	top: 0;
	z-index: 1;
	right: 0%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(255, 255, 255, .75);
	border-left-color: rgba(255, 255, 255, .75);
	border-width: 6px;
	margin-left: -6px;
}

a.button:after, .button:after {
	top: 0;
	z-index: 1;
	right: 0%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: white;
	border-right-color: white;
	border-width: 6px;
	margin-left: -6px;
}

.menu a.button:after, .box a.button:after {
	border-top-color: #F1F1F1;
	border-right-color: #F1F1F1;
}

a.button:hover:after, a.button:hover:before, .button:hover:after, .button:hover:before {
	border-width: 8px;
	margin-left: -8px;
}

*/

.button.green {
    background-color: rgba(203, 193, 169, 1);
}

a.buttonlink, .buttonlink, a.button, .submit, .submit.invert {

    box-sizing: border-box;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 12px;
    margin-top: 5px;
    color: #9A9E5B;
    border: 5px solid #9A9E5B;
    border-image: url('himmel/button_border_large.svg') 5 5;
    position: relative;
    z-index: 2;
    cursor: pointer;
}


a.buttonlink:before, .buttonlink:before, a.button:before, .submit:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
}


@media (max-width: 767px) {
    a.buttonlink, .buttonlink, .submit {
        display: block;
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-top: 10px;
        margin-bottom: 5px;
    }
}

.buttonlink.admin {
    background: #F781F3;
    color: white !important;
    border: 0 none !important;
}

.god a {
    color: #F78000;
}

.admin a {
    color: #F781F3;
}

a.buttonlink.admin, span a.buttonlink.admin {
    color: white !important;
}

.buttonlink.green, .buttonlink.cta, .submit {
    border-image: url('himmel/button_ground_large.svg') 5 5;
    color: white;
}

.buttonlink.green:before, .buttonlink.cta:before, .submit:before {
    background: #9A9E5B;
}

.submit.invert:before {
    display: none;
}

h4 {
    font-family: 'Neue Haas Grotesk Text Pro', serif;
}

.popupfoto {
    margin: -10px -10px 18px;
    width: calc(100% + 20px);
}

.submitwrapper .submit.invert {
    display: none;
}

.submitwrapper .submit {
    float: none;
    width: 100%;
}

#popup_window .submitwrapper .submit {
    float: right;
    width: 65% !important;
}

#popup_window .submitwrapper .submit.invert {
    display: inline-block;
    float: left;
    width: 30% !important;
}

@media (max-width: 400px) {
    #popup_window .submitwrapper .submit.invert, #popup_window .submitwrapper .submit {
        width: 100% !important;
    }
}


#popup_window .submit {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}


.submit input {
    padding: 0;
}

select {
    position: relative;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*noinspection CssUnknownProperty*/
    appearance: none;
    cursor: pointer;
    font: inherit;
    width: 100%;
    margin: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right center;
    color: #4b463e;
}

.msie .select:after {
    display: none;
}

.firefox select {
    width: 110%;
}

.firefox select {
    width: 110%;
}

select option {
    padding: 5px 15px;
    white-space: normal;
    font-weight: 500;
}

/*noinspection CssInvalidPseudoSelector*/
.select select option:checked, .select select:-internal-list-box option:checked {
    background-color: rgba(54, 158, 91, .4) !important;
}

.select {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    padding-right: 0;
    box-sizing: content-box;
}

.select.multiple {
    padding-right: 15px;
}

.select.multiple select {
    padding-right: 0;
}

.chrome .select {
    padding-bottom: 8px;
}

.firefox .select {
    border-right: 1px solid #d0d0d0;
    padding: 1px 7px 2px;
}

.select:before {
    content: "";
    right: 0;
    top: 0;
    border-left: 1px solid #EBE7E0;
    position: absolute;
    width: 40px;
    height: 100%;
}

.select.active:before {
    border-left: 1px solid #9A9E5B;
}

.select.multiple:before {
    display: none;
}

.select:after {
    top: 15px;
    right: 10px;
    z-index: 2;
    content: " ";
    height: 20px;
    width: 20px;
    background-size: 20px;
    position: absolute;
    background: url("himmel/pfeil_unten.svg") no-repeat;
}

.select.multiple:after {
    display: none;
}

.content {
    position: relative;
    top: 0;
}

.conpadding {
}

.footer {
    background-color: #4A4F54;
    padding-top: 100px;
    margin-top: 50px;
    position: relative;
    z-index: 999;

}

.footer:before {
    content: " ";
    top: -20px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 20px;

    background: url("himmel/papierkante_unten.svg") repeat-x top left;
    background-size: 100%;
}

.footer * {
    color: white !important;
    vertical-align: middle;
}

.footer a:not(.buttonlink) {
    border-bottom: 1px solid white;
}

.footer a.imagelink {
    border-bottom: 0 none;
}


.footerbox {
    display: inline-block;
    min-width: 300px;
    margin-right: 20px;
    vertical-align: top;
}

.footerbox img {
    padding-right: 60px;
}


.footer .clearbox {
    clear: both;
    padding-top: 100px;
    position: relative;
    min-height: 50px;
}

.footer .menuleft {
    position: absolute;
    left: 0;
    top: 100px;
}

.footer .menuleft a {
    margin-right: 40px;

}

.footer .menuright {
    position: absolute;
    right: 0;
    top: 100px;
}

.footer .menuright img {
    margin-left: 20px;
}

.footer .menuright, .footer .menuleft {
    line-height: 29px;
    font-size: 12px;

}

.footer a.buttonlink {
    border-image: url("himmel/button_border_large_white.svg") 5 5;
}


@media (max-width: 1023px) {

    .footer .hideonmobile {
        display: none;
    }

    .footer .showonmobile {
        display: block;
    }

    .footerbox img {
        padding-right: 0;
        margin: 0 auto;
    }

    .footerbox, .footerbox > div {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-top: 0;
        margin-right: 0;
    }

    .footer .menuleft, .footer .menuright {
        position: static;
        top: auto;
        left: auto;;
        text-align: center;
    }

    .footer .menuleft a, .footer .menuright a {
        display: block;
        margin-right: 0;
        border-bottom: 0 none;
    }

    .footer .clearbox {
        padding-top: 50px;
    }

    .footer .menuright {
        margin-top: 50px;
    }

    .footer .menuright img {

        float: none !important;
        margin: 10px;
    }

}

@media (max-width: 767px) {

    .footer a.buttonlink {
        display: inline-block;
    }
}

body.chrome {
    position: relative;
}

body.startseite .footer {
    display: none;
}

table.liste {
    border: 1px solid #F1F1F1;
    width: 100%;
}

table.liste thead, table.liste tfoot {
    font-weight: bold;
    background-color: #F1F1F1;
}

table.liste tr {
    margin: 0;
}

table.liste tr td {
    margin: 0;
    padding: 5px 10px;
}

input[type=checkbox], input[type=radio] {
    display: none;
}

.checkbox, .radio {
    position: relative;
    margin-bottom: 10px;
}

.radio:hover {
    background-color: rgba(203, 193, 169, 0.05);
}

.checkbox .label, .radio .label {
    margin-bottom: 5px;
}

.checkbox .value, .radio .value {
    margin-left: 40px;
}

.radio .value {
    padding-top: 1px;
}

.squaredThree {
    position: absolute;
    left: 0;
    top: -2px;
    padding: 0;
    width: 40px;
    margin: 0.2em 0 0;
}

label .squaredThree div.hinweis:after, label .squaredThree div.hinweis:before {
    bottom: 100%;
    left: 11px;
}

.squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    background-color: #F8F8F8;
}

.radio .squaredThree label {
    border-radius: 20px;
}

.checkbox .squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 20px;
    height: 7px;
    background: transparent;
    top: -1px;
    left: 4px;
    border: 2px solid #4b463e;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.radio .squaredThree label:before, .radio .squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    left: 3px;
    top: 3px;
    background-color: #cbc1a9;
}

.squaredThree label:hover::after, label:hover .squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree label a.floatoption:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.radio .squaredThree label:hover::before, label:hover .radio .squaredThree label:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after, .squaredThree input[type=radio]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.squaredThree input[type=radio]:checked + label:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.jslabels .checkbox .squaredThree label {
    border-radius: 0;
    top: 3px;
    width: 14px;
    height: 14px;
}

.jslabels .checkbox .squaredThree input[type=checkbox]:checked + label {
    background-color: #9A9E5B !important;
}

.jslabels .checkbox .value, .radio .value {
    margin-left: 25px;
}

.jslabels .checkbox .squaredThree label:after {
    width: 8px;
    height: 3px;
    top: 5px;
    left: 3px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-left-color: #ffffff;
    border-bottom-color: #ffffff;
}

.radio .small, .checkbox .small {
    padding-top: 10px;
}

.listtitel, .listview {
    padding: 10px;
}

.listview:hover {

}

.listtitel {
    font-weight: bold;
    background: #F1F1F1;
}

.listview {
    border-bottom: 1px solid #d0d0d0;
}

.anfrage_kunde, .listview.kunde a {
    color: #4A4F54;
}

.listview.last {
    border-bottom: 0 none;
    font-weight: bold;
}

.listview span.details {
    color: #AAA;
    padding-left: 10px;
}

.listview.archiv a {
    color: grey;
}

.button.left {
    float: left;
}

.button.right {
    float: right;
}

.email {
    margin: 0 0 0 330px;
    border: 1px solid #d0d0d0;
}

.email_header {
    position: relative;
    padding: 1em;
    background-color: #F1F1F1;
    border-bottom: 1px solid #d0d0d0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbfa), color-stop(100%, #F1F1F1));
}

.email .circle {
    position: absolute;
    top: 0.6em;
    margin-top: -1px;
    width: 0.8em;
    height: 0.8em;
    border-radius: 1em;
    border: 1px solid #d0d0d0;
    display: inline-block;
    margin-right: 5px;
}

.email_felder {
    margin-top: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #d0d0d0;
}

.email_table tr td {
    vertical-align: middle;
    padding: 10px;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.email_input {
    background-color: white;
    border: 1px solid #d0d0d0;
    padding: 5px 10px;
}

.email_input.active {
    background-color: #f9edbe;
    border-color: #f0c36d;
}

.emailroom:hover {
    cursor: pointer;
    background-color: #efefef;
}

.popup_close {
    font-size: 30px;
    z-index: 9;
    position: absolute;
    right: -40px;
    top: 0;
    border-bottom: 0 none;
    width: 20px;
    height: 20px;
    background-size: 20px;
    color: white;
}

@media (max-width: 768px) {
    .popup_close {
        right: 20px;
        color: #4A4F54;
        top: 20px;
        border-radius: 50px;
    }
}

.togglefiltertitel {
    position: relative;
    display: none;
}

.close {
    font-size: 30px;
    z-index: 9;
    position: absolute;
    border-bottom: 0 none;
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: 10px;
    color: #4A4F54;
    top: 10px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50px;
}

#popup_frame, #neu_frame, #support {
    position: fixed;
    background-color: rgba(0, 0, 0, .52);
    height: 100vh;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    width: 100% !important;
    overflow: auto !important;
}

#menu_frame {
    position: fixed;
    display: none;
    z-index: 1000;
    top: 35px;
    max-height: calc(100vh - 35px);
    overflow-y: auto;
    overflow-x: hidden;

}


@media (max-width: 767px) {
    #menu_frame {
        top: 55px;
        max-height: calc(100vh - 55px);
    }


}

#menu_frame #menu_window, #menu_frame #menu_window a {
    color: #FFFFFF;
}

#menu_frame #menu_window a {
}

#menu_frame.aktiv {
    display: block;
    width: 100%;
    text-align: right;
}

#menu_window {
    display: inline-block;
    text-align: left;
    background: #4A4F54;
    min-width: 200px;
}


#support {
    background-color: rgba(0, 0, 0, .72);
}

#support img {
    position: fixed;
    bottom: 20px;
    right: 100px;
    height: 100px
}

#support .text {
    position: fixed;
    right: 20px;
    bottom: 120px;
    color: white;
    width: 350px;
    text-align: right;
    font-size: 1.4em;
}

#support .text a {
    color: inherit;
    text-decoration: underline;
}

#popup_window_wrapper {
    width: 100%;
}

@media (max-width: 767px) {
    #popup_window_wrapper {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
    }
}

#popup_window .innerpadding h2 {
    display: inline-block;
    font-size: 2.3em;
    line-height: 1.1em;
}

#popup_window h2 {
    color: #9A9E5B;
}

.preiswrap .pro {
    font-weight: 200;
}

#popup_window {
    margin: 40px auto;
    width: 800px;
    max-width: 95%;
    z-index: 12;
    display: none;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 2px;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);

    background-color: white;
}

@media (max-width: 767px) {
    #popup_window {
        top: 0 !important;
        left: 0 !important;
        margin-top: 0 !important;

    }

}

/*
background: url(bgapp.png);
 */

#popup_top {

}

/*
#popup_top:after {
    content: " ";
    display: block;
    height: 20px;
    margin-right: 20px;
    background-color: white;
}

#popup_top:before {
	top: 0;
	z-index: 1;
	right: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
	border-width: 10px;
	margin-left: -10px;
}

.msie #popup_top:before {
	border-bottom-color: #efefef;
	border-left-color: #efefef;
}
*/

#popup_body {
    position: relative;
}

#popup_body .padding {
    padding: 20px 20px 20px 20px;
}

#popup_body h2 {
    padding-bottom: 15px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

hr.dashed {
    border-top: 1px dashed #d0d0d0;
}

.navcnt {
    display: inline-block;
    padding-right: 10px;
    font-size: 0.9em;
}

.resultstat {
    color: #808080;
    font-size: 0.9em;
}

.autocomplete {
    margin-top: 10px;
    padding: 8px 12px;
}

.autocomplete .entry {
    padding: 8px 12px;
    color: inherit;
    cursor: pointer;
    display: block;
}

.autocomplete .entry:hover {
    text-decoration: underline;
}

/* Angebot */

a.leistung {
    display: block;
    padding: 5px 10px;
    border: 1px solid #d0d0d0;
    margin-top: 10px;
}

a.leistung:hover {
    border-color: #cbc1a9;
}

.tableangebot {
}

.rowleistung:hover {
    cursor: pointer;
    color: #cbc1a9;
}

.tableangebot {
    position: relative;
}

a.button.inline {
    display: inline-block;
    margin-right: 10px;
}

table.p5 tr td {
    padding-right: 10px;
}

table.p5 tr td:last-of-type {
    padding-right: 0;
}

table.p10 tr td {
    padding: 8px 12px;
}

table tr td.tar {
    text-align: right;
    position: relative;
}

table tr td.tar span {
    display: none;
}

/*
table tr:hover td.tar span {
    text-align: inherit;
    z-index: 2;
    display: block;
    position: absolute;
    background-color: white;
    margin-top: 6px;
    right: 0;
}
*/

h2 p {
    margin-bottom: 0;
}

table tr.trlink {
    border-bottom: 1px dashed #d0d0d0;
    cursor: pointer;
}

table tr.trlink:hover {
    color: #cbc1a9;
    background-color: #F8F8F8;
}

table tr.trangebot {
    background-color: #F8F8F8;
}

#pickatainer {
    z-index: 999;
}

@media (max-width: 400px) {
    .tar, .tal {
        display: block;
    }
}

.submenu {
    border: 1px solid #d0d0d0;
    background-color: #F8F8F8;
    border-radius: 2px;
    position: relative;
}

.submenu a {
    display: inline-block;
    color: #555;
    padding: 10px 20px;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    margin-top: -1px;
}

@media (min-width: 1024px) {
    .submenu a.right {
        position: absolute;
        right: 0;
        top: 0;
        border-right: 0 none;
        border-left: 1px solid #d0d0d0;
        font-weight: bold;
    }
}

@media (max-width: 768px) {
    .submenu {
        padding-right: 0;
    }

    .submenu a, .submenu a.right {
        position: relative;
        display: block;
        color: #555;
        padding: 10px 20px;
        border-right: 0 none;
        border-left: 0 none;
        border-bottom: 1px solid #d0d0d0;
    }

    .submenu a:last-of-type {
        border-bottom: 0 none;
    }
}

#feedback {
    border-top: 2px solid #cbc1a9;
}

.o50 {
    width: 50%;
}

.scrollleft {
    left: 29px;
}

.scrollleft:after, .scrollright:after {
    content: " ";
    position: absolute;

    top: 2px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.scrollleft:after {
    border-right: 9px solid white;
    left: 5px;
}

.scrollright:after {
    border-left: 9px solid white;
    right: 5px;
}

.scrollright {
    right: 29px;
}

.scrollright, .scrollleft {
    position: absolute;

    top: -1px;
    padding-right: 10px;

    width: 13px;
    height: 23px;
    border-radius: 30px;
    background-color: #cbc1a9;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99;
}

.gradient {
    border-top: 2px solid #cbc1a9;
    border-bottom: 2px solid #cbc1a9;
    color: white;
    background-color: #cbc1a9;
}

.gradient a {
    color: white;
}


.gradient a.button {
    display: inline-block;
    padding: 5px 8px;
    border: 1px solid white;
    border-radius: 3px;
    background: transparent;
}

#body_wrapper {
    min-height: calc(100vh - 50px);
}

.inhalt {
    min-height: calc(100vh - 140px);
}

#stickyindicatorproduktfilter:before {
    display: block;
    content: " ";
    margin-top: -120px;
    height: 120px;
    visibility: hidden;
    pointer-events: none;
}

.inhalt > .wrapper {

}

.paperlike {
    height: 60px;
    margin-bottom: -60px;
}

.buttonlink.add_termin {
    float: right;
}

@media (max-width: 767px) {
    .buttonlink.add_termin {
        position: relative;
        top: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.imgselect {
    background-color: #F8F8F8;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #d0d0d0;
}

.imgselect.active {
    border: 1px solid #cbc1a9;
}

.imgselect:hover {
    border: 1px solid #cbc1a9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 193, 169, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(203, 193, 169, .6);
}

.imgselect:active {
    border: 1px solid #cbc1a9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 18px rgba(203, 193, 169, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 18px rgba(203, 193, 169, .6);
}

.imgvierspalten {
    width: 25%;
    display: inline-block;
}

@media (max-width: 800px) {
    .imgvierspalten {
        width: 33.333%;
        display: inline-block;
    }
}

@media (max-width: 400px) {
    .imgvierspalten {
        width: 50%;
        display: inline-block;
    }
}

.angebot_desktop, .logout_desktop, .menulink_desktop {
    display: none;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 7px;
    font-weight: bold;
    float: right;
}

.logout {
    display: none;
    float: right;
    margin-top: 8px;
    margin-right: 9px;
    width: 16px;
    height: 16px;
    border: 2px solid #cbc1a9;
    border-radius: 26px;
    position: relative;
}

.logout:before {
    content: " ";
    position: absolute;
    width: 2px;
    height: 10px;
    left: 7px;
    top: -2px;
    z-index: 2;
    background-color: #cbc1a9;
}

.logout:after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 10px;
    left: 4px;
    top: -5px;
    z-index: 1;
    background-color: #F8F8F8;
}


.menubutton {
    display: inline-block;
}

.menulink {
    position: relative;
}

.iconleiste {
    text-align: right;
    display: inline-block;
    float: right;
    vertical-align: top;
}

.iconleiste * {
    vertical-align: top;
}

.menulink .counter {
    vertical-align: middle;
}


.suchelink {
    position: relative;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    width: 8px;
    height: 8px;
    color: white;
    border: 2px solid #cbc1a9;
    border-radius: 10px;
}

.suchelink:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #cbc1a9;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filterlink {
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
    font-size: 1em;
    font-weight: bold;
    color: #4D97D6;
}

.menulink.before:before, .filterlink:before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 18px;
    height: 12px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.filterlink:before {
    border-top: 2px solid #4D97D6;
    border-bottom: 2px solid #4D97D6;
}

.menulink.before:after, .filterlink:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 4px;
    width: 18px;
    height: 4px;
    border-top: 2px solid #ffffff;
}

.filterlink:after {
    border-top: 2px solid #4D97D6;
}


@media (max-width: 1023px) {
    .angebot_desktop, .menulink_desktop, .logout_desktop {
        display: none;
    }

    .menulink, .logout {
        display: block;
    }
}

.navtabgradient {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.navtabwrapper {

    overflow-x: hidden;
    overflow-y: hidden;
}

.navtabgradient:after {
    content: " ";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    position: absolute;
    top: 0;
    height: 50px;
    right: 0;
    width: 25px;
}

.navtabgradient:before {
    content: " ";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
    position: absolute;
    top: 0;
    height: 50px;
    left: 0;
    width: 25px;
}

ul.navtabs {
    border-bottom: 1px solid #d0d0d0;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    min-width: 410px;
}

ul.navtabs li {
    display: inline-block;
    border: 1px solid #d0d0d0;
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 5px 5px -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.navtabs li.active {
    border-bottom: 1px solid white;
}

ul.navtabs li:hover {
    border-bottom: 1px solid white;
}

div.tipp, div.update, div.hint {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #cbc1a9;
    border-radius: 2px;
    padding: 10px 10px 10px 60px;
    position: relative;
}

div.update {
    padding-left: 80px;
}

div.tipp:before, div.update:before, div.hint:before {
    position: absolute;
    left: 10px;
    content: "Tipp: ";
    color: #cbc1a9;
    font-weight: bold;
}

div.update:before {
    left: 10px;
    content: "Update: ";
}

div.hint {
    padding-top: 10px;
    padding-left: 10px;
}

div.hint:before {
    content: "";
}

#bigmenu {
    background-color: #FBFBFB;
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
}

#bigmenu.showtime {
    display: block;
}


.menu_close, .menu2_close {
    position: absolute;
    top: -40px;
    right: -5px;
    font-size: 1.4em;
    display: block;
    z-index: 2000;
    padding: 5px 10px 10px;
    font-weight: 900;
    background: #4A4F54;
    color: white;
}

.menu2_close {
    right: 45px;
}

.neu_close {
    position: fixed;
    right: 100px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    color: #cbc1a9;
    font-size: 30px;
    cursor: pointer;
}

#menu_window .menublock {
    padding: 10px;
    border-top: 1px solid #EBE7E0;
}

#menu_window .menublock:first-of-type {

    border-top: 0 none;
}

#menu_window .menublock:last-of-type {

}

#menu_window h2 {
    margin-top: 0;
    margin-bottom: 5px;
}

a.menu_link {
    color: #FFFFFF;
    display: block;
}

#bigmenu .fbox b {
    display: inline-block;
    padding-bottom: 2px;
    padding-right: 10px;
    margin-bottom: 4px;
    border-bottom: 3px solid #d0d0d0;
}

#bigmenu .fbox a {
}

#neu {
    background-color: #cbc1a9;
    position: fixed;
    right: 95px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    font-weight: 100;
    color: white;
    box-sizing: border-box;
    font-size: 30px;
    opacity: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.23);
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .5s; /* Firefox < 16 */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera < 12.1 */
    animation: fadein .5s;

    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 100;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#neu:hover {
    box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.33);
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.col1, .col2 {
    width: 50%;
    float: left;
}

.col1 .colpadding {
    padding-right: 10px;
}

.col2 .colpadding {
    padding-left: 10px;
}

.faq {
    border-bottom: 1px solid rgba(203, 193, 169, 0.5);
    padding: 10px 0;
}

.faq h3 {
    cursor: pointer;
}

.faq h3:hover {
    color: #cbc1a9;
}

.faq.active h3 {
    padding-bottom: 10px;
}

.faq h3:after {
    content: "^";
    font-weight: 100;
    font-family: monospace;
    float: right;
    font-size: 1.3em;
    color: #cbc1a9;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.faq.active h3:after {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.faq > p, .faq > div, .faq > table {
    display: none;
}

.faq.active > p, .faq.active > div, .faq > table {
    display: block;
}

.hidetoggle {
    position: relative;

}

.hidetoggle:not(.active):hover {

}

.hidetoggle .toggler {
    cursor: pointer;
    position: absolute;
    right: 0;

    font-weight: 100;
    line-height: 50px;
    font-size: 1em;

    color: #cbc1a9;
    width: 30px;
    height: 30px;
    top: 20px;
    border-radius: 30px;
}

.togglertitle {
    display: none;
}

.hidetoggle .toggler:before,
.hidetoggle.active .toggler:before {
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #cbc1a9;
    border-left: 2px solid #cbc1a9;
    content: " ";
    top: -12px;
    right: 9px;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.hidetoggle.direct {
    cursor: pointer;
}

.hidetoggle.direct .toggler:before {
    top: -9px;
    right: 10px;
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
}

.hidetoggle.active .toggler:before {
    top: -10px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.toggle,
.toggle1,
.toggle2,
.toggle3,
.hidetoggle1.active .toggle_invers,
.hidetoggle1.active .toggle1_invers,
.hidetoggle2.active .toggle2_invers,
.hidetoggle3.active .toggle3_invers {
    position: relative;
    display: none;
}

.hidetoggle.active .toggle,
.hidetoggle.active .toggle,
.hidetoggle1.active .toggle1,
.hidetoggle2.active .toggle2,
.hidetoggle3.active .toggle3,
.hidetoggle1 .toggle1_invers,
.hidetoggle2 .toggle2_invers,
.hidetoggle3 .toggle3_invers {
    display: inline;
}

@media (max-width: 480px) {
    .prozent, .prozentlast, .prozentsolo, .prozentpenultimate {
        width: 100% !important;
    }

    .prozent > div, .prozentlast > div, .prozentsolo > div, .prozentpenultimate > div {
        padding: 0 !important;
    }
}

#popup_content > .wrapper, .verfuegbarkeitskalender > .wrapper, #angebot_leistungen > .wrapper {
    width: auto;
    margin: auto;
}

#popup_content > .wrapper > .padding, .verfuegbarkeitskalender > .wrapper > .padding, #angebot_leistungen > .wrapper > .padding {
    padding: 0;
}

.identifiedcontent {
    cursor: pointer;
}

.identifiedcontent:hover {
    color: #cbc1a9;
}

.assume {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 1em;
    margin-left: 1em;
    background: white;
}

.assume:before {
    display: none;
    content: "";
    background-color: transparent;
    /* position the checkbox */
    position: absolute;
    left: .5em;
    top: -.3em;
    /* setting the checkbox */
    /* short arm */
    width: .5em;
    border-bottom: .3em solid #cbc1a9;
    /* long arm */
    height: 1em;
    border-right: .3em solid #cbc1a9;
    /* rotate the mirrored L to make it a checkbox */
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.identifiedcontent:hover .assume:before {
    display: block;
}

body #intercom-container .intercom-launcher {
    bottom: 85px;
}

.storniert {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    color: #F44336;
    font-size: 8em;
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    opacity: .5;
    transform: rotate(-30deg);
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    .storniert {
        font-size: 6em;
    }
}

@media (max-width: 500px) {
    .storniert {
        font-size: 4em;
    }
}

@media (max-width: 400px) {
    .storniert {
        font-size: 3em;
    }
}

.wrapper .padding .code, .wrapper .padding .code * {
    font-family: 'Landa', 'Tahoma', sans-serif;
}

.code tr > td {
    padding-right: 20px;
}

.rechnungsadresse {
    float: right;
}

@media print {
    .rechnungsadresse img {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

.meldetabelle tr, .meldetabelle tr {
    border-bottom: 1px solid grey;
}

.meldetabelle tr td, .meldetabelle tr th {
    padding: 5px;
    vertical-align: top;
    text-align: left;

}

@media (max-width: 800px) {

    .minwidthfloat {
        float: none !important;
        margin: 0 !important;
    }

}

.sk-cube-grid {
    width: 80px;
    height: 80px;
    margin: 100px auto;

}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: rgba(255, 255, 255, 0.75);
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.8s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.8s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.hiddensubmit {
    display: none;
}

#leistungstabelle560 p {
    margin-bottom: 0;
}

@media print {

    body .cal_booking, body .cal_color_1, body .cal_color_2, body .cal_color_3, body .cal_color_4 {
        background: #F44336 !important;
        border-radius: 0 !important;
        border: 1px solid black !important;
        margin-top: -1px;
    }

    .cal_padding {
        padding-left: 5px !important;
    }

    .cal_booking:before {
        display: none;
    }

    body .cal_booking * {
        border-radius: 0 !important;
    }

    .cal_today {
        display: none !important;
    }
}

.padding h1 {
    font-family: 'Landa', serif !important;
    font-weight: 500;
}

h2, h3, h4 {
    font-family: 'Landa', serif !important;
    font-weight: 400;
}

@media (max-width: 1023px) {
    #select_gastgeber, #select_privat {
        border-right: 0 none !important;
        border-bottom: 1px solid #cbc1a9;
    }

    #select_gastgeber, #select_lieferant, #select_privat {
        display: block;
        width: auto !important;
        position: relative;
    }

    #select_gastgeber > img, #select_lieferant > img {
        position: absolute;
        top: 10px;

    }


}

#popup_window #select_gastgeber {
    border-right: 0 none !important;
    border-bottom: 1px solid #cbc1a9;
}

#popup_window #select_gastgeber, #popup_window #select_lieferant {
    display: block;
    width: auto !important;
    position: relative;
    min-height: 60px;
}

#popup_window #select_gastgeber > img, #popup_window #select_lieferant > img {
    position: absolute;
    top: 15px;

}

#popup_window #select_gastgeber > div, #popup_window #select_lieferant > div {
    margin-left: 60px;
}

.listtable td {
    padding: 5px !important;
}


.progress {
    margin-top: 5px;
    height: 5px;
    background: #cbc1a9;
    width: 0;
    margin-bottom: 5px;
}

.standortwrapper {
    margin-left: -15px;
    margin-right: -15px;
    vertical-align: top;
}

.standort_rahmen {
    vertical-align: top;
    width: 300px;
    display: inline-block;
    margin: 15px;
    position: relative;

    background: white;

}

.edit {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #cbc1a9;
    background: #cbc1a9;
    color: white;
    padding: 1px 3px 2px 3px;
    line-height: 14px;
    border-radius: 3px;
    text-transform: uppercase;
}

.edit.grey {
    border: 1px solid #c6c6c6;
    background-color: #f1f1f1;
    color: #4b463e;
}

img.standortbild {
    max-width: 100%;
    box-sizing: border-box;
}

.standort img.standortbild {
    border: 1px solid rgba(0, 0, 0, 0.1);;
    max-width: 100%;
    box-sizing: border-box;
}

.standort img.gruppenbild {
    position: absolute;
    width: 50%;
    top: 35px;
    left: 25%;
    opacity: .25;
    display: none;
}

.standort .noimage {
    border: 1px solid rgba(0, 0, 0, 0.1);;
    width: 100%;
    height: 226px;
    background: rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.standort .name {

}

.standort .name, .standort .text, .standort .cert {
    padding: 5px;
}

.standort .name h4 {
    margin-bottom: 0;
}

.standort .name {

    font-size: 1em;

    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    padding: 10px 15px;
    box-sizing: border-box;

}

.standort .text {
    color: #4b463e;
    font-weight: 500;
}

.standort .cert {
    font-size: 12px;
    font-weight: 700;
}

table.tp5px td {
    padding: 5px 5px;

}

table.tp5px tr td:first-of-type {
    padding-left: 0;
}

table td.tbl1px {
    width: 110px;
    border-left: 1px solid #4b463e;
    vertical-align: top;
}

table td.hoverarrow {
    position: relative;
    cursor: pointer;
}

table td.hoverarrow:hover:after, table td.active.hoverarrow:after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    content: '';
    position: absolute;
    width: 20px;
    height: 7px;
    background: transparent;
    top: 10px;
    right: 50%;
    margin-right: -10px;
    border: 3px solid #cbc1a9;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

table tr:hover td.active.hoverarrow:after {
    border: 3px solid #cbc1a9;
    border-top: none;
    border-right: none;
}

table td.hoverarrow:hover:after, table tr:hover td.active.hoverarrow:hover:after {
    border: 5px solid #cbc1a9;
    border-top: none;
    border-right: none;
    width: 30px;
    height: 10px;
    top: 5px;
    margin-right: -15px;
}

.standortmenu {
    float: right;
    width: 200px;
    border-radius: 20px;
    border: 2px solid #cbc1a9;
    padding: 20px 25px;
    box-sizing: border-box;
    list-style: none;
    margin: 0 0 20px 20px;

}

.standortmenu:before {
    content: "Status";
    display: block;
    font-size: 1.3em;
    font-family: 'Landa', 'Tahoma', sans-serif;
    padding-bottom: 10px;

}

.standortmenu li {
    position: relative;
    cursor: pointer;
}

.standortmenu li:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background: #ffaf18;
    border-radius: 10px;
}

.standortmenu li.fehler:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background: #cd0000;
    border-radius: 10px;
}

.standortmenu li.erfolg:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
    background: #cbc1a9;
    border-radius: 10px;
}


@media (max-width: 500px) {
    .noresponsivefloat {
        margin: 10px 0;
        width: 100%;
        box-sizing: border-box;
        float: none !important;
    }
}

select::-ms-expand {
    display: none;
}

#session_hinweis_container_box {

}

h1.archiv {
    position: relative;
}

h1.archiv:before {
    content: 'archiviert';
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -80px;
    font-weight: 600;
    font-family: 'Landa', 'Tahoma', sans-serif;
    color: rgba(255, 0, 0, 0.51);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);

    transform: rotate(-12deg);
}

.delteonhover {
    color: inherit;
}

.delteonhover:hover {
    display: inline-block;
    background-color: #cd0000;
    color: white;
    padding: 0 7px;
    border-radius: 2px;
}

.delteonhover:hover:after {
    content: ' löschen';
}

.beleg img {
    width: 224px;
    height: auto !important;

}

.imagenavicon {
    position: fixed;
    left: 50%;
    z-index: 99;
    background-color: rgb(203, 193, 169);
    color: white;
    width: 42px;
    height: 42px;
    border-radius: 42px;
    line-height: 42px;
    text-align: center;
    white-space: nowrap;
    font-size: 1.2em;
    user-select: none;
    cursor: pointer;
}

.status_erfolg, .status_fehler, .status_hinweis, .status_titel {
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
}

.hoverunderline:hover {
    text-decoration: underline;
}

.status_titel {
    font-weight: 600;
    padding-top: 1em;
    font-size: 1.3em;
    margin-left: -30px;
    padding-bottom: 15px;
}

.status_erfolg:after {
    position: absolute;
    top: 0;
    content: " ";
    width: 24px;
    height: 24px;
    background: url("ic_check_circle_black_24px.svg");
    left: 0;
}

.status_fehler:after {
    position: absolute;
    top: 0;
    content: " ";
    width: 24px;
    height: 24px;
    background: url("ic_error_black_24px.svg");
    left: 0;
}

.status_hinweis:after {
    position: absolute;
    top: 0;
    content: " ";
    width: 24px;
    height: 24px;
    background: url("ic_help_black_24px.svg");
    left: 0;
}

.arrowboxwrapper {
    position: relative;
    background: #cbc1a9;
}

.arrowboxinnerwrapper {

}

.arrowbox {
    color: rgba(255, 255, 255, 0.71);
}

.arrowbox a {

    color: white;
}

.arrowbox a {
    font-size: 1.2em;
}

.arrowright, .arrowleft {
    position: relative;
}

.arrowleft {
    padding-left: 30px;
    float: left;
}

.arrowright {
    padding-right: 30px;
    text-align: right;
}

.arrowright:before, .arrowleft:before {
    position: absolute;
    bottom: 0;
    content: " ";
    width: 24px;
    height: 24px;
}

.arrowright:before {
    right: 0;
    background: url("ic_arrow_forward_black_24px.svg");
}

.arrowleft:before {
    left: 0;
    background: url("ic_arrow_back_black_24px.svg");
}

select option:disabled {
    display: none !important;
}

select option[disabled="disabled"] {
    display: none !important;
}

.standort, .boxshadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.standort:hover, .boxshadow:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.bilanztabelle {
    width: 100%;
}

.bilanztabelle tr {
    border-bottom: 1px solid #4b463e;
}

.bilanztabelle tr td {
    border-left: 1px solid #4b463e;
    padding: 5px 5px;
}

.bilanztabelle tr td.rechts {
    text-align: right;
}

.bilanztabelle tr td:first-of-type {
    border-left: 0 none;
}

.bilanztabelle tr.erstezeile {
    font-weight: bold;
    border-bottom: 3px double #4b463e;
    vertical-align: bottom;
}

.menulink {
    white-space: nowrap;
}

.menulink > div {
    display: inline-block !important;
}

.menulink .haken, .menulink .doppelhaken, .menulink .konflikt, .menulink .user {
    width: 25px;
    height: 25px;
}

.menulink .counter {
    position: relative;
    color: white;
    top: -5px;
    padding-right: 5px;
    min-width: 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 39px;
}

@media (max-width: 767px) {
    .menulink .counter {
        line-height: 43px;
    }
}


@media (max-width: 450px) {


    #bestellteproduktelink div, #bitte_kommissionierenlink div, #verbindlichbestellteproduktelink div, #gelieferteproduktelink div, #konfliktelink div {
        position: relative;
    }

    #bestellteproduktelink .counter, #bitte_kommissionierenlink .counter, #verbindlichbestellteproduktelink .counter, #gelieferteproduktelink .counter, #konfliktelink .counter {
        position: absolute;
        top: 12px;
        left: 4px;
        width: 100%;
        text-align: center;
        padding: 0;

    }

    #bestellteproduktelink, #bitte_kommissionierenlink, #verbindlichbestellteproduktelink, #gelieferteproduktelink, #konfliktelink {
        min-width: 35px;
        position: relative;
        box-sizing: border-box;
        top: -7px;
        left: -8px;

    }


}

td.haken, td.doppelhaken, td.konflikt {
    position: relative;
}

td.haken:before, td.doppelhaken:before, td.konflikt:before {
    left: 20px;
}


.value .haken, .value .doppelhaken, .value .konflikt {
    margin-left: -30px;
}

.haken:before, .doppelhaken:before, .konflikt:before, .user:before {
    content: '';
    position: absolute;
    width: 42px;
    left: 0;
    height: 33px;
    background: url('himmel/warenkorb_gruen.svg');
    top: 2px;
    z-index: 0;
    max-width: 100%;
}

.gror .haken:before {
    background-image: url('himmel/warenkorb_gruen_orange.svg');
}


.menustatuslinks {
    position: relative;
    padding-left: 35px;
    padding-right: 20px;
    height: 30px;
    cursor: pointer;
}

.menustatuslinks div:before {
    top: -2px;
}

.menustatuslinks div {
    display: inline-block;
}

.haken:before, .doppelhaken:before, .konflikt:before {
    background-position: 0 -1px;
    background-size: 15px;
}


.user:before {
    background: url('himmel/benutzer_normal.svg') 0 -1px;
    background-size: 15px;
}

.haken.orange:before {
    background: url('himmel/warenkorb.svg') 0 -1px;
    background-size: 15px;
}

.haken.orange + div {
    color: #E5AD42;
}


.doppelhaken:before {
    background: url('himmel/in_lieferung_gruen.svg') 0 -1px;
}

#verbindlichbestellteprodukte, #bestellteprodukte {
    color: #9A9E5B;
}

.doppelhaken.blau:before {
    background: url('himmel/geliefert_blau.svg');
}

.doppelhaken.blau + div {
    color: #4D97D6;
}

.doppelhaken.pre:before {
    top: -4px;
    background: url('himmel/kommissionierung.svg') 0 0;
}

.doppelhaken.pre + div {
    color: #9A9E5B;
}

#konflikte {
    color: #FFF;
}

@media (max-width: 767px) {
    #konflikte {
        color: #E54242;
    }
}

.haken:before, .doppelhaken:before, .konflikt:before, .haken.orange:before, .doppelhaken:before, .doppelhaken.blau:before, .doppelhaken.pre:before, .user:before {
    background-size: 25px;
    background-repeat: no-repeat;
}

.doppelhaken.blau:before {
    background-size: 22px;
    background-position: 0 2px;
}

.konflikt:before {
    background-image: url('himmel/konflikt_neu.svg');
    background-position: 0 -1px;
    background-size: 25px;
}


.haken:before, .doppelhaken:before, .doppelhaken.blau:before, .konflikt:before {
    background-repeat: no-repeat;
}


/*

.haken:after, .doppelhaken:after, .doppelhaken:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    content: '';
    position: absolute;
    width: 15px;
    height: 5px;
    background: transparent;
    top: 14px;
    left: 50%;
    margin-left: -10px;
    border: 2px solid #008e4d;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
}

.doppelhaken:before {
    margin-left: -2px;
}

.blau:before, .blau:after {
    border: 2px solid #4D97D6;
    border-top: none;
    border-right: none;
}

.orange:before, .orange:after {
    border: 2px solid #ffb000;
    border-top: none;
    border-right: none;
}
*/
.prozentpenultimate:nth-of-type(2n+1) {
    clear: both;
}

h4.konflikt {
    padding-left: 30px;
}

h4.konflikt:before {
    top: 5px;
}

.lizenzbadge {
    width: 280px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
    margin-top: 10px;
    padding: 10px 15px;
    background: #f1f1f1;
    color: #CCC;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;

}

.lizenzbadge[onclick] {
    cursor: pointer;
}

.lizenzbadge.aktiv {
    background: #cbc1a9;
    color: white;
}

#intercom-container .intercom-gradient {
    background: transparent !important;
}

img.label {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    width: 25px;
    height: 25px;
    padding-right: 10px;
}

img.label.top {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    padding-left: 10px;
    width: 60px;
    height: 60px;
}

.produktbild .prcr {
    font-size: 25px;
    line-height: 50px;
    text-align: center;

    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.produktbild .prcr {
    font-size: 65px;
    line-height: 150px;
    text-align: center;
}


.next1lieferdatum {
    background: #e58339;
    color: white !important;
    padding: 5px;
    margin-top: 5px;
    font-weight: bold;
}

.next2lieferdatum {
    background: #f0506e;
    color: white !important;
    padding: 5px;
    margin-top: 5px;
    font-weight: bold;
}

.produktzeile .beschwerde,
.produktzeile .kommissionierung,
.produktzeile .kommissioniert {
    position: relative;
    width: 30px;
    cursor: pointer;
}

.produktzeile .beschwerde,
.produktzeile .kommissionierung {
    opacity: 0;
}

.produktzeile .kommissioniert {
    opacity: 1;
}

.produktzeile:hover .beschwerde,
.produktzeile:hover .kommissionierung {
    opacity: 1;
}

.produktzeile .beschwerde img,
.produktzeile .kommissioniert img,
.produktzeile .kommissionierung img {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -4px;

}


.listview .inline.haken, .listview .inline.doppelhaken, .listview .inline.konflikt {
    position: relative;
    height: 21px;
    width: 26px;
    display: inline-block;
    margin-bottom: -5px;
}

.listview .inline.haken:before, .listview .inline.doppelhaken:before, .listview .inline.konflikt:before {
    width: 21px;
    background-repeat: no-repeat;
}

@media (max-width: 479px) {

}

td.inline.haken.show_resp_status:before {
    left: 60px;
}

#stickyindicatorproduktfilter {
    pointer-events: none;
}

#fixittopindicator {
    position: relative;
    top: -100px;
    pointer-events: none;
}

#fixittopindicator #fixitindicator table {
    pointer-events: initial;
}

#fixitindicator {
    position: relative;
    margin-bottom: -100px;
}

.fixit {
    z-index: 999;
    padding: 100px 0 0;
}

.fixit .showfilter, .fixit .hideonstatic {
    display: none;
}


@media (max-width: 1023px) {
    .fixit.is-sticky .hideonstatic {
        display: table-cell;
    }
}

@media (max-width: 1023px) {
    .fixit .showfilter, .fixit .hideonstatic {
        display: table-cell;
    }
}

.fixit.is-sticky .showfilter {

    display: block;
}

.fixit table {
    width: 100%;
}

.fixit.is-sticky table {
    width: calc(100%) !important;
}

@media (max-width: 767px) {
    .fixit.is-sticky table {
        width: 100% !important;
    }

    .fixit.is-sticky .bg {
        position: relative;
        background-color: #F7F4EF !important;

    }


}

.fixit.is-sticky {
    margin-top: 35px;
    padding-top: 0;
}

.fixit.is-sticky .bg {
    box-sizing: border-box;
    padding-top: 10px;
    background: #FFFFFF;
    padding-bottom: 10px;
}

.fixit .input {
    margin-bottom: 0;
}

@media (min-width: 1024px) {

    .fixit {

    }

    .fixit.is-sticky {

    }

}

.fixit.is-sticky.admin {

}

.fixit .fixscrollup {

    width: 30px;
    display: none;
}

.fixit.is-sticky .fixscrollup {
    display: table-cell;
}


#tinyappnamewrapperimgmobile {
    display: none;
}

body {
    padding-top: 120px;
}

body h1 {
    margin-top: 20px !important;
}

@media (max-width: 767px) {

    body {
        padding-top: 60px;
    }

    .menulink.before:before, .filterlink:before {
        border-top-color: #4A4F54;
        border-bottom-color: #4A4F54;
    }

    .menulink.before:after, .filterlink:after {
        border-top-color: #4A4F54;
    }


    #tinyappnamewrapperimgmobile {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        left: 20px;
    }

    .topmenu .top {
        background: #FFFFFF;
        border-bottom: 1px solid #EBE7E0;
    }

    .topmenu .top a {
        color: #4A4F54;
    }

    .topmenu .middle, .topmenu .bottom {
        display: none;
    }


    #fixittopindicator {

        padding-top: 0 !important;;
        margin-bottom: 0 !important;
        top: 0 !important;
        margin-top: -65px !important;
    }

    #fixitindicator {
        margin-bottom: 0 !important;
    }

    .fixit {
        margin-top: 0 !important;;
        padding-top: 65px !important;
    }

    .fixit.is-sticky {
        margin-top: 55px !important;
        padding-left: 0 !important;
        padding-top: 0 !important;

    }


    label .label, label .titel, .radiotitel {
        color: #9A9E5B;
        font-size: 14px;
        padding-top: 5px;
    }

}

.bg .filterlink {
    border: 1px solid #EBE7E0;
    background-color: white;
}

.produkte, .kategoriewrap {
    margin-top: 10px;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: stretch;
}

.produkt {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
}

.produktbild {
    display: inline-block;
    overflow: hidden;
    float: left;
}

.produktbild img {
    max-width: 100%;
}

.produktwrapper {
    vertical-align: top;
}

h3.t_mandant_id {
    font-size: 2em;
    border-bottom: 3px solid #4D97D6;
}

.produktwrapper h3 {
    padding-left: 10px;
}

.produktwrapper h3.t_kategorie_id {
    border-bottom: 3px double #9A9E5B;
}

.produktwrapper h3.t_kategorie_id2 {
    border-bottom: 1px solid #9A9E5B;
}

.produktwrapper h3.t_kategorie_id3 {
    border-bottom: 1px dashed #9A9E5B;
}

.produkt a.buttonlink {
    width: 100%;
    background: #9A9E5B;
    color: #4b463e;
    box-sizing: border-box;
}

.produkte > h3 {
    margin-top: 30px;
    margin-bottom: 0;
    border-bottom: 2px solid #4b463e;
    padding: 10px 10px 5px 0;
}

.produktwrapper {
    padding-top: 0;
    margin-top: 0;
}

.produkt {
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
}

.produkt {
    padding-bottom: 0;
}

.produkt .produktwrap {
    background: #FFFFFF;
    border: 1px solid #EBE7E0;
    box-sizing: border-box;
    height: 100%;
}

.produkt .produktinnerwrap {
    border: 7px solid #FFFFFF;
    box-sizing: border-box;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;

}

.produkt.aktiv.yellow .produktwrap {
    border: 2px solid #E5AD42;
}

.produkt.aktiv.yellow .produktinnerwrap {
    border: 6px solid rgba(229, 173, 66, .3);
}

.produkt.aktiv.green .produktwrap {
    border: 2px solid #9A9E5B;
}

.produkt.aktiv.green .produktinnerwrap {
    border: 6px solid rgba(154, 158, 91, .3);
}

.grundpreis, .mengentoleranz {
    font-size: 12px;
    font-weight: 400;
}

.mengentoleranz {
    opacity: .5;
}

.produktwrap .lieferdatum.red {
    background: rgba(240, 80, 110, .7);
}

.produktbildaussen, .produktbild {
    display: block;
    width: 100%;
    box-sizing: border-box;
    max-height: 200px;
}

@media (min-width: 501px) {
    .produktbildaussen[style*="visibility: hidden"] {
        min-height: 0; /* Höhe auf 0 setzen, wenn visibility hidden ist */
        height: 0;
    }
}
@media (max-width: 500px) {


    .grundpreis {
        font-size: 10px !important;
    }

    .produktbildaussen, .produktbild {

    }

    .produktdetails {
        padding: 0 !important;

        grid-template-rows: auto auto auto auto auto auto !important;
    }

    #produkte .produkte h3.katids {
        grid-column: span 2 !important;
    }

    .labels {
        min-height: auto !important;
        margin-top: 0 !important;
        display: none !important;
    }

    .produktbildaussen {
        min-height: 100px;
    }

    .produktname {
     font-size: 20px !important;
    }

    .produktdetails > table td {
        display: block;
        padding: 5px 5px 5px 30px !important;
    }

    .produktdetails {
        margin-top: -105px;
        z-index: 2;


    }

    .prnmbwrapper {
        display: none;
    }

    .produktname {
        min-height: 76px;
        padding: 5px !important;
        color: white !important;
        text-shadow: 1px 1px 0 #9A9E5B,
        -1px 1px 0 #9A9E5B,
        1px -1px 0 #9A9E5B,
        -1px -1px 0 #9A9E5B,
        0 1px 0 #9A9E5B,
        0 -1px 0 #9A9E5B,
        -1px 0 0 #9A9E5B,
        1px 0 0 #9A9E5B,
        2px 2px 0 #9A9E5B,
        -2px 2px 0 #9A9E5B,
        2px -2px 0 #9A9E5B,
        -2px -2px 0 #9A9E5B,
        0 2px 0 #9A9E5B,
        0 -2px 0 #9A9E5B,
        -2px 0 0 #9A9E5B,
        2px 0 0 #9A9E5B,
        1px 2px 0 #9A9E5B,
        -1px 2px 0 #9A9E5B,
        1px -2px 0 #9A9E5B,
        -1px -2px 0 #9A9E5B,
        2px 1px 0 #9A9E5B,
        -2px 1px 0 #9A9E5B,
        2px -1px 0 #9A9E5B,
        -2px -1px 0 #9A9E5B;
    }

    .produktpreis {
        font-size: 14px !important;
    }

    .produktdetails > table td img {
        top: 2px !important;
    }

    .produktdetails > table td:empty {
        display: none;
    }

    .kategoriewrap .produktdetails {
        font-size: 0 !important;
        line-height: 0 !important;
    }
    .kategoriewrap .produktdetails .produktname {
        font-size: 27px !important;
        line-height: 27px !important;
    }

    .produkt {
        padding-bottom: 0 !important;
    }

    .produkte, .kategoriewrap {
        grid-template-rows: min-content;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        align-items: normal;
    }

    .produktproduzentlieferantwrapper {
        display: none;
    }

    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

.produktwrap .prnmb {
    display: none;
}

.produktwrap:hover .prnmb, .produktwrap .prnmb.aktiv {
    display: block;
}

.prnmbwrapper {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3;
}

.prnmb {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    background-size: 50%;
}

.prnmb span {
    display: none;
    margin-top: 50%;
    margin-left: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 10px;
    top: -95px;
    left: 35px;
    color: white;
    position: absolute;
    z-index: 99;
    letter-spacing: -0.1em;
    text-align: center;
}

.prnmb.yellow {
    background-image: url("/css/himmel/warenkorb.svg");
}

.prnmb.yellow span {
    background: #E5AD42;
}

.prnmb.green span {
    background: #9A9E5B;
}

.prnmb.green {
    background-image: url("/css/himmel/warenkorb_gruen.svg");
}

.prnmb {
    color: transparent;
    background-size: 50% !important;
    background: rgba(0, 0, 0, .5) no-repeat 50% 50%;
}

.produktdetails {
    padding: 10px 10px;
    display: grid;
    grid-template-rows: 1fr auto auto 60px 60px 35px;

}

.kategoriewrap .produktdetails {
    grid-template-rows: 1fr auto;
}

.labels {
    line-height: .9em;
    min-height: 25px;
}

.produktbild {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.produktbildaussen .label.top {
    position: absolute;
    top: 5px;
    right: -5px;
    float: left;
    z-index: 2;
}

.produktbildaussen .label.right {
    position: absolute;
    right: 5px;
    bottom: 5px;
    float: left;
    z-index: 2;
}

.produktproduzentlieferantwrapper {
    padding: 5px 0;
    font-size: 12px;
}


.produktname {
    font-size: 27px;
    line-height: 1em;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: 'Landa', serif !important;
    color: #9A9E5B;
    font-weight: 400;
}

.produktpreis {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.produktpreis .preis {
    font-weight: 600;
    padding: 4px 0 3px 0;
}

.produktpreis .pro {
    font-weight: 200;
}

.produktpreis .pfand {
    font-weight: 400;
    display: block;
    font-size: 12px;
}

.produktpreis + .labels {
    margin-top: 15px;
}

.produktwrapper {

}

.produktlieferant, .lieferdatum, .grundpreis, .produktlieferant *, .lieferdatum *, .grundpreis *, .mengentoleranz, .mengentoleranz * {
    line-height: 1.2em;
}

.produktlieferant {

}

.produktlieferant .hinweismitbild {

}

.plusminuswrapper {
    margin-top: 10px;
    margin-bottom: 15px;
    border: 1px solid #EBE7E0;
    background-color: #EBE7E0;
    display: flex;
}

@media (max-width: 900px) {

    .show_resp_anzahl .plusminuswrapper {
        text-align: center;
    }

}

.plusminuswrapper * {
    box-sizing: border-box;
    line-height: 35px !important;
    font-size: 18px;
}

.show_resp_anzahl .plusminuswrapper {
    margin-top: 0;
}

.show_resp_anzahl .plusminuswrapper * {
    line-height: 20px !important;
    font-size: 14px;
}

.plusminuswrapper .minus1, .plusminuswrapper .plus1 {

    cursor: pointer;
    width: 35px;
    box-sizing: border-box;
    text-align: center;
    user-select: none;
    flex-shrink: 0;
}

.plusminuswrapper > div {
    height: 35px;
}

.show_resp_anzahl .plusminuswrapper > div {
    height: 20px;
}

.plusminuswrapper .minus1 {
    border-right: 1px solid #EBE7E0;
}

.plusminuswrapper .plus1 {
    border-left: 1px solid #EBE7E0;
}

.plusminuswrapper .anzahl {
    box-sizing: border-box;
    flex-grow: 1;
    min-width: 25px;

}

@media (max-width: 767px) {
    .plusminuswrapper .anzahl {
        min-width: 45px;
    }
}

.plusminuswrapper .input {
    padding: 0;
    margin: 0;
    border: 0 none;
    background: #FFFFFF;

}

.plusminuswrapper input {
    background: inherit;
    text-align: center;
    border: 0 none;
    height: 35px !important;
    line-height: 35px !important;
    vertical-align: top;
}

.show_resp_anzahl .plusminuswrapper input {
    height: 20px !important;
    line-height: 20px !important;
}

@media (max-width: 800px) {


    .produktdetails {
        padding: 10px;
    }

    .produktdetails.mobil {
        border-top: 10px solid #f7f7f7;
        border-left: 0 none;
        border-bottom: 10px solid #f7f7f7;
    }


    .padding {
        padding: 10px 10px 10px 10px;
    }


    .produkt {
        width: 50%;
    }

    .produkt {
        padding-left: 0;
    }


}

.showonmobile, .showontinymobile, .showonmobilespan {
    display: none;
}

.hideonmobiletr {
    display: table-row !important;
}

.showonmobiletr {
    display: none !important;
}

.hideonmobiletd {
    display: table-cell !important;
}

.showonmobiletr {
    display: none !important;
}

@media (max-width: 767px) {

    .produkt {
        padding: 0 0 20px;
        width: 100%;
    }

    .hideonmobile {
        display: none !important;
    }

    .showonmobile {
        display: block !important;
    }

    .showonmobilespan {
        display: inline !important;
    }

    .hideonmobiletr {
        display: none !important;
    }

    .showonmobiletr {
        display: table-row !important;
    }

    .hideonmobiletd {
        display: none !important;
    }

    .showonmobiletd {
        display: table-cell !important;
    }

}


@media (max-width: 400px) {

    .showontinymobile {
        display: block !important;
    }

    .hideontinymobile {
        display: none !important;
    }

    .produktname {
        word-break: break-word;
    }
}

.nolinkborder a {

    border-bottom: 0 none;

}

a.favorit {
    border-bottom: 0 none;
    text-decoration: none;
}

#produktfilter div {
    position: relative;
}

#produktfilter .togglewrapper {
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #4D97D6;
    line-height: 15px;
    text-align: center;
    color: #4D97D6;
}

#produktfilter .linkwrapper {
    display: inline-block;
}

#produktfilter .link1 {
    margin-left: 30px;
}

#produktfilter .link2 {
    margin-left: 50px;
}

#produktfilter .link3 {
    margin-left: 70px;
}

b.summe {
    font-size: 18px;
    line-height: 1.5em;
}

.admintopmenu {
    vertical-align: bottom;
    height: 30px;
    line-height: 22px;
    margin-right: 5px !important;
}

.admintopmenu a {
    text-decoration: underline;
}

.admintopmenu h2 {
    display: inline-block;
    font: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

.admintopmenu h2, .admintopmenu b, .admintopmenu a {
    margin-right: 5px !important;
}

@media (max-width: 1023px) {
    .admintopmenu {
        display: none !important;
    }

}

#produkte h1, #produkte h2, #produkte h3, #produkte h4 {
    font: inherit !important;
    margin: 0;
    padding: 0;
    font-weight: bold !important;
    color: #4A4F54;
}

#produkte h1, #produkte h2 {
    font-size: 1.2em !important;
    line-height: 1.2em !important;
}

.buttonlink.blue {
    border: 2px solid #4D97D6;
    border-radius: 30px;
    color: #4D97D6;
}

.middle .hauptmenu a.buttonlink {
    border-bottom: 2px solid #4D97D6;
    height: auto;
    line-height: 1.5em;
    font-size: 14px;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    padding: 8px 12px;
    margin-top: -10px;
}

#produkte, [data-sticky-container] {
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.kategoriewrap .produkt {
    display: inline-block !important;
}

.filtertoggler {
    float: right;
    position: relative;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    height: 30px;
    width: 42px;
    background: url(himmel/pfeil_unten.svg) no-repeat center;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    border-bottom: 0 none;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filtertoggler.open {
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);
}

.filtertitelwrapper {
    padding-top: 10px;
}

.filterwrapper {
    display: none;
}

.filterwrapper.open {
    display: block;
}


@media (min-width: 1024px) {

    #stickyproduktfilter {
        position: relative;
    }

    #produktfilter {
        overflow-y: auto;
        overflow-x: hidden;

        width: 320px !important;
        z-index: 1;
        position: absolute;
    }

    #produktfilterpadding {
        padding-right: 10px;
        height: calc(100vh - 160px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #produktfilter.sticky {

    }


    #produkte, .weitereproduktdetaileinstellungen {
        box-sizing: border-box;
        margin-left: 310px;
        width: calc(100% - 310px);
        padding-left: 20px;
    }


    #produktfilter {

        background: transparent;
        z-index: 1;

    }

    #bestellformular.toggled #produkte {
        width: calc(100%);
        padding-left: 0;
    }

    #bestellformular.toggled #togglefilter {
        display: none;
    }

}

@media (min-width: 1301px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1501px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1300px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 1023px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    #produkte .produkte, #produkte .kategoriewrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {

    #bestellformular.toggled #togglefiltertitel {
        position: fixed !important;
        right: 20px;
        top: 0;
        padding-top: 20px;
        box-sizing: border-box;
        width: 280px;
        background: rgba(255, 255, 255, .8);
        z-index: 2;
    }

    #bestellformular.toggled #togglefiltertitel h2 {
        margin-top: 20px;
    }

    #bestellformular.toggled #togglefiltertitel .close {
        top: 44px !important;
    }


    #togglefilter {
        display: none;
    }

    #togglefilter.auswertung {
        display: block;
    }

    .god_togglefilter #togglefilter {
        display: block;
    }

    #bestellformular.toggled .togglefiltertitel {
        display: block;
    }

    #bestellformular.toggled .togglefiltertitel h2 {
        font-size: 35px;
        margin-top: 0;

    }

    #bestellformular.toggled #togglefilter {
        z-index: 9999;
        display: block;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        right: 0;
        height: calc(100vh);
        width: 320px;
        background-color: white;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 100px 20px 50px 20px;
    }
}

#menu_window .hauptmenu {
    background: white;
    padding: 30px 20px 20px;
    text-align: center;
}


#menu_window .hauptmenu a {
    display: block;
    color: #4A4F54 !important;
    padding-bottom: 10px !important;
    border-bottom: 0 none;
    font-family: 'Landa', serif;
    margin-right: 20px;
    font-size: 22px !important;
    line-height: 1.5em !important;
}

#menu_window .hauptmenu a.aktiv {
    color: #9A9E5B !important;
    border-bottom: 0 none !important;
    text-decoration: underline;
}

@media (min-width: 1024px) {
    #appnamewrapperimgmobile {
        display: none;
    }
}

@media (max-width: 1023px) {
    #appnamewrapperimgmobile {
        padding-top: 5px;
        display: inline;
    }

    #appnamewrapperimg {
        display: none;
    }
}

@media (max-width: 400px) {
    #menu_window {
        width: 100%;
    }

    #bestellformular.toggled #togglefilter {
        width: 100%;
    }

}

.borderlink {
    border: 1px solid #EBE7E0;
    border-bottom: 1px solid #EBE7E0 !important;
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    border-bottom: 0 none;
    position: relative;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    color: #4A4F54;

}


@media (max-width: 767px) {
    .topmenu .top {
        height: 54px;
    }

    .topmenu .top .wrapper {
        padding-top: 12px !important;
    }

    #tinyappnamewrapperimgmobile {
        width: 35px;
        height: 35px;
    }

    .menubutton.hilfe {
        display: none;
    }
}

@media (max-width: 1023px) {

    #stickyindicatortitel:before {
        display: block;
        content: " ";
        margin-top: -65px;
        height: 65px;
        visibility: hidden;
        pointer-events: none;
    }


    #stickyindicatortiteltop:before {
        display: block;
        content: " ";
        margin-top: -65px;
        height: 65px;
        visibility: hidden;
        pointer-events: none;
    }


    #menu_window, #togglefilter {
        border-left: 1px solid #EBE7E0;
    }

}

@media (min-width: 1024px) {
    #stickyindicatortitel.noextra {
        margin-top: 0;
        top: 0;
        position: relative;
        pointer-events: none;
    }

    #stickyindicatortitel:before {
        display: block;
        content: " ";
        margin-top: -65px;
        height: 65px;
        visibility: hidden;
        pointer-events: none;
    }


}

table#bestellung td.show_resp_einzelpreis_provision {
    text-align: right;
}


@media (max-width: 767px) {


    table#bestellung .hideonresponsive {
        display: none;
    }

    table#bestellung td.show_resp_multt {
        white-space: nowrap;
    }

    table#bestellung td.title_resp_name {
        width: 1px !important;
        font-size: 0 !important;
    }

    table#bestellung tr {
        display: block;
        position: relative;
        border: 0 none !important;

    }

    table#bestellung td {

        border: 0 none !important;
        position: relative;
        max-width: calc(100vw - 30px) !important;
        box-sizing: border-box;
        display: block;
    }

    table#bestellung .lieferzuschlag td {
        width: auto !important;
        display: block;
    }

    table#bestellung tr.addoninfo {
        display: none;
    }

    table#bestellung tr.finalsumm, table#bestellung .lieferzuschlag {
        display: grid;
        grid-template-columns: 1fr 90px;
        border-top: 2px solid black !important;
        width: calc(100vw - 30px);
    }

    table#bestellung tr.finalsumm.big {
        border-top: 4px double black !important;
    }

    table#bestellung tr.produktzeile {
        display: grid;
        grid-template-columns: 30px 1fr 70px 70px 20px;
        grid-template-rows: auto auto;
        border-top: 1px solid black !important;
        padding-top: 10px;
        width: calc(100vw - 30px);

    }

    table#bestellung tr.produktzeile td, table#bestellung tr.finalsumm td {
        width: auto !important;
    }

    table#bestellung td.show_resp_name {
        grid-column-start: 2;
        grid-column-end: 5;
        grid-row: 1;


    }

    table#bestellung td.show_resp_delete {
        grid-column-start: 5;
        grid-column-end: 6;
        grid-row: 1;
        text-align: right;
    }

    table#bestellung td.show_resp_delete a {
        border-bottom: 0 none !important;
        font-size: 15px !important;
        line-height: 17px !important;
    }

    table#bestellung td.show_resp_einzelpreis {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row: 2;
        text-align: left !important;
    }

    table#bestellung td.show_resp_einzelpreis_mwst {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row: 3;
        text-align: right !important;
    }


    table#bestellung td.show_resp_einzelpreis_mwst_summe {

        grid-column-start: 4;
        grid-column-end: 6;
        grid-row: 3;
        text-align: right !important;
    }

    table#bestellung td.show_resp_einzelpreis_provision {
        grid-column-start: 2;
        grid-column-end: 6;
        grid-row: 4;
    }

    table#bestellung td span.show_resp_einzelpreis_provision_summe {
        display: inline-block;
        min-width: 87px;
    }

    table#bestellung td.show_resp_einzelpreis_summe {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row: 2;
        text-align: right;
        font-weight: bold;

    }


    table#bestellung td.show_resp_summe {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row: 2;
        text-align: right;
        font-weight: bold;
    }

    table#bestellung td.show_resp_anzahl {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: 2;
        text-align: right !important;
        padding-left: 0 !important;


    }

    table#bestellung td.show_resp_anzahl a {
        color: inherit;
        text-decoration: inherit;
        border-bottom: 0 none;
        font: inherit;
        font-size: .8em !important;
        font-weight: normal !important;
    }

    table#bestellung td.show_resp_multt {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row: 2;

        text-align: right;
        font-weight: bold;
    }

    table#bestellung td.show_resp_status {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: 1;
        text-align: right;
        padding: 0 !important;
        left: -7px;
        top: 2px;
    }

    table#bestellung td.show_resp_anzahl {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: 2;
        text-align: right;
    }

    table#bestellung .produktzeile td.title_resp_einzelpreis {
        font-size: 0;
    }

    table#bestellung .produktzeile td.show_resp_status {
        min-width: 25px;
    }


    table#bestellung .produktzeile td.show_resp_produktnummer:before {
        content: 'Produkt-Nr.: ';
    }

    table#bestellung .produktzeile td.show_resp_produktnummer {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row: 3;
        text-align: left;
    }

    table#bestellung .produktzeile td.show_resp_produktnummer.leer {
        display: none !important;
    }


    table#bestellung .produktzeile td.show_resp_produzenten_bestellungen_ {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row: 4;
        text-align: left;
    }

    table#bestellung .produktzeile td.show_resp_produzenten_bestellungen_:before {
        content: 'Produzent: ';
    }

    table#bestellung .produktzeile td.show_resp_produzenten_bestellungen_.leer {
        display: none !important;
    }

    table#bestellung .produktzeile td.show_resp_anzahl span {
        display: none !important;
    }


    table#bestellung tr.show_resp_zwischen_tr_sum,
    table#bestellung tr.show_resp_zwischen_tr_mwst {
        display: grid;
        grid-template-columns: 30px 1fr 70px 70px 20px !important;
        grid-template-rows: auto auto;
        border-top: 1px solid black !important;
        padding-top: 0 !important;
        width: calc(100vw - 30px);
    }

    table#bestellung tr.show_resp_zwischen_tr_mwst {
        border-top: 0 none !important;
        padding-top: 0 !important;

    }

    table#bestellung td.show_resp_zwischen_hide {
        display: none !important;
    }

    table#bestellung td.show_resp_zwischen_name2,
    table#bestellung td.show_resp_zwischen_mwstsatz,
    table#bestellung td.show_resp_zwischen_name1 {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row: 1;

    }

    table#bestellung td.show_resp_zwischen_finalsumm_summexy,
    table#bestellung td.show_resp_zwischen_einzelmwst,
    table#bestellung td.show_resp_zwischen_summexy {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row: 1;
    }

    table#bestellung td.show_resp_zwischen_finalsumm_provision,
    table#bestellung td.show_resp_zwischen_einzelmwst_provision,
    table#bestellung td.show_resp_zwischen_provision {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row: 1;
    }


}

.topmenu .middle .hauptmenu #tohauptmenu {
    margin-top: -5px;
}

.hinweismitbild img {
    position: absolute;
    left: -2px;
    top: -3px;
    width: 22px;
}

.hinweismitbild {
    padding-left: 25px;
    position: relative;
    margin-top: 10px;
    line-height: 1.5em !important;
}

.hinweismit2bild img.img1 {
    position: absolute;
    left: -2px;
    top: -3px;
    width: 22px;
    height: 22px;
}

.hinweismit2bild img.img2 {
    position: absolute;
    left: 20px;
    top: -3px;
    width: 22px;
    height: 22px;

}

.hinweismit2bild {
    padding-left: 42px;
    position: relative;
    margin-top: 10px;
    line-height: 1.5em !important;
}

.paytable tr {
    border-bottom: 1px solid black;
}

.paytable {
    width: 100%;
}

.paytable tr td img {
    display: inline-block;
    vertical-align: middle;
}

.payiconlegendwrapper {
    margin: 10px 0;
    position: relative;
    max-width: 300px;
    float: left
}

@media (max-width: 767px) {
    .payiconlegendwrapper {
        max-width: 150px;
        float: left
    }

}

.payiconlegend {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    padding-bottom: 10px;
    padding-left: 30px;
}

@media (min-width: 768px) {
    .payiconlegend {
        box-sizing: border-box;
        width: 300px;
    }
}

.payiconlegend img {
    position: absolute;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

span.wrnkrb {
    color: #9A9E5B;
}

span.vrbndl {
    color: rgb(229, 173, 66);
}

table.paytable td {
    padding: 5px;
    line-height: 24px;
    border-right: 1px solid #BBB;
    text-align: right;
}

table.paytable tr td:first-of-type {
    text-align: left;
}

table.paytable tr td:last-of-type {
    border-right: 0 none;

}

.payicontext .inline.haken {
    height: 20px !important;
}

.payicontext {
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    vertical-align: bottom;
}

.paytable tbody tr:first-of-type td {
    vertical-align: bottom;
}

.payicon {
    width: 24px;
    height: 24px;
    margin: 0 auto;

}


.paymenttype {

    margin-top: 10px;
}

.paymenttype.selected {
    background: rgba(154, 158, 91, 0.1);

}

.paymenttype.deaktiviert {

}

.paymenttype.editable .header,
.paymenttype.selectable .header {
    cursor: pointer;
}

.paymenttype .header {
    padding: 10px 10px 10px 40px;

    position: relative;
    font-size: 1em;
    font-weight: bold;
}

.paymenttype.editable .header {
    background: rgba(229, 173, 66, 0.75);
    color: white;
}

.paymenttype.editable .content {
    background: rgba(229, 173, 66, 0.1);
}

.paymenttype .header:before, .paymenttype .header:after {
    position: absolute;
    left: 10px;
    top: 10px;
    content: " ";
    border: 2px solid white;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
}


.paymenttype .header:hover:after {
    left: 14px;
    top: 14px;
    width: 12px;
    height: 12px;
    border: 0 none;
    background: white;
}

.paymenttype.selectable .header {
    color: white;
    background: rgba(154, 158, 91, 0.5);
}

.paymenttype.selectable .header:hover {
    background: rgba(154, 158, 91, 0.8);
}


.paymenttype.selectable .header:hover:before {
    border-color: white;
}


.paymenttype.selected .header {
    color: white;
    background: rgba(154, 158, 91, 1);
}

.paymenttype.selected .header:after {
    left: 14px;
    top: 14px;
    width: 12px;
    height: 12px;
    border: 0 none;
    background: white;
}

.paymenttype.selected .header:before {
    border-color: white;
}

.paymenttype.deaktiviert .header:after {
    display: none;
}

.paymenttype.deaktiviert .header {
    color: white;
    background: #F781F3;
}

.paymenttype.deaktiviert .content {
    background: rgba(247, 129, 243, 0.1);
}

.paymenttype.deaktiviert .header:before {
    border: 0 none;
    width: 30px;
    height: 30px;
    left: 5px;
    top: 6px;
    background: url('himmel/symbole/info.svg');
    background-size: 100%;
}

.paymenttype.editable .header:hover:after {
    display: none;
}

.paymenttype.editable .header:hover:before {
    border: 0 none;
    width: 30px;
    height: 30px;
    left: 5px;
    top: 6px;
    background: url('himmel/symbole/info.svg');
    background-size: 100%;
}


.paymenttype.gutschein .header {

    background: rgba(154, 158, 91, 0.5);
    color: white;
}

.paymenttype.gutschein {
    background: rgba(154, 158, 91, 0.1);
}

.paymenttype.gutschein .content {
    display: block !important;
}

.paymenttype.gutschein .header:before, .paymenttype.gutschein .header:after {
    display: none;
}

.paymenttype .content {
    padding: 10px 10px 10px 40px;
}

table.iban tr, table.iban td {
    border: 0 none !important;
    text-align: left !important;
    padding: 0;
    padding-right: 10px;
}


.paymenttype .payaccountselect {
    margin-bottom: 10px;
}

.paymenttype.editable .payaccountselect {
    background-color: rgba(229, 173, 66, 0.2);
}

.paymenttype.editable .payaccountselect.prio {
    background-color: rgba(229, 173, 66, 0.5);
}

.paymenttype.selected .payaccountselect {
    background: rgba(154, 158, 91, 0.1);
}

.paymenttype.selected .payaccountselect.prio {
    background-color: rgba(154, 158, 91, 0.2);
}

.paymenttype.selected .payaccountselect .header {
    cursor: pointer;
}

.paymenttype.selected .payaccountselect.selectable .header:after {
    display: none;
}

.paymenttype.selected .payaccountselect.selectable .header:hover:after {
    display: block;
}

.zahlungsinformationen {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid black;
    border-top: 1px dashed black;
}

table.paytable .zahlungsinformationen td {
    padding: 10px;
}

.zahlungsinformationentitel {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 10px;
}

.zahlungsinformationentitel a {
    color: inherit;
    font-weight: inherit;
    border-bottom: 0 none;
    text-decoration: none;
}

.paytablename {
    width: 100%;
}

img.lazyloaded {
    width: 100%;
    height: auto;
}

img.lazyload {

    width: 100% !important;
    height: auto;

}

/* Verwaltung */

.vwrapper {
    width: 100%;
    height: calc(100vh - 150px);
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: minmax(400px, calc(100vh - 75px));
    margin-top: 20px;
}


.verwaltung_linke_spalte {

    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}


.vlist, .glist {

    display: block;
    overflow: auto;
    width: calc(100%);
    max-height: calc(100%);

}

@media (min-width: 800px) {
    .vlist, .glist {
        scrollbar-gutter: stable;
    }
}


.glist {
    max-height: calc(400px);
}

/*
::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: rgba(154, 158, 91, 0.3);
    border: 1px solid #9A9E5B;
}

::-webkit-scrollbar-thumb {
    background: #9A9E5B;
    border-radius: 30px;
}

::-webkit-scrollbar-corner {
    background: #9A9E5B;
}


 */

.vlist .table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    width: min-content;

}

.vlist .table th {
    cursor: pointer;
    user-select: none;
}

.vlist .table td, .vlist .table th {
    text-align: left;
    padding: 5px;
    padding-bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.vlist .table th {
    line-height: 1em;
    height: 1em;
    padding-top: 0;
}


.vlist .table thead tr:last-of-type th {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
}


.vlist .table thead input {
    background: white;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    padding-right: 20px;

}

.suchfeld_klein_spalte_loeschen_x {
    position: absolute;
    right: 10px;
    top: 2px;
    text-decoration: none;
    border-bottom: 0 none;
}


.vlist .table tbody tr {
    user-select: none;

    position: relative;
}


.vlist .table thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
}

.vlist .table thead {
    background: #F4EEE4;
    position: relative;
    z-index: 2;
}


.vlist .table thead tr:first-of-type th,
.vlist .table thead tr:first-of-type td {
    position: sticky;
    top: 0;
    height: 30px;
    background: #F4EEE4;
    z-index: 99;
}

.vlist .table thead tr:last-of-type th,
.vlist .table thead tr:last-of-type td {
    position: sticky;
    top: 30px;
    background: #F4EEE4;
    z-index: 99;
}


h1 span {
    font: inherit !important;
}

.buttonlink {
    position: relative;
}


.buttonlink.neu:after {
    position: absolute;
    content: "NEU";
    top: -15px;
    right: -16px;
    height: 25px;
    width: 25px;
    border-radius: 20px;
    background-color: #e3f043;
    font-size: 9px;
    color: #444;
    line-height: 25px;
    text-align: center;
    box-shadow: 0 0 2px 0 #444;
}

.quick_search_button {
    border: 1px solid #EBE7E0;
    background-color: #FFFFFF;
    padding: 8px 12px;
    text-align: inherit;
    min-height: 1em;
    height: 1.5em;
    white-space: nowrap;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    top: -10px;
    min-width: 17px;
    font-weight: bold;
    color: #9A9E5B;
}

.quick_search_button:hover {
    border-color: #9A9E5B;
    background: #EBE7E0;
}


.quick_search_button img {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 24px;
    margin: 0 auto;
}

.vwrapper.einstellungen, .vwrapper.linkespalte, .vwrapper.vorschau {

    grid-template-rows: calc(100vh - 150px);
}


.vwrapper.einstellungen .verwaltung_linke_spalte {
    display: none;
}


.vsearch .quick_search_button .liste_ohne_vorschau {
    display: block;
}

.vsearch.vorschau .quick_search_button .liste_ohne_vorschau {
    display: none;
}

.vsearch .quick_search_button .liste_vorschau {
    display: none;
}


.vsearch.vorschau .quick_search_button .liste_vorschau {
    display: block;
}

.vwrapper .verwaltung_einstellungen .close {
    border-bottom: 0 none;
    padding-left: 10px;
    font-size: 20px;
    line-height: 12px;
    color: #4A4F54;
    position: absolute;
    right: 0;
    top: 40px;
    background: transparent;
}

.vwrapper .verwaltung_einstellungen {
    position: relative;
    display: none;
}

.vwrapper .verwaltung_einstellungen {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
}

.vwrapper.einstellungen .verwaltung_einstellungen {
    display: block;
}


#sortMe tr td {

}

#sortMe tr td {
    position: relative;
    z-index: 0;
}


.vwrapper #sortMe tr th.sticky,
.vwrapper #sortMe tr td.sticky {
    position: sticky;
    left: 30px;
    background: #F4EEE4;
    z-index: 1;
}

.vwrapper #sortMe tr th.sticky {
    z-index: 101;
}

.vwrapper #sortMe tr th.vbearbeiten.sticky,
.vwrapper #sortMe tr td.vbearbeiten.sticky {
    left: 0;
}


@media (max-width: 428px) {

    .vwrapper #sortMe tr th.sticky,
    .vwrapper #sortMe tr td.sticky {


        width: auto !important;
        min-width: auto !important;
        max-width: 150px !important;

    }

}


.vwrapper #sortMe thead tr:last-of-type th:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100%);
    width: 1px;
    background: #4A4F54;
}


.vwrapper #sortMe tr th.sticky a,
.vwrapper #sortMe tr td.sticky a {
    border-bottom: 0 none;
}

.vwrapper #sortMe tr th.sticky:first-of-type:after,
.vwrapper #sortMe tr td.sticky:first-of-type:after {
    display: none;
}

@media (min-width: 800px) {

    .vwrapper #sortMe thead tr:last-of-type th:before,
    .vwrapper #sortMe tr th.sticky:after,
    .vwrapper #sortMe tr td.sticky:after {
        scrollbar-gutter: stable;
    }
}

.vwrapper #sortMe tbody tr:active, #sortMe tr:active td.sticky {
    background: #9A9E5B;
}

.vwrapper #sortMe tr.activeelement, #sortMe tr.activeelement td.sticky {
    background: #ebe6d6;
}


.vwrapper #sortMe thead tr:last-of-type th:before {
    top: auto;
    bottom: 0;
    height: 1px;
    right: auto;
    left: 0;
    width: calc(100% + 10px);
}

.vwrapper .vlist .table tbody tr:hover, .vwrapper .vlist .table tbody tr.activeelement:hover, .vwrapper #sortMe tr.activeelement:hover td:first-of-type {
    background: #e2dec9 !important;
}


.vwrapper #sortMe tr:hover td.sticky {
    background: #e2dec9 !important;
}

.paymenttable th {
    text-align: left;
}

.paymenttable td, .paymenttable th {
    border: 1px solid black;
    padding: 5px;

}

.paymenttable table.zahlungsart td {
    border: 0 none;
    padding: 5px;
}

span.transparent {
    display: none;
}

div.textright {
    text-align: right;
}

.startseite .buttonlink {
    font-size: 1.1em;
    background: white;
}

.startseite h2 {
    margin-top: 50px;
}


@media (min-width: 800px) {


    .startseite {
        display: table-row;
        clear: both;
    }

    .startseite .leftrow {
        display: table-cell;
        width: 50%;
        padding-right: 50px;
    }

    .startseite .rightrow {
        display: table-cell;
        width: 50%;
        border-left: 2px solid #9A9E5B;
        padding-left: 50px;
    }

    .startseite div h2:first-of-type {
        margin-top: 0 !important;
    }
}

.verwaltungbuttons:not(.vwbgod) {
    float: right;
    margin-top: 20px;
}

.verwaltungbuttons a {
    margin-left: 15px;
}

.onlyifsticky {
    display: none;
}

.is-sticky .onlyifsticky {
    display: inline-block;
}

.vbearbeiten {
    padding: 5px;
    box-sizing: border-box;
    min-width: 30px;
    cursor: pointer;
}

.vbearbeiten img, .v_icon_link img {
    width: 15px;
}

a.v_icon_link {
    text-decoration: none;
    border-bottom: none;
}

.head_row {
    padding-right: 15px !important;
}

.head_row.desc:after, .head_row.asc:after {

    content: " ";
    position: absolute;
    bottom: 1em;
    right: 0;
    width: 0;
    height: 0;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #FF0000 transparent;
    border-style: solid;
    background: transparent;

}

.head_row.asc:after {
    transform: rotate(180deg);

}

/*

#popup_window table#einheit tr {
    display: block;
    position: relative;
    padding: 0 !important;
}
#popup_window table#einheit tr td {
    display: block;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
}

#popup_window table#einheit tr:nth-child(1) {
    display: none;
}

#popup_window table#einheit tr td:before {
    display: block;
    color: black;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid black;
}

#popup_window table#einheit tr td:nth-child(1):before {
    content: 'Liefer-/Abholort';
    font-size: 1.5em;
    border-bottom: 2px solid black;
    margin-bottom: 10px;
}

#popup_window table#einheit tr:nth-child(2) td:nth-child(1):before {
    content: 'Liefervereinbarung mit';
}

#popup_window table#einheit tr:nth-child(3) td:nth-child(1):before {
    content: '';
}
#popup_window table#einheit tr td:nth-child(2):before {
    content: 'Umsatz';
}
#popup_window table#einheit tr td:nth-child(3):before {
    content: 'Liefer-Zeitraum';
}
#popup_window table#einheit tr td:nth-child(4):before {
    content: 'Kunden-/Lieferort- Nummer';
}



#popup_window table#einheit tr:nth-child(2) td:nth-child(2):before {
    content: '';
    display: none;
}
#popup_window table#einheit tr:nth-child(2) td:nth-child(3):before {
    content: 'Kundennummer/ Zahlungsart';

}
#popup_window table#einheit tr:nth-child(2) td:nth-child(4):before {
    content: '';
    display: none;
}

#popup_window table#einheit tr td:last-of-type:before {
    border-bottom: 0 none;
}
#popup_window table#einheit tr td:last-of-type {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 30px;

}

#popup_window table#einheit tr:nth-child(3) td:last-of-type {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
}

*/

.warnhinweis {
    background: red;
    color: white;
    padding: 10px;
}

@media (min-width: 900px) {
    .popupprodukt.popupfoto {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
    }

    .popupprodukt.innerpadding {
        padding-left: calc(50% + 10px);
        box-sizing: border-box;
    }
}

.inkognito {
    position: fixed;
    z-index: 999999;
    right: 70px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 30px;
    background: #f0506e;
    user-select: none;
    cursor: pointer;
    display: block;
}



.warenkorb_icon {
    display: none;
    position: fixed;
    z-index: 999999;
    right: 20px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 30px;
    user-select: none;
    cursor: pointer;

}

.warenkorb_icon.orange {
    background-color: #E5AD42;
}

.warenkorb_anzahl {
    position: absolute;
    right: -5px;
    top: -8px;
    min-width: 18px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    height: 18px;
    content: "#";
    background: red;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    color: white;
    font-size: 11px;
}

.warenkorb_icon.green {
    background-color: #9A9E5B;
    display: block;
}
.warenkorb_icon.orange {
    background-color: #E5AD42;
    display: block;
}

.warenkorb_icon:before {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    user-select: none;
    cursor: pointer;
    display: block;
    background: url('himmel/warenkorb_white.svg') 0 -1px;
    background-size: 30px;

}

.bestellschluss_green {
    background: #9A9E5B;
    color: white;
    font-size: 1em;
    padding: 20px;
}

.bestellschluss_green h2 {
    color: white !important;
}

.bestellschlusstabelle {
    margin-top: 1.5em;
    text-align: left;
    color: inherit !important;
    width: 100%;

}

.bestellschlusstabelle th {
    border-bottom: 1px solid white;
    padding-bottom: 5px;
}

.bestellschlusstabelle td {
    padding-right: 20px;
}

.bestellschlusstabelle td, .bestellschlusstabelle th {
    padding-top: 5px;

}


.mitglied_karte input[type=checkbox] {
    display: inline-block;
    width: 17px;
}

.mitglied_karte {
    user-select: none;
}

.mitglied_karte #mapMitglied {
    min-height: 600px;
    max-height: 600px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
    z-index: 1;
    border-bottom: 1px solid black;
}

.mitglied_karte .legend {
    position: absolute;
    z-index: 10000;
    right: 40px;
    background: #003450;
    min-width: 180px;
    top: 40px;
    opacity: .88;
}

.mitglied_karte .data {
    padding-top: 20px;
    margin-bottom: -6px;
}

.mitglied_karte span.company-address, .mitglied_karte .custom-popup li {
    color: gray;
    font-weight: normal !important;
    list-style: disc;
}

.mitglied_karte span.company-data {
    color: gray;
    font-weight: bold !important;
}

.mitglied_karte .custom-popup ul {
    padding-left: 37%;
    margin-top: -15px;
}

.mitglied_karte .logo img {
    width: 100%;
    object-fit: contain;
    max-height: 300px;
    margin-bottom: 20px;
    object-position: 50% 50%;
    height: auto;
}

.mitglied_karte .legend .content {
    padding: 20px;
    color: #fff;
    font-weight: bold;
}

.mitglied_karte .legend .content li {
    cursor: pointer;
}

.mitglied_karte .legend img.nosvg {
    max-height: 25px;
    margin-right: 5px;
    margin-bottom: -6px;
    mix-blend-mode: luminosity;
}

.mitglied_karte .legend .activeFilter img.nosvg {
    mix-blend-mode: normal;
}

.mitglied_karte .legend .content li {
    list-style: none;
    color: #fff;
    font-weight: bold;
    margin-bottom: 18px;
}

.mitglied_karte {
    position: relative;
}

.mitglied_karte .leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #ECEDED;
}

.mitglied_karte .leaflet-popup-content-wrapper {
    border-radius: 0 !important;
}

.mitglied_karte .leaflet-popup-content {
    margin: 0;

}

.mitglied_karte .logo {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 40%;
    float: left;
    margin: 0;
    margin-right: 25px;
}

.mitglied_karte .logo {
    text-align: center;
    min-height: 70px;
    background: #fff;
}

.mitglied_karte .leaflet-popup-content {
    width: 500px !important;
}

.mitglied_karte .name {
    color: #fff !important;
    text-align: center;
    background: #221657;
    padding: 15px;
    min-height: 40px;
    margin-bottom: 20px !important;
}

.mitglied_karte .custom-popup div {
    color: #4A4F54;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    width: 100%;

}

.mitglied_karte .custom-popup .company-name {
    font-family: 'Landa', serif;
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 10px;
    color: #9A9E5B;

}

.mitglied_karte .custom-popup .address {
    font-size: 18px;
}

.mitglied_karte .address {
    padding: 20px;
}

.mitglied_karte .leaflet-container a.leaflet-popup-close-button {
    display: none;
}

.mitglied_karte .leaflet-popup .image img {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}

.mitglied_karte .popup-title {
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: skolar-sans-latin, sans-serif;
}

.mitglied_karte .custom-data {
    font-size: 12px;
    margin: 0;
    line-height: 15px;
    margin-top: 5px;
    font-family: skolar-sans-latin, sans-serif;
}

.mitglied_karte .title {
    text-align: center;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

.marker-cluster {
    background-color: rgba(154, 158, 91, .6);
    width: 50px;
    height: 50px;
    margin-left: -5px;
    margin-top: -5px;
}

.marker-cluster span {
    line-height: 50px;
    font-size: 25px;
}

.marker-cluster div {
    background-color: rgba(154, 158, 91, .6);
    color: #fff;
    opacity: .88;
    width: 50px;
    height: 50px;
    border-radius: 35px;
    margin-left: -5px;
    margin-top: -5px;
}

.leaflet-popup-tip-container {
    width: 40px;
    display: none;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -19px;
    overflow: hidden;
    pointer-events: none;
    top: -20px;
    transform: rotate(
            180deg
    );
}

.custom-popup {
    background: #fff;
}

.mitglied_karte input[type=checkbox] {
    position: relative;
    cursor: pointer;
    -moz-appearance: initial;
}

.mitglied_karte input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -4px;
    left: -5px;
    border: 2px solid #9A9E5B;
    border-radius: 3px;
    background-color: #9A9E5B;
    -moz-appearance: initial;
}

.mitglied_karte input[type=checkbox]:checked:after {
    -moz-appearance: initial;
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -2px;
    left: 2px;
}

.mitglied_karte .leaflet-control-layers.leaflet-control-layers-expanded.leaflet-control {
    display: none;
    z-index: 10000;
    right: 40px;
    background: #F4EEE4;
    top: 40px;
    opacity: .88;
    color: #fff;
    border-radius: 0;
    margin: 0;
    min-width: 150px;
    padding: 50px 15px 15px;
    border: 5px solid #4A4F54;
    border-image: url("/css/himmel/button_border_large_schwarz.svg") 5 5;
}

.mitglied_karte .leaflet-control-layers.leaflet-control-layers-expanded.leaflet-control:before {
    content: "Auswahl";
    text-align: center;
    padding: 5px;
    color: #4A4F54;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    margin: 0 auto;
    top: 10px;
    font-family: Landa, serif;
    width: 100%;
    left: 0;
}

.mitglied_karte .leaflet-control-layers.leaflet-control-layers-expanded.leaflet-control span {
    color: #4A4F54;
    font-family: Landa, serif;
    font-size: 18px;
    line-height: 35px;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 18px;
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -19px;
    overflow: hidden;
    pointer-events: none;
    top: -20px;
    transform: rotate(
            180deg
    );
}

@-moz-document url-prefix() {
    .mitglied_karte input[type="checkbox"] {
        padding-left: 15px;
    }
    .mitglied_karte input[type="checkbox"]::before {
        top: -15px;
        left: -4px;
    }
    .mitglied_karte input[type="checkbox"]:checked::after {
        top: -12px;
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) {
        .mitglied_karte input[type=checkbox]:before {
            top: -8px;
        }

        .mitglied_karte input[type="checkbox"]:checked::after {
            top: -8px;
        }
    }
}


.mitglied_karte .custom-popup table, .mitglied_karte .custom-popup td {
    vertical-align: top;
}

.leaflet-sidebar .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 15px;
    color: #333;
    font-size: 15pt;
    line-height: 1em;
    text-align: center;
    background: transparent;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    cursor: pointer;
    z-index: 1000;
    border: 0;
}

.leaflet-sidebar.right.visible ~ .leaflet-right {
    right: 275px;
}

.leaflet-sidebar {
    width: 300px;
}

.leaflet-touch .leaflet-sidebar > .leaflet-control {
    border: 0;
    padding: 20px;
}

.mitglied_karte .mehrlink {
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 12px;
    border: 5px solid #4A4F54;
    color: #4A4F54;
    font-weight: bold;
    right: 0;
    left: 0;
    text-align: center;
    max-width: 150px;
    border-image: url("/css/himmel/button_border_large_schwarz.svg") 5 5;
}

@media (max-width: 600px) {
    .leaflet-sidebar .close {
        right: 0;
        top: 0;
    }
}

.produzent .titel {
    font-size: 24px;
    line-height: 1em;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: 'Landa', serif !important;
    font-weight: 400;
    color: #9A9E5B;
}

.produzent .bild img {
    max-width: 100%;
}

.produzent .produzentdetails {
    font-size: 1.1em;
}


.leaflet-marker-icon {

    border-radius: 50px;
    /*border: 2px solid #9A9E5B;*/

}

.bestellbutton {
    position: relative;
}

.bestellbutton:after {
    display: none;
    position: absolute;
    right: -10px;
    top: -15px;
    height: 22px;
    padding: 0 10px;
    content: "0";
    background: darkgreen;
    border: 1px solid white;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
}

.warenkorb_liefzeit, .warenkorb_lieferant {
    padding: 5px;

}

.warenkorb_liefzeit {
    background: rgba(77, 151, 214, 0.6);
}
.warenkorb_lieferant {
    background: #4D97D6;
}

.warenkorb_lieferant *, .warenkorb_liefzeit * {
    color: white !important;
}


@media (max-width: 767px) {
    table#bestellung td.warenkorb_lieferant, table#bestellung td.warenkorb_liefzeit {
        padding-left: 10px !important;
    }
}

.paybadge {
    display: inline-block;
    border-radius: 4px;
    padding: 0 7px;
    margin-left: 10px;
    margin-bottom: 0;
    color: white;
}

@media (max-width: 767px) {

    .paybadge {
        display: inline-block;
        border-radius: 4px;
        padding: 0 7px;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 5px;
        color: white;
    }

}

#stickyindicatortitelreverse, #stickyindicatortiteltop, #stickyindicatortitel, #bestellformular {
    pointer-events:none;
}

#bestellformular * {
    pointer-events: all;
}