/** Shopify CDN: Minification failed

Line 312:25 Unexpected "{"

**/
/*
knallgrün: #a6ce39

*/

/* TYPO
***********************************************************************************************************************************************/

body, button, input, p, select, textarea, 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.collection-filter .btn, .collection-filter select,
.drawer__title, .label, label {font-family:Jost, sans-serif;}

h1 {position:relative; text-transform:uppercase; font-size:40px; font-weight:300; letter-spacing:3px; line-height:1.2; margin:27px 0 0; padding-bottom:30px; color:black;}
h1:after {width: 40px; height: 4px; position: absolute; bottom: 0; left: 0; background-color: #a6ce39; content: '';}

.text-center h1 {font-size:60px;}
.text-center h1:after {font-size:60px; left:50%;}


h2 {position:relative; text-transform:uppercase; font-size:26px; font-weight:300; letter-spacing:3px;}
.rich-text h2 {/*font-size:40px;*/ color: #828439;}
.how-it-works h2 {font-size:40px; color: #828439;}

h3, .rte h3 {position:relative; text-transform:uppercase; color:#828439; font-weight: 700; font-size: 18px; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase;}
@media only screen and (min-width: 590px) {
    h3, .rte h3 {font-size: 18px;}
}

h4, .rte h4 {font-size: 16px; color:#474747; font-weight: 700; line-height:1.2; letter-spacing: 1px; margin-top:2.0em; margin-bottom:0.5em;}
@media only screen and (min-width: 590px) {
    h4, .rte h4 {font-size: 18px;}
}




/* Eyebrows & Co */
[data-type_base_accent_transform=true] .larger-text .subtitle,
.rich-text p.subtitle,
.advanced-content .rte p.subtitle {font-size:14px; font-weight: 700; letter-spacing: 3px; color:#828439; text-transform:uppercase;}


@media only screen and (max-width: 589px) {
  /*h1 {font-size:calc(40px)*.85);}*/
  h1 {font-size:30px;}
  h2 {font-size:24px;}
  .how-it-works h2 {font-size:24px;}
  
  
  
  [data-type_base_accent_transform=true] .larger-text .subtitle,
  .advanced-content .rte p.subtitle {font-size:13px;}
}

/* BUTTONS
***********************************************************************************************************************************************/

.btn {
  text-transform:uppercase;
  /*border:5px solid blue;
  font-size:2em;*/
  
}

.hero__link .btn {}


[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static),
[data-animate_buttons=true] .btn.add-to-cart--secondary:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static), 
[data-animate_buttons=true] .btn.btn--inverse:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
/*  background-color: var(--colorBtnPrimary);*/
  background-image:none;
  background-size: auto;
  
}


[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]) {padding-right:20px;}












/* ICONS
***********************************************************************************************************************************************/

.text-uppercase {text-transform: uppercase;}
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }

/* Product Detailview und Listview ?! */
.grid-product__icons-list {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; column-gap: 16px; row-gap: 20px; column-count:3;}
.grid-product__icons-list__item {flex-grow: 1; display: flex; column-gap: 15px; align-items: center;  width: auto;}
.grid-product__icons-list--columns2 .grid-product__icons-list__item {width: calc(50% - 30px);}
.grid-product__icons-list__item-img {width: 35px; height: 35px; display: flex; align-items: center;}
.grid-product__icons-list__item-icon {width: 35px; height: 35px; display: flex; align-items: center; font-size: 3rem; color: #a6ce39;}
.grid-product__icons-list__item-img img {max-width: 35px; max-height: 35px; width: 100%; height: auto; display: block;}
.grid-product__icons-list__item-text {font-weight:300;}

/*.grid-product__icons-list__item-text {width: 1%; flex-grow: 1; font-size: 20px; font-weight: 300;}*/

/* SECTIONS
***********************************************************************************************************************************************/

.index-section {margin:0px; padding:34px 0px;}
@media only screen and (min-width: 590px) {
  .index-section {margin:0px; padding:100px 0px;}
}


/* HERO & NAVIGATION
***********************************************************************************************************************************************/

.header-wrapper--overlay {background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, transparent);}

/* NAVIGATION */
.site-header .header-item--navigation .site-nav__link {text-transform:uppercase; color:white; font-size:14px; font-weight:600; letter-spacing:2px;}
.site-header .header-item--navigation .site-nav__link:after {transition: width 250ms ease-in-out 0ms; content: ''; position: absolute; bottom:4px; width:0px; height:2px; color:inherit; background-color:currentColor; left:20px;}
.site-header .header-item--navigation .site-nav__link:hover:after,
.site-header .header-item--navigation .site-nav--active .site-nav__link:after {width: calc(100% - 40px); opacity:1;}
.site-header .header-item--icons {
  [class^=icon-] {
    color: #a6ce39;
    font-size: 2.25rem;
    transition: all 250ms ease-in-out 0ms;
  }
}
.site-header .site-nav__link {
  &:hover {
      [class^=icon-] {
        opacity: .5;
      }
  }
}
.text-center .site-navigation {margin: 0 0 0 auto; }

/* stuck header */
.site-header.site-header--stuck {background-color:#a6ce39; border-bottom-color:#a6ce39;}
.site-header.site-header--stuck .header-item--icons [class^=icon-] {color:white;}
.site-header.site-header--stuck .site-header__logo {
  img {transform: scale(.7); transform-origin: left;}
}
.is-light .site-header--stuck .site-nav__link, 
.is-light .site-header--stuck .site-nav--active .site-nav__link,
.is-light .site-header--stuck .site-nav__link:hover {color:#ffffff;}


@media only screen and (min-width: 769px) {
    .site-header__logo a {max-width: 130px;}
}

/* NAVIGATION MOBILE */
.is-light .site-nav__link, 
.is-light .site-nav__link:hover {color:#a6ce39;}


.drawer .mobile-nav>.mobile-nav__item {background-color:transparent;}
.drawer .mobile-nav__item a, 
.drawer .mobile-nav__toggle button {color:#ffffff;}
.drawer .mobile-nav__item .mobile-nav__faux-link, 
.drawer .mobile-nav__item a:not(.megamenu__promo-link) {font-size:16px;}
@media only screen and (max-width: 589px) {
  .site-header .header-item--icons .icon-search {}
  .site-header .header-item--icons .icon-shopping-card {font-size:1.8em;}
}


/* HERO */
.slideshow__slide:after {background:#a6ce39;}

.index-section--hero h2 {font-weight:300;}
/*
.index-section--hero h2 .animation-contents:before {content:attr(data-slide-index); display:block; width:77px; height:81px; background-image: url("/cdn/shop/files/hero-decor.svg?v=1718804184"); font-size:26px; font-weight:700; padding-left:42px; padding-top:30px; margin-left:-27px;}
*/
.hero .flickity-page-dots {right: 0px; left: 0px;}

/* SLIDER DOTS
***********************************************************************************************************************************************/

.flickity-page-dots .dot {position:relative; margin:0px 25px; opacity:0.5; border:0px;}
.flickity-page-dots .dot.is-selected {opacity:1; background-color:transparent;}
.flickity-page-dots .dot:before {font-family: 'ODAW' !important; content: "\e909"; font-size:25px; line-height:1; color:#a6ce39; position:absolute; top:-8px; left:-8px;}


/* DRAWER Slide in Menus + Mobile Menu
***********************************************************************************************************************************************/

/*.js-drawer-open .transition-body {background:blue; opacity:1; border:20px solid green;}*/

.drawer {background-color:rgba(0, 0, 0, .72); color:white;}  
.drawer__header {border-bottom:0px;}

.drawer.collapsible-trigger {color:white;}

.h2.drawer__title,
.drawer__title {font-size:24px; font-weight:300; color:#a6ce39; text-transform:uppercase; letter-spacing:5px;}
.drawer button {font-size:16px;}
.drawer button:hover,
.drawer button.is-open,
.drawer li.tag:hover,
.drawer li.tag.tag--active {color:#a6ce39} 

.drawer__close-button {color:#a6ce39;}
button.drawer__close-button:hover {color:#ce3939;}

.drawer .tag--remove .btn {background-color:#474747;}
.drawer .tag--remove:hover .btn {opacity:0.5;}
.drawer .tag--remove:hover .icon-close {color:#ce3939;}



.drawer .filter-form {/*margin-top: -20px; tmpl default*/}
@media only screen and (min-width: 590px) {
    .drawer .filter-form {margin-top: 0px;}
}




/* SHOOPING CART (Slider)
***********************************************************************************************************************************************/

.cart-link__bubble--visible {background-color: #474747; border:0px; height:20px; width:20px;}
.cart-link__bubble--visible:before {font-family: 'ODAW' !important; content: "\e92a"; font-size:24px; line-height:1; color:#a6ce39; position:absolute; top:-1px; left:-2px;}

/* Cartview */
.drawer .cart__item--name {line-height:1.25;} 
.drawer .cart__item--name a:not(.btn) {text-transform:uppercase; color:#a6ce39;}
@media only screen and (min-width: 590px) {
    .drawer .cart__product-name {margin-bottom: 3px;}
}

.drawer .cart__item--variants {font-size:16px;}

.drawer .cart__item--qty {}
.drawer .cart__item--qty .js-qty__num {border-color: #828439; color: white;}
.drawer.cart__item--qty .js-qty__adjust {color:white;} /* greift nicht */
.drawer .cart__item--qty .js-qty__adjust:hover {background-color:#828439;}

.drawer .cart__subtotal {font-weight:500; color:#a6ce39;}
.drawer .drawer__footer small {font-size:14px; text-align:left;}

.drawer .btn.cart__checkout {background-color:#a6ce39!important; color:#000000; letter-spacing:3px;}
.drawer .btn.cart__checkout:hover {background-color:#000000!important; color: #ffffff;}



/* PRODUCTS
***********************************************************************************************************************************************/

/* LISTVIEW */
.quick-product__btn {top:60px;}

.product-grid-container h3 {font-size: 18px; font-weight: 300; letter-spacing: 2px; line-height: 1.2; color: #a6ce39;}
.product-grid-container .grid-product__title {min-height:46px;}
@media only screen and (min-width: 590px) {
  .product-grid-container h3 {font-size:26px;}
  .product-grid-container .grid-product__title {min-height:63px;}
  .collection-filter select {max-width:200px;}
  .product-grid-container .grid-product__price {font-size: 24px; /*margin-top: -35px;*/ background-color:rgba(166, 206, 57, .80); width: auto; display:inline-block; padding:15px 20px; position:absolute; top:-72px;}
}


/* headlines same height */
/*
.product-grid-container {border: 2px dotted black;                                            }
.product-grid-container .grid__item {border:2px dotted green; }
.product-grid-container .grid__item .grid-product__title {border: 2px dotted blue;                                                           }
.product-grid-container .grid-product__icons-list__item {flex-grow: 0;}
*/




/* DETAILVIEW */


/* Produkt Headline + Intro */
.product-section .product-single__meta .product-single__title {font-size:26px; font-weight:300; letter-spacing:3px; margin-top:1em; text-transform:uppercase;}
.product-section .product-block.description p {font-size:1.0em;}
@media only screen and (min-width: 590px) {
  .product-section .product-single__meta .product-single__title {font-size:40px; margin-top:0;}
  .product-section .product-block.description p {font-size:1.1em;}
}

/* BTN add-to-cart + PayPal */
.product-section .btn.add-to-cart {border:4px solid black; font-size:18px;}
/* FIX SCROLLBAR ON PRODUCT DETAIL PAGE?! */
.shopify-payment-button__button.shopify-payment-button__button--branded {width: auto;}
.product-section .product-block--sales-point .icon-and-text span {font-family:Jost, sans-serif; font-size:0.9em;}

/* Produkt Details */

.product-block .variant__label {font-size:14px; letter-spacing:3px; color:#828439; margin-bottom:20px; }

.product-block .rte {margin-bottom:40px;}
.product-block .rte h2, 
.product-block .rte h3, 
.product-block .rte h4,  {margin-bottom: 0.5em; margin-top: 1.5em;}

.product-block .rte h2 {font-size: 1.2em; font-weight: 300; color: #474747; letter-spacing: 3px; padding-top: 20px; padding-bottom:30px; margin-bottom:2em;}
.product-block.highlights .rte h2 {padding-top:0px;}
.product-block .rte h2:after {width: 40px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #a6ce39; content: '';}
.product-block .rte h3 {font-size:14px; letter-spacing:3px;}
.modal .product-block .rte h3 {color: #828439; font-weight: 700;}

/* Highlights */
.product-block.highlights {margin-bottom:0;}
.product-block.highlights .rte {margin-bottom:20px;}
.product-block.highlights ul {margin-left:0px; margin-top:-30px; margin-bottom:30px;}
.product-block.highlights li {list-style:none; /*margin-bottom:-15px;*/ display:inline-block;}
.product-block.highlights li:before {font-family: 'ODAW' !important; content: "\e92a"; font-size:45px; line-height:1; color:#a6ce39; top:13px; left:0px; position:relative;}

.product-block.detailinformation {margin-bottom:0px;}
.product-block.detailinformation .rte {margin-bottom: 0px;}
.product-block.detailinformation .rte h2 {margin-bottom: 20px;}


.product-block .product__price {color:#a6ce39;}
@media only screen and (min-width: 590px) {
    .product__price {
        font-size: calc(var(--typeBaseSize) + 10px);
        font-weight: 300;
    }
}

.product-block--tab button.label {font-family:inherit; font-weight:500;}


/* Bookletauswahl */
.variant-input-wrap label {font-size:16px; padding:5px 12px; margin: 0 8px 4px 0;}


/* Schnellkontakt */
p[data-spam-detection-disclaimer], small {font-size: .7em;}


/* Back-Button */
.modal .back-btn__wrapper {display:none;}

/* ICONS below */
.product-shortmeta {padding-top:100px; padding-bottom:100px;}

.product-shortmeta p {color:#828439; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:3px;}
.product-shortmeta h2 {font-size:26px; font-weight:300; margin-top:0.5em; letter-spacing:5px;}





/* RICH TEXT TEST
***********************************************************************************************************************************************/

/*.rich-text h2 {font-size:40px; font-weight:300; color: #828439;} oben mit drinne */
.rich-text p.subtitle {margin-bottom:-27px; /*background-color:yellow;*/}

/* SORGFÄLTIG GEPLANT - advanced content
***********************************************************************************************************************************************/

.advanced-content .rte {/*border: 2px dotted red;*/}
.advanced-content .rte h2 {font-weight: 300; color: #474747; letter-spacing: 3px; padding-bottom:30px; margin-top:0.25em;}
.advanced-content .rte h2:after {width: 40px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #ffffff; content: '';}
/* eyebrow oben */
.advanced-content .rte p.subtitle {margin-bottom:inherit; color:white;}

/* HOW IT WORKS
***********************************************************************************************************************************************/

.how-it-works {/*background-color:yellow; */}

@media only screen and (min-width: 590px) {
  .how-it-works .image-wrap {padding-bottom:78px!important; min-height:155px;}
  .how-it-works .image-wrap img {height:155px; width:auto;}
}

/* .how-it-works h2 {font-size:40px; font-weight:300; color: #828439;} oben mit drinne */
.how-it-works h3 {margin-bottom:10px; margin-top:40px; padding-bottom:22px;}
.how-it-works h3:after {width: 40px; height: 4px; position: absolute; bottom: 0; left: 50%; background-color: #a6ce39; transform: translateX(-50%); content: '';}
.how-it-works p {font-size:18px; font-weight:300;}

/* GROSSES BILD MIT TEXTFELD 
***********************************************************************************************************************************************/

.index-section--flush {/*border:8px dotted green;*/}

@media only screen and (min-width: 590px) {
  .index-section--flush .background-media-text__text {width: 35%; margin-left: 100px;}
}
.index-section--flush h3 {text-transform:uppercase; font-size:26px; font-weight:300; letter-spacing:3px; color:#000000;}
.index-section--flush p {font-size:18px;}


/* TESTIMONIALS
***********************************************************************************************************************************************/

.testimonials-section--with-divider {border: 0px;}
/*.testimonials-section {background-color:#f5fae9;}*/
.testimonial-image .image-wrap {background-color:#f5fae9;}
.testimonials-slider__text {background-color:transparent;}

.flickity-slider .testimonials-slide {opacity:0.5;}
.testimonials-slide:before {font-family: 'ODAW' !important; content: "\e915"; font-size:60px; line-height:1; color:#707070; position:absolute; top:30px; left:10px;}
.testimonials-slide.is-selected:before {transform: scale(1.5); color:#a6ce39; top:-15px; left:-30px;}

.testimonials-slide.is-selected {opacity:1;}
.testimonials-slide.is-selected .testimonials-slider__text {box-shadow: none; transform: scale(1.2);}

.testimonial-stars {display:none;}

.rte blockquote p, blockquote p {font-size:14px; margin-bottom: 0;}

@media only screen and (min-width: 590px) {
  .rte blockquote p, blockquote p {font-size: 16px;}
  .testimonials-slider__text cite {font-size:16px;}
  .testimonials-slider__text p.city {font-size:14px; margin-top:0px;}
}

.testimonials-section .flickity-page-dots {bottom:-30px;}
/*
.testimonials-section .flickity-page-dots .dot {position:relative; margin:0px 25px; opacity:0.5; border:0px;}
.testimonials-section .flickity-page-dots .dot.is-selected {opacity:1; background-color:transparent;}
.testimonials-section .flickity-page-dots .dot:before {font-family: 'ODAW' !important; content: "\e909"; font-size:25px; line-height:1; color:#a6ce39; position:absolute; top:-8px; left:-8px;}
*/


/* FAQ
***********************************************************************************************************************************************/

.index-faq {/*border:4px dotted yellow;*/}
.index-section.index-faq {padding-top:0px;}

.index-section--faq {margin:0px;}
.index-section--faq p.h2 {position:relative; text-transform:uppercase; font-size:26px; font-weight:300; letter-spacing:3px; /*margin:27px 0 0;*/ padding-bottom:30px; margin-bottom:30px;}
.index-section--faq p.h2:after {width: 40px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #a6ce39; content: '';}

.faq-item {border-bottom:1px solid #c7c7c7;}
.faq-item button {font-size:1.1em;}
.faq-item .collapsible-trigger--inline {font-weight: 500; padding: 25px 0 25px 45px; display: block;}
.faq-item .collapsible-trigger--inline:hover,
.faq-item .collapsible-trigger--inline.is-open {color:#a6ce39;}
.faq-item .collapsible-content p {font-size:18px; font-weight:300; padding-left:45px;}
.faq-item .collapsible-trigger__icon {color:#a6ce39; height:24px; width:24px;}
.faq-item .collapsible-trigger__icon .icon {height: 24px; width:24px;}


/* KONTAKT
***********************************************************************************************************************************************/

.index-contact .section-header {text-align:left;}

.template-page .contact-form .label, 
.template-page .contact-form label,
.product-block .collapsible-content label,
.customers label {font-size:14px; font-weight: 700; letter-spacing: 3px; color:#828439; text-transform:uppercase;}

.index-contact .note--success {background-color: #e2efbe; border-color: #a6ce39; color: black; padding: 12px 24px; font-size:1.25em;}


/* USER AREA (.template-customers-account)
***********************************************************************************************************************************************/

/* 
MEIN ACCOUNT .template-customers-account 
BESTELLUNG DETAIL .template-customers-order
ADRESSEN .customers-addresses
*/

.customers .section-header {text-align:left;}

.customers h2, 
.customers h3 {color:#000000; text-transform:uppercase; font-size:26px; font-weight:300; letter-spacing:3px; padding-bottom:30px; margin-bottom:40px;}
.customers h2 .date {font-size:26px; font-weight:300; letter-spacing:3px;}

.customers h2:after,
.customers h3:after {width: 40px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #a6ce39; content: '';}
.customers p.h5 {margin-top:20px;}

.customers table {font-size:16px; background-color:#e2efbe;}
.customers table th {background-color:#ebf4d4;}
.customers table tr:hover td {background-color:#f5fae9;}

/* BESTELLUNG DETAIL */

td[data-label="Artikel"] a:first-child {display:block; text-transform:uppercase; font-size: 20px; font-weight: 300; line-height: 1.2; color: #232323;}
td[data-label="Artikel"] a:first-child:hover {color: #a6ce39;}  

.customers-orders td .note {background-color:#e2efbe; margin:10px 0px; font-size:14px; font-weight:500; padding:3px 6px; display:inline-block;}
.customers-orders td .note a {display:block; font-weight:700;}

/* ADRESSEN */
.customers-addresses .js-address-form hr.hr--large {margin-bottom:30px;}


/* SHOPPING CART standalone
***********************************************************************************************************************************************/

.index-cart h1.section-header__title {margin-bottom:30px;}
.index-cart .cart__subtotal {font-weight: 500; color: #a6ce39;}
.index-cart small {font-size: 14px; text-align: left;}

/* LEGALS
***********************************************************************************************************************************************/

.template-blank .shopify-policy__title {text-align:left; margin-bottom:30px;}

/* Impressum */
.shopify-policy__container {}

/* Datenschutz */
.shopify-policy__container {}

/* FOOTER
***********************************************************************************************************************************************/

h2.footer__title.small--hide {font-weight:300;}
.site-footer__linklist a:hover,
.site-footer .footer__social a:hover {color:#a6ce39;}

@media only screen and (max-width: 589px) {
  .site-footer .page-width {padding-top:40px;}
}








