Warning: is_readable(): open_basedir restriction in effect. File(/proc/self/status) is not within the allowed path(s): (/home/.sites/41/site9261140/web:/home/.sites/41/site9261140/tmp:/usr/share/pear:/usr/bin/php_safemode) in /home/.sites/41/site9261140/web/webshop/gr21_performance_prepend.php on line 108

Warning: is_readable(): open_basedir restriction in effect. File(/proc/self/io) is not within the allowed path(s): (/home/.sites/41/site9261140/web:/home/.sites/41/site9261140/tmp:/usr/share/pear:/usr/bin/php_safemode) in /home/.sites/41/site9261140/web/webshop/gr21_performance_prepend.php on line 133
  <style>
      /* ===== Table/Box Header Styling ===== */

      /* Spezifisches Styling für die Überschriften der Boxen */
      #newCenterbox-card-header {
        background: linear-gradient(to right, #004d00, #0275d8) !important;
        color: white !important;
        padding: 12px 15px !important;
        border-radius: 5px 5px 0 0 !important;
        font-weight: 600 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
        border-bottom: 3px solid #1a252f !important;
      }

      /* Styling für alle ähnlichen Überschriften */
      [id$="Centerbox-card-header"] {
        background: linear-gradient(to right, #004d00, #0275d8) !important;
        color: white !important;
        padding: 12px 15px !important;
        border-radius: 5px 5px 0 0 !important;
        font-weight: 600 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
        border-bottom: 3px solid #1a252f !important;
      }

      /* Spezifisches Styling für Sonderangebote */
      #specialCenterbox-card-header {
        background: linear-gradient(to right, #004d00, #0275d8) !important;
        border-bottom: 3px solid #6c3483 !important;
      }

      /* Container für die Boxen */
      .centerBoxWrapper {
        margin-bottom: 25px !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
        border-radius: 5px !important;
        overflow: hidden !important;
      }

      /* Hover-Effekt für Produkt-Boxen */
      .centerBoxContents {
        transition: all 0.3s ease !important;
        padding: 15px !important;
      }
      .centerBoxContents:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
      }

      /* ===== Reviews Box zentriert ===== */
      #reviews-leftBoxCard {
        width: 100% !important;
        max-width: 800px !important;
        margin: 0 auto 25px auto !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        border: none !important;
      }
      #reviews-leftBoxHeading {
        background: linear-gradient(to right, #004d00, #0275d8) !important;
        color: white !important;
        padding: 15px !important;
        font-size: 1.2rem !important;
        text-align: center !important;
        border-bottom: 3px solid #1a5276 !important;
      }
      #reviews-leftBoxHeading a {
        color: white !important;
        text-decoration: none !important;
        display: block !important;
        width: 100% !important;
      }
      #reviews-leftBoxCard .sideBoxContent {
        padding: 15px !important;
        text-align: center !important;
      }

      /* Auf der Startseite zentrieren/strecken */
      @media (min-width: 768px) {
        #left_column #reviews-leftBoxCard {
          position: relative !important;
          left: 50% !important;
          transform: translateX(-50%) !important;
          width: 80vw !important;
          max-width: 800px !important;
        }
        #left_column { width: 100% !important; float: none !important; }
      }

      /* ===== Random Reviews – Slider & Cards ===== */
      #random-reviews {
        --card-radius: 14px;
        --shadow: 0 10px 30px rgba(0,0,0,.08);
        --gap: 16px;
        --tile-min: 260px;
        --tile-max: 360px;
        --star-grad-1: #FFD36E;
        --star-grad-2: #F59E0B;
      }
      #random-reviews .row {
        display: flex;
        flex-wrap: nowrap;
        gap: var(--gap);
        padding: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
      }
      #random-reviews .centerBoxContentsRandomReviews {
        flex: 0 0 clamp(var(--tile-min), 30vw, var(--tile-max));
        scroll-snap-align: start;
      }
      #random-reviews .rr-card {
        background: #fff;
        border-radius: var(--card-radius);
        box-shadow: var(--shadow);
        padding: 16px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      #random-reviews img {
        border-radius: calc(var(--card-radius) - 6px);
        max-width: 100%;
        height: auto;
      }
      #random-reviews .fw-semibold a { text-decoration: none; }
      #random-reviews .stars-wrap .rating {
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: .06em;
        background: linear-gradient(180deg, var(--star-grad-1), var(--star-grad-2));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        margin: 4px 0;
      }
      #random-reviews .rr-text {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 4.8em;
      }
      #random-reviews .rr-card .btn {
        margin-top: auto;
        border-radius: 9999px;
      }
      #random-reviews .card-header { text-align: center; }
      #random-reviews .row::-webkit-scrollbar { height: 10px; }
      #random-reviews .row::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 999px; }
      #random-reviews .row::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
      #random-reviews .row:hover::-webkit-scrollbar-thumb { background: #94a3b8; }
      @media (max-width: 575.98px) {
        #random-reviews .centerBoxContentsRandomReviews {
          flex-basis: clamp(220px, 80vw, 320px);
        }
      }

      /* ===== Random Reviews – Slider für .card-deck ===== */
      #rr-slider{
        --gap: 16px; --tile-min: 260px; --tile-max: 360px;
        --radius: 14px; --shadow: 0 10px 30px rgba(0,0,0,.08);
        --gold-1:#FFD36E; --gold-2:#F59E0B;
        position: relative; margin: 1rem 0 2rem;
      }
      #rr-slider .rr-viewport{ overflow: hidden; width: 100%; }
      #rr-slider .rr-track{
        display: flex; flex-wrap: nowrap; gap: var(--gap);
        padding: 12px var(--gap); will-change: transform; transform: translateX(0);
      }
      #rr-slider .card-deck > *{
        flex: 0 0 clamp(var(--tile-min), 30vw, var(--tile-max));
      }
      #rr-slider .card{
        border: 0; border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden;
      }
      #rr-slider .card img{
        border-radius: calc(var(--radius) - 6px); max-width: 100%; height: auto;
      }
      #rr-slider .rating{
        font-size: 1.6rem; line-height: 1; letter-spacing: .06em;
        background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
        -webkit-background-clip: text; background-clip: text; color: transparent;
        margin: .25rem 0 .35rem;
      }
      #rr-slider .rr-text{
        display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
        overflow: hidden; min-height: 4.8em;
      }
      #rr-slider .rr-prev, #rr-slider .rr-next{
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 40px; height: 40px; border-radius: 999px; border: 0; color: #fff;
        background: rgba(0,0,0,.45); display: grid; place-items: center; font-size: 1.4rem;
      }
      #rr-slider .rr-prev{ left: .5rem; }  #rr-slider .rr-next{ right: .5rem; }
      #rr-slider .rr-prev:hover, #rr-slider .rr-next:hover{ background: rgba(0,0,0,.65); }
      @media (max-width: 575.98px){
        #rr-slider .card-deck > *{ flex-basis: clamp(220px, 80vw, 320px); }
      }
    </style><!DOCTYPE html>
<html dir="ltr" lang="es">
<head>
    <meta charset="utf-8">
    <title>Kit de Cultivo Interior HPS para Principiantes | Starter Kit</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="comprar kit armario cultivo principiantes, growbox completo HPS iniciación, kit de cultivo interior fácil barato, starter kit homegrow sodio, armario cultivar por primera vez, pack cultivo económico, Growroom21 Viena">
    <meta name="description" content="¡Tu primer cultivo de interior de la forma más fácil y económica! Nuestros kits completos de armarios de cultivo NDL (sodio) para principiantes incluyen todo lo necesario para asegurar tu éxito desde la primera cosecha. Disponibles en Growroom21.">
    <meta name="author" content="Growroom21 - Dein günstiger Growshop in Wien und Online">
    <meta name="generator" content="">

    
    <!-- Canonical Tag -->
    <link rel="canonical" href="https://www.growroom21.com/webshop/es/starter" />

    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.growroom21.com/webshop/apple-touch-icon.png">

          <link href="favicon.ico" type="image/x-icon" rel="icon">
      <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
    
    <base href="https://www.growroom21.com/webshop/">

     
<!-- hreflang for multilingual sites -->
<link rel="alternate" href="https://www.growroom21.com/webshop/es/starter?language=de" hreflang="de">
<link rel="alternate" href="https://www.growroom21.com/webshop/es/starter?language=en" hreflang="en">
<link rel="alternate" href="https://www.growroom21.com/webshop/es/starter?language=fr" hreflang="fr">
<link rel="alternate" hreflang="es" href="https://www.growroom21.com/webshop/es/starter">

    <!-- Load Bootstrap and Font Awesome -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
    
    <!-- Custom CSS to remove underline from links -->
    <style>
        a {
            text-decoration: none !important;
        }
    </style>

    <!-- Additional Stylesheets and Scripts -->
    <link href="includes/templates/bootstrap/css/stylesheet.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_360.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_361.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_364.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_ajax_search.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_bootstrap.carousel.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_bootstrap.lightbox.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_fonts.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_chat.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_menu_split.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_minimum_groups.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_seo_filter.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_seo_filter_grouped_v37.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_seo_filter_v33.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_gr21_widerruf.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_referrers.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/stylesheet_widerruf_button.css" rel="stylesheet">
<link href="includes/templates/bootstrap/css/print_stylesheet.css" media="print" rel="stylesheet">
<style>
body {
    color: #000000;
    background-color: #ffffff;
}
a {
    color: #000000;
}
a:hover {
    color: #003300;
}
.form-control::placeholder,
.required-info,
span.alert {
    color: #001c00;
}
.alert-info {
    color: #005500;    background-color: #d9f2d9;    border-color: #b3e6b3;}
.rating {
    background-color: #ffffff;    color: #000000;}
.btn {
    color: #ffffff;
    background-color: #005900;
    border-color: #009900;
}
.btn:hover {
    color: #003300;
    background-color: #00e600;
    border-color: #00b300;
}
#headerWrapper {
    background-color: #ffffff;
}
#tagline {
    color: #006600;
}
nav.navbar {
    background-color: #0275d8;
}
nav.navbar a.nav-link {
    color: #ffffff;
}
nav.navbar a.nav-link:hover {
    color: #b3e6b3;
    background-color: #0275d8;}
nav.navbar .navbar-toggler {
    color: #ffffff;
    background-color: #0275d8;
    border-color: #0275d8;
}
nav.navbar .navbar-toggler:hover {
    color: #b3e6b3;
    background-color: #99cc99;
    border-color: #99cc99;
}
nav.navbar .btn {
    color: #ffffff;    background-color: #009900;    border-color: #009900;}
nav.navbar .btn:hover {
    color: #003300;    background-color: #00e600;    border-color: #00b300;}
#ezpagesBarHeader {
    background-color: #004d00;
}
#ezpagesBarHeader a.nav-link {
    color: #ffffff;
}
#ezpagesBarHeader a.nav-link:hover {
    color: #b3e6b3;
    background-color: #003300;}
#navCatTabs a {
    color: #ffffff;
    background-color: #009900;
    border-color: #009900;}
#navCatTabs a.activeLink {
    background-color: #00b300;    color: #ffffff;    border-color: #00b300;}
#navCatTabs a:hover {
    color: #009900;
    background-color: #00e600;
    border-color: #00e600;}
#navCatTabs a.activeLink:hover {
    background-color: #00e600;    color: #00b300;    border-color: #00e600;}
#navBreadCrumb ol {
    background-color: #d9f2d9;
}
#navBreadCrumb li {
    color: #006600;
}
#navBreadCrumb li a {
    color: #000000;
}
#navBreadCrumb li a:hover {
    color: #009900;
}
#footerWrapper {
    color: #006600;
    background-color: #ffffff;
}
.legalCopyright,
.legalCopyright a {
    color: #006600;
}
#ezpagesBarFooter {
    background-color: #0275d8;
}
#ezpagesBarFooter a.nav-link {
    color: #ffffff;
}
#ezpagesBarFooter a.nav-link:hover {
    color: #b3e6b3;
    background-color: #003300;}
