/*
Theme Name: the7dtchild
Author: Maik Bernstein
Author URI: http://www.grafikphase.de
Description: Custom child-Theme for Wurzelfestival.
Version: 1.0.0
Template: dt-the7
*/


/* "!!!temp!!!" for temp tests,  pls check twice! .. also "DEBUG" */


/* ### Schriftarten ### */

@font-face {
    font-family: 'secret-forest';
    src: url('./assets/fonts/secretforest.eot');
    src: url('./assets/fonts/secretforest.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/secretforest.woff2') format('woff2'),
        url('./assets/fonts/secretforest.woff') format('woff'),
        url('./assets/fonts/secretforest.svg#secret-forest') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'smoothread';
    src: url('./assets/fonts/smoothread.eot');
    src: url('./assets/fonts/smoothread.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/smoothread.woff2') format('woff2'),
        url('./assets/fonts/smoothread.woff') format('woff'),
        url('./assets/fonts/smoothread.svg#smoothread') format('svg');
    font-weight: normal;
    font-style: normal;
}








@font-face {
    font-family: 'secret-forest-black';
    src: url('./assets/fonts/secret-forest-black-webfont.eot');
    src: url('./assets/fonts/secret-forest-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-black-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-black-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-black-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-black-webfont.svg#secret-forest-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secret-forest-bold';
    src: url('./assets/fonts/secret-forest-bold-webfont.eot');
    src: url('./assets/fonts/secret-forest-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-bold-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-bold-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-bold-webfont.svg#secret-forest-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'secret-forest-hairline';
    src: url('./assets/fonts/secret-forest-hairline-webfont.eot');
    src: url('./assets/fonts/secret-forest-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-hairline-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-hairline-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-hairline-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-hairline-webfont.svg#secret-forest-hairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secret-forest-medium';
    src: url('./assets/fonts/secret-forest-medium-webfont.eot');
    src: url('./assets/fonts/secret-forest-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-medium-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-medium-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-medium-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-medium-webfont.svg#secret-forest-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secret-forest-regular';
    src: url('./assets/fonts/secret-forest-regular-webfont.eot');
    src: url('./assets/fonts/secret-forest-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-regular-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-regular-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-regular-webfont.svg#secret-forest-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'secret-forest-thin';
    src: url('./assets/fonts/secret-forest-thin-webfont.eot');
    src: url('./assets/fonts/secret-forest-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-thin-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-thin-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-thin-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-thin-webfont.svg#secret-forest-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secret-forest-ultrablack';
    src: url('./assets/fonts/secret-forest-ultrablack-webfont.eot');
    src: url('./assets/fonts/secret-forest-ultrablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/secret-forest-ultrablack-webfont.woff2') format('woff2'),
         url('./assets/fonts/secret-forest-ultrablack-webfont.woff') format('woff'),
         url('./assets/fonts/secret-forest-ultrablack-webfont.ttf') format('truetype'),
         url('./assets/fonts/secret-forest-ultrablack-webfont.svg#secret-forest-ultrablack') format('svg');
    font-weight: normal;
    font-style: normal;
}







@font-face {
    font-family: 'jost-hairline';
    src: url('./assets/fonts/jost-hairline.eot');
    src: url('./assets/fonts/jost-hairline.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-hairline.woff2') format('woff2'),
        url('./assets/fonts/jost-hairline.woff') format('woff'),
        url('./assets/fonts/jost-hairline.ttf') format('truetype'),
        url('./assets/fonts/jost-hairline.svg#jost-hairline') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'jost-hairlineitalic';
    src: url('./assets/fonts/jost-hairlineitalic.eot');
    src: url('./assets/fonts/jost-hairlineitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-hairlineitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-hairlineitalic.woff') format('woff'),
        url('./assets/fonts/jost-hairlineitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-hairlineitalic.svg#jost-hairlineitalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'jost-thin';
    src: url('./assets/fonts/jost-thin.eot');
    src: url('./assets/fonts/jost-thin.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-thin.woff2') format('woff2'),
        url('./assets/fonts/jost-thin.woff') format('woff'),
        url('./assets/fonts/jost-thin.ttf') format('truetype'),
        url('./assets/fonts/jost-thin.svg#jost-thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'jost-thinitalic';
    src: url('./assets/fonts/jost-thinitalic.eot');
    src: url('./assets/fonts/jost-thinitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-thinitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-thinitalic.woff') format('woff'),
        url('./assets/fonts/jost-thinitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-thinitalic.svg#jost-thinitalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'jost-light';
    src: url('./assets/fonts/jost-light.eot');
    src: url('./assets/fonts/jost-light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-light.woff2') format('woff2'),
        url('./assets/fonts/jost-light.woff') format('woff'),
        url('./assets/fonts/jost-light.ttf') format('truetype'),
        url('./assets/fonts/jost-light.svg#jost-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'jost-lightitalic';
    src: url('./assets/fonts/jost-lightitalic.eot');
    src: url('./assets/fonts/jost-lightitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-lightitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-lightitalic.woff') format('woff'),
        url('./assets/fonts/jost-lightitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-lightitalic.svg#jost-lightitalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'jost-book';
    src: url('./assets/fonts/jost-book.eot');
    src: url('./assets/fonts/jost-book.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-book.woff2') format('woff2'),
        url('./assets/fonts/jost-book.woff') format('woff'),
        url('./assets/fonts/jost-book.ttf') format('truetype'),
        url('./assets/fonts/jost-book.svg#jost-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jost-bookitalic';
    src: url('./assets/fonts/jost-bookitalic.eot');
    src: url('./assets/fonts/jost-bookitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-bookitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-bookitalic.woff') format('woff'),
        url('./assets/fonts/jost-bookitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-bookitalic.svg#jost-bookitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'jost-medium';
    src: url('./assets/fonts/jost-medium.eot');
    src: url('./assets/fonts/jost-medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-medium.woff2') format('woff2'),
        url('./assets/fonts/jost-medium.woff') format('woff'),
        url('./assets/fonts/jost-medium.ttf') format('truetype'),
        url('./assets/fonts/jost-medium.svg#jost-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'jost-mediumitalic';
    src: url('./assets/fonts/jost-mediumitalic.eot');
    src: url('./assets/fonts/jost-mediumitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-mediumitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-mediumitalic.woff') format('woff'),
        url('./assets/fonts/jost-mediumitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-mediumitalic.svg#jost-mediumitalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'jost-semi';
    src: url('./assets/fonts/jost-semi.eot');
    src: url('./assets/fonts/jost-semi.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-semi.woff2') format('woff2'),
        url('./assets/fonts/jost-semi.woff') format('woff'),
        url('./assets/fonts/jost-semi.ttf') format('truetype'),
        url('./assets/fonts/jost-semi.svg#jost-semi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jost-semiitalic';
    src: url('./assets/fonts/jost-semiitalic.eot');
    src: url('./assets/fonts/jost-semiitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-semiitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-semiitalic.woff') format('woff'),
        url('./assets/fonts/jost-semiitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-semiitalic.svg#jost-semiitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'jost-bold';
    src: url('./assets/fonts/jost-bold.eot');
    src: url('./assets/fonts/jost-bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-bold.woff2') format('woff2'),
        url('./assets/fonts/jost-bold.woff') format('woff'),
        url('./assets/fonts/jost-bold.ttf') format('truetype'),
        url('./assets/fonts/jost-bold.svg#jost-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'jost-bolditalic';
    src: url('./assets/fonts/jost-bolditalic.eot');
    src: url('./assets/fonts/jost-bolditalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-bolditalic.woff2') format('woff2'),
        url('./assets/fonts/jost-bolditalic.woff') format('woff'),
        url('./assets/fonts/jost-bolditalic.ttf') format('truetype'),
        url('./assets/fonts/jost-bolditalic.svg#jost-bolditalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'jost-heavy';
    src: url('./assets/fonts/jost-heavy.eot');
    src: url('./assets/fonts/jost-heavy.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-heavy.woff2') format('woff2'),
        url('./assets/fonts/jost-heavy.woff') format('woff'),
        url('./assets/fonts/jost-heavy.ttf') format('truetype'),
        url('./assets/fonts/jost-heavy.svg#jost-heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'jost-heavyitalic';
    src: url('./assets/fonts/jost-heavyitalic.eot');
    src: url('./assets/fonts/jost-heavyitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-heavyitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-heavyitalic.woff') format('woff'),
        url('./assets/fonts/jost-heavyitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-heavyitalic.svg#jost-heavyitalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'jost-black';
    src: url('./assets/fonts/jost-black.eot');
    src: url('./assets/fonts/jost-black.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-black.woff2') format('woff2'),
        url('./assets/fonts/jost-black.woff') format('woff'),
        url('./assets/fonts/jost-black.ttf') format('truetype'),
        url('./assets/fonts/jost-black.svg#jost-black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'jost-blackitalic';
    src: url('./assets/fonts/jost-blackitalic.eot');
    src: url('./assets/fonts/jost-blackitalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/jost-blackitalic.woff2') format('woff2'),
        url('./assets/fonts/jost-blackitalic.woff') format('woff'),
        url('./assets/fonts/jost-blackitalic.ttf') format('truetype'),
        url('./assets/fonts/jost-blackitalic.svg#jost-blackitalic') format('svg');
    font-weight: 900;
    font-style: italic;
}


/*h3 {
    color: #c7baa3;
    letter-spacing: 5px;
}

@media screen and (max-width: 768px) {
    h3 {
        letter-spacing: 2px;
        font-size: 1.5em;
        line-height: 1.5em;
    }

    h2 {
        font-size: 4.5em;
        line-height: 1.2em;
    }
}

h3.h3-content {
    font: normal 300 18px / 25px "Raleway";
}*/





/* Grafik über Footer */
#prefooter {
    /*gras*/
    background: url('../../../wp-content/uploads/footer/figuren-2000x200px-min.png') no-repeat center bottom,
                url('../../../wp-content/uploads/footer/footer-gras-muster2.png') repeat-x bottom, 
                url('../../../wp-content/uploads/footer/footer-berge1.png') no-repeat center bottom;
    z-index: 1;
    height: 250px;
    grid-area: footer;
    width: 100%;
    display: block;
    bottom: 250px;
    position: relative;
}


@media screen and (max-width: 768px) {
    #prefooter {
        background: url('../../../wp-content/uploads/2019/01/figuren-768x200px.svg') no-repeat center bottom,
                    url('../../../wp-content/uploads/footer/footer-gras-muster2.png') repeat-x bottom, 
                    url('../../../wp-content/uploads/footer/footer-berge1.png') no-repeat center bottom;
    }
}




/*#####
1. ALLGEMEIN
2. SEITEN
3. SHOP
4. THEME-ANPASSUNGEN
5. PLUGIN-ANPASSUNGEN

6. TEMP-Testing
#####*/








/*##### 1. ALLGEMEIN #####*/

/*##### 1.1 eigene globale Klassen #####*/
.centerme, 
.centerme .wpb_content_element > .wpb_wrapper {
    text-align: center !important;
}

@media screen and (max-width: 768px) {
    .mobile-centerme {
    text-align: center !important;
    }
}

.justifyme p, .mobile-justifyme p {
    text-align: justify !important;
}

.hideme {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .mobile-hideme {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .desktop-hideme {
        display: none !important;
    }
}


.same-height {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
}


/*##### 1.2 Klassen für VC-Elemente #####*/

/* VC Spalten mobil umsortieren */
@media screen and (max-width: 768px) {
    .mobile-order-1/*in VC Spalte nutzen*/ { order: -1; }
    .mobile-order1 { order: 1; }
    .mobile-order2 { order: 2; }
    .mobile-order2 { order: 3; }
    .mobile-order2 { order: 4; }
}



/*##### 1.3 Layout #####*/

/* Farben */
.w-green {
    color: #5f872b;
}
.w-brown {
    color: #81562d;
}
.w-dark {
    color: #331e00;
}


/* Header Logo auf Startseite ausblenden (via Theme-Option) + Abstand */
.page-id-2 .branding,
.page-id-3132 .branding {
    margin: 0 15px;
    /*display: none;*/ 
}


/* Schriftanpassungen */
.widget-title,
.navigation li > a .menu-text {
    letter-spacing: 1px;
    text-transform: uppercase;
}

html, body, body.page, .wf-container > * {
    letter-spacing: .5px;
}


/* Font Fixes for Scret Forest Typo */
.dt-form .dt-btn,
.comment-form .dt-btn,
h3,
.h3-size,
.default-btn-shortcode span, /*Shortcode Button*/
.wpcf7-form input[type="submit"].dt-btn.dt-btn-m, /*CF7 Button*/
.textwidget .widget.nl2go-widget button, /*Newsletter2Go Button*/
.related.products h2, .woo-buttons a.add_to_cart_button, /*Artikelseite*/
#page .button.view-cart, #page .button.checkout, #phantom .button.view-cart, #phantom .button.checkout /*Header Warenkorb*/ {
    text-transform: uppercase;
    letter-spacing: 1px;
}



/*##### Funktionen #####*/

/* Menü-Überlappung bei Ankern */
html {
  scroll-padding-top: 125px;
}



/*##### 2. SEITEN #####*/





/*##### 3. SHOP #####*/

/* Menü */
.mini-widgets .text-area a:not(.dt-btn),
.mobile-mini-widgets .text-area a:not(.dt-btn) {
    text-decoration: none;
}


/* ### Seite - Shop */

/* Filter ausblenden */
.switcher-wrap {
    display: none;
}



/* Preis größer */
.single-product .product .summary.entry-summary .price,
.woocommerce-checkout-review-order .order-total strong .amount {
    font: 30px / 35px "secret-forest", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.woocommerce-checkout-review-order .cart-subtotal .woocommerce-Price-amount {
    font-size: 22px;
}

.woocommerce-cart .order-total strong .woocommerce-Price-amount.amount {
    font-size: 1.5em;
}

/* Button Font-Fix 4 Shop */
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
button.single_add_to_cart_button.button,
button.dt-wc-btn.wc-cart-button,
button[name="calc_shipping"],
#page .checkout-button.wc-forward,
#page button#place_order,
a.button,
#customer_login > div .button /*Mein Konto*/ {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

/* Produkt-Tabs */
.woocommerce-tabs .tabs li > a {
    text-transform: unset;
}


/* ### Seite - Kasse */

/* Label-Beschreibung */
.woocommerce-billing-fields label,
.woocommerce-additional-fields label,
.wc-terms-and-conditions label,
.woocommerce-shipping-fields label,
.woocommerce-account-fields label,
label[for="rememberme"],
#customer_login > div label.woocommerce-form__label-for-checkbox,
.product table.variations td.label,
.product table.variations td.label label,
.woocommerce-MyAccount-content label,
form.track_order label, form.lost_reset_password label,
#customer_login label, .woocommerce-Reviews label {
    font-size: 18px;
}

/* Label-Typo */
form.woocommerce-checkout .form-row label,
.woocommerce-MyAccount-content .form-row label {
    text-transform: unset;
}

/* Deine Bestellung - Preis-Ausrichtung */
.product-total,
.product-total .product-tax,
.content .woocommerce-checkout-review-order-table tfoot,
.woocommerce-cart-wrap .cart_totals td /*(Warenkorb)*/ {
    text-align: right;
}

/* Zahlarten Liste */
.wc_payment_methods.payment_methods.methods > li {
    line-height: 3em;
}

/* Trenner für AGB, Datenschutz */
.content .payment_methods {
    margin: 0 0 20px 0;
}
.form-row.place-order {
    border-top: 1px solid rgba(95,135,43,0.5);
    padding-top: 30px;
}
/* Texte für AGB, Datenschutz */
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .shipping-service-provider-checkbox-text,
.woocommerce-privacy-policy-text,
.wc_payment_methods .woocommerce-info,
.shipping-service-provider-checkbox-text {
	text-transform: none;
    font-size: 16px;
}

/* ### ENDE Seite - Kasse */



/* ### Seite - Mein Konto */

/* Konto-Details - Abstände Tabinhalte (functions.php - merge) */
.woocommerce-edit-account .woocommerce-MyAccount-content .button {
    margin-bottom: 30px;
}
.woocommerce-edit-account .woocommerce-MyAccount-content > p.woocommerce-Message,
.woocommerce-edit-account .woocommerce-MyAccount-content > p {
    padding-top: 30px;
    border-top: 1px solid #5f872b;
}

/* Konto-Details - Tabs */
.woocommerce-MyAccount-navigation > ul li a {
    font: normal 16px / 16px "secret-forest", Helvetica, Arial, Verdana, sans-serif !important;
}
/* Checkboxen Login, Registrieren*/
#customer_login > div label {
    font-weight: normal;
}
#customer_login > div form label.woocommerce-form__label-for-checkbox {
    display: table;
    margin-left: unset;
}
#customer_login > div form label span:not(.required) {
    padding-left: 15px;
    font-weight: normal;
}






/*##### 4. THEME-ANPASSUNGEN #####*/


/* BLOG */
/* Autor entfernen - Blogbeiträge */
.author.vcard {
    display: none;
}


/* Blog/Portfolio - Wurzel Home-Icon */
.back-to-list .fa.fa-th::before {
    position: absolute;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    content: "";
    top: -15px;
    left: -5px;
}
.back-to-list {
    width: 100px;
}

/* Blog/Portfolio - Navigation (Titel länge) */
@media screen and (min-width: 501px) {
    .navigation.post-navigation .post-title.h4-size {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

/* Blog - Wurzel Home-Icon */
.single-post .back-to-list .fa.fa-th::before {
    background-image: url(https://www.wurzelfestival.de/wp-content/uploads/2018/12/2019-wurzel-news100.png);
}


/* PORTFOLIO */
/* Portfolio - Breadcrumbs entfernen !!!temp!!! */
/*.single-portfolio .page-title-breadcrumbs,
.tax-dt_portfolio_category .page-title-breadcrumbs {
    display: none;
}*/

/* Portfolio - Wurzel Home-Icon */
.single-portfolio .back-to-list .fa.fa-th::before {
    background-image: url(https://www.wurzelfestival.de/wp-content/uploads/2018/12/2019-wurzel-workshop100.png);
}


/* Akkordeon - Responsive Text-Size */ /*DEBUG*/
/*h3,*/
.h3-size,
.entry-title.h3-size,
/*h2.entry-title,*/ /*Konflikt mit Produkten*/
.dt-accordion-h3-size .wpb_accordion_header > a {
    font-size: calc(18px + (30 - 24) * ((100vw - 300px) / (1600 - 300))) !important;
    line-height: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300))) !important;
}



/* FOOTER */
.footer .textwidget a {
    color: unset;
}
/* Footer - Styling Menü-Shortcode */
#bottom-bar .bottom-text-block ul li {
    display: inline-block;
    border: unset;
}
#bottom-bar .bottom-text-block ul li:not(:last-of-type) {
    padding-right: 15px;
}







/*##### 5.0. PLUGIN-ANPASSUNGEN #####*/


/* SAMMLUNG Buttons */
.widget.nl2go-widget button, /*5.2 NL2GO*/
.wpcf7-form-control.wpcf7-submit.dt-btn.dt-btn-m, /*5.3 CF7*/
.slidein-overlay .cp-btn-flat.cp-slide-edit-btn /*5.4. CONVERT PLUS*/ {
    font: normal 14px / 16px "secret-forest-black", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    padding: 12px 18px 12px 18px;
}




/*##### 5.1. VC_MODULE #####*/

/* Interactive Banner 2 Styling (Style 9) - Textausrichtung für Galerien */
.ult-ib-effect-style9 h2.ult-new-ib-title { /*Stil9*/
    padding: 40% 0 10px;
}
/*Stil 8 bzw. 10*/
.ult-ib-effect-style10 h2.ult-new-ib-title {
    padding: 10% 0 10px;
}
.ult-ib-effect-style10 h2.ult-new-ib-title {
    font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
}


@media screen and (min-width: 786px) and (max-width: 1000px), (max-width: 468px) {
    .vc_col-sm-6 .ult-new-ib-content.ult-responsive,
    .vc_col-xs-12 .ult-new-ib-content.ult-responsive {
        display: none !important;
    }
}



/* Fancy Titles - Abstand unten */
.dt-fancy-title {
    margin-bottom: 20px;
}


/* SVG Icon - Optik */
.svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated {
/*    height: 60px !important;
    width: 60px !important;*/
    padding: 30px !important;
}

.centerme .svg-icon-link { /* center correction */
    display: table;
}

/* SVG Icon - Schatten */
/*.schatten .svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated,
.schatten a {
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.25));      
          filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.25));
}*/

.schatten .svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated:hover,
.schatten a:hover {
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));      
            filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
}

.schatten .svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated {
    -webkit-transition: background-color, 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    -ms-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;

    transition: all 0.1s ease-in-out;
}

/* SVG Icon - Hover */
.schatten .svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated:hover {
    background-color: #506d1e !important;
    border-radius: 100% !important;
    height: 50px !important;
    width: 50px !important;
    padding: 30px !important;
}

.schatten a:hover {
    color: #506d1e !important;
}



/* Interactive Banner 2 - Titel Schatten (Wurzel 2019) */
.ult-new-ib-title.ult-responsive {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}



/* Isometric - Lightbox Image-Titles */
#lightbox .lb-data .lb-number {
    display: none !important;
}







/*##### 5.2. NEWSLETTER2GO #####*/


/* Abstand Eingabe/Button, Widget */
.widget.nl2go-widget input[type="email"] {
    margin-bottom: -10px;
}
.widget.nl2go-widget {
    margin-bottom: 0px;
    /*    margin-top: -20px;*/
    padding-left: 0px;
}
.widget.nl2go-widget .h5-size {
    margin: 20px 0 0 0;
}

/* Nachrichten */
.n2g-fertig {
    color: #5f872b;
}

/* Ausrichtung im Footer */
#footer .widget_newsletter2go {
    padding: 0 25px 0 0;
}

/* Datenschutztext */
#footer .widget_newsletter2go label.label {
    font: normal 14px / 14px "jost-light", Helvetica, Arial, Verdana, sans-serif;
}




/*##### 5.3. CONTACT FORM 7 #####*/

/* Layout Allgemein */
.wpcf7-form-control-wrap.empfaenger {
    top: 20px;
}

#mail-select .wpcf7-list-item {
    height: 110px;
    text-align: center;
}

/*#mail-select .wpcf7-list-item.first {
    margin-left: 36px;
}*/

/* Abstand Label Elemente, ReCaptcha */
.wpcf7-form p,
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    margin-top: 30px;
}
/* Abstand Senden BUtton */
.wpcf7-form-control.wpcf7-submit.dt-btn.dt-btn-m {
    margin-top: 20px;
}


/*CF7 Textfeld Höhe */
textarea.wpcf7-textarea {
    max-height: 100px;
}

/*CF7 Captcha space*/
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    margin-bottom: 10px;
}



/*CF7 check-/radio-box Space*/
.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item, .wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
    margin-left: 3px;
}
.wpcf7-list-item.first,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-select {
    margin-top: 10px;
}

/*CF7/Kontakt Space Mobil*/
@media only screen and (max-width: 550px) {
    form.wpcf7-form .col {
    padding-bottom: 10px;
    }
}


/*CF7 Nummer-Stil*/
.wpcf7 input[type='number'] {
    -moz-appearance:textfield;
}

.wpcf7 input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}



/* Checkboxen (+ radio) in Liste (außer #mail-select mit sprite-img) */
span:not(#mail-select) > span.wpcf7-list-item {
    display:block
}


/* Wurzel sprite-image */
#mail-select input {
    background: url('./assets/images/wurzel-sprite.svg') no-repeat 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    opacity: 0.7;
}

#mail-select .wpcf7-list-item .wpcf7-list-item-label {
    cursor: pointer;
}

#mail-select input {
    margin-right: 0.5em;
    height: 48px;
    background-position: -118px -144px;
    width: 77px;
    display: block;
    position: relative;
    top: -12px;
}


#mail-select input[value="Allgemein"] {
    background-position: 6px -817px;
    background-size: 500px auto;
}
#mail-select input[value="Allgemein"]:checked {
    background-position-x: -83px;
}


#mail-select input[value="DJs"]  {
    background-position-y: -144px;
}

