/*
Theme Name: Küsters & Cie. SCRN Childtheme
Author: KODARTO GmbH
Template: SCRN
Version: 1.3
*/

/*
Theme Name: Küsters & Cie. SCRN Childtheme
Author: KODARTO GmbH
Template: SCRN
Version: 1.3
*/

/* yantramanav-300 - latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url("fonts/yantramanav-v3-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Yantramanav Light"), local("Yantramanav-Light"), url("fonts/yantramanav-v3-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/yantramanav-v3-latin-300.woff2") format("woff2"), url("fonts/yantramanav-v3-latin-300.woff") format("woff"), url("fonts/yantramanav-v3-latin-300.ttf") format("truetype"), url("fonts/yantramanav-v3-latin-300.svg#Yantramanav") format("svg");
    /* Legacy iOS */ }

/* yantramanav-500 - latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/yantramanav-v3-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Yantramanav Medium"), local("Yantramanav-Medium"), url("fonts/yantramanav-v3-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/yantramanav-v3-latin-500.woff2") format("woff2"), url("fonts/yantramanav-v3-latin-500.woff") format("woff"), url("fonts/yantramanav-v3-latin-500.ttf") format("truetype"), url("fonts/yantramanav-v3-latin-500.svg#Yantramanav") format("svg");
    /* Legacy iOS */ }

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/roboto-v18-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Roboto"), local("Roboto-Regular"), url("fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("fonts/roboto-v18-latin-regular.woff") format("woff"), url("fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("fonts/roboto-v18-latin-regular.svg#Roboto") format("svg");
    /* Legacy iOS */ }

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/roboto-v18-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Medium"), local("Roboto-Medium"), url("fonts/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-500.woff2") format("woff2"), url("fonts/roboto-v18-latin-500.woff") format("woff"), url("fonts/roboto-v18-latin-500.ttf") format("truetype"), url("fonts/roboto-v18-latin-500.svg#Roboto") format("svg");
    /* Legacy iOS */ }

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("fonts/roboto-v18-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Bold"), local("Roboto-Bold"), url("fonts/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-700.woff2") format("woff2"), url("fonts/roboto-v18-latin-700.woff") format("woff"), url("fonts/roboto-v18-latin-700.ttf") format("truetype"), url("fonts/roboto-v18-latin-700.svg#Roboto") format("svg");
    /* Legacy iOS */ }

body,
p,
a {
    color: #333;
    font-family: Yantramanav, "Roboto", sans-serif;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: .01625em;
    line-height: 1.4em; }

b,
strong {
    font-weight: 500; }

h1,
h2,
h3,
h4,
h5 {
    color: #414141;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: .125em;
    line-height: 1.66em; }

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

h2 {
    font-size: 27px; }
@media (max-width: 767px) {
    h2 {
        font-size: 21px; } }

h4 {
    font-family: Yantramanav, "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: .01625em;
    line-height: 1.4em;
    margin-bottom: .5em;
    margin-top: 1.5em;
    text-transform: none; }

blockquote {
    margin-bottom: 0;
    margin-top: -10px; }
blockquote p {
    color: #414141;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .125em;
    line-height: 1.66em; }

.wpb_content_element a {
    text-decoration: underline; }

.wpb_content_element li {
    list-style-type: none;
    margin-bottom: .165em;
    text-indent: -1.25em; }
.wpb_content_element li:before {
    background-color: #333;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: .4rem;
    margin-right: 1em;
    position: relative;
    top: -.33rem;
    width: .4rem; }

html {
    background: #fafafa; }

body {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    margin: 0 auto 30px;
    max-width: 1440px; }
@media (max-width: 767px) {
    body {
        margin-bottom: 0; } }

.vc_row.maxed-row {
    margin: 0 auto;
    max-width: 30em; }

.centered_row > .wpb_column > .vc_column-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.full-width-col {
    margin: 0 auto;
    max-width: 1440px;
    position: relative; }

@media (max-width: 767px) {
    .padding-col {
        margin-bottom: 0; } }

.navbar {
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.125);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.125);
    padding: 7px 0 10px; }
.navbar .logo {
    left: 25px;
    position: absolute; }
@media (max-width: 767px) {
    .navbar .logo img {
        height: 50px; } }
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar .logo {
        left: 0;
        margin-bottom: 15px;
        position: relative;
        text-align: center;
        width: 100%; } }
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar .container {
        width: 100%; }
    .navbar .container #navbar {
        padding: 0; } }
