Magic Coverings Flexible Fliesen

<style>
.wpph-wavy {
  --w-black: #0d0d0d;
  --w-dark: #111111;
  --w-dark2: #161616;
  --w-dark3: #1e1e1e;
  --w-border: #222222;
  --w-gold: #c9a84c;
  --w-gold-dim: rgba(201,168,76,0.15);
  --w-gold-border: rgba(201,168,76,0.35);
  --w-text: #f0ece4;
  --w-muted: #c0bdb8;
  --w-dim: #a8a8a8;
  --w-radius: 6px;
  font-family: inherit;
  color: var(--w-text);
  background: var(--w-black);
  margin: 0 -20px;
}
.wpph-wavy * { box-sizing: border-box; }
.wpph-wavy .container { max-width: 1440px; margin: 0 auto; padding: 0 32px; }

/* HELD */
.wpph-wavy .hero {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #0d0d0d;
}
.wpph-wavy .hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}
.wpph-wavy .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(13,13,13,0.3) 0%, rgba(13,13,13,0.65) 50%, rgba(13,13,13,0.9) 100%);
}
.wpph-wavy .hero-content {
  position: relative;
  z-index: 2;
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  width: 100%;
}
.wpph-wavy .eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--w-gold);
  background: var(--w-gold-dim);
  border: 0.5px solid var(--w-gold-border);
  border-radius: 4px;
  padding: 3px 9px;
  margin-bottom: 16px;
}
.wpph-wavy .hero h1 {
  font-size: clamp(32px,5vw,54px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--w-text);
  max-width: 700px;
  margin: 0 0 16px;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.9), 1px -1px 0 rgba(0,0,0,0.9), -1px 1px 0 rgba(0,0,0,0.9), 1px 1px 0 rgba(0,0,0,0.9), 0 2px 16px rgba(0,0,0,0.9);
  -webkit-text-stroke: 0.5px rgba(0,0,0,0.8);
  paint-order: stroke fill;
}
.wpph-wavy .hero h1 em { font-style: normal; color: var(--w-gold); }
.wpph-wavy .hero p {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.7;
  max-width: 580px;
  margin: 0 0 28px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.9), 0 2px 16px rgba(0,0,0,0.7);
}
.wpph-wavy .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.wpph-wavy .btn-primary {
  display: inline-block;
  background: var(--w-gold);
  color: #0d0d0d;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: var(--w-radius);
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: opacity 0.2s;
}
.wpph-wavy .btn-primary:hover { opacity: 0.85; }

/* STATISTIKLEISTE */
.wpph-wavy .stats-bar {
  background: rgba(13,13,13,0.9);
  border-top: 0.5px solid #1e1e1e;
  border-bottom: 0.5px solid #1e1e1e;
  padding: 20px 0;
}
.wpph-wavy .stats-inner { display: flex; align-items: stretch; gap: 0; }
.wpph-wavy .stat-item {
  flex: 1;
  text-align: center;
  padding: 0 24px;
  border-right: 0.5px solid #222;
}
.wpph-wavy .stat-item:last-child { border-right: none; }
.wpph-wavy .stat-num { font-size: 26px; font-weight: 600; color: var(--w-text); line-height: 1; margin-bottom: 4px; }
.wpph-wavy .stat-label { font-size: 12px; color: var(--w-dim); text-transform: uppercase; letter-spacing: 0.08em; }

/* VERTRAUENSLEISTE */
.wpph-wavy .trust {
  background: var(--w-black);
  border-bottom: 0.5px solid #1e1e1e;
  padding: 12px 0;
}
.wpph-wavy .trust-inner { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.wpph-wavy .trust-item { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--w-dim); }
.wpph-wavy .trust-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--w-gold); flex-shrink: 0; }

/* ABSCHNITT */
.wpph-wavy .section {
  padding: 56px 0;
  border-bottom: 0.5px solid #1e1e1e;
  background: var(--w-dark);
}
.wpph-wavy .section--alt { background: var(--w-black); }
.wpph-wavy .section-hdr { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 24px; }
.wpph-wavy .section-title { font-size: 17px; font-weight: 500; color: var(--w-text); margin: 0; }

