.rgdw-posts-slider { --rgdw-brand: #00765e; --rgdw-brand-dark: #005d4a; --rgdw-text: #2f3b3a; --rgdw-muted: #6d7a77; --rgdw-bg: #f5f0db; --rgdw-card-bg: #ffffff; --rgdw-border: rgba(0, 118, 94, 0.12); --rgdw-shadow: 0 16px 40px rgba(16, 58, 48, 0.08); } .rgdw-posts-slider { padding: 10px 0; } .rgdw-posts-slider__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; } .rgdw-posts-slider__title { margin: 0; color: var(--rgdw-brand); font-size: clamp(1.7rem, 1.35rem + 1vw, 2.5rem); line-height: 1.15; } .rgdw-posts-slider__nav { display: flex; gap: 10px; } .rgdw-posts-slider__arrow { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--rgdw-border); background: rgba(255, 255, 255, 0.88); color: var(--rgdw-brand); cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; box-shadow: 0 8px 20px rgba(16, 58, 48, 0.06); } .rgdw-posts-slider__arrow:hover, .rgdw-posts-slider__arrow:focus { background: #fff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(16, 58, 48, 0.10); } .rgdw-posts-slider__viewport { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, var(--rgdw-slide-width, 320px)); gap: 22px; overflow-x: auto; padding: 8px 4px 16px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: rgba(0, 118, 94, 0.35) transparent; } .rgdw-posts-slider__viewport::-webkit-scrollbar { height: 8px; } .rgdw-posts-slider__viewport::-webkit-scrollbar-thumb { background: rgba(0, 118, 94, 0.28); border-radius: 999px; } .rgdw-posts-slider__card { scroll-snap-align: start; border-radius: 22px; overflow: hidden; background: var(--rgdw-card-bg); border: 1px solid var(--rgdw-border); box-shadow: var(--rgdw-shadow); min-height: 100%; } .rgdw-posts-slider__image-link { display: block; } .rgdw-posts-slider__image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: linear-gradient(135deg, #eef4f1, #dfe9e3); } .rgdw-posts-slider__image--placeholder { min-height: 220px; } .rgdw-posts-slider__content { padding: 20px 20px 22px; } .rgdw-posts-slider__meta { margin-bottom: 10px; font-size: 0.92rem; color: var(--rgdw-muted); } .rgdw-posts-slider__card-title { margin: 0 0 12px; font-size: 1.28rem; line-height: 1.3; color: var(--rgdw-text); } .rgdw-posts-slider__card-title a { color: inherit; text-decoration: none; } .rgdw-posts-slider__card-title a:hover, .rgdw-posts-slider__card-title a:focus { color: var(--rgdw-brand); } .rgdw-posts-slider__excerpt { margin: 0; font-size: 1rem; line-height: 1.7; color: var(--rgdw-text); } .rgdw-posts-slider__footer { display: flex; justify-content: center; margin-top: 24px; } .rgdw-posts-slider__button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 28px; border-radius: 12px; background: linear-gradient(180deg, #3c8760 0%, #2f7c53 100%); color: #ffffff; text-decoration: none; font-weight: 700; box-shadow: 0 8px 20px rgba(47, 124, 83, 0.22); transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; } .rgdw-posts-slider__button:hover, .rgdw-posts-slider__button:focus { background: linear-gradient(180deg, #357a56 0%, #286947 100%); transform: translateY(-1px); box-shadow: 0 12px 24px rgba(40, 105, 71, 0.24); } .rgdw-posts-slider__empty { border: 1px dashed var(--rgdw-border); border-radius: 18px; padding: 24px; color: var(--rgdw-muted); } @media (max-width: 640px) { .rgdw-posts-slider__header { align-items: flex-start; flex-direction: column; } .rgdw-posts-slider__viewport { grid-auto-columns: minmax(84vw, 84vw); } } /* Version 1.0.2: cleanes, kontrastreiches Kartenlayout */ .rgdw-posts-slider { --rgdw-brand: #00765e; --rgdw-brand-dark: #205c40; --rgdw-text: #202824; --rgdw-muted: #6b766f; --rgdw-bg: #eef6f1; --rgdw-card-bg: #ffffff; --rgdw-border: #cfe2d7; --rgdw-shadow: 0 10px 28px rgba(26, 66, 47, 0.09); padding: 30px; border: 1px solid var(--rgdw-border); border-radius: 20px; background: linear-gradient(180deg, #f7faf8 0%, var(--rgdw-bg) 100%); } .rgdw-posts-slider__header { margin-bottom: 28px; } .rgdw-posts-slider__title { color: var(--rgdw-text); font-size: clamp(2rem, 1.7rem + 1vw, 2.5rem); } .rgdw-posts-slider__title::after { content: ""; display: block; width: 52px; height: 3px; margin-top: 12px; border-radius: 3px; background: var(--rgdw-brand); } .rgdw-posts-slider__viewport { grid-auto-columns: calc((100% - 44px) / 3); gap: 22px; align-items: stretch; } .rgdw-posts-slider__card { height: 460px; min-height: 460px; border-radius: 16px; box-shadow: var(--rgdw-shadow); } .rgdw-posts-slider__image-link, .rgdw-posts-slider__image { display: block; width: 100%; height: 178px; min-height: 178px; object-fit: cover; } .rgdw-posts-slider__content { padding: 20px 20px 22px; } .rgdw-posts-slider__meta { margin-bottom: 14px; color: var(--rgdw-muted); font-size: 13px; font-weight: 600; letter-spacing: 0.025em; } .rgdw-posts-slider__card-title { display: -webkit-box; min-height: 82px; margin: 0 0 14px; overflow: hidden; color: var(--rgdw-brand-dark); font-size: 22px; line-height: 1.24; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .rgdw-posts-slider__excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: #465149; font-size: 15px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .rgdw-posts-slider__arrow { width: 44px; height: 44px; border: 1px solid var(--rgdw-border); border-radius: 10px; background: #ffffff; color: var(--rgdw-brand-dark); box-shadow: 0 6px 16px rgba(26, 66, 47, 0.08); } .rgdw-posts-slider__arrow:hover, .rgdw-posts-slider__arrow:focus { border-color: var(--rgdw-brand); background: var(--rgdw-bg); } .rgdw-posts-slider__footer { margin-top: 32px; } .rgdw-posts-slider__button { min-width: 270px; border: 1px solid var(--rgdw-brand); border-radius: 9px; background: var(--rgdw-brand); color: #ffffff; box-shadow: 0 9px 22px rgba(32, 92, 64, 0.20); } .rgdw-posts-slider__button:hover, .rgdw-posts-slider__button:focus { background: var(--rgdw-brand-dark); color: #ffffff; transform: translateY(-2px); } @media (max-width: 900px) { .rgdw-posts-slider__viewport { grid-auto-columns: calc((100% - 20px) / 2); gap: 20px; } } @media (max-width: 640px) { .rgdw-posts-slider { padding: 24px 16px 28px; border-radius: 16px; } .rgdw-posts-slider__viewport { grid-auto-columns: min(86vw, 320px); gap: 16px; } .rgdw-posts-slider__card { height: 430px; min-height: 430px; } .rgdw-posts-slider__image-link, .rgdw-posts-slider__image { height: 160px; min-height: 160px; } .rgdw-posts-slider__card-title { min-height: 76px; font-size: 20px; } .rgdw-posts-slider__button { width: 100%; min-width: 0; } } /* Theme-sichere Typografie */ .wp-block-rosengarten-posts-slider .rgdw-posts-slider__card-title { font-size: 22px !important; line-height: 1.24 !important; } @media (max-width: 640px) { .wp-block-rosengarten-posts-slider .rgdw-posts-slider__card-title { font-size: 20px !important; } }
.rgdw-posts-slider__image{object-position:center top!important}