#mail-select input[value="Bands"]  {
    background-position-y: -215px;
}

#mail-select input[value="Shops"]  {
    background-position-y: -282px;
}

#mail-select input[value="Workshops"]  {
    background-position-y: -352px;
}

#mail-select input[value="Firespace"] {
    background-position-y: -426px;
}

#mail-select input[value="Decoration"] {
    background-position-y: -485px;
}
#mail-select input[value="Projects"] {
    background-position-y: -557px;
}

/*#mail-select input[value="Button9"] {
    background-position-y: -620px;
}*/

/* Bild active */
#mail-select input:checked {
    background-position-x: -222px;
    opacity: 1;
}
/* Text active */
.wpcf7 input[type="radio"]:not(old):checked + span {
    color: #506d1e;
}




.cp-toggle-container {
    z-index: 999 !important;
}



/* Wurzelcodes - Hide Form Default */
.contact_coupon_code {
    display: none;
}

.conditional {
    display: none;
}




/*##### 5.4. CONVERT PLUS #####*/

/* Closing X */
.slidein-overlay-close.cp-image-close.cp-inside-close.cp-adjacent-right {
    padding: 10px;
}

/* Content vs Closing X */
.slidein-overlay .textwidget {
    margin-right: 25px;
}

/* Button */
.dt-btn.dt-btn-m span,
.nl2go-widget button {
    font: normal 14px / 16px "secret-forest-black", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
}