/* EINFÜHRUNGS-GITTER */
.wpph-wavy .intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.wpph-wavy .intro-img {
  border: 0.5px solid var(--w-border);
  border-radius: var(--w-radius);
  overflow: hidden;
  height: 360px;
}
.wpph-wavy .intro-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wpph-wavy .intro-badge {
  display: inline-block;
  font-size: 11px;
  background: var(--w-gold-dim);
  color: var(--w-gold);
  border: 0.5px solid var(--w-gold-border);
  border-radius: 4px;
  padding: 2px 8px;
  margin-bottom: 12px;
}
.wpph-wavy .intro-body h2 { font-size: 24px; font-weight: 500; color: var(--w-text); margin: 0 0 14px; }
.wpph-wavy .intro-body p { font-size: 16px; color: var(--w-muted); line-height: 1.75; margin: 0 0 14px; }
.wpph-wavy .intro-body strong { color: var(--w-text); }

/* SPEZIFIKATIONEN-GITTER */
.wpph-wavy .specs-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.wpph-wavy .spec-card {
  background: var(--w-dark2);
  border: 0.5px solid var(--w-border);
  border-radius: var(--w-radius);
  padding: 18px 16px;
}
.wpph-wavy .spec-card h3 { font-size: 14px; font-weight: 500; color: var(--w-gold); margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.06em; }
.wpph-wavy .spec-card p { font-size: 15px; color: var(--w-muted); margin: 0; line-height: 1.6; }
.wpph-wavy .spec-card strong { color: var(--w-text); }

/* SERIEN-GITTER */
.wpph-wavy .series-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.wpph-wavy .series-card {
  position: relative;
  border-radius: var(--w-radius);
  overflow: hidden;
  aspect-ratio: 3/4;
  display: block;
  text-decoration: none;
}
.wpph-wavy .series-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.wpph-wavy .series-card:hover img { transform: scale(1.04); }
.wpph-wavy .series-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0.1) 100%);
  transition: background 0.3s;
}
.wpph-wavy .series-card:hover .series-overlay { background: linear-gradient(to top, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.2) 100%); }
.wpph-wavy .series-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
}
.wpph-wavy .series-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--w-gold);
  margin-bottom: 6px;
  text-shadow: 0 1px 4px rgba(0,0,0,1);
}
.wpph-wavy .series-name {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 8px;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.9), 1px 1px 0 rgba(0,0,0,0.9), 0 2px 8px rgba(0,0,0,1);
  -webkit-text-stroke: 0.3px rgba(0,0,0,0.8);
}
.wpph-wavy .series-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
  margin: 0 0 10px;
  text-shadow: 0 1px 4px rgba(0,0,0,1);
}
.wpph-wavy .series-cta {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,1);
}
.wpph-wavy .series-cta::after { content: ' →'; color: var(--w-gold); }

/* USE CASES */
.wpph-wavy .use-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.wpph-wavy .use-card {
  background: var(--w-dark2);
  border: 0.5px solid var(--w-border);
  border-radius: var(--w-radius);
  overflow: hidden;
  text-decoration: none;
  display: block;
}
.wpph-wavy .use-card-img { height: 180px; overflow: hidden; background: var(--w-dark3); }
.wpph-wavy .use-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wpph-wavy .use-card-body { padding: 14px 16px; }
.wpph-wavy .use-card-body h3 { font-size: 15px; font-weight: 500; color: var(--w-text); margin: 0 0 6px; }
.wpph-wavy .use-card-body p { font-size: 14px; color: var(--w-dim); margin: 0; line-height: 1.55; }

