﻿{"id":35308,"date":"2025-05-27T11:12:06","date_gmt":"2025-05-27T11:12:06","guid":{"rendered":"https:\/\/gobelka.com\/de\/?page_id=35308"},"modified":"2026-04-17T09:54:50","modified_gmt":"2026-04-17T09:54:50","slug":"belka-tapete-rabatt-angebote","status":"publish","type":"page","link":"https:\/\/gobelka.com\/de\/belka-tapete-rabatt-angebote\/","title":{"rendered":"Belka Tapete Rabatt Angebote"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35308\" class=\"elementor elementor-35308\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f648f0b e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"f648f0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-101b5cb elementor-widget elementor-widget-html\" data-id=\"101b5cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"belka-hero-2025\">\r\n  <div class=\"bh-container\">\r\n    \r\n    <div class=\"bh-content\">\r\n      \r\n      <div class=\"bh-badges\">\r\n        <span class=\"bh-badge-red\">\ud83c\udf37 Fr\u00fchlingsaktion 2026<\/span>\r\n        <span class=\"bh-badge-green\">Ausgew\u00e4hlte Produkte, Y-Serie & Vorbestellung<\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"bh-title\">\r\n        Belka Fr\u00fchlingsaktion:<br>\r\n        <span class=\"bh-highlight\">Bis zu 20 % Rabatt auf ausgew\u00e4hlte Farben<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"bh-mobile-img-placeholder\"><\/div>\r\n\r\n      <p class=\"bh-desc\">\r\n        Entdecken Sie jetzt <strong>ausgew\u00e4hlte Belka Produkte und Produktvariationen mit bis zu 20 % Rabatt<\/strong>.\r\n        Die Aktion gilt f\u00fcr ausgew\u00e4hlte Farben und Varianten unserer nat\u00fcrlichen, atmungsaktiven Baumwollwandbeschichtung. F\u00fcr die Y-Serie bleiben au\u00dferdem <strong>22 % Rabatt im Warenkorb<\/strong> aktiv. Zus\u00e4tzlich sichern Sie sich <strong>30 % Vorbestellungsrabatt auf B13-5, B11-5 und B30-5<\/strong> bei einer Lieferzeit von ca. 2 Wochen.\r\n      <\/p>\r\n\r\n      <div class=\"bh-discount-row\">\r\n        <div class=\"bh-disc-item\">\r\n          <span class=\"bh-big-num\">-20%<\/span>\r\n          <span class=\"bh-small-txt\">Auf ausgew\u00e4hlte Farben<\/span>\r\n        <\/div>\r\n        <div class=\"bh-disc-item\">\r\n          <span class=\"bh-big-num\">-22%<\/span>\r\n          <span class=\"bh-small-txt\">Y-Serie im Warenkorb<\/span>\r\n        <\/div>\r\n        <div class=\"bh-disc-item\">\r\n          <span class=\"bh-big-num\">-30%<\/span>\r\n          <span class=\"bh-small-txt\">Vorbestellung in 2 Wochen<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bh-actions\">\r\n        <a href=\"#angebote\" class=\"bh-btn-primary\">\r\n  Produkte ansehen <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n        <a href=\"https:\/\/gobelka.com\/de\/belka-tapete-y25-trendfarben-2025\/\" class=\"bh-btn-secondary\">\r\n          Y-Serie ansehen\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"bh-trust-micro\">\r\n        <span><i class=\"fas fa-check\"><\/i> Versandkostenfrei ab 125\u20ac<\/span>\r\n        <span><i class=\"fas fa-star\"><\/i> Fr\u00fchlingsaktion, 22 % auf die Y-Serie und 30 % Vorbestellungsrabatt<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bh-image-col\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/12\/belka-tapete-rabattkampagne.webp\" \r\n        alt=\"Belka Fr\u00fchlingsaktion mit Rabatt auf ausgew\u00e4hlte Farben und Varianten\" \r\n        class=\"bh-main-img\"\r\n        width=\"800\" height=\"600\"\r\n        loading=\"eager\" \r\n        fetchpriority=\"high\"\r\n      >\r\n      <div class=\"bh-img-tag\">Original Belka\u00ae<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cda0113 elementor-widget elementor-widget-html\" data-id=\"cda0113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ==================== TRUST BAR (Sticky-feel) ==================== *\/\n  :root {\n    --bf-accent: #D32F2F; \/* Belka Red *\/\n    --bf-dark: #111827;   \/* Deep Black\/Blue *\/\n    --bf-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n  }\n\n  .trust-bar-section {\n    background: #ffffff;\n    border-bottom: 1px solid #f3f4f6;\n    padding: 1rem 0; \/* \u06a9\u0645\u06cc \u0641\u0634\u0631\u062f\u0647\u200c\u062a\u0631 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    width: 100%;\n    z-index: 10;\n  }\n\n  .trust-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 1rem;\n  }\n\n  .trust-heading {\n    text-align: center;\n    font-size: 0.75rem; \/* \u0633\u0627\u06cc\u0632 \u0645\u0646\u0627\u0633\u0628 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #6b7280;\n    font-weight: 700;\n    margin-bottom: 0.75rem;\n  }\n\n  \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n  .trust-grid {\n    display: flex;\n    gap: 0.75rem;\n    overflow-x: auto; \/* \u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0627 \u0627\u0646\u06af\u0634\u062a *\/\n    padding-bottom: 0.5rem;\n    margin: 0 -1rem; \/* \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 \u0631\u0627 \u0628\u06af\u06cc\u0631\u062f *\/\n    padding-left: 1rem;\n    padding-right: 1rem;\n    scrollbar-width: none; \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644\u200c\u0628\u0627\u0631 \u062f\u0631 \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633 *\/\n    -webkit-overflow-scrolling: touch; \/* \u0627\u0633\u06a9\u0631\u0648\u0644 \u0646\u0631\u0645 \u062f\u0631 \u0622\u06cc\u0641\u0648\u0646 *\/\n  }\n  \n  .trust-grid::-webkit-scrollbar { display: none; \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u062f\u0631 \u06a9\u0631\u0648\u0645\/\u0633\u0627\u0641\u0627\u0631\u06cc *\/ }\n\n  \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u06a9\u062a\u0627\u067e *\/\n  @media (min-width: 1024px) {\n    .trust-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      margin: 0;\n      padding: 0;\n      overflow: visible;\n    }\n  }\n\n  .trust-item {\n    min-width: 120px; \/* \u0639\u0631\u0636 \u062b\u0627\u0628\u062a \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    background: #f9fafb;\n    border: 1px solid #e5e7eb;\n    border-radius: 12px;\n    padding: 0.6rem;\n    text-align: center;\n    text-decoration: none;\n    transition: var(--bf-transition);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062c\u0645\u0639 \u0634\u062f\u0646 \u062f\u0631 \u0641\u0644\u06a9\u0633 *\/\n  }\n\n  @media (min-width: 1024px) { .trust-item { min-width: auto; } }\n\n  .trust-item:hover {\n    transform: translateY(-3px);\n    border-color: var(--bf-accent);\n    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.1);\n  }\n\n  .trust-box-title {\n    font-weight: 800;\n    color: var(--bf-dark);\n    font-size: 0.8rem;\n    margin-bottom: 0.2rem;\n  }\n\n  .trust-label {\n    font-size: 0.65rem;\n    color: #6b7280;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n<\/style>\n\n<div class=\"trust-bar-section\">\n  <div class=\"trust-container\">\n    <p class=\"trust-heading\">Gepr\u00fcfte Qualit\u00e4t & Sicherheit nach EU-Norm<\/p>\n    \n    <div class=\"trust-grid\">\n      <a href=\"#modal-tuv\" class=\"trust-item\">\n        <div class=\"trust-box-title\">T\u00dcV NORD<\/div>\n        <span class=\"trust-label\">Schallschutz<\/span>\n      <\/a>\n      \n      <a href=\"#modal-mpa\" class=\"trust-item\">\n        <div class=\"trust-box-title\">MPA NRW<\/div>\n        <span class=\"trust-label\">W\u00e4rmed\u00e4mmung<\/span>\n      <\/a>\n      \n      <a href=\"#modal-kcl\" class=\"trust-item\">\n        <div class=\"trust-box-title\">KCL<\/div>\n        <span class=\"trust-label\">Schadstofffrei<\/span>\n      <\/a>\n      \n      <a href=\"#modal-bodycote\" class=\"trust-item\">\n        <div class=\"trust-box-title\">Bodycote<\/div>\n        <span class=\"trust-label\">Feuerschutz<\/span>\n      <\/a>\n      \n      <div class=\"trust-item\">\n        <div class=\"trust-box-title\">CE KONFORM<\/div>\n        <span class=\"trust-label\">EU-Sicherheit<\/span>\n      <\/div>\n      \n      <div class=\"trust-item\">\n        <div class=\"trust-box-title\">ASBESTFREI<\/div>\n        <span class=\"trust-label\">Gepr\u00fcft<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e3b65 elementor-widget elementor-widget-html\" data-id=\"c6e3b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n  <title>Belka Farbfinder & Rechner<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <style>\n    :root {\n      --primary: #E63946;\n      --text-main: #1D1D1F;\n      --text-sec: #6e6e73;\n      --bg-body: #F5F5F7;\n      --surface: #FFFFFF;\n      --radius-std: 16px;\n    }\n\n    \/* GRUNDLAGEN (Base Styles) *\/\n    * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; }\n    body { background: var(--bg-body); color: var(--text-main); padding-bottom: 60px; line-height: 1.5; }\n\n    \/* LAYOUT CONTAINER *\/\n    .app-wrapper {\n      width: 100%;\n      margin: 0 auto;\n      padding: 20px;\n    }\n\n    \/* Responsive Einstellungen *\/\n    @media (min-width: 1024px) {\n      .app-wrapper { max-width: 1000px; } \/* Weiter auf Desktop *\/\n      .header h2 { font-size: 2rem !important; }\n    }\n    @media (max-width: 1023px) {\n      .app-wrapper { max-width: 500px; } \/* Kompakt auf Mobile *\/\n    }\n\n    \/* HEADER *\/\n    .header { text-align: center; margin-bottom: 24px; }\n    .header h2 { font-size: 1.5rem; font-weight: 800; margin-bottom: 8px; color: #000; letter-spacing: -0.5px; }\n    .header p { font-size: 1rem; color: var(--text-sec); }\n\n    \/* TAB NAVIGATION *\/\n    .nav-tabs {\n      background: rgba(118, 118, 128, 0.12);\n      padding: 4px; border-radius: 14px; display: flex;\n      margin-bottom: 24px; position: relative; height: 48px;\n    }\n    .nav-item {\n      flex: 1; border: none; background: transparent; z-index: 2;\n      font-size: 0.95rem; font-weight: 600; color: #555;\n      cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;\n      transition: color 0.2s ease;\n    }\n    .nav-item.active { color: #000; font-weight: 700; }\n    \n    .nav-bg-slider {\n      position: absolute; top: 4px; left: 4px; bottom: 4px; width: calc(50% - 4px);\n      background: #fff; border-radius: 11px;\n      box-shadow: 0 3px 8px rgba(0,0,0,0.12); z-index: 1;\n      transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    \/* FARB-RASTER (Color Grid) *\/\n    .grid-container {\n      display: grid; gap: 16px;\n      transition: all 0.3s ease;\n    }\n    \n    \/* Mobile: 3 Spalten | Desktop: 6 Spalten *\/\n    @media (max-width: 767px) { .grid-container { grid-template-columns: repeat(3, 1fr); } }\n    @media (min-width: 768px) { .grid-container { grid-template-columns: repeat(6, 1fr); } }\n\n    .color-card {\n      background: var(--surface); border-radius: var(--radius-std); padding: 12px;\n      display: flex; flex-direction: column; align-items: center; gap: 10px;\n      text-decoration: none; border: 1px solid rgba(0,0,0,0.05);\n      box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s;\n      cursor: pointer;\n    }\n    .color-card:hover { transform: translateY(-4px); box-shadow: 0 8px 15px rgba(0,0,0,0.08); }\n    .color-card:active { transform: scale(0.96); }\n\n    \/* Textur-Box (Squircle) *\/\n    .texture-box {\n      width: 100%; aspect-ratio: 1; border-radius: 20px;\n      position: relative; overflow: hidden;\n      box-shadow: inset 0 2px 6px rgba(255,255,255,0.25), inset 0 -3px 8px rgba(0,0,0,0.15);\n    }\n    \/* Rauschen-Effekt (Noise) f\u00fcr Stoff-Haptik *\/\n    .texture-box::after {\n      content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'\/%3E%3C\/svg%3E\");\n      mix-blend-mode: overlay; opacity: 0.5;\n    }\n    .texture-box.border-light { border: 1px solid #e0e0e0; }\n    .color-label { font-size: 0.85rem; font-weight: 600; color: #333; }\n\n    \/* Mehr Anzeigen Button (Show More) *\/\n    .btn-show-more {\n      grid-column: 1 \/ -1; \/* Nimmt volle Breite ein *\/\n      background: #e1e1e6; color: #333; border: none; padding: 14px;\n      border-radius: 12px; font-weight: 700; cursor: pointer; margin-top: 10px;\n      display: flex; align-items: center; justify-content: center; gap: 8px;\n      transition: background 0.2s;\n    }\n    .btn-show-more:hover { background: #d1d1d6; }\n    .hidden-items { display: none; } \/* Standardm\u00e4\u00dfig versteckt *\/\n\n    \/* RECHNER (Calculator) *\/\n    .calc-wrapper {\n      background: var(--surface); border-radius: 24px; padding: 30px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.06); margin: 0 auto;\n      max-width: 600px; \/* Auf Desktop nicht zu breit *\/\n      display: none; animation: fadeIn 0.4s ease;\n    }\n    .calc-wrapper.is-visible { display: block; }\n\n    .input-flex { display: flex; gap: 20px; margin-bottom: 20px; }\n    .input-col { flex: 1; }\n    \n    .input-label { display: block; font-size: 0.8rem; font-weight: 700; color: var(--text-sec); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }\n    \n    .input-field {\n      width: 100%; padding: 16px; font-size: 1.25rem; \n      border: 2px solid #e1e1e6; border-radius: 16px; \n      text-align: center; font-weight: 700; color: var(--text-main);\n      background: #fbfbfd; outline: none; transition: all 0.2s;\n    }\n    .input-field:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px rgba(230, 57, 70, 0.1); }\n\n    .area-box {\n      background: #f2f2f7; padding: 12px; border-radius: 12px;\n      text-align: center; margin-bottom: 24px; color: #555; font-size: 0.95rem;\n    }\n    .area-box strong { color: #000; font-weight: 800; font-size: 1.1rem; }\n\n    .result-box {\n      background: #FFF5F5; border: 2px dashed #FFCCD0;\n      border-radius: 20px; padding: 20px; text-align: center; margin-bottom: 24px;\n    }\n    .res-val { font-size: 3rem; font-weight: 900; color: var(--primary); line-height: 1; margin: 5px 0; }\n    .res-txt { font-size: 1rem; font-weight: 600; color: #333; }\n\n    .btn-cta {\n      display: block; width: 100%; padding: 18px; \n      background: var(--primary); color: white; border-radius: 16px;\n      text-align: center; text-decoration: none; font-weight: 800; font-size: 1.1rem;\n      box-shadow: 0 8px 25px rgba(230, 57, 70, 0.3); transition: transform 0.2s;\n    }\n    .btn-cta:hover { transform: translateY(-2px); }\n    .btn-cta:active { transform: scale(0.98); }\n\n    \/* Hilfsklassen *\/\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"app-wrapper\">\n  \n  <div class=\"header\">\n    <h2>Belka Farbstudio<\/h2>\n    <p>W\u00e4hlen Sie Ihre Farbe oder berechnen Sie den Bedarf.<\/p>\n  <\/div>\n\n  <div class=\"nav-tabs\">\n    <div class=\"nav-bg-slider\" id=\"bgSlider\"><\/div>\n    <button class=\"nav-item active\" id=\"btnTabColor\" onclick=\"switchView('color')\">\n      <i class=\"fas fa-th\"><\/i> Farben\n    <\/button>\n    <button class=\"nav-item\" id=\"btnTabCalc\" onclick=\"switchView('calc')\">\n      <i class=\"fas fa-calculator\"><\/i> Rechner\n    <\/button>\n  <\/div>\n\n  <div id=\"viewColors\">\n    <div class=\"grid-container\" id=\"colorGrid\">\n      \n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=blau&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #3c78d8, #2a5bb5);\"><\/div>\n        <span class=\"color-label\">Blau<\/span>\n      <\/a>\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=braun&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #8B5A2B, #6b4420);\"><\/div>\n        <span class=\"color-label\">Braun<\/span>\n      <\/a>\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=creme&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box border-light\" style=\"background: linear-gradient(135deg, #FFFDD0, #eee8aa);\"><\/div>\n        <span class=\"color-label\">Creme<\/span>\n      <\/a>\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=gelb&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #FFD700, #e6c200);\"><\/div>\n        <span class=\"color-label\">Gelb<\/span>\n      <\/a>\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=grau&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #A9A9A9, #808080);\"><\/div>\n        <span class=\"color-label\">Grau<\/span>\n      <\/a>\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=grun&query_type_farbe=or\" class=\"color-card\">\n        <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #2E8B57, #226640);\"><\/div>\n        <span class=\"color-label\">Gr\u00fcn<\/span>\n      <\/a>\n\n      <div class=\"hidden-items\" id=\"moreColors\" style=\"display:contents;\">\n         <div class=\"hidden-items-wrapper\" style=\"display:none; display:contents;\">\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=lila&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #9b59b6, #8e44ad);\"><\/div>\n              <span class=\"color-label\">Lila<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=orange&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #e67e22, #d35400);\"><\/div>\n              <span class=\"color-label\">Orange<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=rosa&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #ff9ff3, #f368e0);\"><\/div>\n              <span class=\"color-label\">Rosa<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=rot&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #E63946, #c0392b);\"><\/div>\n              <span class=\"color-label\">Rot<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=schwarz&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #333, #000);\"><\/div>\n              <span class=\"color-label\">Schwarz<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=turkis&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box\" style=\"background: linear-gradient(135deg, #1abc9c, #16a085);\"><\/div>\n              <span class=\"color-label\">T\u00fcrkis<\/span>\n            <\/a>\n            <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/?filter_farbe=weis&query_type_farbe=or\" class=\"color-card hidden-target\">\n              <div class=\"texture-box border-light\" style=\"background: linear-gradient(135deg, #FFFFFF, #f5f5f5);\"><\/div>\n              <span class=\"color-label\">Wei\u00df<\/span>\n            <\/a>\n         <\/div>\n      <\/div>\n\n      <button class=\"btn-show-more\" id=\"btnShowMore\" onclick=\"toggleColors()\">\n        <span>Alle Farben anzeigen<\/span>\n        <i class=\"fas fa-chevron-down\"><\/i>\n      <\/button>\n\n    <\/div>\n  <\/div>\n\n  <div id=\"viewCalc\" class=\"calc-wrapper\">\n    \n    <div class=\"input-flex\">\n      <div class=\"input-col\">\n        <label class=\"input-label\">Breite (m)<\/label>\n        <input type=\"text\" inputmode=\"decimal\" id=\"inpWidth\" class=\"input-field\" placeholder=\"4,0\" value=\"4\">\n      <\/div>\n      <div class=\"input-col\">\n        <label class=\"input-label\">H\u00f6he (m)<\/label>\n        <input type=\"text\" inputmode=\"decimal\" id=\"inpHeight\" class=\"input-field\" placeholder=\"2,5\" value=\"2,5\">\n      <\/div>\n    <\/div>\n\n    <div class=\"area-box\">\n      <i class=\"fas fa-ruler-combined\"><\/i> Wandfl\u00e4che: <strong id=\"txtArea\">10,0<\/strong> m\u00b2\n    <\/div>\n\n    <div class=\"result-box\">\n      <div class=\"res-txt\">Ben\u00f6tigte Menge ca.<\/div>\n      <div class=\"res-val\" id=\"txtResult\">3,5<\/div>\n      <div class=\"res-txt\" style=\"color:var(--primary)\">Kilogramm Belka<\/div>\n    <\/div>\n\n    <a href=\"https:\/\/gobelka.com\/de\/belka-tapete-rabatt-angebote\/\" class=\"btn-cta\">\n      Jetzt Bestellen <i class=\"fas fa-shopping-cart\" style=\"margin-left:8px\"><\/i>\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<script>\n  \/\/ --- KONFIGURATION & ELEMENTE ---\n  const elSlider = document.getElementById('bgSlider');\n  const btnColor = document.getElementById('btnTabColor');\n  const btnCalc = document.getElementById('btnTabCalc');\n  \n  const divColors = document.getElementById('viewColors');\n  const divCalc = document.getElementById('viewCalc');\n\n  const wrapperHidden = document.querySelector('.hidden-items-wrapper');\n  const btnShowMore = document.getElementById('btnShowMore');\n\n  \/\/ --- TAB-LOGIK ---\n  function switchView(mode) {\n    if (mode === 'color') {\n      \/\/ UI Update\n      elSlider.style.transform = 'translateX(0)';\n      btnColor.classList.add('active');\n      btnCalc.classList.remove('active');\n      \n      \/\/ View Update\n      divColors.style.display = 'block';\n      divCalc.classList.remove('is-visible');\n    } else {\n      \/\/ UI Update\n      elSlider.style.transform = 'translateX(100%)';\n      btnColor.classList.remove('active');\n      btnCalc.classList.add('active');\n      \n      \/\/ View Update\n      divColors.style.display = 'none';\n      divCalc.classList.add('is-visible');\n    }\n  }\n\n  \/\/ --- \"MEHR ANZEIGEN\" LOGIK ---\n  function toggleColors() {\n    \/\/ Elemente einblenden\n    wrapperHidden.style.display = 'contents';\n    \n    \/\/ Grid-Items sichtbar machen (CSS Klasse entfernen falls n\u00f6tig oder display setzen)\n    const items = document.querySelectorAll('.hidden-target');\n    items.forEach(item => item.style.display = 'flex');\n\n    \/\/ Button ausblenden\n    btnShowMore.style.display = 'none';\n  }\n  \n  \/\/ Initial verstecken (Sicherheitsma\u00dfnahme)\n  document.querySelectorAll('.hidden-target').forEach(el => el.style.display = 'none');\n\n\n  \/\/ --- RECHNER LOGIK (DEUTSCH) ---\n  const iW = document.getElementById('inpWidth');\n  const iH = document.getElementById('inpHeight');\n  const outArea = document.getElementById('txtArea');\n  const outRes = document.getElementById('txtResult');\n\n  function parseGerman(val) {\n    if (!val) return 0;\n    \/\/ Komma zu Punkt konvertieren f\u00fcr JS\n    return parseFloat(val.toString().replace(',', '.')) || 0;\n  }\n\n  function formatGerman(num) {\n    \/\/ Punkt zu Komma konvertieren f\u00fcr Anzeige\n    return num.toFixed(1).replace('.', ',');\n  }\n\n  function doCalculate() {\n    let w = parseGerman(iW.value);\n    let h = parseGerman(iH.value);\n    \n    let area = w * h;\n    outArea.innerText = formatGerman(area);\n\n    if (area <= 0) {\n      outRes.innerText = \"0,0\";\n      return;\n    }\n\n    \/\/ Formel: 1kg = 3m\u00b2 | Aufrunden auf 0.5 Schritte\n    let kg = Math.ceil((area \/ 3) * 2) \/ 2;\n    outRes.innerText = formatGerman(kg);\n  }\n\n  \/\/ Event Listener hinzuf\u00fcgen\n  ['input', 'change', 'keyup'].forEach(evt => {\n    iW.addEventListener(evt, doCalculate);\n    iH.addEventListener(evt, doCalculate);\n  });\n\n  \/\/ Initialer Aufruf\n  doCalculate();\n\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-429f3e7 elementor-widget elementor-widget-html\" data-id=\"429f3e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n  \/* =========================================\r\n     BELKA COMPACT CARDS (Mobile Optimized)\r\n     ========================================= *\/\r\n  :root {\r\n    --bf-red: #E63946;\r\n    --bf-dark: #111827;\r\n    --bf-gray: #f3f4f6;\r\n    --card-radius: 16px;\r\n  }\r\n\r\n  .bf-section-wrapper {\r\n    width: 100%;\r\n    padding: 3rem 0;\r\n    background: #f9fafb;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bf-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 1.25rem;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .bf-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 2rem auto;\r\n    padding: 0 1rem;\r\n  }\r\n  .bf-headline {\r\n    font-size: 1.8rem;\r\n    font-weight: 800;\r\n    color: var(--bf-dark);\r\n    margin: 0 0 0.5rem 0;\r\n    line-height: 1.1;\r\n  }\r\n  .bf-subline {\r\n    font-size: 0.95rem;\r\n    color: #6b7280;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- GRID SYSTEM (Horizontal Scroll) --- *\/\r\n  .bf-grid {\r\n    display: flex;\r\n    gap: 16px; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u0647\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    padding-bottom: 2rem; \/* \u0641\u0636\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u0647 *\/\r\n    margin: 0 -1.25rem; \/* \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 *\/\r\n    padding-left: 1.25rem;\r\n    padding-right: 1.25rem;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: none;\r\n  }\r\n  .bf-grid::-webkit-scrollbar { display: none; }\r\n\r\n  \/* --- CARD ARCHITECTURE --- *\/\r\n  .bf-card {\r\n    position: relative;\r\n    \/* \u0633\u0627\u06cc\u0632 \u0645\u0648\u0628\u0627\u06cc\u0644: \u06f8\u06f5\u066a \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0627\u0645\u0627 \u0646\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u06f3\u06f2\u06f0 \u067e\u06cc\u06a9\u0633\u0644 *\/\r\n    flex: 0 0 85%;\r\n    max-width: 320px; \r\n    scroll-snap-align: center;\r\n    background: #FFFFFF;\r\n    border-radius: var(--card-radius);\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0644 \u06a9\u0627\u0631\u062a \u0631\u0627 \u0645\u062d\u062f\u0648\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062c\u0627 \u0634\u0648\u062f *\/\r\n    max-height: 500px; \r\n  }\r\n\r\n  .bf-card-link {\r\n    text-decoration: none;\r\n    color: inherit;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* --- MEDIA (Compact Image) --- *\/\r\n  .bf-media {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 180px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0645\u062a\u0631 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n    flex-shrink: 0; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062c\u0645\u0639 \u0634\u062f\u0646 \u0639\u06a9\u0633 *\/\r\n    border-radius: var(--card-radius) var(--card-radius) 0 0;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .bf-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  \/* --- BADGE (Fixed Logic) --- *\/\r\n  .bf-badge {\r\n    position: absolute;\r\n    bottom: -20px; \/* \u0647\u0645\u06cc\u0634\u0647 \u06f2\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0627\u0632 \u0639\u06a9\u0633 *\/\r\n    right: 15px;\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    background: var(--bf-red);\r\n    color: white;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 3px solid #FFFFFF;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n    z-index: 10;\r\n  }\r\n  .bf-badge span { font-weight: 800; font-size: 1.1rem; line-height: 1; }\r\n  .bf-badge small { font-size: 0.6rem; text-transform: uppercase; margin-top: 1px; }\r\n\r\n  \/* --- BODY --- *\/\r\n  .bf-body {\r\n    padding: 1.25rem 1rem 1rem 1rem; \/* \u067e\u062f\u06cc\u0646\u06af \u06a9\u0645\u062a\u0631 *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .bf-title {\r\n    font-size: 1.1rem;\r\n    font-weight: 800;\r\n    color: var(--bf-dark);\r\n    margin: 0 0 0.5rem 0;\r\n    padding-right: 50px; \/* \u062c\u0627 \u0628\u0631\u0627\u06cc \u062f\u0627\u06cc\u0631\u0647 \u0642\u0631\u0645\u0632 *\/\r\n  }\r\n\r\n  .bf-desc {\r\n    font-size: 0.85rem;\r\n    color: #4b5563;\r\n    line-height: 1.4;\r\n    margin: 0 0 1rem 0;\r\n    \/* \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0645\u062a\u0646 \u0628\u0647 \u06f3 \u062e\u0637 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062f\u0631\u0627\u0632 \u0634\u062f\u0646 \u06a9\u0627\u0631\u062a *\/\r\n    display: -webkit-box;\r\n    line-clamp: 3;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* --- TAGS --- *\/\r\n  .bf-tags {\r\n    display: flex;\r\n    gap: 6px;\r\n    margin-bottom: 1rem;\r\n    flex-wrap: wrap;\r\n  }\r\n  .bf-tag {\r\n    font-size: 0.65rem;\r\n    font-weight: 700;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    background: var(--bf-gray);\r\n    color: #4b5563;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n  \r\n  \/* Color Variations *\/\r\n  .t-red { background: #fee2e2; color: #991b1b; }\r\n  .t-green { background: #d1fae5; color: #065f46; }\r\n  .t-blue { background: #dbeafe; color: #1e40af; }\r\n  .t-gold { background: #fef3c7; color: #92400e; }\r\n\r\n  \/* --- BUTTONS --- *\/\r\n  .bf-btn {\r\n    margin-top: auto; \/* \u062f\u06a9\u0645\u0647 \u0631\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u0686\u0633\u0628\u0627\u0646\u062f *\/\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-radius: 50px;\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    transition: transform 0.2s;\r\n  }\r\n  .btn-primary { background: var(--bf-red); color: white; box-shadow: 0 4px 12px rgba(230,57,70,0.25); }\r\n  .btn-dark { background: var(--bf-dark); color: white; }\r\n  .btn-amazon { background: #FF9900; color: white; }\r\n\r\n  \/* --- DESKTOP ADJUSTMENTS --- *\/\r\n  @media (min-width: 992px) {\r\n    .bf-headline { font-size: 2.5rem; }\r\n    \r\n    .bf-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      overflow: visible;\r\n      margin: 0;\r\n      padding: 0;\r\n      gap: 2rem;\r\n    }\r\n    \r\n    .bf-card {\r\n      max-width: 100%;\r\n      flex: unset;\r\n      max-height: none; \/* \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u062f\u0627\u0631\u06cc\u0645 *\/\r\n    }\r\n    \r\n    .bf-media { height: 220px; } \/* \u0639\u06a9\u0633 \u0628\u0632\u0631\u06af\u062a\u0631 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e *\/\r\n    \r\n    .bf-card:hover { transform: translateY(-8px); }\r\n    .bf-card:hover .bf-img { transform: scale(1.05); }\r\n  }\r\n<\/style>\r\n<div class=\"bf-section-wrapper\" id=\"angebote\">\r\n<div class=\"bf-section-wrapper\">\r\n  <div class=\"bf-container\">\r\n    \r\n    <div class=\"bf-header\">\r\n      <h2 class=\"bf-headline\">Belka Fr\u00fchlingsaktion<\/h2>\r\n      <p class=\"bf-subline\">Entdecken Sie ausgew\u00e4hlte Produkte und Varianten zu attraktiven Aktionspreisen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bf-grid\">\r\n\r\n      <article class=\"bf-card\" style=\"border: 2px solid #E63946;\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/top-auswahl\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/08\/Top-Auswahl-belka-tapeten-fuer-stilvolle-und-natuerliche-wandgestaltung-1.jpg\" alt=\"Ausgew\u00e4hlte Belka Farben und Varianten\" loading=\"lazy\">\r\n            <div class=\"bf-badge\">\r\n              <span>-20%<\/span><small>AKTION<\/small>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Ausgew\u00e4hlte Farben & Varianten<\/h3>\r\n            <p class=\"bf-desc\">Sichern Sie sich bis zu 20 % Rabatt auf ausgew\u00e4hlte Belka Farben und Produktvariationen der Fr\u00fchlingsaktion.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-red\">\ud83c\udf37 Fr\u00fchlingsaktion<\/span>\r\n              <span class=\"bf-tag t-red\">\u23f0 Ausgew\u00e4hlte Auswahl<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-primary\">Produkte ansehen <i class=\"fas fa-arrow-right\"><\/i><\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"bf-card\" style=\"border: 2px solid #111827;\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/belka-tapete-y25-trendfarben-2025\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/09\/belka-tapete-rabatt-y-serie-trendfarben-creme-tapete.jpg\" alt=\"Belka Y-Serie Trendfarben 2025\" loading=\"lazy\">\r\n            <div class=\"bf-badge\" style=\"background:#111827;\">\r\n              <span>-22%<\/span><small>KORB<\/small>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Y-Serie Trendfarben<\/h3>\r\n            <p class=\"bf-desc\">Auf ausgew\u00e4hlte Farben der Y-Serie erhalten Sie weiterhin 22 % Rabatt direkt im Warenkorb.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-blue\">\ud83d\uded2 22 % im Warenkorb<\/span>\r\n              <span class=\"bf-tag t-red\">\ud83c\udfa8 Trendfarben 2025<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-dark\">Y-Serie ansehen <i class=\"fas fa-arrow-right\"><\/i><\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"bf-card\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/amazon-bestseller-tapeten\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/05\/bestseller-produkte-amazon-belka-tapete-1.jpg\" alt=\"Amazon Bestseller\" loading=\"lazy\">\r\n            <div class=\"bf-badge\" style=\"background:#111827;\">\r\n              <span>TOP<\/span><small>DEAL<\/small>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Bestseller Produkte<\/h3>\r\n            <p class=\"bf-desc\">Unsere beliebtesten Belka Tapeten mit \u00fcber 1.000 positiven Bewertungen.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-gold\">\u2b50 4.8\/5 Sterne<\/span>\r\n              <span class=\"bf-tag t-gold\">\ud83c\udfc6 Top Auswahl<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-amazon\">Bestseller ansehen<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"bf-card\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/helle-eleganz-tapete\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/06\/Edition-Helle-Eleganz-\u2013-Tapeten-in-eleganten-hellen-Farbtoenen-1.jpg\" alt=\"Helle Farben\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Helle Eleganz<\/h3>\r\n            <p class=\"bf-desc\">Zeitlose, helle Farbt\u00f6ne f\u00fcr mehr Licht und Weite in Ihren R\u00e4umen.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-blue\">\u2600 Licht & Raum<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-dark\">Kollektion ansehen<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"bf-card\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/naturfarben-kollektion\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/05\/belka-tapete-natur-farben.jpg\" alt=\"Naturfarben\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Natur-Kollektion<\/h3>\r\n            <p class=\"bf-desc\">Erdige und warme T\u00f6ne f\u00fcr eine 100% nat\u00fcrliche Wohnatmosph\u00e4re.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-green\">\ud83c\udf3f Bio-Baumwolle<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-dark\">Naturt\u00f6ne entdecken<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"bf-card\">\r\n        <a href=\"https:\/\/gobelka.com\/de\/beliebteste-farben\/\" class=\"bf-card-link\">\r\n          <div class=\"bf-media\">\r\n            <img decoding=\"async\" class=\"bf-img\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/08\/Beliebteste-Farben-\u2013-Entdecken-Sie-die-beliebtesten-Wandfarben-fuer-stilvolle-Raumgestaltung.jpg\" alt=\"Kundenlieblinge\" loading=\"lazy\">\r\n            <\/div>\r\n          <div class=\"bf-body\">\r\n            <h3 class=\"bf-title\">Kundenlieblinge<\/h3>\r\n            <p class=\"bf-desc\">Entdecken Sie die Belka Farben, die unsere Kunden am h\u00e4ufigsten w\u00e4hlen.<\/p>\r\n            <div class=\"bf-tags\">\r\n              <span class=\"bf-tag t-gold\">\ud83d\udd25 Trending<\/span>\r\n              <span class=\"bf-tag t-gold\">\ud83c\udfc6 Top Auswahl<\/span>\r\n            <\/div>\r\n            <div class=\"bf-btn btn-dark\">Zu den Farben<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b31780 elementor-widget elementor-widget-html\" data-id=\"1b31780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ==================== Belka Hot Sale Section (Mobile Compact) ==================== *\/\r\n  .bf-g300-section {\r\n    --bf-accent: #c2410c;\r\n    --bf-dark: #111827;\r\n    --g300-graphit: #9a7b4f;\r\n    \r\n    background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\r\n    padding: 3rem 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .g300-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 1.25rem;\r\n  }\r\n\r\n  \/* WRAPPER *\/\r\n  .g300-content-wrapper {\r\n    display: flex;\r\n    gap: 3rem;\r\n    align-items: center;\r\n    background: #fff;\r\n    border-radius: 24px;\r\n    padding: 2rem;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.04);\r\n    border: 1px solid rgba(0,0,0,0.03);\r\n  }\r\n\r\n  \/* --- IMAGE COLUMN --- *\/\r\n  .g300-image-column {\r\n    flex: 0 0 40%;\r\n    position: relative;\r\n  }\r\n  \r\n  .g300-image-wrapper {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4\/3;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n  }\r\n  \r\n  .g300-product-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n  .g300-image-wrapper:hover .g300-product-image { transform: scale(1.05); }\r\n\r\n  \/* New Badge *\/\r\n  .g300-new-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    background: linear-gradient(135deg, var(--bf-accent), #ea580c);\r\n    color: white;\r\n    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    font-weight: 800;\r\n    font-size: 0.75rem;\r\n    box-shadow: 0 4px 15px rgba(255, 62, 62, 0.4);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- CONTENT COLUMN --- *\/\r\n  .g300-content-column { flex: 1; }\r\n\r\n  .g300-top-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    color: #6b7280;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    margin-bottom: 0.5rem;\r\n    background: #f3f4f6;\r\n    padding: 4px 10px;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .g300-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: var(--bf-dark);\r\n    margin: 0 0 1rem 0;\r\n    line-height: 1.1;\r\n  }\r\n  .g300-title span { color: var(--g300-graphit); }\r\n\r\n  .g300-desc {\r\n    font-size: 1rem;\r\n    color: #4b5563;\r\n    line-height: 1.6;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  \/* Features Grid *\/\r\n  .g300-features {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1rem;\r\n    margin-bottom: 2rem;\r\n  }\r\n  .g300-feat-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 0.9rem;\r\n    color: var(--bf-dark);\r\n    font-weight: 600;\r\n  }\r\n  .g300-feat-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    background: #f0fdf4;\r\n    color: #16a34a;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Price & CTA Row *\/\r\n  .g300-action-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 2rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 1px solid #e5e7eb;\r\n  }\r\n\r\n  .g300-price {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .g300-price-label { font-size: 0.75rem; color: #6b7280; text-transform: uppercase; font-weight: 700; }\r\n  .g300-price-val { font-size: 1.8rem; font-weight: 900; color: var(--bf-dark); line-height: 1; }\r\n  .g300-price-unit { font-size: 0.9rem; color: #6b7280; font-weight: 600; }\r\n\r\n  .g300-cta-btn {\r\n    flex: 1;\r\n    background: var(--bf-dark);\r\n    color: white;\r\n    text-decoration: none;\r\n    padding: 14px 24px;\r\n    border-radius: 50px;\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    transition: transform 0.2s;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n  }\r\n  .g300-cta-btn:hover { background: #000; transform: translateY(-2px); }\r\n\r\n  \/* ================= MOBILE OPTIMIZATION (COMPACT MODE) ================= *\/\r\n  @media (max-width: 1023px) {\r\n    .bf-g300-section { padding: 1.5rem 0; }\r\n    \r\n    .g300-content-wrapper {\r\n      flex-direction: column;\r\n      padding: 1.25rem;\r\n      gap: 1.25rem;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    \/* \u0639\u06a9\u0633 \u0631\u0627 \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0627\u0645\u0627 \u0628\u0627 \u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0645 *\/\r\n    .g300-image-column { flex: 0 0 auto; width: 100%; }\r\n    .g300-image-wrapper { aspect-ratio: 16\/9; } \/* \u0648\u0627\u06cc\u062f\u062a\u0631 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n\r\n    .g300-title { font-size: 1.6rem; margin-bottom: 0.5rem; }\r\n    \r\n    .g300-desc { \r\n      font-size: 0.9rem; \r\n      margin-bottom: 1rem;\r\n      display: -webkit-box;\r\n      line-clamp: 3;\r\n      -webkit-line-clamp: 3; \/* \u0645\u062d\u062f\u0648\u062f \u0628\u0647 \u06f3 \u062e\u0637 *\/\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .g300-features { grid-template-columns: 1fr; gap: 0.75rem; margin-bottom: 1.25rem; }\r\n    \r\n    .g300-action-row {\r\n      flex-direction: column;\r\n      gap: 1rem;\r\n      width: 100%;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .g300-price {\r\n      width: 100%;\r\n    }\r\n    \r\n    .g300-cta-btn {\r\n      width: 100%;\r\n      font-size: 0.9rem;\r\n      padding: 12px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"bf-g300-section\">\r\n  <div class=\"g300-container\">\r\n    <div class=\"g300-content-wrapper\">\r\n\r\n      <div class=\"g300-image-column\">\r\n        <div class=\"g300-new-badge\">\ud83d\udd25 Hot Sale<\/div>\r\n        <div class=\"g300-image-wrapper\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2023\/02\/belka-b13-tapete-elfenbein-weiss-glatt-moderne-wandgestaltung-2.jpg\" \r\n            alt=\"Belka B13 Tapete Elfenbein Weiss Glatt\" \r\n            class=\"g300-product-image\"\r\n            loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"g300-content-column\">\r\n        <div class=\"g300-top-tag\"><i class=\"fas fa-truck\"><\/i> Sonderaktion mit Lieferung in ca. 2 Wochen<\/div>\r\n        \r\n        <h2 class=\"g300-title\">Belka <span>B13<\/span> Elfenbein Weiss Glatt<\/h2>\r\n        \r\n        <p class=\"g300-desc\">\r\n          Unsere Belka Tapete Weiss Glatt ist ein Favorit der minimalistischen Innenarchitektur.\r\n          Sie strahlt Eleganz aus, sorgt f\u00fcr ein luxuri\u00f6ses Finish und ist jetzt mit 30 % Rabatt erh\u00e4ltlich.\r\n          Wichtig: Die Lieferung erfolgt in etwa 2 Wochen und steht damit klar im Fokus dieser Aktion.\r\n        <\/p>\r\n\r\n        <div class=\"g300-features\">\r\n          <div class=\"g300-feat-item\">\r\n            <div class=\"g300-feat-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\r\n            <span>Glatte Elfenbein-Weiss Optik<\/span>\r\n          <\/div>\r\n          <div class=\"g300-feat-item\">\r\n            <div class=\"g300-feat-icon\"><i class=\"fas fa-percent\"><\/i><\/div>\r\n            <span>30 % Rabatt auf B13-5<\/span>\r\n          <\/div>\r\n          <div class=\"g300-feat-item\">\r\n            <div class=\"g300-feat-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\r\n            <span>Lieferung in ca. 2 Wochen<\/span>\r\n          <\/div>\r\n          <div class=\"g300-feat-item\">\r\n            <div class=\"g300-feat-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n            <span>Ideal f\u00fcr geplante Projekte<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"g300-action-row\">\r\n          <div class=\"g300-price\">\r\n            <span class=\"g300-price-label\">Hot Sale<\/span>\r\n            <span class=\"g300-price-val\">-30%<\/span>\r\n            <span class=\"g300-price-unit\">Lieferung in ca. 2 Wochen<\/span>\r\n          <\/div>\r\n          <a href=\"https:\/\/gobelka.com\/de\/belka-b13-tapete-weiss-glatt-moderne-wandgestaltung\/\" class=\"g300-cta-btn\">\r\n            B13-5 jetzt ansehen <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f68d9d elementor-widget elementor-widget-html\" data-id=\"5f68d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* ==================== BELKA MIX TEASER (PRO VERSION) ==================== *\/\n  .mix-teaser-card {\n    \/* \u062a\u063a\u06cc\u06cc\u0631 \u0628\u0647 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a \u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 (Professional & Tech Feel) *\/\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n    border-radius: 24px; \/* \u06af\u0631\u062f\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0628\u0631\u0627\u06cc \u0645\u062f\u0631\u0646\u200c\u062a\u0631 \u0634\u062f\u0646 *\/\n    padding: 2.5rem;     \/* \u0641\u0636\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0628\u0631\u0627\u06cc \u062a\u0646\u0641\u0633 *\/\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 15px 40px rgba(30, 58, 138, 0.25); \/* \u0633\u0627\u06cc\u0647 \u0631\u0646\u06af\u06cc \u0645\u0646\u0637\u0628\u0642 *\/\n    color: white;\n    border: 1px solid rgba(255,255,255,0.1); \/* \u062e\u0637 \u062f\u0648\u0631 \u0638\u0631\u06cc\u0641 *\/\n  }\n\n  \/* \u067e\u062a\u0631\u0646 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 (\u062d\u0633 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc) *\/\n  .mix-teaser-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    \/* \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0648 \u0628\u0631\u0627\u06cc \u0639\u0645\u0642 *\/\n    background-image: \n      radial-gradient(circle at 10% 10%, rgba(255,255,255,0.1) 0%, transparent 40%),\n      radial-gradient(circle at 90% 90%, rgba(255,255,255,0.05) 0%, transparent 40%);\n    pointer-events: none;\n  }\n\n  \/* \u0628\u062c \u0628\u0627\u0644\u0627\u06cc \u062a\u06cc\u062a\u0631 *\/\n  .mix-eyebrow {\n    background: #eff6ff; \/* \u0622\u0628\u06cc \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 *\/\n    color: #011b6e;      \/* \u0645\u062a\u0646 \u0622\u0628\u06cc \u062a\u06cc\u0631\u0647 *\/\n    padding: 6px 14px;\n    border-radius: 50px;\n    font-size: 0.7rem;\n    font-weight: 800;\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: inline-block;\n  }\n\n  \/* \u062f\u06a9\u0645\u0647 \u0627\u0635\u0644\u06cc (\u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645) *\/\n  .mix-btn-primary {\n    background: #ffffff;\n    color: #1e3a8a; \/* \u0645\u062a\u0646 \u0647\u0645\u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0627\u0635\u0644\u06cc *\/\n    box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n    font-weight: 800;\n  }\n  \n  .mix-btn-primary:hover {\n    background: #f8fafc;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.25);\n  }\n\n  \/* \u062f\u06a9\u0645\u0647 \u062f\u0648\u0645 *\/\n  .mix-btn-secondary {\n    background: rgba(255,255,255,0.1);\n    color: white;\n    border: 1px solid rgba(255,255,255,0.4);\n    backdrop-filter: blur(5px);\n  }\n  .mix-btn-secondary:hover {\n    background: rgba(255,255,255,0.2);\n    border-color: #fff;\n  }\n\n  \/* \u0628\u0642\u06cc\u0647 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627 (\u0633\u062a\u0648\u0646\u200c\u0647\u0627 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644) \u0645\u062b\u0644 \u0642\u0628\u0644 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f *\/\n  .bf-mix-banner { width: 100%; padding: 1rem 0; margin-top: 1rem; }\n  .mix-teaser-container { max-width: 1240px; margin: 0 auto; padding: 0 1.25rem; }\n  .mix-text-col { flex: 1; z-index: 2; max-width: 600px; }\n  .mix-headline { font-size: 2rem; font-weight: 900; margin: 0 0 0.8rem 0; line-height: 1.1; }\n  .mix-subline { font-size: 1.05rem; opacity: 0.9; margin-bottom: 2rem; line-height: 1.6; max-width: 90%; }\n  .mix-actions { display: flex; gap: 12px; flex-wrap: wrap; }\n  .mix-btn { text-decoration: none; padding: 14px 28px; border-radius: 50px; font-size: 0.95rem; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }\n  .mix-img-col { flex: 0 0 40%; position: relative; display: flex; justify-content: flex-end; align-items: center; }\n  .mix-floating-img { width: 100%; max-width: 380px; border-radius: 16px; box-shadow: -20px 20px 60px rgba(0,0,0,0.25); transform: perspective(1000px) rotateY(-10deg) rotateX(5deg); transition: transform 0.5s; border: 1px solid rgba(255,255,255,0.1); }\n  .mix-teaser-card:hover .mix-floating-img { transform: perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.02); }\n\n  \/* MOBILE *\/\n  @media (max-width: 991px) {\n    .mix-teaser-card { flex-direction: column; text-align: center; padding: 2rem 1.5rem; }\n    .mix-text-col { margin-bottom: 2rem; max-width: 100%; }\n    .mix-subline { margin-left: auto; margin-right: auto; font-size: 0.95rem; }\n    .mix-actions { justify-content: center; width: 100%; }\n    .mix-btn { width: 100%; justify-content: center; }\n    .mix-img-col { width: 100%; flex: unset; justify-content: center; }\n    .mix-floating-img { max-width: 280px; transform: none; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }\n    .mix-teaser-card:hover .mix-floating-img { transform: scale(1.02); }\n  }\n<\/style>\n\n<div class=\"bf-mix-banner\">\n  <div class=\"mix-teaser-container\">\n    \n    <div class=\"mix-teaser-card\">\n      \n      <div class=\"mix-text-col\">\n        <span class=\"mix-eyebrow\">\ud83c\udfa8 DIY Farb-Designer<\/span>\n        <h2 class=\"mix-headline\">Keine passende Farbe dabei?<\/h2>\n        <p class=\"mix-subline\">\n          Werden Sie selbst zum Designer! Mischen Sie Ihre eigenen Belka Farben und kreieren Sie ein Unikat f\u00fcr Ihre W\u00e4nde.\n        <\/p>\n        \n        <div class=\"mix-actions\">\n          <a href=\"https:\/\/gobelka.com\/de\/belka-mix-naturtapete-diy-farbgestaltung\/\" class=\"mix-btn mix-btn-primary\">\n            Jetzt Farben mixen <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/gobelka.com\/de\/belka-mix-naturtapete-diy-farbgestaltung\/#create-mix\" class=\"mix-btn mix-btn-secondary\">\n            Fertige Designs\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"mix-img-col\">\n        <img decoding=\"async\" \n          src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/05\/belka-tapete-belka-mix-jetzt-entdecken-neu.jpg\" \n          alt=\"Belka Mix Tool Interface\" \n          class=\"mix-floating-img\" \n          loading=\"lazy\">\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-053cf68 elementor-widget elementor-widget-html\" data-id=\"053cf68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ==================== GALLERY SECTION (OPTIMIZED) ==================== *\/\r\n  .bf-gallery-section {\r\n    \/* \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc *\/\r\n    --bf-accent: #D32F2F; \/* Winter Red *\/\r\n    --bf-gold: #FFD700;\r\n    --bf-dark: #064e3b; \/* Mix Section Green *\/\r\n    --bf-text: #1f2937;\r\n    --bf-gray: #f3f4f6;\r\n\r\n    padding: 3rem 0;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);\r\n    position: relative;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  }\r\n\r\n  .bf-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 1rem;\r\n  }\r\n\r\n  \/* Header Styles *\/\r\n  .bf-gallery-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 2.5rem;\r\n  }\r\n\r\n  .bf-section-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.4rem 1rem;\r\n    border-radius: 50px;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    background: #f0fdf4; \/* Light Green background *\/\r\n    color: var(--bf-dark);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    border: 1px solid rgba(6, 78, 59, 0.1);\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .bf-gallery-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    color: var(--bf-text);\r\n    margin: 0 0 1rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .bf-highlight {\r\n    color: var(--bf-accent);\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .bf-gallery-subtitle {\r\n    font-size: 1rem;\r\n    color: #6b7280;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Grid Layout *\/\r\n  .bf-gallery-grid {\r\n    display: grid;\r\n    \/* Responsive Grid Logic *\/\r\n    grid-template-columns: repeat(2, 1fr); \/* Mobile default: 2 columns *\/\r\n    gap: 0.75rem; \/* Tight gap for mobile *\/\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .bf-gallery-grid {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1rem;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .bf-gallery-grid {\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 1.5rem;\r\n    }\r\n    .bf-gallery-title {\r\n      font-size: 2.75rem;\r\n    }\r\n    .bf-gallery-section {\r\n      padding: 5rem 0;\r\n    }\r\n  }\r\n\r\n  \/* Gallery Item *\/\r\n  .bf-gallery-item {\r\n    position: relative;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    aspect-ratio: 1 \/ 1; \/* Perfect Square *\/\r\n    background: var(--bf-gray);\r\n    cursor: zoom-in;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .bf-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  \/* Hover Effects (Desktop) *\/\r\n  @media (hover: hover) {\r\n    .bf-gallery-item:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n      z-index: 2;\r\n    }\r\n    .bf-gallery-item:hover img {\r\n      transform: scale(1.1);\r\n    }\r\n    .bf-gallery-overlay {\r\n      opacity: 0; \/* Default hidden *\/\r\n    }\r\n    .bf-gallery-item:hover .bf-gallery-overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* Overlay *\/\r\n  .bf-gallery-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  \r\n  \/* Mobile: Show icon on tap slightly easier *\/\r\n  .bf-gallery-item:active .bf-gallery-overlay {\r\n      opacity: 1;\r\n  }\r\n\r\n  .bf-gallery-icon {\r\n    font-size: 1.5rem;\r\n    background: white;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .bf-gallery-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: center;\r\n    flex-direction: column; \/* Stack on mobile *\/\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .bf-gallery-actions {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n\r\n  .bf-gallery-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    padding: 0.9rem 2rem;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%; \/* Full width mobile *\/\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .bf-gallery-btn {\r\n      width: auto;\r\n    }\r\n  }\r\n\r\n  .bf-gallery-btn-primary {\r\n    background: var(--bf-accent);\r\n    color: white;\r\n    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);\r\n  }\r\n\r\n  .bf-gallery-btn-primary:hover {\r\n    background: #b91c1c;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .bf-gallery-btn-secondary {\r\n    background: white;\r\n    color: var(--bf-text);\r\n    border: 2px solid #e5e7eb;\r\n  }\r\n\r\n  .bf-gallery-btn-secondary:hover {\r\n    background: #f9fafb;\r\n    border-color: #d1d5db;\r\n  }\r\n\r\n  \/* Visibility Logic *\/\r\n  .bf-gallery-item:nth-child(n+9) { \/* Mobile: Show only 8 initially *\/\r\n    display: none;\r\n  }\r\n  \r\n  @media (min-width: 1024px) {\r\n      .bf-gallery-item:nth-child(n+9) { display: block; } \/* Desktop: Show 12 *\/\r\n      .bf-gallery-item:nth-child(n+13) { display: none; }\r\n  }\r\n\r\n  .bf-gallery-grid.show-all .bf-gallery-item {\r\n    display: block !important;\r\n    animation: fadeIn 0.5s ease;\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* LIGHTBOX STYLES *\/\r\n  .bf-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.95);\r\n    z-index: 10000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .bf-lightbox.active {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .bf-lightbox-content {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .bf-lightbox-img {\r\n    max-width: 90%;\r\n    max-height: 85vh;\r\n    object-fit: contain;\r\n    border-radius: 8px;\r\n    box-shadow: 0 0 50px rgba(0,0,0,0.5);\r\n    transform: scale(0.9);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .bf-lightbox.active .bf-lightbox-img {\r\n    transform: scale(1);\r\n  }\r\n\r\n  .bf-lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    background: rgba(255,255,255,0.1);\r\n    border: none;\r\n    color: white;\r\n    font-size: 2rem;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    z-index: 10002;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .bf-lightbox-prev, .bf-lightbox-next {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(255,255,255,0.1);\r\n    color: white;\r\n    border: none;\r\n    padding: 1rem;\r\n    cursor: pointer;\r\n    font-size: 1.5rem;\r\n    border-radius: 50%;\r\n    z-index: 10001;\r\n    transition: background 0.3s;\r\n  }\r\n  \r\n  .bf-lightbox-prev:hover, .bf-lightbox-next:hover, .bf-lightbox-close:hover {\r\n      background: rgba(255,255,255,0.3);\r\n  }\r\n\r\n  .bf-lightbox-prev { left: 20px; }\r\n  .bf-lightbox-next { right: 20px; }\r\n  \r\n  @media (max-width: 768px) {\r\n     .bf-lightbox-prev, .bf-lightbox-next { display: none; } \/* On mobile we just tap or use close *\/\r\n  }\r\n\r\n<\/style>\r\n\r\n<section class=\"bf-gallery-section\" id=\"gallery\" role=\"region\" aria-labelledby=\"bf-gallery-heading\">\r\n  <div class=\"bf-container\">\r\n    \r\n    <div class=\"bf-gallery-header\">\r\n      <span class=\"bf-section-badge\">\r\n        \ud83d\uddbc\ufe0f Inspiration & Galerie\r\n      <\/span>\r\n      <h2 class=\"bf-gallery-title\" id=\"bf-gallery-heading\">\r\n        Belka Tapeten <span class=\"bf-highlight\">Erleben<\/span>\r\n      <\/h2>\r\n      <p class=\"bf-gallery-subtitle\">\r\n        Lassen Sie sich von echten Kundenprojekten inspirieren \u2013 nahtlose Wandbeschichtung f\u00fcr ein gesundes Zuhause.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bf-gallery-grid\" id=\"galleryGrid\">\r\n      \r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\" aria-label=\"Bild vergr\u00f6\u00dfern\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-1.jpg\" alt=\"Belka Wandgestaltung Wohnzimmer\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-2.jpg\" alt=\"Belka Nahtlose Tapete\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-3.jpg\" alt=\"Einfache Anwendung Belka\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-4.jpg\" alt=\"Moderne Wandverkleidung\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n       <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-5.jpg\" alt=\"Belka Tapete Schlafzimmer\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-6.jpg\" alt=\"Nat\u00fcrliche Wandfarbe\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-7.jpg\" alt=\"\u00d6kologische Tapete\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-8.jpg\" alt=\"DIY Wandgestaltung\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-9.jpg\" alt=\"Nahtlose Wand\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-10.jpg\" alt=\"Premium Tapete\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-11.jpg\" alt=\"Wandideen\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bf-gallery-item\" tabindex=\"0\" role=\"button\">\r\n        <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-galerie-12.jpg\" alt=\"Rissfreie Wand\" loading=\"lazy\">\r\n        <div class=\"bf-gallery-overlay\"><span class=\"bf-gallery-icon\">\ud83d\udd0d<\/span><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bf-gallery-actions\">\r\n      <button class=\"bf-gallery-btn bf-gallery-btn-secondary\" id=\"loadMoreBtn\">\r\n        \ud83d\udcf8 Mehr Bilder laden\r\n      <\/button>\r\n      <a href=\"https:\/\/gobelka.com\/de\/belka-alle-produkte\/\" class=\"bf-gallery-btn bf-gallery-btn-primary\">\r\n        \ud83d\udecd\ufe0f Jetzt bestellen\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"bf-lightbox\" id=\"bfLightbox\">\r\n    <button class=\"bf-lightbox-close\" id=\"lbClose\">&times;<\/button>\r\n    <button class=\"bf-lightbox-prev\" id=\"lbPrev\">&#10094;<\/button>\r\n    <div class=\"bf-lightbox-content\">\r\n        <img decoding=\"async\" src=\"\" alt=\"\" class=\"bf-lightbox-img\" id=\"lbImage\">\r\n    <\/div>\r\n    <button class=\"bf-lightbox-next\" id=\"lbNext\">&#10095;<\/button>\r\n<\/div>\r\n\r\n<script>\r\nfunction initBelkaGallery() {\r\n  \/\/ 1. Load More Logic\r\n    const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n    const galleryGrid = document.getElementById('galleryGrid');\r\n    \r\n  if (loadMoreBtn && galleryGrid) {\r\n        loadMoreBtn.addEventListener('click', function() {\r\n            galleryGrid.classList.toggle('show-all');\r\n            const isShowing = galleryGrid.classList.contains('show-all');\r\n            loadMoreBtn.textContent = isShowing ? '\ud83d\udcf8 Weniger anzeigen' : '\ud83d\udcf8 Mehr Bilder laden';\r\n        });\r\n    }\r\n\r\n    \/\/ 2. Simple & Fast Lightbox Logic\r\n    const items = document.querySelectorAll('.bf-gallery-item');\r\n    const lightbox = document.getElementById('bfLightbox');\r\n    const lbImg = document.getElementById('lbImage');\r\n    const closeBtn = document.getElementById('lbClose');\r\n    const nextBtn = document.getElementById('lbNext');\r\n    const prevBtn = document.getElementById('lbPrev');\r\n    let currentIndex = 0;\r\n\r\n    function openLightbox(index) {\r\n        currentIndex = index;\r\n        const img = items[index].querySelector('img');\r\n        lbImg.src = img.src;\r\n        lbImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Stop scrolling\r\n    }\r\n\r\n    function closeLightbox() {\r\n        lightbox.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n        setTimeout(() => { lbImg.src = ''; }, 300); \/\/ Clear after anim\r\n    }\r\n\r\n    function nextImage() {\r\n        currentIndex = (currentIndex + 1) % items.length;\r\n        \/\/ Skip hidden items if grid is collapsed? No, let's show all in lightbox\r\n        updateImage();\r\n    }\r\n\r\n    function prevImage() {\r\n        currentIndex = (currentIndex - 1 + items.length) % items.length;\r\n        updateImage();\r\n    }\r\n\r\n    function updateImage() {\r\n        lbImg.style.opacity = 0;\r\n        setTimeout(() => {\r\n            const img = items[currentIndex].querySelector('img');\r\n            lbImg.src = img.src;\r\n            lbImg.alt = img.alt;\r\n            lbImg.style.opacity = 1;\r\n        }, 200);\r\n    }\r\n\r\n    \/\/ Event Listeners\r\n    items.forEach((item, index) => {\r\n        item.addEventListener('click', () => openLightbox(index));\r\n    });\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n    nextBtn.addEventListener('click', (e) => { e.stopPropagation(); nextImage(); });\r\n    prevBtn.addEventListener('click', (e) => { e.stopPropagation(); prevImage(); });\r\n    \r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n        if(e.target === lightbox || e.target.classList.contains('bf-lightbox-content')) {\r\n            closeLightbox();\r\n        }\r\n    });\r\n\r\n    \/\/ Keyboard support\r\n    document.addEventListener('keydown', (e) => {\r\n        if (!lightbox.classList.contains('active')) return;\r\n        if (e.key === 'Escape') closeLightbox();\r\n        if (e.key === 'ArrowRight') nextImage();\r\n        if (e.key === 'ArrowLeft') prevImage();\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initBelkaGallery);\r\n  } else {\r\n    initBelkaGallery();\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f217d1 elementor-widget elementor-widget-html\" data-id=\"3f217d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n  \/* ==================== PREMIUM REVIEWS SECTION ==================== *\/\n  .bf-reviews-section {\n    --bf-text-main: #1f2937;\n    --bf-text-muted: #6b7280;\n    --bf-gold: #FFB400; \/* Warmer Google-Style Gold *\/\n    --bf-bg: #ffffff;\n    --bf-card-bg: #ffffff;\n    --bf-border: #f3f4f6;\n\n    \/* Google Brand Colors *\/\n    --g-blue: #4285F4;\n    --g-red: #EA4335;\n    --g-yellow: #FBBC05;\n    --g-green: #34A853;\n\n    padding: 4rem 0;\n    background: linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    overflow: hidden;\n  }\n\n  .reviews-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n  }\n\n  \/* --- HEADER & TRUST BADGES --- *\/\n  .reviews-header {\n    text-align: center;\n    margin-bottom: 2.5rem;\n  }\n\n  .trust-badges-wrapper {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    flex-wrap: wrap;\n    margin-bottom: 1rem;\n  }\n\n  .trust-pill {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    background: white;\n    padding: 0.5rem 1.2rem;\n    border-radius: 50px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    border: 1px solid rgba(0,0,0,0.04);\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--bf-text-main);\n  }\n\n  \/* Google Logo Construction *\/\n  .google-logo { letter-spacing: -1px; font-family: 'Product Sans', Arial, sans-serif; font-weight: bold; font-size: 1.1rem; }\n  .g-blue { color: var(--g-blue); }\n  .g-red { color: var(--g-red); }\n  .g-yellow { color: var(--g-yellow); }\n  .g-green { color: var(--g-green); }\n\n  \/* Trustpilot Style *\/\n  .trustpilot-logo { color: #00b67a; font-size: 1.2rem; }\n\n  .reviews-title {\n    font-size: 2rem;\n    font-weight: 900;\n    color: var(--bf-text-main);\n    margin: 0.5rem 0;\n    letter-spacing: -0.5px;\n  }\n\n  .reviews-subtitle {\n    color: var(--bf-text-muted);\n    font-size: 1rem;\n  }\n\n  \/* --- REVIEWS GRID \/ SLIDER --- *\/\n  .reviews-grid {\n    \/* Mobile: Horizontal Snap Scroll (Best UX) *\/\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    gap: 1.25rem;\n    padding-bottom: 2rem; \/* Space for shadow *\/\n    margin: 0 -1.5rem; \/* Edge to edge *\/\n    padding-left: 1.5rem; \/* Padding restore *\/\n    padding-right: 1.5rem;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none; \/* Hide scrollbar Firefox *\/\n  }\n\n  .reviews-grid::-webkit-scrollbar { display: none; \/* Hide Chrome *\/ }\n\n  \/* Desktop: Grid View *\/\n  @media (min-width: 1024px) {\n    .reviews-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      overflow-x: visible;\n      margin: 0;\n      padding-left: 0;\n      padding-right: 0;\n      gap: 1.5rem;\n    }\n  }\n\n  \/* --- REVIEW CARD --- *\/\n  .review-card {\n    background: var(--bf-card-bg);\n    border-radius: 16px;\n    padding: 1.75rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    border: 1px solid var(--bf-border);\n    display: flex;\n    flex-direction: column;\n    \n    \/* Mobile Sizing *\/\n    min-width: 85%; \/* Shows next card *\/\n    scroll-snap-align: center;\n    height: auto;\n    position: relative;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  @media (min-width: 600px) { .review-card { min-width: 45%; } } \/* Tablet *\/\n  @media (min-width: 1024px) { \n    .review-card { min-width: auto; } \n    .review-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.08); }\n  }\n\n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1rem;\n  }\n\n  .author-block { display: flex; flex-direction: column; }\n  .author-name { font-weight: 800; font-size: 1rem; color: var(--bf-text-main); }\n  .author-meta { font-size: 0.75rem; color: #9ca3af; display: flex; align-items: center; gap: 0.4rem; margin-top: 0.2rem;}\n  \n  .stars { color: var(--bf-gold); font-size: 0.9rem; letter-spacing: 1px; }\n\n  .review-headline {\n    font-weight: 700;\n    font-size: 1.05rem;\n    margin-bottom: 0.5rem;\n    color: var(--bf-text-main);\n  }\n\n  .review-text {\n    font-size: 0.95rem;\n    color: #4b5563;\n    line-height: 1.6;\n    flex-grow: 1;\n  }\n\n  .verified-badge {\n    margin-top: 1rem;\n    padding-top: 0.75rem;\n    border-top: 1px dashed #e5e7eb;\n    color: #16a34a; \/* Green *\/\n    font-size: 0.75rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n  }\n\n  \/* --- CTA --- *\/\n  .reviews-cta {\n    text-align: center;\n    margin-top: 1rem;\n  }\n  \n  .trustpilot-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.8rem;\n    background: #1f2937;\n    color: white;\n    padding: 1rem 2rem;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 700;\n    transition: all 0.3s ease;\n    box-shadow: 0 5px 15px rgba(31, 41, 55, 0.2);\n  }\n  \n  .trustpilot-btn:hover {\n    background: #000;\n    transform: translateY(-2px);\n  }\n<\/style>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Product\",\n  \"name\": \"Belka Tapete\",\n  \"image\": \"https:\/\/gobelka.com\/wp-content\/uploads\/2025\/01\/belka-logo.png\",\n  \"description\": \"Belka Tapete ist eine Baumwoll-Wandbeschichtung f\u00fcr moderne Innenr\u00e4ume.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"Belka\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"4.9\",\n    \"reviewCount\": \"1247\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"1\"\n  },\n  \"review\": [\n    {\n      \"@type\": \"Review\",\n      \"author\": { \"@type\": \"Person\", \"name\": \"Markus K.\" },\n      \"datePublished\": \"2025-11-28\",\n      \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\" },\n      \"reviewBody\": \"Die Produkte haben mehr als 5 Sterne verdient! Lieferung erfolgte in der angegebenen Zeit.\"\n    },\n    {\n      \"@type\": \"Review\",\n      \"author\": { \"@type\": \"Person\", \"name\": \"Sarah M.\" },\n      \"datePublished\": \"2025-11-20\",\n      \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\" },\n      \"reviewBody\": \"Beste Fl\u00fcssigtapete. Beste Konsistenz und l\u00e4sst sich am besten verarbeiten.\"\n    }\n  ]\n}\n<\/script>\n<\/head>\n<body>\n\n<section class=\"bf-reviews-section\">\n  <div class=\"reviews-container\">\n\n    <div class=\"reviews-header\">\n      <div class=\"trust-badges-wrapper\">\n        <div class=\"trust-pill\">\n          <i class=\"fas fa-star trustpilot-logo\"><\/i>\n          Trustpilot <strong>4.9\/5<\/strong>\n        <\/div>\n        <div class=\"trust-pill\">\n          <span class=\"google-logo\">\n            <span class=\"g-blue\">G<\/span><span class=\"g-red\">o<\/span><span class=\"g-yellow\">o<\/span><span class=\"g-blue\">g<\/span><span class=\"g-green\">l<\/span><span class=\"g-red\">e<\/span>\n          <\/span>\n          <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n          <strong>4.9\/5<\/strong>\n        <\/div>\n      <\/div>\n      \n      <h2 class=\"reviews-title\">Das sagen unsere Kunden<\/h2>\n      <p class=\"reviews-subtitle\">Echte Erfahrungen von \u00fcber 1.200 zufriedenen Kunden<\/p>\n    <\/div>\n\n    <div class=\"reviews-grid\">\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Markus K.<\/span>\n            <span class=\"author-meta\">M\u00fcnchen \u2022 vor 2 Tagen<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Mehr als 5 Sterne verdient!<\/h3>\n        <p class=\"review-text\">Sie halten alles was versprochen wurde! Lieferung erfolgte auch in der angegebenen Zeit. Ich kaufe definitiv wieder hier ein!<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Sarah M.<\/span>\n            <span class=\"author-meta\">Berlin \u2022 vor 5 Tagen<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Beste Fl\u00fcssigtapete<\/h3>\n        <p class=\"review-text\">Mehrere Baumwolltapeten ausprobiert, diese hat die beste Konsistenz. Schnelle Lieferung. Werde wieder hier bestellen.<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Thomas W.<\/span>\n            <span class=\"author-meta\">Hamburg \u2022 vor 1 Woche<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Alles Wunderbar!<\/h3>\n        <p class=\"review-text\">Kompetenter und freundlicher Kundenservice, tolles Produkt und ein sehr schneller Versand! Gerne wieder.<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Julia R.<\/span>\n            <span class=\"author-meta\">Frankfurt \u2022 vor 1 Woche<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Bin \u00e4u\u00dferst zufrieden!<\/h3>\n        <p class=\"review-text\">Macht keinen Dreck, stinkt nicht. Die Tapete lie\u00df sich sehr gut auftragen und das Ergebnis hat uns umgehauen!<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Peter S.<\/span>\n            <span class=\"author-meta\">K\u00f6ln \u2022 vor 2 Wochen<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Die Sache ist sehr gut<\/h3>\n        <p class=\"review-text\">Wandbelag ohne Probleme in reicher Auswahl an Farben. Schade, das es die gr\u00f6\u00dferen Packungen nicht gibt.<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"card-header\">\n          <div class=\"author-block\">\n            <span class=\"author-name\">Anna L.<\/span>\n            <span class=\"author-meta\">Stuttgart \u2022 vor 2 Wochen<\/span>\n          <\/div>\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n        <h3 class=\"review-headline\">Belka ist gro\u00dfartig<\/h3>\n        <p class=\"review-text\">Wir haben eine Altbauwohnung gekauft und die Belka Tapete kaschiert super alle Unebenheiten. Super easy.<\/p>\n        <div class=\"verified-badge\"><i class=\"fas fa-check-circle\"><\/i> Verifizierter Kauf<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"reviews-cta\">\n      <a href=\"https:\/\/gobelka.com\/de\/belka-tapete-erfahrungen-kundenbewertungen\/\" target=\"_blank\" class=\"trustpilot-btn\">\n        <i class=\"fas fa-external-link-alt\"><\/i> Alle 1.247 Bewertungen lesen\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85eb24d elementor-widget elementor-widget-html\" data-id=\"85eb24d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>H\u00e4ufig gestellte Fragen - Belka Tapete Winter Sale<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n   \n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Wann findet der Winter Sale 2025 statt?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Unser Winter Sale l\u00e4uft ab sofort bis zum 31. Dezember 2025. Nutzen Sie die Gelegenheit f\u00fcr Ihre Renovierung zum Jahresende!\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Wie hoch sind die Rabatte im Winter Sale?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Wir bieten bis zu 45% Rabatt auf ausgew\u00e4hlte Belka Tapeten. Die Rabatte variieren je nach Produkt: Y-Serie Tapeten bis zu 45%, andere Tapeten bis zu 35%.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Gilt das R\u00fcckgaberecht auch f\u00fcr Sale Artikel?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Ja, absolut! Unsere 120 Tage R\u00fcckgabegarantie gilt auch f\u00fcr alle Winter Sale Bestellungen. Sie k\u00f6nnen Ihre Tapeten risikofrei testen.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Kann ich mehrere Rabattcodes kombinieren?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Die Winter Sale Rabatte sind bereits im Preis enthalten und k\u00f6nnen nicht mit anderen Gutscheincodes kombiniert werden. Sie erhalten jedoch automatisch den h\u00f6chsten verf\u00fcgbaren Rabatt.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Ist der Versand w\u00e4hrend des Sales kostenlos?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Ja! Wir bieten kostenlosen Versand f\u00fcr alle Bestellungen ab 125\u20ac Bestellwert. Die Lieferzeit betr\u00e4gt wie gewohnt 3-5 Werktage.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Was ist mit der neuen G300 Tapete?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Die neue Belka G300 in Urban Graphit Grau ist jetzt exklusiv zum Launch-Preis erh\u00e4ltlich! Dies ist Ihre Chance, unser neuestes Design zum Sonderpreis zu erwerben.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Wie lange dauert die Lieferung?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Die Lieferzeit betr\u00e4gt 3-5 Werktage innerhalb Deutschlands. Wir tun unser Bestes f\u00fcr eine schnelle Lieferung, damit Ihr Projekt rechtzeitig fertig wird.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Sind die Belka Tapeten nachhaltig?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Ja! Alle Belka Tapeten bestehen aus 100% \u00f6kologischen und nachhaltigen Materialien. Wir verwenden Premium-Baumwolle und umweltfreundliche Produktionsverfahren.\"\n        }\n      }\n    ]\n  }\n  <\/script>\n   \n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    :root {\n      \/* Changed from Black Friday Red to a Winter\/Festive Red & Blue mix or kept Warm *\/\n      --bf-accent: #D32F2F; \/* Slightly deeper red for winter\/holiday *\/\n      --bf-gold: #FFD700;\n      --bf-success: #10B981;\n    }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      line-height: 1.6;\n      margin: 0;\n      background: #f8f9fa;\n    }\n\n    .faq-main-container {\n      max-width: 1080px;\n      margin: 0 auto;\n      padding: 0 1rem;\n    }\n\n    \/* ==================== FAQ SECTION ==================== *\/\n    .bf-faq-section {\n      background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%); \/* Changed to slight blueish tint for Winter feel *\/\n      padding: 3rem 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .bf-faq-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(211, 47, 47, 0.03) 0%, transparent 45%),\n        radial-gradient(circle at 80% 70%, rgba(255, 215, 0, 0.03) 0%, transparent 45%);\n      pointer-events: none;\n    }\n\n    \/* Section Header *\/\n    .faq-section-header {\n      text-align: center;\n      margin-bottom: 3rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .faq-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      background: linear-gradient(135deg, var(--bf-accent), #ff5555);\n      color: white;\n      padding: 0.5rem 1.25rem;\n      border-radius: 50px;\n      font-weight: 700;\n      font-size: 0.8rem;\n      margin-bottom: 1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);\n    }\n\n    .faq-section-title {\n      font-size: 2rem;\n      font-weight: 900;\n      color: #1a1a1a;\n      margin-bottom: 0.75rem;\n      line-height: 1.2;\n    }\n\n    .faq-section-subtitle {\n      font-size: 1rem;\n      color: #6b7280;\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* FAQ Container *\/\n    .faq-accordion-container {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* FAQ Item *\/\n    .faq-item {\n      background: white;\n      border-radius: 16px;\n      margin-bottom: 1rem;\n      overflow: hidden;\n      border: 2px solid #f3f4f6;\n      transition: all 0.3s ease;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    }\n\n    .faq-item:hover {\n      border-color: rgba(211, 47, 47, 0.2);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n    }\n\n    .faq-item.active {\n      border-color: var(--bf-accent);\n      box-shadow: 0 6px 20px rgba(211, 47, 47, 0.15);\n    }\n\n    \/* Question Button *\/\n    .faq-question-btn {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.75rem;\n      background: white;\n      border: none;\n      cursor: pointer;\n      text-align: left;\n      transition: all 0.3s ease;\n      gap: 1rem;\n    }\n\n    .faq-item.active .faq-question-btn {\n      background: linear-gradient(135deg, #fff5f5, #ffffff);\n    }\n\n    .faq-question-text-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      flex: 1;\n    }\n\n    .faq-question-icon {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #fff5f5, #ffe5e5);\n      border-radius: 12px;\n      color: var(--bf-accent);\n      font-size: 1.1rem;\n      transition: all 0.3s ease;\n    }\n\n    .faq-item.active .faq-question-icon {\n      background: linear-gradient(135deg, var(--bf-accent), #ff5555);\n      color: white;\n      transform: scale(1.05);\n    }\n\n    .faq-question-text {\n      font-size: 1.05rem;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.4;\n    }\n\n    .faq-toggle-icon {\n      width: 36px;\n      height: 36px;\n      min-width: 36px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #f9fafb;\n      border-radius: 45%;\n      color: #6b7280;\n      font-size: 1.1rem;\n      transition: all 0.3s ease;\n    }\n\n    .faq-item.active .faq-toggle-icon {\n      background: var(--bf-accent);\n      color: white;\n      transform: rotate(180deg);\n    }\n\n    \/* Answer Content *\/\n    .faq-answer-wrapper {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }\n\n    .faq-item.active .faq-answer-wrapper {\n      max-height: 1000px;\n    }\n\n    .faq-answer-content {\n      padding: 0 1.75rem 1.75rem 1.75rem;\n      border-top: 1px solid #f3f4f6;\n    }\n\n    .faq-answer-text {\n      font-size: 0.95rem;\n      color: #4b5563;\n      line-height: 1.75;\n      margin-top: 1.25rem;\n    }\n\n    .faq-answer-text strong {\n      color: #1a1a1a;\n      font-weight: 700;\n    }\n\n    .faq-answer-text a {\n      color: var(--bf-accent);\n      text-decoration: none;\n      font-weight: 600;\n      border-bottom: 1px solid transparent;\n      transition: all 0.3s ease;\n    }\n\n    .faq-answer-text a:hover {\n      border-bottom-color: var(--bf-accent);\n    }\n\n    \/* Highlight Box *\/\n    .faq-highlight-box {\n      background: linear-gradient(135deg, #fff5f5, #fff9e6);\n      border-left: 4px solid var(--bf-accent);\n      padding: 1rem 1.25rem;\n      border-radius: 8px;\n      margin-top: 1rem;\n      font-size: 0.9rem;\n      color: #1a1a1a;\n    }\n\n    .faq-highlight-box strong {\n      color: var(--bf-accent);\n    }\n\n    \/* Steps List *\/\n    .faq-steps-list {\n      margin-top: 1rem;\n      padding-left: 0;\n      list-style: none;\n    }\n\n    .faq-steps-list li {\n      position: relative;\n      padding-left: 2.5rem;\n      margin-bottom: 0.75rem;\n      font-size: 0.95rem;\n      color: #4b5563;\n      line-height: 1.6;\n    }\n\n    .faq-steps-list li::before {\n      content: attr(data-step);\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 28px;\n      height: 28px;\n      background: linear-gradient(135deg, var(--bf-accent), #ff5555);\n      color: white;\n      border-radius: 45%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 0.8rem;\n    }\n\n    \/* Info Box *\/\n    .faq-info-box {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.75rem;\n      background: #f0fdf4;\n      border-left: 4px solid var(--bf-success);\n      padding: 1rem 1.25rem;\n      border-radius: 8px;\n      margin-top: 1rem;\n    }\n\n    .faq-info-icon {\n      color: var(--bf-success);\n      font-size: 1.2rem;\n      margin-top: 0.1rem;\n    }\n\n    .faq-info-text {\n      font-size: 0.9rem;\n      color: #065f46;\n      line-height: 1.6;\n    }\n\n    \/* Contact CTA *\/\n    .faq-contact-cta {\n      text-align: center;\n      margin-top: 3rem;\n      padding-top: 2.5rem;\n      border-top: 2px dashed #e5e7eb;\n    }\n\n    .faq-contact-title {\n      font-size: 1.5rem;\n      font-weight: 800;\n      color: #1a1a1a;\n      margin-bottom: 0.75rem;\n    }\n\n    .faq-contact-text {\n      font-size: 0.95rem;\n      color: #6b7280;\n      margin-bottom: 1.5rem;\n    }\n\n    .faq-contact-buttons {\n      display: flex;\n      gap: 1rem;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .faq-contact-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.6rem;\n      padding: 0.875rem 1.75rem;\n      border-radius: 50px;\n      font-weight: 700;\n      font-size: 0.95rem;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      border: none;\n    }\n\n    .faq-contact-btn.primary {\n      background: linear-gradient(135deg, var(--bf-accent), #ff5555);\n      color: white;\n      box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4);\n    }\n\n    .faq-contact-btn.primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(211, 47, 47, 0.6);\n    }\n\n    .faq-contact-btn.secondary {\n      background: white;\n      color: var(--bf-accent);\n      border: 2px solid var(--bf-accent);\n    }\n\n    .faq-contact-btn.secondary:hover {\n      background: var(--bf-accent);\n      color: white;\n      transform: translateY(-2px);\n    }\n\n    \/* Tablet *\/\n    @media (min-width: 768px) {\n      .bf-faq-section {\n        padding: 4rem 0;\n      }\n\n      .faq-section-title {\n        font-size: 2.5rem;\n      }\n\n      .faq-question-btn {\n        padding: 1.75rem 2rem;\n      }\n\n      .faq-answer-content {\n        padding: 0 2rem 2rem 2rem;\n      }\n\n      .faq-question-text {\n        font-size: 1.1rem;\n      }\n\n      .faq-answer-text {\n        font-size: 1rem;\n      }\n    }\n\n    \/* Desktop *\/\n    @media (min-width: 1024px) {\n      .bf-faq-section {\n        padding: 5rem 0;\n      }\n\n      .faq-section-title {\n        font-size: 3rem;\n      }\n\n      .faq-section-header {\n        margin-bottom: 3.5rem;\n      }\n\n      .faq-item {\n        margin-bottom: 1.25rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"bf-faq-section\">\n    <div class=\"faq-main-container\">\n       \n      <div class=\"faq-section-header\">\n        <div class=\"faq-badge\">\n          <i class=\"fas fa-snowflake\"><\/i> Winter Sale 2025\n        <\/div>\n        <h2 class=\"faq-section-title\">Alles, was Sie wissen m\u00fcssen<\/h2>\n        <p class=\"faq-section-subtitle\">\n          Finden Sie schnelle Antworten auf die wichtigsten Fragen zu Ihrer Bestellung, Lieferung und unseren exklusiven Winter-Angeboten.\n        <\/p>\n      <\/div>\n\n      <div class=\"faq-accordion-container\">\n        \n        <div class=\"faq-item active\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"true\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-shipping-fast\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Wie schnell wird meine Bestellung geliefert?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Schnelle Lieferung f\u00fcr Ihr Winter-Projekt!<\/strong><br>\n                Bestellungen, die bis <strong>12:00 Uhr mittags<\/strong> bei uns eingehen, werden noch am selben Tag an den Versanddienstleister \u00fcbergeben. So erreicht Ihre Bestellung Sie schnellstm\u00f6glich.\n              <\/p>\n              <div class=\"faq-highlight-box\">\n                <i class=\"fas fa-clock\"><\/i> <strong>Tipp:<\/strong> Bestellen Sie vor 12:00 Uhr, um von unserer Express-Bearbeitung zu profitieren!\n              <\/div>\n              <div class=\"faq-info-box\">\n                <i class=\"fas fa-info-circle faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  Die tats\u00e4chliche Lieferzeit h\u00e4ngt von Ihrem Standort und dem Versanddienstleister ab. In der Regel erreicht Sie Ihr Paket innerhalb von 2-4 Werktagen.\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-undo-alt\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Wie funktioniert die R\u00fcckgabe und Erstattung?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Wir m\u00f6chten, dass Sie mit Ihrem Kauf 100% zufrieden sind!<\/strong><br>\n                Sie haben das Recht, unge\u00f6ffnete Produkte innerhalb von <strong>120 Tagen<\/strong> nach Erhalt zur\u00fcckzugeben.\n              <\/p>\n              <div class=\"faq-highlight-box\">\n                <strong>Kostenlose R\u00fccksendung:<\/strong> Die ersten 30 Tage nach Erhalt ist die R\u00fccksendung f\u00fcr Sie v\u00f6llig kostenfrei!\n              <\/div>\n              <p class=\"faq-answer-text\">\n                <strong>Wichtige Bedingungen:<\/strong><br>\n                \u2022 Das Paket muss <strong>unge\u00f6ffnet und originalverpackt<\/strong> sein<br>\n                \u2022 Nach 30 Tagen k\u00f6nnen R\u00fccksendekosten anfallen<br>\n                \u2022 Die R\u00fcckerstattung erfolgt auf die urspr\u00fcngliche Zahlungsmethode<br>\n                \u2022 Kontaktieren Sie uns vor der R\u00fccksendung f\u00fcr eine R\u00fccksendegenehmigung\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-calendar-alt\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Wie lange gilt das Winter Sale Angebot?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Sichern Sie sich jetzt die besten Preise zum Jahresende!<\/strong><br>\n                Unsere exklusiven Winter Sale Rabatte sind ab sofort bis zum <strong>31. Dezember 2025<\/strong> g\u00fcltig.\n              <\/p>\n              <div class=\"faq-highlight-box\">\n                <i class=\"fas fa-gift\"><\/i> <strong>Limitiertes Angebot:<\/strong> Nur bis Ende des Jahres! Nutzen Sie die Gelegenheit, bis zu 45% zu sparen.\n              <\/div>\n              <div class=\"faq-info-box\">\n                <i class=\"fas fa-lightbulb faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  Die Rabatte gelten automatisch f\u00fcr alle markierten Produkte. Keine Gutscheincodes erforderlich \u2013 einfach in den Warenkorb legen und sparen!\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-shopping-cart\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Gibt es eine Mindestbestellmenge?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Nein, es gibt keine Mindestbestellmenge!<\/strong><br>\n                Sie k\u00f6nnen flexibel die gew\u00fcnschte Menge bestellen \u2013 ob 1kg f\u00fcr ein kleines Projekt oder mehrere Pakete f\u00fcr gr\u00f6\u00dfere Fl\u00e4chen. Jede Bestellung ist willkommen, gro\u00df oder klein.\n              <\/p>\n              <div class=\"faq-info-box\">\n                <i class=\"fas fa-calculator faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  <strong>Tipp zur Mengenberechnung:<\/strong> 1kg Belka Tapete reicht f\u00fcr ca. 4-5 m\u00b2 Wandfl\u00e4che bei 2mm Auftragsst\u00e4rke. Nutzen Sie unseren Mengenrechner auf der Produktseite!\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-credit-card\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Welche Zahlungsmethoden werden akzeptiert?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Wir bieten Ihnen flexible und sichere Zahlungsoptionen:<\/strong>\n              <\/p>\n              <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1.25rem;\">\n                <div style=\"background: #f9fafb; padding: 1rem; border-radius: 12px; border-left: 4px solid var(--bf-accent);\">\n                  <div style=\"font-size: 1.5rem; margin-bottom: 0.5rem;\">\ud83d\udcb3<\/div>\n                  <strong style=\"color: #1a1a1a; display: block; margin-bottom: 0.25rem;\">Kreditkarte<\/strong>\n                  <span style=\"font-size: 0.85rem; color: #6b7280;\">Visa, Mastercard, Amex<\/span>\n                <\/div>\n                <div style=\"background: #f9fafb; padding: 1rem; border-radius: 12px; border-left: 4px solid var(--bf-accent);\">\n                  <div style=\"font-size: 1.5rem; margin-bottom: 0.5rem;\">\ud83c\udfe6<\/div>\n                  <strong style=\"color: #1a1a1a; display: block; margin-bottom: 0.25rem;\">Bank\u00fcberweisung<\/strong>\n                  <span style=\"font-size: 0.85rem; color: #6b7280;\">Klassisch & sicher<\/span>\n                <\/div>\n                <div style=\"background: #f9fafb; padding: 1rem; border-radius: 12px; border-left: 4px solid #FFB6C1;\">\n                  <div style=\"font-size: 1.5rem; margin-bottom: 0.5rem;\">\u2728<\/div>\n                  <strong style=\"color: #1a1a1a; display: block; margin-bottom: 0.25rem;\">Klarna<\/strong>\n                  <span style=\"font-size: 0.85rem; color: #6b7280;\">Jetzt kaufen, sp\u00e4ter zahlen<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"faq-info-box\" style=\"margin-top: 1.5rem;\">\n                <i class=\"fas fa-shield-alt faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  Alle Zahlungen werden \u00fcber sichere, verschl\u00fcsselte Verbindungen verarbeitet. Ihre Zahlungsinformationen sind bei uns in besten H\u00e4nden.\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-certificate\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Gibt es eine Garantie auf die Produkte?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Ja! Wir stehen zu 100% hinter der Qualit\u00e4t unserer Produkte.<\/strong><br>\n                Alle Belka Tapeten kommen mit einer <strong>5-J\u00e4hrigen Garantie<\/strong> auf Material und Verarbeitung.\n              <\/p>\n              <div class=\"faq-highlight-box\">\n                <i class=\"fas fa-award\"><\/i> <strong>5 Jahre Garantie<\/strong> \u2013 Ihre Investition ist langfristig gesch\u00fctzt!\n              <\/div>\n              <p class=\"faq-answer-text\" style=\"margin-top: 1rem;\">\n                <strong>Die Garantie deckt ab:<\/strong><br>\n                \u2022 Materialfehler und Herstellungsm\u00e4ngel<br>\n                \u2022 Farbverlust oder ungew\u00f6hnliche Verf\u00e4rbungen<br>\n                \u2022 Strukturprobleme bei sachgem\u00e4\u00dfer Anwendung<br>\n                \u2022 Abl\u00f6sen der Tapete bei korrekter Verarbeitung\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-palette\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Kann es zu Farbunterschieden kommen?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Ja, leichte Farbunterschiede sind bei Naturprodukten m\u00f6glich.<\/strong><br>\n                Da Belka Tapete ein naturbasiertes Produkt ist, k\u00f6nnen Farbt\u00f6ne von Charge zu Charge leicht variieren. Dies ist v\u00f6llig normal und unterstreicht die Nat\u00fcrlichkeit des Materials.\n              <\/p>\n              <div class=\"faq-highlight-box\">\n                <i class=\"fas fa-exclamation-triangle\"><\/i> <strong>Wichtig:<\/strong> Bestellen Sie f\u00fcr ein Projekt am besten die komplette Menge auf einmal, um sicherzustellen, dass alle Pakete aus derselben Produktionscharge stammen.\n              <\/div>\n              <p class=\"faq-answer-text\" style=\"margin-top: 1rem;\">\n                <strong>Weitere Faktoren, die das Farbergebnis beeinflussen k\u00f6nnen:<\/strong>\n              <\/p>\n              <ul style=\"margin-top: 0.75rem; padding-left: 1.5rem; color: #4b5563; line-height: 1.75;\">\n                <li><strong>Untergrund:<\/strong> Die Farbe des Untergrunds kann durchscheinen<\/li>\n                <li><strong>Auftragsst\u00e4rke:<\/strong> Dickere Schichten erscheinen intensiver<\/li>\n                <li><strong>Lichtverh\u00e4ltnisse:<\/strong> Nat\u00fcrliches vs. k\u00fcnstliches Licht<\/li>\n                <li><strong>Trocknungszeit:<\/strong> Farbe wird beim Trocknen heller<\/li>\n              <\/ul>\n              <div class=\"faq-info-box\" style=\"margin-top: 1rem;\">\n                <i class=\"fas fa-paint-roller faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  <strong>Empfehlung f\u00fcr verschiedene Untergr\u00fcnde:<\/strong> Wenn Sie auf unterschiedlichen Oberfl\u00e4chen (z.B. Beton, Gipskarton, Putz) auftragen m\u00f6chten, verwenden Sie eine <strong>Grundierung (Astar)<\/strong>, um ein gleichm\u00e4\u00dfiges Farbergebnis zu erzielen.\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n            <div class=\"faq-question-text-wrapper\">\n              <div class=\"faq-question-icon\">\n                <i class=\"fas fa-tools\"><\/i>\n              <\/div>\n              <span class=\"faq-question-text\">Wie schwierig ist die Anwendung der Belka Tapete?<\/span>\n            <\/div>\n            <div class=\"faq-toggle-icon\">\n              <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n          <\/button>\n          <div class=\"faq-answer-wrapper\">\n            <div class=\"faq-answer-content\">\n              <p class=\"faq-answer-text\">\n                <strong>Die Anwendung ist \u00fcberraschend einfach \u2013 auch f\u00fcr Anf\u00e4nger!<\/strong><br>\n                Mit unserer Schritt-f\u00fcr-Schritt-Anleitung k\u00f6nnen Sie Ihre W\u00e4nde professionell gestalten, ohne vorherige Erfahrung.\n              <\/p>\n               \n              <div class=\"faq-highlight-box\">\n                <i class=\"fas fa-video\"><\/i> <strong>Detaillierte Video-Anleitung:<\/strong> \n                <a href=\"https:\/\/gobelka.com\/de\/wie-anwenden-belka-tapete\/\" target=\"_blank\">Hier klicken f\u00fcr die komplette Anwendungsanleitung<\/a>\n              <\/div>\n\n              <p class=\"faq-answer-text\" style=\"margin-top: 1.5rem;\">\n                <strong>Anwendung in 4 einfachen Schritten:<\/strong>\n              <\/p>\n               \n              <ol class=\"faq-steps-list\">\n                <li data-step=\"1\">\n                  <strong>Wasser hinzuf\u00fcgen:<\/strong> Geben Sie 5-7 Liter warmes Wasser pro 1kg Belka Tapete in einen sauberen Eimer.\n                <\/li>\n                <li data-step=\"2\">\n                  <strong>Mischen:<\/strong> R\u00fchren Sie die Masse gr\u00fcndlich um, bis eine homogene, teig\u00e4hnliche Konsistenz entsteht. Vermeiden Sie Klumpenbildung.\n                <\/li>\n                <li data-step=\"3\">\n                  <strong>Ruhezeit:<\/strong> Lassen Sie die Mischung 1-1,5 Stunden ruhen, damit sie optimal quillt. R\u00fchren Sie danach nochmals kurz um.\n                <\/li>\n                <li data-step=\"4\">\n                  <strong>Auftragen:<\/strong> Tragen Sie die Masse mit einer Gl\u00e4ttkelle in einer Schichtdicke von 2mm gleichm\u00e4\u00dfig auf die vorbereitete Wandfl\u00e4che auf.\n                <\/li>\n              <\/ol>\n\n              <div class=\"faq-info-box\" style=\"margin-top: 1.5rem;\">\n                <i class=\"fas fa-clock faq-info-icon\"><\/i>\n                <div class=\"faq-info-text\">\n                  <strong>Trocknungszeit:<\/strong> Die Tapete trocknet innerhalb von 24-48 Stunden. Wichtig: Sorgen Sie w\u00e4hrend der Trocknungsphase f\u00fcr ausreichende Bel\u00fcftung des Raumes!\n                <\/div>\n              <\/div>\n\n              <div style=\"background: linear-gradient(135deg, #fffbeb, #fef3c7); border-left: 4px solid var(--bf-gold); padding: 1rem 1.25rem; border-radius: 8px; margin-top: 1rem;\">\n                <strong style=\"color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;\">\n                  <i class=\"fas fa-star\"><\/i> Profi-Tipp:\n                <\/strong>\n                <span style=\"font-size: 0.9rem; color: #78350f;\">\n                  Arbeiten Sie bei Temperaturen zwischen 15-25\u00b0C f\u00fcr optimale Ergebnisse. Vermeiden Sie direkte Sonneneinstrahlung w\u00e4hrend des Trocknens.\n                <\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"faq-contact-cta\">\n        <h3 class=\"faq-contact-title\">Noch Fragen?<\/h3>\n        <p class=\"faq-contact-text\">\n          Unser Kundenservice-Team steht Ihnen gerne zur Verf\u00fcgung und beantwortet alle Ihre Fragen.\n        <\/p>\n        <div class=\"faq-contact-buttons\">\n          <a href=\"mailto:info@gobelka.com\" class=\"faq-contact-btn primary\">\n            <i class=\"fas fa-envelope\"><\/i>\n            E-Mail schreiben\n          <\/a>\n          <a href=\"tel:+49 155 1050 1990\" class=\"faq-contact-btn secondary\">\n            <i class=\"fas fa-phone\"><\/i>\n            Anrufen\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <script>\n    function toggleFaq(button) {\n      const faqItem = button.closest('.faq-item');\n      const allItems = document.querySelectorAll('.faq-item');\n\n      allItems.forEach(item => {\n        const btn = item.querySelector('.faq-question-btn');\n        if (item !== faqItem) {\n          item.classList.remove('active');\n          if (btn) {\n            btn.setAttribute('aria-expanded', 'false');\n          }\n        }\n      });\n\n      const isActive = faqItem.classList.toggle('active');\n      button.setAttribute('aria-expanded', isActive ? 'true' : 'false');\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ first item is active in HTML, nothing else needed\n    });\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7369462 elementor-widget elementor-widget-html\" data-id=\"7369462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ==================== FINAL TRUST SECTION (Colorful & Complete) ==================== *\/\n  :root {\n    --bf-accent: #D32F2F;\n    --bf-dark: #111827;\n    --bf-gray: #f9fafb;\n    --bf-border: #e5e7eb;\n  }\n\n  .why-belka-section {\n    padding: 3rem 0 5rem 0;\n    background: #ffffff;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    border-top: 1px solid var(--bf-border);\n  }\n\n  .bf-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 1.25rem;\n  }\n\n  \/* --- HEADERS --- *\/\n  .why-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 3rem auto;\n  }\n  .why-eyebrow {\n    color: var(--bf-accent);\n    font-weight: 800;\n    text-transform: uppercase;\n    font-size: 0.8rem;\n    letter-spacing: 1px;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n  .why-title {\n    font-size: 2rem;\n    font-weight: 900;\n    color: var(--bf-dark);\n    margin: 0 0 1rem 0;\n    line-height: 1.1;\n  }\n  .why-lead {\n    font-size: 1rem;\n    color: #4b5563;\n    line-height: 1.5;\n  }\n\n  \/* --- CERTIFICATIONS GRID (Hybrid: Scroll mobile \/ Grid desktop) --- *\/\n  .cert-wrapper {\n    background: var(--bf-gray);\n    border-radius: 24px;\n    padding: 2rem;\n    border: 1px solid var(--bf-border);\n  }\n\n  .cert-grid-layout {\n    display: flex; \/* \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0645\u0648\u0628\u0627\u06cc\u0644: \u0641\u0644\u06a9\u0633 \u0628\u0631\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\n    gap: 12px;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    padding-bottom: 1rem;\n    \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    margin: 0 -1rem; \n    padding-left: 1rem;\n    padding-right: 1rem;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .cert-grid-layout::-webkit-scrollbar { display: none; }\n\n  \/* --- CERT CARD DESIGN --- *\/\n  .cert-box {\n    background: white;\n    min-width: 150px; \/* \u0639\u0631\u0636 \u0645\u0646\u0627\u0633\u0628 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    max-width: 150px;\n    height: 130px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a *\/\n    padding: 1rem;\n    border-radius: 16px;\n    border: 1px solid var(--bf-border);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    text-decoration: none;\n    scroll-snap-align: start;\n    transition: transform 0.2s, box-shadow 0.2s;\n    flex-shrink: 0;\n  }\n\n  \/* \u0628\u0627\u0632\u06af\u0634\u062a \u0631\u0646\u06af\u200c\u0647\u0627 *\/\n  .cert-box img { \n    max-height: 40px; \n    width: auto; \n    margin-bottom: 0.8rem; \n    \/* \u062d\u0630\u0641 \u0641\u06cc\u0644\u062a\u0631 \u0633\u06cc\u0627\u0647 \u0648 \u0633\u0641\u06cc\u062f *\/\n    filter: none; \n    opacity: 1;\n  }\n\n  .cert-box span { \n    font-size: 0.7rem; \n    color: #374151; \n    font-weight: 700; \n    text-transform: uppercase; \n    line-height: 1.3;\n  }\n\n  \/* \u062f\u06a9\u0645\u0647 \"\u0647\u0645\u0647 \u0633\u0631\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u062a\u200c\u0647\u0627\" (\u0645\u0634\u06a9\u06cc) *\/\n  .cert-box.dark-link {\n    background: var(--bf-dark);\n    border-color: var(--bf-dark);\n  }\n  .cert-box.dark-link span { color: white; }\n\n  \/* Hover Effects (Desktop) *\/\n  @media (hover: hover) {\n    .cert-box:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    }\n  }\n\n  \/* --- TECH SPECS ROW (Compact) --- *\/\n  .tech-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1rem;\n    margin-bottom: 3rem;\n  }\n  .tech-item {\n    background: var(--bf-dark);\n    color: white;\n    padding: 1.5rem;\n    border-radius: 16px;\n    position: relative;\n    overflow: hidden;\n  }\n  .tech-item::after {\n    content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 80px;\n    background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%);\n  }\n  .t-label { font-size: 0.75rem; color: #9ca3af; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; margin-bottom: 0.3rem;}\n  .t-val { font-size: 2rem; font-weight: 800; margin-bottom: 0.3rem; display: block; line-height: 1; }\n  .t-desc { font-size: 0.85rem; color: #d1d5db; line-height: 1.4; }\n\n  \/* --- DESKTOP LAYOUT (1024px+) --- *\/\n  @media (min-width: 1024px) {\n    .cert-wrapper { padding: 3rem; }\n    \n    .cert-grid-layout {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr); \/* 5 \u0633\u062a\u0648\u0646 \u0637\u0628\u0642 \u0639\u06a9\u0633 *\/\n      gap: 1.5rem;\n      overflow: visible;\n      margin: 0;\n      padding: 0;\n    }\n    \n    .cert-box {\n      min-width: auto;\n      max-width: none;\n      height: 160px; \/* \u06a9\u0645\u06cc \u0628\u0644\u0646\u062f\u062a\u0631 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e *\/\n    }\n\n    .tech-row {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2rem;\n    }\n    \n    .why-title { font-size: 3rem; }\n  }\n<\/style>\n\n<section class=\"why-belka-section\">\n  <div class=\"bf-container\">\n\n    <div class=\"why-header\">\n      <span class=\"why-eyebrow\">Technische Perfektion<\/span>\n      <h2 class=\"why-title\">Zertifizierte Sicherheit<\/h2>\n      <p class=\"why-lead\">\n        Unsere Qualit\u00e4t wurde von unabh\u00e4ngigen Instituten weltweit best\u00e4tigt. \n        Belka erf\u00fcllt strengste EU-Normen f\u00fcr Gesundheit und Sicherheit.\n      <\/p>\n    <\/div>\n\n    <div class=\"tech-row\">\n      <div class=\"tech-item\">\n        <span class=\"t-label\">W\u00e4rmed\u00e4mmung \u03bb<\/span>\n        <span class=\"t-val\">0,067<\/span>\n        <span class=\"t-desc\">W\/(m\u00b7K) - Spart sp\u00fcrbar Heizkosten (MPA NRW).<\/span>\n      <\/div>\n      <div class=\"tech-item\">\n        <span class=\"t-label\">Schallschutz<\/span>\n        <span class=\"t-val\">60%<\/span>\n        <span class=\"t-desc\">Reduziert Nachhall und Echo (T\u00dcV NORD).<\/span>\n      <\/div>\n      <div class=\"tech-item\">\n        <span class=\"t-label\">Gesundheit<\/span>\n        <span class=\"t-val\">0%<\/span>\n        <span class=\"t-desc\">Schadstoffe & VOC-Emissionen (KCL Test).<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"cert-wrapper\">\n      <div class=\"cert-grid-layout\">\n        \n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-tuv-nord-removebg-preview.png\" alt=\"T\u00dcV Nord\" loading=\"lazy\">\n          <span>T\u00dcV NORD AKUSTIK<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificatesmpa-nrw.png\" alt=\"MPA NRW\" loading=\"lazy\">\n          <span>MPA NRW W\u00c4RME<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-ce-removebg-preview.png\" alt=\"CE\" loading=\"lazy\">\n          <span>CE KONFORMIT\u00c4T<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-bodycote.png\" alt=\"Bodycote\" loading=\"lazy\">\n          <span>BODYCOTE BRANDSCHUTZ<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-iso-9001-removebg-preview.png\" alt=\"ISO 9001\" loading=\"lazy\">\n          <span>ISO 9001 QUALIT\u00c4T<\/span>\n        <\/div>\n\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-kcl-removebg-preview.png\" alt=\"KCL\" loading=\"lazy\">\n          <span>KCL SCHADSTOFFFREI<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-sgs-removebg-preview.png\" alt=\"SGS\" loading=\"lazy\">\n          <span>SGS GEPR\u00dcFT<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-gic-removebg-preview.png\" alt=\"GIC\" loading=\"lazy\">\n          <span>GIC CERTIFIED<\/span>\n        <\/div>\n        <div class=\"cert-box\">\n          <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/01\/belka-wallpaper-certificates-best-product-removebg-preview.png\" alt=\"Award\" loading=\"lazy\">\n          <span>HOMESHOW AWARD<\/span>\n        <\/div>\n        \n        <a href=\"https:\/\/gobelka.com\/de\/zertifikate-sicherheit-qualitaet-nachweis\/\" class=\"cert-box dark-link\">\n          <span style=\"font-size: 1.5rem; margin-bottom: 5px;\">\u2794<\/span>\n          <span>ALLE ZERTIFIKATE<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf37 Fr\u00fchlingsaktion 2026 Ausgew\u00e4hlte Produkte, Y-Serie &#038; Vorbestellung Belka Fr\u00fchlingsaktion: Bis zu 20 % Rabatt auf ausgew\u00e4hlte Farben Entdecken Sie<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/35308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/comments?post=35308"}],"version-history":[{"count":781,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/35308\/revisions"}],"predecessor-version":[{"id":49814,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/35308\/revisions\/49814"}],"wp:attachment":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/media?parent=35308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}