@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

::selection {
    background: #b2b2b2; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #b2b2b2; /* Gecko Browsers */
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    max-width: 100vw;

}

body {
    overflow-x: hidden;
    max-width: 100vw;
    margin: 0;
}

img {
    user-select: none;
    pointer-events: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 100%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

textarea {
    font-size: 0.9em;
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input, select {
    font-size: .9em;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;

}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

fieldset span {
    margin-left: 5px;
    margin-right: 8px;
    padding-bottom: 2px;
    font-size: 13.5px;
}

.sm-a {
    font-size: 13.5px;
    cursor: pointer;
}

.six.columns.offset-by-three {
    margin-bottom: 30px;
}

.popup-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    z-index: 10;
}

.popup-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content.centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup {
    position: relative;
    padding: 40px;
    width: calc(50% - 80px);
    max-width: 800px;
    min-width: 280px;
    height: auto;
    min-height: 300px;
    border-radius: 7px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 35px;
    z-index: 10;
}

.popup.small {
    width: calc(25% - 80px);
    min-height: unset;
}

.language-chooser {
    margin-top: 0;
    margin-bottom: 25px;
    transform: scale(0.8);
    transform-origin: 0 50%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

@media only screen and (max-width: 1440px) {
    .popup {
        width: calc(60% - 80px);
    }
}

@media only screen and (max-width: 996px) {
    .popup {
        width: calc(80% - 80px);
    }
}

@media only screen and (max-width: 550px) {
    .popup {
        width: calc(90% - 80px);
    }
}

.popup-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 10px;
    opacity: 0.2;
    cursor: pointer;
}

.title-row-demo {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}

.demo-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.camp-creation-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 15px;
    margin-bottom: 1em;
}

@media only screen and (max-width: 550px) {
    .demo-indicator {
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }
}

.demo-indicator span {
    font-weight: bold;
    color: #555;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 20px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

thead {
    line-height: 10px;
}

@media only screen and (max-width: 768px) {
    table.business tr td:nth-child(4), table.business tr th:nth-child(4) {
        display: none;
    }
}

td, th {
    padding: 0
}

p {
    font-size: .9em;
}

ol {
    padding-left: 15px;
}

ol li {
    padding: 2px 5px;
    font-size: .9em;
    cursor: pointer;
    transition: 200ms ease;
}

ol ul li {
    margin-top: -5px;
    padding: 0;
    line-height: 25px;
}

ol li:hover {
    background: rgba(0, 0, 0, 0.075);
    border-radius: 7px;
    transform: translateX(5px);
}

.container {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

.column, .columns, .container {
    width: 95%;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .four.columns {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 550px) {

    #introSlider {
        margin-left: unset;
    }
}

.column, .columns {
    float: left;
}

@media (min-width: 500px) {
    .container {
        width: 85%;
        padding: 0
    }
}

@media (min-width: 550px) {
    .container {
        width: 80%
    }

    .column, .columns {
        margin-left: 4%;
    }

    .column:first-child, .columns:first-child {
        margin-left: 0
    }

    .one.column, .one.columns {
        width: 4.66666666667%
    }

    .two.columns {
        width: 13.3333333333%
    }

    .three.columns {
        width: 22%
    }

    .five.columns {
        width: 39.3333333333%
    }

    .six.columns {
        width: 48%;
        padding: 3px;
    }

    .seven.columns {
        width: 56.6666666667%
    }

    .eight.columns {
        width: 65.3333333333%
    }

    .nine.columns {
        width: 74%
    }

    .ten.columns {
        width: 82.6666666667%;

    }

    @media only screen and (min-width: 768px) {
        .four.columns {
            width: 30.6666666667%
        }
    }

    @media (min-width: 550px) and (max-width: 1024px) {
        #info-text-homepage {
            padding-left: 20px;
        }
    }

    .eleven.columns {
        width: 91.3333333333%
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%
    }

    .two-thirds.column {
        width: 65.3333333333%
    }

    .one-half.column {
        width: 48%
    }

    .offset-by-one.column, .offset-by-one.columns {
        margin-left: 8.66666666667%
    }

    .offset-by-two.column, .offset-by-two.columns {
        margin-left: 17.3333333333%
    }

    .offset-by-three.column, .offset-by-three.columns {
        margin-left: 26%
    }

    .offset-by-four.column, .offset-by-four.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-five.column, .offset-by-five.columns {
        margin-left: 43.3333333333%
    }

    .offset-by-six.column, .offset-by-six.columns {
        margin-left: 52%
    }

    .offset-by-seven.column, .offset-by-seven.columns {
        margin-left: 60.6666666667%
    }

    .offset-by-eight.column, .offset-by-eight.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-nine.column, .offset-by-nine.columns {
        margin-left: 78%
    }

    .offset-by-ten.column, .offset-by-ten.columns {
        margin-left: 86.6666666667%
    }

    .offset-by-eleven.column, .offset-by-eleven.columns {
        margin-left: 95.3333333333%
    }

    .offset-by-one-third.column, .offset-by-one-third.columns {
        margin-left: 34.6666666667%
    }

    .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%
    }

    .offset-by-one-half.column, .offset-by-one-half.columns {
        margin-left: 52%
    }

}


html {
    font-size: 62.5%
}

body {
    font-size: 1.5em;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto, sans-serif;
    color: #363839;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.whitespace {
    padding-bottom: 100px;
}

#heading_so-funktionierts {
    font-size: 1.6em;
}

.img_slide_so-funktionierts {
    height: auto;
    margin: 0;
    width: 320px;
}

#slider_so-funktionierts .six.columns {
    width: 50%;
}

@media (max-width: 768px) {

}

/* payment methods checkout page */
.payment_method_md {
    display: inline-block;
    height: auto;
    width: 80px;
    padding-bottom: 5px;
}

.payment_method_sm {
    display: inline-block;
    height: auto;
    width: 50px;
}

.no_selection {
    pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* supported by Chrome, Opera and Firefox */
}

@media (max-width: 550px) {
    .features {
        font-size: 1.5em;
    }

    .sel-product {
        max-width: 100vw !important;
        margin-top: 10px !important;
    }

    .payment_method_sm {
        width: 40px;
    }

    .payment_method_md {
        width: 65px;
    }
}

h1, h2, h3 {
    font-weight: 900
}

h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 700
}

h1 {
    font-size: 4rem;
    line-height: .95em
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25
}

@media only screen and (max-width: 768px) {
    h2 {
        font-size: 30px;
    }

}

h3 {
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 700
}

h4 {
    font-size: 2.2rem;
    line-height: 1.35
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width: 550px) {
    h1 {
        font-size: 6rem
    }

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 3.6rem
    }

    h4 {
        font-size: 3rem
    }

    h5 {
        font-size: 2.4rem
    }

    h6 {
        font-size: 1.5rem
    }
}

p {
    margin-top: 0
}

strong {
    font-weight: 900
}

.lead {
    padding-top: 5px;
    font-weight: 400;
    font-size: 1.1em;
    color: #222
}

#intro-header .lead {
    font-weight: normal;
    font-size: 16.5px;
}

#intro-header .lead.bold {
    font-weight: bold;
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    .lead {
        font-size: 16.5px;
    }

    #slider_so-funktionierts {
        padding-top: 40px;
    }

    #slider_so-funktionierts h2 {
        font-size: 1.8em;
        text-align: center;
    }
}


.registration-logo {
    align-items: flex-start;
    display: flex;
}

.registration-logo img {
    height: 25px;
    width: auto;
    margin-top: 5px;
    margin-left: 5px;
}

.registration-logo p {
    font-size: 16.5px;
}

@media (min-width: 1024px) {
    .registration-logo img {
        height: 30px;
        width: auto;
        margin-top: 8px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 585px) {
    .registration-logo {
        flex-direction: column;
    }

    .registration-logo img {
        height: 30px;
        width: auto;
        margin: 0;
        margin-left: -5px;
        margin-top: -20px;
    }
}

.small {
    margin: 15px 0;
    font-size: .9em;
}

input.small {
    margin: 0;
}

#intro-header h1 {
    font-family: Roboto, sans-serif
}