/* FAQ */
.wpph-wavy .faq { display: flex; flex-direction: column; gap: 8px; }
.wpph-wavy .faq-item {
  background: var(--w-dark2);
  border: 0.5px solid var(--w-border);
  border-radius: var(--w-radius);
  padding: 16px 18px;
  cursor: pointer;
}
.wpph-wavy .faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.wpph-wavy .faq-q h3 { font-size: 15px; font-weight: 500; color: var(--w-text); margin: 0; }
.wpph-wavy .faq-chevron {
  width: 18px;
  height: 18px;
  stroke: var(--w-gold);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: transform 0.2s;
}
.wpph-wavy .faq-item.open .faq-chevron { transform: rotate(180deg); }
.wpph-wavy .faq-a {
  display: none;
  font-size: 15px;
  color: var(--w-muted);
  margin: 10px 0 0;
  line-height: 1.65;
}
.wpph-wavy .faq-item.open .faq-a { display: block; }

/* CTA */
.wpph-wavy .cta-box {
  background: var(--w-dark2);
  border: 0.5px solid var(--w-border);
  border-radius: var(--w-radius);
  padding: 36px 40px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
}
.wpph-wavy .cta-box h2 { font-size: 22px; font-weight: 500; color: var(--w-text); margin: 0 0 8px; }
.wpph-wavy .cta-box p { font-size: 16px; color: var(--w-muted); margin: 0; line-height: 1.6; }
.wpph-wavy .cta-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }

