/* Shared layout; fonts and colors are inherited from the original site. */
@font-face {font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/lato-300.woff2') format('woff2')}
@font-face {font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/lato-regular.woff2') format('woff2')}
@font-face {font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/lato-italic.woff2') format('woff2')}
@font-face {font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/lato-700.woff2') format('woff2')}
@font-face {font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/lato-900.woff2') format('woff2')}

:root {--content-max:1200px;--page-gutter:32px;--brand-gold:#daab53}
html {scroll-behavior:smooth}
main,.site-footer {display:block}
#content {padding-top:0!important}
.wpb_animate_when_almost_visible {opacity:1}
.container {width:calc(100% - 2 * var(--page-gutter))!important;max-width:var(--content-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
.container .container {width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.skip-link {position:fixed;left:16px;top:-100px;z-index:10001;padding:12px 18px;background:var(--brand-gold);color:#000}
.skip-link:focus {top:12px}
a:focus-visible,button:focus-visible {outline:2px solid var(--brand-gold);outline-offset:4px}
::selection {background:var(--brand-gold);color:#000}
/* A shared header container aligns the logo, navigation and page content. */
.site-header {position:relative;z-index:100;padding:0;background:#000;color:var(--brand-gold)}
.site-header .header-inner {display:flex;align-items:center;gap:32px;min-height:100px;padding-top:12px;padding-bottom:12px}
.site-header .header-inner::before,.site-header .header-inner::after {content:none;display:none}
.site-logo {display:block;flex:0 0 auto;line-height:0}
.site-logo img {display:block;width:auto;height:75px;max-width:none}
.site-header .main-navigation {position:static;display:flex;align-items:center;justify-content:flex-end;float:none;width:auto;height:auto;margin:0 0 0 auto;padding:0;background:#000}
.site-header .main-navigation ul {position:static;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:auto;height:auto;gap:6px 22px;margin:0;padding:0;list-style:none;transform:none}
.site-header .main-navigation li {float:none;display:block;margin:0;padding:0;height:auto;line-height:1.5}
.site-header .main-navigation a {display:block;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:normal;font-weight:400;text-transform:none;text-decoration:none;line-height:1.5;letter-spacing:.5px;white-space:nowrap;transition:color .15s ease}
.site-header .main-navigation a:hover,.site-header .main-navigation a:focus-visible {color:#b72c0c;text-decoration:none}
.site-header .main-navigation a[aria-current="page"] {text-decoration:none}
.site-header .menu-toggle {display:none;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;padding:7px;border:0;border-radius:0;background:transparent;color:var(--brand-gold);cursor:pointer;line-height:0}
.site-header .menu-icon-close {display:none}
.site-header .menu-toggle[aria-expanded="true"] .menu-icon-open {display:none}
.site-header .menu-toggle[aria-expanded="true"] .menu-icon-close {display:block}
.site-header [hidden] {display:none!important}
.legal-content {background:#fff}
.legal-shell {padding-top:72px;padding-bottom:72px}
.legal-document {max-width:78ch;margin:0 auto;overflow-wrap:anywhere;hyphens:auto}
.legal-document h1 {font-size:clamp(1.55rem,3.5vw,2.8125rem);line-height:1.22}
.legal-document h2 {font-size:clamp(1.15rem,2.4vw,1.375rem);line-height:1.35}
.legal-document h3 {line-height:1.4}
@media(max-width:1199px){:root{--page-gutter:24px}.site-header .header-inner{gap:24px}.site-header .main-navigation ul{gap:6px 16px}.site-header .main-navigation a{font-size:14px}}
@media(max-width:899px) and (min-width:768px){.site-logo img{height:60px}.site-header .header-inner{gap:20px}.site-header .main-navigation ul{gap:6px 12px}.site-header .main-navigation a{font-size:12px}}
@media(max-width:767px){
 :root {--page-gutter:16px}
 .site-header .header-inner {min-height:75px;gap:20px}
 .site-logo img {height:50px}
 .site-header .menu-toggle {display:flex}
 .site-header .main-navigation {position:absolute;top:100%;left:0;right:0;display:flex;align-items:stretch;width:100%;max-height:calc(100dvh - 75px);overflow:auto;padding:16px var(--page-gutter) 24px;margin:0;border-top:1px solid #382d19;background:#000;box-sizing:border-box}
 .site-header .main-navigation ul {align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;width:100%}
 .site-header .main-navigation a {padding:10px 0;font-size:16px;white-space:normal}
 .legal-shell {padding-top:36px;padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
img[src*="/assets/images/logo1-"] {aspect-ratio:162/99}
img[src*="/assets/images/cart2-"] {aspect-ratio:50/48}
.home-hero-image {display:block;width:100%;height:auto;aspect-ratio:40/19}
.footer-newsletter{background:#000;color:#fff}
.footer-newsletter>.container{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:40px!important;padding-bottom:40px!important}
.footer-newsletter>.container::before,.footer-newsletter>.container::after{content:none;display:none}
.footer-newsletter h2{margin:0 0 12px;color:#daab53;font-size:26px;line-height:1.2}
.footer-newsletter p{max-width:48ch;margin:0;color:#fff;font:16px/1.5 Arial,sans-serif}
.footer-newsletter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.footer-newsletter-actions a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:16px/1.5 Lato,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.footer-newsletter-actions .newsletter-signup-link{padding:12px 18px;background:#daab53;color:#000;text-decoration:none}
.footer-newsletter-actions .newsletter-signup-link:hover{background:#f0c979}
.site-footer .footer-shop {margin-top:30px}
.site-footer a.footer-shop-link {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 7px;box-sizing:border-box;border:1px solid #808080;color:#fff;background:#000;font:16px/1.4 Arial,Helvetica,sans-serif;text-decoration:none}
.site-footer a.footer-shop-link:hover {border-color:#daab53;color:#fff}
.site-footer .footer-shop-link img {display:block;width:30px;height:29px;margin:0;object-fit:contain}
@media(max-width:767px){.footer-newsletter>.container{align-items:flex-start;flex-direction:column;gap:24px}.footer-newsletter-actions{align-items:flex-start;flex-direction:column;gap:8px}}
img[src*="/assets/images/gruener_strom_logo_leis-300x300-"] {aspect-ratio:300/300}
img[src*="/assets/images/firma-"] {aspect-ratio:2000/748}
img[src*="/assets/images/begeisterung3-"] {aspect-ratio:375/482}
img[src*="/assets/images/stick2-"] {aspect-ratio:268/532}
img[src*="/assets/images/garn1-1024x680-"] {aspect-ratio:1024/680}
img[src*="/assets/images/wunsch2-"] {aspect-ratio:176/546}
img[src*="/assets/images/maschine1-1024x682-"] {aspect-ratio:1024/682}
img[src*="/assets/images/nadel_footer-300x58-"] {aspect-ratio:300/58}
/* Keep the original small-screen promotion inside the shared content edges. */
.vc_custom_1679439210848 {width:calc(100% - 30px)!important;margin-left:15px!important;margin-right:15px!important}

@media(min-width:768px) and (max-width:1023px){.footer-contact h1{font-size:32px}}

/* Preserve the original product reveal for pointer, keyboard and touch input. */
.container_hover:focus-within [class*="overlay_hover_"],.container_hover.is-active [class*="overlay_hover_"] {bottom:0;height:100%}
.container_hover:focus-visible {outline:2px solid var(--brand-gold);outline-offset:4px}
.news-page #content img {max-width:100%;height:auto}
/* The original Aktuelles gallery contains one slide; show it without the old slider plugin. */
.news-page .flexslider .slides > li:first-child {display:block}