.heading-homepage {
    margin-top: 30px;
    margin-bottom: 50px;
}

#intro-header h5 {
    font-size: 20px;
    position: absolute;
    margin-top: 100px;
    color: black;
}

#intro-header .button-primary:hover, #intro-header .button-primary:active, #intro-header .button-primary::selection {
    background-color: white;
    color: #555;
}

#intro-dashboard {
    position: relative;
}

#intro-dashboard .container {
    z-index: 1;
}

.dashboard-action-icons {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

#demoStamp {
    position: absolute;
    z-index: 0;
    opacity: 0.35;
    width: 300px;
    left: calc(50% - 150px);
    top: calc(50% - 50px);
    transform: rotate(-10deg);
}

.logo-point.header-h1 {
    width: 300px;
    margin-left: 10px;
    margin-top: 6px;
    position: absolute;
}

.lead-text.middle .logo-point {
    margin-left: 4px;
    margin-top: 3px;
    position: absolute;
    height: 24px;

}

#intro-dashboard h1, #intro-header h1 {
    line-height: 1.4;
    margin: 0;
    max-width: 1280px;
    font-size: 38px;
    color: #fff
}

.lead-text {
    display: block;
}

.lead-text.middle {
    margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) {
    .lead-text.middle {
        margin-bottom: 5px;
    }
}

.lead-text.top .logo-point {
    margin-left: 4px;
    position: absolute;
    height: 27px;
}

@media only screen and (max-width: 996px) {
    .lead-text.top .logo-point {
        margin-left: -3px;
        display: block;
    }

    .lead-text.middle {
        margin-bottom: 55px;
    }

    .lead-text.middle .logo-point {
        display: block;
        margin-left: -3px;
    }
}

@media screen and (max-width: 768px) {
    #intro-dashboard h1, #intro-header h1 {
        font-size: 32px;
        line-height: 1.2;
        text-align: center;
    }

    #intro-dashboard h1 {
        text-align: start;
    }

    .logo-point.header-h1 {
        width: 245px;
        margin-left: 7px;
        position: absolute;
        margin-top: 3px;
    }
}

@media screen and (max-width: 550px) {
    #intro-dashboard h1, #intro-header h1 {
        line-height: 1.2;
    }
}

.homepage-intro {
    display: flex;
    column-gap: 25px;
}

.homepage-intro .homepage-intro-column:first-child {
    width: 40%;
}

.homepage-intro .homepage-intro-column:first-child img {
    width: 100%;
    transform: translateY(-30px);
}

.homepage-intro .homepage-intro-column:last-child {
    width: 60%;
}

@media only screen and (max-width: 996px) {
    .homepage-intro {
        flex-direction: column;
        row-gap: 30px;
    }

    .homepage-intro .homepage-intro-column:first-child {
        width: 100%;
    }

    .homepage-intro .homepage-intro-column:last-child {
        width: 100%;
    }
}

.homepage-intro-list {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.homepage-intro-steps {
    font-size: 16.5px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.homepage-intro-step {
    display: flex;
    column-gap: 15px;
}

.list-item-icon {
    width: 20px;
}

.intro-step-logo {
    width: 80px;
}

.intro-step-desc {
    width: calc(100% - 80px);
    font-size: .9em;
}

.intro-list-item {
    display: flex;
    column-gap: 25px;
}

.list-item-text {
    width: 100%;
    font-size: 0.9em;
    font-weight: normal;
    color: black;
}

.txt-center {
    text-align: center
}

.arvo {
    font-family: Roboto, sans-serif
}

#intro-header .lead, #intro-header p {
    color: #fff;
    margin-bottom: 75px;
}

#intro-header:not(#intro-header.homepage) .container.pb {
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    #slider_so-funktionierts {
        padding-bottom: 190px;
    }

    #campaign_offers {
        padding-top: 0;
        margin-top: -30px;
    }
}

@media only screen and (min-width: 768px) {
    .goto_offers_funktionen {
        padding-top: 25px;
    }
}

#createSessionFunktionen {
    width: 100%;
}

#intro-header h2 {
    color: white;
}

a {
    color: #363839;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 2px solid #363839
}

a:hover {
    color: #d1d10f;
    border-bottom: 2px solid #d1d10f
}

a.help {
    border-bottom: none
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 19px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box
}

.btn-product-choice {
    margin-bottom: 30px !important;
}

@media (min-width: 550px) and (max-width: 768px) {
    #offer-button {
        padding: 0 10px;
    }
}

@media (max-width: 550px) {
    .button, .button-primary {
        padding: 0 15px !important;
    }
}


.button:focus, .button:hover, button:not(.language-button):focus, button:hover, input[type=button]:focus, input[type=button]:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover {
    color: #555;
    border-color: #d1d10f;
    background-color: #d1d10f;
    outline: 0;
    border-bottom: 1px solid #d1d10f
}

.language-button {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 19px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box
}

.language-button.active {
    color: #fff;
    border-color: #666;
    background-color: #666;
    outline: 0;
    border-bottom: 1px solid #666;
}

.type-button-js {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.language-button.type-button-js img {
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
}


.language-button.type-button-js.active img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.button.button-primary, button.button-primary, input[type=button].button-primary, input[type=reset].button-primary, input[type=submit].button-primary {
    color: #fff;
    background-color: #d1d10f;
    border-color: #d1d10f
}

.button.button-primary:focus, .button.button-primary:hover, button.button-primary:focus, button.button-primary:hover, input[type=button].button-primary:focus, input[type=button].button-primary:hover, input[type=reset].button-primary:focus, input[type=reset].button-primary:hover, input[type=submit].button-primary:focus, input[type=submit].button-primary:hover {
    color: #fff;
    background-color: #3b320f;
    border-color: #3b320f
}

.button.button-secondary, button.button-secondary, input[type=button].button-secondary, input[type=reset].button-secondary, input[type=submit].button-secondary {
    color: #555;
    background-color: #fff;
    border-color: #fff
}

.button.button-secondary:focus, .button.button-secondary:hover, button.button-secondary:focus, button.button-secondary:hover, input[type=button].button-secondary:focus, input[type=button].button-secondary:hover, input[type=reset].button-secondary:focus, input[type=reset].button-secondary:hover, input[type=submit].button-secondary:focus, input[type=submit].button-secondary:hover {
    color: #fff;
    background-color: #d1d10f;
    border-color: #d1d10f
}

.button.button-warning, button.button-warning, input[type=button].button-warning, input[type=reset].button-warning, input[type=submit].button-warning {
    color: red;
    background-color: #fff;
    border-color: red
}

.button.button-warning:focus, .button.button-warning:hover, button.button-warning:focus, button.button-warning:hover, input[type=button].button-warning:focus, input[type=button].button-warning:hover, input[type=reset].button-warning:focus, input[type=reset].button-warning:hover, input[type=submit].button-warning:focus, input[type=submit].button-warning:hover {
    color: #fff;
    background-color: red;
    border-color: red
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    font-weight: 400
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 165px;
    padding-top: 6px;
    padding-bottom: 6px
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border: 1px solid #000;
    outline: 0
}

label, legend {
    display: block;
    margin-bottom: .2rem;
    font-weight: 500;
    font-size: .9em;
    color: #666
}

fieldset {
    padding: 0;
    border-width: 0
}

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

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: 400
}

input.small {
    width: 20%;
    min-width: 64px
}

input.medium {
    width: calc(80% - 5px);
    min-width: 190px;
}

fieldset.variable-height {
    padding-top: 10px;
}

@media only screen and (max-width: 853px) {
    input.medium {
        width: 100%
    }

    fieldset.variable-height {
        padding-top: 45px;
        margin-bottom: 28px;
    }
}

.input_readonly {
    background-color: #e9e9e9 !important;
    color: #aaa;
    pointer-events: none;
}

.input_readonly:focus {
    border: 1px solid #d1d1d1 !important
}