/* RESPONSIVE */
@media(max-width:900px) {
  .wpph-wavy .intro-grid { grid-template-columns: 1fr; gap: 24px; }
  .wpph-wavy .specs-grid,
  .wpph-wavy .series-grid,
  .wpph-wavy .use-grid { grid-template-columns: 1fr 1fr; }
  .wpph-wavy .cta-box { grid-template-columns: 1fr; }
  .wpph-wavy .cta-actions { align-items: flex-start; }
  .wpph-wavy .stats-inner { flex-wrap: wrap; }
  .wpph-wavy .stat-item { min-width: 45%; border-right: none; border-bottom: 0.5px solid #222; padding: 12px; }
}
@media(max-width:600px) {
  .wpph-wavy .hero { min-height: 420px; }
  .wpph-wavy .container { padding: 0 16px; }
  .wpph-wavy .hero-content { padding: 40px 16px; }
  .wpph-wavy .specs-grid,
  .wpph-wavy .series-grid,
  .wpph-wavy .use-grid { grid-template-columns: 1fr; }
  .wpph-wavy .cta-box { padding: 24px 20px; }
}

/* Full bleed override */
.collection-hero__description .wpph-wavy {
  margin-left: -9999px;
  margin-right: -9999px;
  padding-left: 9999px;
  padding-right: 9999px;
}
.collection-hero__title { display: none !important; }
.collection-hero { background: #0d0d0d !important; }
.collection-hero__inner { max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.collection-hero__description.rte { max-width: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; flex: 1 1 100% !important; display: block !important; }
.collection-hero__text-wrapper { display: block !important; max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.collection-hero__inner { height: auto !important; flex-wrap: wrap !important; }
.collection-hero { overflow: visible !important; height: auto !important; }
</style>

<div class="wpph-wavy">

  <!-- HERO -->
  <div class="hero">
    <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/case_2_-6.jpg?v=1777210811" alt="MCM flexible Keramikfliesen an Gebäudefassade installiert" loading="eager">
    <div class="hero-overlay"></div>
    <div class="hero-content">
      <span class="eyebrow">Magic Stone / PHOMI · Modifiziertes Tonmaterial</span>
      <h1>Flexible Keramikfliesen für <em>jede Oberfläche</em></h1>
      <p>Leichte, biegsame Keramik, die sich um Kurven, Säulen und komplexe Fassaden legt. Brandklasse A2. Über 400 Muster für Innen- und Außenbereich.</p>
      <div class="hero-actions">
        <a href="#wpp-series" class="btn-primary">Alle Serien durchsuchen</a>
        <a href="/de/pages/contact" class="btn-primary">Muster anfordern</a>
      </div>
    </div>
  </div>

  <!-- STATS BAR -->
  <div class="stats-bar">
    <div class="container">
      <div class="stats-inner">
        <div class="stat-item">
          <div class="stat-num">400+</div>
          <div class="stat-label">Muster</div>
        </div>
        <div class="stat-item">
          <div class="stat-num">2–3mm</div>
          <div class="stat-label">Dicke</div>
        </div>
        <div class="stat-item">
          <div class="stat-num">3–4kg</div>
          <div class="stat-label">Pro m²</div>
        </div>
        <div class="stat-item">
          <div class="stat-num">27</div>
          <div class="stat-label">Länder</div>
        </div>
      </div>
    </div>
  </div>

  <!-- TRUST BAR -->
  <div class="trust">
    <div class="container">
      <div class="trust-inner">
        <div class="trust-item"><span class="trust-dot"></span>Brandklasse A2</div>
        <div class="trust-item"><span class="trust-dot"></span>Innen- &amp; Außenbereich</div>
        <div class="trust-item"><span class="trust-dot"></span>Biegt sich um Kurven</div>
        <div class="trust-item"><span class="trust-dot"></span>Muster verfügbar</div>
        <div class="trust-item"><span class="trust-dot"></span>EU-zertifiziert</div>
      </div>
    </div>
  </div>

  <!-- EINFÜHRUNG -->
  <div class="section section--alt">
    <div class="container">
      <div class="intro-grid">
        <div class="intro-img">
          <img src="https://wallpanelspro.com/cdn/shop/files/Noformejums_bez_nosaukuma_33.png?v=1768334918&width=800" alt="MCM flexible keramische Fliese Nahaufnahme Textur" loading="lazy">
        </div>
        <div class="intro-body">
          <span class="intro-badge">Über das Material</span>
          <h2>Was ist Modified Clay Material?</h2>
          <p>MCM — auch bekannt als Magic Stone oder PHOMI — ist ein Wandverkleidungsmaterial der nächsten Generation, hergestellt aus natürlichem Ton und mineralischen Verbindungen. Im Gegensatz zu herkömmlicher gebrannter Keramik ist es <strong>flexibel genug, um sich um gekrümmte Flächen zu biegen</strong>, aber dennoch hart und langlebig genug für den Einsatz an Außenfassaden.</p>
          <p>Mit 2–3 mm Dicke und nur 3–4 kg/m² ist es deutlich leichter als Stein, Ziegel oder herkömmliche Keramikfliesen. Die Installation ist schneller, die Transportkosten sind niedriger, und es ermöglicht Anwendungen, die mit starren Materialien unmöglich sind — gewölbte Wände, Säulen, Bögen und komplexe architektonische Formen.</p>
          <p>Jedes Muster reproduziert getreu das Aussehen von Naturstein, Travertin, Schiefer, Beton oder Holz — mit <strong>Brandschutzklasse A2</strong> und vollständiger EU-Zertifizierung.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- SPEZIFIKATIONEN -->
  <div class="section">
    <div class="container">
      <div class="section-hdr">
        <h2 class="section-title">Technische Spezifikationen</h2>
      </div>
      <div class="specs-grid">
        <div class="spec-card">
          <h3>Brandschutzklasse</h3>
          <p>Klasse <strong>A2</strong> — EU-zertifiziert für Innen- und Außenbereiche, einschließlich gewerblicher und öffentlicher Gebäude.</p>
        </div>
        <div class="spec-card">
          <h3>Gewicht</h3>
          <p><strong>3–4 kg/m²</strong> — im Vergleich zu 20–25 kg/m² bei Naturstein. Keine strukturelle Verstärkung erforderlich.</p>
        </div>
        <div class="spec-card">
          <h3>Dicke</h3>
          <p><strong>2–3 mm</strong> — flexibel genug, um um Kurven mit einem Mindestradius von ca. 50 mm gebogen zu werden.</p>
        </div>
        <div class="spec-card">
          <h3>Plattengröße</h3>
          <p><strong>1200 × 600 mm</strong> — 0,72 m² pro Platte. Mindestbestellung 1 Karton (16 Platten = 11,52 m²).</p>
        </div>
        <div class="spec-card">
          <h3>Installation</h3>
          <p>Standard flexibler Fliesenkleber <strong>C2TEs1 Klasse</strong>. Jeder erfahrene Fliesenleger kann die Installation durchführen – keine Spezialwerkzeuge erforderlich.</p>
        </div>
        <div class="spec-card">
          <h3>Anwendungen</h3>
          <p>Innenwände, Außenfassaden, Säulen, Bögen, gekrümmte Flächen, hinterlüftete Fassadensysteme.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- SERIE -->
  <div class="section section--alt" id="wpp-series">
    <div class="container">
      <div class="section-hdr">
        <h2 class="section-title">Nach Serien durchsuchen</h2>
      </div>
      <div class="series-grid">
        <a href="/de/collections/travertine-series" class="series-card">
          <img src="https://wallpanelspro.com/cdn/shop/collections/o-59.png?v=1764188641&width=800" alt="Travertin Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Steinoptik</div>
            <div class="series-name">Travertin</div>
            <div class="series-desc">Zeitlose Travertin-Ästhetik in leichtem, flexiblem Format.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/slate-series" class="series-card">
          <img src="https://wallpanelspro.com/cdn/shop/collections/o_1_-20.png?v=1764188644&width=800" alt="Schiefer Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Steinoptik</div>
            <div class="series-name">Schiefer</div>
            <div class="series-desc">Natürliche Schieferstruktur — dunkel, geschichtet und tief architektonisch.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/rough-cut-series" class="series-card">
          <img src="https://wallpanelspro.com/cdn/shop/collections/o-67.png?v=1764188643&width=800" alt="Rauh geschnitten Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Rohtextur</div>
            <div class="series-name">Rauh geschnitten</div>
            <div class="series-desc">Roh, fühlbare Steinoberflächen mit markanter Textur für Akzentwände.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/line-stone-series" class="series-card">
          <img src="https://wallpanelspro.com/cdn/shop/collections/o-60.png?v=1764188646&width=800" alt="Linienstein Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Lineares Muster</div>
            <div class="series-name">Linienstein</div>
            <div class="series-desc">Lineare Steinmuster mit richtungsweisendem Fluss. Klar und modern.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/special-series" class="series-card">
          <img src="https://wallpanelspro.com/cdn/shop/collections/Bush-hammered_-_Edited_9020bb57-1dbf-4ac3-ad57-f257120c8f53.jpg?v=1764188647&width=800" alt="Spezial Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Einzigartige Oberflächen</div>
            <div class="series-name">Spezial</div>
            <div class="series-desc">Mit Fäustel bearbeitet, poliert, mehrfarbig und einzigartige Effekte.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/rammed-earth-series" class="series-card">
          <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/gradient_grey105.jpg?v=1777211767" alt="Stampflehm Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Erdtöne</div>
            <div class="series-name">Stampflehm</div>
            <div class="series-desc">Zeitgenössische Erdtöne mit Farbverlaufstiefe. Warm und organisch.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/weaving-series" class="series-card">
          <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/Weaving_Beige_3d356233-289f-46f5-a3f7-764b92c8d353.jpg?v=1777213658" alt="Webmuster-Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Textiloptik</div>
            <div class="series-name">Webmuster</div>
            <div class="series-desc">Gewebte Textilmuster in MCM nachgebildet. Leicht und geometrisch.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/wood-series" class="series-card">
          <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/Wood.jpg?v=1777213625" alt="Holz-Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Holzoptik</div>
            <div class="series-name">Holz</div>
            <div class="series-desc">Natürliche Holzmaserung in flexiblem MCM. Wärme ohne Pflegeaufwand.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
        <a href="/de/collections/facing-brick" class="series-card">
          <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/K_054.jpg?v=1777213597" alt="Verblendziegel-Serie" loading="lazy">
          <div class="series-overlay"></div>
          <div class="series-body">
            <div class="series-tag">Ziegeloptik</div>
            <div class="series-name">Verblendziegel</div>
            <div class="series-desc">Klassische Ziegelästhetik — leicht, flexibel, gebogene Oberflächen.</div>
            <div class="series-cta">Serien durchsuchen</div>
          </div>
        </a>
      </div>
    </div>
  </div>

  <!-- USE CASES -->
  <div class="section">
    <div class="container">
      <div class="section-hdr">
        <h2 class="section-title">Wo MCM-Fliesen eingesetzt werden</h2>
      </div>
      <div class="use-grid">
        <div class="use-card">
          <div class="use-card-img">
            <img src="https://cdn.shopify.com/s/files/1/0707/9415/0153/files/case_2_-6.jpg?v=1777210811" alt="MCM-Fliesen im Bürobereich" loading="lazy">
          </div>
          <div class="use-card-body">
            <h3>Gewerbe &amp; Büro</h3>
            <p>Empfangswände, Besprechungsräume, Lobbyverkleidungen. Brandklasse A2 erfüllt die strengsten Vorschriften für Gewerbegebäude.</p>
          </div>
        </div>
        <div class="use-card">
          <div class="use-card-img">
            <img src="https://wallpanelspro.com/cdn/shop/files/Noformejums_bez_nosaukuma_33.png?v=1768334918&width=800" alt="MCM-Fliesen an Gebäudefassade" loading="lazy">
          </div>
          <div class="use-card-body">
            <h3>Gebäudefassaden</h3>
            <p>Außenverkleidungen, hinterlüftete Fassaden, Balkone und Eingangsbereiche. Wetter-, UV- und frostbeständig. 3–4 kg/m² bedeutet keine statische Verstärkung erforderlich.</p>
          </div>
        </div>
        <div class="use-card">
          <div class="use-card-img">
            <img src="https://wallpanelspro.com/cdn/shop/files/WhatsApp_Image_2026-01-13_at_17.50.19_2.jpg?v=1768338040&width=800" alt="MCM-Fliesen im Gastgewerbe-Interieur" loading="lazy">
          </div>
          <div class="use-card-body">
            <h3>Gastgewerbe &amp; Einzelhandel</h3>
            <p>Hotels, Restaurants, Bars, Spas und Einzelhandelsinterieurs. Flexibilität ermöglicht gebogene Bartheken, Säulenverkleidungen und komplexe architektonische Details.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="section section--alt">
    <div class="container">
      <div class="section-hdr">
        <h2 class="section-title">Häufig gestellte Fragen</h2>
      </div>
      <div class="faq">
        <div class="faq-item" onclick="this.classList.toggle('open')">
          <div class="faq-q">
            <h3>Können MCM-Fliesen wirklich um Kurven gebogen werden?</h3>
            <svg class="faq-chevron" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
          </div>
          <div class="faq-a">Ja — die Modified Clay Material-Formel verleiht der Fliese einen flexiblen Untergrund, der sich auf einen Mindest-Radius von etwa 50 mm biegen lässt. Geeignet für gewölbte Wände, Säulen, Bögen und jede nicht-flache Oberfläche, bei der starre Fliesen brechen würden oder komplexe Schnitte erfordern.</div>
        </div>
        <div class="faq-item" onclick="this.classList.toggle('open')">
          <div class="faq-q">
            <h3>Sind MCM-Fliesen für den Außenbereich geeignet?</h3>
            <svg class="faq-chevron" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
          </div>
          <div class="faq-a">Ja. MCM-Fliesen haben die Feuerwiderstandsklasse A2 und sind für den Einsatz an Außenfassaden getestet. Sie sind wetterbeständig, UV-stabil und frostbeständig, was sie geeignet macht für hinterlüftete Fassadensysteme, Balkone, Eingangsbereiche und komplette Gebäudefassaden.</div>
        </div>
        <div class="faq-item" onclick="this.classList.toggle('open')">
          <div class="faq-q">
            <h3>Wie werden sie verlegt? Brauche ich einen Spezialisten?</h3>
            <svg class="faq-chevron" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
          </div>
          <div class="faq-a">MCM-Fliesen werden mit Standard-flexiblem Fliesenkleber (Klasse C2TEs1) verlegt. Jeder erfahrene Fliesenleger kann sie verlegen — keine Spezialwerkzeuge oder Schulungen erforderlich. Sie können mit einem Standard-Fliesenschneider, Winkelschleifer oder scharfem Messer für dünne Abschnitte geschnitten werden.</div>
        </div>
        <div class="faq-item" onclick="this.classList.toggle('open')">
          <div class="faq-q">
            <h3>Wie hoch ist die Mindestbestellmenge?</h3>
            <svg class="faq-chevron" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
          </div>
          <div class="faq-a">Die Mindestbestellmenge beträgt 1 Karton — typischerweise 16 Platten, die 11,52 m² abdecken. Für größere Projekte oder Sonderbestellungen kontaktieren Sie uns direkt für Projektpreise und Lieferzeiten. Muster sind vor einer Großbestellung erhältlich.</div>
        </div>
        <div class="faq-item" onclick="this.classList.toggle('open')">
          <div class="faq-q">
            <h3>Kann ich vor der Bestellung physische Muster erhalten?</h3>
            <svg class="faq-chevron" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
          </div>
          <div class="faq-a">Ja — wir empfehlen dringend, vor einer Großbestellung Muster zu bestellen. Kontaktieren Sie uns mit den Musternamen, an denen Sie interessiert sind, und wir arrangieren den Versand der Muster. Musterbestellungen werden direkt per E-Mail abgewickelt.</div>
        </div>
      </div>
    </div>
  </div>

  <!-- CTA -->
  <div class="section">
    <div class="container">
      <div class="cta-box">
        <div>
          <h2>Planen Sie ein Projekt?</h2>
          <p>Senden Sie uns Ihre Wandmaße, das gewünschte Muster und Ihr Land — wir antworten innerhalb von 12 Stunden mit Preisen, Verfügbarkeit und einem Musterangebot.</p>
        </div>
        <div class="cta-actions">
          <a href="/de/pages/contact" class="btn-primary">Projektangebot anfordern</a>
          <a href="/de/pages/fc-finished-projects" class="btn-primary">Fertige Projekte ansehen</a>
        </div>
      </div>
    </div>
  </div>

</div>

Keine Produkte gefunden
Weniger Filter verwenden oder alle entfernen

Kontaktformular

Let customers speak for us

from 9 reviews

Top, belli, come da immagine. Grazie

MVB
Siberian Oak Wood Slat panel
Siberian Oak Wood Slat panel

Customer service was excellent , big shout for Stis kept us informed all the way. Highly recommend Panels are excellent

APBates
Black Ash Wood Slat panel
Black Ash Wood Slat panel

Thank you Atis for helping us realize our vision for our modern office.
The acoustic panels were really easy to install on the walls and our conference room, office space is really suitable for our work.

John Madsen
Wall Panels Pro

Thank you Atis for helping us realize our vision for our modern office.
The acoustic panels were really easy to install on the walls and our conference room, office space is really suitable for our work.

John Madsen
Self-adhesive Acoustic Felt Panel Long Light Gray 9mm
Self-adhesive Acoustic Felt Panel Long Light Gray 9mm

I ordered the material for accent walls in the hallway and staircase, the material looks like natural material, but much lighter, which was a pleasure for our construction masters, and the material was easy to work with.

Delivery took only a few days and the order was fulfilled within the agreed time!

Kalevi
Finland

Kalevi
Wall Panels Pro

I ordered the material for accent walls in the hallway and staircase, the material looks like natural material, but much lighter, which was a pleasure for our construction masters, and the material was easy to work with.

Delivery took only a few days and the order was fulfilled within the agreed time!

Kalevi
Finland

Kalevi
Rough Granite
Rough Granite

⭐️⭐️⭐️⭐️⭐️
Excellent quality and fast delivery

We purchased acoustic panels and are extremely satisfied with both the product quality and the overall experience. The panels look great, feel solid, and were exactly as described.

Delivery was very fast — only 8–9 days from order to arrival — which exceeded our expectations. Communication and service were smooth throughout the process.

Highly recommended. Everything was just perfect!

Øystein from Norway

Oystein
Oak on black felt Wood Slat panel
Oak on black felt Wood Slat panel

Fast delivery!
The project required 300m2, they helped both with the product and with advice on how to properly assemble it!

Hubert
Wall Panels Pro

Fast delivery!
The project required 300m2, they helped both with the product and with advice on how to properly assemble it!

Hubert
Slate
Slate