/* design.css – Design 2 (11/2026): ruhiger, moderner, wiedererkennbar

   Nur geladen, wenn tep_design_v2() aktiv ist (includes/functions/design.php):
   Konstante DESIGN_V2 oder Vorschau per ?design=neu (Cookie), zurueck mit ?design=alt.
   Reihenfolge: stylesheet.css -> responsive.css -> design.css (ueberschreibt beide).
   Layout-Regeln nur fuer den Desktop stehen in @media (min-width:1000px); die Mobilansicht
   (responsive.css, bis 999px) behaelt ihren Aufbau und uebernimmt nur Farben/Schrift.
   Keine Grafiken aus images/ (wird nicht deployt) – Icons als data:-SVG. */

/* ---------- Schriften (selbst gehostet, SIL OFL, siehe fonts/) ---------- */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;
  src:url(fonts/source-sans-3-latin-wght.woff2) format("woff2")}
@font-face{font-family:"Libre Baskerville";font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/libre-baskerville-latin-700.woff2) format("woff2")}

/* ---------- Farben ---------- */
:root{
  --orange:#e8731e;          /* Markenfarbe */
  --band:#e8731e;            /* Kopfband (Logo weiss, Beschriftung dunkel) */
  --band-h:165px;            /* Hoehe des Kopfbands; Karten ragen leicht hinein */
  --page:#f3eee8;            /* Seitenhintergrund: helles Warmbeige */
  --card-line:#e6ddd3;
  --berry:#b0154a;           /* Links, Kauf-Button */
  --berry-dark:#8e0f3a;
  --ink:#1f1b1b;             /* Text, fast schwarz (Lesbarkeit) */
  --muted:#4a4444;           /* Nebentext, noch gut lesbar */
  --anthracite:#2e2a2a;      /* Footer, Einstieg */
  --line:#e6dfd8;
  --soft:#faf7f4;
  --card:#fff;
  --sans:"Source Sans 3","Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  --serif:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --radius:10px;
  --shadow:0 1px 2px rgba(46,42,42,.06),0 6px 20px rgba(46,42,42,.08);
}

/* ---------- Grundlage ---------- */
body{background:linear-gradient(180deg,var(--band) 0,var(--band) var(--band-h),var(--page) var(--band-h)) var(--page)!important;color:var(--ink);font-weight:450}
body,body *{font-family:var(--sans)!important}
#ta-gglstars *,.widget_container *,#widget_container *{font-family:Arial,Helvetica,sans-serif!important}
table.bg2_body,td.bg3_body,table.bg4_body,td.bg5_body,table.bg6_body,td.bg7_body,table.bg8_body,td.bg9_body{background:none!important}
a{color:var(--berry)}
a:hover{color:var(--berry-dark)}
.main,.main td,td.main,.smallText,.desc2,.cont_heading_td,.result td{color:var(--ink)}
.main,td.main,div.main,.main p{font-size:14px;line-height:1.55}
.smallText,span.smallText{font-size:12px;color:var(--muted)}
::selection{background:#f7d9c2}

/* ---------- Kopf ---------- */
.header td,.header .z1 td,.header .z1 b,.header .z1 a{font-family:var(--sans);font-size:14px;line-height:1.3;text-transform:none;color:var(--ink);font-weight:600}
.hdr-tools-row>td{border-bottom:1px solid rgba(31,27,27,.18)!important}
td.nav_separator img{opacity:0}
.header select.select,.go select,.go input,.hdr-manu select{
  height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.0)!important;border-radius:6px;background-color:#fff;color:var(--ink);
  font:14px var(--sans);box-shadow:0 1px 2px rgba(0,0,0,.08);outline:none}