input[type=checkbox]:checked, input[type=radio]:checked {
    filter: invert(1%) sepia(81%) saturate(23%) hue-rotate(88deg) brightness(97%) contrast(100%)
}

ul {
    list-style: circle inside;
    font-size: 0.9em;
}

ol {
    list-style: decimal inside
}

ol, ul {
    padding-left: 0;
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%
}

li {
    margin-bottom: 1rem
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

td, th {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.2;
}

th.lang-select {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: -1px;
    padding: 16px 15px;
    padding-right: 15px !important;
}

@media only screen and (max-width: 768px) {
    th {
        vertical-align: top;
    }

    th.lang-select {
        padding-top: 0;
        flex-direction: column;
        row-gap: 7px;
        align-items: flex-end;
        justify-content: center;
        padding-left: 0;
        padding-top: 10px;
    }
}

.small-language-select {
    display: flex;
    column-gap: 5px;
    font-size: 0.9em;
    flex-wrap: wrap;
    row-gap: 5px;
    justify-content: flex-end;
}

.small-language-select-item {
    width: 25px;
    display: flex;
    height: 25px;
    font-weight: bold;
    color: white;
    background: #aaa;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    transition: 200ms ease;
}

.small-language-select-item.active {
    background: #666;
    color: white;
}

.small-language-select-item:hover {
    cursor: pointer;
}

td:first-child, th:first-child {
    padding-left: 0;
    padding-right: 0
}

td:last-child, th:last-child {
    padding-right: 0
}



@media only screen and (max-width: 768px) {
    td, th {
        padding: 10px 5px;
    }

    table.private th:nth-child(4), table.private td:nth-child(4) {
        display: none;
    }




}

@media only screen and (max-width: 550px) {
    table.private th:nth-child(4):not(.show), table.private td:nth-child(4):not(.show) table.private th:nth-child(4), table.private td:nth-child(4) {
        display: none;
    }

    .small-language-select-item {
        height: 20px;
    }
}

@media screen and (max-width: 320px) {
    td, th {
        padding: 8px 3px;
    }
}

.button, button {
    margin-bottom: 1rem
}

fieldset, input, select, textarea {
    margin-bottom: .7rem
}

textarea {
    resize: vertical;
}

.radio-button-row {
    display: flex;
    column-gap: 10px;
}

.radio-button-row fieldset {
    display: flex;
    column-gap: 5px;
}

blockquote, dl, figure, form, ol, p, pre, table, ul {
    margin-bottom: 2.5rem
}

.u-full-width {
    font-size: .9em;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3em;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

.img-resp {
    width: auto;
    max-width: 100%;
}

.footer-swiss-logo {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.intro_slider_dots .slick-dots {
    margin-top: -5px;
}

@media only screen and (max-width: 604px) {
    .img-resp {
        margin-top: 30px;
    }
}

@media screen and (max-width: 550px) {
    .img-resp {
        width: auto;
        max-width: 90%;
        min-width: 90px;
    }

    .mob-wide {
        max-width: 100%;
    }
}

.img-text {
    width: auto;
    height: 64px;
}

@media screen and (max-width: 768px) {
    .img-text {
        height: 50px;
    }
}

@media screen and (max-width: 550px) {
    .img-text {
        width: auto;
        max-width: 100%;
        height: 60px;
    }
}

@media (min-width: 550px) and (max-width: 1024px) {

}

@media (min-width: 550px) and (max-width: 768px) {

}

.centered {
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important
}

.mobile-pad-top {
    padding-top: 24px
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #e1e1e1;
}

.container:after, .row:after, .u-cf {
    content: "";
    display: table;
    clear: both
}

header {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 18px;
    padding-bottom: 0
}

header .container {
    width: 100% !important
}

#brand {
    width: 80px;
    margin: 0 0 24px 10px;
    float: left;
    position: relative;
    z-index: 10
}

#brand:hover {
    cursor: pointer;
}

@media (min-width: 750px) {
    #brand {
        margin: 10px 0 24px 20px;
        width: 120px;
    }
}

@media (min-width: 1000px) {
    #brand {
        margin: 10px 0 24px
    }
}

#brand a {
    text-decoration: none;
    color: #363839;
    border: none;
    font-size: 18px;
    font-weight: 900
}

.gradient {
    position: relative;
    padding-bottom: 40px;
}

.header-background {
    background-color: #222;
    height: 100%;
    width: 100%;
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 73%, 0 85%);
}

#intro-header .box {
    padding-bottom: 80px;
}

#intro-dashboard {
    padding-bottom: 80px;
}

#intro-header.homepage .box {
    padding-bottom: 120px;
}

#intro-header.homepage .twelve.columns {
    transform: translateY(30px);
}

.double-layered .img-resp {
    transform: translateY(10px);
}

.header-background.dashboard {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1200px) {

    .heading-homepage {
        margin-top: 80px;
    }

    #intro-header h5 {
        display: none;
    }

    .header-background {
        clip-path: polygon(0 0, 100% 0, 100% 83%, 0 90%);
    }

    .header-background.homepage {
        height: 115%;
    }
}

@media only screen and (max-width: 550px) {
    .heading-homepage {
        margin-top: 25px;
    }

    .gradient {
        padding-bottom: 80px;
    }

    .header-background {
        clip-path: polygon(0 0, 100% 0, 100% 81%, 0 84%);
    }

    .header-background.homepage {
        height: calc(100% + 200px);
    }
}

.gradient_purple {
    background: #276d64;
    background: linear-gradient(-45deg, #4dbc9f 16%, #87beaa)
}

#nav, #dashboard-nav {
    display: block;
    text-align: right;
    position: relative;
    border-bottom: none;
    padding: 12px 0 0;
    width: auto;
    background-color: transparent
}


.nav-mob-open {
    display: block !important;
    transition: visibility 0s 2s, opacity 2s linear
}

.row.centered {
    display: flex;
    justify-content: center !important;
}


#nav ul, #dashboard-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#nav li, #dashboard-nav li {
    font-size: 16.5px;
    display: inline-block;
    margin: 0 20px 0 0;
}

@media screen and (min-width: 500px) {
    #nav li:nth-child(3), #dashboard-nav li:nth-child(3), #nav li:nth-child(4), #dashboard-nav li:nth-child(4), #nav li:nth-child(5) {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 1200px) {
    #header_container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 600px) {
    #nav, #dashboard-nav {
        padding-left: 30px;
        margin-bottom: 30px;
        margin-top: -20px;
    }

    #nav .row {
        display: flex;
        padding-right: 5px;
        justify-content: flex-end;
    }

    #dashboard-nav li:first-child, #nav li:first-child {
        margin-left: 0;
        order: 2;
    }

    #dashboard-nav ul, #nav ul {
        display: flex;
        flex-direction: column;
        align-items: flex-end !important;
        margin-right: 20px;
        row-gap: 8px;
    }

    #nav li, #dashboard-nav li {
        margin: 0 0 0 0;
        font-size: 13.5px;
    }

    #nav li:nth-child(2) {
        order: 1;
        margin: 10px 12px 0 0
    }

    #nav li:nth-child(1) {
        order: 2;
    }

    #form_login {
        margin-bottom: 1em;
    }

    .offset-by-three.login {
        margin-bottom: 30px;
    }

    #header_container, #dashboard_header_container {
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
    }

    #dashboard-nav ul li button, #nav ul li button {
        margin-left: -10px;
    }


}

