/* ══════════════════════════════════════════════════════════════════════════
   imrox — Symbolset als CSS-Masken
   ERZEUGT von scratchpad/icons-css-bauen.js — nicht von Hand bearbeiten.

   Die statische Website bettet ihre Symbole 1310-mal als <svg> ins Markup ein;
   es sind aber nur 132 verschiedene Formen. Bricks kann eingebettetes SVG auf
   dieser Instanz nicht ausliefern (code-gesperrt, rendert leer), darum wird
   jede Form einmal als Maske definiert und im Markup nur noch als Klasse
   aufgerufen.

   Ein Symbol ist damit:  <span class="ic-sym ic-telefon"></span>
   Die Farbe kommt aus currentColor, die Groesse aus den gespiegelten Regeln
   weiter unten.
   ══════════════════════════════════════════════════════════════════════════ */

  .ic-sym{
    display:inline-block; flex:none;
    width:1em; height:1em;
    background-color:currentColor;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center;  mask-position:center;
    -webkit-mask-size:contain;     mask-size:contain;
  }

/* ── Symbole (12 von 132 Formen benannt, deckt 794 von 1310 Vorkommen) ── */
  .ic-chevron-unten-kraeftig{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); }
  .ic-chevron-unten{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg stroke='%23000' xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg stroke='%23000' xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); }
  .ic-paket{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 8 12 3 3 8l9 5 9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 8 12 3 3 8l9 5 9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); }
  .ic-tropfen{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E"); }
  .ic-servierhaube{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M6 18a6 6 0 0 1 12 0'/%3E%3Cpath d='M12 8V5'/%3E%3Cpath d='M10 5h4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M6 18a6 6 0 0 1 12 0'/%3E%3Cpath d='M12 8V5'/%3E%3Cpath d='M10 5h4'/%3E%3C/svg%3E"); }
  .ic-herz{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78Z'/%3E%3C/svg%3E"); }
  .ic-standortnadel{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
  .ic-raster{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h7v7H3z'/%3E%3Cpath d='M14 3h7v7h-7z'/%3E%3Cpath d='M3 14h7v7H3z'/%3E%3Cpath d='M14 14h7v7h-7z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h7v7H3z'/%3E%3Cpath d='M14 3h7v7h-7z'/%3E%3Cpath d='M3 14h7v7H3z'/%3E%3Cpath d='M14 14h7v7h-7z'/%3E%3C/svg%3E"); }
  .ic-pfeil-rechts-kraeftig{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
  .ic-telefon{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
  .ic-menue{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='18' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24' width='18'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='18' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24' width='18'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E"); }
  .ic-schliessen{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='16' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='16' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }

/* ── Bruecke zu main.css ──────────────────────────────────────────────
   Dort dimensionieren 40 Regeln die Symbole ueber "… svg { width }".
   Ein Maskenelement ist kein <svg>, also hier dieselben Regeln noch einmal
   fuer .ic-sym. stroke wurde zu color, fill entfaellt. ── */
  .nav-drop > a .ic-sym{ width:10px; height:10px; transition:transform .25s ease; }
  .nav-drop-item .ic .ic-sym{ width:17px; height:17px; }
  .nav-drop-all .ic .ic-sym{ width:16px; height:16px; }
  .nav-drop-all strong .ic-sym{ width:13px; height:13px; transition:transform .2s ease; }
  .phone-link .ic-sym{ width:16px; height:16px; }
  .hero-features .dot .ic-sym{ width:9px; height:9px; }
  .hero-visual .chip .ic .ic-sym{ width:16px; height:16px; color:#fff; }
  .checklist .ic .ic-sym{ width:11px; height:11px; }
  .rd-media-placeholder .prod-visual-placeholder .ic-sym{ width:48px; height:48px; }
  .p-card .more .ic-sym{ width:13px; height:13px; transition:transform .2s ease; }
  .fin-row .ic .ic-sym{ width:16px; height:16px; color:var(--accent); }
  .loop .ic-sym{ width:100%; height:100%; }
  .tab-panel li .ic .ic-sym{ width:12px; height:12px; color:#fff; }
  .partner-card .ic .ic-sym{ width:20px; height:20px; color:#c9a3ff; }
  .tile-grid-inner .tile.cta-tile .ic .ic-sym{ width:16px; height:16px; color:var(--accent); }
  .ab-cta .ic-sym{ width:15px; height:15px; transition:transform .25s ease; }
  .article-source-note .ic .ic-sym{ width:18px; height:18px; }
  .article-gallery .arrow .ic-sym{ width:24px; height:24px; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
  .article-pull-quote .icon .ic-sym{ width:100%; height:100%; }
  .article-toc .toc-label .ic-sym{ width:18px; height:18px; color:var(--accent); flex:none; }
  .article-notice .icon .ic-sym{ width:22px; height:22px; }
  .article-checklist li .ic-sym{ position:absolute; left:0; top:2px; width:21px; height:21px; color:var(--accent); }
  .article-steps .step-marker .ic-sym{ width:18px; height:18px; }
  .article-steps--horizontal .step-marker .ic-sym{ width:28px; height:28px; }
  .article-faq .faq-icon .ic-sym{ width:16px; height:16px; }
  .article-author .icon .ic-sym{ width:16px; height:16px; }
  .article-techspecs .specs-head .icon .ic-sym{ width:100%; height:100%; }
  .article-product-card .apc-placeholder .ic-sym{ width:34px; height:34px;  color:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .article-video .av-play .ic-sym{ width:32px; height:32px;  margin-left:4px; }
  .news-thumb-placeholder .ic-sym{ width:32px; height:32px; color:currentColor;  stroke-width:1.6; }
  .video-embed .play-btn .ic-sym{ width:22px; height:22px;  margin-left:3px; }
  .cta-form-phone .ic-sym{ width:18px; height:18px; color:#9fb4ff; flex:none; }
  .cta-success .ic .ic-sym{ width:24px; height:24px; color:var(--accent); }
  .mnav-drop-toggle .ic-sym{ width:14px; height:14px; transition:transform .25s ease; }
  .prod-visual-placeholder .ic-sym{ width:32px; height:32px;  color:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .rd-cat-badge .ic-sym{ width:16px; height:16px; color:var(--acc-current); flex:none; }
  .rd-hero-visual-wrap .prod-visual-placeholder .ic-sym{ width:40px; height:40px; }
  .rd-back-link .ic-sym{ width:16px; height:16px; color:currentColor; transition:transform .2s ease; }
  .rd-trust-badge .ic-sym{ width:36px; height:36px; color:currentColor;  stroke-width:1.6; }
  .other-areas-seg-icon .ic-sym{ width:100%; height:100%; }