/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/* Fonts einbinden!
---------------------------------- */


@font-face{
    font-family:"Helvetica Neue LT W05_45 Light";
    src:url("./fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix");
    src:url("./fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix") format("eot"),url("./fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("./fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"),url("./fonts/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.ttf") format("truetype");
}
@font-face{
    font-family:"Helvetica Neue LT W05_55 Roman";
    src:url("./fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
    src:url("./fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("./fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("./fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("./fonts/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
}
@font-face{
    font-family:"Helvetica Neue LT W05_65 Medium";
    src:url("./fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
    src:url("./fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"),url("./fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("./fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"),url("./fonts/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype");
}
@font-face{
    font-family:"Helvetica Neue LT W01_75 Bold";
    src:url("./fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
    src:url("./fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("./fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("./fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("./fonts/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
}



/* Reset Ocean WP
---------------------------------- */
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}


/* Fonts Standard
---------------------------------- */

body {
    font-family:"Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5 !important;
    color: #3c3c3c !important;
}

h1, .elementor-widget-heading h1.elementor-heading-title {
    font-family:"Helvetica Neue LT W01_75 Bold", sans-serif;
    font-weight: normal;
    font-size: 42px;
    line-height: 1.2 !important;
    color: #1d7b2c;
    padding-bottom: 5px;
}

h2, .elementor-widget-heading h2.elementor-heading-title {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 32px;
    line-height: 1.2 !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1d7b2c;
    padding-bottom: 5px;
    margin: 0;
}

h3,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-text-editor h3 {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 1.3 !important;
    color: #1d7b2c;
    padding-bottom: 5px;
    margin: 0;
}

h4, .elementor-widget-heading h4.elementor-heading-title {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2 !important;
    color: #1d7b2c;
    padding-bottom: 5px;
}

h5, .elementor-widget-heading h5.elementor-heading-title {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 1.2 !important;
    color: #1d7b2c !important;
    padding-bottom: 5px;
}

h6, .elementor-widget-heading h6.elementor-heading-title {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.4 !important;
    color: #1d7b2c !important;
    padding-bottom: 5px;
}

p strong {
    font-family:"Helvetica Neue LT W05_65 Medium", sans-serif;
    font-weight: normal;
}

.copy-no-margin p {
    margin-bottom: 0;
}

@media (max-width: 767px) {

    body {
        font-size: 16px;
    }

    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: 36px;
    }

    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: 28px;
    }

    h3, .elementor-widget-heading h3.elementor-heading-title, .elementor-text-editor h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 16px;
    }

    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: 32px;
    }

    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: 24px;
    }

    h3, .elementor-widget-heading h3.elementor-heading-title, .elementor-text-editor h3 {
        font-size: 20px;
    }
}

@media (max-width: 380px) {

    body {
        font-size: 16px;
    }

    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: 28px;
    }

    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: 22px;
    }

    h3, .elementor-widget-heading h3.elementor-heading-title, .elementor-text-editor h3 {
        font-size: 20px;
    }
}

@media (max-width: 340px) {

    body {
        font-size: 14px;
    }

    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: 24px;
    }

    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: 20px;
    }

    h3, .elementor-widget-heading h3.elementor-heading-title, .elementor-text-editor h3 {
        font-size: 18px;
    }
}



#site-header.vertical-header #site-navigation-wrap .dropdown-menu li {
    /*border-bottom: 0;*/
    text-align: center;
}



/* Header
---------------------------------- */

#site-header {
    /*border-top: 26px solid #3c3c3b;*/
}

#site-navigation {
    max-width: 1140px;
    margin: 0 auto;
}

#site-header.center-header #site-navigation-wrap .left-menu {
    text-align: left;
}

#site-header.center-header #site-navigation-wrap .right-menu {
    text-align: right;
}

#site-navigation-wrap .dropdown-menu > li > a {
    line-height: 1;
}

#site-header.center-header #site-navigation-wrap .left-menu,
#site-header.center-header #site-navigation-wrap .right-menu {
    /*top: 25px;*/
}



#site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1.5;
    letter-spacing: 0.4px;
    /*font-family:"Helvetica Neue LT W05_65 Medium", sans-serif;*/
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
}

#site-navigation-wrap .dropdown-menu > .current-menu-item > a.active {
    color: #1d7b2c;
}

#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover {
    color: #1d7b2c !important;
}



/* Logo Mobil center
---------------------------------- */
@media (max-width: 1100px) {

    .vertical-header-style #site-header.vertical-header {
        position: fixed;
        height: 110px;
    }

    .vertical-header-style #site-logo #site-logo-inner a img,
    .vertical-header-style #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 94px;
    }
}

@media (max-width: 1024px) {

    .vertical-header-style #site-header.vertical-header {
        position: fixed;
        height: 100px;
    }

    .vertical-header-style #site-logo #site-logo-inner a img,
    .vertical-header-style #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 84px;
    }
}

@media (max-width: 960px) {

    .vertical-header-style #site-header.vertical-header {
        position: fixed;
        height: 90px;
    }

    .vertical-header-style #site-logo #site-logo-inner a img,
    .vertical-header-style #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 74px;
    }
}