.image-preview {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    height: 150px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.image-preview.multi {
    background: #5e5e5e;
    z-index: 0;
    position: relative;
}

.multi-template-image {
    position: absolute;
    background: white;
    border: 1px solid #5e5e5e;
    display: flex;
    justify-content: center;
    align-items: center;
    width: unset;
    height: unset;
}

.multi-template-image img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.multi-template-image img.empty-image {
    width: 35px !important;
    height: auto !important;
}

.multi-template-image.middle {
    height: 110px;
    width: 180px;
    z-index: 2;
}

.multi-template-image.left {
    height: 110px;
    width: 110px;
    left: 30px;
    transform: rotate(-15deg);
    z-index: 1;
}

.multi-template-image.right {
    height: 110px;
    width: 110px;
    right: 30px;
    transform: rotate(15deg);
    z-index: 3;
}

@media only screen and (max-width: 768px) {
    .multi-template-image.middle {
        height: 80px;
        width: 120px;
    }

    .multi-template-image.left {
        height: 80px;
        width: 80px;
    }

    .multi-template-image.right {
        height: 80px;
        width: 80px;
    }
}

.image-preview.w-320 img {
    object-fit: scale-down;
    max-width: 320px;
    max-height: 100%;
}

.image-preview.w-520 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cp-daily-pic {
    margin-bottom: 32px;
}

#cp-logo {
    margin-bottom: 0;
    margin-top: 10px;
}

@media (min-width: 500px) and (max-width: 600px) {
    #nav {
        padding-left: 35px;
    }
}

#nav li a, #dashboard-nav li a {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    border: none;
    white-space: nowrap;
}

#dashboard-nav .profil:first-child {
    margin-right: 30px;
}

@media only screen and (max-width: 600px) {
    #dashboard-nav .profil:first-child {
        margin-right: 15px;
    }
}

#nav li a:active, #nav li a:hover, #dashboard-nav li a:active, #dashboard-nav li a:hover {
    color: #d1d10f;
    border: none
}

#nav li a.button, #dashboard-nav li a.button {
    color: #fff
}

.nav-registrieren,
.nav-login {
    font-weight: normal;
}

.nav-language {
    display: flex !important;
    margin: 0 !important;
}

#nav .row {
    display: flex;
    align-items: center;
}

#nav .row li:nth-child(2) {
    margin-right: 35px;
}

#nav .row li:nth-child(1) {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {
    #nav .row {
        flex-direction: row-reverse;
    }

    #nav .row li:nth-child(1) {
        margin-right: 20px !important;
    }

    #nav .row li {
        margin-top: 0;
    }

    #nav .row li:nth-child(2) {
        margin-right: 15px;
    }
}

.nav-mob-open {
    padding: 30px 0 0 !important;
    left: 0 !important
}

.nav-mob-open li {
    display: block !important;
    text-align: center;
    padding: 12px 0 32px
}

.nav-mob-open li.profil {
    border-left: none !important;
    padding-left: 0 !important
}

#nav button, #dashboard-nav button, .button.primary, #homepage_heading button {
    background-color: #d1d10f;
    border-radius: 18px;
    border-color: #d1d10f;
    color: #fff;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    margin-bottom: 0;
}

@media screen and (max-width: 550px) {
    #nav button {
        padding: 0 15px;
    }
}

#nav button:hover, #dashboard-nav button:hover, .button.primary:hover {
    color: #555;
    background-color: #fff;
    border-color: #fff;
}

#dashboard-nav .row {
    display: flex;
    align-items: center;
}

.globe-icon {
    fill: #fff;
    transition: 200ms ease;
    cursor: pointer;
}

.globe-icon:hover {
    fill: #d1d10f;
}

.nav-language {
    position: relative;
}

.language-changer {
    position: absolute;
    top: 45px;
    left: -45px;
    width: 100px;
    padding: 10px 15px;
    border-radius: 5px;
    background: white;
    z-index: 2;
}

@media only screen and (max-width: 1100px) {
    .language-changer {
        left: -100px;
    }
}

@media only screen and (max-width: 600px) {
    .language-changer {
        top: 85px;
    }
}

#dashboard-nav .language-changer ul, #nav .language-changer ul {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    margin-right: 0 !important
}

#nav .row ul .language-item, #dashboard-nav .language-item {
    font-weight: normal;
    color: #555;
    margin: 0 !important;
    transition: 200ms ease;
}

#nav .row ul .language-item:hover, #dashboard-nav .language-item:hover {
    color: #d1d10f;
    cursor: pointer;
}

@media only screen and (max-width: 600px) {
    #dashboard-nav .row {
        flex-direction: row-reverse;
    }

    #dashboard-nav .row li:first-child {
        margin-top: 0 !important;
        margin-right: 15px;
    }
}

.button.primary.dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

#nav-burgermenu {
    width: 32px;
    height: 38px;
    position: relative;
    margin: 28px 0 0 auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

#nav-burgermenu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

#nav-burgermenu span:first-child {
    top: 0
}

#nav-burgermenu span:nth-child(2) {
    top: 12px
}

#nav-burgermenu span:nth-child(3) {
    top: 24px
}

#nav-burgermenu.open span:first-child {
    top: 12px;
    width: 0;
    left: 50%
}

#nav-burgermenu.open span:nth-child(2) {
    transform: rotate(45deg)
}

#nav-burgermenu.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px
}

#nav-burgermenu.open span:nth-child(4) {
    top: 28px;
    width: 0;
    left: 50%
}

@media (min-width: 400px) {
    #nav-burgermenu {
        margin-right: 20px
    }
}

@media (min-width: 750px) {
    #nav-burgermenu {
        margin-right: 20px
    }
}

.box {
    padding-bottom: 48px
}

.box, .box-top {
    padding-top: 48px
}

.box-top {
    padding-bottom: 0
}

.box-bottom {
    padding-top: 0;
    padding-bottom: 48px
}

.box-top-bottom {
    padding-top: 48px;
}

.box-small {
    padding-top: 0;
    padding-bottom: 0
}

.box-small h1 {
    font-size: 3.8rem
}

.form-info {
    display: none
}

.info-circle-popup {
    position: absolute;
    top: 400px;
    left: -8px;
    width: calc(100% + 16px);
    transition: all 300ms ease;
    opacity: 0;
    z-index: 1;
}

.info-circle-popup-content {
    text-align: start;
    height: auto;
    display: flex;
    padding: 10px;
    background: #555;
    opacity: 0.95;
    color: white;
    font-size: 13.5px;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.price-teaser {
    position: relative;
    min-height: 600px;
    height: auto;
    border: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 32px;
    padding-top: 36px;
    padding-bottom: 60px;
    box-shadow: 0 0 17px -8px rgba(0, 0, 0, .55)
}

.price-teaser.fade-in-top.last-element {
    margin-bottom: -50px;
}

.prz__info.mb {
    margin-bottom: 25px !important;
}

@media only screen and (max-width: 768px) {
    .price-teaser {
        min-height: 540px;
    }

    .prz__info.mb {
        margin-bottom: 5px !important;
    }

    .price-teaser.fade-in-top.last-element {
        margin-bottom: 80px;
    }
}

.price-teaser .button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.price-deal {
    margin-top: 30px;
}

.price-teaser h3 {
    top: 0;
    position: absolute;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: normal;
    color: #fff;
    background-color: #222;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    padding: 16px 0
}

.price-teaser h4 {
    letter-spacing: 1px;
    padding: 32px 0 16px
}

.price-teaser h4, .prz__info_werbung {
    font-weight: 900;
    color: #222;
    font-size: 16.5px;
}

.faq-text {
    font-weight: bold;
    font-size: 16.5px;
    padding-bottom: 10px;
}

.faq-acc-inhalt {
    margin-top: 10px;
}

.prz__info_werbung {
    padding: 32px 24px 16px;
    display: none;
}

@media (min-width: 768px) {
    .prz__info_werbung {
        display: block;
    }
}

.price-teaser h4 img {
    width: 75%;
}

.prz {
    font-weight: 900;
    font-style: normal;
    font-size: 45px
}

.prz span {
    font-size: 1em;
    color: #363839;
}

.prz__info {
    display: flex;
    justify-content: center;
    text-align: center;
}

.info-circle-container {
    display: flex;
    justify-content: center;
    text-align: center;
}

.info-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #000;
    margin: 30px 0;
    transition: all 200ms ease;
}

.info-circle:hover {
    background: #d1d10f;
    cursor: pointer;
}

@media (min-width: 550px) and (max-width: 1024px) {
    .price-teaser h4, .prz__info_werbung {
        font-size: 1.3rem;
    }

    .prz__info_werbung {
        padding: 10px 10px 16px
    }

    .prz {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 35px;
    }

}

