/* ========================================================================== Innerjerberhof – Theme-Styles für Divi 5 Klassen (ijh-…) im Divi-Feld "CSS-Klasse" von Sektion/Zeile/Modul eintragen. ========================================================================== */ /* ---------- Schriften (lokal, DSGVO-konform) ---------- */ @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fraunces-latin-400-normal.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/fraunces-latin-700-normal.woff2") format("woff2"); } @font-face { font-family: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/figtree-latin-400-normal.woff2") format("woff2"); } @font-face { font-family: "Figtree"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/figtree-latin-500-normal.woff2") format("woff2"); } @font-face { font-family: "Figtree"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/figtree-latin-600-normal.woff2") format("woff2"); } @font-face { font-family: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/figtree-latin-700-normal.woff2") format("woff2"); } /* ---------- Design-Tokens ---------- */ :root { --ijh-wald: #2E4A34; /* Primär, dunkle Flächen */ --ijh-moos: #4F6B45; /* Eyebrows, Icons */ --ijh-rost: #A04E22; /* Buttons, Links */ --ijh-rost-dunkel: #7A3A18; --ijh-heu: #F5F0E6; /* Seitenhintergrund */ --ijh-leinen: #FFFDF8; /* Karten, helle Sektion */ --ijh-stroh: #EAE3D2; /* Akzent-Sektion */ --ijh-tinte: #22291F; /* Text */ --ijh-text-2: #4A4E43; /* Fließtext */ --ijh-text-3: #5B5E52; /* Nebentext */ --ijh-linie: #DDD3C0; --ijh-linie-hell: #E4DBC8; --ijh-nacht: #1F2C21; /* Footer */ --ijh-salbei: #C9D6B8; /* Text auf Wald */ --ijh-serif: "Fraunces", Georgia, serif; --ijh-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; --ijh-radius-s: 12px; --ijh-radius: 20px; --ijh-radius-l: 28px; /* Buttons: „drückbarer Knopf“ – Lichtkante oben, Schattenkante unten, weicher Schlagschatten */ --ijh-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -3px 0 rgba(0, 0, 0, .18), 0 10px 22px -8px rgba(60, 30, 10, .55), 0 2px 5px rgba(20, 20, 10, .16); --ijh-btn-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -3px 0 rgba(0, 0, 0, .2), 0 16px 30px -10px rgba(60, 30, 10, .6), 0 3px 8px rgba(20, 20, 10, .18); --ijh-btn-shadow-active: inset 0 2px 4px rgba(0, 0, 0, .25), 0 3px 8px -4px rgba(60, 30, 10, .45); --ijh-space-section: clamp(64px, 9vw, 110px); --ijh-h1: clamp(44px, 6.2vw, 84px); --ijh-h2: clamp(34px, 4vw, 52px); --ijh-h3: clamp(22px, 2vw, 26px); --ijh-lead: clamp(17px, 1.4vw, 19px); } /* ---------- Barrierefreiheit ---------- */ .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ---------- Grundtypografie ---------- */ body, #page-container { background: var(--ijh-heu); color: var(--ijh-text-2); font-family: var(--ijh-sans); font-size: 17px; line-height: 1.6; } h1, h2, h3, h4, .et_pb_module h1, .et_pb_module h2, .et_pb_module h3 { font-family: var(--ijh-serif); font-weight: 600; color: var(--ijh-tinte); line-height: 1.08; padding-bottom: 0; } h1 { font-size: var(--ijh-h1); } h2 { font-size: var(--ijh-h2); } h3 { font-size: var(--ijh-h3); } a { color: var(--ijh-rost); } a:hover { color: var(--ijh-rost-dunkel); } :focus-visible { outline: 3px solid var(--ijh-rost); outline-offset: 3px; } /* ---------- Sektionen (CSS-Klasse der Divi-Sektion) ---------- */ .ijh-section { padding-top: var(--ijh-space-section) !important; padding-bottom: var(--ijh-space-section) !important; } .ijh-section--heu { background-color: var(--ijh-heu) !important; } .ijh-section--leinen { background-color: var(--ijh-leinen) !important; } .ijh-section--stroh { background-color: var(--ijh-stroh) !important; } .ijh-section--wald { background-color: var(--ijh-wald) !important; color: #E1E7D8; } .ijh-section--wald h1, .ijh-section--wald h2, .ijh-section--wald h3 { color: #FFFFFF; } .ijh-section--wald a:not(.ijh-btn) { color: #FFFFFF; } /* ---------- Textbausteine ---------- */ .ijh-eyebrow, .ijh-eyebrow p { font-family: var(--ijh-sans); font-size: 13px !important; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ijh-moos); margin-bottom: 12px; } .ijh-eyebrow--light, .ijh-section--wald .ijh-eyebrow { color: var(--ijh-salbei); } .ijh-lead, .ijh-lead p { font-size: var(--ijh-lead); line-height: 1.6; color: var(--ijh-text-2); } .ijh-section--wald .ijh-lead, .ijh-section--wald .ijh-lead p { color: #E1E7D8; } .ijh-muted { color: var(--ijh-text-3); font-size: 15px; } /* ---------- Buttons (Divi-Button-Modul: CSS-Klasse ijh-btn) ---------- */ .ijh-btn, .et_pb_button.ijh-btn, body .et_pb_button_module_wrapper .ijh-btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 30px !important; border: 0 !important; border-radius: var(--ijh-radius) !important; background: var(--ijh-rost) !important; color: #FFFFFF !important; font-family: var(--ijh-sans) !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none; box-shadow: var(--ijh-btn-shadow); transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease; } .ijh-btn:hover, .et_pb_button.ijh-btn:hover { background: var(--ijh-rost-dunkel) !important; color: #FFFFFF !important; padding: 14px 30px !important; box-shadow: var(--ijh-btn-shadow-hover); transform: translateY(-1px); } .ijh-btn:active, .et_pb_button.ijh-btn:active { box-shadow: var(--ijh-btn-shadow-active); transform: translateY(2px); } .ijh-btn:focus-visible { outline: 3px solid var(--ijh-wald); outline-offset: 3px; } .ijh-btn::after, .et_pb_button.ijh-btn::after { display: none !important; } .ijh-btn--ghost, .et_pb_button.ijh-btn--ghost { background: transparent !important; border: 1.5px solid currentColor !important; color: #FFFFFF !important; } .ijh-btn--ghost:hover, .et_pb_button.ijh-btn--ghost:hover { background: rgba(255, 255, 255, .12) !important; } .ijh-btn--block { display: flex; width: 100%; } /* ---------- Hero (Sektion mit Hintergrundbild: CSS-Klasse ijh-hero) ---------- */ .ijh-hero { position: relative; min-height: min(760px, 88vh); display: flex; align-items: flex-end; border-radius: var(--ijh-radius-l); overflow: hidden; margin: 24px clamp(16px, 5vw, 80px) 0; background-size: cover; background-position: center; } .ijh-hero::before { content: ""; position: absolute; inset: 0; background: rgba(30, 42, 28, .42); pointer-events: none; } .ijh-hero > .et_pb_row { position: relative; z-index: 1; } .ijh-hero, .ijh-hero h1, .ijh-hero p { color: #FFFFFF; } .ijh-hero .ijh-eyebrow { color: #E7EBD9; } .ijh-hero p { font-size: clamp(18px, 1.5vw, 21px); color: #F1EEE3; } /* ---------- Kennzahlen-Leiste (Zeile: ijh-facts, Module: ijh-fact) ---------- */ .ijh-fact strong, .ijh-fact .et_pb_number_counter_number, .ijh-fact h3 { display: block; font-family: var(--ijh-serif); font-size: clamp(28px, 2.5vw, 36px); font-weight: 600; color: var(--ijh-wald); line-height: 1.1; } .ijh-fact p, .ijh-fact span { font-size: 15px; color: var(--ijh-text-3); } /* ---------- Karten (Spalte oder Modul: ijh-card) ---------- */ .ijh-card { background: var(--ijh-leinen); border: 1px solid var(--ijh-linie-hell); border-radius: var(--ijh-radius); padding: clamp(24px, 3vw, 36px) !important; } .ijh-card--heu { background: var(--ijh-heu); border-color: transparent; } .ijh-card--wald { background: var(--ijh-wald); border-color: transparent; color: var(--ijh-heu); } .ijh-card--wald h3, .ijh-card--wald h4 { color: #FFFFFF; } .ijh-card h3 { margin-bottom: 12px; } .ijh-card .et_pb_main_blurb_image { margin-bottom: 16px; text-align: left; } .ijh-card .et_pb_blurb_content { max-width: none; text-align: left; } /* Bild-Karte: Bild oben randlos (Spalte: ijh-card ijh-card--media) */ .ijh-card--media { padding: 0 !important; overflow: hidden; } .ijh-card--media .et_pb_image { margin-bottom: 0 !important; } .ijh-card--media .et_pb_image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .ijh-card--media .et_pb_text { padding: 28px 32px 32px; } /* ---------- Listen ---------- */ .ijh-list ul { padding-left: 20px; margin: 0; } .ijh-list li { margin-bottom: 8px; line-height: 1.5; } .ijh-list li::marker { color: var(--ijh-moos); } /* ---------- Bilder ---------- */ .ijh-img img, .ijh-img.et_pb_image { border-radius: var(--ijh-radius); overflow: hidden; } .ijh-img--tall img { aspect-ratio: 3 / 4; object-fit: cover; } .ijh-img--wide img { aspect-ratio: 16 / 10; object-fit: cover; } /* ---------- Zitat / Samba-Karte ---------- */ .ijh-quote .et_pb_main_blurb_image img { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; } .ijh-quote h4 { font-family: var(--ijh-serif); font-size: 24px; } /* ---------- Preistabelle [ijh_preistabelle] ---------- */ .ijh-pricetable table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ijh-linie); border-radius: var(--ijh-radius); overflow: hidden; background: var(--ijh-leinen); font-size: 17px; } .ijh-pricetable th, .ijh-pricetable td { padding: 18px 24px; text-align: left; border-top: 1px solid var(--ijh-linie-hell); } .ijh-pricetable thead th { border-top: 0; background: #EFE7D6; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ijh-text-2); } .ijh-pricetable tbody th { font-weight: 400; color: var(--ijh-text-3); } .ijh-pricetable tbody td { font-weight: 600; color: var(--ijh-tinte); } .ijh-pricetable .is-main td { font-family: var(--ijh-serif); font-size: 26px; color: var(--ijh-wald); } .ijh-pricetable__note { margin-top: 16px; font-size: 15px; color: var(--ijh-text-3); } /* ---------- Preisrechner [ijh_preisrechner] ---------- */ .ijh-calc { background: var(--ijh-wald); color: var(--ijh-heu); border-radius: 24px; padding: clamp(28px, 3.5vw, 44px); display: flex; flex-direction: column; gap: 22px; } .ijh-calc .ijh-eyebrow { margin: 0; } .ijh-calc__title { margin: -14px 0 0; color: #FFFFFF !important; font-size: clamp(26px, 2.4vw, 34px); } .ijh-calc__season { display: flex; gap: 10px; } .ijh-calc__season label { flex: 1; position: relative; cursor: pointer; } .ijh-calc__season input { position: absolute; opacity: 0; inset: 0; cursor: pointer; } .ijh-calc__season span { display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 24px; border: 1.5px solid #8FA482; font-weight: 700; color: var(--ijh-heu); } .ijh-calc__season input:checked + span { background: #FFFFFF; border-color: #FFFFFF; color: var(--ijh-wald); } .ijh-calc__season input:focus-visible + span { outline: 3px solid #FFFFFF; outline-offset: 2px; } .ijh-calc__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #4B6650; } .ijh-calc__label { display: block; font-weight: 600; font-size: 17px; } .ijh-calc__hint { display: block; font-size: 14px; color: var(--ijh-salbei); } .ijh-calc__pet { border-bottom: 0; cursor: pointer; } .ijh-calc__pet input { width: 24px; height: 24px; accent-color: var(--ijh-rost); } .ijh-stepper { display: flex; align-items: center; gap: 14px; } .ijh-stepper button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #CFC4AE; background: var(--ijh-leinen); color: var(--ijh-wald); font-size: 20px; line-height: 1; cursor: pointer; } .ijh-stepper button:hover { background: #EFE7D6; } .ijh-stepper output { min-width: 32px; text-align: center; font-size: 22px; font-weight: 700; } .ijh-calc__sum { background: var(--ijh-heu); color: var(--ijh-tinte); border-radius: 16px; padding: 22px 26px; display: flex; flex-direction: column; gap: 8px; } .ijh-calc__sum > div { display: flex; justify-content: space-between; gap: 12px; font-size: 16px; } .ijh-calc__total { align-items: baseline; padding-top: 12px; margin-top: 4px; border-top: 1px solid var(--ijh-linie); } .ijh-calc__total span:first-child { font-weight: 700; } .ijh-calc__total span:last-child { font-family: var(--ijh-serif); font-size: clamp(30px, 3vw, 40px); font-weight: 700; color: var(--ijh-wald); } .ijh-calc__fine { margin: 0; font-size: 13px; color: var(--ijh-salbei); } /* ---------- Storno [ijh_storno] ---------- */ .ijh-storno { margin: 0; display: flex; flex-direction: column; gap: 6px; } .ijh-storno > div { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; } .ijh-storno dt { font-weight: 400; } .ijh-storno dd { margin: 0; font-weight: 700; white-space: nowrap; } /* ---------- Kontaktformular (Divi-Kontaktformular: ijh-form) ---------- */ .ijh-form { background: var(--ijh-leinen); border-radius: 24px; padding: clamp(24px, 3.5vw, 44px); color: var(--ijh-tinte); } .ijh-form input.input, .ijh-form textarea.input, .ijh-form select { background: #FFFFFF !important; border: 1px solid #CFC4AE !important; border-radius: var(--ijh-radius-s) !important; padding: 14px !important; font-family: var(--ijh-sans) !important; font-size: 16px !important; color: var(--ijh-tinte) !important; } .ijh-form input.input:focus, .ijh-form textarea.input:focus { border-color: var(--ijh-wald) !important; } .ijh-form .et_pb_contact_submit { border: 0 !important; border-radius: 999px !important; background: var(--ijh-rost) !important; color: #FFFFFF !important; padding: 14px 34px !important; font-weight: 700 !important; } .ijh-form .et_pb_contact_submit::after { display: none !important; } /* ---------- Top-Leiste & Header ---------- */ .ijh-topbar { background: var(--ijh-wald) !important; color: #E9E4D6; font-size: 14px; } .ijh-topbar a { color: var(--ijh-heu); text-decoration: none; } .ijh-topbar a:hover { color: #FFFFFF; } .ijh-header { background: var(--ijh-heu) !important; border-bottom: 1px solid var(--ijh-linie); } .ijh-logo-sub { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--ijh-moos); font-weight: 700; } .ijh-header .et_pb_menu__menu a, .ijh-header .et-menu a { font-family: var(--ijh-sans); font-weight: 600; font-size: 16px; color: var(--ijh-tinte) !important; } .ijh-header .et-menu .ijh-menu-cta > a { background: var(--ijh-wald); color: #FFFFFF !important; border-radius: var(--ijh-radius); padding: 12px 22px !important; } /* ---------- Footer ---------- */ .ijh-footer { background: var(--ijh-nacht) !important; color: #D6DCCB; font-size: 15px; } .ijh-footer h3, .ijh-footer h4 { color: #FFFFFF; font-family: var(--ijh-sans); font-size: 16px; font-weight: 700; } .ijh-footer .ijh-footer-brand { font-family: var(--ijh-serif); font-size: 28px; font-weight: 700; color: #FFFFFF; } .ijh-footer a { color: #D6DCCB; } .ijh-footer a:hover { color: #FFFFFF; } .ijh-footer-bottom { border-top: 1px solid #3A4A3C; color: #AEB8A2; font-size: 14px; } /* ---------- Mobil ---------- */ @media (max-width: 980px) { .ijh-hero { margin: 12px 16px 0; min-height: 78vh; border-radius: var(--ijh-radius); } .ijh-pricetable th, .ijh-pricetable td { padding: 14px 14px; } .ijh-pricetable .is-main td { font-size: 22px; } } @media (max-width: 480px) { .ijh-calc__season { flex-direction: column; } .ijh-pricetable table { font-size: 15px; } } @media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } } /* ========================================================================== Divi-Layout-Ergänzungen (v1.1) – Zeilenbreite, Header, Kennzahlen ========================================================================== */ .ijh-row.et_pb_row, .ijh-section .et_pb_row { width: 90% !important; max-width: 1280px !important; } .ijh-section .et_pb_row { padding-top: 0 !important; padding-bottom: 0 !important; } .ijh-section .et_pb_row + .et_pb_row { margin-top: clamp(32px, 4vw, 56px); } .ijh-section .et_pb_column { margin-bottom: 0; } .ijh-section .et_pb_module:last-child { margin-bottom: 0 !important; } .ijh-section p:last-of-type { padding-bottom: 0; } /* Hero in Divi: Zeile unten ausrichten */ .ijh-hero.et_pb_section { padding: 0 !important; background-color: #7E8F6E; } .ijh-hero .et_pb_row { width: auto !important; max-width: 820px !important; margin: 0 0 clamp(32px, 5vw, 72px) clamp(24px, 5vw, 72px) !important; padding: 0 !important; } .ijh-hero h1 { color: #FFFFFF !important; line-height: 1; margin-bottom: 20px; } .ijh-hero .ijh-btn { margin: 8px 12px 0 0; } /* Karten als Divi-Spalten: gleich hohe Karten */ .ijh-section .et_pb_row.ijh-equal { display: flex; flex-wrap: wrap; } .ijh-card.et_pb_column { height: auto; } .ijh-card h3, .ijh-card h4 { font-family: var(--ijh-serif); font-weight: 600; font-size: var(--ijh-h3); color: var(--ijh-tinte); padding-bottom: 10px; } .ijh-card--wald h3, .ijh-card--wald h4 { color: #FFFFFF; } .ijh-card--wald, .ijh-card--wald p, .ijh-card--wald li { color: var(--ijh-heu); } /* Kennzahlen */ .ijh-facts .ijh-fact strong { margin-bottom: 4px; } /* Buttons nebeneinander im Text-Modul */ .ijh-buttons { display: flex; flex-wrap: wrap; gap: 14px; } .ijh-buttons .ijh-btn { margin: 0; } /* Bild-Platzhalter, solange kein Foto gesetzt ist */ .ijh-ph { display: flex; align-items: flex-end; min-height: 320px; padding: 16px; box-sizing: border-box; border-radius: var(--ijh-radius); background: #C7CDB9; color: #2E3A2A; font-size: 13px; font-weight: 600; } .ijh-ph--tall { min-height: 440px; } .ijh-ph--s { min-height: 212px; } .ijh-card--media .ijh-ph { border-radius: 0; min-height: 240px; } /* Header (Theme Builder) */ .ijh-topbar.et_pb_section { padding: 10px 0 !important; } .ijh-topbar .et_pb_row { width: 90% !important; max-width: 1280px !important; padding: 0 !important; } .ijh-topbar p { font-size: 14px; color: #E9E4D6; padding: 0; } .ijh-topbar .ijh-lang { text-align: right; font-weight: 600; } .ijh-header.et_pb_section { padding: 14px 0 !important; } .ijh-header .et_pb_row { width: 90% !important; max-width: 1280px !important; padding: 0 !important; display: flex; align-items: center; } .ijh-brand a { text-decoration: none; display: flex; flex-direction: column; } .ijh-brand .ijh-brand-name { font-family: var(--ijh-serif); font-size: 30px; font-weight: 700; color: var(--ijh-tinte); line-height: 1.1; } .ijh-header .et_pb_menu { background: transparent !important; } .ijh-header .et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; } /* Footer (Theme Builder) */ .ijh-footer.et_pb_section { padding: 72px 0 32px !important; } .ijh-footer .et_pb_row { width: 90% !important; max-width: 1280px !important; } .ijh-footer p { color: #D6DCCB; padding-bottom: 6px; } @media (max-width: 980px) { .ijh-section .et_pb_column { margin-bottom: 24px !important; } .ijh-section .et_pb_column:last-child { margin-bottom: 0 !important; } .ijh-topbar .ijh-lang { text-align: left; } .ijh-hero .et_pb_row { margin: 0 20px 32px !important; } } /* v1.1.1 – Divi verkleinert Überschriften in schmalen Spalten; hier einheitlich halten */ .ijh-section .et_pb_text h1 { font-size: var(--ijh-h1) !important; } .ijh-section .et_pb_text h2 { font-size: var(--ijh-h2) !important; line-height: 1.08; } .ijh-section .et_pb_text h3 { font-size: var(--ijh-h3) !important; line-height: 1.15; } h1, h2, h3 { overflow-wrap: normal; word-break: normal; } .ijh-card h3 { hyphens: manual; -webkit-hyphens: manual; } .ijh-section .et_pb_column_1_4 .et_pb_text h3, .ijh-section .et_pb_column_1_4.ijh-card h3 { font-size: 22px !important; } .ijh-fact strong { font-size: clamp(24px, 2vw, 32px) !important; white-space: nowrap; } .ijh-facts.ijh-section { padding-top: 56px !important; padding-bottom: 56px !important; } /* v1.1.2 – Preistabelle auf dem Handy ohne horizontales Scrollen */ @media (max-width: 600px) { .ijh-pricetable table { table-layout: fixed; font-size: 14px; } .ijh-pricetable th, .ijh-pricetable td { padding: 12px 10px; overflow-wrap: anywhere; hyphens: auto; } .ijh-pricetable thead th { font-size: 11px; letter-spacing: .04em; } .ijh-pricetable .is-main td { font-size: 20px; } } /* v1.2.0 – Bilder (Divi-Bild-Modul) */ .ijh-img.et_pb_image { margin-bottom: 0 !important; width: 100%; } .ijh-img .et_pb_image_wrap { display: block; border-radius: var(--ijh-radius); overflow: hidden; } .ijh-img img { display: block; width: 100% !important; height: auto; border-radius: var(--ijh-radius); object-fit: cover; } .ijh-img--wide img { aspect-ratio: 16 / 10; } .ijh-img--tall img { aspect-ratio: 3 / 4; } .ijh-img--square img { aspect-ratio: 1 / 1; } .ijh-stack .et_pb_image + .et_pb_image { margin-top: 16px !important; } .ijh-card--media .ijh-img .et_pb_image_wrap, .ijh-card--media .ijh-img img { border-radius: 0; aspect-ratio: 16 / 10; } .ijh-illu.et_pb_image { margin-bottom: 14px !important; text-align: left; } .ijh-illu img { width: 110px !important; height: auto; } .ijh-logo.et_pb_image { margin: 0 !important; text-align: left; } .ijh-logo img { width: 190px !important; height: auto; } .ijh-hero.et_pb_section { background-size: cover !important; background-position: center 60% !important; } @media (max-width: 980px) { .ijh-logo img { width: 150px !important; } } .ijh-card--media .ijh-ph { min-height: 0 !important; aspect-ratio: 16 / 10; margin-bottom: 0 !important; } /* ========================================================================== v1.3.0 – Kalender (Zeitraumwahl), Preisrechner mit Datum, Preistabelle mit n Saisonen ========================================================================== */ .ijh-calc__dates { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 0; width: 100%; padding: 0; border: 0; border-radius: 16px; overflow: hidden; background: var(--ijh-leinen); color: var(--ijh-tinte); text-align: left; cursor: pointer; font-family: var(--ijh-sans); } .ijh-calc__dates:hover { background: #FFFFFF; } .ijh-calc__dates:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; } .ijh-calc__dates-col { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; } .ijh-calc__dates-col + .ijh-calc__dates-col { border-left: 1px solid var(--ijh-linie); } .ijh-calc__dates-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ijh-text-3); } .ijh-calc__dates-value { font-size: 17px; font-weight: 600; } .ijh-calc__dates-nights { padding: 0 18px; font-size: 14px; font-weight: 700; color: var(--ijh-wald); white-space: nowrap; } .ijh-calc__lines { display: flex; flex-direction: column; gap: 6px; } .ijh-calc__lines > div { display: flex; justify-content: space-between; gap: 12px; font-size: 16px; } .ijh-calc__lines .is-sub { font-size: 14px; color: var(--ijh-text-3); } /* Formularfelder mit Kalender */ .ijh-date-input { cursor: pointer !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232E4A34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; padding-right: 44px !important; } /* Kalender-Popover */ .ijh-dp { position: absolute; z-index: 100000; width: min(720px, calc(100vw - 32px)); box-sizing: border-box; padding: 20px; border-radius: 20px; background: var(--ijh-leinen); color: var(--ijh-tinte); box-shadow: 0 18px 50px rgba(20, 30, 20, .22), 0 2px 8px rgba(20, 30, 20, .08); font-family: var(--ijh-sans); } .ijh-dp[hidden] { display: none; } .ijh-dp.is-sheet { position: fixed; left: 0 !important; right: 0; bottom: 0; top: auto !important; width: 100%; max-height: 92vh; overflow-y: auto; border-radius: 20px 20px 0 0; padding: 16px 16px 20px; } .ijh-dp__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; } .ijh-dp__hint { margin: 0; padding: 0; font-weight: 700; font-size: 15px; color: var(--ijh-wald); } .ijh-dp__nav { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ijh-linie); background: #FFFFFF; color: var(--ijh-wald); font-size: 24px; line-height: 1; cursor: pointer; } .ijh-dp__nav:hover:not(:disabled) { background: var(--ijh-heu); } .ijh-dp__nav:disabled { opacity: .35; cursor: default; } .ijh-dp__months { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .ijh-dp.is-sheet .ijh-dp__months, .ijh-dp__months:has(> .ijh-dp__month:only-child) { grid-template-columns: 1fr; } .ijh-dp__title { margin: 0 0 8px; padding: 0; text-align: center; font-family: var(--ijh-serif); font-weight: 600; font-size: 20px; color: var(--ijh-tinte); } .ijh-dp__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px 0; } .ijh-dp__wd { padding: 6px 0; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--ijh-text-3); } .ijh-dp__day { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 48px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--ijh-tinte); font-family: var(--ijh-sans); cursor: pointer; } .ijh-dp__num { font-size: 15px; font-weight: 600; line-height: 1.1; } .ijh-dp__price { font-size: 10px; line-height: 1.1; color: var(--ijh-moos); } .ijh-dp__day:hover:not(:disabled) .ijh-dp__num { text-decoration: underline; } .ijh-dp__day:focus-visible { outline: 2px solid var(--ijh-rost); outline-offset: -2px; border-radius: 10px; } .ijh-dp__day:disabled { cursor: default; color: #A9AA9F; } .ijh-dp__day.is-past .ijh-dp__num { color: #BDBDB3; } .ijh-dp__day.is-closed .ijh-dp__num { color: #A9AA9F; text-decoration: line-through; } .ijh-dp__day.is-today .ijh-dp__num::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--ijh-rost); } .ijh-dp__day.is-in { background: #DDE5D3; } .ijh-dp__day.is-in.is-preview { background: #E8EDE1; } .ijh-dp__day.is-start, .ijh-dp__day.is-end { background: var(--ijh-wald); color: #FFFFFF; } .ijh-dp__day.is-start { border-radius: 12px 0 0 12px; } .ijh-dp__day.is-end { border-radius: 0 12px 12px 0; } .ijh-dp__day.is-start.is-solo { border-radius: 12px; } .ijh-dp__day.is-start .ijh-dp__price, .ijh-dp__day.is-end .ijh-dp__price { color: #C9D6B8; } .ijh-dp__legend { display: flex; flex-wrap: wrap; gap: 16px; margin: 14px 0 0; font-size: 13px; color: var(--ijh-text-3); } .ijh-dp__legend span { display: inline-flex; align-items: center; gap: 6px; } .ijh-dp__legend i { display: inline-block; width: 14px; height: 14px; border-radius: 4px; } .ijh-dp__legend .is-sel { background: var(--ijh-wald); } .ijh-dp__legend .is-closed { background: repeating-linear-gradient(135deg, #CFCFC6 0 2px, transparent 2px 5px); border: 1px solid #CFCFC6; } .ijh-dp__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ijh-linie); } .ijh-dp__summary { margin: 0; padding: 0; font-weight: 600; font-size: 16px; } .ijh-dp__actions { display: flex; align-items: center; gap: 10px; } .ijh-dp__reset { min-height: 44px; padding: 0 16px; border: 0; background: transparent; color: var(--ijh-rost); font: 600 15px var(--ijh-sans); text-decoration: underline; cursor: pointer; } .ijh-dp__apply:disabled { opacity: .45; cursor: default; } /* Preistabelle mit beliebig vielen Saisonen */ .ijh-pricetable { overflow-x: auto; } .ijh-pricetable__closed { margin-top: 14px; font-size: 15px; color: var(--ijh-tinte); } .ijh-pricetable--cols-3 .is-main td, .ijh-pricetable--cols-4 .is-main td { font-size: 22px; } .ijh-pricetable--cols-3 th, .ijh-pricetable--cols-3 td, .ijh-pricetable--cols-4 th, .ijh-pricetable--cols-4 td { padding: 16px 14px; } .ijh-seasons { padding-left: 20px; } @media (max-width: 600px) { .ijh-calc__dates { grid-template-columns: 1fr 1fr; } .ijh-calc__dates-nights { grid-column: 1 / -1; padding: 0 18px 12px; } .ijh-dp__day { height: 44px; } .ijh-dp__actions { width: 100%; } .ijh-dp__apply { flex: 1; } } /* ========================================================================== v1.4.0 – Anfrageformular [ijh_anfrage]: Schnellanfrage / ausführliche Anfrage ========================================================================== */ .ijh-anfrage { background: var(--ijh-leinen); color: var(--ijh-tinte); border-radius: 24px; padding: clamp(22px, 3.5vw, 40px); font-family: var(--ijh-sans); } .ijh-anfrage [hidden] { display: none !important; } .ijh-anfrage__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; border-radius: 999px; background: var(--ijh-stroh); } .ijh-anfrage__tabs [role="tab"] { min-height: 44px; border: 0; border-radius: 999px; background: transparent; color: var(--ijh-text-2); font: 700 15px var(--ijh-sans); cursor: pointer; } .ijh-anfrage__tabs [role="tab"][aria-selected="true"] { background: var(--ijh-wald); color: #FFFFFF; } .ijh-anfrage__tabs [role="tab"]:focus-visible { outline: 3px solid var(--ijh-rost); outline-offset: 2px; } .ijh-anfrage__intro { margin: 14px 4px 0; padding: 0; font-size: 15px; color: var(--ijh-text-3); } .ijh-anfrage__form { display: flex; flex-direction: column; gap: 22px; margin-top: 18px; } .ijh-anfrage__group { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; } .ijh-anfrage__group legend { padding: 0; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ijh-moos); } .ijh-anfrage__dates { border: 1px solid #CFC4AE; } .ijh-anfrage__dates[aria-invalid="true"] { border-color: #B3261E; } .ijh-anfrage__people { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .ijh-anfrage__person { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px; background: var(--ijh-heu); } .ijh-anfrage__label { font-size: 14px; font-weight: 600; } .ijh-anfrage__person .ijh-stepper { justify-content: space-between; } .ijh-anfrage__pet { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; cursor: pointer; } .ijh-anfrage__pet input { width: 20px; height: 20px; accent-color: var(--ijh-wald); } .ijh-anfrage__pet small { font-weight: 400; color: var(--ijh-text-3); } .ijh-anfrage__estimate { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 2px 16px; padding: 16px 18px; border-radius: 14px; background: #E4EBDC; } .ijh-anfrage__estimate span { font-size: 14px; font-weight: 600; color: var(--ijh-wald); } .ijh-anfrage__estimate strong { font-family: var(--ijh-serif); font-size: 26px; color: var(--ijh-wald); } .ijh-anfrage__estimate small { grid-column: 1 / -1; font-size: 13px; color: var(--ijh-text-3); } .ijh-anfrage__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; } .ijh-field { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 14px; font-weight: 600; color: var(--ijh-tinte); } .ijh-field--full, .ijh-anfrage__grid .ijh-anfrage__error { grid-column: 1 / -1; } .ijh-field input[type="text"], .ijh-field input[type="email"], .ijh-field input[type="tel"], .ijh-field select, .ijh-field textarea { width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px 14px; border: 1px solid #CFC4AE; border-radius: 12px; background: #FFFFFF; color: var(--ijh-tinte); font: 400 16px var(--ijh-sans); } .ijh-field textarea { min-height: 110px; resize: vertical; } .ijh-field input:focus, .ijh-field select:focus, .ijh-field textarea:focus { outline: 2px solid var(--ijh-wald); outline-offset: 1px; border-color: var(--ijh-wald); } .ijh-field [aria-invalid="true"] { border-color: #B3261E; } .ijh-choices { display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 400; } .ijh-choices label, .ijh-consent { display: inline-flex; align-items: flex-start; gap: 10px; font-size: 15px; font-weight: 400; cursor: pointer; } .ijh-choices input, .ijh-consent input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ijh-wald); flex-shrink: 0; } .ijh-consent { line-height: 1.5; } .ijh-anfrage__error { margin: -6px 0 0; padding: 0; font-size: 14px; font-weight: 600; color: #B3261E; } .ijh-anfrage__submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; } .ijh-anfrage__fine { margin: 0; padding: 0; font-size: 13px; color: var(--ijh-text-3); } .ijh-anfrage__status { font-size: 15px; font-weight: 600; color: var(--ijh-wald); } .ijh-anfrage__status:empty { display: none; } .ijh-anfrage__success { padding: 10px 0; } .ijh-anfrage__success:focus { outline: none; } .ijh-anfrage__success h3 { color: var(--ijh-tinte) !important; margin-bottom: 8px; } .ijh-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .ijh-section--wald .ijh-anfrage p { color: var(--ijh-text-3); } .ijh-section--wald .ijh-anfrage .ijh-anfrage__error { color: #B3261E; } .ijh-section--wald .ijh-anfrage a:not(.ijh-btn) { color: var(--ijh-rost); } @media (max-width: 680px) { .ijh-anfrage__people, .ijh-anfrage__grid { grid-template-columns: 1fr; } .ijh-anfrage__person { flex-direction: row; align-items: center; justify-content: space-between; } .ijh-anfrage__tabs [role="tab"] { font-size: 14px; } .ijh-anfrage__submit .ijh-btn { width: 100%; } } /* Rechtsseiten (Impressum, Datenschutz, Cookies) */ .ijh-legal .et_pb_row { max-width: 820px !important; } .ijh-legal h1 { font-size: clamp(36px, 4.5vw, 56px) !important; margin-bottom: 8px; } .ijh-legal h2 { font-size: clamp(22px, 2.2vw, 28px) !important; margin: 36px 0 10px; } .ijh-legal p, .ijh-legal li { font-size: 17px; line-height: 1.7; color: var(--ijh-text-2); } .ijh-legal ul { padding-left: 22px; } .ijh-legal__stand { font-size: 14px !important; color: var(--ijh-text-3) !important; margin-bottom: 28px; } .ijh-legal__table { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 15px; } .ijh-legal__table th, .ijh-legal__table td { padding: 10px 12px; border-bottom: 1px solid var(--ijh-linie); text-align: left; vertical-align: top; } .ijh-legal__table th { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ijh-text-3); } .ijh-todo { background: #FFE58A; padding: 0 4px; border-radius: 4px; } @media (max-width: 600px) { .ijh-legal__table { display: block; overflow-x: auto; } } /* ========================================================================== v1.5.0 – Knöpfe, Kopfzeile, Kontakt, Sprachwahl, Signatur, Anreise ========================================================================== */ /* Ghost-Buttons auf dunklem Grund: gleiche Form, leichter Schatten */ .ijh-btn--ghost, .et_pb_button.ijh-btn--ghost { box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .5); } /* Divi-Formular-Submit und Anfrage-Buttons im gleichen Look */ .ijh-form .et_pb_contact_submit, .ijh-anfrage button[type="submit"] { border-radius: var(--ijh-radius) !important; box-shadow: var(--ijh-btn-shadow); } /* Kontakt-Buttons (Telefon/E-Mail) */ .ijh-btn--contact { gap: 10px; } .ijh-btn--contact .ijh-icon { flex: none; } .ijh-btn--email { background: var(--ijh-wald) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -3px 0 rgba(0, 0, 0, .25), 0 10px 22px -8px rgba(15, 30, 18, .55), 0 2px 5px rgba(10, 20, 10, .16); } .ijh-btn--email:hover { background: #22392A !important; } .ijh-section--wald .ijh-btn--email { background: var(--ijh-leinen) !important; color: var(--ijh-wald) !important; } .ijh-section--wald .ijh-btn--email:hover { background: #FFFFFF !important; color: var(--ijh-wald) !important; } .ijh-contact-buttons { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 22px !important; padding: 0 !important; } .ijh-contact-buttons .ijh-btn { margin: 0; } /* Ausgeschriebene Kontaktdaten (Footer, Rechtsseiten) – ohne JavaScript richtig herum lesbar */ .ijh-rev { unicode-bidi: bidi-override; direction: rtl; } /* Kontakt fix am rechten Rand */ .ijh-float { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 9990; display: flex; flex-direction: column; gap: 12px; } .ijh-float__btn { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: var(--ijh-radius); color: #FFFFFF !important; text-decoration: none; box-shadow: var(--ijh-btn-shadow); transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; } .ijh-float__btn .ijh-icon { width: 24px; height: 24px; } .ijh-float__btn--phone { background: var(--ijh-rost); } .ijh-float__btn--phone:hover { background: var(--ijh-rost-dunkel); } .ijh-float__btn--email { background: var(--ijh-leinen); color: var(--ijh-wald) !important; box-shadow: inset 0 0 0 1px var(--ijh-linie), inset 0 -3px 0 rgba(0, 0, 0, .08), 0 10px 22px -8px rgba(20, 30, 20, .45), 0 2px 5px rgba(20, 20, 10, .14); } .ijh-float__btn--email:hover { background: #FFFFFF; } .ijh-float__btn:hover { transform: translateY(-1px); box-shadow: var(--ijh-btn-shadow-hover); } .ijh-float__btn:active { transform: translateY(2px); box-shadow: var(--ijh-btn-shadow-active); } .ijh-float__btn:focus-visible { outline: 3px solid var(--ijh-tinte); outline-offset: 3px; } @media (max-width: 767px) { .ijh-float { top: auto; bottom: 16px; right: 14px; transform: none; gap: 10px; } .ijh-float__btn { width: 52px; height: 52px; } } body.ijh-dp-open .ijh-float { display: none; } .ijh-float { transition: opacity .2s ease; } body.ijh-float-hide .ijh-float { opacity: 0; pointer-events: none; } /* Kopfzeile: Top-Leiste entfällt (Fallback, falls sie noch im Layout steht) */ .ijh-topbar { display: none !important; } /* Menü: Links, Button und Flaggen auf einer Linie, mittig (nur Desktop – darunter übernimmt Divis Hamburger-Menü) */ @media (min-width: 981px) { .ijh-header .et_pb_menu__wrap, .ijh-header .et_pb_menu__menu > nav { display: flex; align-items: center; } .ijh-header .et_pb_menu__menu { display: flex !important; align-items: center; } .ijh-header .et_pb_menu__menu > nav > ul.et-menu { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; } .ijh-header .et-menu > li { display: flex; align-items: center; padding: 0 10px !important; margin: 0 !important; } .ijh-header .et-menu > li > a { padding: 10px 0 !important; line-height: 1.2 !important; display: inline-flex; align-items: center; } } body .ijh-header .et_pb_menu .et-menu > li.ijh-menu-cta > a { background: var(--ijh-wald) !important; color: #FFFFFF !important; opacity: 1 !important; padding: 12px 24px !important; margin-left: 10px; border-radius: var(--ijh-radius); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -3px 0 rgba(0, 0, 0, .25), 0 10px 22px -8px rgba(15, 30, 18, .55), 0 2px 5px rgba(10, 20, 10, .16); transition: transform .15s ease, background-color .15s ease; } body .ijh-header .et_pb_menu .et-menu > li.ijh-menu-cta > a:hover { background: #22392A !important; transform: translateY(-1px); } body .ijh-header .et_pb_menu .et-menu > li.ijh-menu-cta > a:active { transform: translateY(2px); } /* Sprachflaggen */ .ijh-header .et-menu > li.ijh-menu-lang { padding: 0 4px !important; } .ijh-header .et-menu > li.ijh-menu-lang:first-of-type, .ijh-menu-cta + .ijh-menu-lang { margin-left: 12px !important; } .ijh-menu-lang > a { padding: 6px !important; border-radius: 6px; opacity: .55; transition: opacity .15s ease; } .ijh-menu-lang > a:hover, .ijh-menu-lang.is-current > a { opacity: 1; } .ijh-menu-lang svg { display: block; width: 26px; height: 18px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); } /* Mobiles Menü: Flaggen nebeneinander */ .et_mobile_menu li.ijh-menu-lang { display: inline-block; width: auto !important; } .et_mobile_menu li.ijh-menu-lang a { display: inline-block; padding: 10px 8px !important; } /* Anfrage-Section: Signatur */ .ijh-signature { font-family: var(--ijh-serif); font-style: normal; font-weight: 600; font-size: clamp(24px, 2.4vw, 30px); color: var(--ijh-salbei) !important; margin-top: 10px !important; padding: 0 !important; transform: rotate(-2deg); transform-origin: left center; } .ijh-section--leinen .ijh-signature, .ijh-section--heu .ijh-signature { color: var(--ijh-moos) !important; } /* Anreise: mehr Luft für Liste, Adresse und Button */ .ijh-list .et_pb_text_inner { line-height: 1.75; } .ijh-list .et_pb_text_inner > ul { margin-bottom: 36px !important; padding-bottom: 0 !important; } .ijh-list .et_pb_text_inner > ul li { margin-bottom: 10px; } .ijh-list .et_pb_text_inner > p:last-child { margin-top: 32px !important; padding: 0 !important; } /* Aktiv-Karte: Foto statt Platzhalter, wie die anderen Kartenbilder */ .ijh-card--media .ijh-card-photo { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0; } .ijh-card--media .et_pb_text:has(.ijh-card-photo) { margin-bottom: 0 !important; } .ijh-card--media .et_pb_text:has(.ijh-card-photo) p { padding: 0 !important; } .ijh-ph:has(.ijh-card-photo) { display: block; min-height: 0; padding: 0 !important; background: none; } .ijh-ph:has(.ijh-card-photo) .et_pb_text_inner { line-height: 0; } /* ========================================================================== v1.6.0 – Muster, Footer-Logo & Partner, Preistabelle, Animationen ========================================================================== */ /* ---------- Muster in den Sektionen (dezente Ebene hinter dem Inhalt) ---------- */ .ijh-section { position: relative; isolation: isolate; } .ijh-section::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-repeat: repeat; opacity: .07; -webkit-mask-image: radial-gradient(ellipse 75% 85% at 100% 0%, #000 0%, rgba(0,0,0,.55) 45%, transparent 78%); mask-image: radial-gradient(ellipse 75% 85% at 100% 0%, #000 0%, rgba(0,0,0,.55) 45%, transparent 78%); } .ijh-section:nth-child(even)::before { -webkit-mask-image: radial-gradient(ellipse 75% 85% at 0% 100%, #000 0%, rgba(0,0,0,.55) 45%, transparent 78%); mask-image: radial-gradient(ellipse 75% 85% at 0% 100%, #000 0%, rgba(0,0,0,.55) 45%, transparent 78%); } /* Höhenlinien (1.290 m) */ .ijh-section--heu::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%232E4A34' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 31.1 L20 32.6 L40 32.9 L60 32.4 L80 31.4 L100 30.0 L120 28.3 L140 26.5 L160 24.3 L180 21.8 L200 19.1 L220 16.4 L240 14.0 L260 12.3 L280 11.7 L300 12.1 L320 13.5 L340 15.3 L360 17.0 L380 18.0 L400 18.1 L420 17.0 L440 15.1 L460 12.9 L480 11.1 L500 10.3 L520 11.0 L540 13.2 L560 16.6 L580 20.7 L600 24.9 L620 28.5 L640 31.1'/%3E%3Cpath d='M0 60.7 L20 58.8 L40 56.7 L60 54.8 L80 53.2 L100 52.1 L120 51.6 L140 51.7 L160 52.4 L180 53.5 L200 54.9 L220 56.4 L240 57.9 L260 59.1 L280 60.0 L300 60.6 L320 61.0 L340 61.4 L360 61.7 L380 62.2 L400 62.8 L420 63.5 L440 64.3 L460 65.1 L480 65.9 L500 66.4 L520 66.6 L540 66.6 L560 66.1 L580 65.3 L600 64.1 L620 62.6 L640 60.7'/%3E%3Cpath d='M0 93.1 L20 95.5 L40 97.7 L60 99.2 L80 99.7 L100 99.6 L120 99.2 L140 99.0 L160 99.6 L180 101.2 L200 103.7 L220 106.9 L240 110.0 L260 112.5 L280 113.8 L300 113.6 L320 112.1 L340 109.6 L360 106.6 L380 103.6 L400 101.1 L420 99.2 L440 97.8 L460 96.6 L480 95.3 L500 93.7 L520 92.0 L540 90.3 L560 89.1 L580 88.7 L600 89.2 L620 90.8 L640 93.1'/%3E%3Cpath d='M0 152.1 L20 151.6 L40 149.4 L60 146.1 L80 142.1 L100 138.3 L120 134.9 L140 132.1 L160 129.9 L180 128.1 L200 126.5 L220 125.1 L240 124.1 L260 123.9 L280 125.0 L300 127.7 L320 131.9 L340 137.1 L360 142.7 L380 147.6 L400 151.0 L420 152.4 L440 151.6 L460 149.3 L480 146.1 L500 143.2 L520 141.4 L540 141.2 L560 142.7 L580 145.4 L600 148.5 L620 150.9 L640 152.1'/%3E%3Cpath d='M0 181.3 L20 182.8 L40 184.6 L60 186.6 L80 188.5 L100 190.0 L120 190.7 L140 190.5 L160 189.3 L180 187.1 L200 184.3 L220 181.2 L240 178.2 L260 175.7 L280 173.8 L300 172.6 L320 172.2 L340 172.3 L360 172.8 L380 173.5 L400 174.3 L420 175.1 L440 175.9 L460 176.6 L480 177.2 L500 177.8 L520 178.3 L540 178.6 L560 178.9 L580 179.2 L600 179.6 L620 180.3 L640 181.3'/%3E%3Cpath d='M0 230.5 L20 230.3 L40 229.2 L60 227.3 L80 224.5 L100 221.0 L120 217.3 L140 213.5 L160 210.0 L180 207.1 L200 205.0 L220 204.0 L240 204.1 L260 205.2 L280 207.2 L300 210.0 L320 213.1 L340 216.4 L360 219.5 L380 222.2 L400 224.3 L420 225.6 L440 226.3 L460 226.5 L480 226.4 L500 226.2 L520 226.2 L540 226.5 L560 227.2 L580 228.1 L600 229.2 L620 230.0 L640 230.5'/%3E%3Cpath d='M0 265.2 L20 261.4 L40 257.5 L60 254.0 L80 251.4 L100 250.0 L120 249.7 L140 250.4 L160 251.5 L180 252.6 L200 253.2 L220 253.1 L240 252.4 L260 251.4 L280 250.6 L300 250.4 L320 251.1 L340 252.9 L360 255.6 L380 259.0 L400 262.5 L420 265.7 L440 268.5 L460 270.6 L480 272.1 L500 273.2 L520 273.8 L540 274.0 L560 273.7 L580 272.8 L600 271.2 L620 268.6 L640 265.2'/%3E%3Cpath d='M0 284.6 L20 284.1 L40 284.6 L60 285.8 L80 287.5 L100 289.2 L120 291.2 L140 293.3 L160 295.8 L180 298.7 L200 302.0 L220 305.5 L240 308.7 L260 311.3 L280 312.9 L300 313.2 L320 312.5 L340 311.0 L360 309.3 L380 307.7 L400 306.8 L420 306.5 L440 306.8 L460 307.2 L480 307.1 L500 306.2 L520 304.1 L540 300.9 L560 297.0 L580 292.9 L600 289.1 L620 286.3 L640 284.6'/%3E%3Cpath d='M0 355.2 L20 356.3 L40 356.5 L60 355.4 L80 352.9 L100 348.9 L120 343.8 L140 338.0 L160 332.3 L180 327.5 L200 324.1 L220 322.6 L240 323.1 L260 325.0 L280 328.0 L300 331.2 L320 334.1 L340 336.2 L360 337.3 L380 337.6 L400 337.3 L420 336.9 L440 336.8 L460 337.3 L480 338.4 L500 340.0 L520 342.1 L540 344.4 L560 346.8 L580 349.1 L600 351.4 L620 353.5 L640 355.2'/%3E%3Cpath d='M0 377.3 L20 374.3 L40 372.5 L60 372.2 L80 373.1 L100 374.7 L120 376.3 L140 377.3 L160 377.3 L180 376.4 L200 374.9 L220 373.5 L240 372.6 L260 372.8 L280 374.1 L300 376.3 L320 378.9 L340 381.4 L360 383.3 L380 384.3 L400 384.7 L420 384.8 L440 384.9 L460 385.4 L480 386.5 L500 388.0 L520 389.3 L540 390.0 L560 389.5 L580 387.7 L600 384.7 L620 381.0 L640 377.3'/%3E%3Cpath d='M0 430.4 L20 426.2 L40 422.6 L60 420.0 L80 418.7 L100 418.5 L120 419.1 L140 419.8 L160 419.9 L180 419.0 L200 416.9 L220 414.0 L240 410.6 L260 407.3 L280 404.9 L300 403.6 L320 403.5 L340 404.7 L360 406.7 L380 409.3 L400 412.3 L420 415.4 L440 418.8 L460 422.4 L480 426.2 L500 430.1 L520 433.8 L540 436.8 L560 438.5 L580 438.7 L600 437.2 L620 434.3 L640 430.4'/%3E%3Cpath d='M0 451.4 L20 453.4 L40 456.2 L60 459.7 L80 463.6 L100 467.6 L120 471.3 L140 474.4 L160 476.6 L180 477.7 L200 477.6 L220 476.4 L240 474.3 L260 471.5 L280 468.1 L300 464.6 L320 461.1 L340 458.0 L360 455.3 L380 453.3 L400 451.9 L420 451.1 L440 450.8 L460 450.8 L480 450.9 L500 451.0 L520 450.9 L540 450.6 L560 450.2 L580 449.8 L600 449.7 L620 450.2 L640 451.4'/%3E%3C/g%3E%3C/svg%3E"); background-size: 640px 480px; opacity: .1; } /* Zapfen aus dem Logo */ .ijh-section--leinen::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%234F6B45' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(70 80) rotate(-12) scale(0.9)'%3E%3Cpath d='M0 -26 C10 -22 14 -8 13 4 C12 16 6 24 0 28 C-6 24 -12 16 -13 4 C-14 -8 -10 -22 0 -26Z'/%3E%3Cpath d='M-11 -6 Q0 0 11 -6 M-13 6 Q0 12 13 6 M-9 17 Q0 22 9 17 M0 -26 L0 28'/%3E%3Cpath d='M0 -26 L0 -33'/%3E%3C/g%3E%3Cg transform='translate(300 60) rotate(18) scale(0.7)'%3E%3Cpath d='M0 -26 C10 -22 14 -8 13 4 C12 16 6 24 0 28 C-6 24 -12 16 -13 4 C-14 -8 -10 -22 0 -26Z'/%3E%3Cpath d='M-11 -6 Q0 0 11 -6 M-13 6 Q0 12 13 6 M-9 17 Q0 22 9 17 M0 -26 L0 28'/%3E%3Cpath d='M0 -26 L0 -33'/%3E%3C/g%3E%3Cg transform='translate(200 210) rotate(6) scale(1.0)'%3E%3Cpath d='M0 -26 C10 -22 14 -8 13 4 C12 16 6 24 0 28 C-6 24 -12 16 -13 4 C-14 -8 -10 -22 0 -26Z'/%3E%3Cpath d='M-11 -6 Q0 0 11 -6 M-13 6 Q0 12 13 6 M-9 17 Q0 22 9 17 M0 -26 L0 28'/%3E%3Cpath d='M0 -26 L0 -33'/%3E%3C/g%3E%3Cg transform='translate(60 320) rotate(22) scale(0.75)'%3E%3Cpath d='M0 -26 C10 -22 14 -8 13 4 C12 16 6 24 0 28 C-6 24 -12 16 -13 4 C-14 -8 -10 -22 0 -26Z'/%3E%3Cpath d='M-11 -6 Q0 0 11 -6 M-13 6 Q0 12 13 6 M-9 17 Q0 22 9 17 M0 -26 L0 28'/%3E%3Cpath d='M0 -26 L0 -33'/%3E%3C/g%3E%3Cg transform='translate(340 300) rotate(-20) scale(0.85)'%3E%3Cpath d='M0 -26 C10 -22 14 -8 13 4 C12 16 6 24 0 28 C-6 24 -12 16 -13 4 C-14 -8 -10 -22 0 -26Z'/%3E%3Cpath d='M-11 -6 Q0 0 11 -6 M-13 6 Q0 12 13 6 M-9 17 Q0 22 9 17 M0 -26 L0 28'/%3E%3Cpath d='M0 -26 L0 -33'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 420px 420px; opacity: .09; } /* Wellen aus dem Logo */ .ijh-section--stroh::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='72' viewBox='0 0 180 72'%3E%3Cg fill='none' stroke='%237A5A2A' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M-30 18 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0'/%3E%3Cpath d='M-15 54 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0 q7.5 -7 15 0 t15 0'/%3E%3C/g%3E%3C/svg%3E"); background-size: 180px 72px; opacity: .12; } /* Dunkle Sektion: helle Höhenlinien */ .ijh-section--wald::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 24.1 L20 25.2 L40 26.1 L60 26.7 L80 27.1 L100 27.2 L120 27.1 L140 26.8 L160 26.6 L180 26.6 L200 26.9 L220 27.6 L240 28.6 L260 29.5 L280 30.0 L300 29.6 L320 27.9 L340 24.8 L360 20.5 L380 15.4 L400 10.3 L420 5.8 L440 2.6 L460 1.1 L480 1.5 L500 3.4 L520 6.5 L540 10.3 L560 14.1 L580 17.5 L600 20.3 L620 22.5 L640 24.1'/%3E%3Cpath d='M0 63.2 L20 62.7 L40 61.8 L60 60.6 L80 59.1 L100 57.3 L120 55.4 L140 53.5 L160 52.0 L180 51.1 L200 50.8 L220 51.3 L240 52.4 L260 54.2 L280 56.3 L300 58.5 L320 60.7 L340 62.5 L360 63.8 L380 64.7 L400 65.1 L420 65.2 L440 64.9 L460 64.6 L480 64.1 L500 63.8 L520 63.5 L540 63.4 L560 63.4 L580 63.4 L600 63.4 L620 63.4 L640 63.2'/%3E%3Cpath d='M0 104.4 L20 105.4 L40 106.3 L60 107.1 L80 107.6 L100 107.5 L120 106.8 L140 105.4 L160 103.3 L180 100.6 L200 97.7 L220 94.7 L240 92.1 L260 90.2 L280 89.2 L300 89.1 L320 89.9 L340 91.4 L360 93.5 L380 95.7 L400 97.9 L420 99.7 L440 101.1 L460 102.0 L480 102.4 L500 102.6 L520 102.5 L540 102.4 L560 102.4 L580 102.6 L600 102.9 L620 103.6 L640 104.4'/%3E%3Cpath d='M0 128.6 L20 131.6 L40 135.2 L60 139.3 L80 143.5 L100 147.4 L120 150.6 L140 152.8 L160 153.7 L180 153.2 L200 151.6 L220 149.3 L240 146.7 L260 144.3 L280 142.7 L300 142.0 L320 142.2 L340 142.9 L360 143.9 L380 144.6 L400 144.5 L420 143.5 L440 141.5 L460 138.8 L480 135.5 L500 132.2 L520 129.2 L540 126.9 L560 125.4 L580 124.8 L600 125.1 L620 126.4 L640 128.6'/%3E%3Cpath d='M0 180.1 L20 182.5 L40 184.0 L60 184.4 L80 184.0 L100 183.2 L120 182.2 L140 181.5 L160 181.3 L180 181.7 L200 182.6 L220 184.1 L240 185.8 L260 187.6 L280 189.2 L300 190.4 L320 191.0 L340 190.7 L360 189.4 L380 187.1 L400 183.9 L420 179.9 L440 175.6 L460 171.3 L480 167.7 L500 165.1 L520 164.0 L540 164.4 L560 166.3 L580 169.3 L600 173.0 L620 176.7 L640 180.1'/%3E%3Cpath d='M0 225.7 L20 223.6 L40 220.8 L60 217.7 L80 214.4 L100 211.5 L120 209.1 L140 207.5 L160 207.0 L180 207.6 L200 209.1 L220 211.3 L240 214.1 L260 217.1 L280 219.9 L300 222.4 L320 224.1 L340 225.2 L360 225.6 L380 225.4 L400 224.8 L420 224.0 L440 223.4 L460 223.0 L480 223.1 L500 223.6 L520 224.5 L540 225.6 L560 226.6 L580 227.4 L600 227.6 L620 227.1 L640 225.7'/%3E%3Cpath d='M0 248.6 L20 245.9 L40 245.1 L60 246.2 L80 248.7 L100 252.0 L120 255.2 L140 257.8 L160 259.3 L180 259.6 L200 259.1 L220 258.0 L240 257.1 L260 256.5 L280 256.6 L300 257.5 L320 258.9 L340 260.6 L360 262.5 L380 264.4 L400 266.3 L420 268.2 L440 270.1 L460 271.9 L480 273.3 L500 273.9 L520 273.3 L540 271.4 L560 267.9 L580 263.3 L600 258.0 L620 252.8 L640 248.6'/%3E%3Cpath d='M0 294.3 L20 298.5 L40 304.1 L60 310.0 L80 315.2 L100 318.7 L120 320.1 L140 319.3 L160 316.8 L180 313.1 L200 309.2 L220 305.5 L240 302.4 L260 299.8 L280 297.5 L300 295.3 L320 292.9 L340 290.6 L360 288.6 L380 287.3 L400 287.2 L420 288.4 L440 290.6 L460 293.4 L480 296.0 L500 297.8 L520 298.2 L540 297.2 L560 295.2 L580 293.1 L600 291.8 L620 292.0 L640 294.3'/%3E%3Cpath d='M0 343.9 L20 341.9 L40 340.0 L60 338.4 L80 337.0 L100 335.9 L120 335.0 L140 334.4 L160 334.0 L180 333.6 L200 333.3 L220 332.9 L240 332.5 L260 332.1 L280 331.9 L300 331.9 L320 332.4 L340 333.4 L360 334.9 L380 337.1 L400 339.7 L420 342.5 L440 345.2 L460 347.8 L480 349.8 L500 351.1 L520 351.8 L540 351.6 L560 350.9 L580 349.6 L600 347.9 L620 345.9 L640 343.9'/%3E%3Cpath d='M0 387.9 L20 389.8 L40 391.1 L60 391.6 L80 391.2 L100 389.9 L120 388.0 L140 385.6 L160 382.9 L180 380.3 L200 377.9 L220 376.0 L240 374.7 L260 373.9 L280 373.8 L300 374.0 L320 374.5 L340 375.1 L360 375.5 L380 375.8 L400 375.8 L420 375.6 L440 375.2 L460 374.9 L480 374.7 L500 374.8 L520 375.4 L540 376.6 L560 378.3 L580 380.5 L600 383.0 L620 385.5 L640 387.9'/%3E%3Cpath d='M0 425.7 L20 425.9 L40 425.2 L60 423.7 L80 421.6 L100 419.5 L120 417.6 L140 416.2 L160 415.5 L180 415.3 L200 415.1 L220 414.8 L240 414.0 L260 413.0 L280 411.9 L300 411.2 L320 411.3 L340 412.5 L360 414.8 L380 417.9 L400 421.4 L420 424.5 L440 426.7 L460 427.7 L480 427.5 L500 426.4 L520 424.9 L540 423.6 L560 423.0 L580 423.1 L600 423.8 L620 424.9 L640 425.7'/%3E%3Cpath d='M0 469.3 L20 471.0 L40 471.3 L60 469.9 L80 466.7 L100 462.1 L120 457.1 L140 452.5 L160 449.2 L180 447.6 L200 447.8 L220 449.2 L240 451.4 L260 453.5 L280 455.1 L300 455.9 L320 456.0 L340 456.0 L360 456.3 L380 457.2 L400 458.8 L420 460.9 L440 463.0 L460 464.7 L480 465.5 L500 465.4 L520 464.6 L540 463.7 L560 463.1 L580 463.5 L600 464.8 L620 467.0 L640 469.3'/%3E%3C/g%3E%3C/svg%3E"); background-size: 640px 480px; opacity: .07; } /* Kennzahlen-Leiste und Rechtsseiten ruhig halten */ .ijh-facts::before, .ijh-legal::before { opacity: .045; } /* Footer: Höhenlinien sehr leise */ .ijh-footer { position: relative; isolation: isolate; } .ijh-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 24.1 L20 25.2 L40 26.1 L60 26.7 L80 27.1 L100 27.2 L120 27.1 L140 26.8 L160 26.6 L180 26.6 L200 26.9 L220 27.6 L240 28.6 L260 29.5 L280 30.0 L300 29.6 L320 27.9 L340 24.8 L360 20.5 L380 15.4 L400 10.3 L420 5.8 L440 2.6 L460 1.1 L480 1.5 L500 3.4 L520 6.5 L540 10.3 L560 14.1 L580 17.5 L600 20.3 L620 22.5 L640 24.1'/%3E%3Cpath d='M0 63.2 L20 62.7 L40 61.8 L60 60.6 L80 59.1 L100 57.3 L120 55.4 L140 53.5 L160 52.0 L180 51.1 L200 50.8 L220 51.3 L240 52.4 L260 54.2 L280 56.3 L300 58.5 L320 60.7 L340 62.5 L360 63.8 L380 64.7 L400 65.1 L420 65.2 L440 64.9 L460 64.6 L480 64.1 L500 63.8 L520 63.5 L540 63.4 L560 63.4 L580 63.4 L600 63.4 L620 63.4 L640 63.2'/%3E%3Cpath d='M0 104.4 L20 105.4 L40 106.3 L60 107.1 L80 107.6 L100 107.5 L120 106.8 L140 105.4 L160 103.3 L180 100.6 L200 97.7 L220 94.7 L240 92.1 L260 90.2 L280 89.2 L300 89.1 L320 89.9 L340 91.4 L360 93.5 L380 95.7 L400 97.9 L420 99.7 L440 101.1 L460 102.0 L480 102.4 L500 102.6 L520 102.5 L540 102.4 L560 102.4 L580 102.6 L600 102.9 L620 103.6 L640 104.4'/%3E%3Cpath d='M0 128.6 L20 131.6 L40 135.2 L60 139.3 L80 143.5 L100 147.4 L120 150.6 L140 152.8 L160 153.7 L180 153.2 L200 151.6 L220 149.3 L240 146.7 L260 144.3 L280 142.7 L300 142.0 L320 142.2 L340 142.9 L360 143.9 L380 144.6 L400 144.5 L420 143.5 L440 141.5 L460 138.8 L480 135.5 L500 132.2 L520 129.2 L540 126.9 L560 125.4 L580 124.8 L600 125.1 L620 126.4 L640 128.6'/%3E%3Cpath d='M0 180.1 L20 182.5 L40 184.0 L60 184.4 L80 184.0 L100 183.2 L120 182.2 L140 181.5 L160 181.3 L180 181.7 L200 182.6 L220 184.1 L240 185.8 L260 187.6 L280 189.2 L300 190.4 L320 191.0 L340 190.7 L360 189.4 L380 187.1 L400 183.9 L420 179.9 L440 175.6 L460 171.3 L480 167.7 L500 165.1 L520 164.0 L540 164.4 L560 166.3 L580 169.3 L600 173.0 L620 176.7 L640 180.1'/%3E%3Cpath d='M0 225.7 L20 223.6 L40 220.8 L60 217.7 L80 214.4 L100 211.5 L120 209.1 L140 207.5 L160 207.0 L180 207.6 L200 209.1 L220 211.3 L240 214.1 L260 217.1 L280 219.9 L300 222.4 L320 224.1 L340 225.2 L360 225.6 L380 225.4 L400 224.8 L420 224.0 L440 223.4 L460 223.0 L480 223.1 L500 223.6 L520 224.5 L540 225.6 L560 226.6 L580 227.4 L600 227.6 L620 227.1 L640 225.7'/%3E%3Cpath d='M0 248.6 L20 245.9 L40 245.1 L60 246.2 L80 248.7 L100 252.0 L120 255.2 L140 257.8 L160 259.3 L180 259.6 L200 259.1 L220 258.0 L240 257.1 L260 256.5 L280 256.6 L300 257.5 L320 258.9 L340 260.6 L360 262.5 L380 264.4 L400 266.3 L420 268.2 L440 270.1 L460 271.9 L480 273.3 L500 273.9 L520 273.3 L540 271.4 L560 267.9 L580 263.3 L600 258.0 L620 252.8 L640 248.6'/%3E%3Cpath d='M0 294.3 L20 298.5 L40 304.1 L60 310.0 L80 315.2 L100 318.7 L120 320.1 L140 319.3 L160 316.8 L180 313.1 L200 309.2 L220 305.5 L240 302.4 L260 299.8 L280 297.5 L300 295.3 L320 292.9 L340 290.6 L360 288.6 L380 287.3 L400 287.2 L420 288.4 L440 290.6 L460 293.4 L480 296.0 L500 297.8 L520 298.2 L540 297.2 L560 295.2 L580 293.1 L600 291.8 L620 292.0 L640 294.3'/%3E%3Cpath d='M0 343.9 L20 341.9 L40 340.0 L60 338.4 L80 337.0 L100 335.9 L120 335.0 L140 334.4 L160 334.0 L180 333.6 L200 333.3 L220 332.9 L240 332.5 L260 332.1 L280 331.9 L300 331.9 L320 332.4 L340 333.4 L360 334.9 L380 337.1 L400 339.7 L420 342.5 L440 345.2 L460 347.8 L480 349.8 L500 351.1 L520 351.8 L540 351.6 L560 350.9 L580 349.6 L600 347.9 L620 345.9 L640 343.9'/%3E%3Cpath d='M0 387.9 L20 389.8 L40 391.1 L60 391.6 L80 391.2 L100 389.9 L120 388.0 L140 385.6 L160 382.9 L180 380.3 L200 377.9 L220 376.0 L240 374.7 L260 373.9 L280 373.8 L300 374.0 L320 374.5 L340 375.1 L360 375.5 L380 375.8 L400 375.8 L420 375.6 L440 375.2 L460 374.9 L480 374.7 L500 374.8 L520 375.4 L540 376.6 L560 378.3 L580 380.5 L600 383.0 L620 385.5 L640 387.9'/%3E%3Cpath d='M0 425.7 L20 425.9 L40 425.2 L60 423.7 L80 421.6 L100 419.5 L120 417.6 L140 416.2 L160 415.5 L180 415.3 L200 415.1 L220 414.8 L240 414.0 L260 413.0 L280 411.9 L300 411.2 L320 411.3 L340 412.5 L360 414.8 L380 417.9 L400 421.4 L420 424.5 L440 426.7 L460 427.7 L480 427.5 L500 426.4 L520 424.9 L540 423.6 L560 423.0 L580 423.1 L600 423.8 L620 424.9 L640 425.7'/%3E%3Cpath d='M0 469.3 L20 471.0 L40 471.3 L60 469.9 L80 466.7 L100 462.1 L120 457.1 L140 452.5 L160 449.2 L180 447.6 L200 447.8 L220 449.2 L240 451.4 L260 453.5 L280 455.1 L300 455.9 L320 456.0 L340 456.0 L360 456.3 L380 457.2 L400 458.8 L420 460.9 L440 463.0 L460 464.7 L480 465.5 L500 465.4 L520 464.6 L540 463.7 L560 463.1 L580 463.5 L600 464.8 L620 467.0 L640 469.3'/%3E%3C/g%3E%3C/svg%3E"); background-size: 640px 480px; opacity: .04; } /* ---------- Footer: Logo weiß, Partnerleiste ---------- */ .ijh-footer-brand { margin: 0 0 14px !important; padding: 0 !important; line-height: 0; } .ijh-footer-logo { display: block; width: 170px; max-width: 100%; height: auto; filter: brightness(0) invert(1); opacity: .95; } .ijh-footer-partner-label { margin-top: 18px !important; padding-bottom: 8px !important; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #AEB8A2 !important; } .ijh-partners { list-style: none; margin: 0 !important; padding: 14px 16px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; background: #FFFFFF; border-radius: var(--ijh-radius-s); box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .6); } .ijh-partners li { margin: 0 !important; padding: 0 !important; list-style: none; } .ijh-partners li::before { display: none !important; } .ijh-partners a { display: block; line-height: 0; transition: transform .15s ease, opacity .15s ease; } .ijh-partners a:hover { transform: translateY(-1px); opacity: .85; } .ijh-partners img { display: block; height: 34px; width: auto; } .ijh-partners li:last-child img { height: 46px; } /* ---------- Preistabelle: passt immer in die Spalte, kein Scrollen ---------- */ .ijh-pricetable { overflow: visible !important; } .ijh-pricetable table { table-layout: fixed; width: 100%; } .ijh-pricetable thead th:first-child { width: 31%; } .ijh-pricetable th, .ijh-pricetable td, .ijh-pricetable--cols-3 th, .ijh-pricetable--cols-3 td, .ijh-pricetable--cols-4 th, .ijh-pricetable--cols-4 td { padding: 14px 12px; overflow-wrap: normal; word-break: normal; hyphens: manual; vertical-align: middle; } .ijh-pricetable thead th { font-size: 12px; letter-spacing: .07em; line-height: 1.35; } .ijh-pricetable tbody th { font-size: 15px; line-height: 1.35; } .ijh-pricetable tbody td { font-size: 16px; line-height: 1.35; } .ijh-pricetable .is-main td, .ijh-pricetable--cols-3 .is-main td, .ijh-pricetable--cols-4 .is-main td { font-size: clamp(20px, 1.9vw, 24px); } @media (max-width: 600px) { .ijh-pricetable thead th:first-child { width: 27%; } .ijh-pricetable th, .ijh-pricetable td, .ijh-pricetable--cols-3 th, .ijh-pricetable--cols-3 td { padding: 11px 7px; } .ijh-pricetable thead th { font-size: 10px; letter-spacing: .03em; } .ijh-pricetable tbody th { font-size: 13px; } .ijh-pricetable tbody td { font-size: 14px; } .ijh-pricetable .is-main td { font-size: 19px !important; } .ijh-pricetable table { font-size: 14px; } } /* ---------- Haustiere als Anzahl ---------- */ @media (min-width: 601px) { .ijh-anfrage__people { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .ijh-anfrage__label small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--ijh-text-3); } .ijh-calc__row:last-of-type { border-bottom: 0; } /* ---------- Animationen ---------- */ html.ijh-motion [data-ijh-reveal] { transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1), clip-path 1.1s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--ijh-delay, 0ms); } html.ijh-motion [data-ijh-reveal="up"] { opacity: 0; transform: translateY(34px); } html.ijh-motion [data-ijh-reveal="mask"] { opacity: 0; transform: translateY(18px); } html.ijh-motion [data-ijh-reveal="mask"] > .et_pb_text_inner { clip-path: inset(0 0 100% 0); transition: clip-path 1.1s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--ijh-delay, 0ms); } html.ijh-motion [data-ijh-reveal="mask"].is-in > .et_pb_text_inner { clip-path: inset(-20% -10% -20% -10%); } html.ijh-motion [data-ijh-reveal="zoom"] { opacity: 0; } html.ijh-motion [data-ijh-reveal="zoom"] img, html.ijh-motion img[data-ijh-reveal="zoom"] { transform: scale(1.14); transition: transform 1.6s cubic-bezier(.2, .7, .2, 1); } html.ijh-motion [data-ijh-reveal].is-in { opacity: 1; transform: none; } html.ijh-motion [data-ijh-reveal="zoom"].is-in img, html.ijh-motion img[data-ijh-reveal="zoom"].is-in { transform: scale(1); } .ijh-img .et_pb_image_wrap, .ijh-card--media { overflow: hidden; } /* Bilder in Karten: sanftes Zoomen beim Darüberfahren */ @media (hover: hover) { .ijh-card--media img, .ijh-img img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1) !important; } .ijh-card--media:hover img, .ijh-img:hover img { transform: scale(1.045) !important; } .ijh-card { transition: transform .35s ease, box-shadow .35s ease; } .ijh-card:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -26px rgba(30, 40, 25, .45); } html.ijh-motion .ijh-card.is-in:hover { transform: translateY(-4px); transition-delay: 0ms; } } /* Hero: langsamer Zoom (Ken Burns) + Parallaxe */ .ijh-hero { overflow: hidden; } html.ijh-motion .ijh-hero::before { content: ""; position: absolute; inset: -4% 0 0; z-index: 0; pointer-events: none; background: inherit; background-attachment: scroll; transform: translate3d(0, var(--ijh-hero-shift, 0px), 0) scale(1.12); animation: ijh-kenburns 34s cubic-bezier(.25, .5, .25, 1) forwards; will-change: transform; } html.ijh-motion .ijh-hero > .et_pb_row { position: relative; z-index: 1; } @keyframes ijh-kenburns { from { scale: 1.12; } to { scale: .9; } } /* Kopfzeile: Schatten beim Scrollen */ .ijh-header { transition: box-shadow .3s ease; } html.ijh-scrolled .ijh-header { box-shadow: 0 10px 30px -18px rgba(20, 30, 20, .45); } /* Eyebrows: Linie wächst mit */ html.ijh-motion .ijh-eyebrow[data-ijh-reveal] p, html.ijh-motion [data-ijh-reveal] > .et_pb_text_inner > .ijh-eyebrow { letter-spacing: .3em; transition: letter-spacing 1.2s cubic-bezier(.2, .7, .2, 1); } html.ijh-motion .is-in .ijh-eyebrow, html.ijh-motion .ijh-eyebrow.is-in p { letter-spacing: .14em; } @media (prefers-reduced-motion: reduce) { html [data-ijh-reveal] { opacity: 1 !important; transform: none !important; clip-path: none !important; } .ijh-hero::before { animation: none !important; } } /* v1.6.0 – Preistabelle: ab schmaler Spalte Saisonkarten statt Tabelle (kein Scrollen) */ .ijh-pricetable { container-type: inline-size; } .ijh-pricecards { display: none; } @container (max-width: 560px) { .ijh-pricetable table { display: none; } .ijh-pricecards { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; } } .ijh-pricecard { background: var(--ijh-leinen); border: 1px solid var(--ijh-linie); border-radius: var(--ijh-radius); padding: 18px 18px 14px; } .ijh-pricecard p { margin: 0 !important; padding: 0 !important; } .ijh-pricecard__name { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ijh-moos); } .ijh-pricecard__period { font-size: 14px; color: var(--ijh-text-3); margin-top: 2px !important; } .ijh-pricecard__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 10px 0 12px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--ijh-linie-hell); } .ijh-pricecard__price strong { font-family: var(--ijh-serif); font-size: 32px; line-height: 1; color: var(--ijh-wald); white-space: nowrap; } .ijh-pricecard__price span { font-size: 13px; color: var(--ijh-text-3); } .ijh-pricecard dl { margin: 0; display: flex; flex-direction: column; gap: 6px; } .ijh-pricecard dl > div { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; } .ijh-pricecard dt { color: var(--ijh-text-3); font-weight: 400; } .ijh-pricecard dd { margin: 0; font-weight: 700; color: var(--ijh-tinte); text-align: right; white-space: nowrap; } /* v1.6.0 – Responsive-Korrekturen */ /* Hamburger in Waldgrün statt Divi-Blau */ .ijh-header .mobile_menu_bar::before, .ijh-header .et_pb_menu__icon, .ijh-header .mobile_menu_bar { color: var(--ijh-wald) !important; } .et_mobile_menu { border-top-color: var(--ijh-wald) !important; border-radius: 0 0 var(--ijh-radius-s) var(--ijh-radius-s); } .et_mobile_menu li a { color: var(--ijh-tinte) !important; font-weight: 600; } .et_mobile_menu li.ijh-menu-cta a { color: var(--ijh-wald) !important; } /* Desktop-Menü bei 981–1240 px enger, damit nichts umbricht */ @media (min-width: 981px) and (max-width: 1240px) { .ijh-header .et-menu > li { padding: 0 6px !important; } .ijh-header .et-menu > li > a { font-size: 14.5px !important; } body .ijh-header .et_pb_menu .et-menu > li.ijh-menu-cta > a { padding: 10px 16px !important; margin-left: 4px; } .ijh-header .et-menu > li.ijh-menu-lang { padding: 0 2px !important; } .ijh-menu-cta + .ijh-menu-lang { margin-left: 6px !important; } .ijh-menu-lang svg { width: 22px; height: 15px; } .ijh-header .ijh-logo img { max-width: 120px; } } .ijh-header .et-menu > li > a { white-space: nowrap; } /* „Unser Hof“: Halbkreis-Rundung der Zeile nur am Desktop – darunter schneidet sie den Text ab */ @media (max-width: 980px) { #hof .et_pb_row { border-radius: 0 !important; overflow: visible !important; } #hof .et_pb_image img { border-radius: var(--ijh-radius) !important; } } /* Viertel-Spalten (Gut zu wissen, Familie & Kids) bei 981–1240 px als 2×2-Raster */ @media (min-width: 981px) and (max-width: 1240px) { .ijh-section .et_pb_row:has(> .et_pb_column_1_4) { display: flex !important; flex-wrap: wrap; gap: 24px; } .ijh-section .et_pb_row:has(> .et_pb_column_1_4) > .et_pb_column { width: calc(50% - 12px) !important; margin: 0 !important; } .ijh-section .et_pb_row:has(> .et_pb_column_1_4) > .et_pb_column_1_2 { width: 100% !important; } } /* Eyebrow auf Waldgrün lesbar */ .ijh-section--wald .ijh-eyebrow, .ijh-section--wald .ijh-eyebrow p { color: var(--ijh-salbei) !important; } @media (min-width: 981px) and (max-width: 1240px) { .ijh-header .et_pb_row { width: 94% !important; } .ijh-header .et_pb_menu__menu > nav > ul.et-menu { gap: 0 !important; } .ijh-header .et-menu > li { padding: 0 5px !important; } .ijh-header .et-menu > li > a { font-size: 14px !important; } } /* ========================================================================== v1.6.2 – Höhenlinien in allen Sektionen (wie im Footer), wandern beim Scrollen ========================================================================== */ .ijh-section, .ijh-footer { overflow: clip; } .ijh-section::before, .ijh-section:nth-child(even)::before, .ijh-footer::before { inset: 0 -640px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%232E4A34' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 31.1 L20 32.6 L40 32.9 L60 32.4 L80 31.4 L100 30.0 L120 28.3 L140 26.5 L160 24.3 L180 21.8 L200 19.1 L220 16.4 L240 14.0 L260 12.3 L280 11.7 L300 12.1 L320 13.5 L340 15.3 L360 17.0 L380 18.0 L400 18.1 L420 17.0 L440 15.1 L460 12.9 L480 11.1 L500 10.3 L520 11.0 L540 13.2 L560 16.6 L580 20.7 L600 24.9 L620 28.5 L640 31.1'/%3E%3Cpath d='M0 60.7 L20 58.8 L40 56.7 L60 54.8 L80 53.2 L100 52.1 L120 51.6 L140 51.7 L160 52.4 L180 53.5 L200 54.9 L220 56.4 L240 57.9 L260 59.1 L280 60.0 L300 60.6 L320 61.0 L340 61.4 L360 61.7 L380 62.2 L400 62.8 L420 63.5 L440 64.3 L460 65.1 L480 65.9 L500 66.4 L520 66.6 L540 66.6 L560 66.1 L580 65.3 L600 64.1 L620 62.6 L640 60.7'/%3E%3Cpath d='M0 93.1 L20 95.5 L40 97.7 L60 99.2 L80 99.7 L100 99.6 L120 99.2 L140 99.0 L160 99.6 L180 101.2 L200 103.7 L220 106.9 L240 110.0 L260 112.5 L280 113.8 L300 113.6 L320 112.1 L340 109.6 L360 106.6 L380 103.6 L400 101.1 L420 99.2 L440 97.8 L460 96.6 L480 95.3 L500 93.7 L520 92.0 L540 90.3 L560 89.1 L580 88.7 L600 89.2 L620 90.8 L640 93.1'/%3E%3Cpath d='M0 152.1 L20 151.6 L40 149.4 L60 146.1 L80 142.1 L100 138.3 L120 134.9 L140 132.1 L160 129.9 L180 128.1 L200 126.5 L220 125.1 L240 124.1 L260 123.9 L280 125.0 L300 127.7 L320 131.9 L340 137.1 L360 142.7 L380 147.6 L400 151.0 L420 152.4 L440 151.6 L460 149.3 L480 146.1 L500 143.2 L520 141.4 L540 141.2 L560 142.7 L580 145.4 L600 148.5 L620 150.9 L640 152.1'/%3E%3Cpath d='M0 181.3 L20 182.8 L40 184.6 L60 186.6 L80 188.5 L100 190.0 L120 190.7 L140 190.5 L160 189.3 L180 187.1 L200 184.3 L220 181.2 L240 178.2 L260 175.7 L280 173.8 L300 172.6 L320 172.2 L340 172.3 L360 172.8 L380 173.5 L400 174.3 L420 175.1 L440 175.9 L460 176.6 L480 177.2 L500 177.8 L520 178.3 L540 178.6 L560 178.9 L580 179.2 L600 179.6 L620 180.3 L640 181.3'/%3E%3Cpath d='M0 230.5 L20 230.3 L40 229.2 L60 227.3 L80 224.5 L100 221.0 L120 217.3 L140 213.5 L160 210.0 L180 207.1 L200 205.0 L220 204.0 L240 204.1 L260 205.2 L280 207.2 L300 210.0 L320 213.1 L340 216.4 L360 219.5 L380 222.2 L400 224.3 L420 225.6 L440 226.3 L460 226.5 L480 226.4 L500 226.2 L520 226.2 L540 226.5 L560 227.2 L580 228.1 L600 229.2 L620 230.0 L640 230.5'/%3E%3Cpath d='M0 265.2 L20 261.4 L40 257.5 L60 254.0 L80 251.4 L100 250.0 L120 249.7 L140 250.4 L160 251.5 L180 252.6 L200 253.2 L220 253.1 L240 252.4 L260 251.4 L280 250.6 L300 250.4 L320 251.1 L340 252.9 L360 255.6 L380 259.0 L400 262.5 L420 265.7 L440 268.5 L460 270.6 L480 272.1 L500 273.2 L520 273.8 L540 274.0 L560 273.7 L580 272.8 L600 271.2 L620 268.6 L640 265.2'/%3E%3Cpath d='M0 284.6 L20 284.1 L40 284.6 L60 285.8 L80 287.5 L100 289.2 L120 291.2 L140 293.3 L160 295.8 L180 298.7 L200 302.0 L220 305.5 L240 308.7 L260 311.3 L280 312.9 L300 313.2 L320 312.5 L340 311.0 L360 309.3 L380 307.7 L400 306.8 L420 306.5 L440 306.8 L460 307.2 L480 307.1 L500 306.2 L520 304.1 L540 300.9 L560 297.0 L580 292.9 L600 289.1 L620 286.3 L640 284.6'/%3E%3Cpath d='M0 355.2 L20 356.3 L40 356.5 L60 355.4 L80 352.9 L100 348.9 L120 343.8 L140 338.0 L160 332.3 L180 327.5 L200 324.1 L220 322.6 L240 323.1 L260 325.0 L280 328.0 L300 331.2 L320 334.1 L340 336.2 L360 337.3 L380 337.6 L400 337.3 L420 336.9 L440 336.8 L460 337.3 L480 338.4 L500 340.0 L520 342.1 L540 344.4 L560 346.8 L580 349.1 L600 351.4 L620 353.5 L640 355.2'/%3E%3Cpath d='M0 377.3 L20 374.3 L40 372.5 L60 372.2 L80 373.1 L100 374.7 L120 376.3 L140 377.3 L160 377.3 L180 376.4 L200 374.9 L220 373.5 L240 372.6 L260 372.8 L280 374.1 L300 376.3 L320 378.9 L340 381.4 L360 383.3 L380 384.3 L400 384.7 L420 384.8 L440 384.9 L460 385.4 L480 386.5 L500 388.0 L520 389.3 L540 390.0 L560 389.5 L580 387.7 L600 384.7 L620 381.0 L640 377.3'/%3E%3Cpath d='M0 430.4 L20 426.2 L40 422.6 L60 420.0 L80 418.7 L100 418.5 L120 419.1 L140 419.8 L160 419.9 L180 419.0 L200 416.9 L220 414.0 L240 410.6 L260 407.3 L280 404.9 L300 403.6 L320 403.5 L340 404.7 L360 406.7 L380 409.3 L400 412.3 L420 415.4 L440 418.8 L460 422.4 L480 426.2 L500 430.1 L520 433.8 L540 436.8 L560 438.5 L580 438.7 L600 437.2 L620 434.3 L640 430.4'/%3E%3Cpath d='M0 451.4 L20 453.4 L40 456.2 L60 459.7 L80 463.6 L100 467.6 L120 471.3 L140 474.4 L160 476.6 L180 477.7 L200 477.6 L220 476.4 L240 474.3 L260 471.5 L280 468.1 L300 464.6 L320 461.1 L340 458.0 L360 455.3 L380 453.3 L400 451.9 L420 451.1 L440 450.8 L460 450.8 L480 450.9 L500 451.0 L520 450.9 L540 450.6 L560 450.2 L580 449.8 L600 449.7 L620 450.2 L640 451.4'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: 640px 480px !important; background-repeat: repeat !important; -webkit-mask-image: none !important; mask-image: none !important; opacity: .07 !important; transform: translate3d(var(--ijh-drift, 0px), 0, 0); will-change: transform; } .ijh-section:nth-child(even)::before { transform: translate3d(calc(var(--ijh-drift, 0px) * -1), 0, 0); } .ijh-section--leinen::before { opacity: .06 !important; } .ijh-section--stroh::before { opacity: .085 !important; } .ijh-section--wald::before, .ijh-footer::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='480' viewBox='0 0 640 480'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M0 24.1 L20 25.2 L40 26.1 L60 26.7 L80 27.1 L100 27.2 L120 27.1 L140 26.8 L160 26.6 L180 26.6 L200 26.9 L220 27.6 L240 28.6 L260 29.5 L280 30.0 L300 29.6 L320 27.9 L340 24.8 L360 20.5 L380 15.4 L400 10.3 L420 5.8 L440 2.6 L460 1.1 L480 1.5 L500 3.4 L520 6.5 L540 10.3 L560 14.1 L580 17.5 L600 20.3 L620 22.5 L640 24.1'/%3E%3Cpath d='M0 63.2 L20 62.7 L40 61.8 L60 60.6 L80 59.1 L100 57.3 L120 55.4 L140 53.5 L160 52.0 L180 51.1 L200 50.8 L220 51.3 L240 52.4 L260 54.2 L280 56.3 L300 58.5 L320 60.7 L340 62.5 L360 63.8 L380 64.7 L400 65.1 L420 65.2 L440 64.9 L460 64.6 L480 64.1 L500 63.8 L520 63.5 L540 63.4 L560 63.4 L580 63.4 L600 63.4 L620 63.4 L640 63.2'/%3E%3Cpath d='M0 104.4 L20 105.4 L40 106.3 L60 107.1 L80 107.6 L100 107.5 L120 106.8 L140 105.4 L160 103.3 L180 100.6 L200 97.7 L220 94.7 L240 92.1 L260 90.2 L280 89.2 L300 89.1 L320 89.9 L340 91.4 L360 93.5 L380 95.7 L400 97.9 L420 99.7 L440 101.1 L460 102.0 L480 102.4 L500 102.6 L520 102.5 L540 102.4 L560 102.4 L580 102.6 L600 102.9 L620 103.6 L640 104.4'/%3E%3Cpath d='M0 128.6 L20 131.6 L40 135.2 L60 139.3 L80 143.5 L100 147.4 L120 150.6 L140 152.8 L160 153.7 L180 153.2 L200 151.6 L220 149.3 L240 146.7 L260 144.3 L280 142.7 L300 142.0 L320 142.2 L340 142.9 L360 143.9 L380 144.6 L400 144.5 L420 143.5 L440 141.5 L460 138.8 L480 135.5 L500 132.2 L520 129.2 L540 126.9 L560 125.4 L580 124.8 L600 125.1 L620 126.4 L640 128.6'/%3E%3Cpath d='M0 180.1 L20 182.5 L40 184.0 L60 184.4 L80 184.0 L100 183.2 L120 182.2 L140 181.5 L160 181.3 L180 181.7 L200 182.6 L220 184.1 L240 185.8 L260 187.6 L280 189.2 L300 190.4 L320 191.0 L340 190.7 L360 189.4 L380 187.1 L400 183.9 L420 179.9 L440 175.6 L460 171.3 L480 167.7 L500 165.1 L520 164.0 L540 164.4 L560 166.3 L580 169.3 L600 173.0 L620 176.7 L640 180.1'/%3E%3Cpath d='M0 225.7 L20 223.6 L40 220.8 L60 217.7 L80 214.4 L100 211.5 L120 209.1 L140 207.5 L160 207.0 L180 207.6 L200 209.1 L220 211.3 L240 214.1 L260 217.1 L280 219.9 L300 222.4 L320 224.1 L340 225.2 L360 225.6 L380 225.4 L400 224.8 L420 224.0 L440 223.4 L460 223.0 L480 223.1 L500 223.6 L520 224.5 L540 225.6 L560 226.6 L580 227.4 L600 227.6 L620 227.1 L640 225.7'/%3E%3Cpath d='M0 248.6 L20 245.9 L40 245.1 L60 246.2 L80 248.7 L100 252.0 L120 255.2 L140 257.8 L160 259.3 L180 259.6 L200 259.1 L220 258.0 L240 257.1 L260 256.5 L280 256.6 L300 257.5 L320 258.9 L340 260.6 L360 262.5 L380 264.4 L400 266.3 L420 268.2 L440 270.1 L460 271.9 L480 273.3 L500 273.9 L520 273.3 L540 271.4 L560 267.9 L580 263.3 L600 258.0 L620 252.8 L640 248.6'/%3E%3Cpath d='M0 294.3 L20 298.5 L40 304.1 L60 310.0 L80 315.2 L100 318.7 L120 320.1 L140 319.3 L160 316.8 L180 313.1 L200 309.2 L220 305.5 L240 302.4 L260 299.8 L280 297.5 L300 295.3 L320 292.9 L340 290.6 L360 288.6 L380 287.3 L400 287.2 L420 288.4 L440 290.6 L460 293.4 L480 296.0 L500 297.8 L520 298.2 L540 297.2 L560 295.2 L580 293.1 L600 291.8 L620 292.0 L640 294.3'/%3E%3Cpath d='M0 343.9 L20 341.9 L40 340.0 L60 338.4 L80 337.0 L100 335.9 L120 335.0 L140 334.4 L160 334.0 L180 333.6 L200 333.3 L220 332.9 L240 332.5 L260 332.1 L280 331.9 L300 331.9 L320 332.4 L340 333.4 L360 334.9 L380 337.1 L400 339.7 L420 342.5 L440 345.2 L460 347.8 L480 349.8 L500 351.1 L520 351.8 L540 351.6 L560 350.9 L580 349.6 L600 347.9 L620 345.9 L640 343.9'/%3E%3Cpath d='M0 387.9 L20 389.8 L40 391.1 L60 391.6 L80 391.2 L100 389.9 L120 388.0 L140 385.6 L160 382.9 L180 380.3 L200 377.9 L220 376.0 L240 374.7 L260 373.9 L280 373.8 L300 374.0 L320 374.5 L340 375.1 L360 375.5 L380 375.8 L400 375.8 L420 375.6 L440 375.2 L460 374.9 L480 374.7 L500 374.8 L520 375.4 L540 376.6 L560 378.3 L580 380.5 L600 383.0 L620 385.5 L640 387.9'/%3E%3Cpath d='M0 425.7 L20 425.9 L40 425.2 L60 423.7 L80 421.6 L100 419.5 L120 417.6 L140 416.2 L160 415.5 L180 415.3 L200 415.1 L220 414.8 L240 414.0 L260 413.0 L280 411.9 L300 411.2 L320 411.3 L340 412.5 L360 414.8 L380 417.9 L400 421.4 L420 424.5 L440 426.7 L460 427.7 L480 427.5 L500 426.4 L520 424.9 L540 423.6 L560 423.0 L580 423.1 L600 423.8 L620 424.9 L640 425.7'/%3E%3Cpath d='M0 469.3 L20 471.0 L40 471.3 L60 469.9 L80 466.7 L100 462.1 L120 457.1 L140 452.5 L160 449.2 L180 447.6 L200 447.8 L220 449.2 L240 451.4 L260 453.5 L280 455.1 L300 455.9 L320 456.0 L340 456.0 L360 456.3 L380 457.2 L400 458.8 L420 460.9 L440 463.0 L460 464.7 L480 465.5 L500 465.4 L520 464.6 L540 463.7 L560 463.1 L580 463.5 L600 464.8 L620 467.0 L640 469.3'/%3E%3C/g%3E%3C/svg%3E") !important; opacity: .05 !important; } .ijh-facts::before, .ijh-legal::before { opacity: .045 !important; } @media (prefers-reduced-motion: reduce) { .ijh-section::before, .ijh-footer::before { transform: none !important; } } /* v1.6.2 – Footer ruhiger: Spalten auf einer Linie, Partner als volles weißes Band */ .ijh-footer .et_pb_row:first-of-type { align-items: flex-start; } .ijh-footer .et_pb_column h4 { margin-top: 0 !important; } .ijh-footer-brand { margin-top: -6px !important; } .ijh-totop-link { display: inline-block; line-height: 0; border-radius: 8px; transition: opacity .2s ease, transform .2s ease; } .ijh-totop-link:hover { opacity: .8; transform: translateY(-2px); } .ijh-totop-link:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 4px; } .ijh-footer .et_pb_row.ijh-footer-partners { width: 100% !important; max-width: none !important; margin: 48px 0 0 !important; padding: 0 !important; background: #FFFFFF; box-shadow: 0 -1px 0 rgba(255, 255, 255, .06); } .ijh-footer-partners .et_pb_column, .ijh-footer-partners .et_pb_text { margin: 0 !important; width: 100% !important; } .ijh-footer-partners__inner { width: 90%; max-width: 1280px; margin: 0 auto; padding: 22px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 36px; } .ijh-footer-partners .ijh-footer-partner-label { margin: 0 !important; padding: 0 !important; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ijh-moos) !important; white-space: nowrap; } .ijh-footer-partners .ijh-partners { background: none; box-shadow: none; padding: 0 !important; border-radius: 0; gap: 18px 40px; flex: 1; } .ijh-footer-partners .ijh-partners img { height: 38px; } .ijh-footer-partners .ijh-partners li:last-child img { height: 52px; } .ijh-footer .et_pb_row.ijh-footer-partners + .et_pb_row { margin-top: 28px !important; } @media (max-width: 767px) { .ijh-footer-partners__inner { justify-content: center; text-align: center; } .ijh-footer-partners .ijh-partners { justify-content: center; flex: 0 1 100%; gap: 16px 28px; } } /* Nach-oben-Button: dezent, erscheint nach dem ersten Bildschirm */ .ijh-top-anchor { position: absolute; top: 0; left: 0; width: 1px; height: 1px; } .ijh-totop { position: fixed; right: 22px; bottom: 22px; z-index: 9989; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: rgba(255, 253, 248, .92); color: var(--ijh-wald) !important; box-shadow: inset 0 0 0 1px var(--ijh-linie), 0 8px 20px -10px rgba(20, 30, 20, .45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .3s ease, transform .3s ease, background-color .2s ease; } html.ijh-show-top .ijh-totop { opacity: 1; transform: none; pointer-events: auto; } .ijh-totop:hover { background: #FFFFFF; } .ijh-totop:focus-visible { outline: 3px solid var(--ijh-wald); outline-offset: 3px; } @media (max-width: 767px) { .ijh-totop { right: auto; left: 14px; bottom: 16px; } } /* ========================================================================== v1.6.4 – Muster im Wechsel: Tannen, Höhenlinien, Blätter, Fichten (Stil der Hof-Icons) Rhythmus: Hof Tannen · Warum Höhenlinien · Wohnungen Blätter · Preise Höhenlinien · Familie Tannen+Blätter · Aktiv Höhenlinien · Gut zu wissen Fichten · Anreise Höhenlinien · Anfrage helle Tannen · Footer helle Höhenlinien ========================================================================== */ #hof::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='460' viewBox='0 0 600 460'%3E%3Cpath d='M60 150 L60 58 M41.8 75.3 L60 58.0 L78.2 75.3 M34.3 108.1 L60 83.8 L85.7 108.1 M26.9 141.0 L60 109.5 L93.1 141.0' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M150 120 L150 62 M138.5 72.9 L150 62.0 L161.5 72.9 M133.8 93.6 L150 78.2 L166.2 93.6 M129.1 114.3 L150 94.5 L170.9 114.3' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M250 170 L250 50 M226.2 72.6 L250 50.0 L273.8 72.6 M216.5 115.4 L250 83.6 L283.5 115.4 M206.8 158.2 L250 117.2 L293.2 158.2' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M400 110 L400 40 M386.1 53.2 L400 40.0 L413.9 53.2 M380.5 78.2 L400 59.6 L419.5 78.2 M374.8 103.1 L400 79.2 L425.2 103.1' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M520 190 L520 86 M499.4 105.6 L520 86.0 L540.6 105.6 M491.0 142.7 L520 115.1 L549.0 142.7 M482.6 179.8 L520 144.2 L557.4 179.8' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M110 330 L110 260 M96.1 273.2 L110 260.0 L123.9 273.2 M90.5 298.2 L110 279.6 L129.5 298.2 M84.8 323.1 L110 299.2 L135.2 323.1' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M330 360 L330 264 M311.0 282.1 L330 264.0 L349.0 282.1 M303.2 316.3 L330 290.9 L356.8 316.3 M295.4 350.6 L330 317.8 L364.6 350.6' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M470 330 L470 268 M457.7 279.7 L470 268.0 L482.3 279.7 M452.7 301.8 L470 285.4 L487.3 301.8 M447.7 323.9 L470 302.7 L492.3 323.9' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M560 420 L560 340 M544.2 355.0 L560 340.0 L575.8 355.0 M537.7 383.6 L560 362.4 L582.3 383.6 M531.2 412.2 L560 384.8 L588.8 412.2' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M210 440 L210 386 M199.3 396.2 L210 386.0 L220.7 396.2 M194.9 415.4 L210 401.1 L225.1 415.4 M190.6 434.7 L210 416.2 L229.4 434.7' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-size: 600px 460px !important; opacity: .13 !important; transform: translate3d(var(--ijh-drift-600, 0px), 0, 0) !important; } #wohnungen::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='380' viewBox='0 0 420 380'%3E%3Cg transform='translate(60 70) rotate(-20) scale(1.0)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.60' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(220 50) rotate(25) scale(0.8)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='2.00' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(360 110) rotate(-40) scale(1.1)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.45' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(130 200) rotate(35) scale(0.9)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.78' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(290 240) rotate(-10) scale(1.0)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.60' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(60 320) rotate(60) scale(0.85)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.88' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(380 320) rotate(-55) scale(0.9)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.78' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(200 340) rotate(15) scale(0.7)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='2.29' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: 420px 380px !important; opacity: .16 !important; transform: translate3d(calc(var(--ijh-drift-420, 0px) * -1), 0, 0) !important; } #familie::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='480' viewBox='0 0 620 480'%3E%3Cpath d='M70 170 L70 70 M50.2 88.8 L70 70.0 L89.8 88.8 M42.1 124.5 L70 98.0 L97.9 124.5 M34.0 160.2 L70 126.0 L106.0 160.2' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M300 140 L300 76 M287.3 88.0 L300 76.0 L312.7 88.0 M282.1 110.9 L300 93.9 L317.9 110.9 M277.0 133.7 L300 111.8 L323.0 133.7' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M500 200 L500 90 M478.2 110.7 L500 90.0 L521.8 110.7 M469.3 150.0 L500 120.8 L530.7 150.0 M460.4 189.2 L500 151.6 L539.6 189.2' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M180 420 L180 340 M164.2 355.0 L180 340.0 L195.8 355.0 M157.7 383.6 L180 362.4 L202.3 383.6 M151.2 412.2 L180 384.8 L208.8 412.2' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M430 440 L430 370 M416.1 383.2 L430 370.0 L443.9 383.2 M410.5 408.2 L430 389.6 L449.5 408.2 M404.8 433.1 L430 409.2 L455.2 433.1' stroke='%237F8F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='translate(200 80) rotate(20) scale(0.9)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.78' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(400 300) rotate(-30) scale(1.0)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='1.60' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(80 300) rotate(45) scale(0.8)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='2.00' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(560 370) rotate(-15) scale(0.8)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='2.00' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(310 260) rotate(10) scale(0.7)'%3E%3Cpath d='M0 -22 C12 -12 12 8 0 16 C-12 8 -12 -12 0 -22Z M0 -14 L0 24 M0 -4 L6 -9 M0 4 L-6 -1 M0 10 L5 6' stroke='%237F8F33' stroke-width='2.29' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: 620px 480px !important; opacity: .14 !important; transform: translate3d(var(--ijh-drift-620, 0px), 0, 0) !important; } #info::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='440' viewBox='0 0 560 440'%3E%3Cpath d='M80 190 L80 60 M36.4 175.9 Q80 171.9 123.6 175.2 M41.0 164.3 Q80 160.3 119.0 163.6 M45.6 152.8 Q80 148.8 114.4 152.1 M50.3 141.2 Q80 137.2 109.7 140.5 M54.9 129.7 Q80 125.7 105.1 129.0 M59.5 118.1 Q80 114.1 100.5 117.4 M64.1 106.6 Q80 102.6 95.9 105.9 M68.8 95.0 Q80 91.0 91.2 94.3 M73.4 83.5 Q80 79.5 86.6 82.8' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M260 150 L260 60 M229.2 140.7 Q260 136.7 290.8 140.0 M232.4 132.7 Q260 128.7 287.6 132.0 M235.6 124.7 Q260 120.7 284.4 124.0 M238.8 116.7 Q260 112.7 281.2 116.0 M242.0 108.7 Q260 104.7 278.0 108.0 M245.2 100.7 Q260 96.7 274.8 100.0 M248.4 92.7 Q260 88.7 271.6 92.0 M251.6 84.7 Q260 80.7 268.4 84.0 M254.8 76.7 Q260 72.7 265.2 76.0' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M420 210 L420 70 M373.2 194.7 Q420 190.7 466.8 194.0 M378.2 182.3 Q420 178.3 461.8 181.6 M383.2 169.8 Q420 165.8 456.8 169.1 M388.1 157.4 Q420 153.4 451.9 156.7 M393.1 144.9 Q420 140.9 446.9 144.2 M398.1 132.5 Q420 128.5 441.9 131.8 M403.1 120.0 Q420 116.0 436.9 119.3 M408.0 107.6 Q420 103.6 432.0 106.9 M413.0 95.1 Q420 91.1 427.0 94.4' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M170 410 L170 300 M132.8 398.3 Q170 394.3 207.2 397.6 M136.7 388.5 Q170 384.5 203.3 387.8 M140.6 378.7 Q170 374.7 199.4 378.0 M144.5 369.0 Q170 365.0 195.5 368.3 M148.4 359.2 Q170 355.2 191.6 358.5 M152.4 349.4 Q170 345.4 187.6 348.7 M156.3 339.6 Q170 335.6 183.7 338.9 M160.2 329.9 Q170 325.9 179.8 329.2 M164.1 320.1 Q170 316.1 175.9 319.4' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M360 420 L360 324 M327.3 410.0 Q360 406.0 392.7 409.3 M330.7 401.4 Q360 397.4 389.3 400.7 M334.1 392.9 Q360 388.9 385.9 392.2 M337.5 384.4 Q360 380.4 382.5 383.7 M340.9 375.8 Q360 371.8 379.1 375.1 M344.3 367.3 Q360 363.3 375.7 366.6 M347.8 358.8 Q360 354.8 372.2 358.1 M351.2 350.2 Q360 346.2 368.8 349.5 M354.6 341.7 Q360 337.7 365.4 341.0' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M520 400 L520 330 M495.6 393.1 Q520 389.1 544.4 392.4 M498.1 386.9 Q520 382.9 541.9 386.2 M500.6 380.7 Q520 376.7 539.4 380.0 M503.1 374.4 Q520 370.4 536.9 373.7 M505.6 368.2 Q520 364.2 534.4 367.5 M508.0 362.0 Q520 358.0 532.0 361.3 M510.5 355.8 Q520 351.8 529.5 355.1 M513.0 349.5 Q520 345.5 527.0 348.8 M515.5 343.3 Q520 339.3 524.5 342.6' stroke='%236B4A2A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size: 560px 440px !important; opacity: .12 !important; transform: translate3d(calc(var(--ijh-drift-560, 0px) * -1), 0, 0) !important; } #anfrage::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='460' viewBox='0 0 600 460'%3E%3Cpath d='M60 150 L60 58 M41.8 75.3 L60 58.0 L78.2 75.3 M34.3 108.1 L60 83.8 L85.7 108.1 M26.9 141.0 L60 109.5 L93.1 141.0' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M150 120 L150 62 M138.5 72.9 L150 62.0 L161.5 72.9 M133.8 93.6 L150 78.2 L166.2 93.6 M129.1 114.3 L150 94.5 L170.9 114.3' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M250 170 L250 50 M226.2 72.6 L250 50.0 L273.8 72.6 M216.5 115.4 L250 83.6 L283.5 115.4 M206.8 158.2 L250 117.2 L293.2 158.2' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M400 110 L400 40 M386.1 53.2 L400 40.0 L413.9 53.2 M380.5 78.2 L400 59.6 L419.5 78.2 M374.8 103.1 L400 79.2 L425.2 103.1' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M520 190 L520 86 M499.4 105.6 L520 86.0 L540.6 105.6 M491.0 142.7 L520 115.1 L549.0 142.7 M482.6 179.8 L520 144.2 L557.4 179.8' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M110 330 L110 260 M96.1 273.2 L110 260.0 L123.9 273.2 M90.5 298.2 L110 279.6 L129.5 298.2 M84.8 323.1 L110 299.2 L135.2 323.1' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M330 360 L330 264 M311.0 282.1 L330 264.0 L349.0 282.1 M303.2 316.3 L330 290.9 L356.8 316.3 M295.4 350.6 L330 317.8 L364.6 350.6' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M470 330 L470 268 M457.7 279.7 L470 268.0 L482.3 279.7 M452.7 301.8 L470 285.4 L487.3 301.8 M447.7 323.9 L470 302.7 L492.3 323.9' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M560 420 L560 340 M544.2 355.0 L560 340.0 L575.8 355.0 M537.7 383.6 L560 362.4 L582.3 383.6 M531.2 412.2 L560 384.8 L588.8 412.2' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M210 440 L210 386 M199.3 396.2 L210 386.0 L220.7 396.2 M194.9 415.4 L210 401.1 L225.1 415.4 M190.6 434.7 L210 416.2 L229.4 434.7' stroke='%23FFFFFF' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-size: 600px 460px !important; opacity: .06 !important; transform: translate3d(var(--ijh-drift-600, 0px), 0, 0) !important; } .ijh-facts::before { opacity: 0 !important; } @media (prefers-reduced-motion: reduce) { #hof::before, #wohnungen::before, #familie::before, #info::before, #anfrage::before { transform: none !important; } } /* ---------- v1.9: Besprechung 23.10. ---------- */ /* Hinweis neben Überschrift, z. B. „Ausstattung · in jeder Wohnung“ */ .ijh-note { display: inline-block; margin-left: 8px; font-family: var(--ijh-sans); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ijh-text-3); vertical-align: middle; } .ijh-section--wald .ijh-note { color: var(--ijh-salbei); } /* Social-Media-Icons im Footer */ .ijh-social { display: inline-flex; gap: 10px; flex-wrap: wrap; } .ijh-social__link { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: #FFFFFF !important; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); transition: background .2s, transform .2s; } .ijh-social__link:hover, .ijh-social__link:focus-visible { background: var(--ijh-rost); transform: translateY(-2px); } .ijh-social__link .ijh-icon { width: 22px; height: 22px; } /* Danke-Box: Spam-Hinweis */ .ijh-anfrage__spam { font-size: 14px; color: var(--ijh-text-3); } /* Winterhinweis bei der Anreise */ .ijh-winterhint { margin-top: 10px; padding: 12px 14px; border-radius: var(--ijh-radius-s); background: rgba(160, 78, 34, .08); } /* WPML: eigene Flaggen im Menü – Standard-Sprachwahl unter dem Footer ausblenden */ .wpml-ls-statics-footer { display: none !important; } /* ---------- v1.9.1 ---------- */ /* Signatur gerade und ruhig (unter dem Familienfoto) */ .ijh-signature { font-style: normal !important; transform: none !important; font-weight: 600; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: .01em; } /* Familienfoto neben dem Formular */ .ijh-family { margin: 28px 0 24px; padding: 0; } .ijh-family img { display: block; width: 100%; max-width: 540px; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 40%; border-radius: var(--ijh-radius); box-shadow: 0 26px 44px -26px rgba(0, 0, 0, .6); } .ijh-family figcaption.ijh-signature { margin-top: 12px !important; } /* Footer: mehr Luft zwischen „Folgt uns“ und den Icons */ .ijh-social { display: flex; margin-top: 16px; } /* Footer ganz unten: Credits */ .ijh-credits { margin: 18px 0 0 !important; padding: 0 !important; font-size: 12px; letter-spacing: .04em; color: rgba(255, 255, 255, .45) !important; } .ijh-credits a { color: inherit !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .18); transition: color .2s, border-color .2s; } .ijh-credits a:hover, .ijh-credits a:focus-visible { color: #FFFFFF !important; border-color: rgba(255, 255, 255, .6); } /* Familie & Kids: Erlebnis-Karten mit Foto */ .ijh-kidcard__media { margin: 0 0 18px; padding: 0; } .ijh-kidcard__media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--ijh-radius-s); } .ijh-kidcard__media + .ijh-eyebrow { margin-bottom: 6px !important; } /* ---------- Anfrage v2 (3 Schritte) ---------- */ .ijh-anfrage--v2 { box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .6); } .ijh-progress { display: flex; gap: 6px; margin: 0 0 10px; } .ijh-progress span { flex: 1; height: 6px; border-radius: 9px; background: var(--ijh-stroh); transition: background .3s; } .ijh-progress span.is-on { background: var(--ijh-wald); } .ijh-progress__label { display: flex; justify-content: space-between; gap: 10px; margin: 0 0 18px !important; padding: 0 !important; font-size: 13px; color: var(--ijh-text-3) !important; } .ijh-progress__label b { color: var(--ijh-tinte); } .ijh-anfrage--v2 .ijh-anfrage__form { margin-top: 0; gap: 18px; } .ijh-anfrage--v2 .ijh-anfrage__group { gap: 12px; } .ijh-anfrage__sub { margin: 4px 0 -2px !important; padding: 0 !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ijh-moos) !important; } .ijh-anfrage--v2 .ijh-anfrage__estimate { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .ijh-anfrage--v2 .ijh-anfrage__estimate small { display: block; margin-top: 2px; font-weight: 400; } .ijh-chips { display: flex; flex-wrap: wrap; gap: 8px; } .ijh-chip { position: relative; display: inline-flex; cursor: pointer; margin: 0; } .ijh-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; } .ijh-chip span { display: inline-block; padding: 10px 15px; border-radius: 999px; border: 1px solid #CFC4AE; background: #FFFFFF; font-size: 14px; font-weight: 500; color: var(--ijh-tinte); transition: background .15s, border-color .15s, color .15s; } .ijh-chip:hover span { border-color: var(--ijh-wald); } .ijh-chip input:checked + span { background: var(--ijh-wald); border-color: var(--ijh-wald); color: #FFFFFF; } .ijh-chip input:focus-visible + span { outline: 3px solid var(--ijh-rost); outline-offset: 2px; } .ijh-stepnav { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .ijh-stepnav [hidden] { display: none !important; } .ijh-stepnav .ijh-btn { margin-left: auto; min-width: 180px; justify-content: center; } .ijh-stepnav__back { border: 0; background: transparent; padding: 10px 4px; font: 600 15px var(--ijh-sans); color: var(--ijh-text-2); cursor: pointer; } .ijh-stepnav__back:hover { color: var(--ijh-wald); } .ijh-anfrage__fine--center { text-align: center; } @media (max-width: 600px) { .ijh-stepnav .ijh-btn { min-width: 0; flex: 1; } .ijh-chip span { padding: 9px 13px; font-size: 13.5px; } }