Übernahme in Gambio

Alles wird in der StyleEdit-Theme-Kopie „Honeygrid Neureiter-Design“ (honeygrid_neureiter) eingespielt. Der Live-Shop ändert sich erst beim Aktivieren – und lässt sich jederzeit zurückschalten, indem „Honeygrid“ wieder aktiviert wird.

Im Gambio-Admin einloggen und StyleEdit mit der Theme-Kopie öffnen (die url=-Angabe ist nötig):
https://www.matthies-drechseln.de/GXModules/Gambio/StyleEdit/Build/index.php?language=de&url=https%3A%2F%2Fwww.matthies-drechseln.de&expertMode=1&editing=honeygrid_neureiter
Oben links muss „HONEYGRID NEUREITER-DESIGN“ stehen.
Grundlagen → Allgemein → Primärfarbe: #00488a
⋮ → „SCSS/CSS bearbeiten“: alles markieren, löschen, Inhalt aus Feld 1 einfügen (nicht tippen – StyleEdit friert sonst ein), „Speichern“ im Dialog, danach zusätzlich „Speichern“ links.
Contents → Widgets → „HTML“ in die leere Spalte direkt unter dem Slider ziehen, Inhalt aus Feld 2 einfügen, speichern.
In der StyleEdit-Vorschau prüfen: Startseite, Kategorie, Produkt, Warenkorb, Checkout, Handy-Ansicht.
Aktivieren: Theme-Übersicht → „Honeygrid Neureiter-Design“ → „Aktivieren“. Honeygrid nie löschen – die Kopie baut darauf auf.

Feld 1 – Eigene Stylesheets (160 Zeilen)