@media (min-width: 550px) and (max-width: 768px) {
    .price-teaser h4, .prz__info_werbung {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 350px) {
    .prz {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 40px;
    }
}

#campaign_offers.private .price-teaser h4 {
    font-size: 2rem;
    padding-top: 0;
}

#campaign_offers.private .price-teaser h2 {
    color: #d1d10f;
    font-size: 32px;
    padding: 0 15px;
}

#campaign_offers.private .preview-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 20px;
}

#campaign_offers.private .preview-container img {
    width: 80%;
}

#campaign_offers.private .private-subtitle {
    padding: 10px 15px;
    height: 90px;
}

#campaign_offers.private .info-circle {
    margin: 10px 0;
}

#campaign_offers.private .info-circle-popup {
    top: 140px;
}

@media only screen and (max-width: 768px) {
    .faq-box.last-box.private {
        padding-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    #campaign_offers.private .four.columns {
        width: 45%;
    }
}

@media only screen and (min-width: 768px) {
    #campaign_offers.private .row:first-child {
        display: flex;
        justify-content: center;
    }
}

.titel-questions {
}

.sel-product {
    border: 1px solid #363839;
    border-radius: 2px;
    max-width: 320px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: 700
}

.sel-product h3 {
    background: #222;
    font-size: 16.5px;
    color: #fff;
    font-weight: 700;
    padding: 12px 0
}

.sel-product p {
    font-weight: 700;
    font-size: 32px;
    margin: 6px 24px !important;
    margin-top: -10px !important;
}

.sel-product p span {
    color: #222;
    font-size: 1em;
}

.feature-box {
    width: 100%;
    text-align: center
}

.feature-box img {
    width: 80px;
    height: auto
}

.feature-box h2 {
    font-weight: 700;
    color: #007dd1;
    font-size: 1em;
    padding: 0 0 8px;
    margin: 0
}

ul.features {
    padding: 0 18px;
    font-size: 13.5px;
}

ul.features li {
    list-style: none;
    background: url('/assets/img/ico_included.svg') no-repeat 0;
    padding-left: 32px;
    background-size: 30px 18px
}

ul.features li.not-included {
    background: url('/assets/img/ico_not_included.svg') no-repeat 0;
    background-size: 28px 13px;
}


#row_faq-title {
    padding-bottom: 30px;
}

.faq-box {
    padding: 0;
    margin: 0
}

@media screen and (max-width: 768px) {
    .faq-box p {
        font-size: 13.5px;
    }

    ul.features li {
        font-size: 13.5px;
    }
}


.faq h4 {
    font-weight: 700;
    font-size: 1.2em;
    padding: 0 0 8px;
    margin: 0
}


.faq-accordeon {
    border-top: 1px solid #eaeaea
}

.faq-acc {
    border-bottom: 1px solid #eaeaea;
    padding: 16px 8px 16px 0
}

.disabled, .disabled * {
    opacity: 0.8;
    user-select: none;
    cursor: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

.faq-acc-titel h4 {
    font-weight: 700;
    font-size: 13.5px;
    padding: 0 32px 0 0;
    margin: 0;
    background: url('/assets/img/ico_down.svg') no-repeat 100%;
    background-size: 18px
}

.faq-acc-titel {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

@media screen and (max-width: 768px) {
    .faq-acc-titel h4 {
        /* font-size: 1.2em; */
    }
}


.faq-acc-titel h4.open {
    background: url('/assets/img/ico_up.svg') no-repeat 100%;
    background-size: 18px
}

.faq-acc-titel h4:hover {
    cursor: pointer
}

.faq-acc-inhalt {
    display: none
}

.faq-acc-inhalt p {
    padding: 2px 32px 20px 0px;
    padding-bottom: 20px;
    margin: 0;
    font-size: .9em;
}

.input-info span {
    font-weight: 900;
    font-size: 1.5rem
}

.order-confirmation {
    font-weight: 700;
    background-color: #eaeaea;
    padding: 12px;
    display: none
}

.info-error {
    font-weight: 500;
    color: #d1d10f;
    font-size: .9em;
    margin-bottom: 8px;
    font-weight: 700;
}

.info-error.success {
    color: green;
}

.input-error {
    font-size: .9em;
    font-weight: 500;
    color: red;
    margin-left: 0;
    display: flex;
}

.input-error.inside-button {
    margin-left: 8px;
    display: unset;
}

.info-success {
    border: 1px solid green;
    padding: 12px;
    color: green;
    font-weight: 700;
    margin-bottom: 24px
}

.mp_demo__teaser {
    background-color: #222;
    clip-path: polygon(0 0, 100% 85px, 100% 100%, 0 calc(100% - 85px));
    margin-bottom: -80px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.mp_demo__teaser h4, .mp_demo__teaser h6 {
    color: #fff;
    margin-bottom: 10px;
}

.mp_demo__teaser.wide h4 {
    margin-bottom: 30px;
}

.mp_demo__teaser h6 {
    font-size: 15px;
}

.mp_demo__teaser .container.box {
    padding-top: 75px;
    padding-bottom: 85px;
}

.mp_demo__teaser.wide .container.box {
    padding-top: 75px;
    padding-bottom: 100px;
}

.mp_demo__teaser a:hover {
    border: none
}

.mp_demo__teaser button {
    background-color: #fff;
    border-radius: 18px;
    border: 1px solid #fff;
}

.demo-columns {
    display: flex;
    justify-content: center;
    column-gap: 150px;
}

.demo-columns .demo-column:first-child {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.demo-columns .demo-column:last-child {
    display: flex;
    align-items: center;
}

.demo-column .color-green {
    color: #d1d10f;
    margin-bottom: 0;
}

.demo-column .lead {
    color: white;
    padding: 0;
    margin: 0;
}

button.btn-color-lightgray {
    background: #666;
    border-color: #666;
    color: white;
}

.demo-columns .demo-column:last-child.align-end {
    align-items: flex-end;
}

@media only screen and (max-width: 768px) {
    .demo-columns {
        flex-direction: column;
        align-items: center;
    }

    .demo-columns .demo-column:first-child {
        text-align: center;
        margin-top: -15px;
        margin-bottom: 10px;
    }
}


.mp_demo__teaser button:hover {
    color: #fff;
    background-color: #d1d10f;
    border-color: #d1d10f
}

span.circle {
    background: #363839;
    border-radius: 3.5rem;
    -moz-border-radius: 3.5rem;
    -webkit-border-radius: 3.5rem;
    color: #fff;
    display: inline-block;
    font-weight: 900;
    font-size: 2.2rem;
    line-height: 3.5rem;
    margin-right: 5px;
    margin-bottom: 12px;
    text-align: center;
    width: 3.5rem
}

.cookie {
    z-index: 100;
    bottom: 0;
    width: 100%;
    background-color: #363839;
    position: fixed;
    color: #fff;
    font-weight: 400;
}

.cookie_wrapper {
    margin: 24px 24px 0
}

.cookie_wrapper .container {
    padding-bottom: 0;
}

.cookie_btn_right {
    float: right;
    margin-bottom: 24px;
    margin-right: 32px;
    color: #fff;
    border-bottom: 2px solid #fff
}

.cookie_btn_right:hover {
    cursor: pointer;
    background: #666 !important;
    border-color: #666 !important;
}

.cookie_wrapper a, .cookie_wrapper a:visited {
    color: #fff
}

.cookie_wrapper a:hover {
    border-bottom: 2px solid #fff
}

.kamp-overview a {
    border: none !important
}

.kamp-logo img {
    width: 100%;
    max-width: 240px;
    height: auto
}

.kamp-sujet img {
    width: 100%;
    max-width: 160px;
    height: auto
}

.action-box {
    padding-top: 24px;
    margin-bottom: 48px;
}

.info-box {
    margin-top: 36px;
    background: #fff;
    border-radius: 2px;
    border: 2px solid green
}

.info-box p, .modal p {
    font-weight: 700;
    color: green;
    margin: 0;
    padding: 12px
}

.modal p {
    color: white;
}

#btn_close_modal_saved {
    display: none;
}

.cpy_legal_text:hover, .cpy_win_text:hover, .cpy_imp_text:hover, .cpy_legal_text:hover {
    cursor: pointer
}

.cpy_take_text {
}

.display-mobile {
    display: none;
}

.cpy_end_text {
    cursor: pointer;
}

@media (max-width: 550px) {
    .cpy_end_text, .cpy_win_text, .cpy_imp_text, .cpy_legal_text {
        display: none;
    }

    .display-mobile {
        display: inline-block;
    }

    .display-desktop {
        display: none;
    }
}

@media (min-width: 769px) {
    .btn-left {
        float: right
    }
}

footer {
    clip-path: polygon(0 0, 100% 85px, 100% 100%, 0 100%);
    background-color: #363839;
    border-top: 1px solid #363839;
    padding: 24px 0;
    padding-top: 55px;
    color: #fff;
    width: 100%;
    bottom: 0
}

@media only screen and (max-width: 1200px) {
    .demo-columns {
        column-gap: 40px;
    }
}

@media only screen and (max-width: 996px) {
    .demo-columns {
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
    }

    .demo-columns .demo-column:first-child {
        text-align: center;
    }

    .mp_demo__teaser.wide .container.box {
        padding-top: 90px;
        padding-bottom: 65px;
    }
}

@media only screen and (max-width: 996px) {
    footer {
        clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);
    }

    .mp_demo__teaser {
        clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));
        margin-bottom: -45px;
    }
}

