@charset "utf-8";
:root{--green:#1f5a3a;--green-dark:#15452b;--green-light:#6ba85a;--green-soft:#edf6e9;--green-pale:#f6faf2;--green-paler:#f8fbf5;--green-heading:#dceccc;--green-border:#c9dcc0;--green-info-border:#b9d8aa;--green-table-border:#cfe2c5;--green-card-border:#b8cbb0;--green-card-heading:#dfe8d9;--space-card:1.2rem;--space-section:1.8rem;--space-article:2.2rem;--green-hover:#2f7b4b;--green-hover-light:#57a974;--green-button-light:#3b8558;--green-button-dark:#6f8f66;--brown:#6b4a24;--text:#2b2b2b;--muted:#666;--muted-dark:#555;--muted-light:#777;--background:#fff;--surface:#fff;--page-background:#f7f8f5;--border:#dfe5dc;--border-light:#e5eadf;--border-grey:#ccc;--border-dark:#999;--border-heading:#b9a58f;--nav-text:#394039;--footer-text:#173b0b;--nav-active-bg:#eaf5df;--nav-active-bg-end:#f8fbf5;--nav-active-border:var(--green-light);--h1-bg-center:#d5e9c8;--h1-bg-middle:#e7f0df;--h1-bg-outer:#f8faf5;--white:#fff;--black:#000;--red:#b00000;--red-dark:#900;--orange:#ee9a00;--grey-bg:#eee;--grey-light:#f4f4ef;--grey-pale:#fafcf8;--input-bg:#fdfdfc;--header-text:#fff5c7;--header-link:#f3d77a;--header-link-hover:#ffe89c;--header-subtext:rgba(240,247,230,.88);--header-overlay:rgba(10,35,20,.55);--header-overlay-mid:rgba(10,35,20,.38);--header-overlay-light:rgba(10,35,20,.18);--header-cart:rgba(20,60,35,.65);--header-cart-light:rgba(20,60,35,.25);--header-hover-light:rgba(255,255,255,.28);--header-hover-lighter:rgba(255,255,255,.12);--header-search-border:rgba(100,100,100,.18);--header-text-shadow:rgba(0,0,0,.25);--header-shadow:rgba(0,0,0,.35);--green-text-dark:#003300;--green-price:#246b35;--green-status:#287a3c;--teal-button:#4f8a8b;--teal-button-border:#356b73;--footer-top:#9bbb78;--footer-bottom:#54734c;--footer-bottom-dark:#3f6039;--footer-border:#304c2c;--footer-copy:#c9d9c0;--footer-link:#424242;--footer-hover:#424242;--form-grey:#444;--article-border:rgba(0,0,0,.12);--article-border-light:rgba(0,0,0,.06);--figure-border:rgba(0,0,0,.05);--figure-bg:#fdfdfc;--details-question:#666;--details-border:rgba(0,0,0,.12);--details-marker:rgba(0,0,0,.06);--card-shadow:rgba(0,0,0,.14);--watermark-border:rgba(80,80,80,.25);--watermark-bg:rgba(255,255,255,.72);--watermark-text:rgba(80,80,80,.35);--cta-border:#8ea686;--cta-border-hover:#7f9777;--cta-bg-top:#c7dcbc;--cta-bg-bottom:#aec89f;--cta-bg-hover-top:#d1e2c7;--cta-bg-hover-bottom:#b7cfab;--cta-outline:rgba(255,255,255,.34);--cta-shadow:rgba(0,0,0,.1);--input-border:#e3e8dd;--menu-border:#d8e3d0;--table-hover:var(--grey-pale);--delete-bg:rgba(176,0,0,.08);--focus-shadow:rgba(31,90,58,.3);--radius:14px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-pill:999px;--space-2xs:.2rem;--space-xs:.3rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--font-system:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-serif:Georgia,"Times New Roman",serif;--font-sans:Arial,Helvetica,sans-serif;--text-xs:.7rem;--text-sm:.75rem;--text-md:.85rem;--text-base:.9rem;--text-lg:.95rem;--text-xl:1rem;--text-2xl:1.1rem;--text-3xl:1.2rem;--text-heading:1.45rem;--line-normal:1.45;--line-relaxed:1.6;--line-content:1.7;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-menu:.5s ease;--border-default:1px solid var(--border);--border-green:1px solid var(--green-border);--border-info:1px solid var(--green-info-border);--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 18px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-green:0 3px 8px rgba(31,90,58,.22);--shadow-green-hover:0 8px 18px rgba(31,90,58,.40);--shadow-card-hover:0 12px 30px rgba(0,70,0,.15);--shadow-article:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06);}
*,*::before,*::after{box-sizing:border-box;}
html{font-size:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-system);font-size:.95rem;line-height:var(--line-content);color:var(--text);background:var(--page-background);}
#doc{width:100%;max-width:1400px;margin:0 auto;background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;}
a{color:var(--green-dark);text-decoration:none;transition:color var(--transition-base);}
a:hover{color:var(--green);}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green-light);outline-offset:2px;}
aside a[target="_blank"]::after{content:"\2197";margin-left:.3em;}
header{display:flex;flex-wrap:wrap;align-items:flex-start;flex:0 0 auto;position:relative;overflow:hidden;background:url(design/back.webp) center/cover no-repeat;border-radius:.5rem .5rem 0 0;box-shadow:var(--shadow-lg);}
header > *{position:relative;z-index:1;}
#logo{position:relative;flex:1 1 auto;margin:var(--space-lg) var(--space-3xl);font-family:var(--font-serif);font-size:2.3rem;font-weight:bold;line-height:1.2;letter-spacing:.02em;color:var(--header-text);text-shadow:0 1px 1px var(--header-text-shadow),0 2px 6px var(--header-shadow);isolation:isolate;}
#logo::before{content:"";position:absolute;z-index:-1;top:-6rem;left:-4rem;width:42rem;height:22rem;background:radial-gradient(ellipse at center,var(--header-overlay) 0%,var(--header-overlay-mid) 30%,var(--header-overlay-light) 55%,transparent 50%);filter:blur(16px);pointer-events:none;}
#logo a{color:var(--header-link);text-decoration:none;}
.logo{display:block;margin-top:.45rem;font-family:var(--font-system);font-size:.92rem;font-weight:500;letter-spacing:.04em;line-height:1.45;color:var(--header-subtext);text-shadow:0 1px 2px rgba(0,0,0,.45);}
#korb{text-align:center;min-width:10.5rem;margin:var(--space-lg);padding:.7rem 1.2rem;color:var(--header-text);background:radial-gradient(ellipse,var(--header-cart) 0%,var(--header-cart-light) 60%,transparent 100%);border:0;box-shadow:0 4px 14px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
#korb a{display:block;margin:-.7rem -1.2rem;padding:.7rem 1.2rem;color:var(--header-link);font-weight:700;}
#korb:hover{background:linear-gradient(180deg,var(--header-hover-light),var(--header-hover-lighter));}
#korb:hover a{color:var(--header-link-hover);}
#op{flex:1 1 100%;min-width:0;margin:var(--space-md) var(--space-lg) 1.2rem;padding:.6rem 1rem;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 18%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.65) 82%,rgba(255,255,255,0) 100%);border-radius:var(--radius-lg);border:1px solid var(--header-search-border);box-shadow:var(--shadow-sm);}
#op form{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;}
#op input{flex:1 1 250px;max-width:500px;padding:.65rem 1rem;border:var(--border-default);border-radius:var(--radius-pill);font-size:.95rem;}
#op button{font-weight:600;}
#op button:hover{background:var(--green-dark);}
#njs{display:inline-block;margin-top:.4rem;padding:.25rem .6rem;font-weight:700;color:var(--green-dark);background:var(--green-soft);border:1px solid var(--green-light);border-radius:6px;}
#links{flex:0 0 16rem;padding:1.1rem;background:linear-gradient(180deg,#f8faf5 0%,#f1f6eb 100%);border-right:1px solid var(--menu-border);}
#links h2{position:relative;margin:0 var(--space-sm) var(--space-sm) var(--space-2xs);padding:.35rem .65rem;font-size:1rem;line-height:1.4;color:var(--brown);}
#links h2::after{content:"";display:block;width:80px;border-bottom:.5px solid var(--border-heading);margin-top:.2rem;}
.menu-title{display:flex;align-items:center;gap:var(--space-2xs);}
nav.topmenu,aside.topmenu{max-height:0;overflow:hidden;transition:max-height var(--transition-menu);}
#hamburg:checked ~ nav.topmenu,#hamburg:checked ~ aside.topmenu{max-height:2000px;overflow:visible;}
input#hamburg{display:none;}
label.hamburg{display:none;position:relative;width:40px;height:27px;margin-top:-10px;background:transparent;border-radius:4px;cursor:pointer;}
.line{position:absolute;left:6px;display:block;width:28px;height:1px;background:#333;border-radius:2px;transition:var(--transition-slow);transform-origin:center;}
.line:nth-child(1){top:5px;}
.line:nth-child(2){top:13px;}
.line:nth-child(3){top:21px;}
#hamburg:checked + .menu-title .line:nth-child(1){transform:translateY(6px) rotate(-45deg);height:2px;}
#hamburg:checked + .menu-title .line:nth-child(2){opacity:0;}
#hamburg:checked + .menu-title .line:nth-child(3){transform:translateY(-10px) rotate(45deg);height:2px;}
nav ul,aside ul{margin:0;padding:0;list-style:none;}
nav li,aside li{margin:var(--space-sm) 0;}
nav a,aside a{display:block;padding:.45rem .65rem;border-radius:var(--radius-md);color:var(--nav-text);transition:background var(--transition-slow),color var(--transition-slow),transform var(--transition-fast);}
nav a:hover,aside a:hover{background:linear-gradient(90deg,var(--nav-active-bg),var(--nav-active-bg-end));color:var(--green-dark);transform:translateX(4px);}
nav a::before,aside a::before{content:"\203A";display:inline-block;margin-right:.55rem;color:#7aa866;transition:var(--transition-slow);}
nav a:hover::before,aside a:hover::before{color:var(--green);transform:translateX(1px);}
.aktiv > a{position:relative;margin-left:.8rem;padding-left:.8rem;color:var(--green-dark);font-weight:400;background:linear-gradient(90deg,var(--nav-active-bg),var(--nav-active-bg-end));border-left:3px solid var(--nav-active-border);}
.aktiv > a::before{content:"";margin-right:.55rem;}
.aktiv > a:hover{transform:none;}
.n3{margin:0;padding:.3rem 0 .3rem .9rem;}
.n3 > li{margin:0;padding:0;}
.n3 h3{margin:.45rem 0 .2rem;padding:.3rem .9rem;font:700 .9rem/1.3 Arial,Verdana,sans-serif;color:var(--brown);}
.n3 ul{margin:0;padding:0;list-style:none;}
.n3 ul li{margin:.15rem 0;padding:0;}
.n3 ul li a{padding-left:0;}
aside{width:auto;margin:0;padding:.2rem 0 .5rem;}
#links .topmenu > ul + h2{margin-top:1.6rem;}
#links > aside{margin-top:1.6rem;}
#links nav .n2 h3{margin:0;padding:0;font-size:inherit;font-weight:bold;line-height:inherit;}
#links nav ul.n2{margin:.3em 0 .8em 1.2em;padding:0;list-style:none;}
#links nav ul.n2 li{margin:0;padding:0;}
#links nav ul.n2 li a,#links nav ul.n2 li span{display:block;padding:.15em 0;}
#links nav ul.n2 li span{font-weight:700;}
#links nav ul.n2 li a:hover,#links nav ul.n2 li a:focus-visible{text-decoration:underline;}
#links nav ul.n2 .aktiv > a{margin-left:0;padding-left:0;}
#content{display:flex;align-items:flex-start;width:100%;}
.startseite .col:hover{transform:none;box-shadow:var(--shadow-sm);}
main{flex:1;min-width:0;padding:var(--space-xl);}
main article{width:100%;}
main a{color:var(--green-dark);text-decoration:underline;text-decoration-color:rgba(31,90,58,.35);text-underline-offset:3px;}
main a.versand{font:normal var(--text-xs) Arial;}
main a:hover{text-decoration-color:var(--green-dark);}
main h1{margin:0 0 1.2rem;padding:.45rem .65rem;font-family:var(--font-serif);font-size:1.7rem;line-height:1.7;font-weight:700;letter-spacing:.02em;text-align:center;color:var(--green-dark);background:radial-gradient(ellipse at center,var(--h1-bg-center) 0%,#dceccc 25%,var(--h1-bg-middle) 48%,#f1f6eb 72%,var(--h1-bg-outer) 100%);border-radius:var(--radius-md);}
main h1.produkt{background:linear-gradient(90deg,var(--nav-active-bg),var(--nav-active-bg-end));border-left:3px solid var(--nav-active-border);}
article{width:100%;margin-bottom:var(--space-2xl);padding:var(--space-xl) var(--space-article);background:var(--surface);border:var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-article);}
article h2{position:relative;margin-bottom:var(--space-md);padding-bottom:.45rem;}
article.col{margin:0;padding:var(--space-section);}
article ul{padding-left:1.4rem;}
article li{margin-bottom:.4rem;}
article::after{content:"";display:block;clear:both;}
h2{margin-top:0;font-size:1rem;color:var(--brown);}
h3{font-size:var(--text-2xl);color:var(--brown);}
h4{margin:0;font:bold .8rem Verdana;}
.einleitung{max-width:48rem;margin:0 auto var(--space-xl);line-height:1.75;color:#444;}
.untertitel{font-family:var(--font-serif);font-size:1.25rem;color:var(--green-dark);text-align:center;}
p{margin:0 0 var(--space-md);font-size:var(--text-base);}
.flex{max-width:52rem;margin:0 auto;color:var(--green-text-dark);line-height:1.65rem;}
.row{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:stretch;}
.col{padding:var(--space-lg);background:var(--surface);border:var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.col-1-3{flex:1 1 calc(33.333% - 1rem);}
.col-2-3{flex:2 1 calc(66.666% - 1rem);}
.col-full{flex:0 0 100%;}
figure{margin:0;padding:var(--space-sm);background:var(--input-bg);border:1px solid var(--figure-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);}
figure img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);transition:transform var(--transition-slow);}
.bild-rechts{float:right;max-width:450px;margin:0 0 var(--space-md) var(--space-lg);}
.bild-mitte{max-width:194px;margin:0 auto var(--space-md);text-align:center;}
.bild-rechts img,.bild-mitte img{width:100%;}
img{max-width:100%;height:auto;border-style:none;}
.bestell-logo{width:300px;max-width:100%;margin:0 auto var(--space-section);padding:0;text-align:center;background:none;border:0;box-shadow:none;}
.bestell-danke{margin-bottom:var(--space-section);color:var(--green-dark);font-size:1.15rem;font-weight:700;text-align:center;}
.bestell-info{max-width:600px;margin:0 auto var(--space-section);padding:1.2rem 1.5rem;background:linear-gradient(135deg,var(--green-pale),var(--green-soft));border:var(--border-green);border-radius:var(--radius-lg);}
.bestell-logo img{display:block;width:100%;height:auto;border-radius:50%;}
.bestell-fertig{max-width:760px;margin:0 auto var(--space-xl);}
.bestell-info p{margin:0 0 .8rem;}
small{font-style:normal;color:#444;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.4rem;}
sub{bottom:-.25rem;}
.agb-border{padding:var(--space-md);background-color:var(--grey-bg);border:thin solid;}
.marke-eheim{font-family:var(--font-sans);font-weight:900;font-style:italic;color:#c40000;}
.info{padding:1.2rem;background:linear-gradient(#f6fbf2,#eef6e7);border:var(--border-info);border-radius:var(--radius);}
.ghs{min-height:8rem;padding:var(--space-sm);border:1px dashed #2e8b57;}
details{margin:var(--space-md) 0;background:var(--white);border:1px solid var(--details-border);border-radius:var(--radius-md);overflow:hidden;}
details summary{display:flex;align-items:center;gap:.75rem;padding:.8rem var(--space-md);background:var(--grey-light);font-weight:600;border-bottom:1px solid var(--details-marker);cursor:pointer;list-style:none;}
details summary::-webkit-details-marker{display:none;}
details summary::before{content:"›";display:inline-block;width:1rem;color:var(--details-question);font-size:1.2rem;line-height:1;transition:transform var(--transition-base);}
details[open] summary::before{transform:rotate(90deg);}
details summary::after{content:"Mehr lesen";margin-left:auto;font-size:.85rem;font-weight:400;color:var(--muted-light);}
details[open] summary::after{content:"Weniger";}
details > *:not(summary){padding:var(--space-md);}
.filterkarte figure{min-width:240px;text-align:center;}
.karten-titel{margin:var(--space-3xl) 0 var(--space-lg);padding:.45rem .65rem;font-size:1.25rem;line-height:1.35;color:var(--green-dark);font-weight:700;text-align:center;background:var(--green-heading);border:0;border-radius:var(--radius-md);}
.karten-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin:0 0 var(--space-xl);padding:0;list-style:none;}
.karte{display:flex;flex-direction:column;align-items:center;padding:var(--space-card);background:var(--white);border:var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);}
.karte:hover{transform:translateY(-3px);box-shadow:0 6px 16px var(--card-shadow);border-color:var(--green-card-border);}
.karte img{width:100%;max-width:170px;height:170px;object-fit:contain;margin-bottom:var(--space-md);}
.karte h3{width:100%;max-width:20rem;margin:.2rem 0 .45rem;padding:.5rem .6rem;font-size:1rem;line-height:1.3;color:var(--green-dark);font-weight:700;text-align:center;background:var(--green-pale);border-top:1px solid var(--green-card-heading);border-bottom:1px solid var(--green-card-heading);}
.karte p{width:100%;max-width:20rem;margin:.25rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.45;}
.karten-grid .karte:has(a){padding:0;}
.karten-grid .karte:has(a) a{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:var(--space-card);text-align:center;text-decoration:none;}
.karten-grid .karte:not(:has(a)):hover{transform:none;box-shadow:var(--shadow-sm);}
.sortiment-vorschau{position:relative;}
.frost-intro{margin:0 0 var(--space-xl);padding:var(--space-lg) var(--space-section);background:linear-gradient(135deg,var(--green-pale),var(--green-soft));border:var(--border-green);border-radius:var(--radius);}
.frost-intro h2{margin:var(--space-section) 0 .6rem;padding:0;font-size:1.1rem;line-height:1.35;color:var(--green-dark);background:none;border:0;}
.frost-intro h2:first-child{margin-top:0;}
.frost-intro p{margin:0 0 .9rem;}
.frost-intro p:last-child{margin-bottom:0;}
.frost-reservierung-hinweis{color:var(--green-dark);font-weight:600;}
.frost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin:0 0 var(--space-xl);}
.frost-karte{display:flex;align-items:center;gap:var(--space-md);min-height:180px;padding:var(--space-md);background:var(--white);border:var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.frost-karte img{flex:0 0 90px;width:90px;height:130px;object-fit:contain;margin:auto 0;}
.frost-text{flex:1;min-width:0;padding:.3rem .4rem;line-height:1.4;}
.frost-text h3{margin:0 0 .4rem;color:var(--green-dark);font-size:1rem;}
.frost-text p{margin:0 0 .5rem;font-size:.9rem;}
.frost-zusatz{color:var(--brown);font-weight:600;}
.frost-packung{margin-top:.8rem;color:var(--muted-dark);font-size:.82rem;}
.frost-preis{color:var(--green-dark);font-weight:700;}
.frost-wasserzeichen{position:absolute;z-index:10;top:50%;left:50%;padding:10px 28px;border:3px solid var(--watermark-border);background:var(--watermark-bg);color:var(--watermark-text);font-size:clamp(1.4rem,4vw,3rem);font-weight:700;letter-spacing:.12em;white-space:nowrap;pointer-events:none;user-select:none;transform:translate(-50%,-50%) rotate(-12deg);}
footer{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;align-items:flex-start;padding:var(--space-xl) var(--space-3xl) 0;color:var(--footer-text);background:linear-gradient(180deg,var(--green-soft),var(--footer-top));border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-radius:0 0 .5rem .5rem;}
footer section{flex:1 1 200px;max-width:260px;margin:0;min-width:180px;}
footer h3{margin:0 0 .7rem;color:var(--green-dark);}
footer section ul{margin:0;padding:0;list-style:none;}
footer section li{display:block;margin:0 0 .3rem;padding:0;list-style:none;}
footer a{padding:.1rem;color:var(--footer-link);}
footer a:hover{color:var(--green);}
footer p{flex:0 0 calc(100% + 6rem);width:calc(100% + 6rem);margin:var(--space-lg) -3rem 0;padding:.7rem 1rem;text-align:center;color:var(--footer-copy);background:linear-gradient(180deg,var(--footer-bottom),var(--footer-bottom-dark));border-top:1px solid var(--footer-border);}
address{margin-top:.8rem;}
address a{text-decoration:none;}
.wdr-abstand{margin-top:1.2rem;}
.wdr{padding:.3rem var(--space-sm);text-decoration:none;background-color:whitesmoke;border:1px solid var(--border-dark);border-radius:.3rem;}
button,.cta-button{display:inline-block;padding:.55rem 1.1rem;border:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--green-button-light),var(--green));color:var(--white);font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.04em;line-height:1.5;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-green);transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;}
button:hover,.cta-button:hover{background:linear-gradient(180deg,var(--green-hover-light),var(--green-hover));color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-green-hover);}
.Preis button,.next,.back,.buttonkaufen{margin-top:.8rem;padding:.5rem 1.15rem;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--green-button-light),var(--green));color:var(--white);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-green);transition:background var(--transition-base),transform var(--transition-base),box-shadow:var(--transition-base);}
.Preis button:hover,.next:hover,.back:hover,.buttonkaufen:hover{background:linear-gradient(180deg,var(--green-hover-light),var(--green-hover));}
.Preis button:active,.next:active,.back:active,.buttonkaufen:active{transform: scale(.98);box-shadow: inset 0 .2rem .5rem rgba(0,0,0,.25);}
.Preis button,.next,.back,.buttonkaufen{position: relative;overflow: hidden;}
.Preis button:active,.next:active,.back:active,
.buttonkaufen:active{color: transparent;}
.Preis button{position: relative;overflow: hidden;color: #fff;}
.Preis button:focus{animation: resetText 2s forwards;outline: none;}
.Preis button:focus::after{content: "Hinzugefügt";position: absolute;inset: 0;display: grid;place-items: center;background: linear-gradient(180deg, var(--green-button-light), var(--green));color: #fff;font-weight: 700;border-radius: inherit;animation: addedText 2.5s forwards;}
@keyframes addedText{0%{opacity:0;}10%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
@keyframes resetText{0%{color:transparent;}70%{color:transparent;}100%{color:#fff;}}
.buttonkaufen{min-width:220px;margin:var(--space-xl) 0 0;padding:.6rem 1.4rem;}
button:disabled{opacity:.45;cursor:not-allowed;}
.btn-zeile{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:1rem;margin-bottom:.2rem;}
.checkout button.wechsel{padding:2px 6px;}
.checkout button.del{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--red);font-size:16px;font-weight:bold;cursor:pointer;border-radius:50%;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base);display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.checkout button.del:hover{background:var(--delete-bg);color:var(--red-dark);transform:scale(1.1);}
input.kontakt{width:100%;max-width:350px;border-radius:.2rem;}
input.kontakt.plz-feld{max-width:100px;width:6rem;}
input,textarea{padding:.65rem .8rem;border:var(--border-default);border-radius:var(--radius-sm);font:inherit;}
.radio{margin:0 var(--space-sm) var(--space-sm) 0;}
a.cta-button,.frost-mail{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:var(--space-xl);}
a.cta-button:hover,.frost-mail:hover{transform:translateY(-2px) scale(1.04);}
.textm{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;}
.wl{width:100%;margin-top:var(--space-2xl);font-size:var(--text-sm);border-collapse:separate;border-spacing:0 20px;}
.wl tr{background:var(--white);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);}
.wl td{padding:15px;vertical-align:top;}
.wl tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);}
.wl tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;}
.nr{padding-top:var(--space-md);font-size:.8rem;vertical-align:top;}
.Artikel h2{margin:0 0 .7rem;font-family:var(--font-serif);font-size:var(--text-heading);color:var(--green-dark);}
.bild{text-align:center;vertical-align:top;}
.bild img{max-width:140px;height:180px;object-fit:contain;border-radius:var(--radius-sm);}
.wbild img{width:100px;text-align:center;background:var(--white);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:.6rem;box-shadow:var(--shadow-sm);}
.Artikel{max-width:35rem;padding:var(--space-md) var(--space-md) 5rem;vertical-align:top;}
.bestellung1{font:italic .8rem Arial;}
.Atext1{font:bold .75rem Arial;}
.Einh{text-align:center;vertical-align:top;font-weight:bold;}
.mengenfeld{width:3rem;max-width:3rem;min-width:3rem;height:2rem;padding:var(--space-2xs);text-align:center;}
.Preis{min-width:160px;background:#f5f8f2;text-align:center;}
.Preis1{font-size:1.4rem;font-weight:bold;color:var(--green-price);white-space:nowrap;}
.Preis1::after{content:"inkl. MwSt.";display:block;margin-top:.25rem;font-size:.72rem;font-weight:400;color:var(--muted);}
.w2 td.versand, .w4 td.versand{font:normal .85rem Arial;}
.grundpreis{font:normal var(--text-xs) Arial;}
.status-1 a, .status-2 a, .status-3 a{font:normal var(--text-xs) Arial;}
.status-1{color:var(--green-status);font-weight:bold;}
.status-2{color:var(--orange);font-weight:bold;}
.status-3{color:var(--red);font-weight:bold;}
.wmenge{width:4rem;text-align:center;border-radius:var(--radius-sm);}
.fade{color:var(--muted);}
.checkout{padding:0;background:none;border-radius:0;}
.checkout fieldset{margin-bottom:var(--space-md);background:var(--white);border:var(--border-default);border-radius:var(--radius-lg);}
.w2, .w4{width:100%;margin-top:var(--space-md);font-size:.85rem;border-collapse:collapse;}
.w2 th, .w2 td, .w4 th, .w4 td{padding:.5rem .4rem;vertical-align:top;overflow:hidden;}
.w2 th, .w4 th{padding:.4rem var(--space-sm);text-align:left;color:#444;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:700;box-shadow:none;}
.w2 th.menge, .w4 th.menge{text-align:center;}
.w2 tr:has(td.menge) td, .w4 tr:has(td.menge) td{padding:1rem .4rem;border-bottom:1px solid var(--border-light);}
.w2 tr:has(td.menge):hover td, .w4 tr:has(td.menge):hover td{background:var(--table-hover);}
.w2 .wbild, .w4 .bild{width:70px;text-align:center;}
.w2 .bezeichnung, .w4 .artikel{width:auto;}
.w2 .versand, .w4 .versand{width:180px;text-align:center;white-space:normal;}
.w2 .einzel, .w4 .preis{width:90px;text-align:right;white-space:nowrap;}
.w2 td.menge, .w4 td.menge{width:60px;text-align:center;vertical-align:top;}
.w2 .preis, .w4 .summe{width:100px;text-align:right;white-space:nowrap;}
.w2 .lb{width:35px;text-align:center;padding-right:4px;}
.w2 img, .w4 img{max-width:60px;height:auto;display:block;margin:0 auto;}
.textm,.zeilem,.ctr{text-align:center;}
.mwst{text-align:right;font-style:italic;color:var(--muted-light);}
.warenkorb{font-size:.95rem;}
.wgesamt{font-weight:700;text-align:right;}
.summe-zeile td{padding-top:.25rem;font-weight:700;font-size:1.05rem;}
.summe-zeile td, .versand-zeile td{vertical-align:bottom;}
.versand-zeile td{color:var(--muted-dark);font-size:.95rem;}
.gesamt-zeile td{margin-top:var(--space-md);padding:.4rem var(--space-sm);font-size:1.1rem;font-weight:700;color:#222;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;}
.checkout input[type="number"]{width:65px;height:28px;text-align:center;vertical-align:middle;margin:0;padding:.2rem .4rem;}
.checkout input[type="number"]::-webkit-inner-spin-button,
.checkout input[type="number"]::-webkit-outer-spin-button{opacity:1;}
#warenkorb-inhalt, .adresse-zahlweise, .adresse-box, .zahlweise-box, .warenkorb-box{width:100%;}
.adresse-zahlweise{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:stretch;}
.adresse-zahlweise .adresse-box,.adresse-zahlweise .zahlweise-box{flex:1 1 320px;}
.adresse-box,.zahlweise-box{margin-top:var(--space-lg);padding:1.2rem;background:var(--white);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}
.adresse-box h2,.zahlweise-box h2{margin:0 0 .5rem;font-size:1.05rem;color:var(--green-dark);}
.adresse-box h2 a.aendern-link,.zahlweise-box h2 a.aendern-link,.warenkorb-box h2 a.aendern-link{font-size:1rem;color:var(--muted-dark);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-dark);text-underline-offset:2px;margin-left:.3rem;font-style:italic;}
.adresse-box h2 a.aendern-link:hover,.zahlweise-box h2 a.aendern-link:hover,.warenkorb-box h2 a.aendern-link:hover{color:var(--green);text-decoration-color:var(--green-light);background:none;padding:0;border-radius:0;}
.adresse-grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);}
.adresse{flex:1 1 280px;padding:1rem;background:#f8f9fa;border-radius:4px;line-height:1.6;font-size:var(--text-base);}
.adresse + .adresse{margin-top:1rem;}
.hinweis{font-size:.85em;color:var(--muted);text-align:left;white-space:nowrap;}
.warenkorb-box{margin-top:var(--space-lg);padding:1.2rem;background:var(--white);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}
.warenkorb-box h2{margin:0 0 .5rem;font-size:1.05rem;color:var(--green-dark);}
.wbild{width:90px;text-align:center;}
.wkbild{display:block;width:80px;height:80px;margin:auto;padding:.3rem;object-fit:contain;background:var(--white);border:var(--border-default);border-radius:var(--radius-md);}
.absenden{width:100%;text-align:center;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.clr{clear:both;}
.nobr{white-space:nowrap;}
.zucht-liste{display:flex;flex-direction:column;gap:var(--space-lg);}
.zucht{display:grid;grid-template-columns:180px minmax(0,1fr) 160px;gap:var(--space-lg);align-items:center;}
.zucht-bild{text-align:center;}
.zucht-bild img{width:180px;height:220px;object-fit:contain;}
.zucht-text{min-width:0;}
.zucht-text h2{margin-top:0;font-size:var(--text-heading);letter-spacing:.01em;}
.zucht-text h3{margin-top:0;}
.zucht-preis{text-align:center;padding:var(--space-md);background:var(--white);border:var(--border-default);border-radius:var(--radius-lg);}
fieldset{padding:var(--space-md);border:var(--border-default);border-radius:var(--radius-lg);}
legend{padding:0 var(--space-sm);font-weight:700;}
textarea{width:100%;min-height:150px;}
label.kontakt{display:inline-block;width:8rem;color:var(--muted-dark);}
.versand-tabelle{width:100%;margin-top:var(--space-md);border-collapse:collapse;font-size:.95rem;}
.versand-tabelle th{padding:.8rem var(--space-md);text-align:left;color:var(--green-dark);background:var(--green-soft);border-bottom:2px solid var(--green-table-border);}
.versand-tabelle th:nth-child(2),.versand-tabelle td:nth-child(2){text-align:center;white-space:nowrap;}
.versand-tabelle td{padding:var(--space-md);vertical-align:top;border-bottom:var(--border-default);}
.versand-tabelle tbody tr:hover td{background:var(--table-hover);}
.versand-tabelle h4{margin:0 0 .35rem;font:700 1rem/1.3 var(--font-system);color:var(--green-dark);}
.col ul{padding:0 0 0 .6rem;}
.textr,.zeiler{text-align:right;}
.zeile,.zeilem,.zeiler{font-style:italic;}
.fett{font-weight:700;}
nav a.memorial-link::after,aside a.memorial-link::after{content:" ";margin-left:.15em;color:var(--black);}
.checkout-info-box{display:block;background:var(--green-pale);border-left:3px solid var(--green-light);padding:1rem 1.2rem;margin-bottom:1.5rem;border-radius:4px;text-align:center;font-size:0.95rem;color:var(--text);line-height:1.6;}
.checkout-hinweis{margin:0 0 0.5rem 0;font-size:0.95rem;color:var(--text);}
.checkout-hinweis-recht{margin:0;font-size:0.95rem;color:var(--text);}
.checkout-hinweis-recht a{color:var(--green-dark);text-decoration:underline;}
button.print-link{background:none;border:none;color:var(--green-dark);text-decoration:underline;cursor:pointer;font:inherit;padding:0;text-underline-offset:2px;}
button.print-link:hover{color:var(--green);}
.zahlweise-inner{background:#f8f9fa;padding:1rem;border-radius:4px;margin-top:1rem;}
.abhol-hinweis{background:#e8f5e9;padding:1rem;border-radius:4px;border:1px dashed #4caf50;margin:.2rem 0 1rem 0;text-align:center;box-sizing:border-box;}
.text-muted{color:#999;}
.text-success{color:#2e7d32;}
.valign-bottom{vertical-align:bottom;}
.print-hinweis-badge{display:none;}
.checkout a, .adresse-box a, .zahlweise-box a, .warenkorb-box a{font-style:italic;}
.info-tooltip{position:relative;cursor:help;}
.info-tooltip-text{display:none;position:absolute;z-index:10;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:260px;padding:.8rem 1rem;background:var(--white);border:1px solid var(--border-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:var(--text-sm);line-height:1.5;color:var(--text);text-align:left;white-space:normal;}
.info-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-dark);}
.info-tooltip:hover .info-tooltip-text{display:block;}
@media print{
@page{margin:2cm;size:A4;}
html{scroll-behavior:auto;}
body{margin:0;background:var(--white);color:var(--black);font-size:10.5pt;line-height:1.45;}
#doc{width:100%;max-width:none;margin:0;padding:0 1cm;background:var(--white);border-radius:0;box-shadow:none;overflow:visible;}
header{display:block;background:var(--white);border-radius:0;box-shadow:none;}
header::before{content:"";display:none;}
#logo{margin:1cm auto 1cm 0.5cm;padding:0;color:var(--black);text-shadow:none;font-size:1.4rem;}
#logo::before{display:none;}
#logo a{color:var(--black);}
.logo{color:#333;text-shadow:none;font-size:.85rem;}
#korb,#op,nav,aside,footer,.hamburg,#hamburg,#links{display:none;}
#content{display:block;}
main{width:100%;padding:0;}
main h1{margin:0 0 1rem 0;padding:0;color:var(--black);background:none;border:0;border-radius:0;line-height:1.3;text-align:left;font-size:1.2rem;display:flex;justify-content:space-between;align-items:baseline;}
main h1.produkt{background:none;border-left:0;}
article{margin:0 0 var(--space-lg);padding:0;background:var(--white);border:0;border-radius:0;box-shadow:none;break-inside:auto;page-break-inside:auto;}
article h2{color:var(--black);break-after:avoid;page-break-after:avoid;}
h2,h3,h4{color:var(--black);}
a{color:#444;text-decoration:underline;text-decoration-color:#999;}
main a{color:#444;text-decoration:underline;text-decoration-color:#999;}
a[href]::after{content:none;}
figure{background:var(--white);border:var(--border-default);box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
figure img{box-shadow:none;}
.bild-rechts{float:right;max-width:40%;margin:0 0 var(--space-md) var(--space-md);}
.bild-mitte{max-width:194px;}
.row{gap:var(--space-md);}
.col{background:var(--white);border:var(--border-default);box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
.karten-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md);}
.karte{background:var(--white);border:var(--border-default);box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
.karte:hover{transform:none;box-shadow:none;}
.frost-grid{grid-template-columns:repeat(2,1fr);}
.frost-karte{background:var(--white);border:var(--border-default);box-shadow:none;break-inside:avoid;page-break-inside:avoid;}
.frost-wasserzeichen{display:none;}
.wl{border-collapse:collapse;border-spacing:0;}
.wl tr{box-shadow:none;border-bottom:var(--border-default);break-inside:avoid;page-break-inside:avoid;}
.wl td{padding:var(--space-sm);}
.Preis{background:var(--white);}
.w2{border-collapse:collapse;}
.w2 th,.w4 th{padding:.3rem var(--space-sm);text-align:left;color:#444;background:#e8e8e8;border-top:0;border-bottom:1px solid #999;line-height:1.2;font-size:10pt;}
.w2 th.textm,.w4 th.textm{text-align:center;}
.w2 th.textr,.w4 th.textr{text-align:right;}
.w2 th.wbild,.w4 th.wbild{text-align:center;}
.w2 tr:hover td,.w4 tr:hover td{background:var(--white);}
.w2 tr:not(:first-child),.w4 tr:not(:first-child){border-bottom:0;}
.summe-zeile td{font-size:10pt;font-weight:700;padding-top:.2rem;color:#000;}
.versand-zeile td{font-size:9pt;color:#666;padding-top:.15rem;font-weight:400;}
.gesamt-zeile td{background:#d0d0d0;color:#000;border-radius:0;padding:.3rem var(--space-sm);font-size:11pt;font-weight:800;border-top:1px solid #999;border-bottom:0;}
.adresse-box,.zahlweise-box,.warenkorb-box,.bestellabschluss,.bestell-info,.frost-intro,.info{background:var(--white);border:1px solid #999;box-shadow:none;break-inside:avoid;page-break-inside:avoid;border-radius:6px;}
.adresse-box h2,.zahlweise-box h2,.warenkorb-box h2{font-size:1.05rem;margin-bottom:.3rem;font-weight:700;color:#222;border-bottom:1px solid #ddd;padding-bottom:.3rem;}
.bestell-logo{max-width:180px;}
.bestellabschluss{margin-top:var(--space-md);}
button,.cta-button,.frost-mail,.wechsel,.buttonkaufen{color:var(--black);background:var(--white);border:1px solid #777;box-shadow:none;text-shadow:none;transform:none;}
.buttonkaufen{display:none;}
input,textarea{border:1px solid var(--border-dark);background:var(--white);color:var(--black);}
details{background:var(--white);border:1px solid var(--border-dark);break-inside:avoid;page-break-inside:avoid;}
details summary{background:var(--grey-bg);color:var(--black);}
details summary::after{content:"";}
details > *:not(summary){padding:var(--space-2xs);}
.zucht{grid-template-columns:140px minmax(0,1fr) 130px;gap:var(--space-md);break-inside:avoid;page-break-inside:avoid;}
.zucht-bild img{width:140px;height:180px;}
.zucht-preis{background:var(--white);border:var(--border-default);}
img{max-width:100%;}
p{orphans:3;widows:3;}
h1,h2,h3,h4{break-after:avoid;page-break-after:avoid;}
table{break-inside:auto;page-break-inside:auto;}
tr{break-inside:avoid;page-break-inside:avoid;}
.print-hinweis-badge{display:inline-block;font-size:0.75rem;color:#555;font-weight:normal;font-style:italic;margin-left:1rem;border:1px solid #ccc;padding:2px 8px;border-radius:4px;vertical-align:middle;background:#f0f0f0;}
p.checkout-info-box{border-left:0;padding:.6rem 1rem;margin-bottom:1rem;text-align:left;background:#e8e8e8;border:1px solid #aaa;border-radius:6px;font-size:9pt;}
.checkout-hinweis{margin:0 0 .3rem 0;font-size:9.5pt;white-space:normal;}
.adresse-zahlweise{margin-top:1rem;gap:1rem;margin-bottom:0;}
.adresse-box,.zahlweise-box{padding:1rem;margin:0;}
.warenkorb-box{padding:1rem 1.2rem;margin:1rem 0 0 0;}
.adresse-box h2,.zahlweise-box h2,.warenkorb-box h2{margin-bottom:.3rem;font-size:1.05rem;}
.adresse{padding:.5rem 0;line-height:1.5;font-size:9.5pt;}
.adresse p,.zahlweise-box p{font-size:9.5pt;line-height:1.5;}
.abhol-hinweis{border:1px dashed #4caf50;padding:.8rem;margin:.5rem .5rem .6rem 1.2rem;font-size:9pt;text-align:center;box-sizing:border-box;display:block;}
.w2 td.menge,.w4 td.menge{width:35px;}
.w2 .wbild,.w4 .bild{width:55px;}
.w2 .versand,.w4 .versand{width:110px;white-space:normal;}
.w2 .einzel,.w4 .preis{width:75px;}
.w2 .preis,.w4 .summe{width:80px;}
.w2 .bezeichnung,.w4 .artikel{width:auto;}
.w2 th,.w2 td,.w4 th,.w4 td{padding:.3rem .4rem;}
.w2 img,.w4 img{max-width:45px;}
.adresse-box h2 a.aendern-link,.zahlweise-box h2 a.aendern-link,.warenkorb-box h2 a.aendern-link{font-size:0.75rem;font-style:italic;font-weight:400;color:#444;text-decoration-color:#999;}
.adresse strong{font-size:10.5pt;font-weight:700;color:#000;}
.zahlweise-box p strong{font-size:10.5pt;font-weight:700;color:#000;}
.w4 td,.w2 td{font-size:9.5pt;}
.w4 th{font-size:10pt;}
.w2 td strong,.w4 td strong{font-weight:650;color:#222;}
.adresse-box a,.zahlweise-box a,.warenkorb-box a{color:#444;text-decoration-color:#999;}
.info-tooltip-text{display:none !important;}
}
@media(hover:hover){
figure.bild-zoom:hover img{transform:scale(1.03);}
.produktkarte:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
*,*::before,*::after{animation:none;transition:none;}
}
@media(max-width:900px){
header{background-image:url(design/back-1000.webp);background-position:center;background-size:cover;}
#content{flex-direction:column;}
#links{width:100%;flex:none;border-right:0;border-bottom:var(--border-default);}
label.hamburg{display:block;}
nav.topmenu,aside.topmenu{max-height:0;overflow:hidden;}
#hamburg:checked ~ nav.topmenu,#hamburg:checked ~ aside.topmenu{max-height:none;overflow:visible;}
main{padding:1.2rem;}
.col-1-3,.col-2-3{flex:0 0 100%;}
.zucht{grid-template-columns:160px minmax(0,1fr) 150px;}
}
@media(min-width:901px){
nav.topmenu,aside.topmenu{max-height:none;overflow:visible;}
label.hamburg{display:none;}
}
@media(max-width:700px){
.frost-intro{padding:1.2rem 1.3rem;}
.frost-intro h2,.frost-sortiment-titel{font-size:1.25rem;}
.frost-grid{grid-template-columns:1fr;}
.frost-karte{align-items:flex-start;}
.zucht{grid-template-columns:1fr;text-align:center;}
.zucht-preis{width:100%;margin-top:var(--space-md);}
.zucht-bild img{width:100%;max-width:220px;height:auto;}
figure.bild-rechts{float:none;max-width:100%;margin:0 auto var(--space-md);text-align:center;}
figure.bild-rechts img{display:block;margin:0 auto;}
.search-result{flex-direction:column;align-items:center;}
.search-result-image{flex:0 0 auto;width:140px;height:180px;}
.search-result-text{width:100%;}
}
@media(max-width:600px){
#doc{margin:0;border-radius:0;}
header{padding:.8rem;background-image:url(design/back-700-left.webp);background-position:center;background-size:cover;}
#logo{width:100%;text-align:center;font-size:1.8rem;}
#korb{width:auto;margin-left:auto;margin-right:auto;}
#op{width:calc(100% - 1.6rem);margin:.8rem;padding:.45rem .6rem;}
#op form{flex-wrap:nowrap;align-items:center;gap:.4rem;}
#op input{flex:1 1 auto;width:auto;min-width:0;max-width:none;height:42px;padding:.45rem .8rem;line-height:1.2;font-size:.95rem;}
#op button{flex:0 0 auto;width:auto;height:42px;padding:.45rem 1rem;line-height:1.2;}
#links{padding-left:var(--space-md);padding-right:var(--space-md);}
#links > h2,#links > nav,#links > aside{width:100%;max-width:700px;margin-left:auto;margin-right:auto;}
#links > h2{padding-left:.65rem;padding-right:.65rem;}
#links > nav,#links > aside{padding-left:0;padding-right:0;}
main{padding:var(--space-md);}
main h1{font-size:1.5rem;line-height:1.5;}
main h1.produkt{font-size:1.5rem;}
h2{font-size:1.2rem;}
article{padding:var(--space-md);}
.karten-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);}
.col{padding:var(--space-md);}
.row{gap:var(--space-md);}
.bild-rechts{float:none;max-width:100%;margin:0 auto var(--space-md);}
.versand-tabelle{font-size:.88rem;}
.versand-tabelle th,.versand-tabelle td{padding:.6rem .45rem;}
.versand-tabelle h4{font-size:.95rem;}
footer{padding:var(--space-xl) var(--space-md) 0;flex-direction:column;align-items:center;}
footer section{width:100%;max-width:300px;min-width:0;margin:0 auto;text-align:left;}
footer section ul{margin:0;padding:0;}
footer h3{text-align:left;}
footer p{width:calc(100% + 2rem);max-width:none;margin:var(--space-md) -1rem 0;padding:.7rem 1rem;text-align:center;align-self:stretch;}
.w2{font-size:.82rem;}
.w2 th:nth-child(3),.w2 td:nth-child(3){display:none;}
.wkbild{width:60px;height:60px;}
.bestellabschluss{padding:var(--space-md);}
.buttonkaufen{width:100%;min-width:0;}
.bestell-fertig{max-width:none;}
.bestell-danke{font-size:1rem;}
.bestell-logo{max-width:220px;}
.bestell-info{padding:var(--space-md);}
input.kontakt{max-width:100%;}
input.kontakt.plz-feld{max-width:100px;}
}
@media(max-width:500px){
.frost-karte{gap:.8rem;padding:.8rem;}
.frost-karte img{flex-basis:85px;width:85px;height:135px;}
.frost-text h3{font-size:1rem;}
.frost-text p{font-size:.84rem;}
.karten-grid{grid-template-columns:1fr;}
}
@media(max-width:360px){
body{font-size:.9rem;}
#logo{font-size:1.7rem;}
.textm{flex-direction:column;gap:.8rem;}
.textm button,button,.cta-button{width:100%;}
}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
main article, #warenkorb-inhalt, .warenkorb-box, .adresse-zahlweise, .adresse-box, .zahlweise-box{width:100%;box-sizing:border-box;}