@charset "UTF-8";
/* CSS Document */

/* Diese Regel lädt die Schriftart aus dem Typekit-Kit */

  @import url("https://use.typekit.net/ecj2wgq.css");


.DIN-Light {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.DIN-Light-Italic {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.DIN-Medium {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.DIN-Medium-Italic {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.DIN-Cond-Medium {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.DIN-Cond-Medium-Italic {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.DIN-Cond-Bold {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.DIN-Cond-Bold-Italic {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 700;
	font-style: italic;
}


:root {
/*------------Palette------------*/
--primary-light: #472631;
--primary-main: #472631;
--primary-dark: #472631;

--secondary-light: #472631;
--secondary-main: #472631;
--secondary-dark: #472631;

--accent-light: #e1b67f;
--accent-main: #e1b67f;
--accent-dark: #e1b67f;

--error: #e4032e;
--success: #86bc24;

/*-----------Typography------------*/

/*--Font Settings--*/
--font-primary: "ff-din-paneuropean", sans-serif;
--font-title-primary: "ff-din-paneuropean-cond", sans-serif;
--font-menu: "ff-din-paneuropean-cond", sans-serif;;
--font-fallback: "ff-din-paneuropean", sans-serif;

/*--Font Size Settings--*/
--font-body-size: 15px;
--font-p-size: 0.9em;
--font-h1-size: 2em;
--font-h2-size: 1.7em;
--font-h3-size: 1.4em;
--font-h4-size: 1.2em;
--font-h5-size: 1.1em;
--font-h6-size: 1.1em;
--font-sup-size: 1rem;
--font-sub-size: 1rem;
--font-input-size: 0.9em;
--font-button-size: 0.9em;
--font-button-sm-size: 0.9em;
--font-button-xs-size: 0.9em;
--font-menu-size: 1.4em;
--font-dropdown-menu-size: 1.2em;

/*--Font Color Settings--*/
--grey-lighter: #e1b67f;
--text-primary: #472631;
--text-secondary: #e1b67f;
--text-accent: #e1b67f;

--text-menu-color: #ffffff;
--text-menu-hover-color: #e1b67f;
--text-submenu-color: var(--primary-main);
--text-submenu-hover-color: var(--text-menu-hover-color);

--text-title-color: #472631;

--text-on-navigation-bar: #ffffff;
--text-hover-on-navigation-bar: #e1b67f;
	

/*Icons Color Settings*/
--icon-primary: #472631;
--icon-secondary: var(--text-secondary);
--icon-accent: var(--accent-main);

/*Background Color Settings*/

--background-body: #ffffff;
--background-primary: #ffffff;
--background-secondary: #f2f2f2;
--background-accent: var(--accent-main);
--background-error: var(--error);
--background-widget-bar: #ffffff;
--background-menu-bar: #472631;
--background-navigation-bar: #472631;
--background-submenu: #ffffff;
--background-card: #ffffff;
--background-form-control: var(--background-secondary);
--background-form-control-active: #ffffff;
--background-footer-main: #472631;
--background-footer-copyright: #472631;
--background-footer-payments: var(--background-secondary);
--background-dark: #222222;
--background-icon-contrast: rgba(255,255,255,.8);
--background-slider-control: #ebebeb;

/*Border Settings*/
--border-primary: #dddddd;
--border-accent: var(--accent-main);
--border-error: var(--error);
--border-radius-sm: 0rem;
--border-radius-md: 1.5rem;
--border-radius-lg: 50rem;
--border-radius-arrow: 50rem;
--border-radius-img: .25rem;
--border-radius-button: 0rem;


/*SPACING*/
--section-spacing: 3rem;
}

.spaced-section {
    padding-bottom: 0px;
}

#__nuxt {
	

/*FONTS*/
	
.main-menu .submenu-link {
    letter-spacing: 0.15em;
}
	
.text-accent {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:1.7em;
    color: var(--text-accent) !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
	
.h1, h1 {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform:unset;
}
	
.h2, h2 {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform:unset;
}
	
.h3, h3 {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
	
.h4, h4 {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: var(--text-accent) !important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
	
.h5, h5 {
	font-family: "ff-din-paneuropean-cond", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: var(--text-accent) !important;
	text-transform:unset;
}

.h6, h6 {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.p, p {
	font-family: "ff-din-paneuropean", sans-serif;
	font-weight: 300;
	font-style: normal;
}
	
.description a:not(.external-link) {
    background-color: transparent;
	color: var(--accent-main) !important;
    border-top: 2px solid var(--border-accent);
    border-bottom: 2px solid var(--border-accent);
	border-left: none;
    border-right: none;
	text-align:center;
}
	
.description a:not(.external-link):focus, .description a:not(.external-link):hover{
    background-color: var(--accent-main);
	color:white !important;
	filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.4));
    box-shadow: none;
}
	
.line {
    display: none;
}

.boxed-banner-card .title {
	text-transform:uppercase;
	letter-spacing:0.15em;
	}
	
/*MAINTAINCE MODE*/
.coming-soon-page .main-content-row .content {
    background: hsla(0,0%,100%,1);
}

/*COMMON STYLES*/
.btn-solid, a.btn-solid, input.btn-solid {
    border-top: 2px solid var(--border-accent);
    border-bottom: 2px solid var(--border-accent);
    border-right: none;
    border-left: none;
}

/*FIRST HOME WIDGET*/

@media screen and (max-width: 991.98px) {
	.top-logo img {
    	height: 9em;
    	margin-bottom: -6em;
    	margin-top: -1em;
	}
	
	.top-header {
    	background-color: white;
	}
	
	.navigation-bar .account-widget .dropdown-toggle .dropdown-menu, .navigation-bar .main-menu .menu-collapse {
    	padding: 5rem 0 0 !important;
	}

}
		
.navigation-bar .sub-menu-main>.submenu-item-container>.submenu-link {
    	padding: 0.8rem 0.8rem 0.8rem 3rem;
    	color: white;
		background-color: #472631;
	}
	
.main-header .widget-bar .brand-logo img {
	max-height: 4em;
	min-height: 14em;
	margin-bottom: -10em;
    margin-top: -2em;
	left: -4em;
    z-index: 2000;
    position: relative;
}
	
	.go-back-btn.btn.btn-solid.d-inline-block.mb-4{
		margin-top:4em;
	}
	
.main-header .menu-bar .main-menu .menu {
	justify-content: flex-end;
	padding-left:10em;
}
	
.main-menu .top-level-dropdown, .main-menu .top-menu-link {
    padding: .5rem 0rem .5rem 2rem;
}
	


/*SUCHE*/

.search-overlay .overlay-content {
    width: 100%;
    padding-left: 10em;
}
	
@media screen and (max-width: 575.98px) {
	.search-overlay .container {
        padding-top: 8rem;
    }
}


/*FLEX CONTAINER

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

@media (max-width: 768px) {
	.flex-container {
      flex-direction: column;
    }
	
    .flex-container > .flex-item {
      max-width: 100% !important;
    }
}
	
.flex-item {
    border-radius: 0rem;
    padding: 1em;
    box-sizing: border-box;
    flex: 1 1 calc(33.333% - 20px);
	background-size:cover !important;
	background-position:center !important;
}



@media (max-width: 1024px) {
	.flex-item {
		flex: 1 1 calc(50% - 20px) !important;
	}
}

@media (max-width: 480px) {s
	.flex-item {
		flex: 1 1 100% !important;
	}
}    
*/

/*FOOTER*/
#page-footer .footer_icon svg {
    fill: #e1b67f;
}
#page-footer .footer-title {
    color: #e1b67f;
}
#page-footer .footer-menu * {
    color: #ffffff;
}
#page-footer .nuxt-link-active, .nuxt-link-exact-active {
    color: #e1b67f!important;
}


	/*Check out*/
	
@media (max-width: 920px) {
	.checkout-page.section-b-space.section-t-space{
		padding-top:6em;
	}
	}
	
	.delivery-services input:checked+label, .payment-methods input:checked+label {
    background: var(--accent-main);
    color: white;
    fill: white;
}

.delivery-services input:checked+label, .payment-methods input:checked+label{
	
	.delivery-icon svg, .payment-icon svg, img.delivery-icon, img.payment-icon {
    	fill: white;
	}
	
	.website-icon svg .accent-fill {
    	fill: white;
	}
	
	p {
    	color: white;
	}
}
	
/*ANFRAGEFORMULAR*/

.theme-form.contact-form.show .d-flex.justify-content-between.align-items-center {
    display: flex!important;
    flex-direction: column;
    flex-wrap: wrap;
}
	
}

/*SOCIA MEDIA LINKS WIDGET*/
.section-socialmedia-links.socialmediasection-widget-280 {
    background: #472631;
}

.section-socialmedia-links.socialmediasection-widget-280 .socialmedia-link-list .socialmedia-link .socialmedia-icon svg {
    fill: #ffffff;
}
	.section-socialmedia-links .socialmedia-link-list .socialmedia-link .title {
    color: white;
}
	.section-socialmedia-links .hashtags {
    color: white;
}
	
	
	#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-content, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-text, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a:hover {
    color: white;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0px;
}
	
	
#eapps-instagram-feed-1 .eapps-instagram-feed-header, #eapps-instagram-feed-1 .eapps-instagram-feed-header a {
    color: #472631 !important;
    all: initial;
    display: flex;
    border-bottom: none !important;
    border-top: none !important;
}


/*YOUTUBE VIDEOS*/

.ytp-chrome-top, .ytp-chrome-bottom {
    display: none;
}
	
.ytp-gradient-top, .ytp-gradient-bottom {
    display: none;
}

/* Lightbox styles für Ape Sepp Button */

.lightbox {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        justify-content: center;
        align-items: center;
    }

a[href="#videoPopup"] {
    padding: 0px !important;
    background-color:transparent !important;
	border:0px !important;
	margin:0px !important;
}

a[href="#videoPopup"]:hover {
    background-color:transparent !important;
}

    /* Lightbox sichtbar machen */
    #videoPopup:target {
        display: flex;
    }

    /* Inhalt der Lightbox */
.lightbox-content {
    position: relative;
    background: white;
    padding: 10px 10px 0px 10px;
    border-radius: 0em;
    max-width: 95%;
    text-align: center;
}

    /* Schließen-Button */
    .close-btn {
    padding: 0px !important;
    position: absolute;
    top: 0px;
    right: 12px;
    border: 0px !important;
    font-size: 30px !important;
    text-decoration: none;
    color: black;
	z-index:10000;
    }

/*background-dark-font-white*/

.custom-pagination .pagination .page-item .page-link.active {
    color: var(--text-menu-color);
    background-color: var(--background-secondary);
}

.paginate-count .paginate-count-num {
    font-weight: 700;
}

    /* Video-Anpassung*/
    video {
        width: 100%;
        height: auto;
        max-width: 700px;
    }

.accordion-tabs.product-info-accordion-tabs .attributes-table .product-attribute:nth-child(odd) {
    background-color: transparent;
}

.checkout-details, .place-order-section, .promo-code-section {
    background-color: #f2f2f2;
}