footer.footer-landing {
    padding-top: 75px;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 768px) {
    footer.footer-landing {
        padding-top: 25px;
    }
}

footer .column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 515px;
    column-gap: 15px;
    margin-top: 20px !important;
}

footer p {
    font-size: 13.5px;
}

footer a {
    text-decoration: none;
    color: #fff;
    line-height: 3rem;
    font-size: 13.5px;
    font-weight: 400;
    border: none
}

footer a:hover {
    text-decoration: underline;
    color: #fff;
    border: none
}

.footer-nav a {
    padding: 0 12px
}

@media (min-width: 400px) {
    .footer-nav a {
        padding: 0 10px
    }
}

@media (min-width: 769px) {
    .footer-nav a {
        padding: 0 32px
    }
}

.made {
    margin: 24px 0 18px
}

.made, .made a, .made a:visited {
    color: #fff
}

.made span {
    position: relative;
    top: 5px
}

.made-in {
    color: #666;
    margin-bottom: 0 !important;
    cursor: pointer;
}

#progressbar {
    overflow: hidden;
    width: 100%;
    margin: 24px 0 0;
    padding: 0
}

#progressbar li {
    float: left;
    margin: 0 1em 0 0;
    list-style: none
}

#progressbar a {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .1rem;
    text-decoration: none;
    white-space: nowrap;
    background-color: #222;
    border-radius: 19px;
    border: 1px solid #222;
    cursor: pointer;
    box-sizing: border-box;
}

.double-layered {
    position: relative;
    margin-bottom: 460px;
}

@media only screen and (max-width: 550px) {
    .double-layered {
        margin-bottom: calc(100% + 40px);
        margin-top: -60px;
    }
}

.double-layered img:first-child {
    position: absolute;
    z-index: 2;
}

.double-layered img:last-child {
    pointer-events: none !important;
    position: absolute;
    width: 100%;
    top: 55px;
    left: 0;
    transform: scale(3);
    z-index: 1;
    opacity: 0.9;
}

.intro-header-titles h2 {
    margin-top: 10px;
}

.intro-header-title-top {
    color: #fff;
    font-size: 26px;
}

#campaign_offers h4, #showOffers h4 {
    font-size: 32px;
}

@media only screen and (min-width: 1200px) {
    #campaign_offers.box:not(#campaign_offers.private) {
        padding-top: 0;
        margin-top: -30px;
    }
}

.offer-now-container {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
}

.offer-now-container h4 {
    margin: 0;
}

.offer-now {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    aspect-ratio: 1/1;
    background: #d1d10f;
    border-radius: 7px;
    transform: rotate(355deg);
}

.offer-now h6 {
    transform: rotate(5deg);
    margin: 0;
    color: white;
    font-size: 16px;
}

@media screen and (max-width: 996px) {
    .faq-with-icons {
        display: flex;
        flex-direction: column;
    }

    #info-text-homepage {
        padding-left: 0;
    }

    .faq-with-icons .six.columns {
        width: 100%;
    }

    .faq-with-icons .columns {
        margin-left: 0;
    }

    .faq-box.last-box {
        padding-top: 30px;
    }

    .box, .box-top {
        padding-top: 50px;
        padding-bottom: 24px;
    }

    .faq-container {
        padding-top: 100px;
    }

    .prz__info.centered, .features {
        font-size: 13.5px;
    }

    ul.features {
        padding: 0 15px;
    }
}

@media screen and (max-width: 768px) {
    .faq-box.last-box {
        padding-top: 80px;
    }

    .faq .four.columns {
        width: 100%;
    }

    #progressbar a {
        padding: 0 15px;
    }

    .prz__info.centered, .features {
        font-size: 13.5px;
    }

    #progressbar li {
        margin-bottom: 10px;
    }

    .offer-row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .offer-row .four.columns {
        width: 80%;
    }

    .offer-row div:nth-child(2), .offer-row div:nth-child(3), .faq .four.columns:nth-child(2), .faq .four.columns:nth-child(3) {
        margin-left: 0;
    }

    .intro_sl div div div div {
        display: flex;
        flex-direction: column;
    }

    .intro_sl div div div div .six.columns {
        width: 100%;
    }

    .intro_sl div div div div .six.columns .arvo {
        font-size: 2em;
        margin-top: 0;
    }

    .intro_sl div div div div .six.columns .lead {
        font-size: 16.5px;
    }
}

@media screen and (max-width: 500px) {
    .offer-row .four.columns {
        width: 100%;
    }
}

#progressbar .active, #progressbar .active:hover {
    font-weight: 700;
    color: #fff;
    background: #d1d10f;
    border: 1px solid #d1d10f
}

#logo_registration {
    transform: translate(2px, 7px);
    width: 150px;
}

@media screen and (max-width: 510px) {
    #logo_registration {
        transform: translate(-4px, 7px);
    }
}

.error404 {
    min-height: 20vh
}

.modal a.close-modal {
    text-decoration: none !important;
    border: none !important
}

.dropzone-box {
    position: relative;
    clear: both
}

.kamp-sujet {
    float: left
}

.kamp-upload {
    margin-left: 180px
}

.dropzone, .kamp-upload {
    width: 160px;
    height: 160px;
    padding: 0
}

@media screen and (max-width: 900px) {

    .dropzone, .kamp-upload {
        width: 130px;
        min-height: 0px !important;
        height: 130px;
    }

    .kamp-sujet img {
        max-width: 130px;
    }

    .kamp-upload {
        margin-left: 150px;
    }
}

@media screen and (max-width: 768px) {
    #row-sujet-upload .columns {
        margin-left: 0;
    }

    #row-sujet-upload .six.columns {
        width: 100%;
    }

    .dropzone, .kamp-upload {
        width: 160px;
        min-height: 0px !important;
        height: 160px;
    }

    .kamp-sujet img {
        max-width: 160px;
    }

    .kamp-upload {
        margin-left: 180px;
    }

}

@media screen and (max-width: 385px) {
    .dropzone, .kamp-upload {
        width: 130px;
        min-height: 0px !important;
        height: 130px;
    }

    .kamp-sujet img {
        max-width: 130px;
    }

    .kamp-upload {
        margin-left: 150px;
    }
}

.dropzone {
    border: 1px dotted #666;
    margin: 0
}

.dropzone .dz-preview {
    margin: 0
}

.dropzone .dz-preview .dz-image {
    width: 158px;
    height: 158px;
    border-radius: 0
}

