:root{--k-blau:#183888;--k-nacht:#0f1f5c;--k-gold:#e8c66c;--k-gold2:#f3e1a4;--k-messing:#b8975c;--k-silber:#d5d8df;--k-grau:#f3f4f7;--k-text:#1b2140;--k-mute:#5a6178;--k-weiss:#fff;--k-rand:#e3e5ec;--k-ok:#1f7a4a}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Work Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--k-text);background:var(--k-weiss);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--k-blau)}
h1,h2,h3,.kond{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;line-height:1.05;color:var(--k-blau);letter-spacing:.2px}
.rahmen{max-width:1240px;margin-inline:auto;padding-inline:20px}
.leiste{background:var(--k-grau);font-size:13px;color:var(--k-text)}
.leiste ul{list-style:none;margin:0 auto;padding:7px 20px;max-width:1240px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px}
.leiste li{display:flex;align-items:center;gap:6px}
.leiste li::before{content:"";width:12px;height:7px;border-left:2px solid var(--k-ok);border-bottom:2px solid var(--k-ok);transform:rotate(-45deg) translateY(-2px)}
.theke{background:var(--k-gold);position:sticky;top:0;z-index:20;box-shadow:0 2px 0 rgba(15,31,92,.12)}
.theke__in{max-width:1240px;margin-inline:auto;padding:10px 20px;display:flex;align-items:center;gap:28px}
.theke__logo img{height:76px;width:auto;filter:drop-shadow(0 1px 1px rgba(15,31,92,.35))}
.theke__navi{display:flex;gap:30px;flex:1}
.theke__navi a{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;color:var(--k-nacht);text-decoration:none;letter-spacing:.3px}
.theke__navi a:hover,.theke__navi a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.theke__zapf{margin-left:auto;width:250px}
.theke__menue{display:none;background:var(--k-nacht);color:#fff;border:0;border-radius:6px;font:700 15px "Barlow Condensed",sans-serif;text-transform:uppercase;padding:10px 12px;cursor:pointer}
.zapf{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;transition:transform .12s}
.zapf img{width:100%;height:auto}
.zapf:hover{transform:translateY(-1px)}
.zapf:focus-visible{outline:3px solid var(--k-nacht);outline-offset:3px;border-radius:40px}
.sterne{position:relative;display:inline-block;font-size:18px;line-height:1;color:#d9d3c2;letter-spacing:2px}
.sterne::before{content:"\2605\2605\2605\2605\2605"}
.sterne i{position:absolute;inset:0 auto 0 0;width:var(--w);overflow:hidden;color:var(--k-gold);white-space:nowrap}
.sterne i::before{content:"\2605\2605\2605\2605\2605"}
.kruemel{max-width:1240px;margin:0 auto;padding:14px 20px 0;font-size:13px;color:var(--k-mute)}
.kruemel ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.kruemel li+li::before{content:"/";margin-right:4px;color:#9aa0b3}
.kruemel a{color:var(--k-mute);text-decoration:none}
/* Startseite */
.buehne{max-width:1240px;margin:22px auto 0;padding:0 20px}
.buehne__rahmen{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;border-bottom:6px solid var(--k-blau);background:#fff}
.buehne__bild img{width:100%;aspect-ratio:16/9.6;object-fit:cover}
.buehne__text{padding:28px 34px;text-align:center}
.buehne__text h1{font-size:46px;text-transform:uppercase;letter-spacing:3px;margin:0 0 10px}
.buehne__text .unterzeile{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:22px;letter-spacing:4px;text-transform:uppercase;color:var(--k-messing);margin:0 0 14px}
.buehne__text p{margin:0 auto 18px;max-width:420px;color:var(--k-mute)}
.buehne__text .zapf{max-width:320px;margin:0 auto}
.kreise{max-width:1240px;margin:42px auto 0;padding:0 20px}
.kreise h2{font-size:30px;margin:0 0 18px}
.kreise ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.kreise a{display:block;text-align:center;text-decoration:none;color:var(--k-text);font-weight:500}
.kreise span{display:grid;place-items:center;aspect-ratio:1;border:3px solid var(--k-blau);border-radius:50%;background:var(--k-grau);margin:0 auto 10px;max-width:150px;padding:18%}
.kreise img{max-height:100%;width:auto}
.sortiment{max-width:1240px;margin:56px auto 0;padding:0 20px;text-align:center}
.sortiment>h2,.titel-mitte{font-size:48px;text-transform:uppercase;margin:0 0 26px}
.regal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.glas{background:#fff;border:1px solid var(--k-rand);border-radius:10px;padding:16px 16px 18px;display:flex;flex-direction:column;text-align:center}
.glas__bild{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#fff;margin-bottom:10px}
.glas__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.glas h3{font-size:22px;margin:4px 0 6px}
.glas h3 a{text-decoration:none;color:var(--k-blau)}
.glas__wertung{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--k-mute);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:8px}
.glas__satz{font-size:14px;color:var(--k-mute);margin:0 0 10px;flex:1}
.glas__preis{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:26px;color:var(--k-nacht);margin:0 0 10px}
.raeume{background:var(--k-gold);margin-top:64px}
.raeume__in{max-width:1240px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:1fr 2.2fr;gap:30px;align-items:center}
.raeume h2{font-size:64px;text-transform:uppercase;color:var(--k-nacht);margin:0 0 16px}
.raeume ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.raeume li a{display:block;text-decoration:none;background:linear-gradient(90deg,#e7c76e,#f6e6b5 50%,#e7c76e);border-radius:4px;overflow:hidden}
.raeume li img{aspect-ratio:443/500;object-fit:cover;width:100%}
.raeume li b{display:block;padding:14px 6px;text-align:center;font:800 19px "Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--k-blau)}
.anfang{max-width:1240px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.anfang h2{font-size:64px;text-transform:uppercase;margin:0 0 6px;text-align:center}
.anfang .schrift{display:block;font-family:"Yellowtail",cursive;font-weight:400;text-transform:none;color:var(--k-gold);font-size:76px;line-height:1.1;letter-spacing:0}
.anfang .funkel{color:var(--k-gold);font-size:28px;margin:0 10px;vertical-align:middle}
.anfang p{font-size:18px;color:var(--k-blau)}
.knopf{display:inline-block;background:var(--k-gold);color:var(--k-nacht);font:800 19px "Barlow Condensed",sans-serif;text-transform:uppercase;text-decoration:none;padding:10px 22px;border-radius:30px}
.pflege{background:var(--k-blau);color:#fff;padding:52px 0 60px}
.pflege__in{max-width:1240px;margin:0 auto;padding:0 20px}
.pflege h2{color:#fff;font-size:56px;text-transform:uppercase;text-align:center;margin:0 0 10px}
.pflege__leit{max-width:900px;margin:0 auto 30px;text-align:center}
.pflege ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pflege li img{aspect-ratio:1;object-fit:cover;width:100%}
.pflege li h3{color:#fff;font-size:30px;text-transform:uppercase;margin:16px 0 0}
.pflege li h3 em{display:block;font:400 38px "Yellowtail",cursive;color:var(--k-gold);text-transform:none;margin-top:-4px}
.pflege li a{color:#fff}
.freunde{max-width:1240px;margin:0 auto;padding:58px 20px 20px;text-align:center}
.freunde h2{font-size:56px;text-transform:uppercase;margin:0}
.freunde h2 em{font:400 70px "Yellowtail",cursive;color:var(--k-gold);text-transform:none}
.freunde__sterne{font-size:30px;margin:6px 0 26px}
.freunde ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.freunde li{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;box-shadow:0 1px 0 var(--k-rand),0 0 0 1px var(--k-rand)}
.freunde__kopf{background:var(--k-blau);color:#fff;padding:18px 18px 14px}
.freunde__kopf b{display:block;font:800 22px "Barlow Condensed",sans-serif;text-transform:uppercase;margin-top:6px}
.freunde__fuss{background:var(--k-gold);padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:10px}
.freunde__fuss p{margin:0;font-size:15px}
.freunde__fuss small{color:var(--k-nacht);font-size:13px}
.freunde__fuss a{font:800 15px "Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--k-nacht)}
.fragen{background:var(--k-grau);margin-top:50px}
.fragen__in{max-width:900px;margin:0 auto;padding:50px 20px}
.fragen h2{font-size:44px;text-transform:uppercase;text-align:center;margin:0 0 22px}
.frage{border-top:1px solid var(--k-rand)}
.frage summary{list-style:none;cursor:pointer;padding:16px 0 16px 34px;position:relative;font-weight:600;color:var(--k-nacht)}
.frage summary::-webkit-details-marker{display:none}
.frage summary::before{content:"\2726";position:absolute;left:4px;top:12px;color:var(--k-gold);font-size:22px;transition:transform .2s}
.frage[open] summary::before{transform:rotate(45deg)}
.frage div{padding:0 0 18px 34px;color:var(--k-mute)}
.texte{max-width:1240px;margin:0 auto;padding:50px 20px}
.texte h2{font-size:30px;margin:0 0 18px}
.texte__spalten{columns:2;column-gap:44px}
.texte__spalten h3{font-family:"Work Sans",sans-serif;font-size:16px;font-weight:700;color:var(--k-text);margin:0 0 4px;break-after:avoid}
.texte__spalten p{margin:0 0 18px;font-size:15px;color:var(--k-mute);break-inside:avoid}
/* Footer */
.kasse{background:var(--k-gold);color:var(--k-nacht);margin-top:30px}
.kasse__in{max-width:1240px;margin:0 auto;padding:44px 20px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.kasse h2{font-size:22px;text-transform:uppercase;color:var(--k-nacht);margin:0 0 12px}
.kasse ul{list-style:none;margin:0;padding:0}
.kasse li{margin:0 0 7px;font-size:14px}
.kasse a{color:var(--k-nacht);text-decoration:none}
.kasse a:hover{text-decoration:underline}
.kasse address{font-style:normal;font-size:14px;line-height:1.7}
.kasse__unten{max-width:1240px;margin:0 auto;padding:16px 20px 26px;border-top:1px solid rgba(15,31,92,.2);display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;font-size:12.5px}
.kasse__unten img{height:46px;width:auto}
.kasse__unten p{margin:0;flex:1;min-width:220px}
.kasse__unten nav{display:flex;flex-wrap:wrap;gap:6px 16px}
/* Kategorie */
.abteil{max-width:1240px;margin:0 auto;padding:16px 20px 0;display:grid;grid-template-columns:240px 1fr;gap:34px}
.seitenleiste{font-size:14px}
.seitenleiste h2{font:700 15px "Work Sans",sans-serif;color:var(--k-text);margin:0 0 8px}
.seitenleiste ul{list-style:none;margin:0 0 22px;padding:0;border:1px solid var(--k-rand);border-radius:6px}
.seitenleiste li a{display:flex;justify-content:space-between;padding:9px 12px;text-decoration:none;color:var(--k-text);border-bottom:1px solid var(--k-rand)}
.seitenleiste li:last-child a{border-bottom:0}
.seitenleiste li a[aria-current]{background:var(--k-grau);font-weight:600;color:var(--k-blau)}
.seitenleiste .spanne{border:1px solid var(--k-rand);border-radius:6px;padding:10px 12px;margin-bottom:22px}
.abteil__haupt h1{font-size:40px;margin:0 0 10px}
.abteil__haupt>p{margin:0 0 12px;color:var(--k-mute)}
.unterbereiche{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 26px}
.unterbereiche a{display:flex;align-items:center;gap:12px;border:1px solid var(--k-rand);border-radius:6px;padding:10px;text-decoration:none;color:var(--k-text)}
.unterbereiche img{width:64px;height:64px;object-fit:contain}
.unterbereiche b{display:block;color:var(--k-blau);font-weight:600}
.unterbereiche small{text-decoration:underline;color:var(--k-mute)}
.regal--drei{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
.glas--laden{text-align:left}
.glas__marke{font-size:12px;color:var(--k-mute);margin:0}
.glas--laden h3{font-family:"Work Sans",sans-serif;font-weight:700;font-size:16px;line-height:1.35}
.glas--laden h3 a{color:var(--k-text)}
.glas__lager{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--k-ok);margin:6px 0}
.glas__lager::before{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.glas--laden .glas__wertung{justify-content:flex-start}
/* PDP */
.bude{max-width:1240px;margin:0 auto;padding:18px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px}
.galerie__haupt{border:1px solid var(--k-rand);border-radius:8px;background:#fff;aspect-ratio:1;position:relative;overflow:hidden}
.galerie__haupt img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain}
.galerie__reihe{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.galerie__reihe button{border:1px solid var(--k-rand);border-radius:6px;background:#fff;padding:4px;cursor:pointer;aspect-ratio:1}
.galerie__reihe button[aria-pressed=true]{border:2px solid var(--k-blau)}
.galerie__reihe img{width:100%;height:100%;object-fit:contain}
.bude__info h1{font-size:38px;margin:0 0 6px}
.bude__marke{font-size:13px;color:var(--k-mute);margin:0 0 10px}
.bude__wertung{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.bude__wertung a{font-size:14px}
.note{display:flex;align-items:center;gap:12px;background:var(--k-grau);border-radius:8px;padding:10px 14px;margin:0 0 14px}
.note b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--k-gold);color:var(--k-nacht);font:800 22px "Barlow Condensed",sans-serif;flex:none}
.note span{font-size:14px}
.note small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--k-mute)}
.packwahl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.packwahl button{border:1px solid var(--k-rand);background:#fff;border-radius:6px;padding:8px 12px;cursor:pointer;font:600 14px "Work Sans",sans-serif;color:var(--k-text)}
.packwahl button.pack-an{border:2px solid var(--k-blau);color:var(--k-blau)}
.preisbox{border:1px solid var(--k-rand);border-radius:8px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;margin:0 0 16px}
.preisbox__betrag{font:800 36px "Barlow Condensed",sans-serif;color:var(--k-nacht)}
.preisbox__hinweis{font-size:12.5px;color:var(--k-mute)}
.preisbox .zapf{grid-column:1/-1;max-width:400px}
.wissen{list-style:none;margin:0;padding:0}
.wissen li{padding-left:24px;position:relative;margin:0 0 6px;font-size:15px}
.wissen li::before{content:"\2192";position:absolute;left:0;color:var(--k-blau);font-weight:700}
.abschnitt{max-width:1240px;margin:0 auto;padding:36px 20px 0}
.abschnitt>h2{font-size:32px;margin:0 0 14px}
.zweier{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}
.haken{list-style:none;margin:0;padding:0}
.haken li{padding-left:28px;position:relative;margin:0 0 9px}
.haken li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:7px;border-left:2px solid var(--k-blau);border-bottom:2px solid var(--k-blau);transform:rotate(-45deg)}
.schritte{margin:0;padding:0;list-style:none;counter-reset:s}
.schritte li{counter-increment:s;display:flex;gap:12px;margin:0 0 10px;align-items:flex-start}
.schritte li::before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--k-blau);color:#fff;display:grid;place-items:center;font:800 16px "Barlow Condensed",sans-serif}
.datenblatt{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--k-rand);border-radius:6px;overflow:hidden}
.datenblatt div{display:grid;grid-template-columns:160px 1fr;font-size:14px;border-bottom:1px solid var(--k-rand)}
.datenblatt dt{background:var(--k-grau);padding:9px 12px;font-weight:600}
.datenblatt dd{margin:0;padding:9px 12px}
.meinungen{display:grid;grid-template-columns:240px 1fr;gap:26px;border:1px solid var(--k-rand);border-radius:8px;padding:22px}
.meinungen__wert{text-align:center}
.meinungen__wert b{display:block;font:800 48px "Barlow Condensed",sans-serif;color:var(--k-nacht)}
.meinungen__wert b small{font-size:22px;color:var(--k-mute)}
.meinungen__wert p{font-size:13px;color:var(--k-mute);margin:6px 0 0}
.meinung{border-bottom:1px solid var(--k-rand);padding:0 0 14px;margin:0 0 14px}
.meinung:last-child{border-bottom:0;margin:0;padding:0}
.meinung h3{font:700 16px "Work Sans",sans-serif;color:var(--k-text);margin:4px 0}
.meinung p{margin:0 0 4px;font-size:15px}
.meinung small{color:var(--k-mute)}
/* Ratgeber */
.beitrag{max-width:1240px;margin:0 auto;padding:18px 20px 0;display:grid;grid-template-columns:180px minmax(0,760px);gap:40px;justify-content:center}
.autor{text-align:center;font-size:12px;color:var(--k-mute)}
.autor img{width:70px;margin:0 auto 8px}
.autor b{display:block;text-transform:uppercase;color:var(--k-text);font-size:12px;letter-spacing:.5px}
.titelbild{position:relative;margin:0;border-radius:6px;overflow:hidden}
.titelbild img{width:100%;aspect-ratio:16/10;object-fit:cover}
.titelbild__kopf{position:absolute;inset:auto 0 0 0;padding:60px 26px 22px;background:linear-gradient(transparent,rgba(10,20,60,.82));text-align:center}
.titelbild__kopf span{display:inline-block;background:var(--k-gold);color:var(--k-nacht);font:700 12px "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:4px 12px;margin-bottom:8px}
.titelbild__kopf h1{color:#fff;font-size:38px;margin:0}
.bildzeile{font-size:12px;color:var(--k-mute);margin:6px 0 20px}
.einstieg{font-weight:700;font-size:17px}
.inhalt{background:var(--k-gold2);border-radius:6px;padding:20px 24px;margin:24px 0}
.inhalt h2{font:700 18px "Work Sans",sans-serif;color:var(--k-nacht);margin:0 0 10px}
.inhalt ol{list-style:none;margin:0;padding:0}
.inhalt li{margin:0 0 6px;padding-left:28px;position:relative}
.inhalt li::before{content:"\2192";position:absolute;left:0;color:var(--k-nacht);font-weight:700}
.beitrag__text h2{font-size:30px;margin:30px 0 10px}
.tipp{border:2px solid var(--k-blau);border-left-width:8px;border-radius:4px;padding:12px 16px;margin:20px 0;color:var(--k-blau);font-size:15px}
.tipp b{text-transform:uppercase;font-size:13px;letter-spacing:1px}
.dunkel{background:var(--k-nacht);color:#e8ebf5;border-radius:6px;padding:22px 24px;margin:26px 0}
.dunkel h2{color:var(--k-gold);margin:0 0 8px;font-size:26px}
.passend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 10px}
.passend .glas small{font:700 11px "Work Sans",sans-serif;text-transform:uppercase;color:var(--k-messing);letter-spacing:1px}
.beitraege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kachel{border:1px solid var(--k-rand);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.kachel img{aspect-ratio:16/10;object-fit:cover;width:100%}
.kachel div{padding:16px}
.kachel h2,.kachel h3{font-size:24px;margin:0 0 8px}
.kachel h2 a,.kachel h3 a{text-decoration:none}
.kachel p{margin:0;font-size:15px;color:var(--k-mute)}
/* Service */
.blatt{max-width:860px;margin:0 auto;padding:22px 20px 10px}
.blatt h1{font-size:46px;margin:0 0 14px}
.blatt h2{font-size:26px;margin:26px 0 8px}
.blatt address{font-style:normal}
.karte{border:1px solid var(--k-rand);border-radius:8px;padding:18px 20px;background:var(--k-grau)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.zeitleiste{list-style:none;margin:0;padding:0;border-left:3px solid var(--k-gold)}
.zeitleiste li{padding:0 0 16px 20px;position:relative}
.zeitleiste li::before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--k-blau)}
.zeitleiste b{font:800 22px "Barlow Condensed",sans-serif;color:var(--k-blau);display:block}
.paragrafen{counter-reset:p}
.paragrafen h2{counter-increment:p}
.paragrafen h2::before{content:"\00a7\00a0" counter(p) "\00a0"}
.leer{text-align:center;padding:60px 20px}
@media (max-width:1000px){
.theke__in{gap:14px}
.theke__navi{display:none;position:absolute;left:0;right:0;top:100%;background:var(--k-gold);flex-direction:column;gap:0;padding:6px 20px 14px;box-shadow:0 8px 14px rgba(15,31,92,.18)}
.theke__navi.navi-offen{display:flex}
.theke__navi a{padding:10px 0;border-bottom:1px solid rgba(15,31,92,.15)}
.theke__menue{display:block;order:3}
.theke__zapf{width:200px}
.buehne__rahmen{grid-template-columns:1fr}
.kreise ul{grid-template-columns:repeat(3,1fr)}
.regal{grid-template-columns:repeat(2,minmax(0,1fr))}
.raeume__in{grid-template-columns:1fr}
.anfang{grid-template-columns:1fr}
.freunde ul{grid-template-columns:repeat(2,1fr)}
.kasse__in{grid-template-columns:repeat(2,1fr)}
.abteil{grid-template-columns:1fr}
.seitenleiste{order:2}
.bude{grid-template-columns:1fr}
.zweier{grid-template-columns:1fr}
.beitrag{grid-template-columns:1fr}
.autor{display:flex;align-items:center;gap:10px;text-align:left}
.autor img{margin:0;width:44px}
.beitraege{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
body{font-size:15.5px}
.leiste ul{justify-content:flex-start;font-size:12px}
.leiste li:nth-child(n+3){display:none}
.theke__logo img{height:50px}
.theke__zapf{width:172px}
.theke__in{padding:8px 16px}
.rahmen,.kreise,.sortiment,.raeume__in,.anfang,.pflege__in,.freunde,.texte,.abteil,.bude,.abschnitt,.beitrag,.blatt,.kruemel,.buehne{padding-inline:16px}
.buehne__text{padding:20px 12px}
.buehne__text h1{font-size:34px;letter-spacing:1.5px}
.sortiment>h2,.titel-mitte{font-size:36px}
.regal,.regal--drei{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.glas{padding:10px 10px 12px}
.glas h3{font-size:18px}
.glas__satz{display:none}
.glas__preis{font-size:22px}
.raeume h2,.anfang h2{font-size:44px}
.anfang .schrift{font-size:56px}
.raeume ul{grid-template-columns:repeat(2,1fr)}
.pflege h2,.freunde h2{font-size:40px}
.freunde h2 em{font-size:52px}
.pflege ul,.freunde ul{grid-template-columns:1fr}
.texte__spalten{columns:1}
.kasse__in{grid-template-columns:1fr}
.unterbereiche{grid-template-columns:1fr}
.datenblatt{grid-template-columns:1fr}
.datenblatt div{grid-template-columns:120px 1fr}
.meinungen{grid-template-columns:1fr}
.passend,.beitraege{grid-template-columns:1fr}
.titelbild__kopf h1{font-size:28px}
.titelbild img{aspect-ratio:4/3.4}
.zwei{grid-template-columns:1fr}
.bude__info h1{font-size:30px}
.abteil__haupt h1,.blatt h1{font-size:34px}
}