@charset "UTF-8";

/* region Schriftarten */

@font-face {
    font-family: 'Futura-Bold';
    src: url('/wp-content/themes/goldfaden/font/Futura%20PT_Bold.eot');
    src:
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Bold.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Bold.woff2') format('woff2'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Bold.woff') format('woff'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Book';
    src: url('/wp-content/themes/goldfaden/font/Futura%20PT_Book.eot');
    src:
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Book.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Book.woff2') format('woff2'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Book.woff') format('woff'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Medium';
    src: url('/wp-content/themes/goldfaden/font/Futura%20PT_Medium.eot');
    src:
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Medium.eot?#iefix') format('embedded-opentype'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Medium.woff2') format('woff2'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Medium.woff') format('woff'),
            url('/wp-content/themes/goldfaden/font/Futura%20PT_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* endregion */

/* region Der Seitenaufbau / grundlegende Elemente der Homepage */

body
{
    font-family:Futura-Book;
    font-size:16px;

    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;

    background-color:#FFFFFF;
    color:#21233B;
}

body.dark-background
{
    background-color:#1b1b1b;
}

/* Der Content Frame gibt die maximale Breite der Seite vor */
div.content-frame
{
    max-width:1200px;
    width:100%;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
    position:relative;
}

/* Der dunkle Hintergrund einer Zeile der Homepage */
div.dark-background
{
    background-color:#1B1B1B;
}

div.goldfaden-headline-header
{
    margin-top:120px !important;
}

div.abschnitt-headline
{
    margin-top:100px;
    margin-bottom:40px;
}

div.abschnitt-grosse-schrift
{
    margin-top:90px;
    margin-bottom:60px;
}

div.abschnitt-grosse-schrift p
{
    font-size:1.5rem;
}

/* endregion */

/* region Headline */

h1
{
    font-family:Futura-Bold !important;
    color:#f46666;
    font-size:5.6rem;
    text-transform: uppercase;

    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 0px;
}

div.dark-background h1
{
    color:#FFFFFF;
}

h1.h1-small
{
    font-size:2.0rem;
}

h2
{
    font-family:Futura-Bold !important;
    font-size:2.0rem;
    font-weight:bold;

    color:#010101;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

h2.abschnitt-headline
{
    margin-bottom:60px;
}

div.dark-background h2
{
    color:#FFFFFF;
}

h3
{
    font-family:Futura-Bold !important;
    font-size:1.5rem;
    font-weight:bold;

    color:#010101;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* endregion */

/* region Allgemeine Formatierungen */

a
{
    color:#f46666;
    text-decoration:none;
}

a img
{
    border-style:none;
}

a:hover
{
    color:#000000;
    text-decoration:none;
}

p
{
    color:#000000;
    font-size:1.1rem;
}

div.dark-background p
{
    color:#FFFFFF;
}

.wpb_single_image .vc_figure-caption
{
    margin-top: 10px;
    font-size: 0.9rem;
}

ul
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    list-style-type:none;
    font-size:1.1rem;
    display: table;
    border-collapse: collapse;
}

ul li
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    display: table-row;

    border-bottom: solid transparent 15px;
}

ul li:before
{
    padding:0px 10px 0px 0px;
    margin:0px 0px 0px 0px;
    content:'I';
    display: table-cell;
}

/* endregion */

/* region Desktop Navigation */

div.desktop-navigation
{
    height:80px;
    width:100%;

    padding-top:10px;

    position:fixed;
    top:0px;

    z-index:1400;
}

/* Der Button zum Öffnen der Navigation */
div.desktop-navigation div#desktop-navigation-menu-closed
{
    height:60px;
    width:60px;
    max-width:60px;
    cursor:pointer;
    position:relative;
    left:10px;
}

/* Schwarzes Icon bei weißem Hintergrund */
div.desktop-navigation div.black-navigation div#desktop-navigation-menu-closed
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked.png) no-repeat;
    background-size:100%;
}

div.desktop-navigation div.black-navigation div#desktop-navigation-menu-closed:hover
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked-hover.png) no-repeat;
    background-size:100%;
}

div.desktop-navigation-docked div.black-navigation div#desktop-navigation-menu-closed
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked.png) no-repeat;
    background-size:100%;
}

div.desktop-navigation-docked div.black-navigation div#desktop-navigation-menu-closed:hover
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked-hover.png) no-repeat !important;
    background-size:100% !important;
}

/* Weißes Icon bei Standard Hintergrund */
div.desktop-navigation div.white-navigation div#desktop-navigation-menu-closed
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked.png) no-repeat;
    background-size:100%;
}

div.desktop-navigation div.white-navigation div#desktop-navigation-menu-closed:hover
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-docked-hover.png) no-repeat !important;
    background-size:100% !important;
}

/* Der Button zum schließen der Navigation */
div#desktop-navigation-menu-opened
{
    background: url(/wp-content/themes/goldfaden/image/header/navi-desktop-white-opened.png) no-repeat;
    background-size:60px 60px;
    height:52px;
    width:52px;

    position:absolute;
    left:15px;
    top:10px;

    cursor:pointer;
}

