/*
 Theme Name:   Divi/Child
 Theme URI:    https://www.understood.biz
 Description:  A Child Theme built for Divi
 Author:       Understood
 Author URI:   https://www.understood.biz
 Template:     Divi
 Version:      3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


#main-content {
	background-color: #191818 !important;
}

/* TYPOGRAPHIE */ 
@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:200;src:url('../Child/fonts/source-serif-4-v13-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:200;src:url('../Child/fonts/source-serif-4-v13-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:300;src:url('../Child/fonts/source-serif-4-v13-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:300;src:url('../Child/fonts/source-serif-4-v13-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:400;src:url('../Child/fonts/source-serif-4-v13-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:400;src:url('../Child/fonts/source-serif-4-v13-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:500;src:url('../Child/fonts/source-serif-4-v13-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:500;src:url('../Child/fonts/source-serif-4-v13-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:600;src:url('../Child/fonts/source-serif-4-v13-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:600;src:url('../Child/fonts/source-serif-4-v13-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:700;src:url('../Child/fonts/source-serif-4-v13-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:700;src:url('../Child/fonts/source-serif-4-v13-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:800;src:url('../Child/fonts/source-serif-4-v13-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:800;src:url('../Child/fonts/source-serif-4-v13-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:normal;font-weight:900;src:url('../Child/fonts/source-serif-4-v13-latin-900.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Serif 4';font-style:italic;font-weight:900;src:url('../Child/fonts/source-serif-4-v13-latin-900italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:200;src:url('../Child/fonts/source-sans-3-v18-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:200;src:url('../Child/fonts/source-sans-3-v18-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:300;src:url('../Child/fonts/source-sans-3-v18-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:300;src:url('../Child/fonts/source-sans-3-v18-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:400;src:url('../Child/fonts/source-sans-3-v18-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:400;src:url('../Child/fonts/source-sans-3-v18-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:500;src:url('../Child/fonts/source-sans-3-v18-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:500;src:url('../Child/fonts/source-sans-3-v18-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:600;src:url('../Child/fonts/source-sans-3-v18-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:600;src:url('../Child/fonts/source-sans-3-v18-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:700;src:url('../Child/fonts/source-sans-3-v18-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:700;src:url('../Child/fonts/source-sans-3-v18-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:800;src:url('../Child/fonts/source-sans-3-v18-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:800;src:url('../Child/fonts/source-sans-3-v18-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:900;src:url('../Child/fonts/source-sans-3-v18-latin-900.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:900;src:url('../Child/fonts/source-sans-3-v18-latin-900italic.woff2') format('woff2')}

#main-header {
    margin-top: 30px; 
}

#et-main-area .et_pb_text_inner, 
#et-main-area .et_pb_toggle_content {
    font-size: 20px; 
}

#et-main-area h1,
#et-main-area h2,
#et-main-area h3,
#et-main-area h4,
#et-main-area h5, 
#et-main-area h6 {
    text-transform: uppercase; 
    letter-spacing: .15em; 
}

#et-main-area .et_pb_wc_title h1 {
  font-family: "Source Serif 4", Helvetica, Arial, Lucida, sans-serif !important;
}

#et-main-area .content-header h2 {
    font-size: 70px; 
    color: #ffc200;
    text-transform: uppercase; 
    line-height: 1.0em; 
    letter-spacing: -0.03em; 
    font-weight: 900; 
}

#et-main-area .content-header h2 .mark {
    font-family: "Source Serif 4", Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 900; 
    font-size: 70px; 
    color: #ffffff;
    text-transform: capitalize; 
}

#et-main-area .divider-content h2 {
    font-size: 55px; 
    color: #ffc200;
    text-transform: uppercase; 
    line-height: 1.0em; 
    letter-spacing: -0.03em; 
    font-weight: 900; 
}

#et-main-area .divider-content .mark {
    font-family: "Source Serif 4", Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 900; 
    font-size: 55px; 
    color: #ffffff;
    text-transform: capitalize; 
}

#et-main-area h3 {
	font-size: 26px !important;  
 	font-weight: 800;
    line-height: 1.2em; 
    letter-spacing: -0.0em !important;
    text-transform: capitalize; 
}

#et-main-area h4 {
    font-size: 24px;
    line-height: 1.2em;
	font-weight: 500;
}

#et-main-area h5 {
    font-size: 20px; 
    font-weight: 500; 
}

#et-main-area h6 {
   font-size: 22px !important; 
   font-weight: 500;	
}


/* FOOTER */

.footer-menu li {
    list-style: none; 
    margin-bottom: 30px; 
    font-weight: 600; 
    margin-left: 20px;
}

.footer-menu li a {
	color: #ffffff;
}

.footer-menu li:before {
    height: 20px; 
    width: 20px; 
    position: absolute; 
    left: 0px; 
    padding-top: 5px; 
}

.footer-menu li:nth-child(1):before {
    content: url(https://bohne.designvonunderstood.de/wp-content/uploads/2025/04/el-1.svg);
}

.footer-menu li:nth-child(2):before {
    content: url(https://bohne.designvonunderstood.de/wp-content/uploads/2025/04/el-2.svg);
}

.footer-menu li:nth-child(3):before, 
.footer-menu li:nth-child(4):before,
.footer-menu li:nth-child(5):before, 
.footer-menu li:nth-child(6):before {
    content: url(https://bohne.designvonunderstood.de/wp-content/uploads/2025/04/el-3.svg);
}

#et-main-area footer .et_pb_text_inner h3 {
    margin-bottom: 20px; 
    font-size: 40px !important; 
}

.et_pb_column_1_4:nth-child(1) {
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     justify-content: flex-end;
     align-items: flex-start;
     align-content: flex-end;
}

.et_pb_column_1_4:nth-child(1) .et_pb_image_wrap img[src*=".svg"] {
    width: 300px; 
    bottom: 50px; 
}

/* SOCIAL ICONS */ 

li.et_pb_social_icon a.icon:before {
    color: black !Important; 
    background: white; 
    border-radius: 50%;  
    font-size: 18px;
    line-height: 35px;
    font-weight: 100; 
}

li.et_pb_social_icon a.icon {
    background: none !important; 
    margin-right: 20px; 
}

.et_pb_social_media_follow li a.icon, 
.et_pb_social_media_follow li a.icon:before{
    height: 35px;
    width: 35px;
    padding-left: 1px; 
}

/* CAROUSEL */ 

.swiper-button-next,
.swiper-button-prev {
   border-radius: 50px; 
   margin: 10px !important; 
}

#main-content .difl_product_carousel_0 .df_pc_arrows>div:after {
    color: #000000 !important;
    font-weight: 100; 
    font-size: 30px;
} 

/* BUTTON */ 

#et-main-area .et_pb_button {
    border: 1px solid white; 
    border-radius: 50px; 
    color: white; 
    font-weight: 900; 
    letter-spacing: .05em; 
    text-transform: capitalize; 
    padding: 10px 50px;   
    background: rgba(0,0,0,.3);
}


/* WOO BUTTONS */

.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page button.button.alt,
.woocommerce-page button.button.alt.disabled,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    border: 1px solid white; 
    border-radius: 50px; 
    color: white; 
    font-weight: 900; 
    letter-spacing: .05em; 
    text-transform: capitalize; 
    padding: 10px 50px;   
    background: rgba(0,0,0,.3);
} 


.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
    border: 1px solid white; 
    border-radius: 50px; 
    color: white; 
    font-weight: 900; 
    letter-spacing: .05em; 
    text-transform: capitalize; 
    padding: 10px 50px;   
    background: rgba(0,0,0,.3);
} 

.woocommerce div.product form.cart .button:hover, 
.difl_advancedmenuitem_1_tb_header .df-normal-menu-wrap .df-menu-nav>li.menu-item>a:hover {
    border-color: #FFC200;
    color: #FFC200 !Important;
    transition: all .2s;
}


/* TOGGLES */ 

.et_pb_toggle {
    background: none; 
    border: 1px solid #ffffff; 
    border-radius: 35px; 
    padding: 0; 
    margin-top: 1px; 
	box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
}

#et-main-area h5.et_pb_toggle_title {
    font-size: 26px !important; 
    color: #ffffff; 
    font-weight: 800; 
    line-height: 1.2em; 
    letter-spacing: -0.0em;
    text-transform: capitalize;
     padding: 30px 60px 30px 30px; 
}

