:root{--cream:#FFF4E8;--white:#FFFCF8;--ink:#00484C;--muted:#5C615C;--pink:#580B43;--deep:#580B43;--peach:#F7E7DA;--line:#E7D5C4;--sage:#DCE9E4;--bordeaux:#580B43;--petrol:#00484C;--gold:#C88A36;--heading:#54072C;--shadow:0 16px 44px rgba(84,7,44,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}.wrap{max-width:1152px;margin:auto;padding:0 24px}.skip{position:absolute;left:-9999px;top:8px;background:white;padding:8px;z-index:10}.skip:focus{left:8px}.site-header{background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}.brand-mark{background:var(--deep);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:25px}.brand strong{display:block;font-family:Georgia,serif;font-size:29px;letter-spacing:-1.2px}.brand small{display:block;font-size:10px;letter-spacing:2.3px;margin-top:6px}.header-inner nav{display:flex;gap:28px}.header-inner nav a{text-decoration:none;font-size:14px;font-weight:650}.header-inner nav a:hover,.footer-links a:hover{color:var(--deep)}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:520px;align-items:center;gap:60px;padding-top:46px;padding-bottom:54px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.7px;color:var(--deep)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}h1{font-size:clamp(49px,6vw,78px);line-height:1.08;letter-spacing:-2px;margin:22px 0}h1 em{color:var(--deep);font-weight:400}h2{font-size:clamp(33px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:14px 0}.hero-intro{font-size:17px;line-height:1.75;color:#435D5A;max-width:570px;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 22px;text-decoration:none;font-size:14px;font-weight:750;border-radius:5px;min-height:47px}.primary{background:var(--deep);color:#fff}.primary:hover{background:#54072C}.hero-note{color:var(--muted);font-size:12px;margin:17px 0 0}.hero-art{position:relative;height:400px;display:grid;place-items:center}.art-circle{width:360px;height:360px;border-radius:50%;background:#EEDCCB;position:absolute;z-index:0;transform:translate(18px,5px)}.art-sheet{width:260px;height:330px;background:#FFFCF8;box-shadow:20px 25px 30px #a77b7230;transform:rotate(-10deg);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:12px solid #fff;outline:1px solid #e9ded4}.art-flower{font-size:88px;color:var(--bordeaux)}.art-script{font-family:Georgia,serif;font-style:italic;font-size:26px;line-height:1.12;text-align:center;color:var(--heading)}.art-bottom{font-size:8px;letter-spacing:2px;margin-top:28px;color:var(--petrol)}.art-tag{z-index:3;position:absolute;right:4%;top:9%;transform:rotate(11deg);background:var(--sage);padding:18px;font-family:Georgia,serif;font-style:italic;box-shadow:var(--shadow)}.art-spark{position:absolute;z-index:3;color:var(--deep);font-size:45px}.one{left:4%;top:20%}.two{right:4%;bottom:10%}.library{padding-top:84px;padding-bottom:96px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading p{color:var(--muted);margin:0}.count{font-size:13px;color:var(--muted);white-space:nowrap}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0 28px}.filter{border:1px solid var(--line);border-radius:100px;background:white;padding:8px 17px;cursor:pointer;color:var(--petrol);font-size:13px}.filter[aria-pressed=true]{background:var(--petrol);color:#fff;border-color:var(--petrol)}.filter:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 5px 23px #3d33250a}.thumb{aspect-ratio:4/3;background:#F2E4D6;display:block;width:100%;object-fit:cover}.card-body{padding:20px}.card-category{font-size:11px;color:var(--deep);letter-spacing:1.5px;font-weight:800;text-transform:uppercase}.card h3{font-family:Georgia,serif;font-size:23px;font-weight:500;margin:7px 0}.card p{font-size:13px;color:var(--muted);min-height:44px}.download-link{display:inline-flex;gap:8px;align-items:center;padding:10px 0;color:var(--deep);font-size:14px;font-weight:800;text-decoration:none}.download-link:hover{text-decoration:underline}.secondary-link{margin-left:15px;font-size:13px}.empty{background:var(--cream);padding:44px;text-align:center;border-radius:10px}.empty p{color:var(--muted)}.how{background:#F7E8DB;padding:70px 0 80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.steps span{font-family:Georgia,serif;font-size:35px;color:var(--deep)}.steps h3{font-family:Georgia,serif;font-size:23px;font-weight:500;margin:10px 0}.steps p{color:var(--muted);font-size:14px}footer{padding:38px 0 18px;background:var(--petrol);color:#FFF4E8}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p,.footer-small{font-size:12px;color:#E1D9C9}.footer-links{display:flex;gap:25px;font-size:13px}.footer-small{border-top:1px solid #4C7779;margin-top:25px;padding-top:16px}.legal{padding-top:65px;padding-bottom:90px;max-width:810px}.legal p,.legal li{line-height:1.75}.notice{background:#FCF0D7;border-left:5px solid var(--gold);padding:18px 22px;margin:25px 0}.legal h2{font-size:27px;margin-top:34px}@media(max-width:850px){.hero-grid{gap:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.art-circle{width:270px;height:270px}.art-sheet{width:215px;height:285px}.art-script{font-size:22px}}@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.header-inner{min-height:75px}.brand strong{font-size:23px}.brand small{font-size:8px}.brand-mark{height:38px;width:38px}.header-inner nav{gap:14px}.header-inner nav a{font-size:12px}.hero-grid{grid-template-columns:1fr;padding-top:45px;gap:2px}.hero-art{height:285px}.art-circle{width:236px;height:236px}.art-sheet{width:178px;height:225px;border-width:7px}.art-flower{font-size:55px}.art-script{font-size:18px}.art-bottom{font-size:6px}.art-tag{font-size:13px;right:6%}.library{padding-top:61px;padding-bottom:65px}.section-heading{display:block}.count{display:block;margin-top:12px}.cards{grid-template-columns:1fr}.card p{min-height:auto}.steps{grid-template-columns:1fr;gap:10px}.footer-inner{flex-direction:column}}

/* Mellas Markenauftritt: unverändertes freigestelltes Original-Logo */
.brand{gap:12px}.brand-mark{width:66px;height:66px;background:transparent;border-radius:0;display:block;flex:none;object-fit:contain}.brand strong{color:var(--heading)}.brand small{color:var(--petrol)}
.site-header{background:var(--cream)}.header-inner{min-height:94px}.header-inner nav a:hover,.footer-links a:hover{color:var(--gold)}
h1,h2,h3{color:var(--heading)}h1 em{color:var(--bordeaux)}.eyebrow,.card-category{color:var(--petrol)}
.hero{background:var(--cream)}.hero-grid{grid-template-columns:1.15fr .85fr}.hero-art{height:410px}.hero-logo{display:block;position:relative;z-index:2;width:min(100%,390px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(84,7,44,.12))}.hero-logo-halo{width:340px;height:340px;border-radius:50%;background:radial-gradient(circle, #fffaf4 20%, #F4E2CF 75%,transparent 76%);position:absolute;z-index:0}.hero-logo-star{position:absolute;z-index:1;color:var(--gold);font-size:29px}.hero-logo-star.a{top:12%;left:4%}.hero-logo-star.b{right:4%;bottom:13%}
.button.primary{background:var(--bordeaux);color:white}.button.primary:hover{background:var(--heading)}.download-link{color:var(--bordeaux)}.download-link:hover{color:var(--heading)}.card{border-color:var(--line)}.card h3{color:var(--heading)}.filter:hover{border-color:var(--gold)}.how .steps span{color:var(--gold)}.count{color:var(--petrol)}
@media(max-width:850px){.hero-logo{width:min(100%,320px)}.hero-logo-halo{width:275px;height:275px}}
@media(max-width:620px){.brand-mark{width:53px;height:53px}.header-inner{min-height:77px}.brand strong{font-size:22px}.brand small{font-size:8px}.hero-grid{grid-template-columns:1fr}.hero-art{height:290px}.hero-logo{width:min(82%,255px)}.hero-logo-halo{width:245px;height:245px}.hero-logo-star.a{left:9%}.hero-logo-star.b{right:9%}}
@media(max-width:375px){.header-inner{gap:8px}.brand{gap:7px}.brand-mark{width:47px;height:47px}.brand strong{font-size:20px}.header-inner nav{gap:10px}.header-inner nav a{font-size:11px}}

/* V5: Produktübersicht */
.product-price{font-weight:700;color:#580B43;font-size:1.1rem}.product-empty{color:#00484C;padding:1rem 0 2rem}

/* Navigationslayout: Markenbereich oben, Menueleiste mittig unter der Trennlinie */
.site-header .header-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  min-height: 0;
}
.site-header .header-inner .brand {
  align-self: flex-start;
  margin: 12px 0;
}
.site-header .header-inner nav {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding: 13px 0 15px;
  border-top: 1px solid var(--line);
}
.site-header .header-inner nav a {
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
  padding: 3px 4px;
}
@media (max-width: 620px) {
  .site-header .header-inner .brand { margin: 10px 0; }
  .site-header .header-inner nav { gap: 8px 22px; padding: 12px 0; }
  .site-header .header-inner nav a { font-size: 14px; }
}
@media (max-width: 360px) {
  .site-header .header-inner nav { gap: 6px 14px; }
  .site-header .header-inner nav a { font-size: 13px; }
}

/* V9: visuelle Kategorien, Suche und mobile Lesbarkeit */
.category-section{padding-top:72px;padding-bottom:30px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.category-tile{display:block;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:14px;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.category-tile:hover{transform:translateY(-3px);border-color:var(--gold)}.category-tile[aria-current=true]{outline:3px solid var(--gold);outline-offset:1px}.category-tile img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;background:#F5E5D8}.category-tile-content{display:block;padding:16px 18px 19px}.category-tile-content strong{display:block;font-family:Georgia,serif;color:var(--heading);font-size:22px}.category-tile-content small{display:block;margin-top:5px;color:var(--petrol);font-size:13px;line-height:1.45}.search-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px}.search-row label{font-weight:700;color:var(--heading);width:100%;font-size:14px}.search-row input{flex:1;min-width:170px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit;color:var(--ink)}.reset-filter{background:var(--petrol);color:white;border:0;border-radius:9px;padding:13px 15px;cursor:pointer}.search-row input:focus-visible,.reset-filter:focus-visible,.category-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.library#vorlagen{padding-top:48px}
@media(max-width:820px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-tile-content strong{font-size:19px}}@media(max-width:520px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-section{padding-top:48px}.category-tile-content{padding:12px}.category-tile-content strong{font-size:17px;line-height:1.2}.category-tile-content small{font-size:11px}.search-row input{width:100%;flex-basis:100%}.reset-filter{width:100%}}@media(prefers-reduced-motion:reduce){.category-tile{transition:none}}

/* V9.1: Only category image tiles are visible on the homepage. */
.category-section{padding-bottom:85px}
.category-tile{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.category-tile:focus-visible,.dialog-close:focus-visible,.dialog-toolbar input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.category-dialog{width:min(1050px,calc(100vw - 34px));max-width:none;max-height:min(90dvh,900px);border:1px solid var(--line);border-radius:18px;padding:0;background:var(--white);color:var(--ink);box-shadow:0 28px 90px #1c141b65;overflow-y:auto;overscroll-behavior:contain}
.category-dialog::backdrop{background:rgba(30,14,27,.72);backdrop-filter:blur(3px)}
.dialog-shell{padding:28px 30px 36px}
.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding-bottom:19px}
.dialog-header h2{font-size:clamp(28px,4vw,43px);margin:5px 0 6px}
.dialog-header p{margin:0;color:var(--muted)}
.dialog-close{flex:none;border:1px solid var(--line);background:var(--cream);width:44px;height:44px;border-radius:50%;font-size:30px;color:var(--heading);line-height:1;cursor:pointer}
.dialog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 25px}
.dialog-toolbar label{font-size:14px;font-weight:700;color:var(--heading)}
.dialog-toolbar input{min-width:175px;flex:1;border:1px solid var(--line);border-radius:8px;padding:11px 13px;font:inherit;color:var(--ink);background:#fff}
#dialog-count{color:var(--muted);font-size:13px}
.dialog-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.dialog-cards .card{min-width:0}
.category-error{color:var(--heading);padding:20px}
@media(max-width:830px){.dialog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.category-dialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:14px}.dialog-shell{padding:18px 14px 25px}.dialog-header{gap:10px}.dialog-close{width:40px;height:40px}.dialog-toolbar{align-items:stretch;flex-direction:column;gap:7px}.dialog-toolbar input{flex:auto;width:100%}.dialog-cards{grid-template-columns:1fr}.category-section{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.category-dialog::backdrop{backdrop-filter:none}}