/*
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:"Avenir LT W01_35 Light1475496";
    src:url("./fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
    src:url("./fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("./fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("./fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("./fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_45 Book1475508";
    src:url("./fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
    src:url("./fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("./fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("./fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("./fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_55 Roman1475520";
    src:url("./fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix");
    src:url("./fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"),url("./fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),url("./fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"),url("./fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_65 Medium1475532";
    src:url("./fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
    src:url("./fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),url("./fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("./fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),url("./fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir LT W01_85 Heavy1475544";
    src:url("./fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
    src:url("./fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("./fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("./fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("./fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype");
}
@font-face{
    font-family:"Minion W01 It";
    src:url("./fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix");
    src:url("./fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix") format("eot"),url("./fonts/3a415f59-f235-4fac-a05d-e270104dd8e6.woff2") format("woff2"),url("./fonts/e364b06d-aac3-4a54-84ff-4b3a2860debb.woff") format("woff"),url("./fonts/6346c02d-13da-4d5c-ab2e-13e40d7f24c2.ttf") format("truetype");
}
@font-face{
    font-family:"Univers LT W01_55 Roman1475956";
    src:url("./fonts/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix");
    src:url("./fonts/6510377f-160a-4f66-aec0-2b71f05e9736.eot?#iefix") format("eot"),url("./fonts/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"),url("./fonts/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"),url("./fonts/74bdff6d-c5de-42e8-a4d8-11ea14eddb22.ttf") format("truetype");
}
@font-face{
    font-family:"Univers LT W01_47 Light1475998";
    src:url("./fonts/30d23194-f646-428e-9323-c85f8aea47ed.eot?#iefix");
    src:url("./fonts/30d23194-f646-428e-9323-c85f8aea47ed.eot?#iefix") format("eot"),url("./fonts/58c01d2a-ce4a-4360-a61f-761e91aa67c0.woff2") format("woff2"),url("./fonts/ccd9698a-60c5-48f7-acbe-5352b4aa81d4.woff") format("woff"),url("./fonts/ba8ec1ac-e90e-4cea-bda8-85f718fb8fd0.ttf") format("truetype");
}
@font-face{
    font-family:"Univers LT W01_57 Condensed";
    src:url("./fonts/4a916908-f6f7-4df6-90a1-176fb83137d9.eot?#iefix");
    src:url("./fonts/4a916908-f6f7-4df6-90a1-176fb83137d9.eot?#iefix") format("eot"),url("./fonts/bf8f8741-5f64-4db9-a877-a44624092e68.woff2") format("woff2"),url("./fonts/7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff") format("woff"),url("./fonts/0955c906-88fc-47e8-8ea2-0765bdf88050.ttf") format("truetype");
}*/




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


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

body {
    /*font-family:"Univers LT W01_55 Roman1475956", sans-serif;
    font-weight: normal;*/
    font-size: 18px;
    line-height: 1.5 !important;
    color: #3f5767 !important;
}

h1, .elementor-widget-heading h2.elementor-heading-title {
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 42px;
    line-height: 1.2 !important;
    color: #3f5767;
    padding-bottom: 5px;
}

h2, .elementor-widget-heading h2.elementor-heading-title {
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 32px;
    line-height: 1.2 !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #3f5767;
    padding-bottom: 5px;
    margin: 0;
}

h3,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-text-editor h3 {
    /*font-family:"Minion W01 It", sans-serif;
    font-weight: normal;*/
    font-size: 26px;
    line-height: 1.3 !important;
    color: #3f5767;
    padding-bottom: 5px;
    margin: 0;
}

h4, .elementor-widget-heading h4.elementor-heading-title {
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 22px;
    line-height: 1.2 !important;
    color: #3f5767;
    padding-bottom: 5px;
}

h5, .elementor-widget-heading h5.elementor-heading-title {
    /*font-family:"Minion W01 It", sans-serif;
    font-weight: normal;*/
    font-size: 28px;
    line-height: 1.2 !important;
    color: #3f5767 !important;
    padding-bottom: 5px;
}

h6, .elementor-widget-heading h6.elementor-heading-title {
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 22px;
    line-height: 1.4 !important;
    color: #3f5767 !important;
    padding-bottom: 5px;
}

@media (max-width: 767px) {

    body {
        font-size: 16px;
    }

    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;
    }

    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;
    }

    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;
    }

    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;
    }
}

/* Header
---------------------------------- */
#site-header #site-logo #site-logo-inner a img,
#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    /*width: 186px;*/
    width: 230px;
    margin-bottom: 20px;
}

#site-header #site-logo #site-logo-inner a img.sticky-logo,
#site-header.center-header #site-navigation-wrap .middle-site-logo a img.sticky-logo {
    width: 54px;
    margin-bottom: 20px;
}

#site-header-inner {
    min-height: 90px;
}

#site-logo #site-logo-inner {
    vertical-align: top;
    height: 90px;
}