div.desktop-navigation-logo
{
    position:absolute;
    right:10px;
    top:10px;

    transition: 0.5s;
}

div.desktop-navigation-logo img
{
    width:80px;
}

div.desktop-navigation-docked div.desktop-navigation-logo
{
    display:none;
}

/* endregion */

/* region Navigation Menü */

div#desktop-navi-frame
{
    padding-top:80px;
    position:fixed;
    left:0px;
    top:0px;
    bottom:0px;
    width:470px;
    height:100%;
    background: url(/wp-content/themes/goldfaden/image/header/menu-background.png) no-repeat;
    background-position:bottom left;
    background-color:#1A1E39;
    z-index:1434;
    display:none;
}

div#desktop-navi-frame ul#menu-header-navigation
{
    padding-left:60px;
    list-style-type: none;
    display:unset;
}

div#desktop-navi-frame ul#menu-header-navigation li
{
    padding-bottom:20px;

    font-family: 'Futura-Bold';
    font-size:2.0rem;

    text-transform:uppercase;
}

div#desktop-navi-frame ul#menu-header-navigation li:before
{
    display:none;
}

div#desktop-navi-frame ul#menu-header-navigation li a
{
    text-decoration: none;
    color:#B49F5B;
}

div#desktop-navi-frame ul#menu-header-navigation li a:hover
{
    color:#FFFFFF;

    border-bottom-style:solid;
    border-bottom-color:#FFFFFF;
    border-bottom-width:3px;
}

div#desktop-navi-frame ul#menu-header-navigation li.current_page_item a
{
    text-decoration: none;
    color:#FFFFFF;
}

div#desktop-navi-frame ul#menu-header-unternavigation
{
    padding-left:60px;
    margin-top:40px;
    margin-right:20px;
    list-style-type: none;
    float:right;
}

div#desktop-navi-frame ul#menu-header-unternavigation li
{
    padding-left:10px;
    padding-bottom:20px;

    font-family: 'Futura-Book';
    font-size:1.0rem;

    text-transform:none;

    float:left;
}

div#desktop-navi-frame ul#menu-header-unternavigation li:nth-of-type(1)
{
    padding-left:0px;
}

div#desktop-navi-frame ul#menu-header-unternavigation li a
{
    text-decoration: none;
    color:#B49F5B;
}

div#desktop-navi-frame ul#menu-header-unternavigation li a:hover
{
    color:#FFFFFF;
}

div#desktop-navi-frame ul#menu-header-unternavigation li.current_page_item a
{
    text-decoration: none;
    color:#FFFFFF;
}

/* endregion */

/* region Page Header */

div.goldfaden-page-header-half-size
{
    height:50vh;
}

div.goldfaden-page-header-half-size::after
{
    bottom:40px;
    right:0px;
}

div.goldfaden-page-header p
{
    font-family:Futura-Bold;
    color:#FFFFFF;
    font-size:3.4rem;
    text-transform: uppercase;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;

    position:relative;
}

/* endregion */

/* region Blumen */

div.goldfaden-bg-blume-1
{
    overflow:visible;
    height:0px;

    position:relative;
    z-index:-1;
}

div.goldfaden-bg-blume-1:after
{
    content: url(/wp-content/themes/goldfaden/image/blume-background-1.png);
}

/* ---- Ab hier allgemeine Formatierungen für Blumen --- */

div.goldfaden-bg-blume-left-50percent
{
    width:50%;
    margin-left:50%;
}

div.goldfaden-bg-blume-move-100-up
{
    margin-top:-100px;
    height:100px;
}

div.goldfaden-bg-blume-move-200-up
{
    margin-top:-200px;
    height:200px;
}

/* endregion */

/* region Button mit Strich links daneben */

button.vc_btn3, a.vc_btn3
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;

    color: #B49F5B !important;

    background:none !important;

    border-style:none !important;
    border-collapse: collapse;

    font-size:1.1rem !important;
    font-family:Futura-Bold !important;

    display: inline !important;

    white-space: nowrap;

    text-transform:uppercase;
}

button.vc_btn3::before, a.vc_btn3::before
{
    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;

    display: inline-block;

    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);

    margin-right:20px;
    width:60px;
}

button.vc_btn3:hover::before, a.vc_btn3:hover::before
{
    background-image: none;
    display:none;
}

button.vc_btn3:hover::after, a.vc_btn3:hover::after
{
    display: inline-block;

    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;

    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);

    margin-left:20px;
    width:60px;
}

.vc_btn3.vc_btn3-size-md
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.vc_btn3-container
{
    margin:0px 0px 0px 0px !important;
    z-index:100 !important;
    position:relative;
}

/* endregion */

/* region Footer */

div.footer
{
    background: url(/wp-content/themes/goldfaden/image/blume-footer-background.png);
    background-color:#FFFFFF;
    background-position: 40% bottom;
    background-repeat:no-repeat;

    padding-top:120px;
    margin:0px 0px 0px 0px;
    padding-bottom:40px;

    font-weight:bold;

    position:relative;
}

div.footer .vc_row
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