.go input:focus,.header select:focus,.go select:focus{box-shadow:0 0 0 3px rgba(255,255,255,.55)}
.go input{height:34px;padding:0 10px}
.go input::placeholder{color:#6b6464}
.go select{margin-left:6px}
table.hdr-search td.go{white-space:nowrap}
td.hdr-search-btn .gbtn-t{min-height:34px!important;padding:0 14px 0 34px!important;
  background:var(--berry) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") 11px 50%/16px no-repeat!important;
  border-color:var(--berry)!important;border-radius:6px!important}
td.hdr-search-label{font-size:14px}
td.z1,.header .z1 table{background:none!important}
.header .z1 table{width:auto;height:34px}
td.z1 a{display:inline-flex;align-items:center;gap:6px;font-weight:600!important;font-size:14px!important}
td.z1 b{font-weight:600!important;font-size:14px!important}
td.z1 a{text-transform:capitalize!important}
td.z1 td{padding-left:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.5h10.6L20.5 7H6.6'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E") 0 50%/22px no-repeat}
td.hdr-lang img{border-radius:2px;box-shadow:0 0 0 1px rgba(31,27,27,.25)}

/* ---------- Inhaltskarte ---------- */
td.content_width_td>table,td.content_width_td>form>table{background:var(--card);border-radius:14px;box-shadow:var(--shadow)}
img[src^="images/corner_"]{visibility:hidden}
td.corner_bg{background:transparent}
td.corner3_bg{background:transparent!important}
form[name=filter_price]{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px}
form[name=filter_price] b{color:var(--ink)!important;font-weight:600;white-space:nowrap}
form[name=filter_price] select{min-height:34px;padding:0 8px;border:1px solid #cfc6bf;border-radius:6px;background:#fff;color:var(--ink);font-size:15px!important}
form[name=filter_price] b{font-size:15px!important}

/* ---------- Seitenleiste ---------- */
table.box_width_left{background:var(--card);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
td.box_width_td_left img[src^="images/"]{display:none}
td.box_width_td_left tr.lc-extra img[src^="images/"]{display:inline}
td.menu table,td.menu td{background:var(--card)!important}
td.menu img[src*="menu_"],td.menu img[src*="spacer"]{display:none}
td.menu td[id^="m"],td.menu td[id^="over_m"]{background:none!important;padding:0!important;border:0!important}
td.menu a.mlink{display:block;padding:8px 10px 8px 12px;border-left:3px solid transparent;border-radius:0 6px 6px 0;
  font:600 15px/1.3 var(--sans)!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0}
td.menu a.mlink:hover{background:var(--soft);border-left-color:var(--orange);color:var(--berry)!important}
table.infoBoxHeading_table img,td.infoBoxHeading_t,td.infoBoxHeading_l{display:none}
td.infoBoxHeading_td,td.infoBoxHeading2_td,td.infoBoxHeading3_td{
  background:var(--card)!important;height:auto;padding:16px 16px 6px 13px!important;border-left:3px solid var(--orange);
  font:700 15px/1.3 var(--serif)!important;color:var(--ink)!important}
td.infoBoxHeading_td a{font:inherit!important;color:inherit!important}
td.infoBox_l,td.infoBox_b,td.infoBoxContents_table .boxText,.infoBoxContents_table .boxText,td.boxText{background:var(--card)!important}
td.infoBox_l img{display:none}
.boxText{color:var(--muted)}
.boxText ul.categories{margin:0;padding:4px 0 8px}
.boxText .bg_list a,.boxText .bg_list_un a{display:block;padding:6px 10px 6px 14px!important;background:none!important;border-radius:6px;
  font:15px/1.3 var(--sans)!important;color:var(--ink)!important;text-transform:none!important}
.boxText .bg_list a:hover,.boxText .bg_list_un a:hover{background:var(--soft)!important;color:var(--berry)!important}
.boxText .bg_list a b,.boxText .bg_list_un a b{font-weight:700;color:var(--berry)}
.boxText .bg_list2 a b,.boxText .bg_list2_un a b{font:14px/1.4 var(--sans)!important;color:var(--ink)!important}
.boxText li div{padding-left:10px}

/* ---------- Buttons (Basis in responsive.css: .gbtn/.gbtn-p) ---------- */
.gbtn-t{min-height:36px;padding:0 16px;border:1px solid #cfc6bf;border-radius:6px;background:#fff;color:var(--ink)!important;
  font:600 14px/1.2 var(--sans)!important;transition:background-color .15s,border-color .15s,box-shadow .15s}
.gbtn-p .gbtn-t{background:var(--berry);border-color:var(--berry);color:#fff!important}
a:hover .gbtn-t,button.gbtn:hover .gbtn-t{border-color:var(--berry);color:var(--berry)!important}
.gbtn-p:hover .gbtn-t,a:hover .gbtn-p .gbtn-t,button.gbtn-p:hover .gbtn-t{background:var(--berry-dark);border-color:var(--berry-dark);color:#fff!important;
  box-shadow:0 2px 8px rgba(176,21,74,.25)}
a:focus-visible .gbtn-t,button.gbtn:focus-visible .gbtn-t{outline:2px solid var(--ink);outline-offset:2px}

/* ---------- Ueberschriften, Brotkrumen ---------- */
td.cont_heading_td,.cont_heading_td{font:14px/1.5 var(--sans);color:var(--muted)}
a.headerNavigation{font:14px/1.5 var(--sans)!important;color:var(--muted)!important;text-decoration:none}
a.headerNavigation:hover{color:var(--berry)!important;text-decoration:underline}
h1.seo-h1,h1.seo-h1 a.headerNavigation{font-family:var(--serif)!important;font-weight:700;color:var(--ink)!important}
.pageHeading,td.pageHeading,h1.pageHeading{font:700 24px/1.3 var(--serif)!important;color:var(--ink)!important}
div.seo-intro,div.seo-intro p,div.seo-intro li{font-size:15px;line-height:1.6;color:var(--ink)}
div.seo-intro p.seo-facts{color:var(--muted);font-size:14px}
div.seo-intro h2,div.motif-text h2,div.more-motifs h2,div.guide-home h2,div.faq h2.faq-q,div.guide h1,div.guide h2,div.guide h3,div.az h2.az-h{font-family:var(--serif)!important}
div.motif-text p{font-size:15px;line-height:1.65}
div.guide,div.guide p,div.guide li,div.guide td,div.guide th{font-family:var(--sans)}
div.guide p,div.guide li{font-size:15px}
div.guide p.guide-lead{font-size:17px}

/* ---------- Ergebniszeile, Seitenzahlen ---------- */
table.result td{font:13px/1.5 var(--sans);color:var(--muted)}
table.result td b{color:var(--ink)}
table.result a.pageResults,table.result a.pageResults u,td.result_right>b{text-decoration:none!important}
a.pageResults,td.result_right>b{display:inline-block;min-width:30px;padding:4px 8px;margin:0 1px;box-sizing:border-box;border:1px solid var(--line);
  border-radius:16px;text-align:center;font:600 13px/1.3 var(--sans);color:var(--ink);text-decoration:none!important;background:#fff}
a.pageResults u{text-decoration:none}
a.pageResults:hover{border-color:var(--berry);color:var(--berry)}
table.result td.result_right>b{background:var(--ink);border-color:var(--ink);color:#fff!important}
table.result a.pageResults,table.result a.pageResults u{color:var(--ink)!important;font-size:13px!important}
table.result a.pageResults:hover,table.result a.pageResults:hover u{color:var(--berry)!important;background:#fff!important}

/* ---------- Produktkarten (Kategorie, Suche, Neu) ---------- */
td.corner3_bg.width2_100{background:transparent!important}
table.pgrid td.prod_line_y,table.pgrid td.prod_line_x{background:none!important}
table.prod2_table,table.prod2_tl,table.prod2_bl{background:none!important}
td.prod2_l,td.prod2_tr,td.prod2_br{background:none!important}
td.prod2_td{background:var(--card)!important;border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow .2s,border-color .2s}
td.prod2_td:hover{border-color:#d8cbc0;box-shadow:var(--shadow)}
td.pic_td img{box-shadow:0 1px 3px rgba(0,0,0,.14)}
img[src*="corner3_"]{visibility:hidden}
td.name2_padd a,td.name a{font:700 15px/1.35 var(--serif)!important;color:var(--ink)!important;text-decoration:none!important}
td.name2_padd a:hover,td.name a:hover{color:var(--berry)!important}
td.desc2_padd,td.desc{font:12.5px/1.5 var(--sans)!important;color:var(--muted)!important}
td.price2_padd span,td.price2_padd .productSpecialPrice{font:700 19px/1.2 var(--sans)!important;color:var(--ink)!important}
.productSpecialPrice{color:var(--ink)}

/* ---------- Produktseite ---------- */
div.prod_info img#XXX{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
div.desc2,div.desc2 *{font-size:14px!important;line-height:1.6!important;color:var(--ink)}
table.content_wrapper1_table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
td.content_wrapper1_l,td.content_wrapper1_tr,td.content_wrapper1_br,table.content_wrapper1_tl,table.content_wrapper1_bl{background:#fff!important}
td.content_wrapper2_td,td.content_wrapper2_td .main,td.content_wrapper2_td div{font-size:14px!important;color:var(--ink)}
.cont_heading_td .right_part{font:700 22px/1.2 var(--sans);color:var(--ink)}
table.pi-options td.main{font-size:14px}
table.pi-options select,.main select,.infoBox_ select{min-height:34px;padding:0 8px;border:1px solid #cfc6bf;border-radius:6px;background:#fff;color:var(--ink);font:14px var(--sans)}
ul.trust-list{list-style:none;margin:12px 0 0;padding:0}
ul.trust-list li{margin:0 0 6px;padding-left:24px;font:14px/1.45 var(--sans);color:var(--ink);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8731e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") 0 2px/16px no-repeat}

/* ---------- Formulare ---------- */
.main input[type=text],.main input[type=password],.main input[type=email],.main input[type=tel],.infoBox_ input[type=text],.infoBox_ input[type=password],
.main textarea,.infoBox_ textarea{min-height:34px;padding:4px 10px;box-sizing:border-box;border:1px solid #cfc6bf!important;border-radius:6px;background:#fff;color:var(--ink);font:14px var(--sans)}
.main input:focus,.main select:focus,.main textarea:focus{border-color:var(--berry)!important;box-shadow:0 0 0 3px rgba(176,21,74,.15);outline:none}

/* ---------- Startseite: Einstieg ---------- */
div.hero{display:flex;align-items:stretch;overflow:hidden;margin:0 0 18px;border-radius:14px;background:var(--anthracite);box-shadow:var(--shadow)}
div.hero-img{flex:0 0 42%;max-width:350px}
div.hero-img img{display:block;width:100%;height:100%;object-fit:cover}
div.hero-txt{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 32px;color:#fff}
p.hero-kicker{margin:0 0 10px;font:600 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#f5b78a}
p.hero-h{margin:0 0 14px;font:700 34px/1.18 var(--serif)!important;color:#fff}
p.hero-p{margin:0 0 20px;font:17px/1.55 var(--sans);color:rgba(255,255,255,.88)}
p.hero-btns{margin:0;display:flex;flex-wrap:wrap;gap:10px}
p.hero-btns .gbtn-t{min-height:42px;padding:0 20px;font-size:15px!important}
p.hero-btns a:not(:first-child) .gbtn-t{background:transparent;border-color:rgba(255,255,255,.6);color:#fff!important}
p.hero-btns a:not(:first-child):hover .gbtn-t{background:rgba(255,255,255,.1);border-color:#fff}
p.hero-btns .gbtn-p .gbtn-t{background:#b85420;border-color:#b85420}
p.hero-btns a:hover .gbtn-p .gbtn-t{background:#9c4518;border-color:#9c4518}
table.banner_02 div,table.banner_02 p{text-align:left!important}
table.banner_02 h1 *,h1.seo-h1 *{font-family:var(--serif)!important}
table.banner_02 h1{font:700 20px/1.35 var(--serif)!important;color:var(--ink)}

/* ---------- Kacheln (Kategorien, Ratgeber, Mehr aus ...) ---------- */
a.ctile,a.gteaser{border-color:var(--line);border-radius:var(--radius)}
a.ctile:hover,a.gteaser:hover{border-color:#d8cbc0;box-shadow:var(--shadow)}
a.ctile .ctile-name{font:700 15px/1.3 var(--serif)!important;color:var(--ink)!important;text-decoration:none!important}
a.ctile:hover .ctile-name{color:var(--berry)!important}
a.gteaser .gteaser-t{font:700 15px/1.3 var(--serif)!important;color:var(--ink)!important;text-decoration:none!important}
a.gteaser:hover .gteaser-t{color:var(--berry)!important}
a.gteaser .gteaser-x,a.ctile .ctile-n{font-family:var(--sans)!important;font-size:13px!important}
div.az p.az-nav a{border-radius:6px;color:var(--ink)}
div.az p.az-nav a:hover{border-color:var(--berry);color:var(--berry)}
div.az ul.az-list a,div.az ul.az-list li{font:14px/1.6 var(--sans)}
div.az ul.az-list a{color:var(--ink)}
div.az ul.az-list a:hover{color:var(--berry)}

/* ---------- Footer ---------- */
td.row_3 table.footer{background:var(--ink)!important;border-radius:14px}
table.footer,table.footer td,table.footer span,table.footer b,table.footer a{background:none;font-family:var(--sans)!important}
td.footer2_td{padding:22px 24px!important;color:#ece6e1!important;font-size:13px!important;line-height:1.9!important}
td.footer2_td a{color:#fff!important;font-size:14px!important;font-weight:400!important;text-decoration:none!important}
td.footer2_td a:hover{text-decoration:underline!important}
td.footer2_td span.fsep{color:rgba(255,255,255,.3)!important}
td.footer2_td b{color:#ece6e1!important;font-size:14px!important;font-weight:400!important}
#widerruf-footer-btn a{background-color:var(--berry)!important;border-color:var(--berry-dark)!important;border-radius:6px!important;font-family:var(--sans)!important}
#widerruf-footer-btn span{color:#d6cfc9!important}

/* ---------- Meldungen ---------- */
.messageStackError,.messageStackError td{background:#fdecef!important;color:#7a0f33!important;border-radius:6px}
.messageStackSuccess,.messageStackSuccess td{background:#eef7ee!important;color:#1f5a26!important;border-radius:6px}
.messageStackWarning,.messageStackWarning td{background:#fff5e6!important;color:#7a4a05!important;border-radius:6px}


/* Kleinigkeiten */
td.footer2_td{text-align:center!important}
div.more-motifs a.ctile .ctile-name{font-size:13.5px!important}
td.name a,td.name{font-size:14px}
.productSpecialPrice,td.productListing-data b,.cart-total,span.cart-price{color:var(--ink)!important}
table.cart td,.infoBoxContents td{color:var(--ink)}


/* ---------- Lesbarkeit (Runde 2): kraeftiger, groesser, dunkler ---------- */
.main,td.main,div.main,.main p,.main td{font-size:16px!important;line-height:1.6;font-weight:450}
.smallText,span.smallText{font-size:13px!important;color:var(--muted)!important}
div.seo-intro,div.seo-intro p,div.seo-intro li{font-size:16px!important;font-weight:450}
div.seo-intro p.seo-facts{font-size:15px!important;color:var(--muted)!important}
div.motif-text p,div.faq div.faq-a,div.faq p.faq-intro,div.faq div.faq-a a,div.faq p.faq-intro a{font-size:16px!important;line-height:1.65;font-weight:450}
div.guide p,div.guide li,div.guide td,div.guide th{font-size:16.5px!important;font-weight:450}
div.guide p.guide-lead{font-size:18px!important}
div.guide p.guide-byline,div.guide figure.guide-fig figcaption{font-size:14px!important;color:var(--muted)!important}
td.cont_heading_td,.cont_heading_td,a.headerNavigation{font-size:15px!important;color:var(--muted)!important;font-weight:450}
table.result td{font-size:14px!important;color:var(--muted)!important}
a.pageResults,table.result a.pageResults,table.result a.pageResults u,td.result_right>b{font-size:14px!important}
/* Seitenleiste */
td.menu a.mlink{font-size:16px!important;font-weight:600!important}
.boxText .bg_list a,.boxText .bg_list_un a{font-size:16px!important;font-weight:500!important;color:var(--ink)!important}
td.infoBoxHeading_td,td.infoBoxHeading2_td,td.infoBoxHeading3_td{font-size:16px!important}
/* Produktkarten */
td.desc2_padd,td.desc{font-size:14px!important;line-height:1.5!important;color:var(--muted)!important;font-weight:450!important}
td.name2_padd a,td.name a{font-size:16px!important}
td.price2_padd span,td.price2_padd .productSpecialPrice{font-size:20px!important}
a.ctile .ctile-name,a.gteaser .gteaser-t{font-size:16px!important}
a.gteaser .gteaser-x,a.ctile .ctile-n{font-size:14px!important;color:var(--muted)!important}
div.az ul.az-list a,div.az ul.az-list li{font-size:15px!important;font-weight:450}
div.az .az-n{color:var(--muted)}
/* Produktseite */
div.desc2,div.desc2 *{font-size:15px!important;font-weight:450}
.cont_heading_td .right_part{font-size:24px!important;color:var(--ink)!important;font-weight:700}
td.content_wrapper2_td,td.content_wrapper2_td .main,td.content_wrapper2_td div,table.pi-options td.main{font-size:15px!important}
ul.trust-list li{font-size:15px!important;font-weight:500}
td.content_wrapper2_td a{font-size:inherit!important}
/* Buttons und Formulare */
.gbtn-t{font-size:15px!important;font-weight:600!important}
td.hdr-search-btn .gbtn-t{font-size:14px!important}
.main input[type=text],.main input[type=password],.main input[type=email],.main input[type=tel],.main textarea,
.infoBox_ input[type=text],.infoBox_ input[type=password],.infoBox_ textarea,table.pi-options select,.main select,.go input{font-size:16px!important}
/* Karten auf Beige klar abgrenzen */
td.content_width_td>table,td.content_width_td>form>table,table.box_width_left{border:1px solid var(--card-line);box-shadow:0 1px 2px rgba(46,42,42,.05),0 4px 14px rgba(46,42,42,.06)}
/* Einstieg Startseite: Button im Markenorange, Text dunkel fuer Kontrast */
p.hero-btns .gbtn-p .gbtn-t{background:var(--band)!important;border-color:var(--band)!important;color:var(--ink)!important}
p.hero-btns a:hover .gbtn-p .gbtn-t{background:#f08a3c!important;border-color:#f08a3c!important;color:var(--ink)!important}
p.hero-p{color:#f3ede8!important;font-weight:450}

/* ---------- nur Desktop: Rahmen, Breite, Karten ---------- */
@media (min-width:1000px){
  td.box_width_td_left{padding:20px 18px 0 0!important}
  .go input{width:230px!important}
  .go select{width:auto!important;max-width:150px}
  table.box_width_left{padding:8px 0 14px}
  td.row_3 table.footer{margin:18px auto 30px}
}

/* ---------- Mobil (Aufbau aus responsive.css, hier nur Anpassungen) ---------- */
@media (max-width:999px){
  :root{--band-h:150px}
  table.box_width_left,td.content_width_td>table,td.content_width_td>form>table{border-left:0;border-right:0}
  div.hero{flex-direction:column}
  div.hero-img{flex:none;max-width:none;height:190px;overflow:hidden}
  div.hero-img img{height:190px}
  div.hero-txt{padding:20px 18px 22px}
  p.hero-h{font-size:26px}
  p.hero-p{font-size:16px}
  .mbar-cart b{background:var(--orange)!important;color:#fff!important}
  .gbtn-t{min-height:42px}
  td.box_width_td_left{padding:0!important}
  table.box_width_left{border-radius:0;box-shadow:none}
  /* Fuss nicht breiter als der Bildschirm, sonst zoomt das Handy heraus und die Trustami-Leiste rutscht unter den Rand */
  td.row_3 td.footer2_td{padding:16px 10px 18px!important;box-sizing:border-box;max-width:100%}
}