/*##### 5.5. SLIDER REVOLUTION #####*/

/* Home Logo */
#wurzelbaum {
    margin-top: 75px !important;
}

@media screen and (max-width: 480px) {
    #wurzelbaum {
        margin-top: 20px !important;
    }
}









/*##### 6. TEMP-Testing #####*/

/* Home Video Text */
/*.page-id-2 span.eb-play-button::before {
    content: "Aftermovie 2021";
    color: #fff;
    position: absolute;
    bottom: 125px;
    font: normal 24px / 26px "secret-forest-black", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
}

.page-id-3132 span.eb-play-button::before {
    content: "Teaser 2022";
    color: #fff;
    position: absolute;
    bottom: 125px;
    font: normal 24px / 26px "secret-forest-black", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .page-id-2 span.eb-play-button::before {
        display: none;
    }
} */





#fancy-header, .page-title.solid-bg {
    background: #fff6 !important;
}




/*** 2022-07 - MITTELERDE ***/

/* ME - Footer Anpassungen (Berge weg)*/
body.page-id-3871 #prefooter,
body.page-id-3918 #prefooter,
body.page-id-3922 #prefooter,
body.page-id-3926 #prefooter,
body.page-id-3931 #prefooter,
body.page-id-3936 #prefooter {
    background: url('../../../wp-content/uploads/footer/figuren-2000x200px-min.png') no-repeat center bottom, url('../../../wp-content/uploads/footer/footer-gras-muster2.png') repeat-x bottom;
}
/* ME - Background */
body.page-id-3871,
body.page-id-3918,
body.page-id-3922,
body.page-id-3926,
body.page-id-3931,
body.page-id-3936 {
    background: #30470f;
    background-image: url('../../../wp-content/uploads/2022/07/wurzel-me-bg2-min.jpg') no-repeat fixed center center;
    background: linear-gradient(180deg, rgba(48,71,15,.5) 0%, rgba(36,53,11,.5) 50%, rgba(20,29,6,.5) 100%), url('../../../wp-content/uploads/2022/07/wurzel-me-bg2-min.jpg') no-repeat fixed center center;
    background-size: auto;
    background-size: cover;
}
/* ME - Text */
.page-id-3871 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *),
.page-id-3918 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *),
.page-id-3922 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *),
.page-id-3926 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *),
.page-id-3931 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *),
.page-id-3936 #page div:is(.page-title, #main) :is(h1, h2, :not(.share-buttons) > a:not(.dt-btn), .wpb_accordion a > span, .breadcrumbs *) {
    color: #ecb039;
}
.page-id-3871 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description),
.page-id-3918 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description),
.page-id-3922 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description),
.page-id-3926 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description),
.page-id-3931 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description),
.page-id-3936 #page div:is(.page-title, #main) :is(h3, h4, h5, h6, p, ul, li, .share-link-description) {
    color: #d6c29b;
}
/* ME - SVG Icon - Schatten */
.page-id-3871 .schatten .svg_icon.wpb_animate_when_almost_visible.wpb_fadeIn.fadeIn.wpb_start_animation.animated:hover {
    background-color: #ecb039 !important;
}
.page-id-3871 .schatten a:hover {
    color: #ecb039 !important;
}