.ll-stadtposter-home, #ll-anker-shop-brand .ll-stadtposter-shop-card {
--stadt-ink:var(--ll-navy,#051d40); --stadt-muted:#435570; --stadt-accent:var(--ll-red,#f44230);
color:var(--stadt-ink); font-family:Poppins,sans-serif;
}
body.woocommerce-shop #ajax-content-wrap :is(h1,h2,h3,h4,h5,h6) {
color:var(--ll-navy,#051d40)!important;
}
#ll-anker-shop-brand .ll-stadtposter-shop-card {
display:grid; grid-template-columns:136px minmax(0,1fr); align-items:center;
gap:15px; max-width:420px; width:100%; padding:9px; border:1px solid #e7e1d9;
border-radius:10px; background:#f8f5ef; text-decoration:none;
transition:box-shadow .2s,border-color .2s;
}
.ll-stadtposter-shop-card:hover,.ll-stadtposter-shop-card:focus-visible {border-color:#d0bba7!important;box-shadow:0 5px 17px #051d4014}
.ll-stadtposter-shop-art {
display:grid; grid-template-rows:minmax(75px,1fr) auto;
align-self:stretch; min-height:100px; overflow:hidden;
border-radius:5px; background:#fff; border-right:6px solid #b99a72; border-bottom:5px solid #c7ab84;
box-shadow:1px 2px 6px #49372b29;
}
.ll-stadtposter-shop-map {
background:linear-gradient(0deg,#fff 0%,#fff0 35%),url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/poster-example-home-v10.webp) 50% 36%/245% auto;
}
.ll-stadtposter-shop-city {
padding:2px 2px 6px; text-align:center; font-size:10px; line-height:1.4;
font-weight:800; letter-spacing:.035em; text-transform:uppercase; color:var(--stadt-ink);
}
.ll-stadtposter-shop-copy {display:grid;gap:3px;line-height:1.4}
#ll-anker-shop-brand .ll-stadtposter-shop-copy small {color:var(--stadt-muted);font-size:9px;letter-spacing:.12em;margin:0;font-weight:600}
.ll-stadtposter-shop-copy strong {font-size:17px;font-weight:700}
.ll-stadtposter-shop-copy>span {font-size:11px;color:var(--stadt-muted)}
.ll-stadtposter-shop-copy b {font-size:11px;margin-top:4px;font-weight:600;color:var(--stadt-ink)}
.ll-stadtposter-shop-copy b span {color:var(--stadt-accent)}
.ll-stadtposter-home {margin:clamp(34px,5vw,76px) auto;padding:clamp(24px,3.6vw,56px);border-radius:12px;background:#f8f5ef;scroll-margin-top:154px}
#stadtposter-im-shop {max-width:1240px}
.ll-stadtposter-intro {display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,72px);align-items:center;margin-bottom:clamp(24px,4vw,48px)}
.ll-stadtposter-intro-art {position:relative;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#e7dcd0;isolation:isolate}
.ll-stadtposter-intro-scene {position:absolute;inset:0;display:block;background:url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/room-hall-small-v8.webp) 53% 55%/200% auto}
.ll-stadtposter-intro-frame {
position:absolute;left:50%;top:17%;height:67%;max-width:74%;
display:flex;transform:translateX(-50%);border:clamp(3px,.45vw,8px) solid #fbf9f3;
box-shadow:3px 6px 10px #2b201844;background:#fff;
}
#ajax-content-wrap .ll-stadtposter-intro-frame img {display:block;height:100%;width:auto;max-width:100%;object-fit:contain;margin:0}
.ll-stadtposter-intro-lines {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:var(--stadt-accent);stroke-width:1.6}
.ll-stadtposter-intro-lines circle {fill:var(--stadt-accent)}
.ll-stadtposter-intro-tag {position:absolute;padding:5px 8px;border-radius:3px;background:var(--stadt-accent);color:#fff;font-size:clamp(9px,.9vw,13px);font-weight:650;line-height:1.4;pointer-events:none}
.ll-stadtposter-intro-tag.tag-place {left:5%;top:27%}
.ll-stadtposter-intro-tag.tag-colors {right:3%;top:50%}
.ll-stadtposter-intro-tag.tag-words {left:6%;top:82%}
#ajax-content-wrap .ll-stadtposter-home h2 {font-size:clamp(26px,3.2vw,46px);line-height:1.12;letter-spacing:-.045em;color:var(--stadt-ink);margin:0;padding:0}
.ll-stadtposter-intro-copy h2 span:last-child {display:block;font-size:.73em;line-height:1.18;margin-top:.15em}
.ll-stadtposter-dot {color:var(--stadt-accent)}
.ll-stadtposter-intro-copy>p {font-size:14px;line-height:1.65;color:var(--stadt-muted);margin:16px 0 18px;padding:0;max-width:48ch}
.ll-stadtposter-promo-form {display:grid;justify-items:start;gap:7px;max-width:405px}
.ll-stadtposter-promo-form label {font-weight:600;font-size:13px}
#ajax-content-wrap .ll-stadtposter-promo-form input {
box-sizing:border-box;min-height:44px;width:100%;padding:8px 11px;
border:1px solid #d7d6d1;border-radius:5px;background:#fff;color:var(--stadt-ink);font:inherit;font-size:13px;
}
#ajax-content-wrap .ll-stadtposter-promo-form button {
border:1px solid var(--stadt-accent);background:var(--stadt-accent);color:#fff;border-radius:5px;
min-height:44px;padding:8px 14px;margin:3px 0 0;cursor:pointer;
font:600 13px/1.4 Poppins,sans-serif;
}
#ajax-content-wrap .ll-stadtposter-promo-form button:hover {filter:brightness(.94)}
.ll-stadtposter-home .ll-stadtposter-promo-link {display:inline-block;margin-top:10px;font-size:12px;color:var(--stadt-ink);text-decoration:underline;text-underline-offset:3px}
.ll-stadtposter-promo-link span {color:var(--stadt-accent)}
.ll-stadtposter-home-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.65vw,23px)}
.ll-stadtposter-home .ll-stadtposter-motif {display:flex;flex-direction:column;min-width:0;gap:7px;color:var(--stadt-ink);text-decoration:none}
.ll-stadtposter-home :is(a,button,input):focus-visible {outline:2px solid var(--stadt-accent);outline-offset:3px}
.ll-stadtposter-motif .ll-stadtposter-scene {display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;position:relative;background:#e2d8ca;border-radius:8px}
.ll-stadtposter-motif .ll-stadtposter-scene::before {content:"";position:absolute;inset:0;background-size:cover;background-position:center}
.ll-stadtposter-scene.scene-cord::before {background-image:url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/hero-cord-warm-v9.webp);background-size:auto 146%;background-position:52% 39%}
.ll-stadtposter-scene.scene-hall::before {background-image:url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/room-hall-small-v8.webp);background-size:auto 136%;background-position:52% 42%}
.ll-stadtposter-scene.scene-sideboard::before {background-image:url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/room-sideboard-v7.webp);background-size:auto 122%;background-position:50% 17%}
.ll-stadtposter-scene.scene-parquet::before {background-image:url(//lulebt.de/wp-content/plugins/lulebt-ankerort/site/assets/room-parquet-small-v8.webp);background-size:auto 126%;background-position:50% 34%}
.ll-stadtposter-motif .ll-stadtposter-frame {display:flex;z-index:1;height:73%;max-width:87%;padding:3px;border:clamp(4px,.45vw,8px) solid #262523;background:#fff;box-shadow:3px 7px 12px #22170c45;transition:transform .22s ease}
.ll-stadtposter-frame.frame-oak {border-color:#be9b71}
.ll-stadtposter-frame.frame-white {border-color:#f9f7f2}
.ll-stadtposter-motif:hover .ll-stadtposter-frame {transform:translateY(-3px)}
#ajax-content-wrap .ll-stadtposter-frame img {display:block;height:100%;max-height:100%;width:auto;max-width:100%;object-fit:contain;margin:0!important}
.ll-stadtposter-motif>strong {font-size:clamp(13px,1.15vw,17px);line-height:1.35;font-weight:650}
.ll-stadtposter-motif>strong>span {color:var(--stadt-accent);white-space:nowrap}
.ll-stadtposter-motif>small,.ll-stadtposter-rooms-note {font-size:11px;line-height:1.45;color:var(--stadt-muted)}
.ll-stadtposter-home .ll-stadtposter-rooms-note {margin:18px 0 0;padding:0}
.ll-stadtposter-withdrawal {font-size:12px!important;line-height:1.55!important;color:#435570!important;background:#f6f7f9;border:1px solid #e4e7ed;border-radius:6px;margin:12px 0!important;padding:10px 12px!important}
.ll-stadtposter-withdrawal a {text-decoration:underline}
.ll-stadtposter-home .ll-stadtposter-credit {margin:13px 0 0;padding:0;color:var(--stadt-muted);font-size:10px}
.ll-stadtposter-credit a {text-decoration:underline}
body.woocommerce-checkout #ajax-content-wrap #order_review .woocommerce-checkout-review-order-table .product-container .cart_item.ll-cart-ankerplatz {
display:grid!important;grid-template-columns:clamp(72px,6vw,104px) minmax(0,1fr)!important;align-items:center!important;gap:13px!important;
}
body.woocommerce-checkout #ajax-content-wrap #order_review .woocommerce-checkout-review-order-table .product-container .ll-cart-ankerplatz .product-image {
width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
}
body.woocommerce-checkout #ajax-content-wrap #order_review .woocommerce-checkout-review-order-table .product-container .ll-cart-ankerplatz .product-image img {
width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/5;object-fit:contain;
}
body.woocommerce-checkout #ajax-content-wrap #order_review .woocommerce-checkout-review-order-table .product-container .ll-cart-ankerplatz .product-info {
width:auto!important;min-width:0!important;
}
@media(max-width:860px){#ll-anker-shop-brand .ll-stadtposter-shop-card{max-width:350px;grid-template-columns:116px 1fr}}
@media(max-width:720px){
.ll-stadtposter-intro {grid-template-columns:1fr;gap:18px}
.ll-stadtposter-intro-art {max-width:500px}
.ll-stadtposter-intro-copy {grid-row:1}
}
@media(max-width:610px){.ll-stadtposter-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.ll-stadtposter-home{padding:21px}.ll-stadtposter-motif>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ll-stadtposter-frame,.ll-stadtposter-shop-card{transition:none!important}}