div.footer a
{
    color:#000000;
    text-decoration:none;
}

div.footer a:hover
{
    color:#f46666;
}

div.footer div.footer-left
{
    padding:0px 20px 0px 0px;
    margin:0px 0px 0px 0px;

    width:calc(50% - 20px);

    float:left;
}

div.footer div.footer-left img
{
    width:100px;
}

div.footer div.footer-right
{
    padding:0px 0px 0px 20px;
    margin:0px 0px 0px 0px;

    width:calc(50% - 20px);

    float:left;
}

div.footer img.wellenlinien
{
    position:absolute;
    right:0px;
    top:140px;
}

div.footer-navigation
{
    padding:0px 0px 20px 0px;
    margin:40px 0px 0px 0px;

    font-weight:bold;
    font-size:1.5rem;

    text-align:right;

    color:#B49F5B;
}

div.footer-menu ul
{
    padding:0px 0px 0px 60px;
    margin:40px 20px 0px 0px;
    list-style-type: none;
    float:right;
}

div.footer-menu ul li
{
    padding:0px 0px 20px 0px;

    font-family: 'Futura-Book';
    font-size:1.0rem;

    text-transform:none;

    float:left;
}

div.footer-menu ul li:before
{
    display:none;
}

div.footer-menu ul li a
{
    text-decoration: none;
    color:#B49F5B;
    padding:0px 0px 0px 14px;
}

div.footer-menu ul li a:hover
{
    text-decoration: none;
    color:#21233B;
}

div.footer-menu ul li.current_page_item a
{
    text-decoration: none;
    color:#FFFFFF;
}

/* endregion */

/* region Vimeo Video */

.ult-video
{
    margin: 0px;
}

.ultv-video__outer-wrap iframe
{
    background-color:#FFFFFF !important;
}

/* endregion */

/* region Kontakt Formular allgemein */

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output
{
    border-color: #f46666;
    background-color:#f46666;
    color:#FFFFFF;
    max-width:78%;
}

/* endregion */

/* region Formulare Anfrage */

div.kontakt-anfrage
{
    margin-top:100px;
    margin-bottom:0px;
    padding:40px 0px 60px 0px;
    font-size:1.1rem;
    color:#FFFFFF;
}

div.kontakt-anfrage h2
{
    margin-bottom:20px;
}

div.kontakt-anfrage a:hover
{
    color:#B49F5B;
}

div.kontakt-anfrage div.kontakt-anfrage-email
{
    margin: 20px 0px 30px 0px;
}

div.kontakt-anfrage input[type=email]
{
    font-family: Futura-Book;
    color: #000000;
    font-size: 1.1rem;
    padding: 10px 10px 10px 10px;
    border-style: none;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    outline: none;
}

div.kontakt-anfrage div.kontakt-anfrage-text
{
    margin:0px 0px 0px 0px;
    max-width:78%;
}

div.kontakt-anfrage div.kontakt-anfrage-datenschutz
{
    margin:20px 0px 0px 0px;
}

div.kontakt-anfrage div.kontakt-anfrage-datenschutz span.wpcf7-list-item
{
    margin: 0px 0px 0px 0px;
}

div.kontakt-anfrage div.kontakt-anfrage-button
{
    margin:30px 0px 0px 0px;
}

div.kontakt-anfrage div.kontakt-anfrage-button button
{
    width:auto;
    border-bottom-style:none;
    border-style:none;
    float:right;
    padding:0px 0px 0px 0px;
    margin:0px 80px 0px 0px;
    color: #B49F5B !important;
    background:none;
    border-style:none !important;
    border-collapse: collapse;
    font-size:1.1rem !important;
    font-family:Futura-Bold !important;
    display: inline;
    white-space: nowrap;
    text-transform:uppercase;
    cursor:pointer;
    outline:none;
}

div.kontakt-anfrage div.kontakt-anfrage-button button::before
{
    display: inline-block;
    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);
    margin-right:20px;
    width:60px;
}

div.kontakt-anfrage div.kontakt-anfrage-button button:hover::before
{
    display: none;
}

div.kontakt-anfrage div.kontakt-anfrage-button button:hover::after
{
    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;

    display: inline-block;

    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);

    margin-left:20px;
    width:60px;
}

/* endregion */

/* region Ninja Formulare */

.nf-form-cont {
    margin-top: 80px !important;
}

.nf-form-cont ul li:before {
    display:none;
}

.nf-breadcrumbs li.active a {
    background: #B49F5B !important;
    color: #FFFFFF !important;
}

.nf-mp-body {
    margin-top:-60px;
    font-size: 1.1rem;
}

ul.nf-next-previous li {
    margin-right:20px !important;
}

.nf-error.field-wrap .nf-field-element:after {
    background: #f46666 !important;
}

.nf-before-form-content {
    display:none;
}

.nf-form-errors .nf-error-msg {
    font-size:1.1rem;
}

.nf-breadcrumbs li.errors a {
    background: #f46666 !important;
}

/* endregion */

/* region Google ReCaptcha */

.grecaptcha-badge {
    display:none !important;
}

/* endregion */