/* Footer
---------------------------------- */

#footer a {
    color: #ffffff;
}

#footer a:hover {
    color: #333333;
}


/* Socket
---------------------------------- */

#socket a {
    color: #333333;
}

#socket a:hover {
    color: #1d7b2c;
}




/* Cookie-Banner
---------------------------------- */

#ocn-cookie-wrap {
    border-radius: 0 !important;
}

#ocn-cookie-wrap .ocn-btn {
    /*font-family:"Univers LT W01_57 Condensed";
    font-weight: normal;*/
    text-transform: uppercase;
}


/* Scroll-Top
---------------------------------- */

#scroll-top {
    border-radius: 0;
}






/* Kontakt-Formular
––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-element-container {
    width: 100%;
    display: inline-block;
}

.form-element-full {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
}

.form-element-half {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    float: left;
    position: relative;
}

@media (max-width: 990px) {

    .form-element-half {
        width: 100%;
        margin-right: 0;
    }
}

.form-element-container .form-element-half:last-child {
    margin-right: 0;
}

#top .ajax-form select {
    font-family: "Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    border-radius: 0;
    padding: 13px;
}


/* Kontakt-Formular (Text, Textarea)
––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
form input[type="text"],
form textarea {
    font-family: "Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    padding: 13px;
    border-radius: 0;
    border-color: #e5ecee;
    background-color: #ffffff;
    color: #333f48;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: inherit;
    line-height: 1.4;
}


form input:focus:invalid,
form textarea:focus:invalid,
form select:focus:invalid {
    color: #333f48;
    border-color: #e5ecee;
}

input[type="submit"],
.submitButton {
    font-family: "Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #1d7b2c !important;
    padding: 15px 40px;
    letter-spacing: 0.1em;
    border: 1px solid #ffffff;
}

input[type="submit"]:hover,
.submitButton:hover {
    background-color: #ffffff !important;
    color: #1d7b2c;
    border: 1px solid #ffffff;
}

.line-form {
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    margin: 20px 0 40px 0;
}

.line-form hr {
    display: none;
}


/* Kontakt-Formular (Floating Label)
––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.floating-label {
    position: absolute;
    top: 11px;
    left: 14px;
    pointer-events: none;
    transition: 0.2s ease all;
    color: #333f48;
    /*font-size: 13px;*/
}

.floating-label.active {
    top: -19px;
    left: 0;
    font-size: 11px;
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    color: #ffffff;
}

.elementor a.main-underline {
    color: #ffffff;
    text-decoration: underline;
}


/* Kontakt-Formular (Help-Block)
––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.help-block {
    position: absolute;
    top: 7px;
    right: 10px;
    top: -20px;
    right: 10px;
}

.help-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

.help-block li {
    font-family: "Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2em;
    color: #ffffff;
    background-color: #e33939;
    margin: 0;
    padding: 5px 10px;
    border: 0;
}

.help-block li::after {
    position: absolute;
    content: "";
    top: 26px !important;
    left: 6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-color: #e33939 transparent transparent transparent;
}

.help-block.help-block-left {
    right: unset;
    left: 0;
    top: -38px;
}


/* Checkbox
––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* The container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 14px;
    line-height: 1.8;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 10px;
    font-weight: normal !important;
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    text-align: left;
    color: #ffffff;
    max-width: 700px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkbox-checkmark {
    /*background-color: #d8dde3;*/
    background-color: #1d7b2c;
    border: 1px solid #1d7b2c;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: #1d7b2c;
    border: 1px solid #1d7b2c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkbox-checkmark:after {

    /*left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;*/

    left: 8px;
    top: 3px;
    width: 10px;
    height: 15px;

    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* DIALOG
––––––––––––––––––––––––––––––––––––––––––––––– */

#submitFormDialog {
    width: 100%;
    max-width: 640px;
    background: #ffffff;
    margin: 20px auto;
    padding: 60px 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#submitFormDialog h2 {
    font-family:"Helvetica Neue LT W05_55 Roman", sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 1.2 !important;
    color: #1d7b2c;
    padding-bottom: 10px;
}

#submitFormDialog p {
    color: #000000;
    max-width: 400px;
    margin: 0 auto 20px auto;
}

#submitFormDialog .submitButton {
    font-family:"Helvetica Neue LT W05_45 Light", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #1d7b2c !important;
    letter-spacing: 0.1em;
    padding: 10px 30px;
    margin-top: 20px;
    border: 0;
    min-width: 200px;
    margin-right: 5px;
    margin-left: 5px;
}

/* Lade-Icon Dialog-Fenster */
.spinner {
    animation:rotator 1.4s linear infinite;
}

@keyframes rotator {
    0%{transform:rotate(0)}
    100%{transform:rotate(270deg)}
}

.path {
    stroke-dasharray:187;
    stroke-dashoffset:0;
    transform-origin:center;
    animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
}

@keyframes colors{
    0%{stroke:#1d7b2c}
    25%{stroke:#1d7b2c}
    50%{stroke:#1d7b2c}
    75%{stroke:#1d7b2c}
    100%{stroke:#1d7b2c}
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }
    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg)
    }
    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg)
    }
}