.navbar li > a {
    color: #999;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500; }
@media (min-width: 768px) and (max-width: 991px) {
    .navbar li > a {
        font-size: 14px; } }
.navbar .always-hide {
    display: none; }

@media (min-width: 768px) {
    .active > a {
        color: #333 !important;
        font-weight: 700 !important; }
    .navbar ul ul {
        background: transparent;
        display: block;
        padding: 0;
        position: relative;
        visibility: hidden; }
    .navbar ul ul.forced-invisible {
        visibility: hidden !important; }
    .navbar ul ul li {
        line-height: 1em;
        padding: 0 15px;
        text-align: left; }
    .navbar ul ul li.active > a {
        color: #333 !important; }
    .navbar ul ul li a {
        color: #999 !important;
        font-weight: 400;
        white-space: nowrap; }
    .navbar ul ul li a:hover {
        color: #333 !important; }
    .navbar ul ul li a:active, .navbar ul ul li a:focus {
        text-decoration: none !important; }
    .navbar ul ul li.active a {
        color: #333 !important; }
    .navbar ul li a {
        padding-bottom: 5px !important;
        text-align: left; }
    .navbar ul li a:hover, .navbar ul li a:focus {
        background: transparent !important;
        color: #333 !important; }
    .navbar ul li.fw103 {
        max-width: 125px; }
    .navbar ul li.active ul, .navbar ul li:hover ul {
        visibility: visible; }
    .navbar ul .lang-item {
        display: none; } }

@media (max-width: 767px) {
    .navbar {
        max-height: 100vh;
        overflow: scroll; }
    .navbar ul ul {
        background: #fafafa;
        display: block;
        margin-bottom: 10px;
        padding: 0;
        position: relative; }
    .navbar ul ul li {
        padding-bottom: 5px;
        padding-top: 5px; }
    .navbar ul ul a {
        color: #999 !important; } }

.modal {
    background: #f6f6f6; }
.modal .modal-header {
    border-bottom: 0; }
.modal .modal-header .close {
    font-size: 42px;
    opacity: .5; }
.modal .modal-content {
    background: transparent;
    border: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0; }

.bg {
    min-height: 100vh;
    padding-bottom: 60px; }
@media (max-width: 767px) {
    .bg {
        padding-top: 15px; } }

.werte-aside h3 {
    color: #777;
    font-family: Yantramanav, "Roboto", sans-serif;
    font-size: 48px;
    margin-bottom: 0;
    margin-top: 12px; }
.werte-aside h3 sup {
    font-size: .67em; }

.werte-aside h4 {
    color: #777;
    font-family: Yantramanav, "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25em;
    margin-top: 0;
    text-transform: lowercase; }

.werte-aside strong {
    color: #333;
    font-weight: 700; }

#intro {
    height: 100vh; }
#intro .intro-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: auto;
    position: static;
    top: auto;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
#intro .intro-content img {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    margin: 0 auto;
    max-width: 60%; }
@media (max-width: 450px) {
    #intro .intro-content img {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%; } }

#kuesters-cie {
    margin-bottom: 60px;
    padding-top: 60px; }
@media (min-width: 768px) {
    #kuesters-cie {
        background: url("../../uploads/kuesters-cie-logo-variante.jpg") bottom right no-repeat;
        -webkit-background-size: 25% 25%;
        background-size: 25%; } }

@media (min-width: 992px) {
    #kuesters-cie {
        -webkit-background-size: 28% 25%;
        background-size: 25%; }
}

@media (min-width: 992px) {
    #kuesters-cie {
        -webkit-background-size: 28% 25%;
        background-size: 25%; }
}

@media (min-width: 768px) {
    #kuesters-cie {
        padding-top: 120px; } }
@media (min-width: 768px) {
    #kuesters-cie .home-small-col .wpb_text_column {
        max-width: 420px; } }
@media (max-width: 767px) {
    #kuesters-cie .home-small-col .wpb_text_column:not(:first-of-type):not(:last-of-type) br {
        display: none; } }
@media (max-width: 991px) {
    #kuesters-cie .wpb_animate_when_almost_visible {
        -webkit-animation: none;
        animation: none;
        opacity: 1 !important; } }
@media (min-width: 768px) {
    #kuesters-cie .wpb_animate_when_almost_visible {
        -webkit-animation-duration: 3s;
        animation-duration: 3s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(2) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(3) {
        -webkit-animation-delay: 2s;
        animation-delay: 2s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(4) {
        -webkit-animation-delay: 3s;
        animation-delay: 3s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(5) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(6) {
        -webkit-animation-delay: 5s;
        animation-delay: 5s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(7) {
        -webkit-animation-delay: 6s;
        animation-delay: 6s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(8) {
        -webkit-animation-delay: 7s;
        animation-delay: 7s; }
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(9) {
        -webkit-animation-delay: 8s;
        animation-delay: 8s; }}
    #kuesters-cie .wpb_animate_when_almost_visible:nth-of-type(10) {
        -webkit-animation-delay: 9s;
        animation-delay: 9s; }}

#im-dialog-mit-elmar-kuesters .dialog-header .wpb_column {
    margin-bottom: 0; }

#im-dialog-mit-elmar-kuesters .dialog-header h1 {
    font-size: 2.25em; }

