/** Shopify CDN: Minification failed

Line 189:0 Unexpected "<"

**/
/* Magic Miracle Design – Kategorieseiten */

  .mmd { font-family:inherit; color:inherit; line-height:1.75; font-size:16px; }
  .mmd h1 { font-size:clamp(22px,4vw,34px); font-weight:700; margin:0 0 10px; line-height:1.25; }
  .mmd h2 { font-size:clamp(17px,2.5vw,22px); font-weight:600; margin:36px 0 12px; padding-bottom:6px; border-bottom:2px solid currentColor; opacity:.9; }
  .mmd h3 { font-size:17px; font-weight:600; margin:24px 0 8px; }
  .mmd p  { margin:0 0 16px; }
  .mmd ul { padding-left:22px; margin:0 0 16px; }
  .mmd li { margin-bottom:8px; }
  .mmd hr { border:none; border-top:1px solid rgba(128,128,128,.25); margin:36px 0; }
  .mmd a  { color:inherit; text-decoration:underline; }
  .mmd-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; padding:14px 18px; background:rgba(128,128,128,.06); border-radius:10px; }
  .mmd-nav-label { font-size:12px; opacity:.5; font-weight:500; width:100%; margin-bottom:4px; }
  .mmd-nav a { border:1px solid rgba(128,128,128,.25); border-radius:99px; padding:6px 14px; font-size:13px; text-decoration:none; color:inherit; opacity:.7; }
  .mmd-nav a.active { border-color:currentColor; opacity:1; font-weight:600; }
  .mmd-new { display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:3px 10px; border-radius:4px; background:rgba(128,128,128,.12); margin-bottom:12px; }
  .mmd-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin:16px 0 28px; }
  .mmd-card { border:1px solid rgba(128,128,128,.2); border-radius:10px; padding:20px; text-decoration:none; color:inherit; display:block; }
  .mmd-card strong { display:block; font-size:15px; font-weight:600; margin-bottom:6px; }
  .mmd-card span { font-size:13px; opacity:.7; line-height:1.55; }
  .mmd-filter { background:rgba(128,128,128,.06); border-radius:8px; padding:14px 18px; margin:16px 0 24px; }
  .mmd-filter strong { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
  .mmd-filter-pills { display:flex; flex-wrap:wrap; gap:8px; }
  .mmd-filter-pills span { font-size:12px; padding:4px 12px; border-radius:99px; border:1px solid rgba(128,128,128,.25); color:var(--color-text-secondary); }
  .mmd-merkmal-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:16px 0 24px; }
  .mmd-merkmal { background:rgba(128,128,128,.06); border-radius:8px; padding:14px 16px; }
  .mmd-merkmal strong { display:block; font-size:14px; font-weight:600; margin-bottom:4px; }
  .mmd-merkmal span { font-size:13px; opacity:.75; line-height:1.5; }
  .mmd-highlight { border-left:4px solid; border-radius:0 8px 8px 0; padding:16px 20px; margin:20px 0 24px; background:rgba(128,128,128,.07); }
  .mmd-faq { margin:0; padding:0; }
  .mmd-faq-item { border-bottom:1px solid rgba(128,128,128,.2); padding:20px 0; }
  .mmd-faq-item:last-child { border-bottom:none; }
  .mmd-faq-q { font-weight:600; font-size:16px; margin:0 0 10px; }
  .mmd-faq-a { font-size:15px; line-height:1.7; opacity:.85; margin:0; }
  .mmd-produkte {
    font-family: inherit;
    color: inherit;
    line-height: 1.75;
    font-size: 16px;
  }
  .mmd-produkte h1 {
    font-size: calc(var(--font-heading-scale) * 3rem);
    font-weight: 700;
    margin: 2.5rem 0;
    line-height: 1.25;
  }
  .mmd-produkte h2 {
    font-size: clamp(17px, 2.5vw, 22px);
    font-weight: 600;
    margin: 36px 0 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid currentColor;
    opacity: 0.9;
  }
  .mmd-produkte h3 { font-size: 17px; font-weight: 600; margin: 24px 0 8px; }
  .mmd-produkte p { margin: 0 0 16px; }
  .mmd-produkte ul { padding-left: 22px; margin: 0 0 16px; }
  .mmd-produkte li { margin-bottom: 8px; }
  .mmd-produkte hr { border: none; border-top: 1px solid rgba(128,128,128,0.25); margin: 36px 0; }
  .mmd-produkte a { color: inherit; text-decoration: underline; }
 
  /* Produkttyp-Kacheln */
  .mmd-typ-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    margin: 20px 0 32px;
  }
  .mmd-typ-card {
    border: 1px solid rgba(128,128,128,0.2);
    border-radius: 12px;
    padding: 22px 20px;
    color: inherit;
    display: block;
    position: relative;
  }
  .mmd-typ-new {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(128,128,128,0.15);
  }
  .mmd-typ-title { font-weight: 600; font-size: 16px; margin: 0 0 6px; }
  .mmd-typ-sub { font-size: 13px; opacity: 0.7; line-height: 1.55; margin: 0 0 12px; }
 
  /* Themen-Grid */
  .mmd-themen-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin: 16px 0 28px;
  }
 
  /* Qualitäts-Merkmale */
  .mmd-merkmal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin: 16px 0 28px;
  }
  .mmd-merkmal {
    background: rgba(128,128,128,0.06);
    border-radius: 8px;
    padding: 16px 18px;
  }
  .mmd-merkmal strong { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; }
  .mmd-merkmal span { font-size: 13px; opacity: 0.75; line-height: 1.5; }
 
  /* FAQ */
  .mmd-faq { margin: 0; padding: 0; }
  .mmd-faq-item { border-bottom: 1px solid rgba(128,128,128,0.2); padding: 20px 0; }
  .mmd-faq-item:last-child { border-bottom: none; }
  .mmd-faq-q { font-weight: 600; font-size: 16px; margin: 0 0 10px; }
  .mmd-faq-a { font-size: 15px; line-height: 1.7; opacity: 0.85; margin: 0; }

  .mmd-anlass-page { font-family: inherit; color: inherit; line-height: 1.75; font-size: 16px; }
  .mmd-anlass-page h1 { font-size: clamp(22px, 4vw, 34px); font-weight: 700; margin: 0 0 10px; line-height: 1.25; }
  .mmd-anlass-page h2 { font-size: clamp(17px, 2.5vw, 22px); font-weight: 600; margin: 36px 0 12px; padding-bottom: 6px; border-bottom: 2px solid currentColor; opacity: 0.9; }
  .mmd-anlass-page h3 { font-size: 17px; font-weight: 600; margin: 24px 0 8px; }
  .mmd-anlass-page p { margin: 0 0 16px; }
  .mmd-anlass-page ul { padding-left: 22px; margin: 0 0 16px; }
  .mmd-anlass-page li { margin-bottom: 8px; }
  .mmd-anlass-page hr { border: none; border-top: 1px solid rgba(128,128,128,0.25); margin: 36px 0; }
  .mmd-anlass-page a { color: inherit; text-decoration: underline; }
  .mmd-empf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 20px 0 28px; }
  .mmd-empf-card { border: 1px solid rgba(128,128,128,0.2); border-radius: 10px; padding: 20px; text-decoration: none; color: inherit; display: block; }
  .mmd-empf-card-rank { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: 0.5; margin: 0 0 6px; }
  .mmd-empf-card-title { font-weight: 600; font-size: 15px; margin: 0 0 6px; }
  .mmd-empf-card-sub { font-size: 13px; opacity: 0.7; line-height: 1.5; margin: 0; }
  .mmd-empf-card-new { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 2px 7px; border-radius: 4px; background: rgba(128,128,128,0.15); margin-bottom: 8px; }
  .mmd-anlass-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; padding: 14px 18px; background: rgba(128,128,128,0.06); border-radius: 10px; }
  .mmd-anlass-nav-label { font-size: 12px; opacity: 0.5; font-weight: 500; width: 100%; margin-bottom: 4px; }
  .mmd-anlass-nav a { border: 1px solid rgba(128,128,128,0.25); border-radius: 99px; padding: 6px 14px; font-size: 13px; text-decoration: none; color: inherit; opacity: 0.7; }
  .mmd-anlass-nav a.active { border-color: currentColor; opacity: 1; font-weight: 600; }
  .mmd-highlight { border-left: 4px solid; border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 20px 0 24px; background: rgba(128,128,128,0.07); }
  
 
  .mmd-design { font-family: inherit; color: inherit; line-height: 1.75; font-size: 16px; }
  .mmd-design h1 { font-size: clamp(22px, 4vw, 34px); font-weight: 700; margin: 0 0 10px; line-height: 1.25; }
  .mmd-design h2 { font-size: clamp(17px, 2.5vw, 22px); font-weight: 600; margin: 36px 0 12px; padding-bottom: 6px; border-bottom: 2px solid currentColor; opacity: 0.9; }
  .mmd-design h3 { font-size: 17px; font-weight: 600; margin: 24px 0 8px; }
  .mmd-design p { margin: 0 0 16px; }
  .mmd-design ul { padding-left: 22px; margin: 0 0 16px; }
  .mmd-design li { margin-bottom: 8px; }
  .mmd-design hr { border: none; border-top: 1px solid rgba(128,128,128,0.25); margin: 36px 0; }
  .mmd-design a { color: inherit; text-decoration: underline; }
  .mmd-produkt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 20px 0 28px; }
  .mmd-produkt-card { border: 1px solid rgba(128,128,128,0.2); border-radius: 10px; padding: 20px; text-decoration: none; color: inherit; display: block; transition: border-color 0.2s; }
  .mmd-produkt-card:hover { border-color: rgba(128,128,128,0.5); }
  .mmd-produkt-card-title { font-weight: 600; font-size: 15px; margin: 0 0 6px; }
  .mmd-produkt-card-sub { font-size: 13px; opacity: 0.7; line-height: 1.5; margin: 0; }
  .mmd-produkt-card-new { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 2px 7px; border-radius: 4px; background: rgba(128,128,128,0.15); margin-bottom: 8px; }
  .mmd-anlass-grid { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 28px; }
  .mmd-anlass-pill { border: 1px solid rgba(128,128,128,0.3); border-radius: 99px; padding: 8px 18px; font-size: 14px; font-weight: 500; text-decoration: none; color: inherit; transition: background 0.15s, border-color 0.15s; }
  .mmd-anlass-pill:hover { background: rgba(128,128,128,0.08); border-color: rgba(128,128,128,0.5); }
  .mmd-prozess { counter-reset: prozess; list-style: none; padding: 0; margin: 0 0 16px; }
  .mmd-prozess li { counter-increment: prozess; display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
  .mmd-prozess li::before { content: counter(prozess); min-width: 30px; height: 30px; border-radius: 50%; background: currentColor; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; opacity: 0.8; flex-shrink: 0; margin-top: 1px; }
  .mmd-prozess li div strong { display: block; margin-bottom: 4px; font-size: 15px; }
  .mmd-prozess li div span { font-size: 14px; opacity: 0.8; line-height: 1.6; }
  

  .mmd-section { font-family: inherit; color: inherit; line-height: 1.75; font-size: 16px; }
  .mmd-section h1 { font-size: clamp(22px, 4vw, 34px); font-weight: 700; margin: 0 0 10px; line-height: 1.25; }
  .mmd-section h2 { font-size: clamp(17px, 2.5vw, 22px); font-weight: 600; margin: 36px 0 12px; padding-bottom: 6px; border-bottom: 2px solid currentColor; opacity: 0.9; }
  .mmd-section h3 { font-size: 17px; font-weight: 600; margin: 24px 0 8px; }
  .mmd-section p { margin: 0 0 16px; }
  .mmd-section ul { padding-left: 22px; margin: 0 0 16px; }
  .mmd-section li { margin-bottom: 8px; }
  .mmd-section hr { border: none; border-top: 1px solid rgba(128,128,128,0.25); margin: 36px 0; }
  .mmd-highlight-box { border-left: 4px solid; border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 20px 0 24px; background: rgba(128,128,128,0.07); }
  .mmd-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 20px 0 24px; }
  .mmd-card { border: 1px solid rgba(128,128,128,0.2); border-radius: 10px; padding: 18px 20px; }
  .mmd-card-title { font-weight: 600; font-size: 15px; margin: 0 0 8px; }
  .mmd-card-text { font-size: 14px; opacity: 0.8; margin: 0; line-height: 1.6; }
  

</style>