.et_pb_toggle_title:before {
    font-size: 35px;
    color: #ffffff;
    font-weight: 600 !important;
    padding-right: 30px; 
}

#et-main-area .et_pb_toggle_content {
    padding: 0 30px 30px 30px; 
}

/* ADD SOMETHING */

.has-radius img {
    border-radius: 35px; 
}


/* WOO */ 

/* WOO style product */
.df-product-outer-wrap {
    border: 1px solid rgba(255,255,255,0); 
    border-radius: 45px; 
    transition: all .45s; 
}

.df-product-inner-wrap {
    padding: 11px 10px 11px 10px; 
    transition: all .3s; 
}

.df-product-outer-wrap:hover {
    border: 1px solid rgba(255,255,255,1); 
    background: rgba(0,0,0,.5); 
    transition: all .3s;  
}

.df-product-image-wrap a {
    border-radius: 38px !important; 
}

.df-product-inner-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.df-product-add-to-cart-wrap {
    margin-top: auto;
}

.woocommerce-product-gallery__wrapper {
    pointer-events: none; 
}
    
.woocommerce-product-gallery__trigger {
        display: none; 
}

/* WOO product details */

.df-product-title-wrap {
    font-family: "Source Serif 4", Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 24px !important; 
    font-weight: 900;
    color: #ffffff;
    margin-top: 20px; 
}