#im-dialog-mit-elmar-kuesters blockquote {
    border-left: 0;
    margin-left: 0;
    margin-right: 0; }

.readmore-btn {
    display: block;
    font-weight: 500;
    margin: 15px 0 0;
    text-align: center;
    text-decoration: none; }
.readmore-btn:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 5px; }
.readmore-btn:hover {
    color: #414141; }

.readmore-wrapper {
    display: none; }

@media (min-width: 768px) {
    #im-dialog-mit-elmar-kuesters .dialog-center-col {
        padding: 0 15px; } }

#seit-1964 .seit-1964-header .wpb_column,
#seit-1978 .seit-1964-header .wpb_column {
    margin-bottom: 0; }

#seit-1964 .seit-1964-header h1,
#seit-1978 .seit-1964-header h1 {
    font-size: 2.25em; }

#seit-1964 blockquote,
#seit-1978 blockquote {
    border-left: 0;
    margin-left: 0;
    margin-right: 0; }

#wappen .vc_custom_1513768854258 {
    padding: 0; }

#wappen .custodiandiv {
    margin: 0 auto;
    max-width: 1440px;
    position: relative; }
#wappen .custodiandiv > img {
    width: 100%; }
#wappen .custodiandiv .custodiandiv-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2em;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
#wappen .custodiandiv .custodiandiv-inner .row {
    width: 100%; }
#wappen .custodiandiv .custodiandiv-inner .col-xs-4 {
    padding: 0; }
#wappen .custodiandiv .custodiandiv-inner h3 {
    color: #fff;
    letter-spacing: .115em; }
@media (min-width: 1200px) {
    #wappen .custodiandiv .custodiandiv-inner h3 {
        font-size: 1em; } }
#wappen .custodiandiv .custodiandiv-inner h3 .no-transform {
    text-transform: none; }
#wappen .custodiandiv .custodiandiv-inner p {
    color: #fff;
    font-size: .5em; }
@media (min-width: 1200px) {
    #wappen .custodiandiv .custodiandiv-inner p {
        font-size: .6em; } }

#wappen .custodiandiv-xs {
    margin-left: -15px;
    margin-right: -15px; }
#wappen .custodiandiv-xs .custodiandiv-inner {
    padding: 15px;
    text-align: center; }
#wappen .custodiandiv-xs .custodiandiv-inner:after {
    border-bottom: 2px dotted #ccc;
    content: ' ';
    display: block;
    margin: 20px auto 0;
    max-width: 50%; }
#wappen .custodiandiv-xs .no-transform {
    text-transform: none; }

@media (max-width: 767px) {
    #wappen .vc_col-sm-3 {
        margin-bottom: 30px; } }

#wappen .vc_single_image-wrapper img {
    max-width: 90%; }

@media (max-width: 767px) {
    #wappen .img50 {
        margin-bottom: 0; } }

#wappen .img50 img {
    max-width: 50%; }

#kontakt {
    padding-top: 0; }
#kontakt .gradient-col {
    margin-bottom: 90px; }
#kontakt .wpb_single_image {
    margin: 90px 0; }
#kontakt .wpb_single_image img {
    max-width: 75%; }
@media (max-width: 450px) {
    #kontakt h2 {
        font-size: 16px; } }
#kontakt a {
    text-decoration: none; }

.bg {
    padding-top: 0; }

.separator {
    margin-bottom: 30px;
    overflow: hidden; }
@media (min-width: 768px) {
    .separator {
        height: 650px; } }
.separator.parallax-window {
    background-attachment: scroll;
    background-repeat: no-repeat; }
.separator h1 {
    font-size: 4rem;
    line-height: .275em;
    position: relative; }
@media (min-width: 768px) {
    .separator h1 {
        font-size: 6rem; } }
.separator h2 {
    position: relative; }
.separator small {
    display: block;
    line-height: 1.25em;
    text-transform: none; }
.separator strong {
    color: #414141;
    font-weight: 700; }
.separator p {
    color: #333;
    font-size: 64px;
    letter-spacing: .083em;
    text-shadow: 0 0 15px #fff;
    top: 75%;
    width: 75%;
    word-spacing: .125em; }

#separator_2,
#separator_5,
#separator_8,
#separator_9 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

