/*
Theme Name: McGutschein Redesign
Description: Entwurf des neuen McGutschein-Designs mit Shopseiten-Vorlage.
Version: 0.3
Text Domain: mcg
*/
:root{
  --sky:#dde6ee; --sky-top:#f4f7fa;
  --green-900:#2f4358; --green-700:#55708a; --green-500:#7890a8; --green-300:#a5b8cb; --green-200:#d5dfe9; --green-50:#eff3f7;
  --red-600:#b04b34; --red-700:#963f2b; --ink:#232d37; --heading:#46525e; --muted:#5b6874; --line:#dbe3ea; --card:#fff; --prose:#39434d; --hover:rgba(255,255,255,.7); --bar:rgba(255,255,255,.97); --soft:#e6edf3; --notice:#fff8e1; --notice-line:#f0d98a; --code-bg:#eef1f4; --star-off:#d9dde2;
  --bar-h:58px; /* Höhe der Kopfleiste, wenn sie beim Scrollen oben steht */
  --radius:14px; --shadow:0 1px 2px rgba(31,60,60,.06),0 8px 22px rgba(31,60,60,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@font-face{font-family:"Maven Pro";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/maven-pro-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4}
@font-face{font-family:"Maven Pro";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/maven-pro-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
/* Himmel: oben heller, nach unten bis zum gewohnten Hellblau; die Wolken liegen darüber */
body{margin:0;min-height:100vh;background:url(img/wolken.png) no-repeat center top fixed,linear-gradient(to bottom,var(--sky-top) 0,var(--sky) 100%);background-color:var(--sky);color:var(--ink);font:16px/1.6 "Maven Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:var(--green-700)}
img{max-width:100%;height:auto}
.icon{display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}

/* Kopf: Logo links, Schotte rechts, Wolken im Hintergrund */
/* Kopf: Logo links, Menü rechts. Die Suche steht getrennt davon in der Seitenmitte. */
/* Kopf: Logo links, Menü und Lupe rechts. Er scrollt mit der Seite weg. */
.topbar-inner{display:flex;align-items:center;gap:12px;padding-top:16px;padding-bottom:10px}
.logo{display:inline-block;flex:none;margin-right:auto}
.logo img{display:block;width:260px;max-width:100%}
.menu{display:flex;gap:4px}
.menu a{text-decoration:none;font-weight:600;font-size:16px;color:var(--green-900);padding:8px 14px;border-radius:999px;white-space:nowrap}
.menu a:hover{background:var(--hover)}
.menu a[aria-current]{background:var(--card);box-shadow:0 1px 2px rgba(31,60,60,.12)}
.menu-toggle{display:none;flex:none;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--card);color:var(--green-900);cursor:pointer;box-shadow:0 1px 2px rgba(31,60,60,.15)}
.menu-toggle .icon{width:22px;height:22px;stroke-width:2}
.layout>*{min-width:0}
.search-toggle{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--red-600);color:#fff;cursor:pointer;box-shadow:0 2px 0 var(--red-700)}
.search-toggle:hover{background:var(--red-700)}
.search-toggle .icon{width:20px;height:20px;stroke-width:2.2}
.topsearch{padding:4px 0 14px}
.topsearch[hidden]{display:none}

/* Abschnittsleiste der Shopseite: In der Startansicht stehen die Abschnitte als Schildchen im Shop-Kopf.
   Diese Leiste erscheint erst oben am Bildschirmrand, wenn der Shop-Kopf aus dem Bild gescrollt ist. */
.secnav{display:none;z-index:50;padding:6px;background:var(--bar)}
.secnav.stuck{display:block;position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(1088px,calc(100% - 32px));border-radius:0 0 16px 16px;box-shadow:0 6px 18px rgba(31,60,60,.14)}
.secnav-row{display:flex;align-items:center;gap:8px}
.secnav-links{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.secnav-links::-webkit-scrollbar{display:none}
.secnav-links a{position:relative;flex:none;text-decoration:none;font-size:14px;font-weight:600;color:var(--green-900);padding:7px 14px;border-radius:999px;white-space:nowrap}
.secnav-links a:hover{background:var(--green-50)}
/* Aktueller Abschnitt (nur in der angehefteten Leiste): dunklere Schrift und ein kurzer Strich darunter */
.secnav-links a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;border-radius:3px;background:var(--green-500);transform:scaleX(0);transition:transform .15s}
.secnav-links a.active{color:var(--heading)}
.secnav-links a.active::after{transform:scaleX(1)}
.secnav .search-toggle{display:none;width:34px;height:34px}
.secnav.stuck .search-toggle{display:grid}
.secnav .topsearch{padding:8px 0 6px}

/* Suche */
.searchbox{display:flex;align-items:center;background:var(--card);border-radius:999px;box-shadow:var(--shadow);padding:6px 6px 6px 22px;max-width:560px;margin:0 auto;border:1px solid var(--line)}
.searchbox:focus-within{border-color:var(--green-500)}
.searchbox input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;padding:8px 0}
.searchbox button{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--red-600);color:#fff;cursor:pointer;box-shadow:0 2px 0 var(--red-700)}
.searchbox button:hover{background:var(--red-700)}
.searchbox .icon{width:22px;height:22px;stroke-width:2.2}
.subsearch{padding-top:6px}
.subsearch .searchbox{max-width:480px;padding:3px 4px 3px 18px}
.subsearch .searchbox input[type=search]{font-size:15px;padding:6px 0}
.subsearch .searchbox button{width:36px;height:36px}

/* Startseite: zentrierter Einstieg */
.hero{text-align:center;padding:44px 0 46px}
.hero h1{font-size:46px;line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}
.hero h1 em{font-style:normal;color:var(--green-700)}
.hero p{margin:0 auto 26px;max-width:46ch;font-size:18px;color:var(--muted)}
.all-link{margin:14px 0 0;text-align:center;font-weight:600}
.all-link a{text-decoration:none}
.all-link a::after{content:" ›"}

.notice{background:var(--notice);border:1px solid var(--notice-line);border-radius:var(--radius);padding:10px 14px;margin:16px 0 0;font-size:14px}
.crumbs{font-size:13px;color:var(--muted);margin:18px 0 12px}
.crumbs a{color:var(--muted)}
.page-title{font-size:28px;line-height:1.2;margin:0 0 4px}
.page-sub{margin:0 0 20px;color:var(--muted)}

/* Startseite */
.home-top{margin:22px 0 22px;padding:14px}
.top-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.top-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:16px 10px 18px}
.top-tile:hover{border-color:var(--green-300);box-shadow:0 4px 14px rgba(31,60,60,.1)}
.top-tile .tile-logo{height:64px}
.top-tile img{max-height:56px;width:auto}
.top-tile .offer{font-size:20px;color:var(--red-700);line-height:1.2}
.top-tile .shopname{font-size:13px;color:var(--muted)}
.btn.small{padding:7px 16px;font-size:14px;border-radius:6px;margin-top:4px}
.logo-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:14px}
.logo-row a{display:grid;place-items:center;height:62px;border:1px solid var(--line);border-radius:8px;padding:6px;text-decoration:none;font-size:13px;font-weight:700;text-align:center}
.logo-row a:hover{border-color:var(--green-300)}
.logo-row img{max-height:44px;width:auto}
.home-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.list-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.list-box h2{margin:0;padding:12px 16px;font-size:20px;font-weight:500;color:#fff;background:linear-gradient(180deg,#8aa0b5,#7890a8)}
.rank{list-style:none;margin:0;padding:4px 0;counter-reset:r;flex:1}
.rank li{counter-increment:r;border-bottom:1px solid var(--line)}
.rank li:last-child{border-bottom:0}
.rank a{display:flex;align-items:center;gap:10px;padding:8px 16px;text-decoration:none;color:var(--ink)}
.rank a:hover{background:var(--green-50)}
ol.rank a::before{content:counter(r,decimal-leading-zero);font-weight:700;color:var(--green-500);font-size:14px;width:22px}
.rank .who{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank .what{flex:none;font-size:14px;color:var(--red-700);font-weight:600}
.rank.cats .what{color:var(--muted);font-weight:400}
.rank.wide a{padding:10px 4px}
.cat-icon.small{width:30px;height:30px;border-radius:8px}
.cat-icon.small .icon{width:18px;height:18px}
.more-link{display:block;text-align:center;padding:10px;border-top:1px solid var(--line);font-weight:600;text-decoration:none;font-size:14px}
.more-link::before{content:"» "}
.az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:22px}
.az a{flex:1 0 30px;text-align:center;text-decoration:none;font-weight:700;background:var(--card);border-radius:8px;padding:6px 0;box-shadow:0 1px 2px rgba(31,60,60,.1);transition:transform .12s,box-shadow .12s}
.az a:hover,.shop-chips a:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(31,60,60,.08),0 10px 22px rgba(31,60,60,.14)}
.shop-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;list-style:none;margin:0;padding:0}
.shop-chips a{display:block;text-align:center;text-decoration:none;font-weight:600;font-size:15px;background:var(--card);border-radius:10px;padding:9px 10px;box-shadow:0 1px 2px rgba(31,60,60,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .12s,box-shadow .12s}
.shop-list{list-style:none;margin:0;padding:0;columns:5 150px;column-gap:18px}
.shop-list li{break-inside:avoid;padding:4px 0}
.shop-list a{text-decoration:none}
.shop-list a::before{content:"› ";color:var(--green-500);font-weight:700}
.shop-list a:hover{text-decoration:underline}
.az-group{margin-bottom:14px;scroll-margin-top:68px}
/* Shops A-Z: Die Buchstabenleiste bleibt oben stehen. Angeheftet bekommt sie einen weißen Grund,
   und der Buchstabe, dessen Shops gerade im Bild sind, wird mit einem grünen Strich markiert. */
.az-sticky{position:sticky;top:0;z-index:50}
.az-sticky.stuck{margin-left:-8px;margin-right:-8px;padding:8px;background:var(--bar);border-radius:0 0 16px 16px;box-shadow:0 6px 18px rgba(31,60,60,.14)}
.az-sticky.stuck a{box-shadow:none;background:var(--green-50);position:relative}
.az-sticky.stuck a:hover{transform:none;background:var(--green-200)}
.az-sticky.stuck a.active{background:var(--card);color:var(--heading);box-shadow:inset 0 0 0 1.5px var(--green-500)}
.home-text details{border-bottom:1px solid var(--line)}
.home-text details:last-child{border-bottom:0}
.home-text summary{cursor:pointer;font-size:19px;font-weight:600;padding:12px 0;color:var(--green-700);list-style:none;display:flex;justify-content:space-between}
.home-text summary::after{content:"+"}
.home-text details[open] summary::after{content:"–"}
.home-text .prose{padding-bottom:12px}
.home-text .prose ul{margin:0 0 12px;padding-left:20px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cat-tile{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);padding:14px 16px;transition:transform .12s,box-shadow .12s}
.cat-tile:hover,.shop-tile:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(31,60,60,.08),0 12px 28px rgba(31,60,60,.12)}
.cat-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200)}
.cat-icon .icon{width:26px;height:26px}
.cat-icon.big{width:60px;height:60px;border-radius:16px}
.cat-icon.big .icon{width:34px;height:34px}
.cat-text{display:flex;flex-direction:column;line-height:1.3}
.cat-text small{color:var(--muted);font-size:13px}
.cat-head{display:flex;gap:16px;align-items:center;margin-bottom:6px}
.cat-head .page-sub{margin:0 0 14px}
.shop-grid.az-top{grid-template-columns:repeat(5,minmax(0,1fr));margin:6px 0 16px}
.az-top .shop-tile{background:var(--bg-soft,#f6f8fa);box-shadow:none;border:1px solid var(--line)}
@media (max-width:900px){.shop-grid.az-top{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.shop-grid.az-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
.seal{flex:none;display:block}
.author .seal{margin-right:2px}
.promise-hero{display:flex;gap:22px;align-items:center;margin-bottom:16px}
.promise-hero .page-sub{margin:0}
.promise-hero h1{margin-top:0}
@media (max-width:600px){.promise-hero{flex-direction:column;text-align:center}}
.newsletter.banner{display:block;text-align:center;background:none;box-shadow:none;border-radius:0;padding:28px 8px 20px;margin:20px 0 28px}
.newsletter.banner h2{color:var(--heading);font-size:32px;line-height:1.2;font-weight:600;max-width:20em;margin:0 auto}
.newsletter.banner .nl-rule{display:block;width:50px;height:4px;border-radius:2px;background:#e6a700;margin:18px auto 28px}
.newsletter.banner .fields{max-width:640px;margin:0 auto}
.newsletter.banner input{padding:15px 16px;font-size:16px}
.newsletter.banner .btn{padding:15px 28px}
.newsletter.banner .nl-trust{justify-content:center;margin:16px 0 0}
.newsletter.banner .nl-legal{max-width:640px;margin:12px auto 0}
@media (max-width:600px){.newsletter.banner{padding:32px 16px 26px}.newsletter.banner h2{font-size:24px}}
.to-top{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border-radius:50%;border:0;background:var(--card);color:var(--green-700);box-shadow:0 2px 4px rgba(31,60,60,.12),0 8px 20px rgba(31,60,60,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}
.to-top[hidden]{display:none}
.to-top:hover{background:var(--green-50);transform:translateY(-2px)}
.to-top:focus-visible{outline:2px solid var(--green-500);outline-offset:2px}
.pt-band{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px 16px;border-radius:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 366' preserveAspectRatio='none'%3E%3Cpath d='M0 238C150 205 300 228 450 285S760 362 900 366H0Z' fill='%2355708a' fill-opacity='.10'/%3E%3Cpath d='M360 366C590 352 800 300 1000 246S1150 218 1200 232V366Z' fill='%2355708a' fill-opacity='.12'/%3E%3Cpath d='M0 326C200 296 400 342 620 350S1000 338 1200 316V366H0Z' fill='%2355708a' fill-opacity='.08'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat,linear-gradient(var(--sky-top),var(--sky))}
.pt-band.big{padding:58px 16px 64px}
.pt-band .promise-art{display:block;width:100%;max-width:470px;height:auto}
.promise-teaser .promise-art{max-width:400px}
.pt-ribbon{background:#e6a700;color:#fff;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.02em;font-size:26px;padding:10px 34px 10px 18px;clip-path:polygon(0 0,100% 0,93% 50%,100% 100%,0 100%);text-shadow:0 1px 1px rgba(120,84,0,.5)}.promise-teaser{padding:0;overflow:hidden;text-align:center;margin:0 0 36px}
.pt-body{padding:22px 24px 26px}
.pt-body h2{margin:0 0 8px;font-size:24px;color:var(--heading)}
.pt-body p{max-width:62ch;margin:0 auto 14px;line-height:1.55}
.pt-link{display:inline-block;font-weight:600;color:var(--green-700);text-decoration:none}
.pt-link:hover{text-decoration:underline}
.promise-top{padding:0;overflow:hidden;text-align:center;margin-bottom:8px}
.promise-top .page-title{margin:0 0 8px}
.promise-top .lead{max-width:60ch;margin:0 auto;font-size:18px;line-height:1.5}
.promise-page h2{margin:30px 0 12px}
.promise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p-item h3{margin:10px 0 6px;font-size:17px;color:var(--heading)}
.p-item p{margin:0;line-height:1.55}
.p-icon{display:inline-flex;width:44px;height:44px;border-radius:12px;background:var(--green-50);color:var(--green-700);align-items:center;justify-content:center}
.p-icon .icon{width:24px;height:24px}
.p-steps{list-style:none;counter-reset:ps;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.p-steps li{counter-increment:ps;position:relative;padding-left:46px}
.p-steps li::before{content:counter(ps);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--green-50);color:var(--green-700);font-weight:700;display:flex;align-items:center;justify-content:center}
.p-steps strong{display:block;color:var(--heading)}
.faq-card details{border-bottom:1px solid var(--line);padding:12px 0}
.faq-card details:last-child{border-bottom:0}
.faq-card summary{cursor:pointer;font-weight:600;color:var(--heading)}
.faq-card details p{margin:8px 0 0;line-height:1.55}
@media (max-width:700px){.promise-grid,.p-steps{grid-template-columns:minmax(0,1fr)}.pt-ribbon{font-size:20px;padding:8px 26px 8px 14px}}
dialog.redeem{border:0;border-radius:18px;padding:26px 26px 20px;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--card);color:var(--ink);box-shadow:0 20px 60px rgba(31,60,60,.35)}
dialog.redeem::backdrop{background:rgba(31,60,60,.55)}
.redeem-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--muted)}
.redeem-head{text-align:center}
.redeem-head img{max-height:48px;width:auto;margin:0 auto 6px;display:block}
.redeem-kind{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#c9694f}
.redeem-head h2{margin:4px 0 16px;font-size:20px;line-height:1.3;color:var(--heading)}
.redeem-code{display:flex;gap:10px;align-items:center;justify-content:space-between;border:2px dashed var(--green-500);background:var(--green-50);border-radius:12px;padding:10px 12px}
.redeem-code code{font-size:22px;font-weight:700;letter-spacing:.06em;word-break:break-all}
.redeem-nocode{background:var(--green-50);border-radius:12px;padding:12px 14px;margin:0;text-align:center}
.redeem-info{font-size:14px;color:var(--muted);text-align:center;margin:12px 0}
.redeem-steps{margin:0 0 12px;padding-left:22px;line-height:1.5}
.redeem-terms{margin:0 0 12px;padding-left:20px;font-size:14px;color:var(--muted)}
.redeem-foot{font-size:13px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:10px}
.top-block{margin-top:32px}
.top-block .shop-tile img{filter:grayscale(1);opacity:.75;transition:filter .15s,opacity .15s}
.top-block .shop-tile:hover img,.top-block .shop-tile:focus-visible img{filter:none;opacity:1}
.shop-grid.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.shop-grid.six .shop-tile{padding:14px 8px}
.shop-grid.six .shop-tile strong{font-size:14px}
.shop-grid.six .shop-tile span:last-child{font-size:12px}
.all-link{text-align:center;margin:14px 0 0;font-weight:600}
.all-link a{color:var(--green-700);text-decoration:none}
.all-link a:hover{text-decoration:underline}
@media (max-width:900px){.shop-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.shop-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
.load-more{text-align:center;margin:18px 0 6px}
.load-more button{background:none;border:0;font:inherit;font-weight:600;font-size:16px;color:var(--green-700);cursor:pointer;padding:10px 20px}
.load-more button:hover{text-decoration:underline}
.load-more button[disabled]{opacity:.6;cursor:wait}
.seo-text{margin-top:28px}
.seo-text h2{font-size:20px;margin:18px 0 6px}
.seo-text h2:first-child{margin-top:0}
.seo-text p{margin:0 0 10px;line-height:1.6}
.cat-intro{max-width:75ch;margin:0 0 20px;color:var(--ink);line-height:1.55}
.shop-grid.deal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.shop-grid.deal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:800px){.shop-grid.deal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.deal-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 12px;min-width:0}
.deal-logo{display:flex;align-items:center;justify-content:center;height:56px;width:100%;color:var(--heading);font-weight:700;text-decoration:none}
.deal-logo img{max-height:52px;max-width:100%;width:auto;object-fit:contain}
.deal-name{font-size:15px;color:var(--heading)}
.deal-offer{margin:0;font-size:15px;line-height:1.35;flex:1;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:3.9em}
.deal-offer.none{color:var(--green-700);font-size:15px;font-weight:600}
.deal-kind{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6a7f94}
.deal-offer.kind-code .deal-kind{color:#c9694f}
.deal-offer.kind-versand .deal-kind{color:#2d6fb3}
.deal-tile .btn{width:100%;text-align:center;box-sizing:border-box;padding:10px 6px;font-size:14px;letter-spacing:-.01em}
@media (max-width:560px){.shop-grid.deal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-tile .btn{font-size:13px}}
@media (max-width:360px){.shop-grid.deal-grid{grid-template-columns:minmax(0,1fr)}}
.deal-all{font-size:13px;font-weight:600;color:var(--green-700);text-decoration:none}
.deal-all:hover{text-decoration:underline}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:8px}
.shop-tile{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;text-decoration:none;color:var(--ink);padding:16px 12px;transition:transform .12s,box-shadow .12s}
.tile-logo{display:grid;place-items:center;height:56px;width:100%}
.shop-tile img{max-height:52px;width:auto;object-fit:contain}
.shop-tile span:last-child{font-size:13px;color:var(--green-700);font-weight:600}

/* Shop-Kopf */
.shop-hero{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;gap:20px;align-items:center}
.shop-hero .logo{flex:none;margin-right:0;width:132px;height:84px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;padding:8px}
.shop-hero h1{margin:0 0 4px;font-size:30px;line-height:1.2}
.shop-hero .meta{margin:0;color:var(--muted);font-size:14px}
.shop-hero .meta strong{color:var(--green-700)}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}
.jump a{display:block;font-size:13px;text-decoration:none;white-space:nowrap;background:var(--green-50);border:1px solid var(--green-200);border-radius:999px;padding:4px 12px;transition:background-color .12s,border-color .12s,color .12s}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:24px 0 8px}
section{margin-bottom:36px;scroll-margin-top:76px}

/* Startseite: Shop-Logos zunächst in Graustufen, farbig beim Überfahren */
.home #beliebt .shop-tile img,.home .logo-wall img,#aehnlich .shop-tile img,.top-grid img{filter:grayscale(1);opacity:.75;transition:filter .15s,opacity .15s}
.home #beliebt .shop-tile:hover img,.home .logo-wall a:hover img,.home #beliebt .shop-tile:focus-visible img,.home .logo-wall a:focus-visible img,#aehnlich .shop-tile:hover img,#aehnlich .shop-tile:focus-visible img,.top-grid a:hover img,.top-grid a:focus-visible img{filter:none;opacity:1}
/* Seitenleiste: Top Gutscheine als Raster aus Logo-Kacheln */
.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.card-head h2{margin:0}
.head-link{flex:none;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 10px}
.head-link:hover{border-color:var(--green-500);color:var(--green-900)}
.top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.top-grid a{display:grid;place-items:center;aspect-ratio:1 / .78;border:1px solid var(--line);border-radius:10px;padding:8px;text-decoration:none;font-size:13px;font-weight:700;text-align:center;transition:border-color .12s,transform .12s,box-shadow .12s}
.top-grid a:hover{border-color:var(--green-200);transform:translateY(-2px);box-shadow:0 6px 14px rgba(31,60,60,.1)}
.top-grid img{max-height:44px;max-width:100%;width:auto;object-fit:contain}
h2{font-size:23px;line-height:1.25;margin:0 0 14px;color:var(--heading)}
h3{font-size:17px;margin:0 0 6px}

/* Gutscheinkarten */
.coupon{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:12px}
.coupon .value{background:var(--green-50);border:1px dashed var(--green-500);border-radius:10px;text-align:center;padding:10px 6px;color:var(--green-900)}
.coupon .value b{display:block;font-size:26px;line-height:1.1}
.coupon .value span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.coupon .title{margin:0;font-weight:700;font-size:17px;line-height:1.3}
.coupon .terms{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted)}
.coupon .terms li::before{content:"✓ ";color:var(--green-700);font-weight:700}
.btn{display:inline-block;background:var(--red-600);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:11px 18px;white-space:nowrap;box-shadow:0 2px 0 var(--red-700)}
.btn:hover{background:var(--red-700)}
.btn.ghost{background:var(--card);color:var(--green-700);border:1px solid var(--green-500);box-shadow:none}
.tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 7px;margin-right:6px;background:var(--kind-soft);color:var(--kind-ink)}
/* Farbakzent je Gutscheintyp: linker Rand, Wertfeld und Schildchen in einer Farbe */
.coupon{--kind:#6a7f94;--kind-soft:#e6edf3;--kind-ink:#2f4358;border-left:5px solid var(--kind)}
.coupon.kind-code{--kind:#c9694f;--kind-soft:#ffe6e1;--kind-ink:#b0553d}
.coupon.kind-versand{--kind:#2f7fb8;--kind-soft:#e0effa;--kind-ink:#1f5f8f}
.coupon .value{background:var(--kind-soft);border-color:var(--kind);color:var(--kind-ink)}

/* Abgelaufene Gutscheine: gleiche Kartenform, zurückgenommen in Grau */
.section-note{margin:-6px 0 12px;font-size:14px;color:var(--muted)}
.coupon.is-expired{--kind:#c5ccd3;--kind-soft:#f1f3f5;--kind-ink:#6d7882;padding:10px 16px;box-shadow:0 1px 2px rgba(31,60,60,.08)}
.coupon.is-expired .value b{font-size:21px}
.coupon.is-expired .title{font-size:15px;color:var(--heading)}
.coupon .terms.plain li::before{content:none}
.coupon.is-expired code{background:var(--code-bg);border:1px dashed #b9c2cb;border-radius:6px;padding:0 6px;color:var(--ink)}
.coupon.is-expired .btn{padding:7px 14px;font-size:14px;color:var(--muted);border-color:var(--line)}
.more-expired summary{cursor:pointer;font-weight:600;color:var(--green-700);padding:6px 2px 12px}
/* Gutscheine passender Shops: statt des Rabattfelds steht links das Shop-Logo */
.coupon.related{--kind:transparent;border-left:0;text-decoration:none;color:var(--ink);grid-template-columns:104px minmax(0,1fr) 196px;transition:transform .12s,box-shadow .12s}
.coupon.related:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(31,60,60,.08),0 12px 28px rgba(31,60,60,.12)}
.rel-logo{display:grid;place-items:center;height:62px;border:1px solid var(--line);border-radius:10px;padding:6px;font-size:13px;font-weight:700;text-align:center}
.rel-logo img{max-height:46px;width:auto;object-fit:contain}
.rel-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.rel-text .title{font-weight:700;font-size:17px;line-height:1.3}
.rel-shop{font-size:13px;color:var(--muted)}
/* Alle Knöpfe in den Gutscheinkarten sind gleich breit, egal wie lang ihr Text ist */
.coupon{grid-template-columns:104px minmax(0,1fr) 196px}
.coupon .btn{text-align:center;padding-left:10px;padding-right:10px}
/* Der Anmelde-Knopf im Newsletter (Inhalt, Seitenleiste, Startseite) trägt das Gelb der Sterne */
.newsletter .btn{background:#e6a700;color:#fff;box-shadow:0 2px 0 #b98a00;text-shadow:0 1px 1px rgba(120,84,0,.55)}
.newsletter .btn:hover{background:#d39900}

/* Tabelle aller aktuellen Gutscheine */
.table-card{padding:6px 0}
table.overview{width:100%;border-collapse:collapse;font-size:15px}
table.overview th,table.overview td{text-align:left;padding:11px 20px;border-bottom:1px solid var(--line);vertical-align:top}
table.overview thead th{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
table.overview tbody tr:last-child td{border-bottom:0}
table.overview tbody tr:hover{background:var(--green-50)}
.ov-value{font-weight:700;color:var(--green-900);white-space:nowrap}
.ov-date{white-space:nowrap;color:var(--muted)}

/* Inhalte */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}
.empty p{margin:0 0 10px}
.card.empty{margin-bottom:12px}
.coupon{scroll-margin-top:76px}
.coupon:target{box-shadow:0 0 0 2px var(--kind),var(--shadow)}
table.overview a{color:inherit;text-decoration:none}
table.overview a:hover{color:var(--kind-ink,#2f4358);text-decoration:underline}
table.overview .ov-value a{font-weight:700}
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;position:relative;padding:0 0 14px 46px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700);font-weight:700;display:grid;place-items:center}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";color:var(--green-700);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq summary h3{margin:0;font-size:16px;display:inline}
.faq p{margin:8px 0 0;color:var(--prose)}
.tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tips .card p{margin:0;font-size:15px;color:var(--prose)}
table.facts{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}
table.facts td{overflow-wrap:anywhere}
table.facts th,table.facts td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
table.facts th{width:36%;color:var(--muted);font-weight:600}
table.facts tr:last-child th,table.facts tr:last-child td{border-bottom:0}
.expired{list-style:none;margin:0;padding:0}
.expired li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}
.expired li:last-child{border-bottom:0}
.shops{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.shops a{display:block;background:var(--card);border-radius:10px;box-shadow:var(--shadow);padding:8px 14px;text-decoration:none;font-weight:600}

/* Seitenleiste */
aside .card{margin-bottom:16px}
aside h2{font-size:17px;margin-bottom:10px}
.author{display:flex;gap:12px;align-items:center}
.author .avatar{flex:none;width:52px;height:52px;border-radius:50%;background:var(--green-200);display:grid;place-items:center;font-weight:700;color:var(--green-900)}
.author p{margin:0;font-size:14px;color:var(--muted)}
.author p strong{color:var(--ink);font-size:15px}
.checks{list-style:none;margin:12px 0 0;padding:0;font-size:14px}
.checks li{padding:3px 0}
.checks li::before{content:"✓ ";color:var(--green-700);font-weight:700}
.stars{position:relative;display:inline-block;color:var(--star-off);font-size:20px;letter-spacing:2px;line-height:1;white-space:nowrap}
.stars span{position:absolute;left:0;top:0;overflow:hidden;color:#e6a700}
/* Bewertung: im Shop-Kopf als kleine Zeile, in der Seitenleiste mit Sternen zum Anklicken */
.hero-rating{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;color:var(--muted);margin:0 0 4px;white-space:nowrap}
.hero-rating .stars{font-size:16px;letter-spacing:1px}
.hero-rating:hover .hero-rating-text{text-decoration:underline}
.rating-card{scroll-margin-top:76px}
.rating-text{margin:4px 0 0;font-size:14px;color:var(--muted)}
/* Eine Sternzeile: graue Knöpfe zum Anklicken, darüber eine goldene Ebene, die den Durchschnitt zeigt.
   Beim Überfahren blendet sich die Ebene aus und die Sterne leuchten bis zum gewählten auf. */
.rate{position:relative;display:inline-flex;flex-direction:row-reverse}
.rate button,.rate-avg i{border:0;background:none;padding:0 3px;font:inherit;font-size:32px;font-style:normal;line-height:1.1}
.rate button{color:var(--star-off);cursor:pointer;transition:color .1s}
.rate-avg{position:absolute;left:0;top:0;display:flex;overflow:hidden;white-space:nowrap;color:#e6a700;pointer-events:none;transition:opacity .1s}
.rate-avg i{flex:none}
.rate:not([data-done]):hover .rate-avg,.rate:not([data-done]):focus-within .rate-avg{opacity:0}
.rate:not([data-done]) button:hover,.rate:not([data-done]) button:hover~button,.rate:not([data-done]) button:focus-visible,.rate:not([data-done]) button:focus-visible~button{color:#e6a700}
.rate[data-done] button{cursor:default}
.rate-msg{margin:2px 0 0;font-size:14px;font-weight:600;color:var(--green-700)}
.rate-msg:empty{display:none}
aside dl{margin:0;font-size:14px}
aside dt{color:var(--muted);margin-top:10px;font-size:13px}
aside dd{margin:0;font-weight:600;overflow-wrap:anywhere}
aside dd.plain{font-weight:400}
.links{list-style:none;margin:0;padding:0;font-size:15px}
.links li{padding:6px 0;border-bottom:1px solid var(--line)}
.links li:last-child{border-bottom:0}
.links a{text-decoration:none;font-weight:600}

/* Newsletter */
.newsletter{display:flex;gap:18px 28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
/* Breiter Banner: zwei gleich hohe Blöcke. In beiden sitzt die erste Zeile an der Oberkante und die
   letzte an der Unterkante, sodass linker und rechter Block auf einer Linie beginnen und enden und
   der Abstand zum Rand ringsum gleich ist. */
.newsletter.wide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:stretch;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:36px}
.newsletter.wide .nl-head{align-items:stretch;gap:18px}
.newsletter.wide .nl-icon{align-self:center;width:72px;height:72px}
.newsletter.wide .nl-icon .icon{width:38px;height:38px}
.newsletter.wide .nl-text,.newsletter.wide .nl-form{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0}
/* Der linke Block ist nur so breit wie sein Text, der rechte nimmt den ganzen Rest: kein Leerraum in der Mitte */
.newsletter.wide .nl-text{flex:0 1 auto;width:21.5rem;max-width:100%}
/* Links nur Überschrift und Satz: so groß gesetzt, dass sie die Höhe des rechten Blocks füllen */
.newsletter.wide strong{font-size:31px;line-height:1.1;color:var(--heading);margin-top:-4px}
.newsletter.wide .nl-head p{font-size:21px;line-height:1.3;margin:0 0 -5px;max-width:31ch}
.newsletter.wide .nl-trust{font-size:12.5px;gap:2px 12px}
.newsletter.wide .nl-trust li{white-space:nowrap}
.newsletter.wide .nl-trust{margin:0}
.newsletter.wide .nl-trust li{margin-bottom:-2px}
.newsletter.wide .fields input{padding:13px 14px;font-size:16px}
.newsletter.wide .fields .btn{padding:13px 22px}
.newsletter.wide .nl-legal{margin:0 0 -2px}
.nl-head{display:flex;gap:14px;align-items:center;flex:1 1 300px}
.nl-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700)}
.nl-icon .icon{width:28px;height:28px}
.newsletter strong{font-size:18px;line-height:1.3;display:block}
.newsletter p{margin:2px 0 0;font-size:14px;color:var(--muted)}
.nl-form{flex:1 1 340px;min-width:0}
.newsletter .fields{display:flex;gap:8px}
.newsletter input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px}
.newsletter button{border:0;cursor:pointer;font:inherit;font-weight:700}
.nl-trust{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:10px 0 0;padding:0;font-size:13px;font-weight:600;color:var(--green-900)}
.nl-trust li{display:flex;align-items:center;gap:4px}
.nl-trust .icon{width:15px;height:15px;color:var(--green-700);stroke-width:2.4}
.newsletter .nl-legal{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.nl-legal a{color:var(--muted)}
/* Banner im Text der Landingpage: Icon links, daneben drei Zeilen – Überschrift, Satz, Feld mit Button über die ganze Breite */
.newsletter.inline{display:flex;flex-wrap:nowrap;gap:18px;align-items:center;justify-content:flex-start;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:12px}
.newsletter.inline .nl-icon{width:60px;height:60px}
.newsletter.inline .nl-icon .icon{width:32px;height:32px}
.newsletter.inline .nl-body{flex:1;min-width:0}
.newsletter.inline strong{font-size:20px;line-height:1.2;color:var(--heading)}
.newsletter.inline p{font-size:15px;margin:3px 0 12px}
.newsletter.inline .fields input{padding:11px 14px}
.newsletter.inline .fields .btn{padding:11px 22px}
.newsletter.compact{display:block}
.newsletter.compact .nl-head{margin-bottom:12px}
.newsletter.compact .nl-icon{width:44px;height:44px}
.newsletter.compact .nl-icon .icon{width:24px;height:24px}
.newsletter.compact strong{font-size:16px}
.newsletter.compact .fields{flex-direction:column}
.newsletter.compact .nl-head{align-items:flex-start}
.newsletter.compact .nl-trust{flex-wrap:nowrap;justify-content:space-between;gap:0 6px;font-size:12px;margin-top:12px}
.newsletter.compact .nl-trust li{white-space:nowrap;gap:3px}
.newsletter.compact .nl-trust .icon{width:13px;height:13px}

/* Weitere beliebte Shops: kleine Logo-Kacheln */
.logo-wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.logo-wall a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:86px;background:var(--card);border-radius:12px;box-shadow:0 1px 2px rgba(31,60,60,.1);padding:8px 6px;text-decoration:none;transition:transform .12s,box-shadow .12s}
.logo-wall a:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(31,60,60,.08),0 10px 22px rgba(31,60,60,.14)}
.logo-wall img{max-height:38px;max-width:100%;width:auto;object-fit:contain}
.logo-wall span{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Text unten auf der Startseite: drei Reiter nebeneinander, einer ist aufgeklappt */
.tabset{padding:0;overflow:hidden}
.tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--green-50);border-bottom:1px solid var(--line)}
.tablist button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;background:transparent;font:inherit;font-size:17px;font-weight:600;color:var(--heading);text-align:left;padding:15px 18px 12px;cursor:pointer}
.tablist button:last-child{border-right:0}
.tablist button:hover{background:var(--soft)}
.tablist button[aria-selected=true]{background:var(--card);color:var(--green-700);border-bottom-color:var(--green-500)}
.tablist .chev{flex:none;width:20px;height:20px;transition:transform .15s}
.tablist button[aria-selected=true] .chev{transform:rotate(180deg)}
.tabpanel{padding:20px 22px 12px}
.tabset.js .tabpanel[hidden]{display:none}
.tabpanel ul{margin:0 0 12px;padding-left:20px}

/* Alter Shoptext */
.prose{color:var(--prose)}
.prose h3{margin:18px 0 6px;color:var(--ink)}
.prose h3:first-child{margin-top:0}
.prose p{margin:0 0 12px}
.prose table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.more summary{cursor:pointer;font-weight:700;color:var(--green-700);padding:6px 0}
.more[open] summary{margin-bottom:10px}

/* Fuß: schottische Landschaft mit Burg, darunter die Wiese */
/* Ebenen von oben nach unten: Abdunklung der Wiese für lesbare weiße Schrift, das Landschaftsbild, die Wiesenfarbe darunter */
.site-foot{margin-top:30px;padding:262px 0 30px;color:#fff;font-size:14px;
  background:linear-gradient(to bottom,rgba(52,72,94,0) 0,rgba(52,72,94,0) 215px,rgba(52,72,94,.5) 420px,rgba(52,72,94,.62) 100%),
    url(img/footer-slate.png) repeat-x center -150px,
    linear-gradient(to bottom,rgba(158,178,198,0) 0,rgba(158,178,198,0) 320px,#9eb2c6 320px)}
.foot-stats{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0 0 30px;padding:0}
.foot-stats li{display:flex;align-items:center;gap:8px}
.foot-stats b{background:#fff;color:#55708a;border-radius:6px;padding:1px 10px;font-size:24px;font-weight:700;line-height:1.4}
.foot-stats span{display:flex;flex-direction:column;font-weight:700;line-height:1.2;text-shadow:0 1px 1px rgba(30,45,60,.5)}
.foot-stats i{font-weight:400;font-size:12px;opacity:.95}
.foot-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:28px;margin-bottom:22px}
.site-foot h2{font-size:22px;font-weight:400;margin:0 0 10px;color:#fff;text-shadow:0 1px 1px rgba(30,45,60,.5)}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{padding:3px 0}
.foot-cols li::before{content:"○";font-size:9px;margin-right:9px;vertical-align:middle;opacity:.9}
.foot-cols p{margin:0;line-height:1.5;text-shadow:0 1px 1px rgba(30,45,60,.4)}
.site-foot a{color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(30,45,60,.5)}
.site-foot a:hover{text-decoration:underline}
.foot-note{margin:0;font-size:13px;opacity:.95}

@media (max-width:900px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .foot-cols{grid-template-columns:1fr 1fr}
  .hero h1{font-size:38px}
  .newsletter.wide{grid-template-columns:minmax(0,1fr);gap:16px}
  .newsletter.wide .nl-text{width:auto}
  .newsletter.wide .nl-trust li{white-space:normal}
  .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tablist button{font-size:15px;padding:12px 12px 10px}
}
@media (max-width:600px){
  /* Handy: Menü-Knopf links, Logo in der Mitte, Lupe rechts. Das Menü klappt darunter auf. */
  .topbar-inner{flex-wrap:wrap;gap:8px 10px;padding-top:12px}
  .menu-toggle{display:grid}
  .logo{margin:0 auto}
  .shop-hero .logo{margin:0}
  /* Eingabefelder mit mindestens 16 Pixel Schrift: Darunter zoomt das iPhone beim Antippen in die Seite hinein */
  input[type=search],input[type=email],.searchbox input[type=search],.subsearch .searchbox input[type=search],.newsletter input,.newsletter.wide .fields input{font-size:16px}
  /* Die angeheftete Abschnittsleiste läuft als Balken von Rand zu Rand */
  .secnav.stuck{left:0;transform:none;width:100%;border-radius:0;padding:6px 12px}
  .secnav .searchbox{max-width:none}
  .logo img{width:190px}
  .search-toggle{width:38px;height:38px}
  .menu{display:none;order:5;flex:1 0 100%;flex-direction:column;gap:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}
  .menu.open{display:flex}
  .menu a{font-size:16px;padding:11px 14px;border-radius:10px}
  .menu a[aria-current]{background:var(--green-50);box-shadow:none}
  /* Die Spalten dürfen schmaler werden als ihr breitester Inhalt, sonst wird die Seite breiter als der Bildschirm */
  .layout{grid-template-columns:minmax(0,1fr)}
  .empty .btn{white-space:normal;text-align:center}
  .hero{padding:26px 0 30px}
  .hero h1{font-size:29px}
  .hero p{font-size:16px;margin-bottom:20px}
  /* Handy: angeheftet läuft die Buchstabenleiste in einer Zeile und lässt sich seitlich wischen */
  .az-sticky.stuck{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;border-radius:0}
  .az-sticky.stuck a{flex:0 0 36px}
  .logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tablist{grid-template-columns:1fr}
  .tablist button{border-right:0;border-bottom:1px solid var(--line)}
  .newsletter.wide .nl-icon{display:none}
  .newsletter.wide strong{font-size:20px}
  .searchbox{padding-left:16px}
  .searchbox input[type=search]{font-size:16px}
  /* Shop-Kopf kompakt: kleines Logo links, Überschrift rechts daneben; Infozeile und Abschnitte darunter über die ganze Breite */
  .shop-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;padding:14px}
  .shop-hero>div:not(.logo){display:contents}
  .shop-hero .logo{width:84px;height:54px;padding:5px;border-radius:8px}
  .shop-hero .logo{grid-row:1}
  .shop-hero h1{grid-column:2;grid-row:1;font-size:21px;line-height:1.15;margin:0;align-self:center;text-align:left}
  .shop-hero .hero-rating{grid-column:1 / -1;grid-row:2;margin:0;font-size:13px;align-self:start}
  .shop-hero .hero-actions{grid-column:1 / -1}
  .shop-hero .meta{grid-column:1 / -1;font-size:13px}
  /* Die Abschnitte stehen in einer Zeile und lassen sich seitlich wischen, statt drei Zeilen zu belegen */
  .shop-hero .jump{grid-column:1 / -1;margin:2px 0 0;gap:6px;flex-wrap:wrap}
  .shop-hero .jump::-webkit-scrollbar{display:none}
  .shop-hero .jump li{flex:none}
  .shop-hero .jump a{padding:3px 10px}
  table.overview{font-size:14px}
  table.overview th,table.overview td{padding:9px 10px}
  table.overview th:first-child,table.overview td:first-child{padding-left:14px}
  .coupon{grid-template-columns:84px minmax(0,1fr)}
  /* Auch bei den Gutscheinen passender Shops: Logo links, Text daneben über die ganze Breite, Knopf darunter */
  .coupon.related{grid-template-columns:96px minmax(0,1fr)}
  .coupon.related .rel-logo{height:56px}
  .coupon .btn{grid-column:1 / -1;text-align:center}
  .tips{grid-template-columns:1fr}
  table.facts th{width:42%}
  .foot-cols{grid-template-columns:1fr 1fr}
  .site-foot{background-position:0 0,-520px -150px,0 0}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Darstellung: Umschalter */
.theme-toggle{flex:none;position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--card);color:var(--green-900);cursor:pointer;box-shadow:0 1px 2px rgba(31,60,60,.15)}
.theme-toggle span{grid-area:1/1;display:none}
.theme-toggle[data-state="light"] .ic-light,.theme-toggle[data-state="mid"] .ic-mid,.theme-toggle[data-state="dark"] .ic-dark{display:block}
.theme-toggle .icon{width:22px;height:22px}
.theme-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:14px}
.theme-switch span{opacity:.95}
.theme-switch button{border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;font:inherit;font-weight:600;padding:4px 14px;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:#fff;color:#2f4358}
@media (max-width:600px){.theme-toggle{display:none}}

/* Mittel */
html[data-theme="mid"]{--prose:#26323d;--sky-top:#cbd6e0;--sky:#aebdcb;--card:#e9eef3;--ink:#1f2a34;--heading:#2f3d4a;--muted:#475664;--line:#bac6d2;--green-900:#233443;--green-700:#3d5a75;--green-500:#5b7893;--green-300:#8aa3ba;--green-200:#c0cdd9;--green-50:#dde5ec;--hover:rgba(255,255,255,.35);--bar:rgba(233,238,243,.97);--soft:#d3dde6;--notice:#f3ead0;--notice-line:#d8c98f;--code-bg:#dbe3ea;--star-off:#b3becb}
/* Dunkel */
html[data-theme="dark"]{color-scheme:dark;--prose:#cfd9e2;--sky-top:#171e26;--sky:#222c37;--card:#2a3541;--ink:#e6ebf0;--heading:#d5dde5;--muted:#9fb0bf;--line:#3a4755;--green-900:#d7e1ea;--green-700:#9db6cd;--green-500:#7f9bb5;--green-300:#5d7893;--green-200:#3a4b5c;--green-50:#314050;--hover:rgba(255,255,255,.08);--bar:rgba(42,53,65,.97);--soft:#344352;--notice:#3b3a2a;--notice-line:#6a6030;--code-bg:#35424f;--star-off:#4a5866;--red-600:#b04b34;--red-700:#963f2b}
html[data-theme="dark"] body{background:linear-gradient(to bottom,var(--sky-top) 0,var(--sky) 100%);background-color:var(--sky)}
html[data-theme="dark"] .coupon,html[data-theme="dark"] .coupon.kind-code,html[data-theme="dark"] .coupon.kind-versand{--kind-soft:#34414f;--kind-ink:#e6ebf0}
html[data-theme="dark"] :is(.tile-logo,.deal-logo,.rel-logo,.logo-wall a,.top-grid a,.redeem-head) img{background:#fff;border-radius:8px;padding:4px 8px}
html[data-theme="dark"] .site-foot{color:#e6ebf0}
html[data-theme="dark"] .theme-switch button[aria-pressed="true"]{background:#e6ebf0;color:#233549}
html[data-theme="dark"] input{background:#e9eef3;color:#232d37}
html[data-theme="dark"] .newsletter.banner h2{color:var(--heading)}
/* Etwas leichtere Schrift in den Karten (Maven Pro beginnt bei Regular 400) */
h1,h2,h3,.page-title{font-weight:600}
strong,b{font-weight:600}
.coupon .title,.rel-text .title,.faq summary,.deal-name,.deal-logo,.shop-tile strong,.ov-value,.top-grid a,.rel-logo,.logo-row a,.more summary,.coupon .value b{font-weight:600}
.btn,.newsletter button{font-weight:600}
.foot-cols li a,.foot-stats span{font-weight:500}
.foot-cols li{padding:3px 0}

/* Fuß-Statistik: fünf Werte in einer Zeile */
.foot-stats{flex-wrap:nowrap;gap:10px 16px}
.foot-stats li{gap:6px;white-space:nowrap}
.foot-stats b{font-size:18px;padding:1px 8px}
.foot-stats span{font-size:13px}
.foot-stats i{font-size:11px}
@media (max-width:1000px){.foot-stats{flex-wrap:wrap}}
html[data-theme="dark"] .pt-band{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 366' preserveAspectRatio='none'%3E%3Cpath d='M0 238C150 205 300 228 450 285S760 362 900 366H0Z' fill='%23ffffff' fill-opacity='.05'/%3E%3Cpath d='M360 366C590 352 800 300 1000 246S1150 218 1200 232V366Z' fill='%23ffffff' fill-opacity='.06'/%3E%3Cpath d='M0 326C200 296 400 342 620 350S1000 338 1200 316V366H0Z' fill='%23ffffff' fill-opacity='.04'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat,linear-gradient(var(--sky-top),var(--sky))}

/* Schwebendes Top-Menü */
body.float-menu .topbar{position:sticky;top:0;z-index:70;transition:background-color .15s,box-shadow .15s}
body.float-menu .topbar.is-stuck{background:var(--bar);box-shadow:0 4px 16px rgba(31,60,60,.14)}
body.float-menu .topbar.is-stuck .topbar-inner{padding-top:8px;padding-bottom:8px}
body.float-menu .topbar.is-stuck .logo img{width:200px}
.home .topbar:not(.is-stuck) .search-toggle{display:none}

/* Kategorien-Dropdown im Hauptmenü */
.topbar-inner{position:relative}
.menu-drop{display:flex;align-items:center}
.drop-toggle{display:grid;place-items:center;width:26px;height:26px;margin-left:-8px;border:0;background:none;border-radius:50%;color:var(--green-900);cursor:pointer}
.drop-toggle .icon{width:16px;height:16px;stroke-width:2.2;transition:transform .15s}
.menu-drop.open .drop-toggle .icon{transform:rotate(180deg)}
.catdrop{display:none;position:absolute;left:0;right:0;top:calc(100% - 6px);z-index:80;background:var(--card);border-radius:16px;box-shadow:0 18px 48px rgba(31,60,60,.22),0 2px 6px rgba(31,60,60,.08);padding:16px 16px 12px}
.catdrop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.menu-drop.open .catdrop{display:block}
@media (hover:hover) and (min-width:601px){.menu-drop:hover .catdrop,.menu-drop:focus-within .catdrop{display:block}.menu-drop:hover .drop-toggle .icon{transform:rotate(180deg)}}
.cd-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 8px}
@media (max-width:1180px){.cd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:960px){.cd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.menu .cd-grid a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-weight:500;font-size:15px;white-space:normal;color:var(--ink);background:none}
.menu .cd-grid a:hover,.menu .cd-grid a:focus-visible{background:var(--green-50)}
.cd-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green-50);color:var(--green-700)}
.cd-ic .icon{width:20px;height:20px}
.cd-name{flex:1;min-width:0;line-height:1.25}
.cd-grid small{flex:none;color:var(--muted);font-size:12px}
.menu .cd-all{display:block;margin-top:8px;padding:10px;text-align:center;border-top:1px solid var(--line);border-radius:0 0 10px 10px;font-size:14px;font-weight:600;color:var(--green-700);background:none}
.menu .cd-all:hover{text-decoration:underline;background:none}
@media (max-width:760px) and (min-width:601px){.cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .menu-drop{flex-wrap:wrap}
  .menu-drop>a{flex:1}
  .drop-toggle{margin-left:0;width:38px;height:38px}
  .catdrop{position:static;width:100%;box-shadow:none;padding:4px 0 6px;border-radius:0;background:none}
  .catdrop::before{display:none}
  .cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Zusatzfunktionen */
.exp-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;margin-right:6px;background:#fff1e6;color:#9a4a12;text-transform:none}
html[data-theme="dark"] .exp-badge{background:#4a3524;color:#ffcfa3}
.vote-stat{margin:6px 0 0;font-size:13px;color:var(--muted)}
.vote-stat b{color:var(--green-700)}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.act-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--green-900);border-radius:999px;padding:5px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.act-btn:hover{border-color:var(--green-500)}
.act-btn[aria-pressed="true"]{background:var(--green-50);border-color:var(--green-500)}
.act-btn[aria-pressed="true"] svg{fill:currentColor}
.redeem-vote{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.redeem-vote button{border:1px solid var(--green-500);background:var(--card);color:var(--green-700);border-radius:999px;padding:3px 16px;font:inherit;font-weight:600;cursor:pointer}
.redeem-vote button:disabled{opacity:.55;cursor:default}
.rv-msg{flex-basis:100%;color:var(--muted)}
.rv-msg:empty{display:none}
.rv-report{font-weight:600}
.suggest{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:90;list-style:none;margin:0;padding:6px;background:var(--card);border-radius:14px;box-shadow:0 14px 36px rgba(31,60,60,.22);text-align:left}
.suggest[hidden]{display:none}
.suggest a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:500}
.suggest li.on a,.suggest a:hover{background:var(--green-50)}
.suggest img{width:40px;height:24px;object-fit:contain;background:#fff;border-radius:4px}
.submit-form{display:grid;gap:12px;max-width:640px}
.submit-form label{display:grid;gap:4px;font-weight:600;font-size:14px}
.submit-form input[type=text],.submit-form input[type=email],.submit-form input[type=date],.submit-form textarea{font:inherit;font-size:16px;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#232d37}
.sf-row{display:flex;flex-wrap:wrap;gap:6px 20px}
.sf-row label{display:inline-flex;gap:6px;align-items:center;font-weight:500}
.sf-hint,.sf-msg{margin:0;font-size:13px;color:var(--muted)}
.sf-msg{font-size:15px;color:var(--ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fav-empty{max-width:520px}
.aktion-hero{text-align:center;padding:26px 20px;margin-bottom:14px}
.countdown{margin:10px 0 0;font-size:20px;font-weight:700;color:var(--green-700)}
.aktion-text{margin-bottom:22px}
.aktion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.aktion-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.aktion-card strong{font-size:18px;color:var(--heading)}
.aktion-date{font-size:13px;font-weight:700;color:var(--green-700)}
.aktion-sub{font-size:14px;color:var(--muted)}
.notfound .card{max-width:640px;margin:20px auto;text-align:center}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:18px 0 0;font-weight:600}
.tpl-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.tpl-form{display:grid;gap:12px}
.tpl-form label{display:grid;gap:4px;font-weight:600;font-size:14px}
.tpl-form input[type=text],.tpl-form textarea{font:inherit;font-size:15px;font-weight:400;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#232d37}
.tpl-designs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tpl-designs label{display:block;cursor:pointer}
.tpl-designs input{position:absolute;opacity:0}
.tpl-designs span{display:block;text-align:center;padding:8px;border:1px solid var(--line);border-radius:10px;font-weight:600}
.tpl-designs input:checked+span{border-color:var(--green-500);background:var(--green-50)}
.tpl-designs input:focus-visible+span{outline:2px solid var(--green-500)}
.tpl-card{aspect-ratio:1.414;border-radius:12px;padding:18px;color:#2f3d4a;background:#fff;box-shadow:var(--shadow)}
.tpl-frame{height:100%;border:3px double #55708a;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}
.tpl-title{font-size:44px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#55708a;line-height:1.1}
.tpl-for{font-size:22px}
.tpl-for b{font-weight:700}
.tpl-msg{font-size:15px;font-style:italic;min-height:1.2em;max-width:36ch}
.tpl-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin-top:6px;font-size:14px}
.tpl-geburtstag{background:radial-gradient(circle at 12% 18%,#e6a700 0 6px,transparent 7px),radial-gradient(circle at 88% 14%,#c9694f 0 7px,transparent 8px),radial-gradient(circle at 80% 86%,#7890a8 0 6px,transparent 7px),radial-gradient(circle at 16% 84%,#e6a700 0 5px,transparent 6px),#fffaf0}
.tpl-geburtstag .tpl-frame{border-color:#e6a700}
.tpl-geburtstag .tpl-title{color:#c9694f}
.tpl-weihnachten{background:#fbf6f1}
.tpl-weihnachten .tpl-frame{border:3px solid #8f2d2d;box-shadow:inset 0 0 0 6px #fbf6f1,inset 0 0 0 8px #2f5d4a}
.tpl-weihnachten .tpl-title{color:#8f2d2d}
.tpl-danke{background:#eef6f7}
.tpl-danke .tpl-frame{border-color:#4e7c85}
.tpl-danke .tpl-title{color:#4e7c85}
@media (max-width:820px){.tpl-layout{grid-template-columns:minmax(0,1fr)}.tpl-title{font-size:32px}}
@media print{
  body *{visibility:hidden}
  #tpl-preview,#tpl-preview *{visibility:visible}
  #tpl-preview{position:fixed;left:0;top:0;width:100vw;height:100vh;aspect-ratio:auto;box-shadow:none;border-radius:0}
  .to-top{display:none}
}

/* Einlöse-Fenster: Weiter zum Shop */
.redeem-go{display:block;text-align:center;margin:14px 0 6px;padding:14px 18px;font-size:17px;border-radius:12px}
.redeem-go::after{content:" ›";font-weight:700}
.redeem-info{margin:6px 0 12px}

/* Newsletter-Meldungen */
.nl-msg{margin:8px 0 0;font-size:14px;min-height:0;text-align:inherit}
.nl-msg:empty{display:none}
.newsletter .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.newsletter.banner .nl-msg{text-align:center}

/* Weitere Shops im Alarm-Formular */
.nl-more{margin:10px 0 0;font-size:14px;text-align:left}
.nl-more summary{cursor:pointer;font-weight:600;color:var(--green-700)}
.nl-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:8px}
.nl-shops label{display:flex;align-items:center;gap:6px;font-weight:400}

/* Einlöse-Fenster: dezenter Weiter-Knopf mit Rahmen */
.redeem-go{display:block;width:max-content;max-width:100%;margin:12px auto 4px;padding:9px 22px;border:1.5px solid var(--green-500);border-radius:999px;background:transparent;color:var(--green-700);font-size:15px;font-weight:600;text-decoration:none}
.redeem-go:hover{background:var(--green-50)}
.redeem-go::after{content:" ›"}

/* Footer: kleines Logo unten */
.foot-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.foot-logo{width:130px;height:auto;opacity:.92;display:block}
@media (max-width:1000px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.foot-logo{margin:18px 0 0 auto}

/* Newsletter: Zusatzelemente brechen in eine eigene Zeile um, Handy-Layout */
.newsletter.inline{flex-wrap:wrap}
.newsletter.inline .nl-msg{flex:1 0 100%;margin:0}
@media (max-width:600px){
  .newsletter.inline{flex-direction:column;align-items:stretch;gap:8px}
  .newsletter.inline .nl-icon{display:none}
  .newsletter.inline .nl-body{width:100%;flex:none}
  .newsletter.inline .fields{display:flex;gap:8px}
  .newsletter.inline .fields input{flex:1;min-width:0}
  .hero-rating{flex-wrap:wrap;white-space:normal;gap:0 8px}
}
/* Fenster zur Auswahl weiterer Shops */
dialog.nl-dialog{border:0;border-radius:18px;padding:24px 24px 20px;width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--card);color:var(--ink);box-shadow:0 20px 60px rgba(31,60,60,.35)}
dialog.nl-dialog::backdrop{background:rgba(31,60,60,.55)}
.nl-dialog h2{margin:0 0 8px;font-size:21px;padding-right:28px}
.nl-dialog p{margin:0 0 12px;font-size:15px;color:var(--muted)}
.nl-dlg-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)}
.nl-dlg-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:16px}
.nl-dlg-shops label{display:flex;align-items:center;gap:6px;font-size:15px}
.nl-dlg-actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.nl-dlg-actions .btn{width:100%;text-align:center}
.nl-dlg-skip{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--green-700);cursor:pointer;text-decoration:underline}

/* Handy: mitlaufende Abschnittsleiste so kompakt, dass alle Punkte hineinpassen */
@media (max-width:600px){
  .secnav-links{gap:0;justify-content:space-between}
  .secnav-links a{font-size:13px;padding:6px 8px}
  .secnav-links a::after{left:8px;right:8px}
}
.jump .sm{display:none}
@media (max-width:600px){.jump .lg{display:none}.jump .sm{display:inline}}
.shop-grid.tops{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1000px){.shop-grid.tops{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.shop-grid.tops{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Startseite: Logos in Farbe, volle Farbe */
.home #beliebt .shop-tile img,.home .logo-wall img,.home .top-block .shop-tile img{filter:none;opacity:1}
.home #beliebt .shop-tile:hover img,.home .logo-wall a:hover img,.home .top-block .shop-tile:hover img,.home #beliebt .shop-tile:focus-visible img,.home .logo-wall a:focus-visible img,.home .top-block .shop-tile:focus-visible img{filter:none;opacity:1}