/* Gemeinsames Stilblatt der warmen Privat-Welt (Unterseiten).
   Die Startseite trägt ihre Stile selbst; hier liegt alles, was
   Produkt- und Textseiten teilen. */
:root{--dunkel:#1a1414;--rot:#e8420e;--rot2:#ff3333;--gold:#ffc86b;--creme:#fff8ef;--text:#2b2018;--grau:#7d6a52;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Open Sans',-apple-system,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.75;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.inner{max-width:1200px;margin:0 auto;padding:0 22px;}
section{padding:66px 0;}
.hand{font-family:'Caveat',cursive;}

header{background:rgba(22,16,14,.86);-webkit-backdrop-filter:blur(16px) saturate(1.3);
 backdrop-filter:blur(16px) saturate(1.3);color:#fff;position:sticky;top:0;z-index:60;
 box-shadow:0 2px 14px rgba(0,0,0,.35);}
.kopf{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 10px;max-width:1600px;margin:0 auto;gap:18px;}
.logo img{height:78px;width:auto;display:block;}
.kopfrechts{display:flex;align-items:center;gap:14px;}
.tel{background:var(--rot);color:#fff;padding:9px 18px;border-radius:4px;font-weight:700;font-size:15px;white-space:nowrap;}
.login{font-size:13.5px;color:#9a8a76;border:1px solid #4a3f38;padding:8px 14px;border-radius:4px;white-space:nowrap;}
.login:hover{color:var(--gold);border-color:var(--gold);}
/* Suche mitten im Kopf (Aufgabe 3) */
.kopfsuche{flex:1;display:flex;max-width:560px;margin:0 auto;}
.kopfsuche input{flex:1;font-size:15px;padding:11px 16px;border:1px solid #4a3f38;border-right:0;
 border-radius:8px 0 0 8px;background:#2a2220;color:#fff;min-width:0;}
.kopfsuche input::placeholder{color:#9a8a76;}
.kopfsuche input:focus{outline:none;border-color:var(--rot);background:#332a26;}
.kopfsuche button{background:var(--rot);color:#fff;border:0;border-radius:0 8px 8px 0;font-weight:700;
 font-size:14px;padding:0 18px;cursor:pointer;}
/* Hauptmenü: waagerechte Zeile mit Aufklapp-Menüs (Aufgaben 4 und 12) */
.hauptmenu{border-top:1px solid #2e2522;position:relative;}
.hauptmenu .inner{max-width:1600px;padding:0 22px;}
.hauptmenu ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;}
.hauptmenu > .inner > ul > li > a{display:block;padding:12px 15px;font-size:15px;font-weight:600;color:#f0e8dc;position:relative;}
.hauptmenu > .inner > ul > li > a::after{content:"";position:absolute;left:15px;right:100%;bottom:7px;height:2px;
 background:var(--rot);transition:right .28s ease;}
.hauptmenu > .inner > ul > li > a:hover::after,.hauptmenu > .inner > ul > li.hier > a::after{right:15px;}
.hauptmenu > .inner > ul > li > a:hover{color:#fff;}
.hauptmenu > .inner > ul > li.hier > a{color:var(--gold);}
.hauptmenu .pfeil{font-size:10px;color:#9a8a76;}
.hauptmenu .hatmenu{position:relative;}
.hauptmenu .klappe{position:absolute;left:0;top:100%;background:rgba(30,22,20,.92);
 -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
 border-radius:0 0 14px 14px;border-top:2px solid var(--rot);
 box-shadow:0 26px 60px rgba(0,0,0,.5);padding:20px 24px;min-width:270px;z-index:70;
 display:flex;gap:34px;opacity:0;visibility:hidden;transform:translateY(12px);
 transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;}
.hauptmenu .hatmenu:hover > .klappe,.hauptmenu .hatmenu.offen > .klappe,.hauptmenu .hatmenu:focus-within > .klappe{
 opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease;}
.hauptmenu .klappe ul{display:block;}
.hauptmenu .klappe li a{display:block;padding:8px 12px;margin:1px -12px;font-size:14px;color:#d8ccbc;
 white-space:nowrap;border-radius:8px;border-left:3px solid transparent;transition:.18s ease;}
.hauptmenu .klappe li a:hover{background:rgba(232,66,14,.18);border-left-color:var(--rot);color:#fff;
 padding-left:18px;}
.hauptmenu .klappe li.hier a{background:rgba(232,66,14,.28);border-left-color:var(--rot);color:#fff;font-weight:700;}
.hauptmenu .hatmenu.megaplatz{position:static;}
.hauptmenu .klappe.mega{left:22px;right:22px;justify-content:space-between;flex-wrap:wrap;}
.hauptmenu .mspalte{min-width:200px;}
.hauptmenu .mtitel{display:block;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
 color:var(--gold);padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #3a2f2b;}
.hauptmenu .mtitel:hover{color:#fff;}
.burger{display:none;background:none;border:0;cursor:pointer;padding:6px;}
.burger span{display:block;width:24px;height:3px;background:#f0e8dc;margin:5px 0;border-radius:2px;}
/* Markenleiste (Aufgaben 2 und 10) */
.markenleiste{background:#fff;border-bottom:1px solid #f0e6d6;}
.markenleiste .inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;justify-content:center;}
.markenleiste img{height:30px;width:auto;filter:grayscale(1);opacity:.65;transition:.2s;}
.markenleiste a:hover img{filter:none;opacity:1;}
.ml-wort{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:#b8a78f;font-weight:700;}
.markenleiste.dunkel{background:rgba(20,14,12,.82);border-bottom:0;backdrop-filter:blur(6px);}
.markenleiste.dunkel img{filter:grayscale(1) brightness(10);opacity:.8;}
.markenleiste.dunkel a:hover img{filter:brightness(10);opacity:1;}
.markenleiste.dunkel .ml-wort{color:#c9b8a6;}

/* Seitenkopf der Unterseiten */
.seitenkopf{position:relative;background:var(--dunkel);color:#fff;overflow:hidden;}
.seitenkopf .bild{position:absolute;inset:0;}
.seitenkopf .bild img{width:100%;height:100%;object-fit:cover;opacity:.62;}
.seitenkopf .bild::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,20,20,.92) 0%,rgba(26,20,20,.35) 60%,rgba(26,20,20,.2) 100%);}
.seitenkopf{display:flex;align-items:flex-end;min-height:clamp(360px,48vh,560px);}
.seitenkopf .inner{position:relative;padding-top:120px;padding-bottom:56px;width:100%;}
.seitenkopf .hand{font-size:clamp(22px,2.8vw,32px);color:var(--gold);}
.seitenkopf h1{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.2;margin:8px 0 14px;max-width:820px;}
.seitenkopf p{max-width:640px;color:#f0e4d2;font-size:16.5px;}
/* Brotkrume: eigene helle Zeile UNTER dem Seitenkopf (29.10.2026) -
   Navigation gehört nicht mitten ins Bild */
.brotzeile{background:var(--creme);border-bottom:1px solid #eee0cc;}
.brotkrume{position:relative;font-size:13px;color:#8a7a64;padding:11px 0;}
.brotkrume a{color:var(--rot);font-weight:600;}
.brotkrume a:hover{text-decoration:underline;text-underline-offset:3px;}
/* Übergangsweise: Brotkrumen, die noch im dunklen Seitenkopf stecken */
.seitenkopf .brotkrume{color:#e8ddcf;padding:18px 0 0;}
.seitenkopf .brotkrume a{color:var(--gold);}

.titel{font-size:clamp(22px,2.8vw,34px);font-weight:800;line-height:1.25;position:relative;padding-bottom:14px;margin-bottom:22px;}
.titel::after{content:"";position:absolute;left:0;bottom:0;width:70%;max-width:340px;height:2px;background:var(--rot2);}
.titel .rot{color:var(--rot);}
.handzeile{font-size:clamp(20px,2.4vw,28px);color:var(--rot);margin-bottom:8px;}
.knopf{display:inline-block;background:var(--rot);color:#fff;font-weight:700;padding:15px 32px;border-radius:4px;font-size:16px;}
.grau{background:var(--creme);}

/* Abwechselnde Bild-Text-Abschnitte */
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.zwei img{border-radius:12px;box-shadow:0 18px 44px rgba(60,30,10,.22);}
.zwei .vertauscht{order:-1;}
.zwei h2{font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.3;margin-bottom:12px;}
.zwei h2 .rot{color:var(--rot);}
.zwei p{margin-bottom:12px;}
.merkmale{list-style:none;margin:14px 0 4px;}
.merkmale li{padding-left:26px;position:relative;margin-bottom:8px;font-size:15px;}
.merkmale li::before{content:"\2713";position:absolute;left:0;color:var(--rot);font-weight:800;}

.hinweiskasten{background:var(--creme);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 22px;margin-top:30px;font-size:15px;}
.hinweiskasten b{color:var(--rot);}

.cta{position:relative;background:linear-gradient(180deg,#1a1414 0%,#4a1810 55%,#a8321c 100%);color:#fff;text-align:center;padding:84px 0;}
.cta h2{font-size:clamp(26px,3.6vw,42px);font-weight:300;line-height:1.25;}
.cta h2 b{font-weight:800;}
.cta .hand{font-size:clamp(22px,2.8vw,30px);color:var(--gold);margin-top:10px;}
.cta .knopf{margin-top:30px;box-shadow:0 14px 36px rgba(232,66,14,.4);}
.cta .leise{display:block;margin-top:18px;color:rgba(255,238,218,.7);font-size:14.5px;}

footer{background:#141010;color:#c9b8a6;padding:50px 0 30px;font-size:14px;}
footer .inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
footer h4{color:#fff;margin-bottom:10px;font-size:15px;}
footer a:hover{color:var(--gold);}
.staedte{margin-top:26px;font-size:12.5px;color:#8a7a68;line-height:2;}
footer .fussstaedte{margin-top:34px;padding-top:24px;border-top:1px solid #2a2320;display:block;}
.fussstaedte b{color:#fff;font-size:15px;}
.fussstaedte p{font-size:13px;color:#8a7a68;margin:4px 0 14px;}
.fussorte{display:flex;flex-wrap:wrap;gap:8px;}
.fussorte a{font-size:13px;color:#c9b8a6;background:rgba(255,255,255,.05);border:1px solid #2e2620;
 border-radius:30px;padding:6px 14px;transition:.2s;}
.fussorte a:hover{color:var(--gold);border-color:var(--gold);}

/* Textseiten (Impressum, Datenschutz) */
.textseite{max-width:820px;margin:0 auto;padding:60px 22px;}
.textseite h1{font-size:clamp(26px,3.4vw,38px);margin-bottom:26px;}
.textseite h2{font-size:20px;margin:30px 0 10px;}
.textseite p{margin-bottom:12px;}

@media(max-width:900px){
 .zwei{grid-template-columns:1fr;}
 .zwei .vertauscht{order:0;}
 .kopf{flex-wrap:wrap;gap:10px;}
 .logo img{height:60px;}
 .kopfsuche{order:3;max-width:none;flex-basis:100%;}
 .login{display:none;}
 .burger{display:block;}
 .hauptmenu{display:none;}
 body.menu-offen .hauptmenu{display:block;}
 .hauptmenu ul{flex-direction:column;}
 .hauptmenu > .inner > ul > li > a{border-bottom:1px solid #2e2522;}
 .hauptmenu .klappe{position:static;box-shadow:none;border-radius:0;background:#1f1816;flex-direction:column;gap:10px;
  opacity:1;visibility:visible;transform:none;transition:none;display:none;}
 .hauptmenu .hatmenu:hover > .klappe{display:none;}
 .hauptmenu .hatmenu.offen > .klappe{display:flex;}
 .hauptmenu .klappe.mega{transform:none;}
 .markenleiste .inner{gap:18px;}
 .markenleiste img{height:22px;}
 .seitenkopf .inner{padding-top:60px;padding-bottom:50px;}
}

/* Magazin: Uebersicht und Beitraege */
.magazin{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.artikel{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(60,30,10,.12);display:flex;flex-direction:column;}
.artikel img{height:190px;object-fit:cover;width:100%;}
.artikel .txt{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.artikel .hand{font-size:21px;color:var(--rot);line-height:1;}
.artikel h3{font-size:19px;line-height:1.4;}
.artikel p{font-size:14.5px;color:var(--grau);flex:1;}
.artikel .mehr{font-weight:700;color:var(--rot);font-size:14px;}
.magfilter{margin:0 0 24px;}
.magrubrik{margin:36px 0 16px;}
.magfilter + .magrubrik,.inner > .magrubrik:first-child{margin-top:0;}
.magrubrik .hand{font-family:'Caveat',cursive;font-size:24px;color:var(--rot);display:block;line-height:1;}
.magrubrik h2{font-size:clamp(21px,2.6vw,28px);line-height:1.3;margin:2px 0 4px;}
.magrubrik p{color:var(--grau);font-size:15px;max-width:720px;}

.beitrag{max-width:780px;margin:0 auto;padding:54px 22px 30px;}
.beitrag .meta{font-size:13.5px;color:var(--grau);margin-bottom:26px;padding-bottom:14px;border-bottom:1px solid #eadfce;}
.beitrag .meta b{color:var(--text);}
.beitrag h2{font-size:clamp(20px,2.4vw,27px);margin:34px 0 10px;line-height:1.35;}
.beitrag h2 .rot{color:var(--rot);}
.beitrag p{margin-bottom:14px;}
.beitrag img{border-radius:12px;margin:26px 0;box-shadow:0 14px 36px rgba(60,30,10,.18);}
.beitrag .kasten{background:var(--creme);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:15px;}
.beitrag .kasten b{color:var(--rot);}
.beitrag ul{margin:0 0 14px 22px;}
.beitrag li{margin-bottom:8px;}
.beitrag .frage{font-family:'Caveat',cursive;font-size:24px;color:var(--rot);display:block;margin-top:30px;}
.verfasser{display:flex;gap:14px;align-items:center;background:var(--creme);border-radius:12px;padding:16px 20px;margin-top:40px;}
.verfasser .kreis{width:54px;height:54px;border-radius:50%;background:var(--dunkel);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;flex-shrink:0;}
.verfasser small{display:block;color:var(--grau);font-size:13px;line-height:1.5;}
.verfasser b{font-size:15px;}

/* Markenseiten */
.markenkopf-logo{background:#fff;border-radius:14px;padding:16px 22px;display:inline-block;margin-bottom:16px;box-shadow:0 14px 36px rgba(0,0,0,.3);}
.markenkopf-logo img{max-height:64px;width:auto;}
.staerken{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:30px;}
.staerke{background:#fff;border-radius:12px;padding:24px 22px;box-shadow:0 10px 26px rgba(60,30,10,.1);}
.staerke .hand{font-size:24px;color:var(--rot);line-height:1;}
.staerke b{display:block;font-size:16px;margin:8px 0 6px;}
.staerke p{font-size:14px;color:var(--grau);}
.sortiment{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px;}
.sortimentteil{background:var(--creme);border-radius:12px;padding:20px 22px;}
.sortimentteil b{display:block;margin-bottom:6px;font-size:16px;}
.sortimentteil p{font-size:14px;color:var(--grau);margin-bottom:8px;}
.sortimentteil a{color:var(--rot);font-weight:700;font-size:14px;}
.andere-marken{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.andere-marken a{background:#fff;border:1px solid #eadfce;border-radius:30px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--grau);}
.andere-marken a:hover{color:var(--rot);border-color:var(--rot);}

/* Projekte: Kacheln, Filter, Landingpage-Bausteine */
.projektraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;}
.projektkarte{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(60,30,10,.12);display:flex;flex-direction:column;border:2px solid transparent;}
.projektkarte:hover{border-color:var(--rot);}
.pbild{position:relative;display:block;}
.pbild img{height:190px;object-fit:cover;width:100%;}
.pstadt{position:absolute;left:12px;bottom:12px;background:rgba(26,20,20,.85);color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:6px;}
.projektkarte b{padding:16px 20px 6px;font-size:16.5px;line-height:1.4;}
.projektkarte p{padding:0 20px;font-size:14px;color:var(--grau);flex:1;}
.projektkarte .pmehr{padding:10px 20px 16px;font-weight:700;color:var(--rot);font-size:14px;}
.filterzeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.filterwort{font-size:13px;font-weight:700;color:var(--grau);min-width:46px;}
.pille{background:#fff;border:1px solid #eadfce;border-radius:30px;padding:7px 14px;font-size:13.5px;font-weight:700;color:var(--grau);}
.pille small{color:#c5b49c;font-weight:400;}
.pille:hover{border-color:var(--rot);color:var(--rot);}
.pille.an{background:var(--rot);border-color:var(--rot);color:#fff;}
.pille.an small{color:#ffd9c9;}
.untertitel{color:var(--grau);max-width:640px;margin-bottom:6px;}
.landinhalt h2{font-size:clamp(20px,2.4vw,28px);margin:26px 0 10px;line-height:1.35;}
.landinhalt h2:first-child{margin-top:0;}
.landinhalt p{margin-bottom:14px;max-width:820px;}
.landinhalt ul{margin:0 0 14px 22px;max-width:820px;}
.landinhalt li{margin-bottom:8px;}
.landinhalt img{border-radius:12px;margin:10px 0 20px;box-shadow:0 14px 36px rgba(60,30,10,.18);}
.vertrauen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.vpunkt{background:#fff;border-radius:12px;padding:22px;box-shadow:0 10px 26px rgba(60,30,10,.1);}
.vpunkt .hand{font-size:23px;color:var(--rot);line-height:1;}
.vpunkt b{display:block;margin:8px 0 6px;font-size:16px;}
.vpunkt p{font-size:14px;color:var(--grau);}
.cta .ctaschreiben{display:inline-block;margin-top:16px;color:#ffeedd;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.cta .ctaschreiben:hover{color:var(--gold);}
.entwurfband{background:#b8860b;color:#fff;text-align:center;font-size:14px;font-weight:700;padding:10px 16px;}
/* Google-Bewertungen */
.bw-kopf{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px;}
.bw-logo{width:64px;height:64px;background:var(--dunkel);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0;}
.bw-logo span{color:var(--rot);}
.bw-name{font-size:21px;font-weight:800;line-height:1.3;}
.bw-sterne{display:flex;align-items:center;gap:10px;margin-top:2px;flex-wrap:wrap;}
.sterne{color:#f5a623;font-size:20px;letter-spacing:2px;}
.sterne.klein{font-size:15px;margin-bottom:6px;}
.bw-zahl{font-size:14px;color:var(--grau);}
.bw-zahl b{color:var(--text);font-size:16px;}
.bw-knopf{margin-left:auto;background:var(--rot);color:#fff;font-weight:700;font-size:14.5px;padding:12px 20px;border-radius:30px;box-shadow:0 8px 22px rgba(232,66,14,.3);white-space:nowrap;}
.bw-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.bw-karte{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 26px rgba(60,30,10,.12);position:relative;margin:0;}
.bw-karte .g{position:absolute;top:16px;right:16px;width:22px;height:22px;}
.bw-karte .wer{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.bw-kreis{width:40px;height:40px;border-radius:50%;background:var(--dunkel);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;}
.bw-karte .wer b{display:block;font-size:14.5px;}
.bw-karte .wer small{color:var(--grau);font-size:12px;}
.bw-karte blockquote{font-size:14px;font-style:italic;color:var(--text);line-height:1.65;}
.bw-karte .zeichen{font-family:'Caveat',cursive;font-size:46px;color:var(--gold);line-height:0;position:absolute;bottom:4px;right:16px;}
.bw-fuss{font-size:12px;color:var(--grau);margin-top:14px;}
@media(max-width:620px){.bw-knopf{margin-left:0;}}

/* Kundenstimmen */
.stimmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:10px;}
.stimme{background:#fff;border-radius:12px;padding:24px 22px;box-shadow:0 10px 26px rgba(60,30,10,.1);position:relative;}
.stimme::before{content:"\201E";position:absolute;top:-6px;left:14px;font-family:'Caveat',cursive;font-size:64px;color:var(--gold);line-height:1;}
.stimme blockquote{font-size:15px;line-height:1.7;font-style:italic;color:var(--text);margin:10px 0 14px;}
.stimme figcaption b{font-size:14.5px;color:var(--rot);}
.stimme figcaption small{display:block;color:var(--grau);font-size:12.5px;margin-top:2px;}
.artikel{position:relative;}
.entwurfmarke{position:absolute;top:10px;left:10px;z-index:2;background:#b8860b;color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;}
.beitrag img{max-width:100%;}

/* Suche */
.sucheseite{max-width:820px;margin:0 auto;padding:54px 22px;min-height:50vh;}
.sucheseite h1{font-size:clamp(24px,3vw,36px);margin-bottom:18px;}
.suchfeld{display:flex;gap:10px;margin-bottom:10px;}
.suchfeld input{flex:1;font-size:18px;padding:15px 18px;border:2px solid #eadfce;border-radius:12px;}
.suchfeld input:focus{outline:none;border-color:var(--rot);}
.suchfeld button{background:var(--rot);color:#fff;border:0;border-radius:12px;font-weight:700;font-size:16px;padding:0 26px;cursor:pointer;}
.suchhinweis{font-size:13.5px;color:var(--grau);margin-bottom:26px;}
/* Such-Kacheln (29.10.2026): erst stehen NUR die Bereiche mit Trefferzahl
   da - alle Kacheln gleich groß; die Einzeltreffer erscheinen beim Antippen */
.suchkacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:18px 0 30px;}
.suchkachel{background:#fff;border:2px solid #eadfce;border-radius:16px;height:124px;padding:14px 14px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font:inherit;box-shadow:0 8px 22px rgba(60,30,10,.08);transition:border-color .15s,transform .15s,box-shadow .15s;}
.suchkachel:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,30,10,.14);}
.suchkachel.an{border-color:var(--rot);box-shadow:0 14px 30px rgba(232,66,14,.18);}
.suchkachel .kfeld{flex:1;display:flex;align-items:center;justify-content:center;width:100%;}
.suchkachel .kfeld img{max-height:44px;max-width:130px;object-fit:contain;}
.suchkachel .kfeld b{font-size:15px;line-height:1.3;text-align:center;color:var(--text);}
.suchkachel .kzahl{font-size:13px;color:var(--grau);background:var(--creme);border-radius:999px;padding:4px 14px;white-space:nowrap;}
.suchkachel.an .kzahl{background:var(--rot);color:#fff;font-weight:700;}
/* Marken-Kacheln: das Logo füllt die Kachel, die Zahl liegt als Pille darauf */
.suchkachel.mitlogo{position:relative;padding:10px;justify-content:center;}
.suchkachel.mitlogo .kfeld img{max-height:none;max-width:none;width:86%;height:78%;object-fit:contain;}
.suchkachel.mitlogo .kzahl{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(255,248,239,.95);box-shadow:0 4px 12px rgba(60,30,10,.18);}
.suchkachel.mitlogo.an .kzahl{background:var(--rot);}
.suchkacheln + .suchliste{margin-top:4px;}
@media(max-width:640px){.suchkacheln{grid-template-columns:repeat(2,1fr);gap:10px;}
 .suchkachel{height:108px;}}
.treffer{display:block;background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 8px 22px rgba(60,30,10,.1);border:2px solid transparent;}
.treffer:hover{border-color:var(--rot);}
.suchliste .magazin.suchbilder{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:6px 0 26px;}
.artikel.klein img{height:150px;}
.artikel.klein .txt{padding:16px;gap:6px;}
.artikel.klein h3{font-size:17px;}
.artikel .artmarke{align-self:flex-start;background:var(--creme);color:var(--rot);font-weight:700;font-size:12px;border-radius:999px;padding:3px 10px;letter-spacing:.3px;}
.treffer .art{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--rot);border-radius:5px;padding:2px 8px;margin-bottom:6px;}
.treffer .art.blau{background:#3e6e94;}
.treffer b{display:block;font-size:17px;margin-bottom:3px;}
.treffer p{font-size:14px;color:var(--grau);}
.keintreffer{color:var(--grau);padding:30px 0;}

/* Produktart-Seiten: Markenblöcke (Hub) */
.hubmarke{margin:38px 0 14px;scroll-margin-top:165px;background:#fff;border:1px solid #f0e6d6;
 border-radius:12px;display:inline-block;padding:12px 26px;box-shadow:0 8px 22px rgba(60,30,10,.08);}
.hubmarke img{height:52px;width:auto;max-width:220px;object-fit:contain;display:block;}
/* Produktvideos: Klick-Vorschau, erst dann YouTube */
.videoreiter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.vreiter{background:#fff;border:1px solid #eadfce;border-radius:30px;padding:9px 18px;font-size:14px;
 font-weight:700;color:var(--grau);cursor:pointer;font-family:inherit;}
.vreiter.an{background:var(--rot);border-color:var(--rot);color:#fff;}
.videofeld{display:none;position:relative;aspect-ratio:16/9;max-width:860px;border-radius:14px;overflow:hidden;
 background:linear-gradient(135deg,#241c1a 0%,#4a2318 100%);}
.videofeld.an{display:block;}
.videofeld iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.videofeld .vbild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.videofeld::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,8,.75) 0%,rgba(20,12,8,.1) 45%);pointer-events:none;}
.videostart{position:absolute;inset:0;width:100%;background:none;border:0;cursor:pointer;display:flex;
 flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;font-family:inherit;z-index:2;}
.videostart .vkreis{width:84px;height:84px;border-radius:50%;background:var(--rot);display:flex;align-items:center;
 justify-content:center;font-size:30px;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.5);padding-left:7px;
 transition:transform .25s;}
@media (prefers-reduced-motion: no-preference){
 .videostart .vkreis{animation:vpuls 2.2s ease-in-out infinite;}
 @keyframes vpuls{0%,100%{box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 0 rgba(232,66,14,.55);}
  55%{box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 22px rgba(232,66,14,0);}}
}
.videostart:hover .vkreis{transform:scale(1.1);}
.videostart .vzeile{position:absolute;left:22px;right:22px;bottom:18px;text-align:left;}
.videostart .vzeile b{display:block;font-size:18px;text-shadow:0 2px 12px rgba(0,0,0,.6);}
.videostart .vzeile small{display:block;font-weight:400;font-size:12px;color:#d8c8b5;margin-top:4px;}
/* Downloads */
.downloadspalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;}
.downloadgruppe h3{font-size:16px;margin-bottom:10px;}
.downloadgruppe ul{list-style:none;}
.downloadgruppe li a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14.5px;}
.downloadgruppe li a:hover{background:var(--creme);color:var(--rot);}
.pdfzeichen{background:#c0392b;color:#fff;font-size:10px;font-weight:800;border-radius:4px;padding:3px 6px;letter-spacing:1px;flex-shrink:0;}
/* KI-Bild-Vermerk (ehrliche Kennzeichnung) */
.ki-vermerk{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(20,14,12,.65);color:#cbb8a6;
 font-size:10.5px;letter-spacing:.5px;padding:3px 9px;border-radius:12px;}
.seitenkopf .bild .ki-vermerk{bottom:auto;top:12px;}

/* Dreh-Kacheln */
.drehreihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:10px;}
.dreh{perspective:1200px;min-height:300px;cursor:pointer;outline:none;}
.drehkern{position:relative;width:100%;height:100%;min-height:300px;transition:transform .7s;transform-style:preserve-3d;}
.dreh:hover .drehkern,.dreh:focus .drehkern,.dreh.gedreht .drehkern{transform:rotateY(180deg);}
.drehvorn,.drehhinten{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
 border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(60,30,10,.16);}
.drehvorn{background:#fff;display:flex;flex-direction:column;}
.drehvorn img{flex:1;width:100%;object-fit:cover;min-height:0;}
.drehvorn b{padding:16px 18px;font-size:17px;text-align:center;}
.drehhinten{background:var(--dunkel);color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;
 justify-content:center;padding:26px 24px;}
.drehhinten b{font-size:17px;color:var(--gold);margin-bottom:10px;}
.drehhinten p{font-size:14.5px;line-height:1.7;color:#e8ddcf;}
/* Service-Ablauf (8 Schritte) */
.ablaufraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px 26px;margin-top:34px;}
.ablaufteil{text-align:center;}
.ablaufteil img{height:84px;width:auto;margin:0 auto 12px;}
.ablaufteil b{display:block;font-size:16px;padding-bottom:8px;margin-bottom:8px;position:relative;}
.ablaufteil b::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:56px;height:2px;background:var(--rot);}
.ablaufteil p{font-size:13.5px;color:var(--grau);line-height:1.65;}
.mittig2{text-align:center;padding-bottom:0;}
.mittig2::after{display:none;}
/* Finanzierung */
.finanz{background:linear-gradient(135deg,var(--creme) 0%,#fdeeda 100%);}
.finanzpunkte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:10px;}
.fpunkt{background:#fff;border-radius:14px;padding:26px 24px;box-shadow:0 10px 26px rgba(60,30,10,.1);border-top:4px solid var(--gold);}
.fpunkt b{display:block;font-size:17px;margin-bottom:8px;}
.fpunkt p{font-size:14.5px;color:var(--grau);}
/* Parallax-Band */
.parallax{position:relative;min-height:340px;background-size:cover;background-position:center;background-attachment:fixed;
 display:flex;align-items:center;}
@supports (-webkit-touch-callout: none){.parallax{background-attachment:scroll;}}
.parallax::after{content:"";position:absolute;inset:0;background:rgba(26,20,20,.45);}
.parallax .inner{position:relative;z-index:2;color:#fff;text-align:center;width:100%;}
.parallax .hand{font-size:clamp(24px,3.4vw,40px);color:var(--gold);}
.parallax b{display:block;font-size:clamp(19px,2.4vw,28px);font-weight:800;margin-top:6px;text-shadow:0 2px 14px rgba(0,0,0,.5);}

/* Suche: Gruppen, Marken-Griff, Führung */
.sucheseite.breit{max-width:900px;}
.suchstand{font-size:14px;color:var(--grau);margin:4px 0 10px;}
.suchgruppe{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--rot);margin:30px 0 12px;}
.suchgruppe small{color:var(--grau);letter-spacing:0;text-transform:none;font-weight:400;}
.suchmarken{margin-bottom:18px;}
.suchmarke{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--gold);border-radius:14px;
 padding:14px 20px;margin-bottom:10px;box-shadow:0 10px 26px rgba(60,30,10,.12);}
.suchmarke img{height:34px;width:auto;}
.suchmarke span{font-size:15px;}
.suchmarke b{color:var(--rot);}
.fuehrwort{font-size:14px;font-weight:700;color:var(--grau);margin-bottom:10px;}
.suchfuehrung{margin-top:10px;}

/* Sanftes Scrollen und Scroll-Erzählung (Sektionen gleiten ins Bild) */
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth;}}
.vorreveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.vorreveal.ins-bild{opacity:1;transform:none;}

/* Markenkarten im Seitenkopf (schwebend, wie auf der Startseite) */
.kopfmarken{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.kopfmarke{background:rgba(255,255,255,.97);border-radius:14px;height:112px;min-width:220px;padding:16px 28px;box-shadow:0 14px 34px rgba(0,0,0,.35);
 display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .22s;}
.kopfmarke:hover{transform:translateY(-4px) scale(1.04);}
.kopfmarke img{max-height:76px;max-width:220px;width:auto;object-fit:contain;}
/* Produktarten-Schnellwahl unter dem Seitenkopf */
.schwesterband{background:rgba(22,16,14,.97);border-top:1px solid #2e2522;position:relative;}
.schwesterband .inner{position:relative;}
.schwesterband .inner::before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:60px;z-index:1;
 background:linear-gradient(270deg,rgba(22,16,14,0),rgba(22,16,14,.95));pointer-events:none;}
.schwesterband .inner::after{content:"";position:absolute;right:-22px;top:0;bottom:0;width:90px;z-index:1;
 background:linear-gradient(90deg,rgba(22,16,14,0),rgba(22,16,14,.95));pointer-events:none;}
.schwestern{overflow-x:auto;padding:18px 0;scrollbar-width:thin;scrollbar-color:#4a3f38 transparent;}
.schwesterlauf{display:flex;gap:14px;width:max-content;}
/* Laufband: reine CSS-Bewegung von rechts nach links - läuft in jedem
   Browser; Anfassen oder Zeiger darüber hält an */
.schwester.kopie{display:none;}
.laeuft .schwestern{overflow:hidden;}
.laeuft .schwester.kopie{display:flex;}
.laeuft .schwesterlauf{animation:schwesterlauf 40s linear infinite;}
.laeuft .schwestern:hover .schwesterlauf{animation-play-state:paused;}
@keyframes schwesterlauf{to{transform:translateX(calc(-50% - 7px));}}
.bandpfeil{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;
 border:0;border-radius:50%;background:var(--rot);color:#fff;font-size:16px;cursor:pointer;
 box-shadow:0 6px 16px rgba(0,0,0,.45);transition:transform .15s;}
.bandpfeil:hover{transform:translateY(-50%) scale(1.12);}
.laeuft .bandpfeil{display:none;}
.schwester{flex:0 0 auto;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);
 border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#e8ddcf;font-weight:700;font-size:15px;
 padding:8px 22px 8px 9px;transition:border-color .15s,transform .15s;}
.schwester img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.schwester:hover{border-color:var(--rot);color:#fff;transform:translateY(-2px);}
.schwester.hier{background:var(--rot);border-color:var(--rot);color:#fff;box-shadow:0 10px 26px rgba(232,66,14,.4);}
@media(max-width:700px){.schwester{font-size:13.5px;padding:7px 16px 7px 8px;}.schwester img{width:40px;height:40px;}}

/* Marken-Schnellfinder auf Produktart-Seiten (klebt beim Scrollen oben) */
.schnellfinder{position:sticky;top:152px;z-index:40;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
 background:rgba(255,248,239,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 border:1px solid #eadfce;border-radius:40px;padding:8px 16px;margin:4px 0 10px;box-shadow:0 10px 26px rgba(60,30,10,.12);}
.sf-wort{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--grau);}
.sf-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #eadfce;border-radius:30px;
 padding:6px 14px;font-size:13px;font-weight:700;color:var(--text);transition:.2s;}
.sf-chip img{height:18px;width:auto;max-width:70px;object-fit:contain;}
.sf-chip:hover{border-color:var(--rot);color:var(--rot);transform:translateY(-2px);}
.sf-chip.an{background:var(--rot);border-color:var(--rot);color:#fff;}
.sf-chip.an img{filter:brightness(0) invert(1);}
@media(max-width:700px){.schnellfinder{top:150px;border-radius:16px;}.sf-wort{display:none;}}

/* Modell-Layout: Beschreibung links, Video/Foto rechts, Technik-Kasten */
.modellraster{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start;margin-top:8px;}
.mod-text .titel{margin-bottom:16px;}
.mod-beschreibung h3{font-size:16.5px;color:var(--rot);margin:18px 0 4px;}
.mod-beschreibung h3:first-child{margin-top:0;}
.mod-beschreibung p{margin-bottom:10px;max-width:560px;}
.mod-medien{position:sticky;top:152px;}
.videofeld.klein{max-width:none;border-radius:14px;box-shadow:0 18px 44px rgba(60,30,10,.22);}
.modfoto{background:#fff;border:1px solid #f0e6d6;border-radius:14px;padding:26px;
 box-shadow:0 18px 44px rgba(60,30,10,.14);}
.modfoto img{width:100%;height:auto;}
.datenkasten{background:var(--creme);border-radius:16px;padding:30px;margin-top:38px;
 display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;}
.datenkasten:has(.dk-spalten:only-child){grid-template-columns:1fr;}
.dk-foto{background:#fff;border-radius:12px;padding:18px;}
.dk-foto img{width:100%;height:auto;}
.dk-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px 30px;}
.dk-teil h3{font-size:15px;padding-bottom:8px;margin-bottom:10px;border-bottom:2px solid var(--rot);display:inline-block;}
.dk-teil ul{margin:0;}
.mod-rest{margin-top:34px;}
.mod-rest h2{font-size:clamp(19px,2.2vw,26px);margin:26px 0 10px;}
@media(max-width:980px){.modellraster{grid-template-columns:1fr;gap:26px;}
 .mod-medien{position:static;}
 .datenkasten{grid-template-columns:1fr;padding:22px;}
 .dk-foto{max-width:300px;margin:0 auto;}}

/* Produktkarten mit Freistellern: einpassen statt beschneiden */
.produktkacheln .pbild{background:#fff;border-bottom:1px solid #f3ece2;}
.produktkacheln .pbild img{object-fit:contain;padding:14px;}

/* Garantie-Band */
.garantieband{background:var(--dunkel);color:#fff;}
.garantieband .inner{display:flex;align-items:center;gap:22px;padding-top:26px;padding-bottom:26px;}
.gzahl{font-family:'Caveat',cursive;font-size:64px;color:var(--gold);line-height:1;flex-shrink:0;}
.garantieband b{font-size:19px;}
.garantieband p{font-size:14px;color:#cbb8a6;margin-top:2px;}
/* Verweise im Fließtext sichtbar machen (28.10.2026): die globale Regel
   a{color:inherit} versteckt sonst jeden Link in den Inhaltstexten */
.landinhalt p a,.landinhalt li a,.mod-beschreibung a,.mod-rest a,.techinhalt a,.versprechen p a,.beitrag p a,.beitrag li a,.beitrag .kasten a{color:var(--rot);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.landinhalt p a:hover,.landinhalt li a:hover,.mod-beschreibung a:hover,.mod-rest a:hover,.techinhalt a:hover,.beitrag p a:hover,.beitrag li a:hover{color:#b33209;}

/* Datentabellen (Maße und Varianten) */
.landinhalt table,.mod-rest table{width:100%;border-collapse:collapse;font-size:13.5px;margin:14px 0 22px;background:#fff;}
.landinhalt td,.landinhalt th,.mod-rest td,.mod-rest th{border:1px solid #eadfce;padding:8px 12px;text-align:left;}
.landinhalt tr:first-child,.mod-rest tr:first-child{background:var(--creme);font-weight:700;}
.landinhalt table{display:block;overflow-x:auto;}
.mod-rest table{display:block;overflow-x:auto;}

/* Markenwelten auf Produktart-Seiten: warme Wannen im Wechsel, große Karten */
.markenwelt{border-radius:18px;padding:26px 28px 30px;margin:26px -28px 0;}
.markenwelt:nth-of-type(even){background:var(--creme);}
.hubprodukte .produktkacheln{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
.produktkacheln .pbild img{height:240px;}
.kartenpunkte{padding:4px 20px 6px;flex:1;}
.kartenpunkte li{font-size:13.5px;color:var(--grau);margin-bottom:5px;}
@media(max-width:900px){.markenwelt{margin:22px -14px 0;padding:18px 14px 22px;}}

/* Modellseiten: warme Bühne (28.10.2026) - Beschreibung mit Luft,
   Versprechen-Kasten, Funktions-Wannen und freundliches Technik-Register */
.mod-beschreibung{font-size:16px;line-height:1.75;}
.mod-beschreibung h3{font-size:17.5px;margin:22px 0 8px;}
.versprechen{margin-top:28px;background:linear-gradient(135deg,#fdf6ec,#faeedd);border:1px solid #f0dfc8;border-radius:16px;padding:24px 26px;box-shadow:0 10px 26px rgba(184,71,15,.07);}
.versprechen b{font-size:17px;display:block;margin-bottom:10px;}
.versprechen ul{list-style:none;margin:0 0 16px;padding:0;}
.versprechen li{padding:7px 0 7px 32px;position:relative;font-size:15px;line-height:1.55;}
.versprechen li::before{content:"\2713";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:var(--rot);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.versprechen .knopf{font-size:14.5px;}
.funkkopf{margin-top:54px;text-align:center;}
.funkkopf .titel{display:inline-block;}
.funkkopf .untertitel{color:var(--grau);margin-top:4px;}
.funktionen{margin-top:8px;display:grid;gap:22px;}
.funktionsreihe{align-items:center;background:#fdf8f1;border-radius:20px;padding:30px 34px;box-shadow:inset 0 0 0 1px #f2e7d8;}
.funktionen .funktionsreihe:nth-of-type(even){background:#fff;box-shadow:inset 0 0 0 1px #eee6da,0 14px 30px rgba(40,30,20,.05);}
.funktionskopf{font-size:clamp(19px,2.2vw,25px);padding-bottom:12px;margin-bottom:12px;position:relative;}
.funktionskopf::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--rot),#f49b63);}
.funktionsbild img{border-radius:16px;box-shadow:0 16px 34px rgba(40,30,20,.16);width:100%;height:auto;margin-bottom:14px;}
.funktionsbild img:last-child{margin-bottom:0;}
.techregister{margin-top:54px;background:#fdf8f1;border-radius:20px;padding:30px 34px;box-shadow:inset 0 0 0 1px #f2e7d8;}
.techregister .untertitel{color:var(--grau);margin:4px 0 14px;}
.techdetail{background:#fff;border:1px solid #eee3d3;border-radius:12px;margin-bottom:10px;overflow:hidden;}
.techdetail summary{list-style:none;cursor:pointer;font-weight:700;font-size:15.5px;padding:15px 50px 15px 18px;position:relative;}
.techdetail summary:hover{background:#fffaf3;}
.techdetail summary::-webkit-details-marker{display:none;}
.techdetail summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#fdf1e4;color:var(--rot);font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.techdetail[open] summary::after{content:"\2212";background:var(--rot);color:#fff;}
.techdetail .techinhalt{padding:2px 18px 16px;font-size:14.5px;color:var(--text);line-height:1.7;}
.mod-rest{background:#fff;border:1px solid #eee6da;border-radius:16px;padding:26px 30px;}
@media(max-width:700px){.funktionsreihe{padding:20px 16px;}
 .techregister{padding:20px 16px;}
 .mod-rest{padding:18px 16px;}}
.modfoto.klein{margin-top:14px;padding:16px;}
.modfoto.klein img{max-height:260px;object-fit:contain;margin:0 auto;}