@media (max-width: 991px) {
    #separator_5 {
        background-position: 70% 0%; } }

#separator_3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

#separator_4,
#separator_6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0% 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

#separator_4 {
    background: url("/wp-content/uploads/philanthropic-values-xs.png") no-repeat, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(#c6e1e2));
    background: url("/wp-content/uploads/philanthropic-values-xs.png") no-repeat, -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, #c6e1e2 100%);
    background: url("/wp-content/uploads/philanthropic-values-xs.png") no-repeat, -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, #c6e1e2 100%);
    background: url("/wp-content/uploads/philanthropic-values-xs.png") no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, #c6e1e2 100%);
    -webkit-background-size: contain, contain !important;
    background-size: contain, contain !important; }

.separator-inner {
    padding: 30px; }

#separator_5 h1,
#separator_8 h1,
#separator_9 h1 {
    line-height: 1em; }

#separator_5 h2,
#separator_8 h2,
#separator_9 h2 {
    font-size: 21px;
    text-transform: none; }

#separator_8 h1 {
    font-size: 4rem; }

#separator_6 {
    background-position: 50% 0; }
#separator_6 h1 {
    margin-top: 4em; }
@media (max-width: 991px) {
    #separator_6 {
        background-image: url("/wp-content/uploads/born-to-be-xs.jpg") !important; } }

#separator_10 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 60% 60%;
    background-size: 60%; }
@media (max-width: 1199px) {
    #separator_10 {
        height: 30vh; } }
@media (max-width: 767px) {
    #separator_10 {
        height: 30vh; } }
@media (max-width: 450px) {
    #separator_10 {
        -webkit-background-size: 75% 75%;
        background-size: 75%; } }

.scroll-hint {
    bottom: -150px;
    left: 0;
    padding: 0 0 30px;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transition: opacity 1s, bottom 1s;
    -o-transition: opacity 1s, bottom 1s;
    transition: opacity 1s, bottom 1s; }
.scroll-hint img {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    color: #999;
    opacity: 0;
    padding: 15px; }
.scroll-hint.sh-active {
    bottom: 0;
    z-index: 10; }
.scroll-hint.sh-active img {
    cursor: pointer;
    opacity: 1; }

.language-switch {
    position: absolute;
    right: 30px;
    top: 19px; }
.language-switch .nav > li > a {
    display: inline;
    padding: 5px; }
.language-switch .activelang {
    color: #333; }

footer {
    background: #f6f6f6;
    border-top: 2px solid #c5e0e1;
    padding: 15px;
    text-align: center; }
footer p {
    color: #333;
    font-size: small; }
footer p a {
    color: #333;
    font-size: small; }

#shiftnav-toggle-main {
    z-index: 1000; }

.shiftnav.shiftnav-shiftnav-main {
    background: #fff;
    border-right: 2px solid #f6f6f6; }
.shiftnav.shiftnav-shiftnav-main:after {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0; }
.shiftnav.shiftnav-shiftnav-main .shiftnav-menu-image {
    padding: 25px 40px 25px 0; }

.shiftnav-toggle.shiftnav-toggle-shiftnav-main {
    background: rgba(255, 255, 255, 0.75); }

.shiftnav-inner {
    margin-left: 10%;
    width: 90%; }

.shiftnav-nav {
    font-family: "Roboto", sans-serif; }
.shiftnav-nav a {
    color: #999 !important; }
.shiftnav-nav a:hover {
    color: #333 !important; }
.shiftnav-nav .current-menu-item > a {
    color: #333 !important; }
.shiftnav-nav .shiftnav-depth-0 a {
    font-weight: 500;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-transform: uppercase; }
.shiftnav-nav .shiftnav-depth-0.current-menu-item a {
    font-weight: 700; }
.shiftnav-nav .shiftnav-depth-0.menu-item-has-children a {
    padding-bottom: 5px !important; }
.shiftnav-nav .shiftnav-depth-1 a {
    font-size: .875em;
    font-weight: 400;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    text-transform: none; }
.shiftnav-nav .shiftnav-depth-1.current-menu-item a {
    font-weight: 700; }

#wpadminbar {
    display: none !important; }

.cookie_notice {
    background: #f6f6f6;
    left: 0;
    padding: 5px 45px;
    position: absolute;
    right: 0;
    z-index: 10; }
@media (max-width: 1199px) {
    .cookie_notice {
        margin-top: -15px; } }

#intro .cc-message {
    color: #333;
    font-size: 16px;
    font-family: Yantramanav, "Roboto", sans-serif;
    padding: 0;
    margin: 0;
    text-align: center; }

.cc-link {
    font-size: 16px;
    text-decoration: underline; }