.dropzone .dz-message {
    margin: 3.5em 0
}

@media (min-width: 750px) {
    #nav-burgermenu {
        display: none
    }

    #nav {
        display: block;
        text-align: right;
        position: relative;
        border-bottom: none;
        padding: 12px 0 0;
        width: auto;
        background-color: transparent
    }


    .mobile-pad-top {
         padding-top: 0
    }

    .feature-box {
        text-align: left
    }
}

:root {
    --balloon-color: rgba(16, 16, 16, 0.95);
    --balloon-font-size: 12px;
    --balloon-move: 4px
}

button[aria-label][data-balloon-pos] {
    overflow: visible
}

[aria-label][data-balloon-pos] {
    position: relative;
    cursor: pointer
}

[aria-label][data-balloon-pos]:after {
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: #fff;
    content: attr(aria-label);
    padding: .5em 1em;
    white-space: nowrap
}

[aria-label][data-balloon-pos]:after, [aria-label][data-balloon-pos]:before {
    opacity: 0;
    pointer-events: none;
    transition: all .18s ease-out .18s;
    position: absolute;
    z-index: 10
}

[aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid var(--balloon-color);
    content: ""
}

[aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-visible]:before {
    opacity: 1;
    pointer-events: none
}

[aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

[aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre
}

[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word
}

[aria-label][data-balloon-pos][data-balloon-blunt]:after, [aria-label][data-balloon-pos][data-balloon-blunt]:before {
    transition: none
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:after {
    margin-bottom: 10px
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:after, [aria-label][data-balloon-pos][data-balloon-pos=up]:before {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
    transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before {
    transform: translate(-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 10px;
    transform: translateY(var(--balloon-move));
    transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:before {
    bottom: 100%;
    left: 5px;
    transform: translateY(var(--balloon-move));
    transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up-left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-visible]:before {
    transform: translate(0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 10px;
    transform: translateY(var(--balloon-move));
    transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:before {
    bottom: 100%;
    right: 5px;
    transform: translateY(var(--balloon-move));
    transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up-right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up-right][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=up-right][data-balloon-visible]:before {
    transform: translate(0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:after {
    left: 50%;
    margin-top: 10px;
    top: 100%;
    transform: translate(-50%, calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid var(--balloon-color);
    left: 50%;
    top: 100%;
    transform: translate(-50%, calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
    transform: translate(-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:after {
    left: 0;
    margin-top: 10px;
    top: 100%;
    transform: translateY(calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid var(--balloon-color);
    left: 5px;
    top: 100%;
    transform: translateY(calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down-left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down-left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down-left][data-balloon-visible]:before {
    transform: translate(0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:after {
    right: 0;
    margin-top: 10px;
    top: 100%;
    transform: translateY(calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid var(--balloon-color);
    right: 5px;
    top: 100%;
    transform: translateY(calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down-right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down-right][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down-right][data-balloon-visible]:before {
    transform: translate(0)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after {
    margin-right: 10px;
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid var(--balloon-color);
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before {
    transform: translateY(-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after {
    left: 100%;
    margin-left: 10px;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right: 5px solid var(--balloon-color);
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
    transform: translateY(-50%)
}

[aria-label][data-balloon-pos][data-balloon-length=small]:after {
    white-space: normal;
    width: 80px
}

[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
    white-space: normal;
    width: 150px
}

[aria-label][data-balloon-pos][data-balloon-length=large]:after {
    white-space: normal;
    width: 260px
}

[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 380px
}

@media screen and (max-width: 768px) {
    [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
        white-space: normal;
        width: 90vw
    }
}

[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 415px;
    box-sizing: border-box;
    width: 70%;
    background: green;
    /* padding: 15px 30px; */
    border-radius: 8px;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==")
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s ease-in-out infinite;
    animation: sk-stretchdelay 1.2s ease-in-out infinite
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, to {
        -webkit-transform: scaleY(.5)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, to {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */
.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1
}

.datepicker-container:after, .datepicker-container:before {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px #ccc;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #39f
}

.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: #39f
}

.datepicker-top-left:after, .datepicker-top-right:after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left, .datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
    border-top-color: #39f
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before {
    left: auto;
    right: 10px
}

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel > ul:after, .datepicker-panel > ul:before {
    content: " ";
    display: table
}

.datepicker-panel > ul:after {
    clear: both
}

.datepicker-panel > ul > li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel > ul > li:hover {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
    color: #999
}

.datepicker-panel > ul > li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    color: #39f
}

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
    font-size: 18px
}

.datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
    width: 150px
}

.datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

.modal_saved_open {
    display: block;
    position: fixed;
    z-index: 3;
    right: 5%;
    bottom: 5%;
}




/*! Huebee v2.1.1
https://huebee.buzz
---------------------------------------------- */
.huebee {
    position: absolute;
    z-index: 1;
    transform: translateY(0);
    transition: opacity .15s, transform .15s
}

.huebee.is-hidden {
    opacity: 0;
    transform: translateY(10px)
}

.huebee.is-static-open {
    position: relative;
    z-index: auto
}

.huebee__container {
    position: absolute;
    left: 0;
    top: 5px;
    padding: 10px;
    background: #eee;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
}

.huebee.is-static-open .huebee__container {
    position: relative;
    display: inline-block;
    left: auto;
    top: auto;
    box-shadow: none
}

.huebee__canvas {
    display: block;
    cursor: pointer
}

.huebee__cursor {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: content-box;
    border: 3px solid #fff;
    border-radius: 5px;
    pointer-events: none
}

.huebee__cursor.is-hidden {
    opacity: 0
}

.huebee__close-button {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -9px;
    right: -9px;
    border-radius: 12px;
    background: #222
}

.huebee__close-button__x {
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round
}

.huebee__close-button:hover {
    background: #fff;
    cursor: pointer
}

.huebee__close-button:hover .huebee__close-button__x {
    stroke: #222
}

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

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 15px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 46px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #d1d10f
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, .3);
    background: #fff;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

@media screen and (max-width: 900px) {
    .dropzone .dz-message {
        margin: 1.3em 0;
    }
}

@media screen and (max-width: 768px) {
    .dropzone .dz-message {
        margin: 2em 0;
    }
}

@media screen and (max-width: 385px) {
    .dropzone .dz-message {
        margin: 1.3em 0;
    }
}


.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid hsla(0, 0%, 78.4%, .8);
    background-color: hsla(0, 0%, 100%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: hsla(0, 0%, 100%, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(180deg, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(180deg, #be2626, #a92222);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas, .cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after, .cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face, .cropper-line, .cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
}

button.dz-button {
    font-size: 13px !important;
    padding: 2px 4px !important;
    margin: 10px -5px 0 !important;
    white-space: normal !important;
    text-align: center !important;
    border: 0 !important;
    line-height: 1.4;
    font-weight: 300;
    width: 127px;
}

@media screen and (max-width: 900px) {
    button.dz-button {
        font-size: .7em !important;
        padding: 0 10px !important;
        margin: 0 -5px 0 !important;
        width: 96px;
        height: 55px;
    }
}

@media screen and (max-width: 768px) {
    button.dz-button {
        font-size: .8em !important;
        padding: 2px 4px !important;
        margin: 10px -5px 0 !important;
        width: 127px;
    }
}

@media screen and (max-width: 385px) {
    button.dz-button {
        font-size: .7em !important;
        padding: 0 10px !important;
        margin: 0 -5px 0 !important;
        width: 96px;
        height: 55px;
    }
}

.intro_slider .lead, .intro_slider_dots h2, .intro_slider h2 {
    color: #fff
}

.intro_sl h4, .intro_slider .lead {
    font-weight: 400
}

.intro_sl h4 {
    color: #d1d10f !important;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 40px;
}

.intro_slider_dots .slick-dots {
    bottom: auto;
    top: 15px;
}

.intro_slider {
    text-align: center;
}

.intro_slider img {
    margin: 0 auto !important;
}

@media screen and (max-width: 768px) {
    #intro-header h1 {
        padding-top: 20px;
    }

    .intro_slider h2 {
        font-size: 1.9em;
        margin-bottom: 10px;
    }

    .intro_slider .lead {
        font-size: 1.1em;
    }
}

@media screen and (min-width: 768px) {
    .intro_slider_dots .slick-dots {
        display: flex;
        top: 0;
        bottom: auto
    }

    .intro_slider {
        text-align: left;
    }

    .intro_slider img {
        margin: 0 auto 0 0 !important;
    }
}

.intro_slider_dots .slick-slide {
    margin-top: 60px
}

.intro_slider_dots .slick-dots li {
    margin: 0 0;
    width: auto;
    height: auto
}

.intro_slider_dots .slick-dots li a {
    border: none;
    color: #222
}

.intro_slider_dots .slick-dots li a.button {
    background-color: #fff;
    border-radius: 18px;
    border: 1px solid #fff
}

.intro_slider_dots .slick-dots li.slick-active a.button {
     color: #fff;
    background-color: #d1d10f;
    border-color: #d1d10f
}

.intro_slider .slide-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 40px;
}

.slider_btn-wrapper:after {
    content: " ";
    width: 35px;
    height: 2px;
    margin: 0 0 0 0;
    vertical-align: super;
    background-color: white;
    display: inline-block;
}

.slider_so-funktionierts-h2 {
    color: #d1d10f !important;
    font-weight: 700;
    font-size: 1.6em;
    transition: all 300ms ease-in-out;
}

.slider_so-funktionierts-h2:hover {
    color: #fff !important;
    cursor: pointer;
}

.slider_so-funktionierts-h1 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    color: #d1d10f !important;
    font-weight: 400;
    font-size: 1.8em;
}

/* #last_slide {
     height: auto;
    margin-top: 0;
    width: 300px;
    padding-left: 12px;
} */

@media screen and (max-width: 1150px) {
    /* #last_slide {
        height: auto;
        margin-top: 20px;
        width: 220px;
    } */
    .img_slide_so-funktionierts {
        width: 280px;
    }
}

@media screen and (max-width: 1100px) {
    #step_slider-button {
        padding: 0 20px;
    }

    .slider_btn-wrapper:after {
        width: 20px;
    }

}

.title-mob,
.mob-only {
    display: none;
}

.button-slider {
    background-color: #FFFFFF;
}

#slider-subtitle-last {
    margin: 5px 0 !important;
}

@media screen and (max-width: 768px) {
    .slider_so-funktionierts-h1 {
        padding-right: 15px;
    }

    .mob-only {
        display: block;
    }

    .title-mob {
        display: block;
        color: #d1d10f !important;
        margin-top: 10px;
        font-size: 22px !important;
    }

    #slider-subtitle,
    #slider-subtitle-last {
        display: none;
    }

    #step_slider-button, .slider_btn-wrapper:after {
        display: none;
    }

    #slider_so-funktionierts .six.columns {
        display: flex;
        width: 99%;
        padding: 0;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #slider_so-funktionierts .arvo, #slider_so-funktionierts .lead {
        width: 99%;
        text-align: center;
    }

    #slider_so-funktionierts .lead {
        font-size: 1.1em;
    }

    .img_slide_so-funktionierts {
        width: 250px;
    }

    #last_slide {
        padding-left: 7px;
    }

    .slider_so-funktionierts-h2 {
        flex: 1;
        font-size: 2em;
    }

    .intro_slider_dots .slick-slide {
        margin-top: 0;
        padding: 2px;
    }

    .img_slide_so-funktionierts last-slide {
        margin-top: 10px;
    }

    .logo-product-choice {
        width: 120px;
    }

    .btn-product-choice {
        padding: 0;
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    .slider_so-funktionierts-h1 {
        padding-left: -10px;
    }
}

@media (min-width: 768px) {
    #slider-subtitle {
        padding-top: 0;
    }

    #slider-subtitle-last {
        margin-top: 20px;
    }
}

@media (min-width: 1024px) {
    .lead_img img {


    }

    .sel-product {
        margin-top: 43px !important;
    }
}

@media (min-width: 600px) {
    .lead_img img {

    }
}

.img_slide_so-funktionierts {
    max-width: 100%;
}

.align-slider {
    width: 100%;
    text-align: center;
}

.align-slider img {
    display: initial;
}

@media screen and (min-width: 768px) {
    .align-slider {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: -15px;
    }

    .align-slider img {
        display: block;
    }

}

.faq-box p strong {
    font-size: 16.5px;
}

@media only screen and (max-width: 768px) {
    .faq-box p strong {
        font-size: 16.5px;
    }
}

.dashboard-buttons {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    column-gap: 10px;
    margin-right: 15px;
}

#logo_header-intro {
    width: 185px;
    height: auto;
    margin: 0;
    transform: translateX(-5px);
}

@media screen and (max-width: 1340px) {
    .media-icon-effect.copy {
        display: none;
    }
}

.dashboard-link {
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
}

@media screen and (max-width: 768px) {
    .dashboard-link {
        display: none;
    }

    .media-icon-effect.copy {
        display: none;
    }

    .copy-button, .link-button {
        display: none;
    }
}

@media (min-width: 768px) {
    .media-icon-effect.link {
        display: none;
    }
}

/* Copy popup */

.mpopup {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);


}

.modal-content {
    float: left;
    display: flex;
    justify-content: center;
    position: absolute;
    margin-top: -35px;
    margin-left: 40px;
    background-color: #d1d10f;
    padding: 0;
    width: 280px;
    height: 35px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 7px;
    transition: 1s opacity ease-in-out;

}

.modal-content input {
    outline: 0 !important;
    font-size: 0.8em;
    width: 260px;
    margin-top: 3px;
    border-radius: 5px;
    background-color: #d1d10f;
    padding: 3px;
    border: 2px solid #555555;

}

.modal-content input:focus {
    outline: none;
}

.modal-content img {
    width: 12px;
    height: 12px;
    position: relative;
}

.modal-body {
    padding: 2px 12px;
    transition: 1s opacity ease-in-out;
}

.close {
    color: #888;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#showOffers {
    margin-top: 50px;
}

.container.display-center {
    display: flex;
    justify-content: center;
    text-align: center;
}

.row.faq {
    padding-top: 50px;
}

.faq-box .button {
    margin-bottom: 20px;
}

@media screen and (max-width: 1340px) {
    .modal-content {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #showOffers .container {
        padding-top: 48px;
    }

    #intro-header .container .box {
        padding-bottom: 40px;
    }

    .container.footer .row .twelve.columns {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

}


@media screen and (max-width: 996px) {
    .cookie p {
        font-size: 11px;
        margin-bottom: -4px;
    }
}

#form_win input[type] {
    font-size: 14px !important;
}

.ajax-form {
    margin: 0 !important;
}

.feedback-box-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

.feedback-box-logo img {
    width: 50%;
}

.feedback-columns {
    display: flex;
    column-gap: 20px;
    width: 100%;
    margin-bottom: 20px;
}

.feedback-box {
    width: 100%;
    padding: 40px 20px;
    border: 2px solid #EFEFEF;
    border-radius: 5px;
    height: 320px;
    box-shadow: 0 8px 5px -3px rgba(0, 0, 0, 0.12);
}

.feedback-box.row-of-three {
    flex: 0 0 calc(33.333% - 60px);
}

@media only screen and (max-width: 1200px) {
    .feedback-box {
        height: auto;
    }
}

@media only screen and (max-width: 996px) {
    .feedback-columns {
        width: calc(100% - 30px);
        flex-direction: column;
        row-gap: 30px;
    }
}

.feedback-box-text {
    font-style: italic;
}

.feedback-box-author {
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 5px;
}


.logo-point.header-h1 {
    display: block;
    margin-left: -3px;
    margin-top: 0;
}

#intro-header.homepage.business .lead.bold {
    margin-top: 35px;
}

input:disabled, select:disabled {
    opacity: 0.8;
}

.space-container {
    height: 350px;
}

table a {
    border-bottom: none;
}