/* Theme Name: wunu webLab Child Theme Theme URI: https://wunu.eu Description: wunu webLab Child Theme for Direkt Regional Template: wunu-weblab Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: wunu-weblab-child */ /* GENERAL */ b, strong { font-weight: 500 !important; } main .entry-content .sectionContainer a:not(.wunuButton) { text-decoration: underline !important; } main .entry-content .sectionContainer a:hover { text-decoration: none !important; } /* GENERAL END */ main .zweispaltenContainer ul { margin: 0 0 1.5em 1em !important } /* FAB */ .fabOuter.hasText .wunuButton { border-radius: 10px !important; } .fabOuter .fabText { padding-top: 0px !important; } .fabOuter.hasIcon .fabIcon { mask-size: 50% !important; -webkit-mask-size: 50% !important; } #fabOuter .fabIcon { background-image: url(https://www.ferienwohnungen-silvretta-nova.at/wp-content/uploads/2026/03/whatsapp.svg) !important; mask-image: none !important; -webkit-mask-image: none !important; } /* FAB END */ /* FIX map START */ @media only screen and (min-width: 992px) { .sectionContainer .mapContainer .map iframe { height: 50vh !important; } } @media only screen and (min-width: 992px) { .sectionContainer .mapContainer .gridContainer .mapInformationContainer .mapInformation { width: 100%; margin: auto; padding: 40px; display: flex; flex-direction: column; z-index: 99999; background-color: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(5px) !important; } } /* FIX map END */ /* HUGO BOOKING ENGINE */ .select-wrapper:not(.md-outline) .select-dropdown:focus { border-bottom-color: #6c757d !important; box-shadow: 0 1px 0 0 #6c757d !important; } .bev2cardnochfragen a { color: #212529 !important; } #allbookingengine .bev2cardnochfragen a { color: #212529 !important; } /* HUGO BOOKING ENGINE END */ /* BEWERTUNGEN START */ /* ── Custom Properties ────────────────────────────────────────────────────── */ :root { /* Karten */ --snova-review-bg: #ffffff; --snova-review-border: rgba(0, 0, 0, 0.07); --snova-review-shadow: 0 2px 16px rgba(0, 0, 0, 0.06); --snova-review-shadow-hover: 0 6px 28px rgba(0, 0, 0, 0.11); --snova-review-radius: var(--bs-border-radius-lg, 0.75rem); --snova-review-transition: box-shadow 0.25s ease, transform 0.25s ease; --snova-review-padding: 1.75rem; --snova-review-footer-padding: 1.25rem 1.75rem 1.5rem; /* Anführungszeichen */ --snova-review-quote-color: var(--bs-primary, #2b5c3a); --snova-review-quote-opacity: 0.12; --snova-review-quote-size: 5rem; /* Typografie */ --snova-review-font-text: var(--bs-body-font-family, Georgia, serif); --snova-review-font-meta: var(--bs-font-sans-serif, system-ui, sans-serif); --snova-review-text-size: 0.975rem; --snova-review-text-lh: 1.75; --snova-review-name-size: 0.875rem; --snova-review-date-size: 0.8rem; /* Farben Text */ --snova-review-text-color: var(--bs-body-color, #2d2d2d); --snova-review-name-color: var(--bs-body-color, #2d2d2d); --snova-review-date-color: var(--bs-secondary, #6c757d); /* Badges – Jahreszeiten */ --snova-badge-winter-bg: #dce9f5; --snova-badge-winter-color: #1d4a72; --snova-badge-fruehling-bg: #ddf0e2; --snova-badge-fruehling-color: #1a5c32; --snova-badge-sommer-bg: #fef3d0; --snova-badge-sommer-color: #7a5200; --snova-badge-herbst-bg: #fde8d4; --snova-badge-herbst-color: #7a3200; /* Badge – Apartment */ --snova-badge-apartment-bg: var(--bs-light, #f8f9fa); --snova-badge-apartment-color: var(--bs-secondary, #495057); /* Filter */ --snova-filter-gap: 0.5rem; --snova-filter-label-size: 0.75rem; --snova-filter-label-color: var(--bs-secondary, #6c757d); --snova-filter-pill-radius: var(--bs-border-radius-pill, 50rem); --snova-filter-pill-padding: 0.35em 0.9em; --snova-filter-pill-font-size: 0.82rem; --snova-filter-pill-bg: var(--bs-light, #f1f3f5); --snova-filter-pill-color: var(--bs-body-color, #2d2d2d); --snova-filter-pill-border: 1px solid transparent; --snova-filter-pill-active-bg: var(--bs-primary, #2b5c3a); --snova-filter-pill-active-color: #ffffff; --snova-filter-transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; } /* ── Block-Wrapper ────────────────────────────────────────────────────────── */ .snova-reviews-block { /* Kein eigener Abstand – das übernimmt das flexible Layout des Themes */ } .snova-reviews-block__titel { /* Übernimmt Theme-Typografie – kein eigenes Styling nötig */ margin-bottom: 1.5rem; } .snova-reviews-block__empty, .snova-reviews-block__no-results { font-family: var(--snova-review-font-meta); font-size: var(--snova-review-date-size); color: var(--snova-filter-label-color); text-align: center; padding: 2rem 0; margin: 0; } /* ── Filter ───────────────────────────────────────────────────────────────── */ .snova-reviews-filter { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin-bottom: 2rem; } .snova-reviews-filter__group { display: flex; flex-direction: column; gap: 0.4rem; } .snova-reviews-filter__label { font-family: var(--snova-review-font-meta); font-size: var(--snova-filter-label-size); font-weight: 600; color: var(--snova-filter-label-color); text-transform: uppercase; letter-spacing: 0.06em; } .snova-reviews-filter__pills { display: flex; flex-wrap: wrap; gap: var(--snova-filter-gap); } .snova-reviews-filter__pill { font-family: var(--snova-review-font-meta); font-size: var(--snova-filter-pill-font-size); font-weight: 500; line-height: 1; padding: var(--snova-filter-pill-padding); border-radius: var(--snova-filter-pill-radius); border: var(--snova-filter-pill-border); background: var(--snova-filter-pill-bg); color: var(--snova-filter-pill-color); cursor: pointer; transition: var(--snova-filter-transition); white-space: nowrap; /* Browser-Default zurücksetzen */ appearance: none; -webkit-appearance: none; outline-offset: 2px; } .snova-reviews-filter__pill:hover:not( .is-active ) { border-color: var(--bs-primary, #2b5c3a); color: var(--bs-primary, #2b5c3a); } .snova-reviews-filter__pill:focus-visible { outline: 2px solid var(--bs-primary, #2b5c3a); } .snova-reviews-filter__pill.is-active { background: var(--snova-filter-pill-active-bg); color: var(--snova-filter-pill-active-color); border-color: transparent; } /* Jahreszeit-spezifische Aktivfarben */ .snova-reviews-filter__pill--winter.is-active { background: var(--snova-badge-winter-color); } .snova-reviews-filter__pill--fruehling.is-active { background: var(--snova-badge-fruehling-color); } .snova-reviews-filter__pill--sommer.is-active { background: var(--snova-badge-sommer-color); } .snova-reviews-filter__pill--herbst.is-active { background: var(--snova-badge-herbst-color); } /* ── Grid ─────────────────────────────────────────────────────────────────── */ .snova-reviews-grid { /* Bootstrap .row.g-4 übernimmt das Layout */ } .snova-review-item[hidden] { display: none !important; /* Bootstrap könnte d-none überschreiben */ } /* ── Karte ────────────────────────────────────────────────────────────────── */ .snova-review-card { background: var(--snova-review-bg); border: 1px solid var(--snova-review-border); border-radius: var(--snova-review-radius); box-shadow: var(--snova-review-shadow); transition: var(--snova-review-transition); overflow: hidden; } .snova-review-card:hover { box-shadow: var(--snova-review-shadow-hover); transform: translateY(-2px); } .snova-review-card__body { padding: var(--snova-review-padding); position: relative; } /* ── Dekoratives Anführungszeichen ────────────────────────────────────────── */ .snova-review-card__quote { display: block; font-family: Georgia, 'Times New Roman', serif; font-size: var(--snova-review-quote-size); line-height: 1; color: var(--snova-review-quote-color); opacity: var(--snova-review-quote-opacity); margin-bottom: -0.5rem; user-select: none; pointer-events: none; } /* ── Bewertungstext ───────────────────────────────────────────────────────── */ .snova-review-card__text { font-family: var(--snova-review-font-text); font-size: var(--snova-review-text-size); line-height: var(--snova-review-text-lh); color: var(--snova-review-text-color); font-style: italic; border: none; padding: 0; margin: 0; } /* ── Karten-Footer ────────────────────────────────────────────────────────── */ .snova-review-card__footer { padding: var(--snova-review-footer-padding); border-top: 1px solid var(--snova-review-border); background: rgba(0, 0, 0, 0.015); } .snova-review-card__name { font-family: var(--snova-review-font-meta); font-size: var(--snova-review-name-size); font-weight: 600; color: var(--snova-review-name-color); letter-spacing: 0.01em; } .snova-review-card__date { font-family: var(--snova-review-font-meta); font-size: var(--snova-review-date-size); color: var(--snova-review-date-color); margin-top: 0.15rem; } /* ── Badges ───────────────────────────────────────────────────────────────── */ .snova-badge { font-family: var(--snova-review-font-meta); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.02em; padding: 0.3em 0.65em; border-radius: var(--bs-border-radius-pill, 50rem); text-transform: uppercase; } .snova-badge--winter { background: var(--snova-badge-winter-bg); color: var(--snova-badge-winter-color); } .snova-badge--fruehling { background: var(--snova-badge-fruehling-bg); color: var(--snova-badge-fruehling-color); } .snova-badge--sommer { background: var(--snova-badge-sommer-bg); color: var(--snova-badge-sommer-color); } .snova-badge--herbst { background: var(--snova-badge-herbst-bg); color: var(--snova-badge-herbst-color); } .snova-badge--apartment { background: var(--snova-badge-apartment-bg); color: var(--snova-badge-apartment-color); border: 1px solid var(--snova-review-border); } /* ── Reduzierte Bewegung ──────────────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { .snova-review-card { transition: none; } .snova-review-card:hover { transform: none; } .snova-reviews-filter__pill { transition: none; } } /* ── Responsive ───────────────────────────────────────────────────────────── */ @media (max-width: 575.98px) { :root { --snova-review-padding: 1.25rem; --snova-review-footer-padding: 1rem 1.25rem 1.25rem; --snova-review-quote-size: 3.5rem; } .snova-review-card__footer { flex-direction: column; align-items: flex-start !important; gap: 0.75rem !important; } .snova-review-card__badges { justify-content: flex-start !important; } .snova-reviews-filter { gap: 1rem; } } /* BEWERTUNGEN END */ /* Custom Video START */ /* The Modal (background) */ .videoModal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index:900000001; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: visible; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.6); /* Black w/ opacity */ } /* Modal Content/Box */ .videoModal-content { /*background-color: #fefefe;*/ margin: 10% auto; /* 15% from the top and centered */ padding: 0px; width: fit-content; /* Could be more or less, depending on screen size */ max-width: 720px; height: 80vh; } video { max-height: 100%; } .video-player { position: relative; display: block; width: 75vh; } /*prevent scrolling when modal is open */ :root:has(.no-body-scroll) { overflow:hidden; } /* Custom Video END */ https://www.ferienwohnungen-silvretta-nova.at/page-sitemap.xml 2026-05-15T21:33:09+00:00