#site-logo {
    position: absolute;
    top: 79px;
    left: 50%;
    margin-left: -115px;
    transition: 0.4s ease top;
}
.is-sticky #site-logo {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -27px;
    transition: 0s ease top;
}

#site-header.full_screen-header .menu-bar-inner {
    height: 90px;
}



#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;*/
}


/* Immobiliensuche Home
---------------------------------- */

#immobiliensuche-home-container {
    /*display: table;*/
}

#immobiliensuche-home {
    /*display: table-cell;
    vertical-align: top;
    width: 60%;
    padding-right: 40px;
    padding-top: 40px;*/
    /*float: left;*/
}

ul.tabs-suche {
    list-style: none;
    margin: 0 0 25px 0;
}

ul.tabs-suche li {
    display: inline-block;
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 20px;
}

ul.tabs-suche li a {
    color: #3f5767;
    display: block;
    padding: 4px 0;
    border-bottom: 2px solid #ffffff;
}

ul.tabs-suche li a:hover {
    border-bottom: 2px solid #3f5767;
}

ul.tabs-suche li a.aktiv-tab {
    border-bottom: 2px solid #3f5767;
}

.tab-container {
    width: 100%;
    background: #ffffff;
    display: none;
}

.tab-container.aktiv-tab-container {
    display: block;
}

.main-select {
    border: 1px solid #e5ecee;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/

    background-color: #ffffff;
    background-image: url("./images/iconSelect.svg");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;

    /*font-family:"Milo W01 Light", sans-serif;
    font-weight: normal;*/
    font-size: inherit;
    height: auto;

    /*width: 100px;*/ /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    color: #3f5767;
    font-size: 14px;
    border-radius: 0 !important;
    padding: 9px 13px 9px 13px!important;
    margin: 0 0 17px 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
option:not(:checked) {
    color: black; /* prevent <option>s from becoming transparent as well */
}

option { text-shadow: none }
option:not(:checked) { color: #000; }

textarea:focus, input:focus, select:focus {
    outline: none;
}

#select-miete-container {
    width: 270px;
    margin-right: 20px;
    float: left;
}
#select-kauf-container {
    width: 270px;
    margin-right: 20px;
    float: left;
}

/* Immobiliensuche Home | Extra
---------------------------------- */
#immobiliensuche-extra {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    background: #bab0aa;
    /*float: left;*/
}

ul.tabs-extra {
    list-style: none;
    margin: 0;
    width: 100%;
    display: table;
}

ul.tabs-extra li {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*font-family:"Univers LT W01_57 Condensed", sans-serif;
    font-weight: normal;*/
    font-size: 17px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

ul.tabs-extra li a {
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #ffffff;
}

ul.tabs-extra li.tab-verkaufen a {
    background: #bab0aa;
}

ul.tabs-extra li.tab-karriere a {
    background: #cfc7c4;
}

.tab-extra-container {
    width: 100%;
    display: none;
    padding: 20px;
    text-align: center;
}

.tab-extra-container.aktiv-tab-extra-container {
    display: block;
}

#immobiliensuche-home-container h2 {
    margin: 0 0 20px 0;
    padding: 0;
}

#immobiliensuche-home-container p {
    margin: 0;
    padding: 0;
}

.extra-copy-karriere {
    color: #3f5767 !important;
}

.tab-extra-container h2 {
    line-height: 1.2 !important;
    /*font-size: 29px;*/
}

.tab-extra-container p {
    line-height: 1.1;
    color: #ffffff;
}

.suche-extra-line {
    height: 2px;
    width: 100%;
    background: #3f5767;
    margin: 13px 0;
}

.suche-extra-line hr {
    display: none;
}

.suche-extra-button {
    /*font-family:"Avenir LT W01_35 Light1475496";
    font-weight: normal;*/
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #ffffff;
    border: 2px solid #ffffff;
    background: transparent;
    padding: 6px 10px;
    margin: 20px auto 0 auto;
    display: block;
    max-width: 200px;
}

.suche-extra-button.extra-karriere {
    border: 2px solid #3f5767;
    color: #3f5767;
}


.line-top {
    background-image: url("./images/iconLine.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 20px;
}


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

.newsletter-input {
    border: 2px solid #3a3631;
    /*font-family:"Avenir LT W01_45 Book1475508";
    font-weight: normal;*/
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-align: center;
    min-width: 240px;
    padding: 2px 20px;
    background: transparent;
    color: #1d1d1b;
}

input[type="submit"].newsletter-input-submit {
    border: 2px solid #ad2221;
    /*font-family:"Avenir LT W01_45 Book1475508";
    font-weight: normal;*/
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-align: center;
    /*min-width: 240px;*/
    padding: 2px 20px;
    background: #ad2221;
    color: #271d1b;
}

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



/* 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;
}



#auswahl-wohnen {
    width: 100%;
    display: inline-block;
}