.df-product-price-wrap {
    font-size: 20px; 
    font-weight: 900;
    margin-bottom: 20px; 
}
    
.df-product-categories-wrap {
    text-transform: uppercase; 
    font-size: 18px; 
    font-weight: 300 !Important;
    letter-spacing:.1em;  
}

.df-product-add-to-cart-wrap { 
    font-size: 20px;
    font-weight: 900;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: .05em;
    text-transform: capitalize;
    background: rgba(0, 0, 0, .3);
    border: 1px solid #ffffff; 
    border-radius: 50px;
    padding: 10px 50px;
}


/* WOO MESSAGES */

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, 
.woocommerce-info a, .woocommerce-message a {
    background: #FFC200;
	color: #000000 !important;
}

.woocommerce-info a, .woocommerce-message a {
	text-decoration: underline; 
	font-weight: bold;
}

.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info {
    background-color: #000000 !important;
}

.woocommerce-message {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

/* WOO SHOW CART SYMBOL */ 

.woocommerce-page .df-product-add-to-cart-wrap.placement_left:not(.only_icon_in_cart) a.added_to_cart.wc-forward:before, .woocommerce-page .df-product-add-to-cart-wrap.placement_right:not(.only_icon_in_cart) a.added_to_cart.wc-forward:after, .woocommerce .df-product-add-to-cart-wrap.placement_left:not(.only_icon_in_cart) a.added_to_cart.wc-forward:before, .woocommerce .df-product-add-to-cart-wrap.placement_right:not(.only_icon_in_cart) a.added_to_cart.wc-forward:after {
    font-family: ETModules;
    content: "\4e";
	color: #FFC200;
}

.df-cart-info .cart-item-count {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

/* WOO FORM */ 

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single, .cart_item td {
font-size: 20px; 
font-weight: 600; 
}

body .woocommerce a.remove {
    color: #FFC200 !important;  
}

.woocommerce a.remove:hover {
    color: black !important; 
    background: #FFC200 !important;     
}


#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 90px;
    box-shadow: none;
}

.coupon {
    display: none; 
}

.et_pb_wc_cart_products_0 table.shop_table {
    border: 1px solid white !important; 
    padding: 30px; 
	background: #191818!important; 
}

tr.woocommerce-cart-form__cart-item td {
    border-bottom: 1px solid rgba(255,255,255,.2) !important;
}

/* WOO SPINNER BUTTONS */ 

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !Important;
  margin: 0;    
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !Important;
}

.woocommerce .quantity.buttons-added {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
}

.woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity, 
.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity {
    width: 150px !important;
    text-align: center; 
	margin-bottom: 30px !important; 
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
    background: none !important; 
}

.woocommerce .quantity input.qty {
    width: 1em !Important; 
    padding: 0; 
	border: 0 !important; 
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
    text-align: center; 
    color: #ffffff; 
}

.quantity {
    border: 1px solid #ffffff; 
    border-radius: 50px; 
    padding: 10px; 
}

/* ---------------------------------- */
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
   background: none !important; 
   border: none !important; 
   line-height: 0 !important; 
   color: rgba(0, 0, 0, 0) !important;
}

.quantity .minus:after {
   content: "";
   display: block;
   width: 18px;
   height: 1px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.32 1'%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='23.32' y1='.5' y2='.5'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: cover;
}

.quantity .plus:after {
   content: "";
   display: block;
   width: 18px;
   height: 18px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.32 23.32'%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='11.66' x2='11.66' y1='0' y2='23.32'/%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='0' y1='11.66' x2='23.32' y2='11.66'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: cover;
   margin-top: -10px; 
   transition: all .3s; 
}

.woocommerce-page .quantity:hover .minus:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.32 1'%3E%3Cline fill='none' stroke='%23FFC200' stroke-miterlimit='10' x1='23.32' y1='.5' y2='.5'/%3E%3C/svg%3E");  
   transition: all .3s; 
}

.woocommerce-page .quantity:hover .plus:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.32 23.32'%3E%3Cline fill='none' stroke='%23FFC200' stroke-miterlimit='10' x1='11.66' x2='11.66' y1='0' y2='23.32'/%3E%3Cline fill='none' stroke='%23FFC200' stroke-miterlimit='10' x1='0' y1='11.66' x2='23.32' y2='11.66'/%3E%3C/svg%3E");
   transition: all .3s; 
}

.quantity:hover {
    border: 1px solid #FFC200; 
    border-radius: 50px; 
    padding: 10px; 
    transition: all .3s; 
}

.cart input{
    margin-right: 10px; 
    margin-left: 10px; 
}


.cart button[type="submit"] {
    margin-bottom: 30px; 
}