.cp-theme .lj-new-hero{position:relative;display:block;isolation:isolate;background:var(--lj-hero-bg,#382047);min-height:560px;overflow:hidden}.cp-theme .lj-new-hero .hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;z-index:-1}.cp-theme .lj-new-hero .hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}.cp-theme .lj-new-hero .hero-copy{width:46%;min-height:clamp(560px,43vw,720px);padding-left:clamp(32px,6vw,110px);padding-right:25px;position:relative}.cp-theme .lj-new-hero h1{color:var(--lj-hero-fg,#fff)}.cp-theme .lj-new-hero h1 em{color:var(--lj-hero-accent,#ffc2e1)}.cp-theme .lj-new-hero .eyebrow{color:var(--lj-hero-accent,#ffc2e1)}.cp-theme .lj-new-hero .cp-hero-text p{color:var(--lj-hero-fg,#f2e5f4)}.cp-theme .lj-new-hero .primary{background:#fff;color:var(--lj-hero-bg,#382047);border-color:var(--lj-hero-fg,#fff)}.cp-theme .lj-new-hero .primary:hover{background:#f8d7e9;border-color:#f8d7e9}.cp-theme .lj-new-hero .ai-label{background:#ffffffbf}.cp-theme #kategorien{padding-top:12px;padding-bottom:40px}.cp-theme #materialwelten{padding-top:12px;padding-bottom:56px}
@media(min-width:1700px){.cp-theme .lj-new-hero .hero-copy{padding-left:calc((100vw - 1600px)/2)}}
@media(max-width:1000px) and (min-width:701px){.cp-theme .lj-new-hero .hero-copy{width:47%;padding-left:32px;min-height:560px}.cp-theme .lj-new-hero h1{font-size:42px}.cp-theme .lj-new-hero .hero-visual>img{object-position:62% center}}
@media(max-width:700px){.cp-theme .lj-new-hero{display:flex;flex-direction:column;min-height:0}.cp-theme .lj-new-hero .hero-visual{position:relative;inset:auto;order:-1;height:auto;aspect-ratio:1.18;z-index:0}.cp-theme .lj-new-hero .hero-visual>img{object-position:88% center}.cp-theme .lj-new-hero .hero-copy{width:100%;min-height:0;padding:30px 24px 36px;background:var(--lj-hero-bg,#382047)}.cp-theme #kategorien{padding-top:6px;padding-bottom:22px}.cp-theme #materialwelten{padding-top:6px;padding-bottom:34px}}
@media(min-width:1001px){.cp-theme .lj-new-hero .hero-visual>img{object-position:center 42%}}

.lj-worlds{padding-block:40px}.lj-world-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.lj-world-tile{display:block;min-width:0;border:0;padding:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;text-align:center}.lj-world-photo{position:relative;aspect-ratio:1;overflow:hidden}.lj-world-photo img{width:100%;height:100%;display:block;object-fit:cover;transform:none}.lj-world-tile h3{font-size:18px;font-weight:500;margin:0;padding:18px 2px}.lj-world-tile p{margin:0 0 18px;color:var(--color-muted);font-size:14px}.lj-world-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lj-world-material-grid .lj-world-photo{aspect-ratio:3/5}.lj-world-material-grid h3{font-size:28px;font-weight:600;padding-bottom:8px}.lj-world-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}
.lj-world-dialog{width:min(1100px,calc(100vw - 32px));max-height:88vh;border:0;padding:32px;background:white;color:var(--color-text);margin:auto}.lj-world-dialog::backdrop{background:#18242d99}.lj-world-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.lj-world-dialog .dialog-head h2{font-size:32px;margin:8px 0 0}.lj-world-dialog .close{border:1px solid #ccd6df;background:white;padding:12px 18px;font:inherit;cursor:pointer}.lj-world-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.lj-world-products .product-picture{aspect-ratio:1;background:var(--color-product)}
@media(max-width:700px){.lj-world-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.lj-world-tile h3{padding:12px 2px;font-size:16px}.lj-world-material-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:83%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;gap:12px;scrollbar-width:thin}.lj-world-material-grid .lj-world-tile{scroll-snap-align:start}.lj-world-material-grid h3{font-size:23px}.lj-world-tile p{font-size:12px}.lj-world-dialog{padding:20px;max-height:90vh}.lj-world-dialog .dialog-head h2{font-size:25px}.lj-world-dialog .close{font-size:11px;padding:10px}.lj-world-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}}
