/* ==========================================================================
   HS COS Boilerplate v1.5.3
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


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

html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: var(--white);
    color: var(--dark-blue);
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
}

.container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1200px;
    margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
}


/* ==========================================================================
   Event Landingpage
   ========================================================================== */

/* basic styles */

::selection,
::-moz-selection {
    background: var(--blue);
    color: var(--white);
}

body.evp-event-lp {
    padding-top: 0 !important;
    background-color: var(--white);
}

body.evp-event-lp .body-container-wrapper {
    background: transparent;
}

body.evp-event-lp .page-center {
    padding: 0 20px;
    width: 100%;
}

body.evp-event-lp .page-module.header {
    padding-top: 0;
}

@media (max-width: 767px) {
    body.evp-event-lp {
        -webkit-overflow-scrolling: touch;
    }

    body.evp-event-lp .page-module {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 768px) {
    body.evp-event-lp .page-module {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (max-width: 991px) {
    body.evp-event-lp .form-container {
        padding-bottom: 50px;
    }
}

/* rotate */

/*body.evp-event-lp .page-module.rotate {
    transform: skewY(-3deg);
}

body.evp-event-lp .page-module.rotate > .row-fluid-wrapper > .row-fluid {
    transform: skewY(3deg);
}

body.evp-event-lp:not(.version-b) .module-highlight {
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
    padding-top: 60px;
}*/

/*body.evp-event-lp:not(.version-b) .module-highlight:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 0;
    transform-origin: bottom right;
    transform: skewY(-3deg);
}*/

/*body.evp-event-lp #contact {
    position: relative;
    z-index: 1;
    padding-top: 60px;
}*/

/*body.evp-event-lp #contact:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    z-index: -1;
    bottom: 0;
    transform-origin: bottom left;
    transform: skewY(-3deg);
}*/

/*#faq-container {
    padding-bottom: 180px;
}

#event-container {
    padding-top: 180px;
}*/


/* hide empty module container */

body.evp-event-lp .row-fluid-wrapper.no-content {
    display: none !important;
}


/* sticky footer */

html {
    height: 100%;
}

body.evp-event-lp {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.ie-11 body.evp-event-lp {
    display: block !important;
}

body.evp-event-lp .body-container-wrapper {
    flex: 1;
}


/* sticky nav bar */

/*body.evp-event-lp .nav-menu {
    width: 100%;
    background: var(--white);
    position: fixed;
    right: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    transition: all .4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -1px 12px -2px rgba(0,0,0,0.3);
}

@media (max-width: 767px) {
    body.evp-event-lp .nav-menu {
        bottom: 0;
    }
}

@media (min-width: 768px) {
    body.evp-event-lp .nav-menu {
        height: 80px;
        top: -80px;
    }
}

body.evp-event-lp .nav-menu .cta {
    display: inline-block;
    width: auto;
    text-align: center;
    letter-spacing: 0;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid #ffdc00;
    background: #ffdc00;
    color: #424242;
    font-size: 16px;
    border-radius: .25em;
    text-decoration: none !important;
    margin: 0;
    white-space: normal;
    outline: none !important;
    transition: all .2s ease;
}

body.evp-event-lp .nav-menu .cta span {
    display: inline-block;
    padding: 10px 30px;
}

@media (max-width: 767px) {
    body.evp-event-lp .nav-menu .cta {
        width: 100%;
        margin-bottom: 0;
        border-radius: 0;
        padding-bottom: env(safe-area-inset-bottom);
    }

    body.evp-event-lp .nav-menu .cta span {
        padding: 18px 25px;
    }
}

body.evp-event-lp .nav-menu .cta:hover {
    opacity: 0.7;
}

body.evp-event-lp .nav-menu.sticky  {
    opacity: 1;
}

@media (min-width: 768px) {
    body.evp-event-lp .nav-menu.sticky {
        top: 0;
    }
}*/


/* highlight module */

body.evp-event-lp .module-blue {
    background: var(--dark-blue);
}

body.evp-event-lp .module-grey {
    background-color: var(--light-gray);
}

@media (max-width: 767px) {
    body.evp-event-lp .page-module.module-highlight {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    body.evp-event-lp .page-module.module-highlight .column-container > .row-fluid-wrapper > .row-fluid .column-2 {
        margin-top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.evp-event-lp .module-highlight .column-1,
    body.evp-event-lp .module-highlight .column-2 {
        width: 100%;
        max-width: 500px;
        float: none;
        padding: 0;
        margin: 0 auto;
    }
}


/* =============================================================================
   FORM
   ========================================================================== */

@media (min-width: 1200px) {
    body.evp-event-lp .form-container {
        padding-left: 60px;
    }
}

/* submit button */

body.evp-event-lp .hs_submit {
    margin-top: 40px;
}

/*body.evp-event-lp .hs-submit input[type="submit"] {
    display: inline-block;
    text-align: center;
    letter-spacing: 0;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .2s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid #ffdc00;
    background: #ffdc00;
    color: #000;
    font-size: 18px;
    border-radius: .25em;
    padding: 20px 30px;
    text-decoration: none !important;
    margin-top: 0;
    margin-bottom: 0;
    pointer-events: none;
    opacity: 0.4;
    white-space: normal;
    cursor: pointer;
    -webkit-appearance: none;
    width: 100%;
    outline: none !important;
}*/

@media (max-width: 767px) {
    body.evp-event-lp .hs-submit input[type="submit"] {
        width: 100%;
        margin-bottom: 0;
    }
}

/*body.evp-event-lp .hs-submit input[type="submit"].valid {
    opacity: 1;
    pointer-events: visible;
}

body.evp-event-lp .hs-submit input[type="submit"].valid:hover {
    opacity: 0.7;
}*/


/* form field wrapper */

body.evp-event-lp .hs-form-field {
    position: relative;
    margin-bottom: 15px;
    padding: 0 !important;
}


/* labels */

body.evp-event-lp .hs-form-field > label {
    position: absolute;
    top: 4px;
    font-size: 12px;
    left: 16px;
    transition: all 0.5s;
    cursor: text;
    font-weight: bold;
    z-index: 2;
}

body.evp-event-lp .hs-form-field.with-text > label {
    color: #14ab4a;
}

body.evp-event-lp .hs-form-field.focussed > label,
body.evp-event-lp .hs-form-field.focussed.with-text > label {
    color: var(--blue);
}

body.evp-event-lp .hs-form-field.error > label,
body.evp-event-lp .hs-form-field.error.with-text  > label {
    color: red;
}

/* form fields: input general */

body.evp-event-lp .hs-form-field .hs-input {
    border: 1px solid #747474;
    box-shadow: none;
    color: #000;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 28px 35px 9px 15px;
    border-radius: 2px;
    background-color: var(--white);
    margin: 0;
    background-image: none;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right 10px;
    width: 100%;
    max-width: none;
    display: block;
    outline: none;
    transition: all .2s ease;
}

body.evp-event-lp .hs-form-field input.hs-input:-webkit-autofill,
body.evp-event-lp .hs-form-field input.hs-input:-webkit-autofill:hover,
body.evp-event-lp .hs-form-field input.hs-input:-webkit-autofill:focus,
body.evp-event-lp .hs-form-field textarea.hs-input:-webkit-autofill,
body.evp-event-lp .hs-form-field textarea.hs-input:-webkit-autofill:hover,
body.evp-event-lp .hs-form-field textarea:-webkit-autofill:focus,
body.evp-event-lp .hs-form-field select.hs-input:-webkit-autofill,
body.evp-event-lp .hs-form-field select.hs-input:-webkit-autofill:hover,
body.evp-event-lp .hs-form-field select.hs-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset;
    transition: background-color 5000s ease-in-out 0s;
}

body.evp-event-lp .hs-form-field .hs-input:hover {
    border-color: #9B9B9B;
}

body.evp-event-lp .hs-form-field.with-text .hs-input:required:valid,
body.evp-event-lp .hs-form-field.with-text .hs-input:optional {
    border: 1px solid #2DBE60;
    background-image: url(https://insights.staffbase.com/hubfs/Landing%20Pages/check-icon-green.svg) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right 10px;
}

body.evp-event-lp .hs-form-field .hs-input:focus {
    border-color: var(--blue); !important;
    background-image: none !important;
}

body.evp-event-lp .hs-form-field.with-text .hs-input.invalid.error,
body.evp-event-lp .hs-form-field.with-text.focussed .hs-input:required:valid {
    background-image: none !important;
}

body.evp-event-lp .hs-form-field .hs-input.invalid.error,
body.evp-event-lp .hs-form-field .hs-input.invalid.error:hover {
    border-color: red !important;
    background-image: none !important;
}


/* form fields: checkbox */

body.evp-event-lp .hs-form-field .hs-input[type="checkbox"] {
    width: auto;
    display: inline-block;
    margin-right: 7px;
    padding-right: 0;
}

body.evp-event-lp .hs-form-field.with-text .hs-input[type="checkbox"]:required:valid,
body.evp-event-lp .hs-form-field.with-text .hs-input[type="checkbox"]:optional {
    background-image: none;
}


/* form fields: textarea */

body.evp-event-lp .hs-form-field textarea.hs-input {
    resize: none;
}


/* form fields: select */

body.evp-event-lp .hs-fieldtype-select .input {
    position: relative;
}

body.evp-event-lp .hs-fieldtype-select .input:after {
    position: absolute;
    content: "";
    top: 30px;
    right: 8px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #3e3e3e;
    z-index: 2;
}

body.evp-event-lp .hs-form-field select.hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    background-position: center right 26px;
}

body.evp-event-lp .hs-form-field.with-text select.hs-input:required:valid {
    background-position: center right 26px;
}


/* legal consent */

body.evp-event-lp .legal-consent-container .hs-form-field ul.inputs-list,
body.evp-event-lp .hs_gdpr_checkbox.hs-form-field ul.inputs-list,
body.evp-event-lp .hs_gdpr_permission_de.hs-form-field ul.inputs-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

body.evp-event-lp .legal-consent-container .hs-richtext p,
body.evp-event-lp .hs_gdpr_permission_de.hs-form-field .hs-richtext p {
    font-size: 12px;
    line-height: 16px;
    color: var(--white);
}

body.evp-event-lp .legal-consent-container .hs-richtext p a,
body.evp-event-lp .hs_gdpr_permission_de.hs-form-field span a {
    color: var(--white) !important;
    text-decoration: underline !important;
}

body.evp-event-lp .legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: 0 !important;
    line-height: 20px;
    margin-top: 3px;
}

body.evp-event-lp .legal-consent-container .hs-form-booleancheckbox-display p,
body.evp-event-lp .hs_gdpr_checkbox.hs-form-field .hs-form-booleancheckbox-display .hs-input + span,
body.evp-event-lp .hs_gdpr_permission_de.hs-form-field .hs-form-booleancheckbox-display .hs-input + span {
    color: var(--white);
    line-height: 20px;
    font-size: 14px;
    display: inline;
}

body.evp-event-lp .hs_gdpr_checkbox.hs-form-field .hs-form-booleancheckbox-display .hs-input + span,
body.evp-event-lp .hs_gdpr_permission_de.hs-form-field .hs-form-booleancheckbox-display .hs-input + span {
    padding-top: 3px;
}

body.evp-event-lp .hs-form-field .hs-form-booleancheckbox-display {
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: flex-start;
}

body.evp-event-lp .hs-form-field .hs-form-booleancheckbox-display>span {
    padding-left: 5px;
}

body.evp-event-lp .hs-form-field .hs-form-booleancheckbox-display>.hs-input[type="checkbox"] {
    height: 25px;
    width: 25px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #9b9b9b !important;
    border-radius: 4px;
    outline: 0;
    transition-duration: .3s;
    background-color: var(--white);
    cursor: pointer;
    background-image: none !important;
    flex: 0 0 25px;
}

body.evp-event-lp .hs-form-field .hs-form-booleancheckbox-display>.hs-input[type="checkbox"]:checked {
    border: 1px solid var(--orange) !important;
    background-color: var(--orange);
    background-image: none !important;
}

body.evp-event-lp .hs-form-field .hs-form-booleancheckbox-display>.hs-input[type="checkbox"]:checked+span::before {
    font: var(--fa-font-solid);
    content: "\f00c";
    font-size: 20px;
    display: block;
    text-align: center;
    position: absolute;
    left: 3px;
    top: 3px;
    color: var(--dark-blue);
}

body.evp-event-lp .hs_gdpr_checkbox.hs-form-field .hs-form-booleancheckbox-display>.hs-input[type="checkbox"]:checked+span::before {
    top: 4px;
}

body.evp-event-lp .hs-form-field .checkbox>.hs-input[type="checkbox"]:active {
    border: 1px solid #14ab4a !important;
}


/* error messages */

body.evp-event-lp .hs-error-msgs {
    margin-top: 4px;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 16px;
    list-style: none !important;
}

body.evp-event-lp .hs-error-msgs .hs-error-msg,
body.evp-event-lp .hs-error-msgs .hs-main-font-element {
    color: red;
}

body.evp-event-lp .hs-error-msgs a {
    color: red;
    outline: none;
    text-decoration: underline;
}

body.evp-event-lp .hs_error_rollup {
    margin-top: 20px;
}

body.evp-event-lp .hs-form-field .hs-form-required {
    display: inline;
    margin-left: 5px;
    font-weight: bold;
    color: red;
}