.wp-block-cvss-fotogalerie { position: relative; isolation: isolate; margin-block: 3.5rem; padding: clamp(20px, 4vw, 44px); border-radius: 28px; background: #edf5ef; overflow: hidden; }
.wp-block-cvss-fotogalerie::before { position: absolute; z-index: -1; top: -92px; right: -78px; width: 250px; height: 250px; border: 36px solid rgba(182,75,22,.18); border-radius: 50%; content: ''; }
.wp-block-cvss-fotogalerie::after { position: absolute; z-index: -1; bottom: 26px; left: 24px; width: 66px; height: 66px; background-image: radial-gradient(#b64b16 1.7px, transparent 1.8px); background-size: 13px 13px; content: ''; opacity: .75; }
.wp-block-cvss-fotogalerie.has-no-dots::after { display: none; }
.wp-block-cvss-fotogalerie.is-clear { background: #fff; border: 1px solid #dbe7df; box-shadow: 0 12px 34px rgba(22,76,57,.08); }
.wp-block-cvss-fotogalerie.is-clear::before { width: 180px; height: 180px; border-width: 24px; opacity: .7; }
.wp-block-cvss-fotogalerie.is-dark { background: #164c39; }
.wp-block-cvss-fotogalerie.is-dark::before { border-color: rgba(255,255,255,.2); }
.wp-block-cvss-fotogalerie.is-dark::after { background-image: radial-gradient(#f1ad7d 1.7px, transparent 1.8px); }
.wp-block-cvss-fotogalerie.is-dark .cvss-gallery__header { border-color: #f1ad7d; }
.wp-block-cvss-fotogalerie.is-dark .cvss-gallery__eyebrow { color: #f1ad7d; }
.wp-block-cvss-fotogalerie.is-dark .cvss-gallery__title { color: #fff; }
.wp-block-cvss-fotogalerie.is-dark .cvss-gallery__item { border-color: rgba(255,255,255,.9); }
.wp-block-cvss-fotogalerie.is-accent { padding-left: clamp(28px, 5vw, 60px); background: #f8faf8; border-radius: 8px 28px 28px 8px; }
.wp-block-cvss-fotogalerie.is-accent::before { top: 0; left: 0; right: auto; width: 10px; height: 100%; border: 0; border-radius: 0; background: #b64b16; }
.wp-block-cvss-fotogalerie.is-accent .cvss-gallery__header { border-color: #164c39; }
.cvss-gallery__header { max-width: 720px; margin: 0 0 clamp(20px, 3vw, 34px); padding-left: 18px; border-left: 5px solid #b64b16; }
.cvss-gallery__eyebrow { margin: 0 0 .35rem; color: #b64b16; font-size: .76rem; font-weight: 750; letter-spacing: .1em; line-height: 1.3; }
.cvss-gallery__title { margin: 0; color: #164c39; font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.1; }
.cvss-gallery { --cvss-columns: 3; display: grid; grid-template-columns: repeat(var(--cvss-columns), minmax(0, 1fr)); grid-auto-flow: dense; gap: clamp(10px, 1.6vw, 18px); }
.cvss-gallery__item { position: relative; overflow: hidden; margin: 0; min-width: 0; border: 4px solid #fff; border-radius: 18px; background: #edf5ef; box-shadow: 0 9px 24px rgba(22,76,57,.10); }
.cvss-gallery__item.is-small { grid-column: span 1; }
.cvss-gallery__item.is-medium { grid-column: span 1; }
.cvss-gallery__item.is-large { grid-column: span 2; }
.cvss-gallery__item.is-landscape { aspect-ratio: 1.5 / 1; }
.cvss-gallery__item.is-square { aspect-ratio: 1 / 1; }
.cvss-gallery__item.is-portrait { aspect-ratio: .78 / 1; }
.cvss-gallery__open { display: block; width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.cvss-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.cvss-gallery__open:hover img, .cvss-gallery__open:focus-visible img { transform: scale(1.035); }
.cvss-gallery__open:focus-visible { outline: 3px solid #b64b16; outline-offset: 3px; }
.cvss-gallery figcaption { padding: .65rem .8rem .75rem; font-size: .9rem; line-height: 1.4; color: #164c39; background: #fff; }
.cvss-gallery-editor { padding: 1rem; border: 1px dashed #9bbbab; border-radius: 20px; background: #f7fbf8; }
.cvss-gallery-editor__intro { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin-bottom: 1rem; color: #164c39; }
.cvss-gallery--editor .cvss-gallery__item { border: 0; padding: 0; cursor: pointer; }
.cvss-gallery--editor .cvss-gallery__item.is-selected { outline: 3px solid #b64b16; outline-offset: 2px; }
.cvss-gallery__edit-label { position: absolute; right: .55rem; bottom: .55rem; padding: .28rem .5rem; border-radius: 99px; color: #fff; background: #164c39; font-size: .75rem; }
.cvss-gallery__empty { display: grid; min-height: 160px; place-items: center; margin-bottom: 1rem; color: #164c39; border-radius: 14px; background: #edf5ef; }
.cvss-gallery-lightbox { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: max(18px, 4vw); background: rgba(6,27,20,.92); }
.cvss-gallery-lightbox__image { max-width: 100%; max-height: calc(100vh - 36px); object-fit: contain; box-shadow: 0 12px 45px rgba(0,0,0,.45); }
.cvss-gallery-lightbox__close { position: fixed; top: 18px; right: 18px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: #164c39; background: #fff; font-size: 1.75rem; cursor: pointer; }
@media (max-width: 700px) { .wp-block-cvss-fotogalerie { margin-block: 2.2rem; padding: 18px; border-radius: 20px; } .wp-block-cvss-fotogalerie::before { top: -105px; right: -105px; } .cvss-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .cvss-gallery__item.is-large { grid-column: span 2; } }
@media (max-width: 420px) { .cvss-gallery { grid-template-columns: 1fr; } .cvss-gallery__item.is-large { grid-column: span 1; } }