/* === Neureiter-Design fuer Matthies (Theme-Kopie honeygrid_neureiter) === */
/* Grundfarben */
body { background: #f5f5f5; color: #222626; }
a { color: #00488a; }
h1, h2, h3, legend { color: #00488a; }
legend { border-color: #00488a; }
h1 { font-size: 30px; font-weight: 400; }
/* Topbar blau */
#topbar-container { background: #00488a; }
#topbar-container a, #topbar-container span, #topbar-container i { color: #fff !important; }
#topbar-container a:hover, #topbar-container a:focus { background: transparent !important; text-decoration: underline; }
/* Header weiss, Suche gross */
#header { background: #fff; box-shadow: none; }
.navbar-search input { height: 40px; border: 1px solid #939595; border-radius: 0 3px 3px 0; font-size: 15px; }
#header .navbar-search .input-group .input-group-btn .dropdown-toggle { height: 40px; background: #f5f5f5; border-color: #939595; color: #222626; }
/* Hauptmenue hellgrau wie Neureiter */
#categories { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .navbar-categories, .navbar-categories ul.level-1 { background: transparent !important; }
.navbar-categories > ul > li > a, .navbar-categories > ul > li > a span, #mainNavigation a { background: transparent !important; color: #222626 !important; text-transform: none !important; font-size: 15px !important; font-weight: 600 !important; }
.navbar-categories > ul > li > a:hover, .navbar-categories > ul > li.open > a, #mainNavigation a:hover { background: #e6e6e6 !important; color: #00488a !important; }
.navbar-categories .dropdown-menu { border-top: 3px solid #00488a; } .navbar-categories .dropdown-menu a:hover { color: #00488a !important; background: #f5f5f5 !important; }
/* Breadcrumb */
#breadcrumb_navi, #breadcrumb_navi a, #breadcrumb_navi span { color: #222626 !important; font-size: 14px; font-weight: 700; }
#breadcrumb_navi a:hover { color: #00488a !important; }
/* Buttons */
.btn-primary, .btn-buy { background: #00488a !important; border-color: #00488a !important; color: #fff !important; border-radius: 3px; font-weight: 700; }
.btn-primary:hover, .btn-buy:hover, .btn-primary:focus, .btn-buy:focus { background: #003566 !important; border-color: #003566 !important; }
#main .btn-default, #main .btn.btn-default { background: #fff; border: 2px solid #00488a; color: #00488a; border-radius: 3px; font-weight: 700; }
#main .btn-default:hover, #main .btn.btn-default:hover { background: #00488a; color: #fff; }
/* Linke Spalte */
#left .box.panel { background: transparent; border: 0; box-shadow: none; }
#left .box .panel-heading { background: transparent; border: 0; color: #00488a; font-size: 20px; font-weight: 700; text-transform: uppercase; padding-left: 0; }
.navbar-categories-left a { background: transparent !important; color: #222626; font-weight: 600; }
.navbar-categories-left li a { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
.navbar-categories-left .active > a, .navbar-categories-left a:hover { background: #fff !important; color: #00488a; }
/* Produktliste als weisse Karten */
.product-container { background: #fff; border: 0 !important; border-radius: 2px; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); margin-bottom: 16px; }
.product-tile .title a, .product-tile .title a:hover { color: #222626 !important; font-size: 20px; }
.product-container .inside .content-container .content-container-inner .title a { font-weight: 600 !important; }
.product-tile .price, .product-tile .price * { color: #dc2626 !important; font-size: 24px; font-weight: 600; }
.product-tile .btn-buy { text-transform: none !important; font-size: 14px !important; height: 40px; }
#main .productlisting-filter-container .btn.btn-default { background: #fff; border: 1px solid #939595; color: #222626; font-weight: 400; }
#main .productlisting-filter-container .btn.btn-default:hover { background: #f5f5f5; color: #222626; }
/* Produktseite weiss wie Neureiter */
.product-info-content { background: #fff; padding-top: 15px; padding-bottom: 15px; }
.product-info-details { background: #fff !important; }
.product-info-title-desktop { color: #00488a !important; font-size: 30px; font-weight: 400; }
.product-info-details .current-price-container, .product-info-details .current-price-container * { color: #dc2626 !important; font-size: 30px !important; font-weight: 600 !important; }
.product-info-details dt { color: #374151; font-weight: 400; }
.products-shipping-time-value { color: #47c53b !important; }
.product-info-details .btn-buy { text-transform: none !important; }
.wishlist-container .btn-text { color: #00488a; }
#main .nav-tabs > li > a { color: #00488a; font-weight: 700; }
#main .nav-tabs > li.active > a, #main .nav-tabs > li.active > a:hover, #main .nav-tabs > li.active > a:focus { color: #00488a; border-bottom: 3px solid #00488a; }
/* Footer weiss mit blauer Leiste */
#footer { background: #fff; color: #222626; border-top: 1px solid #e5e5e5; }
#footer a { color: #393f3f; }
#footer .footer-bottom { background: #00488a; color: #fff; }
#footer .footer-bottom a { color: #fff; }
/* Topbar: Kontakt links wie Neureiter */
#topbar-container .navbar-topbar { position: relative; }
#topbar-container .navbar-topbar::before { content: "Telefon: 07251 / 3289487  |  info@matthies-drechseln.de"; position: absolute; left: 15px; top: 0; line-height: 30px; color: #fff; font-size: 13px; white-space: pre; }
@media (max-width: 991px) { #topbar-container .navbar-topbar::before { display: none; } }
/* Header wie Neureiter: Slogan aus, Suche breiter */
#header .custom-container { display: none; }
@media (min-width: 992px) { #header .navbar-search { width: 50%; } }
/* Startseite: alter Starttext nur in diesem Theme ausgeblendet */
.content-page-index, .content-page-index + p { display: none; }
/* Startseite Neureiter-Stil (HTML-Widget) */
.mn-home { margin: 0 0 30px; color: #222626; }
.mn-home section { margin: 0 0 40px; }
.mn-h { color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; }
.mn-btn { display: inline-block; background: #00488a; color: #fff !important; font-weight: 700; padding: 10px 24px; border-radius: 3px; text-decoration: none !important; }
.mn-btn:hover { background: #003566; }
.mn-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; background: linear-gradient(90deg, #fff 0%, #eef2f6 100%); padding: 40px; }
.mn-hero-text { flex: 1 1 340px; }
.mn-hero-logo { max-height: 50px; margin-bottom: 15px; }
.mn-hero-title { color: #222626 !important; font-size: 34px; font-weight: 700; line-height: 1.2; margin: 0 0 15px; }
.mn-hero-prices { list-style: none; padding: 0; margin: 0 0 20px; }
.mn-hero-prices li { display: flex; justify-content: space-between; gap: 15px; padding: 6px 12px; margin-bottom: 4px; background: #c0392b; color: #fff; font-size: 15px; }
.mn-hero-prices b { white-space: nowrap; }
.mn-hero-img { flex: 1 1 340px; text-align: center; }
.mn-hero-img img { width: 100%; max-width: 560px; height: auto; mix-blend-mode: multiply; }
.mn-promos { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.mn-promo { display: flex; flex-direction: column; background: #fff; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); text-decoration: none !important; color: #222626 !important; padding: 0 0 15px; }
.mn-promo img { width: 100%; height: 160px; object-fit: contain; background: #fff; padding: 10px; }
.mn-promo-title { font-size: 18px; font-weight: 700; color: #00488a; padding: 10px 15px 0; }
.mn-promo-text { padding: 4px 15px 10px; flex: 1; }
.mn-promo-link { margin: 0 15px; align-self: flex-start; border: 2px solid #00488a; color: #00488a; font-weight: 700; padding: 4px 14px; border-radius: 3px; }
.mn-intro h2 { color: #00488a; font-size: 30px; font-weight: 400; }
.mn-lead { font-size: 18px; font-weight: 700; }
.mn-intro p { font-size: 15px; line-height: 1.6; }
.mn-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.mn-cat-grid a { background: #fff; padding: 18px 15px; font-size: 15px; font-weight: 600; color: #222626 !important; text-decoration: none !important; box-shadow: 0 2px 4px rgba(0,0,0,.08); border-left: 4px solid #00488a; }
.mn-cat-grid a:hover { color: #00488a !important; background: #f0f4f8; }
.mn-brand-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; background: #fff; padding: 20px; }
.mn-brand-row a { display: flex; align-items: center; justify-content: center; height: 80px; }
.mn-brand-row img { max-width: 100%; max-height: 70px; }
.mn-service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.mn-service { background: #fff; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.mn-service small { color: #00488a; font-weight: 700; text-transform: uppercase; }
.mn-service h3 { color: #222626 !important; font-size: 20px; margin: 5px 0 10px; }
.mn-service p { font-size: 14px; line-height: 1.6; }
/* Breadcrumb mit Pfeilen statt Doppelpfeilen */
#breadcrumb_navi .breadcrumbSeparator { font-size: 0; padding: 0 10px; }
#breadcrumb_navi .breadcrumbSeparator::before { content: "\203A"; font-size: 20px; line-height: 1; color: #222626; vertical-align: -2px; }
/* Linke Spalte: Ueberschrift KATEGORIEN wie Neureiter */
#left .box-categories::before { content: "Kategorien"; display: block; color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; }
#left .box .panel-heading { font-size: 24px; }
/* Produktliste: kompakter wie Neureiter */
.product-tile .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-tile .price-tax { border-left: 0 !important; }
.product-tile .price-tax .rating, .product-tile .rating-container { display: none !important; }
/* Produktseite: Mengenauswahl schlicht */
#main .product-info-details .input-number .btn { background: #fff !important; border: 1px solid #939595 !important; color: #222626 !important; border-radius: 3px; }
#main .product-info-details .input-number .btn:hover { background: #f5f5f5 !important; }
#main .product-info-details .input-number input { border-color: #939595; }
/* Startseite: Ueberschriften ohne Honeygrid-Unterstrich, Angebote-Bereich wie Abschnittsueberschrift */
#main .mn-home h2, #main .mn-home h3 { border-bottom: 0; padding-bottom: 0; }
#main #home-center h3 { color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; border-bottom: 0; padding-bottom: 0; margin: 0 0 20px; }
#home-center .container-fluid { padding-left: 0; padding-right: 0; }
/* Startseite mobil kompakter */
@media (max-width: 767px) {
  #main #home-center h3 { font-size: 22px; }
  .mn-hero { padding: 20px; gap: 15px; }
  .mn-hero-title { font-size: 24px; }
  .mn-hero-prices li { font-size: 14px; }
  .mn-promos { grid-template-columns: 1fr 1fr; gap: 10px; }
  .mn-promo img { height: 110px; }
  .mn-promo-title { font-size: 15px; }
  .mn-promo-text { font-size: 12px; }
  .mn-cat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mn-cat-grid a { padding: 12px 10px; font-size: 13px; }
  .mn-brand-row { grid-template-columns: repeat(3, 1fr); padding: 10px; }
  .mn-brand-row a { height: 60px; }
  .mn-h { font-size: 22px; }
}
/* Eingebettete Videos in Beschreibungen mobil nicht breiter als der Bildschirm */
#main iframe[src*="youtube"], #main iframe[src*="vimeo"] { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }
/* Hinweisboxen hell statt braun (Honeygrid-Original: #755000) */
.alert.alert-info { background-color: #e8f0f8 !important; color: #00488a !important; border-color: #b8cde3 !important; }
.alert.alert-info a, .alert.alert-info .alert-link { color: #00488a !important; text-decoration: underline; }
/* Footer wie Neureiter: Links | Kontakt & Shop Service (Spalte 2 ist im Shop leer) */
#footer { padding-top: 30px; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .row .footer-col-4 { height: auto; min-height: 0; padding-top: 0; padding-bottom: 20px; }
#footer .inside .row .footer-col-4 { padding-bottom: 0; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .row .footer-col-4 { border: 0 !important; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3 { width: 33.3333%; }
#footer .footer-col-1 .panel { background: transparent; border: 0; box-shadow: none; }
#footer .footer-col-1 .panel-heading { background: transparent; border: 0; padding: 0 0 8px; }
#footer .panel .panel-heading .panel-title.footer-column-title { color: #374151; font-size: 18px; font-weight: 700; text-transform: none; }
#footer .footer-col-1 .panel-body { padding: 0; }
#footer .panel .panel-body ul li a { padding: 3px 0; color: #393f3f; font-size: 14px; line-height: 20px; background: transparent; }
#footer .panel .panel-body ul li a:hover { color: #00488a; text-decoration: underline; background: transparent; }
#footer .footer-col-2::before { content: "Kontakt & Shop Service"; display: block; color: #374151; font-size: 18px; font-weight: 700; margin: 0 0 8px; }
#footer .footer-col-2::after { content: "Telefonische Beratung:\A Klaus W. Matthies\A Holzbearbeitungs-Maschinen + Werkzeuge\A 76694 Forst\A \A Telefon 07251 / 3289487\A info@matthies-drechseln.de"; display: block; white-space: pre-line; color: #393f3f; font-size: 14px; line-height: 21px; }
#footer .btn-withdrawal { background: #00488a !important; border-color: #00488a !important; color: #fff !important; border-radius: 3px; }
@media (max-width: 767px) {
  #footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3 { width: 100%; }
  #footer .footer-col-2 { margin-top: 20px; }
}

Feld 2 – HTML-Widget Startseite

<div class="mn-home">
<section class="mn-hero">
<div class="mn-hero-text">
<img class="mn-hero-logo" src="/images/categories/drechselmeisterweb.jpg" alt="Drechselmeister">
<h2 class="mn-hero-title">DRECHSELMEISTER<br>MASCHINENAKTION</h2>
<ul class="mn-hero-prices">
<li><span>STRATOS XL</span> <b>4.698,00 €</b></li>
<li><span>TWISTER XL</span> <b>3.598,00 €</b></li>
<li><span>MIDI PRO – neueste Version</span> <b>1.579,00 €</b></li>
<li><span>MIDI PRO Set-Aktion inkl. SuperNOVA2 Spannfutter, 50-mm-Spannzange und Zusatzbett</span> <b>1.928,00 €</b></li>
<li><span>MIDI2PLUS</span> <b>1.298,00 €</b></li>
</ul>
<a class="mn-btn" href="/de/Drechselmaschinen/">zu den Drechselmaschinen</a>
</div>
<div class="mn-hero-img"><img src="/images/product_images/original_images/Drechselmeister%20Maschienen/DDSTRATOS-FU230/ddstratos_fu-230_04-22_-main_r_2_web.jpg" alt="Drechselmeister STRATOS FU-230"></div>
</section>
<section class="mn-promos">
<a class="mn-promo" href="/de/Drechselmaschinen/"><img src="/images/product_images/popup_images/Record%20power%20Drechselmaschine/MIDI%20PRO%20SETAKTION/ddmidi_proset1.jpg" alt=""><span class="mn-promo-title">Drechselmaschinen</span><span class="mn-promo-text">DRECHSELMEISTER – 5 Jahre Garantie</span><span class="mn-promo-link">zur Rubrik</span></a>
<a class="mn-promo" href="/de/Drechselwerkzeug/"><img src="/images/categories/crownwebneu.jpg" alt=""><span class="mn-promo-title">Drechselwerkzeuge</span><span class="mn-promo-text">Crown, Sorby, Record Power, Stubai</span><span class="mn-promo-link">zur Rubrik</span></a>
<a class="mn-promo" href="/de/Drechseln-Zubehoer/"><img src="/images/product_images/popup_images/rs60-neu-schatt.jpg" alt=""><span class="mn-promo-title">Zubehör</span><span class="mn-promo-text">Spannfutter, Spannzangen und mehr</span><span class="mn-promo-link">zur Rubrik</span></a>
<a class="mn-promo" href="/de/Werkzeugschaerfen/"><img src="/images/product_images/popup_images/schaerfpaket_wg250-wp.png" alt=""><span class="mn-promo-title">Werkzeugschärfen</span><span class="mn-promo-text">Schärfsysteme und Zubehör</span><span class="mn-promo-link">zur Rubrik</span></a>
</section>
<section class="mn-intro">
<h2>Ihr Drechsel-Onlineshop</h2>
<p class="mn-lead">Alles rund ums Drechseln – Drechselmaschinen, Werkzeuge und Zubehör in Topqualität zu fairen Preisen.</p>
<p>Wir begrüßen Sie in unserem Drechselshop und freuen uns, dass Sie zu uns auf unsere Seiten gekommen sind. Wir liefern Drechselmaschinen, Drechselwerkzeuge, Werkstattausstattung und Drechselzubehör. Gepaart mit jahrzehntelanger Erfahrung des Hauses Matthies im Bereich Holzbearbeitung und Maschinen garantieren wir Ihnen selbstverständlich Top-Beratung und bestmöglichen Service auch im Bereich Drechseln.</p>
</section>
<section class="mn-cats">
<h2 class="mn-h">Hauptkategorien</h2>
<div class="mn-cat-grid">
<a href="/de/Drechselmaschinen/">Drechselmaschinen</a>
<a href="/de/Drechselwerkzeug/">Drechselwerkzeuge</a>
<a href="/de/Drechseln-Zubehoer/">Zubehör</a>
<a href="/de/Spezialwerkzeuge/">Spezialwerkzeuge</a>
<a href="/de/Elektrowerkzeuge/">Holzbearbeitung</a>
<a href="/de/Schnitzgeraete/">Schnitzgeräte</a>
<a href="/de/Werkzeugschaerfen/">Werkzeugschärfen</a>
<a href="/de/Oberflaechenbearbeitung/">Oberflächenbearbeitung</a>
<a href="/de/Werkstattausstattung/">Werkstattausstattung</a>
<a href="/de/Arbeitsschutz/">Arbeitsschutz</a>
<a href="/de/Handwerkzeuge/">Handwerkzeuge</a>
<a href="/de/Fachbuecher/">Fachbücher</a>
</div>
</section>
<section class="mn-brands">
<h2 class="mn-h">Unsere Marken</h2>
<div class="mn-brand-row">
<a href="/de/Drechselmaschinen/"><img src="/images/categories/drechselmeisterweb.jpg" alt="Drechselmeister"></a>
<a href="/de/Drechselwerkzeug/"><img src="/images/categories/crownwebneu.jpg" alt="Crown"></a>
<a href="/de/Spezialwerkzeuge/SORBY/"><img src="/images/categories/sorbyweb.jpg" alt="Sorby"></a>
<a href="/de/Spezialwerkzeuge/WOODCUT/"><img src="/images/categories/woodcutweb.jpg" alt="Woodcut"></a>
<a href="/de/Spezialwerkzeuge/EASY-WOOD-TOOLS/"><img src="/images/categories/easywoodlogo.jpg" alt="Easy Wood Tools"></a>
<a href="/de/Spezialwerkzeuge/Hunter-Drechselwerkzeuge/"><img src="/images/categories/hunterlogo.jpg" alt="Hunter"></a>
</div>
</section>
<section class="mn-services">
<h2 class="mn-h">Services</h2>
<div class="mn-service-grid">
<div class="mn-service"><small>Persönliche Beratung</small><h3>Wir sind erreichbar</h3><p>Telefon 07251 / 3289487<br>info@matthies-drechseln.de</p><a class="mn-btn" href="/de/info/mein-kontakt.html">zum Kontakt</a></div>
<div class="mn-service"><small>Drechselmeister</small><h3>5 Jahre Garantie</h3><p>Auf alle DRECHSELMEISTER Maschinen gewähren wir Ihnen 5 Jahre Garantie.</p><a class="mn-btn" href="/de/Drechselmaschinen/">zu den Maschinen</a></div>
<div class="mn-service"><small>Über uns</small><h3>Erfahrung seit Jahrzehnten</h3><p>Holzbearbeitungs-Maschinen und Werkzeuge aus einer Hand – mit Top-Beratung und bestmöglichem Service.</p><a class="mn-btn" href="/de/info/ueber-uns.html">mehr über uns</a></div>
</div>
</section>
</div>

Dateien direkt: eigene-stylesheets.css · startseite-widget.html · grundlagen.json