.leftBoxCard,
.rightBoxCard {
    color: #006600;
    background-color: #ffffff;
}
.leftBoxHeading,
.rightBoxHeading {
    color: #000000;
    background-color: #ffffff;
}
.leftBoxHeading a,
.rightBoxHeading a {
    color: #006600;
}
.leftBoxHeading a:hover,
.rightBoxHeading a:hover {
    color: #003300;
}
#categoriesContent .badge,
#documentcategoriesContent .badge {
    color: #003300;
    background-color: #006600;
}
.leftBoxCard .list-group-item,
.rightBoxCard .list-group-item {
    color: #006600;
    background-color: #ffffff;
}
.leftBoxCard .list-group-item:hover,
.rightBoxCard .list-group-item:hover {
    color: #003300;
    background-color: #b3e6b3;
}
.centerBoxContents.card {
    color: #000000;
    background-color: #ffffff;
}
.centerBoxHeading {
    color: #000000;
    background-color: #d9f2d9;
}
.categoryListBoxContents.card {
    color: #000000;
    background-color: #ffffff;
}
.categoryListBoxContents {
    background-color: #ffffff;
}
.categoryListBoxContents:hover {
    background-color: #efefef;
}
a.page-link {
    color: #006600;
    background-color: #b3e6b3;
    border-color: #b3e6b3;
}
a.page-link:hover {
    color: #ffffff;
    background-color: #66cc66;
    border-color: #66cc66;
}
.page-item.active span.page-link {
    color: #ffffff;
    background-color: #009900;
}
.sideBoxContentItem {
    background-color: #ffffff;
}
.sideBoxContentItem:hover {
    background-color: #b3e6b3;
}
.centerBoxContents {
    background-color: #ffffff;
}
.centerBoxContents:hover {
    background-color: #efefef;
}
.centerBoxContentsListing:hover {
    background-color: #efefef;
}
.listingProductImage {
    min-width: 200px;
}
.productReviewCard:hover {
    background-color: #efefef;
}
.productBasePrice {
    color: #006600;
}
.normalprice {
    color: #006600;
}
.productSpecialPrice {
    color: #b32600;
}
.productPriceDiscount {
    color: #b32600;
}
.productSalePrice {
    color: #b30009;
}
.productFreePrice {
    color: #00ff00;
}
#addToCart-card-header {
    color: #ffffff;
    background-color: #036811;
}
#addToCart-card {
    border-color: #036811;
}
.btn.button_add_selected {
    background: #036811;
    color: #ffffff;
}
.btn.button_add_selected:hover {
    background: #007e33;
    color:#ffffff;
}
.btn.button_in_cart {
    background: #036811;
    color: #ffffff;
}
.fa-cart-plus {
    color: #036811;
}
.btn.button_in_cart:hover {
    background: #007e33;
    color: #ffffff;
}
a:hover > .fa-cart-plus {
    color: #007e33;
}
button.button_continue_checkout,
a.button_checkout {
    background-color: #ffd814;    color: #0f1111;    border-color: #fcd200;}
button.button_continue_checkout:hover,
a.button_checkout:hover {
    background-color: #f7ca00;    color: #0f1111;    border-color: #f2c200;}
button.button_confirm_order {
    background-color: #ffd814;    color: #0f1111;    border-color: #fcd200;}
button.button_confirm_order:hover {
    background-color: #f7ca00;    color: #0f1111;    border-color: #f2c200;}
#checkoutShippingDefault .progress-bar,
#checkoutPayment .progress-bar,
#checkoutConfirmationDefault .progress-bar,
#checkoutSuccessDefault .progress-bar {
    background-color: #036811!important;}
button.button_sold_out_sm, button.button_sold_out_sm:hover, button.button_sold_out, button.button_sold_out:hover {
    background-color: #a80000;    color: #ffffff;    border-color: #a80000;}
a.carousel-control-prev,
a.carousel-control-next {
    color: #000000;}
a.carousel-control-prev:hover,
a.carousel-control-next:hover {
    color: #000000;}
.banner-carousel .carousel-indicators li {
    background-color: #000000;}
.defaultAddress address {
    background-color: #036811;    color: #ffffff;}
.card.primary-address {
    border-color: #13607c;}
.card.primary-address > .card-header{
    background-color: #13607c;    color: #ffffff;}
</style>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<script src="includes/templates/bootstrap/jscript/jscript_gr21_chat.js"></script>
<script src="includes/templates/bootstrap/jscript/jscript_zca_bootstrap.js"></script>

<script src="includes/templates/bootstrap/jscript/ajax_search.min.js" defer></script>

<script>
if (typeof zcJS == "undefined" || !zcJS) {
  window.zcJS = { name: 'zcJS', version: '0.1.0.0' };
}

zcJS.ajax = function (options) {
  options.url = options.url.replace("&amp;", unescape("&amp;"));
  var deferred = jQuery.Deferred(function (d) {
      var securityToken = '2539cf682131742fcf02cb993d96cae8';
      var defaults = {
          cache: false,
          type: 'POST',
          traditional: true,
          dataType: 'json',
          timeout: 5000,
          data: jQuery.extend(true,{
            securityToken: securityToken
        }, options.data)
      },
      settings = jQuery.extend(true, {}, defaults, options);
      if (typeof(console.log) == 'function') {
          console.log( settings );
      }

      d.done(settings.success);
      d.fail(settings.error);
      d.done(settings.complete);
      var jqXHRSettings = jQuery.extend(true, {}, settings, {
          success: function (response, textStatus, jqXHR) {
            d.resolve(response, textStatus, jqXHR);
          },
          error: function (jqXHR, textStatus, errorThrown) {
              if (window.console) {
                if (typeof(console.log) == 'function') {
                  console.log(jqXHR);
                }
              }
              d.reject(jqXHR, textStatus, errorThrown);
          },
          complete: d.resolve
      });
      jQuery.ajax(jqXHRSettings);
   }).fail(function(jqXHR, textStatus, errorThrown) {
   var response = jqXHR.getResponseHeader('status');
   var responseHtml = jqXHR.responseText;
   var contentType = jqXHR.getResponseHeader("content-type");
   switch (response)
     {
       case '403 Forbidden':
         var jsonResponse = JSON.parse(jqXHR.responseText);
         var errorType = jsonResponse.errorType;
         switch (errorType)
         {
           case 'ADMIN_BLOCK_WARNING':
           break;
           case 'AUTH_ERROR':
           break;
           case 'SECURITY_TOKEN':
           break;

           default:
             alert('An Internal Error of type '+errorType+' was received while processing an ajax call. The action you requested could not be completed.');
         }
       break;
       default:
        if (jqXHR.status === 200) {
            if (contentType.toLowerCase().indexOf("text/html") >= 0) {
                document.open();
                document.write(responseHtml);
                document.close();
            }
         }
     }
   });

  var promise = deferred.promise();
  return promise;
};
zcJS.timer = function (options) {
  var defaults = {
    interval: 10000,
    startEvent: null,
    intervalEvent: null,
    stopEvent: null

},
  settings = jQuery.extend(true, {}, defaults, options);

  var enabled = new Boolean(false);
  var timerId = 0;
  var mySelf;
  this.Start = function()
  {
      this.enabled = new Boolean(true);

      mySelf = this;
      mySelf.settings = settings;
      if (mySelf.enabled)
      {
          mySelf.timerId = setInterval(
          function()
          {
              if (mySelf.settings.intervalEvent)
              {
                mySelf.settings.intervalEvent(mySelf);
              }
          }, mySelf.settings.interval);
          if (mySelf.settings.startEvent)
          {
            mySelf.settings.startEvent(mySelf);
          }
      }
  };
  this.Stop = function()
  {
    mySelf.enabled = new Boolean(false);
    clearInterval(mySelf.timerId);
    if (mySelf.settings.stopEvent)
    {
      mySelf.settings.stopEvent(mySelf);
    }
  };
};

</script>

<script>
jQuery(document).ready(function() {
    jQuery('form.sidebox-select-form select:required').each(function() {
        var theOptions = '';
        var optGroup = false;
        var isSelected = '';
        jQuery('option', this).each(function() {
            if (jQuery(this).val() == '') {
                optGroup = true;
                theOptions += '<optgroup label="'+jQuery(this).text()+'">';
            } else {
                isSelected = '';
                if (jQuery(this).is(':selected')) {
                    isSelected = ' selected="selected"';
                }
                theOptions += '<option value="'+jQuery(this).val()+'"'+isSelected+'>'+jQuery(this).text()+'</option>';
            }
        });
        if (optGroup === true) {
            theOptions += '</optgroup>';
        }
        jQuery(this).empty().append(theOptions);
        jQuery('optgroup', this).css({'font-style':'normal'});
        if (jQuery('select option:selected', this).length > 0) {
            jQuery(this).siblings('input[type="submit"], button[type="submit"]').attr('disabled', false).css('cursor', 'pointer');
        } else {
            jQuery(this).siblings('input[type="submit"], button[type="submit"]').attr('disabled', true).css('cursor', 'not-allowed');
        }
        jQuery(this).on('change', function() {
            jQuery(this).siblings('input[type="submit"], button[type="submit"]').attr('disabled', false).css('cursor', 'pointer');
        });
    });
});
</script>
  <style id="z-ui-css">
/* Basis für Cards/Centerboxen (unverändert kurz) */
.centerBoxWrapper .card, #centerColumn .card{background:#fff;border:0;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
.centerBoxWrapper{margin-bottom:2rem}
.centerBoxWrapper .card-header,#centerColumn .card-header{background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%);color:#fff;padding:14px 16px;font-weight:600;text-align:center;border:0}

/* ===== GENERISCHER SLIDER (.z-hslider) ===== */
.z-hslider{position:relative;margin:1rem 0 2rem;--gap:16px;--tile-min:260px;--tile-max:360px;--line-clamp:4;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.08);--gold-1:#FFD36E;--gold-2:#F59E0B}
.z-hslider .z-hslider-viewport{overflow:hidden;width:100%}
.z-hslider .z-hslider-track{display:flex;flex-wrap:nowrap;gap:var(--gap);padding:12px var(--gap);will-change:transform;transform:translateX(0)}
.z-hslider .card-deck>*{flex:0 0 clamp(var(--tile-min),30vw,var(--tile-max))}
.z-hslider .card{border:0;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.z-hslider .card img{border-radius:calc(var(--radius) - 6px);max-width:100%;height:auto}
.z-hslider .rating{font-size:1.6rem;line-height:1;letter-spacing:.06em;background:linear-gradient(180deg,var(--gold-1),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:.25rem 0 .35rem}
.z-hslider .rr-text{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden}

/* Nav-Buttons optional */
.z-hslider .z-prev,.z-hslider .z-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:0;color:#fff;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:1.4rem}
.z-hslider .z-prev{left:.5rem}.z-hslider .z-next{right:.5rem}
.z-hslider .z-prev:hover,.z-hslider .z-next:hover{background:rgba(0,0,0,.65)}

@media (max-width:575.98px){.z-hslider .card-deck>*{flex-basis:clamp(220px,80vw,320px)}}

/* ===== Backward-Compat: #rr-slider ===== */
#rr-slider{position:relative;margin:1rem 0 2rem;--gap:16px;--tile-min:260px;--tile-max:360px;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.08);--gold-1:#FFD36E;--gold-2:#F59E0B}
#rr-slider .rr-viewport{overflow:hidden;width:100%}
#rr-slider .rr-track{display:flex;flex-wrap:nowrap;gap:var(--gap);padding:12px var(--gap);will-change:transform;transform:translateX(0)}
#rr-slider .card-deck>*{flex:0 0 clamp(var(--tile-min),30vw,var(--tile-max))}
#rr-slider .card{border:0;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
#rr-slider .card img{border-radius:calc(var(--radius) - 6px);max-width:100%;height:auto}
#rr-slider .rating{font-size:1.6rem;line-height:1;letter-spacing:.06em;background:linear-gradient(180deg,var(--gold-1),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:.25rem 0 .35rem}
#rr-slider .rr-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:4.8em}
#rr-slider .rr-prev,#rr-slider .rr-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:0;color:#fff;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:1.4rem}
#rr-slider .rr-prev{left:.5rem}#rr-slider .rr-next{right:.5rem}
#rr-slider .rr-prev:hover,#rr-slider .rr-next:hover{background:rgba(0,0,0,.65)}

</style><script id="z-ui-js">
(function(){
  'use strict';

  function initZSlider(slider){
    var track = slider.querySelector('.z-hslider-track') || slider.querySelector('.card-deck');
    if(!track) return;
    if (slider.dataset.zInit === '1') return;
    slider.dataset.zInit = '1';

    var prevBtn  = slider.querySelector('.z-prev');
    var nextBtn  = slider.querySelector('.z-next');

    var speed    = parseFloat(slider.getAttribute('data-speed') || '0.6');   // px/frame (0 = aus)
    var infinite = (slider.getAttribute('data-infinite') || '1') === '1';

    var originals = Array.prototype.slice.call(track.children);
    if (originals.length === 0) return;

    if (infinite && !slider.dataset.zCloned){
      originals.forEach(function(el){ track.appendChild(el.cloneNode(true)); });
      slider.dataset.zCloned = '1';
    }

    var pos = 0, running = speed > 0, origWidth = 0, rafId = null;

    function measure(){
      origWidth = infinite ? (track.scrollWidth / 2) : track.scrollWidth;
    }
    function step(){
      if (running && speed > 0){
        pos -= speed;
        if (infinite && -pos >= origWidth){ pos += origWidth; }
        track.style.transform = 'translateX(' + pos + 'px)';
      }
      rafId = requestAnimationFrame(step);
    }
    function start(){
      cancelAnimationFrame(rafId);
      pos = 0;
      track.style.transform = 'translateX(0px)';
      track.style.willChange = 'transform';
      measure(); step();
    }
    start();

    slider.addEventListener('mouseenter', function(){ running = false; });
    slider.addEventListener('mouseleave', function(){ running = (speed > 0); });
    document.addEventListener('visibilitychange', function(){ running = (document.visibilityState === 'visible') && (speed > 0); });

    var rt;
    window.addEventListener('resize', function(){
      running = false;
      clearTimeout(rt);
      rt = setTimeout(function(){ measure(); running = (speed > 0); }, 120);
    });

    function slideStep(dir){
      var first = originals[0]; if(!first) return;
      var cs = getComputedStyle(track);
      var gap = parseFloat(cs.columnGap || cs.gap || '16');
      var stepW = first.getBoundingClientRect().width + gap;
      pos += dir * stepW; // dir: +1 (rechts), -1 (links)
      if (infinite){
        if (pos > 0) pos -= origWidth;
        if (-pos >= origWidth) pos += origWidth;
      }
      track.style.transform = 'translateX(' + pos + 'px)';
    }
    if (prevBtn) prevBtn.addEventListener('click', function(){ slideStep(+1); });
    if (nextBtn) nextBtn.addEventListener('click', function(){ slideStep(-1); });
  }

  function initLegacyRR(){
    var slider = document.getElementById('rr-slider');
    if(!slider) return;
    if (slider.dataset.zInit === '1') return;
    slider.dataset.zInit = '1';

    var track = slider.querySelector('.rr-track');
    if(!track) return;

    var prevBtn = slider.querySelector('.rr-prev');
    var nextBtn = slider.querySelector('.rr-next');
    var speed = parseFloat(slider.getAttribute('data-speed')) || 0.6;
    var running = speed > 0, rafId = null, pos = 0, origWidth = 0;

    var originals = Array.prototype.slice.call(track.children);
    if (originals.length === 0) return;
    originals.forEach(function(el){ track.appendChild(el.cloneNode(true)); });

    function measure(){ origWidth = track.scrollWidth / 2; }
    function step(){
      if (running){
        pos -= speed;
        if (-pos >= origWidth){ pos += origWidth; }
        track.style.transform = 'translateX(' + pos + 'px)';
      }
      rafId = requestAnimationFrame(step);
    }
    function start(){ cancelAnimationFrame(rafId); pos = 0; measure(); step(); }
    start();

    slider.addEventListener('mouseenter', function(){ running = false; });
    slider.addEventListener('mouseleave', function(){ running = true;  });
    document.addEventListener('visibilitychange', function(){ running = (document.visibilityState === 'visible'); });

    var rt;
    window.addEventListener('resize', function(){
      running = false;
      clearTimeout(rt);
      rt = setTimeout(function(){ measure(); running = true; }, 120);
    });

    function slideStep(dir){
      var first = originals[0]; if(!first) return;
      var cs = getComputedStyle(track);
      var gap = parseFloat(cs.columnGap || cs.gap || '16');
      var stepW = first.getBoundingClientRect().width + gap;
      pos += dir * stepW;
      if (pos > 0) pos -= origWidth;
      if (-pos >= origWidth) pos += origWidth;
      track.style.transform = 'translateX(' + pos + 'px)';
    }
    if (prevBtn) prevBtn.addEventListener('click', function(){ slideStep(+1); });
    if (nextBtn) nextBtn.addEventListener('click', function(){ slideStep(-1); });
  }

  document.addEventListener('DOMContentLoaded', function(){
    document.querySelectorAll('.z-hslider').forEach(initZSlider);
    initLegacyRR(); // optional
  });
})();
</script>
  
<!-- Google Analytics GA4 - erst nach Cookie-Zustimmung laden -->
<script
  type="text/plain"
  data-gr21-consent="analytics"
  data-src="https://www.googletagmanager.com/gtag/js?id=G-XWHXQH5WDG">
</script>

<script type="text/plain" data-gr21-consent="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}

  gtag('consent', 'default', {
    'analytics_storage': 'granted',
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'personalization_storage': 'denied',
    'functionality_storage': 'granted',
    'security_storage': 'granted'
  });

  gtag('js', new Date());
  gtag('config', 'G-XWHXQH5WDG', {
    'anonymize_ip': true
  });
</script>
</head>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const images = document.querySelectorAll('img');
    images.forEach(img => {
      img.setAttribute('loading', 'lazy');
    });
  });
</script>

<body id="indexBody">
    <div id="search-wrapper" class="modal fade" role="dialog" aria-labelledby="search-modal-title" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top: 60px">
                <div class="modal-body container-fluid">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar" tabindex="0">
                        <i class="fas fa-times" aria-hidden="true"></i>
                    </button>
                    <h5 class="modal-title mb-1" id="search-modal-title">¿En qué podemos ayudarle?</h5>
                    <div class="form-group">
                        <form class="search-form" role="search">
                            <label for="search-input">Buscar:</label>
                            <input type="text" id="search-input" class="form-control" placeholder="Buscar aquí..." tabindex="0" autocomplete="off">
                            <input id="search-page" type="hidden" value="https://www.growroom21.com/webshop/index.php?main_page=advanced_search_result">
                        </form>
                    </div>
                    <div id="search-content" class="row" role="listbox" aria-label="Total de %u resultados encontrados."></div>
                </div>
            </div>
        </div>
    </div>


<script>
// Verbesserte Tastaturzugänglichkeit für die Suche
document.addEventListener('DOMContentLoaded', function() {
    var searchModal = document.getElementById('search-wrapper');
    var searchInput = document.getElementById('search-input');
    var closeButton = searchModal.querySelector('.close');
    var searchContent = document.getElementById('search-content');

    // Entferne aria-hidden beim Öffnen des Modals
    $('#search-wrapper').on('show.bs.modal', function () {
        searchModal.removeAttribute('aria-hidden');
    });

    // Fokus auf das Suchfeld setzen, wenn das Modal geöffnet wird
    $('#search-wrapper').on('shown.bs.modal', function () {
        // Sicherstellen, dass aria-hidden entfernt ist
        searchModal.removeAttribute('aria-hidden');
        searchInput.focus();
        trapFocus(searchModal);
    });

    // Fokus-Falle für das Modal
    function trapFocus(element) {
        var focusableElements = element.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
        var firstFocusableElement = focusableElements[0];
        var lastFocusableElement = focusableElements[focusableElements.length - 1];

        // Event-Listener für Tab-Taste
        element.addEventListener('keydown', function(e) {
            // Wenn ESC gedrückt wird, Modal schließen
            if (e.key === 'Escape') {
                $('#search-wrapper').modal('hide');
                return;
            }

            // Fokus-Falle für Tab-Navigation
            if (e.key === 'Tab') {
                // Wenn Shift+Tab gedrückt und erstes Element fokussiert ist, zum letzten Element wechseln
                if (e.shiftKey && document.activeElement === firstFocusableElement) {
                    e.preventDefault();
                    lastFocusableElement.focus();
                }
                // Wenn Tab gedrückt und letztes Element fokussiert ist, zum ersten Element wechseln
                else if (!e.shiftKey && document.activeElement === lastFocusableElement) {
                    e.preventDefault();
                    firstFocusableElement.focus();
                }
            }
        });
    }

    // Suchfeld-Event-Listener für Tastaturnavigation
    searchInput.addEventListener('keydown', function(e) {
        // Wenn Pfeil nach unten gedrückt wird, zum ersten Produktnamen wechseln
        if (e.key === 'ArrowDown') {
            e.preventDefault();
            var firstProductName = searchContent.querySelector('.sugg-name[tabindex="0"]');
            if (firstProductName) {
                firstProductName.focus();
            }
        }
    });

    // Verbesserte Suchergebnisdarstellung mit Tastaturunterstützung
    if (typeof window.ajaxSearch !== 'undefined') {
        var originalSearchFunction = window.ajaxSearch; // Die ursprüngliche Suchfunktion speichern

        // Die Suchfunktion überschreiben, um Tastaturzugänglichkeit hinzuzufügen
        window.ajaxSearch = function(query) {
            // Originale Suchfunktion aufrufen
            originalSearchFunction(query);

            // Wir entfernen den Event-Listener für das Suchergebnis-Container,
            // da dieser in tpl_ajax_search_results.php besser behandelt wird
            searchContent.removeEventListener('keydown', searchContentKeydownHandler);
        };
    }

    // MutationObserver, um sicherzustellen, dass aria-hidden nicht wieder hinzugefügt wird
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'attributes' &&
                mutation.attributeName === 'aria-hidden' &&
                searchModal.getAttribute('aria-hidden') === 'true' &&
                searchModal.style.display === 'block') {
                searchModal.removeAttribute('aria-hidden');
            }
        });
    });

    observer.observe(searchModal, { attributes: true });
});
</script>
<div class="container-fluid" id="mainWrapper">
  <main>
        <div class="row mb-3">
        <div class="col">
            
<style>
/* Warenkorb-Symbol weiß färben */
.cart-not-empty i, .cart-not-empty span {
    color: yellow;
    transition: color 0.3s ease-in-out;
}

#shoppingCartIcon i, #shoppingCartIcon span {
    color: white;
    opacity: 1; /* Stellt sicher, dass es nicht durchsichtig ist */
}

/* Textdekoration vom Link entfernen */
#shoppingCartIcon {
    text-decoration: none;
}

/* Funkenanimation */
@keyframes sparkles {
    0% { opacity: 1; transform: translateY(0) scale(1); }
    50% { opacity: 0.5; transform: translateY(-10px) scale(1.2); }
    100% { opacity: 0; transform: translateY(-20px) scale(1); }
}

.sparkle {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: white;
    border-radius: 50%;
    opacity: 0;
    animation: sparkles 1s ease-out;
}

/* Stern-Symbol stilisieren und animieren */
#bonusPointsIcon {
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    color: gold;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

</style>

<script>
// GR21 Responsive-Menü-Reload:
// Wenn der Browser zwischen Mobile-Hamburger und Desktop-/Tablet-Topbar wechselt,
// Cookie setzen und einmal neu laden. So fehlt nach Resize/Rotation keine Navigation.
(function () {
    var renderedMode = 'desktop';
    var query = window.matchMedia('(max-width: 991.98px)');
    var reloadKey = 'gr21_menu_reload_lock_v2';

    function wantedMode() {
        return query.matches ? 'mobile' : 'desktop';
    }

    function setMenuCookie(mode) {
        var secure = window.location.protocol === 'https:' ? '; Secure' : '';
        document.cookie = 'gr21_menu_mode=' + mode + '; Max-Age=2592000; Path=/; SameSite=Lax' + secure;
    }

    function reloadForMenuMode(mode) {
        var lastReload = parseInt(sessionStorage.getItem(reloadKey) || '0', 10);
        var now = Date.now();
        setMenuCookie(mode);

        // Schutz gegen Reload-Schleifen bei Cache/Proxy-Problemen.
        if (now - lastReload < 1800) {
            return;
        }

        sessionStorage.setItem(reloadKey, String(now));
        window.location.reload();
    }

    function checkMenuMode() {
        var mode = wantedMode();
        if (mode !== renderedMode) {
            reloadForMenuMode(mode);
            return;
        }
        setMenuCookie(mode);
    }

    function bind() {
        checkMenuMode();
        var resizeTimer = null;
        function onBreakpointChange() {
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(checkMenuMode, 220);
        }
        if (query.addEventListener) {
            query.addEventListener('change', onBreakpointChange);
        } else if (query.addListener) {
            query.addListener(onBreakpointChange);
        }
        window.addEventListener('pageshow', checkMenuMode);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bind);
    } else {
        bind();
    }
})();
</script>

<!--bof-header logo and navigation display-->
<div id="headerWrapper" class="mt-2">
<!--bof-navigation display-->
    <div id="navMainWrapper">
        <div id="navMain">
            <nav class="navbar fixed-top mx-3 navbar-expand-lg rounded-bottom" aria-label="Barra de navegación">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fas fa-bars"></i>
                </button>
                
                <div id="shoppingCartIconWrapper" class="ml-3 position-relative">
                    <a id="shoppingCartIcon" href="https://www.growroom21.com/webshop/index.php?main_page=shopping_cart" class="text-decoration-none">
                        <i class="fas fa-shopping-cart"></i>
                        <span class="d-none d-lg-inline">Carrito de Compras</span>
                    </a>
                </div>
                
                <!-- Bonuspunkte-Symbol hinzufügen -->
                
<div id="languages" class="gr21-language-switcher ml-auto ml-lg-3">
    <button class="gr21-language-current" type="button" id="gr21LanguageDropdown" aria-haspopup="true" aria-expanded="false" aria-label="Sprache wählen">
        <span class="gr21-language-current-flag"><img src="includes/languages/spanish/images/icon.gif" title="Spanisch" alt="Spanisch" width="22" height="15"></span>
        <span class="gr21-language-caret" aria-hidden="true">▾</span>
    </button>
    <div class="gr21-language-menu" id="gr21LanguageMenu" aria-labelledby="gr21LanguageDropdown" hidden>
                    <a class="gr21-language-option " href="https://www.growroom21.com/webshop/es/starter?language=de">
                <img src="includes/languages/german/images/icon.gif" title="Deutsch" alt="Deutsch" width="24" height="15">                <span>Deutsch</span>
            </a>
                    <a class="gr21-language-option " href="https://www.growroom21.com/webshop/es/starter?language=en">
                <img src="includes/languages/english/images/icon.gif" title="English" alt="English" width="24" height="15">                <span>English</span>
            </a>
                    <a class="gr21-language-option " href="https://www.growroom21.com/webshop/es/starter?language=fr">
                <img src="includes/languages/french/images/icon.gif" title="Français" alt="Français" width="24" height="15">                <span>Français</span>
            </a>
                    <a class="gr21-language-option active" href="https://www.growroom21.com/webshop/es/starter?language=es" aria-current="true">
                <img src="includes/languages/spanish/images/icon.gif" title="Spanisch" alt="Spanisch" width="22" height="15">                <span>Spanisch</span>
            </a>
            </div>
</div>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <div class="gr21-mobile-utility-row d-lg-none" aria-label="Schnellnavigation">
                        <a class="gr21-mobile-utility-link gr21-mobile-utility-home" href="https://www.growroom21.com/webshop/" title="Inicio">
                            <i class="fas fa-home" aria-hidden="true"></i>
                            <span>Inicio</span>
                        </a>
                        <a class="gr21-mobile-utility-link gr21-mobile-utility-login" href="https://www.growroom21.com/webshop/index.php?main_page=login" title="Iniciar Sesión">
                            <i class="fas fa-sign-in-alt" aria-hidden="true"></i>
                            <span>Iniciar Sesión</span>
                        </a>
                        <button class="gr21-mobile-utility-link gr21-mobile-utility-search gr21-mobile-search-trigger" type="button" title="Buscar" aria-label="Buscar" aria-controls="gr21MobileSearchModal" aria-expanded="false">
                            <i class="fas fa-search" aria-hidden="true"></i>
                            <span class="sr-only">Buscar</span>
                        </button>
                    </div>

                    <ul class="navbar-nav mr-auto">
                        <li id="nav-home" class="nav-item d-none d-lg-block" title="Inicio">
                            <a class="nav-link" href="https://www.growroom21.com/webshop/">
                                <i class="fas fa-home"></i> Inicio                            </a>
                        </li>
                        <li class="nav-item d-none d-lg-block" title="Iniciar Sesión">
                            <a class="nav-link" href="https://www.growroom21.com/webshop/index.php?main_page=login">
                                <i class="fas fa-sign-in-alt"></i> Iniciar Sesión                            </a>
                        </li>
                    </ul>
                    <div class="d-none d-lg-block gr21-desktop-search-wrapper">
<ul class="navbar-nav ml-auto">
    <li class="nav-item"><a href="javascript:void(0);" role="button" id="search-icon" class="nav-link" aria-label="Buscar"><i class="fas fa-2x fa-search"></i></a></li>
</ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>

<div id="gr21MobileSearchModal" class="gr21-mobile-search-modal" hidden aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="gr21MobileSearchTitle">
  <div class="gr21-mobile-search-backdrop" data-gr21-mobile-search-close="1"></div>
  <div class="gr21-mobile-search-panel" role="document">
    <button type="button" class="gr21-mobile-search-close" data-gr21-mobile-search-close="1" aria-label="Schließen">×</button>
    <h2 id="gr21MobileSearchTitle">Buscar</h2>
    <p class="gr21-mobile-search-help">¿Qué estás buscando?</p>
    <form name="gr21_mobile_quick_find" action="https://www.growroom21.com/webshop/index.php?main_page=advanced_search_result" method="get" class="gr21-mobile-search-form" role="search">      <input type="hidden" name="main_page" value="advanced_search_result">      <input type="hidden" name="search_in_description" value="1">      <label class="sr-only" for="gr21MobileSearchInput">Buscar</label>
      <div class="gr21-mobile-search-input-row">
        <input id="gr21MobileSearchInput" class="gr21-mobile-search-input" type="search" name="keyword" value="" placeholder="Introduce un término de búsqueda ..." autocomplete="off" required aria-autocomplete="list" aria-controls="gr21MobileSearchSuggestions" aria-expanded="false">
        <button class="gr21-mobile-search-submit" type="submit">
          <i class="fas fa-search" aria-hidden="true"></i>
          <span>Buscar</span>
        </button>
      </div>
      <div id="gr21MobileSearchSuggestions" class="gr21-mobile-search-suggestions" role="listbox" aria-live="polite" hidden></div>
    </form>
  </div>
</div>

<script>
// GR21: Mobile Suchicon öffnet ein eigenes normales Such-Popup.
// Es nutzt die normale Zen-Cart-Suchergebnisseite, nicht die Erweiterte-Suche-Maske.
// Ab 3 Zeichen werden Produkt- und Kategorie-Vorschläge per AJAX geladen.
(function () {
    var suggestionEndpoint = "/webshop/ajax_gr21_search_suggest.php";
    var i18n = {"loading":"Cargando sugerencias ...","noResults":"No se encontraron sugerencias.","products":"Productos","categories":"Categorías","allResults":"Ver todos los resultados"};
    var minSuggestionLength = 3;
    var suggestTimer = null;
    var suggestController = null;
    function getModal() {
        return document.getElementById('gr21MobileSearchModal');
    }

    function getSuggestionBox() {
        return document.getElementById('gr21MobileSearchSuggestions');
    }

    function escapeHtml(value) {
        return String(value || '').replace(/[&<>"']/g, function (char) {
            return {
                '&': '&amp;',
                '<': '&lt;',
                '>': '&gt;',
                '"': '&quot;',
                "'": '&#039;'
            }[char];
        });
    }

    function hideSuggestions() {
        var box = getSuggestionBox();
        var input = document.getElementById('gr21MobileSearchInput');
        if (box) {
            box.setAttribute('hidden', 'hidden');
            box.innerHTML = '';
        }
        if (input) {
            input.setAttribute('aria-expanded', 'false');
        }
    }

    function showSuggestionMessage(message, className) {
        var box = getSuggestionBox();
        var input = document.getElementById('gr21MobileSearchInput');
        if (!box) {
            return;
        }
        box.className = 'gr21-mobile-search-suggestions ' + (className || '');
        box.innerHTML = '<div class="gr21-mobile-search-suggestion-message">' + escapeHtml(message) + '</div>';
        box.removeAttribute('hidden');
        if (input) {
            input.setAttribute('aria-expanded', 'true');
        }
    }

    function renderSuggestions(payload) {
        var box = getSuggestionBox();
        var input = document.getElementById('gr21MobileSearchInput');
        if (!box) {
            return;
        }

        var items = payload && payload.items ? payload.items : [];
        if (!items.length) {
            showSuggestionMessage(i18n.noResults || 'Keine Vorschläge gefunden.', 'is-empty');
            return;
        }

        var grouped = { product: [], category: [], search: [] };
        items.forEach(function (item) {
            if (grouped[item.type]) {
                grouped[item.type].push(item);
            }
        });

        var html = '';
        function renderGroup(type, title) {
            if (!grouped[type].length) {
                return;
            }
            html += '<div class="gr21-mobile-search-suggestion-group">';
            if (type !== 'search') {
                html += '<div class="gr21-mobile-search-suggestion-heading">' + escapeHtml(title) + '</div>';
            }
            grouped[type].forEach(function (item) {
                var icon = type === 'category' ? 'fa-folder-open' : (type === 'search' ? 'fa-search' : 'fa-leaf');
                var label = type === 'search'
                    ? (escapeHtml(i18n.allResults || 'Alle Ergebnisse anzeigen') + '<span>„' + escapeHtml(item.label) + '“</span>')
                    : escapeHtml(item.label);
                var visual = '';
                if (type === 'product' && item.image) {
                    visual = '<span class="gr21-mobile-search-thumb"><img src="' + escapeHtml(item.image) + '" alt="" loading="lazy"></span>';
                } else {
                    visual = '<i class="fas ' + icon + '" aria-hidden="true"></i>';
                }
                html += '<a class="gr21-mobile-search-suggestion gr21-mobile-search-suggestion-' + escapeHtml(type) + '" href="' + escapeHtml(item.url) + '" role="option">'
                    + visual
                    + '<strong>' + label + '</strong>'
                    + '</a>';
            });
            html += '</div>';
        }

        renderGroup('product', i18n.products || 'Produkte');
        renderGroup('category', i18n.categories || 'Kategorien');
        renderGroup('search', i18n.allResults || 'Alle Ergebnisse anzeigen');

        box.className = 'gr21-mobile-search-suggestions has-results';
        box.innerHTML = html;
        box.removeAttribute('hidden');
        if (input) {
            input.setAttribute('aria-expanded', 'true');
        }
    }

    function requestSuggestions(query) {
        if (!suggestionEndpoint || query.length < minSuggestionLength) {
            hideSuggestions();
            return;
        }

        if (suggestController) {
            suggestController.abort();
        }
        suggestController = window.AbortController ? new AbortController() : null;
        showSuggestionMessage(i18n.loading || 'Suchvorschläge werden geladen ...', 'is-loading');

        var url = suggestionEndpoint + (suggestionEndpoint.indexOf('?') === -1 ? '?' : '&') + 'q=' + encodeURIComponent(query);
        fetch(url, {
            method: 'GET',
            credentials: 'same-origin',
            signal: suggestController ? suggestController.signal : undefined,
            headers: { 'Accept': 'application/json' }
        })
            .then(function (response) {
                if (!response.ok) {
                    throw new Error('Suggestion request failed');
                }
                return response.json();
            })
            .then(renderSuggestions)
            .catch(function (error) {
                if (error && error.name === 'AbortError') {
                    return;
                }
                hideSuggestions();
            });
    }

    function scheduleSuggestions(input) {
        clearTimeout(suggestTimer);
        var query = (input.value || '').trim();
        if (query.length < minSuggestionLength) {
            hideSuggestions();
            return;
        }
        suggestTimer = setTimeout(function () {
            requestSuggestions(query);
        }, 230);
    }

    function openMobileSearch() {
        var modal = getModal();
        if (!modal) {
            return false;
        }

        modal.removeAttribute('hidden');
        modal.setAttribute('aria-hidden', 'false');
        document.documentElement.classList.add('gr21-mobile-search-open');
        document.body.classList.add('gr21-mobile-search-open');

        var trigger = document.querySelector('.gr21-mobile-search-trigger');
        if (trigger) {
            trigger.setAttribute('aria-expanded', 'true');
        }

        var input = modal.querySelector('input[name="keyword"]');
        if (input) {
            window.setTimeout(function () {
                input.focus();
                scheduleSuggestions(input);
            }, 80);
        }
        return true;
    }

    function closeMobileSearch() {
        var modal = getModal();
        if (!modal) {
            return;
        }

        modal.setAttribute('hidden', 'hidden');
        modal.setAttribute('aria-hidden', 'true');
        hideSuggestions();
        document.documentElement.classList.remove('gr21-mobile-search-open');
        document.body.classList.remove('gr21-mobile-search-open');

        var trigger = document.querySelector('.gr21-mobile-search-trigger');
        if (trigger) {
            trigger.setAttribute('aria-expanded', 'false');
            trigger.focus();
        }
    }

    function bindMobileSearch() {
        var buttons = document.querySelectorAll('.gr21-mobile-search-trigger');
        for (var i = 0; i < buttons.length; i++) {
            buttons[i].addEventListener('click', function (event) {
                event.preventDefault();
                event.stopPropagation();
                openMobileSearch();
            });
        }

        var input = document.getElementById('gr21MobileSearchInput');
        if (input) {
            input.addEventListener('input', function () {
                scheduleSuggestions(input);
            });
            input.addEventListener('focus', function () {
                scheduleSuggestions(input);
            });
        }

        document.addEventListener('click', function (event) {
            if (event.target.closest('[data-gr21-mobile-search-close]')) {
                event.preventDefault();
                closeMobileSearch();
            }
        });

        document.addEventListener('keydown', function (event) {
            if (event.key === 'Escape') {
                closeMobileSearch();
            }
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bindMobileSearch);
    } else {
        bindMobileSearch();
    }
})();
</script>

<script>
// GR21: eigenes Sprachdropdown, damit es auf Desktop und Mobile stabil funktioniert.
(function () {
    function closeLanguageDropdown() {
        var switcher = document.getElementById('languages');
        var button = document.getElementById('gr21LanguageDropdown');
        var menu = document.getElementById('gr21LanguageMenu');
        if (!switcher || !button || !menu) {
            return;
        }
        switcher.classList.remove('is-open');
        button.setAttribute('aria-expanded', 'false');
        menu.setAttribute('hidden', 'hidden');
    }

    function bindLanguageDropdown() {
        var switcher = document.getElementById('languages');
        var button = document.getElementById('gr21LanguageDropdown');
        var menu = document.getElementById('gr21LanguageMenu');
        if (!switcher || !button || !menu) {
            return;
        }

        button.addEventListener('click', function (event) {
            event.preventDefault();
            event.stopPropagation();
            var isOpen = switcher.classList.toggle('is-open');
            button.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
            if (isOpen) {
                menu.removeAttribute('hidden');
            } else {
                menu.setAttribute('hidden', 'hidden');
            }
        });

        document.addEventListener('click', function (event) {
            if (!event.target.closest('#languages')) {
                closeLanguageDropdown();
            }
        });

        document.addEventListener('keydown', function (event) {
            if (event.key === 'Escape') {
                closeLanguageDropdown();
            }
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bindLanguageDropdown);
    } else {
        bindLanguageDropdown();
    }
})();
</script>

<!--eof-navigation display-->

<!--bof-branding display-->

<style>
  /* zentrierter Branding-Block */
  #logoBlock { text-align: center; margin-top: 70px; }
  #logoBlock #hdr-img img { max-width: 100%; height: auto; }
  #tagline { margin-top: .5rem; font-weight: 600; }
</style>

<div id="logoWrapper" class="container">
  <div id="logoBlock" class="py-3">
    <a id="hdr-img" class="d-inline-block" href="https://www.growroom21.com/webshop/"
       aria-label="Logotipo del sitio">
      <img src="includes/templates/template_default/images/logo.gif" title="GrowRoom21 - Tu Growshop en Viena" alt="GrowRoom21 - Tu Growshop en Viena" width="192" height="64" class="img-responsive center-block">    </a>

          <div id="tagline" class="h4">GrowRoom21 - Tu socio competente para head, grow, plantas de cáñamo y semillas</div>
    
      </div>
</div>
<!--eof-branding display-->


<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<!-- <div id="categoriesTabs" class="d-none d-lg-block">
<nav class="nav nav-pills nav-fill" id="navCatTabs">
  <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=436">Página web</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/es/cdb">CDB</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/growbox_konfigurator.php">Configurador de Growbox</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/es/organismos-beneficiosos-control-de-plagas">ORGANISMOS BENEFICIOSOS & CONTROL DE PLAGAS</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=421">PUNTOS DE HOMOLOGACIÓN</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/es/semillas-de-empleo">SEMILLAS DE EMPLEO</a>   <a class="nav-item nav-link m-1 activeLink" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=1">COMPLETE GROWBOX SETS NDL</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/es/reservas-completas-de-la-crowbox">RESERVAS COMPLETAS DE LA CROWBOX</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21">SEMILLAS DE EMPLEO / SAMEN</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2">GROWSHOP</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22">CABEZA</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/es/venta">% VENTA %</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=435">GROW-BLOG</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=437">CÁLCULO DE LOS GASTOS DE ELECTRICIDAD</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=439">SEEDFINDER</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=438">CALCULATOR AÉREO</a>   <a class="nav-item nav-link m-1" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=497">LUGAR DE MERCADO</a> </nav>
</div>
 -->
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!-- <div id="ezpagesBarHeader" class="ezpagesBar rounded">
<ul class="nav nav-pills">
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/tienda-viena-43-1-2701935">Tienda en Viena</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/tienda-gross-enzersdorf-43-2249-30531">Tienda en Groß-Enzersdorf</a></li>
</ul>
</div>
-->
<!--eof-header ezpage links-->
</div>


<nav id="topCategoriesBar" class="categories-bar d-none d-lg-block">
  <div class="container">
    <ul class="nav justify-content-center flex-wrap">
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/es/cdb">
               CDB            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de CDB">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de CDB">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/es/cdb">
                  CDB                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/cdb-aceite">
                  CDB - ACEITE                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/cdb-productos-de-cuidado">
                  CDB - PRODUCTOS DE CUIDADO                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/cdb-animales">
                  CDB - ANIMALES                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/cbd-sets">
                  CBD - SETS                </a>
                                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/growbox_konfigurator.php">
              Configurador de Growbox            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/es/organismos-beneficiosos-control-de-plagas">
              ORGANISMOS BENEFICIOSOS &amp; CONTROL DE PLAGAS            </a>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=421">
               PUNTOS DE HOMOLOGACIÓN            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de PUNTOS DE HOMOLOGACIÓN">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de PUNTOS DE HOMOLOGACIÓN">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=421">
                  PUNTOS DE HOMOLOGACIÓN                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/classic-hemp-cutlings">
                  CLASSIC HEMP-CUTLINGS                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/cali-genetik">
                  CANNABIS CALI GENETIK                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/esquejes-de-cannabis">
                  ESQUEJES DE CANNABIS                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/puntos-de-homologacion/esquejes-de-cannabis---drops-limitados">
                  ESQUEJES DE CANNABIS – DROPS LIMITADOS                </a>
                                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/es/semillas-de-empleo">
              SEMILLAS DE EMPLEO            </a>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=1">
               COMPLETE GROWBOX SETS NDL            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de COMPLETE GROWBOX SETS NDL">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de COMPLETE GROWBOX SETS NDL">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=1">
                  COMPLETE GROWBOX SETS NDL                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/starter">
                  STARTER                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/ejecucion-del-precio-top">
                  EJECUCIÓN DEL PRECIO TOP                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/profi">
                  PROFI                </a>
                                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/es/reservas-completas-de-la-crowbox">
               RESERVAS COMPLETAS DE LA CROWBOX            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de RESERVAS COMPLETAS DE LA CROWBOX">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de RESERVAS COMPLETAS DE LA CROWBOX">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/es/reservas-completas-de-la-crowbox">
                  RESERVAS COMPLETAS DE LA CROWBOX                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=300_461">
                  STARTER                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=300_462">
                  EJECUCIÓN DEL PRECIO TOP                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=300_463">
                  PROFI                </a>
                                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21">
               SEMILLAS DE EMPLEO / SAMEN            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de SEMILLAS DE EMPLEO / SAMEN">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de SEMILLAS DE EMPLEO / SAMEN">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21">
                  SEMILLAS DE EMPLEO / SAMEN                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/semillas-de-empleo-samen/bulk-seeds">
                  BULK Seeds                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21_502">
                  00 Seeds                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21_503">
                  Ace Seeds                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21_504">
                  Advanced Seeds                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21_505">
                  Amsterdam Genetics                </a>
                                                <a class="dropdown-item gr21-dropdown-show-all" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=21">
                  Ver todas las semillas                </a>
                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2">
               GROWSHOP            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de GROWSHOP">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de GROWSHOP">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2">
                  GROWSHOP                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2_19">
                  GROWBOXEN                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2_72">
                  ILUMINACIÓN                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2_73">
                  VENTILACIÓN Y CONDICIÓN AÉREA                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/neutraliser-de-suenos">
                  NEUTRALISER DE SUEÑOS                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/control-de-las-pestras">
                  CONTROL DE LAS PESTRAS                </a>
                                                <a class="dropdown-item gr21-dropdown-show-all" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=2">
                  Ver todas las categorías de growshop                </a>
                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item dropdown has-children gr21-topbar-split">
                      <a class="nav-link gr21-topbar-main-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22">
               CABEZA            </a>

            <button class="gr21-topbar-toggle dropdown-toggle"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-label="Abrir subcategorías de CABEZA">
              <span aria-hidden="true">▾</span>
            </button>

            <div class="dropdown-menu" aria-label="Subcategorías de CABEZA">
              <div class="dropdown-grid">
                <a class="dropdown-item gr21-dropdown-main-category"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22">
                  CABEZA                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/accesorios-de-vaporizadores">
                  ACCESORIOS DE VAPORIZADORES                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/vaporizer">
                  VAPORIZER                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/es/pipes-handheld">
                  PIPES HANDHELD                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22_84">
                  BONG PIPE GLASS                </a>
                                <a class="dropdown-item gr21-dropdown-subcategory"
                   href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22_67">
                  BONG PIPE ACRYLIC                </a>
                                                <a class="dropdown-item gr21-dropdown-show-all" href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=22">
                  Ver todas las categorías de headshop                </a>
                              </div>
            </div>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/es/venta">
              % VENTA %            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=435">
              GROW-BLOG            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=437">
              CÁLCULO DE LOS GASTOS DE ELECTRICIDAD            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=439">
              SEEDFINDER            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=438">
              CALCULATOR AÉREO            </a>
                  </li>
                <li class="nav-item gr21-topbar-item ">
                      <a class="nav-link"
               href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=497">
              LUGAR DE MERCADO            </a>
                  </li>
              </ul>
    </div>
  </nav>


        </div>
    </div>

    <div class="row">
                <div class="col-12 col-lg-12">
                            <div id="navBreadCrumb">
                    <ol class="breadcrumb">
                      <li><a href="https://www.growroom21.com/webshop/">Inicio</a></li>  <li><span class="breadcrumb-separator">&nbsp;::&nbsp;</span><a href="https://www.growroom21.com/webshop/index.php?main_page=index&amp;cPath=1">COMPLETE GROWBOX SETS NDL</a></li><li><span class="breadcrumb-separator">&nbsp;::&nbsp;</span>STARTER</li>
                    </ol>
                </div>
            <div id="indexProductList" class="centerColumn">
        <h1 id="indexProductList-pageHeading" class="pageHeading">STARTER</h1>

    <div id="indexProductList-cat-wrap">

        <div id="indexProductList-content" class="content">
            <p>Estos sets de cajas de cultivo son perfectos para principiantes simplemente sumergir sus dedos en el mundo de la jardinería interior. Ofrecen una fácil configuración y operación, que contiene todo lo que necesita para crecer con éxito sus plantas.</p>        </div>
    </div>




    


    <div id="indexProductList-filterRow" class="row">
    </div>
    <div class="p-3"></div>
<div id="productsListing" class="listingCenterColumn">
    <div id="productsListing-topRow" class="d-flex align-items-center justify-content-between flex-column flex-md-row">
        <div id="productsListing-topNumber" class="topNumber">Mostrando <strong>1</strong> a <strong>7</strong> (de <strong>7</strong> productos)</div>
        <div id="productsListing-topLinks" class="topLinks">
            &nbsp;        </div>
    </div>
<div class="card mb-3">
    <div class="card-body text-center">
        <div class="card-deck text-center">
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-growbox-150watt-diferentes-tamanos-de-carpa--analogo"><img src="bmz_cache/g/growshop_vienna_grow_set_hochdrucklampe_wachsenzeltpng.image.200x200.png" title="ENSAYO GROWBOX 150Watt (diferentes tamaños de carpa)-ANÁLOGO" alt="ENSAYO GROWBOX 150Watt (diferentes tamaños de carpa)-ANÁLOGO" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-growbox-150watt-diferentes-tamanos-de-carpa--analogo">ENSAYO GROWBOX 150Watt (diferentes tamaños de carpa)-ANÁLOGO</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 productBasePrice">249,81 €</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-growbox-150watt-diferentes-tamanos-de-carpa--analogo">Elegir opciones</a></div></div>
            </div>
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="50 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-50%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog"><img src="bmz_cache/s/set_grow_homegrow_hanfshop_lumen_ndl_lampepng.image.200x200.png" title="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" alt="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog">GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">600,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">299,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog">Elegir opciones</a></div></div>
            </div>
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="53 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-53%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog"><img src="bmz_cache/g/growshop_vienna_grow_set_hochdrucklampe_wachsenzeltpng.image.200x200.png" title="PT60 250Wat 60x60x160cm-ANALOG" alt="PT60 250Wat 60x60x160cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog">PT60 250Wat 60x60x160cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">530,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">249,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 53%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog">Elegir opciones</a></div></div>
            </div>
        </div>
        <div class="card-deck text-center">
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="54 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-54%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-ds90-250watt-90x90x178cm-analog"><img src="bmz_cache/g/growbox_set_1m_x_1m_growzelt_growshoppng.image.200x200.png" title="GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG" alt="GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-ds90-250watt-90x90x178cm-analog">GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">700,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">319,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 54%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-ds90-250watt-90x90x178cm-analog">Elegir opciones</a></div></div>
            </div>
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="44 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-44%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-de-growbox-ds90-400watt-90x90x178cm-analog"><img src="bmz_cache/g/growbox_growshop_set_komplet_grow_anbau_anfangenpng.image.200x200.png" title="ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG" alt="ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-de-growbox-ds90-400watt-90x90x178cm-analog">ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">700,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">389,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 44%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-de-growbox-ds90-400watt-90x90x178cm-analog">Elegir opciones</a></div></div>
            </div>
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="50 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-50%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog"><img src="bmz_cache/g/growbox_set_growzelt_growshop_wien_growpng.image.200x200.png" title="DR90 400Wat 90x90x185cm-ANALOG" alt="DR90 400Wat 90x90x185cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog">DR90 400Wat 90x90x185cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">800,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">399,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog">Elegir opciones</a></div></div>
            </div>
        </div>
        <div class="card-deck text-center">
            <div class="col mb-4">
                <div class="card mb-3 p-3 centerBoxContentsListing text-center h-100"><div class="product-image-wrapper position-relative" style="position:relative;overflow:visible;"><div class="gr-listing-badge-layer" style="position:absolute;top:8px;left:8px;right:8px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;"><div class="gr-listing-badge-left" style="display:flex;align-items:flex-start;min-width:0;flex:1 1 auto;"></div><div class="gr-listing-badge-right" style="display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:5px;flex:0 0 auto;max-width:42%;"><div class="gr-discount-badge gr-discount-badge--listing" aria-label="34 por ciento de descuento" style="position:static;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;white-space:nowrap;line-height:1;">-34%</div></div></div><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-dr90-250watt-90x90x185cm-analog"><img src="bmz_cache/g/growbox_set_growzelt_growshop_wien_growpng.image.200x200.png" title="GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG" alt="GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG" width="200" height="200" class="img-fluid listingProductImage" loading="lazy"></a></div><br><p class="itemTitle h5">
                        <a class="" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-dr90-250watt-90x90x185cm-analog">GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG</a>
                        </p><br><div class="pl-dp gr-listing-price"><span class="gr-listing-price-prefix">desde</span> <span class="mx-auto w-100 p-1 normalprice">500,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">329,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 34%!</span></div><div class="gr21-category-listing-actions"><a class="gr21-category-listing-button is-options" href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-dr90-250watt-90x90x185cm-analog">Elegir opciones</a></div></div>
            </div>
        </div>
    </div>
</div>
    <div id="productsListing-bottomRow" class="d-flex align-items-center justify-content-between flex-column flex-md-row">
        <div id="productsListing-bottomNumber" class="bottomNumber">Mostrando <strong>1</strong> a <strong>7</strong> (de <strong>7</strong> productos)</div>
        <div id="productsListing-bottomLinks" class="bottomLinks">
            &nbsp;        </div>
    </div>
</div>
<style>
/* ===== Discount Badge im Listing ===== */

/* Wrapper ist bei dir: <div class="product-image-wrapper position-relative"> ... */
.product-image-wrapper{
  position: relative; /* safety */
}

/* Rabatt-Badge (wird im IMAGE-Block eingefügt) */
.gr-discount-badge,
.gr-discount-badge--listing{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 30;
  background: #c82333;
  color: #fff;
  font-weight: 800;
  border-radius: 999px;
  padding: 10px 12px;
  line-height: 1;
  font-size: 14px;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
  border: 2px solid rgba(255,255,255,.85);
  letter-spacing: .2px;
  pointer-events: none; /* klickt weiterhin aufs Bild */
}

/* Falls du es im Listing etwas kleiner willst */
@media (max-width: 767px){
  .gr-discount-badge,
  .gr-discount-badge--listing{
    top: 8px;
    right: 8px;
    padding: 8px 10px;
    font-size: 13px;
  }
}

/* NEW Badge im Listing (du hast das schon: gr-image-badge--listing) */
.gr-image-badge--listing{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 25;
  background: rgba(15,57,24,.95);
  color: #fff;
  font-weight: 800;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1;
  border: 2px solid rgba(255,255,255,.85);
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
  pointer-events: none;
}

@media (max-width: 767px){
  .gr-image-badge--listing{
    top: 8px;
    left: 8px;
    padding: 7px 9px;
    font-size: 12px;
  }
}


/* ===== GR21 Kategorieabhängige Listing-Buttons ===== */
.gr21-category-listing-actions {
  width: 100%;
  max-width: 420px;
  margin: 22px auto 4px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
}

.gr21-category-listing-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 18px;
  border: 2px solid #198d3b;
  border-radius: 10px;
  background: #198d3b;
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(25, 141, 59, .18);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.gr21-category-listing-button:hover,
.gr21-category-listing-button:focus {
  background: #126f2d;
  border-color: #126f2d;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(18, 111, 45, .23);
  outline: none;
}

.gr21-category-listing-button.is-options {
  background: #fff;
  color: #126f2d !important;
}

.gr21-category-listing-button.is-options:hover,
.gr21-category-listing-button.is-options:focus {
  background: #eefaf1;
  color: #0c5b24 !important;
}

.gr21-category-listing-button.is-sold-out {
  background: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}

.gr21-category-listing-button.is-sold-out:hover,
.gr21-category-listing-button.is-sold-out:focus {
  background: #565e64;
  border-color: #565e64;
  transform: none;
  box-shadow: none;
}

.gr21-category-listing-detail-link {
  display: inline-block;
  color: #146c2e !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gr21-category-listing-detail-link:hover,
.gr21-category-listing-detail-link:focus {
  color: #0a4d20 !important;
}

@media (max-width: 767px) {
  .gr21-category-listing-actions {
    max-width: none;
    margin-top: 18px;
  }

  .gr21-category-listing-button {
    min-height: 46px;
    padding: 11px 14px;
    font-size: 15px;
  }
}

</style><!-- bof: whats_new -->
<div class="card mb-3 centerBoxWrapper" id="whatsNew">
<p id="newCenterbox-card-header" class="centerBoxHeading card-header h3">Nuevos Productos en julio - COMPLETE GROWBOX SETS NDL</p>    <div class="card-body text-center" id="newCenterbox-card-body">
        <div class="card-deck text-center">
                <div  class="centerBoxContentsNew centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog" title="DR90 400Wat 90x90x185cm-ANALOG"><img src="bmz_cache/g/growbox_set_growzelt_growshop_wien_growpng.image.200x200.png" title="DR90 400Wat 90x90x185cm-ANALOG" alt="DR90 400Wat 90x90x185cm-ANALOG" width="200" height="200"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog">DR90 400Wat 90x90x185cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">800,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">399,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsNew centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog" title="PT60 250Wat 60x60x160cm-ANALOG"><img src="bmz_cache/g/growshop_vienna_grow_set_hochdrucklampe_wachsenzeltpng.image.200x200.png" title="PT60 250Wat 60x60x160cm-ANALOG" alt="PT60 250Wat 60x60x160cm-ANALOG" width="200" height="200"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog">PT60 250Wat 60x60x160cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">530,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">249,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 53%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsNew centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog" title="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG"><img src="bmz_cache/s/set_grow_homegrow_hanfshop_lumen_ndl_lampepng.image.200x200.png" title="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" alt="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" width="200" height="200"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog">GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">600,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">299,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
        </div>
    </div>
</div>
<!-- eof: whats_new -->
<!-- bof: specials -->
<div class="card mb-3 centerBoxWrapper" id="specialsDefault">
<p id="specialCenterbox-card-header" class="centerBoxHeading card-header h3">Ofertas Mensuales en julio - COMPLETE GROWBOX SETS NDL</p>    <div class="card-body text-center" id="specialsCenterbox-card-body">
        <div class="card-deck text-center">
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-dr90-250watt-90x90x185cm-analog" title="GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG"><img src="bmz_cache/g/growbox_set_growzelt_growshop_wien_growpng.image.100x100.png" title="GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG" alt="GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-dr90-250watt-90x90x185cm-analog">GROWBOX SET DR90 250Watt 90x90x185cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">500,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">329,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 34%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog" title="PT60 250Wat 60x60x160cm-ANALOG"><img src="bmz_cache/g/growshop_vienna_grow_set_hochdrucklampe_wachsenzeltpng.image.100x100.png" title="PT60 250Wat 60x60x160cm-ANALOG" alt="PT60 250Wat 60x60x160cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/pt60-250wat-60x60x160cm-analog">PT60 250Wat 60x60x160cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">530,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">249,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 53%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-ds90-250watt-90x90x178cm-analog" title="GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG"><img src="bmz_cache/g/growbox_set_1m_x_1m_growzelt_growshoppng.image.100x100.png" title="GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG" alt="GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-ds90-250watt-90x90x178cm-analog">GROWBOX SET DS90 250Watt 90x90x178cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">700,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">319,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 54%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
        </div>
        <div class="card-deck text-center">
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog" title="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG"><img src="bmz_cache/s/set_grow_homegrow_hanfshop_lumen_ndl_lampepng.image.100x100.png" title="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" alt="GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/growbox-set-gp80-250watt-80x80x160cm-analog">GROWBOX SET GP80 250Watt 80x80x160cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">600,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">299,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-de-growbox-ds90-400watt-90x90x178cm-analog" title="ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG"><img src="bmz_cache/g/growbox_growshop_set_komplet_grow_anbau_anfangenpng.image.100x100.png" title="ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG" alt="ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/ensayo-de-growbox-ds90-400watt-90x90x178cm-analog">ENSAYO DE GROWBOX DS90 400Watt 90x90x178cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">700,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">389,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 44%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
                <div  class="centerBoxContentsSpecials centerBoxContents card mb-3 p-3 text-center"><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog" title="DR90 400Wat 90x90x185cm-ANALOG"><img src="bmz_cache/g/growbox_set_growzelt_growshop_wien_growpng.image.100x100.png" title="DR90 400Wat 90x90x185cm-ANALOG" alt="DR90 400Wat 90x90x185cm-ANALOG" width="100" height="100"></a><br><a href="https://www.growroom21.com/webshop/es/complete-growbox-sets-ndl/starter/dr90-400wat-90x90x185cm-analog">DR90 400Wat 90x90x185cm-ANALOG</a><br><span class="mx-auto w-100 p-1 normalprice">800,00 € </span><span class="mx-auto w-100 p-1 productSpecialPrice">399,90 €</span><span class="mx-auto w-100 p-1 productPriceDiscount">Ahorras 50%!</span><br><span class="taxAddon" data-nosnippet>incl. 20%  IVA<br> más <a href="https://www.growroom21.com/webshop/index.php?main_page=shippinginfo">gastos de envío</a></span></div>
        </div>
    </div>
</div>
<!-- eof: specials -->
<div id="random-reviews"
     class=" centerBoxWrapper">
  <div class="card">
          <div class="centerBoxHeading card-header h3">
        Reseñas      </div>
        <div id=" id=&quot;specialsCenterbox-card-body&quot;" class="card-body">

      <div id="zslider-6042"
           class="z-hslider"
           data-speed="0.7"
           data-infinite="1"
           style="--gap:16px; --tile-min:280px; --tile-max:360px; --line-clamp:4;">
<div class="z-hslider-viewport">
  <div class="card-deck text-center z-hslider-track">
    <div class="centerBoxContentsRandomReviews col-0"><div class="rr-card text-center"><a href="https://www.growroom21.com/webshop/es/puntos-de-homologacion/cali-genetik/b-dantes-inferno-corte-highdave-de-milla-b"><img src="bmz_cache/d/dantes_inferno_hanfstecklinge_kaufen_wienpng.image.100x100.png" title="Esquejes de cannabis US-Kali Dante&#039;s Inferno – Mile Highdave Cut" alt="Esquejes de cannabis US-Kali Dante&#039;s Inferno – Mile Highdave Cut" width="100" height="100" class="img-fluid"></a><div class="mt-2 fw-semibold"><a href="https://www.growroom21.com/webshop/es/puntos-de-homologacion/cali-genetik/b-dantes-inferno-corte-highdave-de-milla-b">Esquejes de cannabis US-Kali Dante's Inferno – Mile Highdave Cut</a></div><div class="stars-wrap"><div class="rating" aria-label="5/5">★★★★★</div></div><div class="rr-text mt-1 small text-body-secondary">Muy buen servicio y entrega. Sitio de confianza.</div><div class="mt-2"><a class="btn btn-sm btn-outline-primary" href="https://www.growroom21.com/webshop/es/puntos-de-homologacion/cali-genetik/b-dantes-inferno-corte-highdave-de-milla-b/paginas-de-informacion-de-resena?reviews_id=750">Review ansehen</a></div></div></div>  </div>
</div>

                  <button class="z-prev" aria-label="Prev">‹</button>
          <button class="z-next" aria-label="Next">›</button>
              </div>

    </div>
  </div>
</div>

</div>
        </div>
            </div>

    <!--<div class="google-reviews-carousel mt-3">
            </div>-->

    <div class="row mt-3">
        <div class="col">
            <div id="footerWrapper" class="footer-a11y">

  <!-- HERO: Brand-Bild + Newsletter -->
  <section class="f-hero" id="footer-newsletter" aria-labelledby="f-newsletter-heading">
    <div class="f-container f-hero-grid">

      <!-- Brand -->
      <div class="f-brand">
        <img src="includes/templates/bootstrap/images/footer-brand.jpg" alt="Growroom21 - Dein günstiger Growshop in Wien und Online" class="f-brand-img" loading="lazy" decoding="async"/>                  <p class="f-brand-text">Todas las novedades, directamente en su correo.</p>
              </div>

      <!-- Newsletter -->
      <div class="f-news">
        <h2 id="f-newsletter-heading" class="f-news-title">
          Boletín        </h2>
        <p class="f-news-sub">
          Promociones y novedades directamente en su buzón.        </p>

        
        <form class="f-news-form" method="post" action="https://www.growroom21.com/webshop/?main_page=newsletter_subscribe" novalidate>
          <input type="hidden" name="securityToken" value="2539cf682131742fcf02cb993d96cae8"><input type="hidden" name="return_to" value="/webshop/es/starter#footer-newsletter">          <label class="sr-only" for="f_news_email">E-Mail</label>
          <input id="f_news_email" type="email" name="email" required
                 placeholder="Su dirección de correo electrónico"
                 autocomplete="email" inputmode="email" />
          <!-- Honeypot gegen Bots -->
          <input type="text" name="email_address_check" value="" class="sr-only" tabindex="-1" autocomplete="off" aria-hidden="true">
          <button type="submit">
            Suscribirse          </button>
        </form>

        <small class="f-news-note">
          Doble confirmación por correo electrónico. Puede darse de baja en cualquier momento.        </small>
      </div>

    </div>
  </section>

  <!-- Optional: Banner #5 (falls konfiguriert) -->
  
  <!-- BOTTOM: EZ-Pages + Copyright + Social in EINER Sektion -->
  <section class="f-bottom" aria-label="Website-Footer">
    <div class="f-container f-bottom-grid">

      <!-- Copyright (links) -->
      <div class="f-copy">
        <div>Copyright &copy; 2026 <a href="https://www.growroom21.com/webshop/index.php?main_page=index">Growroom21 - Dein günstiger Growshop in Wien und Online</a>. Powered by AIP-Enjoy GmbH</div>
              </div>

      <!-- EZ-Pages (zentral) -->
      <nav class="f-ezpages" aria-label="Footer-Navigation">
        
<div id="ezpagesBarFooter" class="ezpagesBar rounded">
<ul class="nav nav-pills">
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/terminos-y-condiciones-generales">Términos y Condiciones</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/politica-de-privacidad">Política de Privacidad</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/informacin-sobre-el-derecho-de-desistimiento">Información sobre el derecho de desistimiento</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/aviso-legal">Aviso Legal</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/metodos-de-pago">Métodos de Pago</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/envio">Información de Envío</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/es-420">420</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/descuento-seguro">15% de Descuento - Cómo Participar</a></li>
  <li class="nav-item"><a class="nav-link" href="https://www.growroom21.com/webshop/es/cannabis-social-clubs-csc">-30% de descuento para Cannabis Social Clubs (CSC)</a></li>
</ul>
</div>
      </nav>

      <!-- Online-Widerruf: bewusst getrennt von der EZ-Pages-Footer-Navigation -->
      <div class="f-widerruf-cta" aria-label="Online-Widerruf">
        <a class="f-widerruf-button"
           href="https://www.growroom21.com/webshop/index.php?main_page=widerrufsrecht#gr21-widerruf-formular"
           onclick="var el=document.getElementById('gr21-widerruf-formular'); if(el){el.scrollIntoView({behavior:'smooth', block:'start'}); return false;}">
          Vertrag widerrufen        </a>
      </div>

    </div>
  </section>

  <!-- GR21 Livechat Widget (shopintern, ersetzt MyLiveChat) -->
  <div id="gr21-chat-root" class="gr21-chat-root gr21-chat-offline">
  <button id="gr21-chat-toggle" class="gr21-chat-toggle" type="button" aria-expanded="false">💬 ¿Ayuda?</button>
  <section id="gr21-chat-box" class="gr21-chat-box" hidden aria-label="Livechat">
    <div class="gr21-chat-head">
      <div>
        <strong>Chat en vivo de GrowRoom21</strong>
        <small id="gr21-chat-subtitle">El chat en vivo no está disponible ahora.</small>
      </div>
      <button id="gr21-chat-close" type="button" aria-label="Cerrar chat">×</button>
    </div>
    <div id="gr21-chat-live-notice" class="gr21-chat-live-notice closed">
      El chat en vivo está atendido de 10:30 a 18:00. Tu consulta se enviará ahora por e-mail.    </div>
    <div class="gr21-chat-fields">
      <input id="gr21-chat-name" type="text" placeholder="Nombre" autocomplete="name">
      <input id="gr21-chat-email" type="email" placeholder="E-mail para responder" autocomplete="email">
      <input id="gr21-chat-order" type="text" placeholder="Número de pedido *" autocomplete="off" required>
    </div>
    <div id="gr21-chat-messages" class="gr21-chat-messages"></div>
    <div class="gr21-chat-compose">
      <textarea id="gr21-chat-input" placeholder="Escribir mensaje…"></textarea>
      <input id="gr21-chat-file" type="file" accept="image/*,video/*" multiple hidden>
      <div class="gr21-chat-actions">
        <button id="gr21-chat-upload-btn" type="button" class="gr21-chat-upload">Imagen/vídeo</button>
        <button id="gr21-chat-email-fallback" type="button" hidden>Reenviar por e-mail</button>
        <button id="gr21-chat-send" type="button">Enviar por e-mail</button>
      </div>
      <div id="gr21-chat-status" class="gr21-chat-status"></div>
    </div>
  </section>
</div>
<script>
window.GR21_CHAT_CONFIG = window.GR21_CHAT_CONFIG || {};
window.GR21_CHAT_CONFIG.ajaxUrl = "\/webshop\/ajax_gr21_chat.php";
window.GR21_CHAT_CONFIG.liveOpen = false;
window.GR21_CHAT_CONFIG.openStart = "10:30";
window.GR21_CHAT_CONFIG.openEnd = "18:00";
window.GR21_CHAT_CONFIG.timezone = "Europe\/Vienna";
window.GR21_CHAT_CONFIG.labels = {"toggle":"💬 ¿Ayuda?","title":"Chat en vivo de GrowRoom21","subtitleOpen":"Con gusto te ayudamos.","subtitleClosed":"El chat en vivo no está disponible ahora.","liveInfo":"Atención en vivo: 10:30–18:00.","offlineInfo":"El chat en vivo está atendido de 10:30 a 18:00. Tu consulta se enviará ahora por e-mail.","closeAria":"Cerrar chat","namePlaceholder":"Nombre","emailPlaceholder":"E-mail para responder","orderPlaceholder":"Número de pedido *","messagePlaceholder":"Escribir mensaje…","uploadButton":"Imagen/vídeo","emailButton":"Enviar por e-mail","fallbackButton":"Reenviar por e-mail","sendButton":"Enviar","welcomeOpen":"¡Hola! Introduce tu número de pedido y escribe tu pregunta. También puedes subir imágenes o vídeos.","welcomeClosed":"El chat en vivo no está atendido en este momento. Escribe tu mensaje y se enviará inmediatamente por e-mail a nuestro equipo.","requireOrder":"Introduce tu número de pedido.","requireEmail":"Introduce tu dirección de e-mail para que podamos responder.","invalidResponse":"Respuesta no válida del servidor ajax_gr21_chat.php.","genericError":"Error","sentOk":"Mensaje enviado.","sentEmailOk":"Tu consulta se ha enviado por e-mail a nuestro equipo.","sendError":"No se pudo enviar el mensaje.","uploadProgress":"Subiendo archivo…","uploadOk":"Archivo enviado.","uploadEmailOk":"Archivo subido y consulta enviada por e-mail.","uploadError":"No se pudo subir el archivo.","emailError":"No se pudo enviar el e-mail.","attachmentLabel":"Adjunto","videoOpen":"Abrir vídeo"};
</script>
<script src="includes/templates/bootstrap/jscript/jscript_gr21_chat.js?v=20260624-media-multi" defer></script>

</div><!-- /#footerWrapper -->

<style>
/* =================== Accessible Footer Theme (rework) =================== */
:root{
  --c-bg: #004d00;        /* Primär (dunkelgrün) */
  --c-bg-2:#003b00;       /* dunkleres Layer */
  --c-text:#ffffff;       /* hoher Kontrast */
  --c-text-dim:#e6f5e6;   /* leicht abgetönt */
  --c-accent:#ffffff;     /* Links/Buttons hell */
  --c-accent-text:#004d00;/* Text auf hellem Button */
  --c-border:rgba(255,255,255,.25);
  --c-border-soft:rgba(255,255,255,.18);
  --focus:#ffeb3b;        /* gut sichtbarer Fokus (gelb) */
}

.footer-a11y{ background: var(--c-bg); color: var(--c-text); }
.footer-a11y a{ color: var(--c-accent); text-decoration: underline; text-underline-offset: 2px; }
.footer-a11y a:hover{ text-decoration-thickness: 2px; }
.footer-a11y .f-container{ max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* ---------- HERO / NEWSLETTER ---------- */
.f-hero{
  background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-2) 100%);
  border-bottom: 1px solid var(--c-border);
  padding: 28px 0 24px;
  margin-bottom: 14px;
}
.f-hero-grid{ display:grid; grid-template-columns: 1.2fr 1.8fr; gap: 24px; align-items:center; }
@media (max-width: 991px){ .f-hero-grid{ grid-template-columns:1fr; gap:16px; } }

/* Brand */
.f-brand-img{
  width: 320px; max-width:100%; height:auto;
  border-radius: 14px; box-shadow: 0 10px 28px rgba(0,0,0,.35); display:block;
}
.f-brand-fallback{ font-weight:900; letter-spacing:.5px; font-size:1.35rem; }
.f-brand-text{ margin-top:8px; color: var(--c-text-dim); line-height:1.6; }

/* Newsletter */
.f-news-title{ margin:0 0 6px; font-size:1.45rem; font-weight:800; color:var(--c-text); }
.f-news-sub{ margin:0 0 12px; color: var(--c-text-dim); }
.f-news-form{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.f-news-form input[type="email"], .f-news-form input[type="text"]{
  width:min(420px,100%); background:#ffffff; color:#0a0a0a;
  border:2px solid var(--c-border); border-radius:12px; padding:.72rem .9rem;
}
.f-news-form input::placeholder{ color:#6b6b6b; }
.f-news-form button{
  background: var(--c-accent); color: var(--c-accent-text);
  border: 2px solid var(--c-accent); border-radius:12px;
  padding:.78rem 1.1rem; font-weight:800; cursor:pointer;
}
.f-news-form button:hover{ filter: brightness(.95); }
.f-news-form input:focus-visible, .f-news-form button:focus-visible{
  outline: 3px solid var(--focus); outline-offset: 2px;
}
.f-news-note{ display:block; margin-top:6px; color: var(--c-text-dim); font-size:.92rem; }

/* Flash Messages */
.f-flash{ margin: 6px 0 10px; }
.f-flash .messageStackSuccess, .f-flash .messageStackError{
  border-radius: 10px; padding: .7rem .9rem; line-height: 1.5; border: 1px solid transparent;
}
.f-flash .messageStackSuccess{ background:#0f2e1f; border-color:#174c33; color:#b6f3cf; }
.f-flash .messageStackError{ background:#3a1515; border-color:#5a2323; color:#ffd6d6; }

/* ---------- BOTTOM-BEREICH ---------- */
.f-bottom{ border-top:1px solid var(--c-border); }
.f-bottom-grid{
  display:flex; flex-direction: column; align-items: stretch; gap: 14px;
}

/* EZ-Pages: full-bleed */
.f-ezpages{
  order: 1;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  padding: 12px 16px;
  background: rgba(255,255,255,.05);
  border-top: 1px solid var(--c-border-soft);
  border-bottom: 1px solid var(--c-border-soft);
}

/* Standard-Ausgabe von tpl_ezpages_bar_footer */
#navSuppWrapper{ background: transparent !important; border: 0; padding: 0; margin: 0; }
#navSupp ul{
  display: flex; flex-wrap: wrap;
  justify-content: space-evenly;
  gap: clamp(12px, 4vw, 56px);
  list-style: none; margin: 0; padding: 0;
}
#navSupp li{ flex: 0 1 auto; }
#navSupp li a{
  display: inline-block;
  padding: .5rem .9rem;
  border: 1px solid var(--c-border-soft);
  border-radius: 9999px;
  color: var(--c-text);
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
#navSupp li a:hover, #navSupp li a:focus-visible{
  background: rgba(255,255,255,.10);
  border-color: var(--c-border);
  outline: none;
}
#navSupp li a:focus-visible{ box-shadow: 0 0 0 3px var(--focus); }

/* Online-Widerruf Button: eigener Bereich unterhalb der Footer-Navigation */
.f-widerruf-cta{
  order: 2;
  text-align: center;
  padding: 0 16px 4px;
}
.footer-a11y .f-widerruf-button{
  display: inline-block;
  padding: .68rem 1.15rem;
  border: 2px solid var(--c-accent);
  border-radius: 9999px;
  background: var(--c-accent);
  color: var(--c-accent-text) !important;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
  border-color: black;
}
.footer-a11y .f-widerruf-button:hover{
  filter: brightness(.95);
  text-decoration: none;
}
.footer-a11y .f-widerruf-button:focus-visible{
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}

/* Copyright */
.f-copy{
  order: 3;
  font-size:.95rem;
  text-align: center;
  padding-bottom: 10px;
}
.f-ip{ opacity:.9; }

/* Responsive Feinschliff */
@media (max-width: 640px){
  #navSupp ul{ justify-content: center; gap: 12px 14px; }
  .f-ezpages{ padding-left: 12px; padding-right: 12px; }
}

/* Utilities */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Motion-Respect */
@media (prefers-reduced-motion: reduce){
  * { transition: none !important; animation: none !important; }
}
</style>

<script>
// Lazy/async für Footer-Bilder
document.querySelectorAll('.footer-a11y img').forEach(function(img){
  if (!img.hasAttribute('loading')) img.setAttribute('loading','lazy');
  if (!img.hasAttribute('decoding')) img.setAttribute('decoding','async');
});
</script>

        </div>
    </div>

        <style>
    .social-media-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 20px 0;
        background-color: #f9f9f9;
        border-top: 1px solid #ddd;
    }

    .social-media-icons a {
        color: #555;
        font-size: 24px;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .social-media-icons a:hover {
        color: #1da1f2;
    }

    .social-media-icons i {
        font-size: 36px;
    }
    </style>

    <div class="social-media-icons">
        <a href="https://www.instagram.com/growroom21drivein/" target="_blank" aria-label="Instagram">
            <i class="fab fa-instagram"></i>
        </a>
        <a href="https://www.facebook.com/GrowRoomAustria/" target="_blank" aria-label="Facebook">
            <i class="fab fa-facebook"></i>
        </a>
        <a href="https://www.youtube.com/@growroom21" target="_blank" aria-label="YouTube">
            <i class="fab fa-youtube"></i>
        </a>
        <a href="https://www.tiktok.com/@growroom_21" target="_blank" aria-label="TikTok">
            <i class="fab fa-tiktok"></i>
        </a>
            <!-- Reddit -->
    <a href="https://www.reddit.com/user/GrowRoom21/" target="_blank" rel="noopener noreferrer" aria-label="Reddit">
        <i class="fab fa-reddit"></i>
    </a>
    </div>

    <script>
// Auto Alt Attributes - Dynamische Bilder
(function() {
  // Funktion zum Generieren von Alt-Text basierend auf dem Dateinamen
  function generateAltText(src) {
    if (!src) return 'Bild';

    // Extrahiere den Dateinamen ohne Pfad und Erweiterung
    var filename = src.split('/').pop().split('\\').pop().split('.')[0];
    var altText = filename.replace(/_/g, ' ').replace(/-/g, ' ');

    // Spezialfälle
    if (src.indexOf('rating') !== -1) {
      return 'Bewertungsstern';
    }

    if (src.indexOf('automatics_automatische_hanfpflanzen') !== -1) {
      return 'Automatische Hanfpflanzen für Balkon und Garten';
    }

    return altText;
  }

  // Funktion zum Verarbeiten aller Bilder auf der Seite
  function processImages() {
    var images = document.querySelectorAll('img:not([data-auto-alt-js])');

    images.forEach(function(img) {
      // Markiere das Bild als verarbeitet
      img.setAttribute('data-auto-alt-js', 'true');

      // Wenn kein alt-Attribut vorhanden ist oder es leer ist, füge eines hinzu
      if (!img.alt || img.alt === '' || img.alt === 'versand_saemlinge') {
        var src = img.src || '';
        var newAlt = generateAltText(src);
        img.alt = newAlt;
      }
    });
  }

  // Führe die Verarbeitung nach dem Laden der Seite aus
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', processImages);
  } else {
    processImages();
  }

  // Beobachte DOM-Änderungen, um dynamisch hinzugefügte Bilder zu verarbeiten
  if (window.MutationObserver) {
    var observer = new MutationObserver(function(mutations) {
      var needsProcessing = false;

      mutations.forEach(function(mutation) {
        // Prüfe, ob neue Knoten hinzugefügt wurden
        if (mutation.addedNodes.length) {
          needsProcessing = true;
        }
      });

      if (needsProcessing) {
        processImages();
      }
    });

    // Beobachte den gesamten Body auf Änderungen
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  }
})();
</script>        <a href="#" id="back-to-top" class="btn" title="Volver arriba" aria-label="Volver arriba" role="button"><i aria-hidden="true" class="fas fa-chevron-circle-up"></i></a>
      </main>
</div>

<style id="gr21-popup-manager-css">
  .gr21pm-hidden{display:none!important}
  .gr21pm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:10000;display:none;overscroll-behavior:contain;touch-action:none}
  .gr21pm-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);max-height:calc(100vh - 26px);background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.30);z-index:10001;display:none;flex-direction:column;overflow:hidden;color:#17202a}
  .gr21pm-modal.gr21pm-danger{border-top:5px solid #e67e22}.gr21pm-modal.gr21pm-success{border-top:5px solid #2f7a37}.gr21pm-modal.gr21pm-sale{border-top:5px solid #c82333}
  .gr21pm-head{display:flex;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;flex:0 0 auto}.gr21pm-ico{font-size:24px;line-height:1}.gr21pm-title{margin:0;font-size:19px;line-height:1.25;font-weight:800}.gr21pm-close{margin-left:auto;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:8px;color:#555}.gr21pm-close:focus-visible{outline:2px solid #111;outline-offset:2px}
  .gr21pm-body{padding:18px 20px;overflow:auto;min-height:0;font-size:15px;line-height:1.55}.gr21pm-body p:last-child{margin-bottom:0}.gr21pm-foot{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #eee;flex:0 0 auto}.gr21pm-btn{border-radius:9px;border:1px solid #d0d7de;background:#f6f8fa;color:#24292f;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}.gr21pm-btn:hover{text-decoration:none;filter:brightness(.98)}.gr21pm-btn-primary{background:#2f7a37;border-color:#2f7a37;color:#fff}.gr21pm-btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}
  .gr21pm-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9998;background:#fff3cd;color:#5d4500;border:1px solid #ffe08a;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.14);display:none;padding:13px 48px 13px 16px;line-height:1.45}.gr21pm-banner.top{top:82px;bottom:auto}.gr21pm-banner .gr21pm-close{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
  .gr21pm-toast-root{position:fixed;left:16px;bottom:16px;z-index:9999;display:grid;gap:10px;pointer-events:none}.gr21pm-toast{pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 14px 40px rgba(2,6,23,.18);min-width:290px;max-width:360px;padding:12px 42px 12px 14px;position:relative;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .35s ease,transform .35s ease}.gr21pm-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.gr21pm-toast .gr21pm-close{position:absolute;right:10px;top:9px;font-size:20px}
  .gr21pm-cookie{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.72);color:#17202a;padding:18px;display:none;align-items:center;justify-content:center;text-align:left;overscroll-behavior:contain;touch-action:none}.gr21pm-cookie-inner{width:min(720px,96vw);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:24px 26px;border-top:6px solid #2f7a37}.gr21pm-cookie h3{font-size:22px;margin:0 0 10px;color:#17202a;font-weight:900}.gr21pm-cookie .gr21pm-body{padding:0;margin:0 0 16px;color:#17202a}.gr21pm-cookie .gr21pm-cookie-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.gr21pm-cookie .gr21pm-btn{margin:0}.gr21pm-cookie .gr21pm-cookie-note{font-size:12px;color:#586069;margin-top:12px;line-height:1.45}@media(max-width:576px){.gr21pm-cookie{padding:10px}.gr21pm-cookie-inner{width:100%;max-height:calc(100vh - 20px);padding:20px 16px}.gr21pm-cookie .gr21pm-cookie-actions .gr21pm-btn{flex:1 1 100%;text-align:center}}

  .gr21pm-bonus-icon{position:fixed;left:20px;bottom:20px;z-index:9997;width:54px;height:54px;border-radius:50%;border:0;background:gold;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);font-size:25px;cursor:pointer;display:none;place-items:center;animation:gr21pmBonusPulse 2s infinite alternate}.gr21pm-bonus-icon:hover{filter:brightness(.98);transform:translateY(-1px)}.gr21pm-bonus-icon:focus-visible{outline:2px solid #0d6efd;outline-offset:3px}@keyframes gr21pmBonusPulse{0%{background-color:gold;transform:scale(1)}50%{background-color:orange;transform:scale(1.06)}100%{background-color:gold;transform:scale(1)}}
  .gr21pm-sp-toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;color:#0f172a;border-radius:14px;padding:10px 12px;min-width:290px;max-width:360px;box-shadow:0 14px 40px rgba(2,6,23,.18);border:1px solid #e5e7eb;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .35s ease,transform .35s ease}.gr21pm-sp-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.gr21pm-sp-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#f1f5f9;display:grid;place-items:center;box-shadow:0 6px 18px rgba(2,6,23,.06)}.gr21pm-sp-thumb img{width:100%;height:100%;object-fit:contain}.gr21pm-sp-body{display:grid;gap:2px}.gr21pm-sp-line1{font-size:.9rem;font-weight:700;color:#0f172a}.gr21pm-sp-line1 .gr21pm-sp-name{font-weight:900}.gr21pm-sp-line2{font-size:.86rem;color:#334155}.gr21pm-sp-line2 a{color:#0f172a;font-weight:800;text-decoration:underline;text-underline-offset:2px}.gr21pm-sp-close{border:0;background:transparent;color:#94a3b8;font-size:1.1rem;line-height:1;padding:0 .1rem;border-radius:8px;cursor:pointer}.gr21pm-sp-close:hover{color:#0f172a}
  .gr21pm-sale-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.gr21pm-survey-row{margin-bottom:13px}.gr21pm-survey-row label{font-weight:700;display:block;margin-bottom:5px}.gr21pm-survey-choices{display:flex;gap:10px;flex-wrap:wrap}.gr21pm-survey-choices label{font-weight:400;display:flex;gap:7px;align-items:center}.gr21pm-input,.gr21pm-textarea{width:100%;padding:9px 11px;border:1px solid #ddd;border-radius:8px}.gr21pm-small{font-size:12px;color:#666}.gr21pm-msg{display:none;padding:10px 12px;border-radius:8px;margin-top:10px}.gr21pm-ok{background:#f0fff4;border:1px solid #c7f5d6}.gr21pm-err{background:#fff5f5;border:1px solid #ffd4d4}
  @media(max-width:576px){.gr21pm-bonus-icon{left:14px;bottom:14px;width:50px;height:50px;font-size:23px}.gr21pm-modal{left:10px;right:10px;top:10px;bottom:10px;transform:none;width:auto;max-height:none}.gr21pm-foot .gr21pm-btn{flex:1 1 100%}.gr21pm-toast-root{left:10px;right:10px}.gr21pm-toast,.gr21pm-sp-toast{min-width:0;max-width:none}.gr21pm-banner{left:10px;right:10px;bottom:10px}.gr21pm-banner.top{top:72px}}
</style>

<div id="gr21pmBackdrop" class="gr21pm-backdrop" aria-hidden="true"></div>
<div id="gr21pmToastRoot" class="gr21pm-toast-root" aria-live="polite" aria-atomic="true"></div>
<script id="gr21-popup-manager-js">
(function(){
  var ITEMS = [{"id":7,"key":"cookie_age","type":"cookie","trigger":"on_load","condition":"always","title":"Configuración de cookies y privacidad","bodyHtml":"\u0026lt;p\u0026gt;Utilizamos cookies necesarias para el funcionamiento de la tienda. Los servicios de análisis y servicios externos como Google Analytics solo se cargan después de tu consentimiento.\u0026lt;/p\u0026gt;\u0026lt;p\u0026gt;Puedes aceptar todas las cookies o usar solo las necesarias. Puedes cambiar tu elección más tarde.\u0026lt;/p\u0026gt;","icon":"\u0026#x1F36A;","primaryLabel":"Aceptar todo","primaryUrl":"","secondaryLabel":"Solo cookies necesarias","secondaryAction":"close","cssVariant":"default","position":"bottom","customCss":"","delayMs":0,"frequencyMode":"local_once_key","frequencyDays":365,"productIds":[],"pageList":[],"storageKey":"gr21_pm_cookie_age","extra":[]}];
  if (!Array.isArray(ITEMS) || !ITEMS.length) return;

  var backdrop = document.getElementById('gr21pmBackdrop');
  var toastRoot = document.getElementById('gr21pmToastRoot');
  var queue = [];
  var activeModal = false;
  var scrollY = 0;

  function sGet(k, session){try{return (session?sessionStorage:localStorage).getItem(k);}catch(e){return null;}}
  function sSet(k, v, session){try{(session?sessionStorage:localStorage).setItem(k, v);}catch(e){}}
  function esc(s){var d=document.createElement('div');d.appendChild(document.createTextNode(s||''));return d.innerHTML;}
  function escAttr(s){return String(s||'').replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}
  function htmlToText(html){var d=document.createElement('div');d.innerHTML=html||'';return (d.textContent||d.innerText||'').trim();}
  function currentPid(){var el=document.querySelector('form input[name="products_id"]'); if(el&&el.value) return parseInt(el.value,10); var m=/[?&]products_id=(\d+)/.exec(location.search); return m?parseInt(m[1],10):0;}
  function matchesProduct(item, pid){ if(!item.productIds || !item.productIds.length) return true; return item.productIds.indexOf(pid) !== -1; }
  function safeKey(item){return String((item&&item.key)||'popup_'+((item&&item.id)||'')).replace(/[^A-Za-z0-9_\-]/g,'');}
  function itemClass(item){return ' gr21pm-key-' + safeKey(item) + ' gr21pm-id-' + String((item&&item.id)||'0').replace(/[^0-9]/g,'');}
  function storageKey(item){return item.storageKey || ('gr21_pm_'+item.key);}
  function shouldShow(item){
    if(item.frequencyMode === 'always') return true;
    var key = storageKey(item);
    if(item.frequencyMode === 'session') return sGet(key, true) !== '1';
    if(item.frequencyMode === 'local_once_key') return sGet(key, false) !== '1';
    var last = parseInt(sGet(key, false) || '0', 10);
    var days = Math.max(1, parseInt(item.frequencyDays || 1, 10));
    return !last || (Date.now() - last > days*24*60*60*1000);
  }
  function markSeen(item){
    var key = storageKey(item);
    if(item.frequencyMode === 'session') sSet(key, '1', true);
    else if(item.frequencyMode === 'days') sSet(key, String(Date.now()), false);
    else if(item.frequencyMode === 'local_once_key') sSet(key, '1', false);
  }
  function lock(){scrollY=window.scrollY||document.documentElement.scrollTop||0;document.body.style.position='fixed';document.body.style.top='-'+scrollY+'px';document.body.style.left='0';document.body.style.right='0';document.body.style.width='100%';}
  function unlock(){document.body.style.position='';document.body.style.top='';document.body.style.left='';document.body.style.right='';document.body.style.width='';window.scrollTo(0,scrollY);}
  function enqueue(item){ if(shouldShow(item)) queue.push(item); }
  function runQueue(){ if(activeModal || !queue.length) return; var item=queue.shift(); setTimeout(function(){ showModal(item); }, Math.max(0, parseInt(item.delayMs||0,10))); }

  function modalMarkup(item, customBody){
    var cls = 'gr21pm-modal gr21pm-' + escAttr(item.cssVariant || 'default') + itemClass(item);
    var icon = item.icon ? '<div class="gr21pm-ico">'+item.icon+'</div>' : '';
    var body = customBody || item.bodyHtml || '';
    var secondary = item.secondaryLabel ? '<button type="button" class="gr21pm-btn gr21pm-secondary">'+item.secondaryLabel+'</button>' : '';
    var primary = item.primaryLabel ? '<button type="button" class="gr21pm-btn gr21pm-btn-primary gr21pm-primary">'+item.primaryLabel+'</button>' : '';
    return '<div class="'+cls+'" role="dialog" aria-modal="true" aria-labelledby="gr21pmTitle_'+escAttr(item.id)+'">'+
      '<div class="gr21pm-head">'+icon+'<h3 class="gr21pm-title" id="gr21pmTitle_'+escAttr(item.id)+'">'+(item.title||'')+'</h3><button class="gr21pm-close" type="button" aria-label="Schließen">&times;</button></div>'+ 
      '<div class="gr21pm-body">'+body+'</div><div class="gr21pm-foot">'+secondary+primary+'</div></div>';
  }
  function goSecondary(item, close){
    if(item.secondaryAction === 'age_alert'){ alert('Sie müssen 18 Jahre oder älter sein, um diese Website zu nutzen.'); return; }
    if(item.secondaryAction === 'url' && item.extra && item.extra.secondaryUrl){ markSeen(item); window.location.href = item.extra.secondaryUrl; return; }
    close(true);
  }
  function bindModal(box, item){
    var close = function(mark){ box.style.display='none'; backdrop.style.display='none'; if(mark!==false) markSeen(item); activeModal=false; unlock(); box.remove(); runQueue(); };
    var closeBtn = box.querySelector('.gr21pm-close'); if(closeBtn) closeBtn.onclick=function(){close(true)};
    var sec = box.querySelector('.gr21pm-secondary'); if(sec) sec.onclick=function(){ goSecondary(item, close); };
    var prim = box.querySelector('.gr21pm-primary'); if(prim) prim.onclick=function(){ markSeen(item); if(item.primaryUrl){ window.location.href=item.primaryUrl; } else close(true); };
    backdrop.onclick=function(){ close(true); };
    document.addEventListener('keydown', function escHandler(ev){ if(ev.key==='Escape' && activeModal){ document.removeEventListener('keydown', escHandler); close(true); } });
  }
  function showModal(item){
    activeModal=true; lock();
    var wrap = document.createElement('div');
    wrap.innerHTML = modalMarkup(item);
    var box = wrap.firstElementChild;
    document.body.appendChild(box);
    bindModal(box, item);
    backdrop.style.display='block'; box.style.display='flex';
    var c=box.querySelector('.gr21pm-close'); if(c) setTimeout(function(){c.focus();},50);
  }
  function gr21ConsentUpdate(granted){
    var state = granted ? 'granted' : 'denied';
    try{
      window.dataLayer = window.dataLayer || [];
      window.gtag = window.gtag || function(){ dataLayer.push(arguments); };
      window.gtag('consent', 'update', {
        'analytics_storage': state,
        'ad_storage': state,
        'ad_user_data': state,
        'ad_personalization': state,
        'personalization_storage': state,
        'functionality_storage': 'granted',
        'security_storage': 'granted'
      });
    }catch(e){}
    try{ window.dispatchEvent(new CustomEvent('gr21pmConsentUpdate', {detail:{accepted:!!granted}})); }catch(e){}
    gr21LoadDeferredConsentScripts(granted);
  }
  function gr21LoadDeferredConsentScripts(granted){
    if(!granted) return;
    var nodes = document.querySelectorAll('script[type="text/plain"][data-gr21-consent]');
    Array.prototype.forEach.call(nodes, function(old){
      if(old.getAttribute('data-gr21-loaded') === '1') return;
      var cat = (old.getAttribute('data-gr21-consent') || 'analytics').toLowerCase();
      if(['analytics','marketing','all'].indexOf(cat) === -1) return;
      var n = document.createElement('script');
      Array.prototype.forEach.call(old.attributes, function(a){
        if(a.name === 'type' || a.name === 'data-gr21-consent' || a.name === 'data-gr21-loaded') return;
        n.setAttribute(a.name, a.value);
      });
      n.type = old.getAttribute('data-type') || 'text/javascript';
      if(old.src) n.src = old.src;
      n.text = old.text || old.textContent || '';
      old.setAttribute('data-gr21-loaded','1');
      old.parentNode.insertBefore(n, old.nextSibling);
    });
  }
  function showCookie(item){
    if(!shouldShow(item)) return;
    var div = document.createElement('div'); div.className='gr21pm-cookie' + itemClass(item);
    var note = (item.extra && item.extra.consentNote) ? '<div class="gr21pm-cookie-note">'+item.extra.consentNote+'</div>' : '';
    div.innerHTML='<div class="gr21pm-cookie-inner" role="dialog" aria-modal="true" aria-labelledby="gr21pmCookieTitle"><h3 id="gr21pmCookieTitle">'+(item.title||'')+'</h3><div class="gr21pm-body">'+(item.bodyHtml||'')+'</div><div class="gr21pm-cookie-actions"><button class="gr21pm-btn gr21pm-btn-primary gr21pm-accept">'+(item.primaryLabel||'Alle akzeptieren')+'</button><button class="gr21pm-btn gr21pm-btn-danger gr21pm-decline">'+(item.secondaryLabel||'Nur notwendige Cookies')+'</button></div>'+note+'</div>';
    document.body.appendChild(div); div.style.display='flex';
    var firstBtn = div.querySelector('.gr21pm-accept'); if(firstBtn) setTimeout(function(){firstBtn.focus();},40);
    div.querySelector('.gr21pm-accept').onclick=function(){sSet('gr21_cookie_consent','accepted',false); sSet('cookiesAccepted','true',false); gr21ConsentUpdate(true); markSeen(item); div.remove();};
    div.querySelector('.gr21pm-decline').onclick=function(){sSet('gr21_cookie_consent','declined',false); sSet('cookiesAccepted','false',false); gr21ConsentUpdate(false); markSeen(item); div.remove();};
  }
  function showBanner(item){
    if(!shouldShow(item)) return;
    var div=document.createElement('div'); div.className='gr21pm-banner '+(item.position==='top'?'top':'') + itemClass(item);
    div.innerHTML='<strong>'+(item.icon||'')+' '+(item.title||'')+'</strong><br>'+(item.bodyHtml||'')+'<button class="gr21pm-close" type="button" aria-label="Schließen">&times;</button>';
    document.body.appendChild(div); div.style.display='block';
    div.querySelector('.gr21pm-close').onclick=function(){markSeen(item);div.remove();};
  }
  function showToast(item){
    if(!shouldShow(item)) return;
    var t=document.createElement('div'); t.className='gr21pm-toast' + itemClass(item);
    t.innerHTML='<strong>'+(item.icon||'')+' '+(item.title||'')+'</strong><div>'+(item.bodyHtml||'')+'</div><button class="gr21pm-close" type="button" aria-label="Schließen">&times;</button>';
    toastRoot.appendChild(t); requestAnimationFrame(function(){t.classList.add('is-visible');});
    t.querySelector('.gr21pm-close').onclick=function(){markSeen(item); hideToast(t);};
    setTimeout(function(){hideToast(t);}, Math.max(5000, parseInt((item.extra&&item.extra.visibleMs)||7000,10)));
    if(item.extra && item.extra.repeat === true){
      var min=Math.max(10000, parseInt(item.extra.minMs||30000,10)); var max=Math.max(min, parseInt(item.extra.maxMs||300000,10));
      setTimeout(function(){showToast(item)}, Math.floor(Math.random()*(max-min+1))+min);
    } else markSeen(item);
  }
  function hideToast(el){el.classList.remove('is-visible');setTimeout(function(){if(el&&el.parentNode)el.parentNode.removeChild(el);},350);}
  function formatAgo(labels, ts){
    try{var now=Math.floor(Date.now()/1000), diff=Math.max(0, now-(ts|0)); var m=Math.floor(diff/60);
      if(m<60) return (m===1?labels.ago.min1:labels.ago.minn).replace('%s', m);
      var h=Math.floor(m/60); if(h<24) return (h===1?labels.ago.h1:labels.ago.hn).replace('%s', h);
      var d=Math.floor(h/24); return (d===1?labels.ago.d1:labels.ago.dn).replace('%s', d);
    }catch(e){return '';}
  }
  function showSocialProof(item){
    if(!shouldShow(item)) return;
    var sp=item.extra && item.extra.socialProof; if(!sp || !Array.isArray(sp.entries) || !sp.entries.length) return;
    var labels=sp.labels || {}; var idx=-1;
    function nextDelay(){var min=Math.max(10000, parseInt(sp.minMs||30000,10)); var max=Math.max(min, parseInt(sp.maxMs||300000,10)); return Math.floor(Math.random()*(max-min+1))+min;}
    function pick(){if(sp.entries.length===1) return 0; var i; do{i=Math.floor(Math.random()*sp.entries.length);}while(i===idx); idx=i; return i;}
    function make(){
      var it=sp.entries[pick()]; var nameHTML=(it.pname_html||'').trim(); var nameTXT=it.pname||htmlToText(nameHTML)||'Produkt'; var loc=(it.city&&it.country)?(it.city+', '+it.country):(it.city||it.country||''); var ago=formatAgo(labels, it.ts||0);
      var imgTag=it.img?'<img src="'+escAttr(it.img)+'" alt="'+escAttr(nameTXT)+'" width="'+parseInt(sp.imgW||64,10)+'" height="'+parseInt(sp.imgH||64,10)+'" loading="lazy">':'';
      var html='<div class="gr21pm-sp-thumb">'+imgTag+'</div><div class="gr21pm-sp-body"><div class="gr21pm-sp-line1"><span class="gr21pm-sp-name">'+esc(it.who||'')+'</span>'+(loc?' &middot; '+esc(loc):'')+'</div><div class="gr21pm-sp-line2">'+esc(labels.boughtPrefix||'hat ')+(ago?esc(ago):'')+esc(labels.boughtSuffix||' gekauft:')+' <a href="'+escAttr(it.plink||'#')+'">'+(nameHTML||esc(nameTXT))+'</a></div></div><button class="gr21pm-sp-close" aria-label="'+escAttr(labels.close||'Schließen')+'">&times;</button>';
      var t=document.createElement('div'); t.className='gr21pm-sp-toast' + itemClass(item); t.innerHTML=html; toastRoot.appendChild(t); requestAnimationFrame(function(){t.classList.add('is-visible');});
      var timer=setTimeout(function(){hideToast(t);}, Math.max(2500, parseInt(sp.visibleMs||6000,10)));
      var close=t.querySelector('.gr21pm-sp-close'); if(close) close.onclick=function(){clearTimeout(timer); hideToast(t); markSeen(item);};
    }
    setTimeout(make, Math.max(0, parseInt(sp.firstDelayMs||item.delayMs||8000,10)));
    if(item.frequencyMode === 'always') (function loop(){setTimeout(function(){make(); loop();}, nextDelay());})();
  }
  function showBonusIcon(item){
    if(!shouldShow(item)) return;
    var btn=document.createElement('button');
    btn.type='button'; btn.className='gr21pm-bonus-icon' + itemClass(item);
    btn.innerHTML=item.icon||'⭐';
    btn.setAttribute('aria-label', (item.extra&&item.extra.iconLabel) || item.title || 'Bonuspunkte');
    document.body.appendChild(btn);
    btn.style.display='grid';
    btn.onclick=function(){
      btn.style.display='none';
      enqueue(item);
      runQueue();
    };
  }
  function showSurvey(item){
    if(!shouldShow(item)) return;
    var ex=item.extra||{}, L=ex.surveyLabels||{};
    function l(k,fb){return L[k]||fb;}
    var body = ''+
      '<form id="gr21pmSurveyForm">'+
      '<input type="hidden" name="securityToken" value="'+escAttr(ex.securityToken||'')+'">'+
      '<div class="gr21pm-survey-row"><label>'+esc(l('q1','1) Würden Sie Nützlinge kaufen, um Ihre Pflanzen natürlich zu schützen?'))+'</label><div class="gr21pm-survey-choices"><label><input type="radio" name="interest" value="yes" required> '+esc(l('q1_yes','Ja, auf jeden Fall'))+'</label><label><input type="radio" name="interest" value="maybe"> '+esc(l('q1_maybe','Vielleicht, wenn Preis & Qualität stimmen'))+'</label><label><input type="radio" name="interest" value="no"> '+esc(l('q1_no','Nein, eher nicht'))+'</label></div></div>'+
      '<div class="gr21pm-survey-row"><label>'+esc(l('q2','2) Nützlinge direkt mit Pflanzen bestellen?'))+'</label><div class="gr21pm-survey-choices"><label><input type="radio" name="bundle" value="ideal" required> '+esc(l('q2_ideal','Ja, ideal'))+'</label><label><input type="radio" name="bundle" value="optional"> '+esc(l('q2_optional','Eventuell optional'))+'</label><label><input type="radio" name="bundle" value="separate"> '+esc(l('q2_separate','Lieber getrennt'))+'</label></div></div>'+
      '<div class="gr21pm-survey-row"><label>'+esc(l('q3','3) Welche Nützlinge sind interessant?'))+'</label><div class="gr21pm-survey-choices"><label><input type="checkbox" name="species[]" value="lacewing"> '+esc(l('lacewing','Florfliegen'))+'</label><label><input type="checkbox" name="species[]" value="mites"> '+esc(l('mites','Raubmilben'))+'</label><label><input type="checkbox" name="species[]" value="wasps"> '+esc(l('wasps','Schlupfwespen'))+'</label></div><input class="gr21pm-input" type="text" name="species_other" placeholder="'+escAttr(l('other','Andere (optional)'))+'"></div>'+
      '<div class="gr21pm-survey-row"><label>'+esc(l('q4','4) Wünsche oder Anregungen'))+'</label><textarea class="gr21pm-textarea" name="comments" rows="3"></textarea></div>'+ 
      '<div class="gr21pm-survey-row"><label class="gr21pm-small">'+esc(l('email','E-Mail optional'))+'</label><input class="gr21pm-input" type="email" name="email" placeholder="you@example.com"></div>'+ 
      '<div class="gr21pm-survey-row"><label><input type="checkbox" name="consent" value="1" required> '+esc(l('consent','Ich bin einverstanden, dass meine Angaben zur Sortimentsplanung gespeichert werden.'))+' <a href="'+escAttr(ex.privacyLink||'#')+'">'+esc(l('privacy','Datenschutz'))+'</a></label></div>'+ 
      '<div class="gr21pm-msg gr21pm-ok">'+esc(l('ok','Danke! Ihre Antwort wurde gespeichert.'))+'</div><div class="gr21pm-msg gr21pm-err">'+esc(l('err','Bitte versuchen Sie es später erneut.'))+'</div></form>';
    activeModal=true; lock(); var wrap=document.createElement('div'); wrap.innerHTML=modalMarkup(item, body); var box=wrap.firstElementChild; document.body.appendChild(box); backdrop.style.display='block'; box.style.display='flex';
    var close=function(mark){box.style.display='none';backdrop.style.display='none';if(mark!==false)markSeen(item);activeModal=false;unlock();box.remove();runQueue();};
    box.querySelector('.gr21pm-close').onclick=function(){close(true)}; backdrop.onclick=function(){close(true)};
    var sec=box.querySelector('.gr21pm-secondary'); if(sec) sec.onclick=function(){close(true)};
    var prim=box.querySelector('.gr21pm-primary'); if(prim) prim.onclick=function(ev){ev.preventDefault(); var form=box.querySelector('#gr21pmSurveyForm'); var ok=box.querySelector('.gr21pm-ok'); var er=box.querySelector('.gr21pm-err'); ok.style.display='none'; er.style.display='none'; if(!form.checkValidity()){form.reportValidity(); return;} var fd=new FormData(form); var species=[]; form.querySelectorAll('input[name="species[]"]:checked').forEach(function(cb){species.push(cb.value)}); fd.delete('species[]'); fd.append('species', species.join(',')); fetch(ex.handlerUrl, {method:'POST', credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'}, body:fd}).then(function(r){return r.json().then(function(d){if(!r.ok||!d.ok)throw new Error(d.error||('HTTP '+r.status));return d;});}).then(function(){ok.style.display='block';markSeen(item);setTimeout(function(){close(false)},1200);}).catch(function(e){er.textContent='Fehler: '+(e&&e.message?e.message:'Unbekannter Fehler');er.style.display='block';}); };
  }
  function setupAfterCartAdd(item){
    var pid=currentPid();
    if(pid && matchesProduct(item, pid)){
      Array.prototype.slice.call(document.querySelectorAll('form')).forEach(function(form){
        if(form.querySelector('input[name="products_id"]')) form.addEventListener('submit', function(){ if(shouldShow(item)) sSet(storageKey(item)+'_pending', String(pid), true); }, {capture:true});
      });
    }
    var pending=parseInt(sGet(storageKey(item)+'_pending', true)||'0',10);
    if(pending && matchesProduct(item, pending) && shouldShow(item)) { sSet(storageKey(item)+'_pending', '', true); enqueue(item); }
  }

  function init(){
    ITEMS.forEach(function(item){
      if(item.key==='social_proof_toast' && item.extra && item.extra.socialProof) setTimeout(function(){showSocialProof(item)}, Math.max(0, parseInt(item.delayMs||0,10)));
      else if(item.type==='cookie') showCookie(item);
      else if(item.type==='banner') showBanner(item);
      else if(item.type==='toast') setTimeout(function(){showToast(item)}, Math.max(0, parseInt(item.delayMs||0,10)));
      else if(item.type==='bonus_icon') setTimeout(function(){showBonusIcon(item)}, Math.max(0, parseInt(item.delayMs||0,10)));
      else if(item.trigger==='after_cart_add') setupAfterCartAdd(item);
      else if(item.type==='survey') enqueue(item);
      else enqueue(item);
    });
    runQueue();
  }
  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded', init); else init();
})();
</script>

</body>
</html>