/* fe1b6e7824ddd7ea.css */ /* TOJA Nachtrag 1.7.1: 4e1d3dcdede5eaa38a060706411aa1391f5341ba.css für pg-start */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ /* 43f6b05b7d4037a9.css */ /* TOJA Nachtrag 1.7.1: consent.css für */ #tcc-root, .tcc-embed, .tcc-settings-link {font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;color:#1A2A3F;box-sizing:border-box} #tcc-root *, .tcc-embed * {box-sizing:border-box} #tcc-root [hidden] {display:none!important} #tcc-root .tcc-panel {position:fixed;z-index:2147483600;right:24px;bottom:24px;width:650px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:#FAFAF8;border:1px solid #DCE5EF;border-top:5px solid #2B5FAD;border-radius:18px;padding:26px 30px 20px;box-shadow:0 18px 80px #16376438;text-align:left;color:#1A2A3F} #tcc-root .tcc-top {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:20px} #tcc-root .tcc-brand {font-size:24px;font-weight:750;letter-spacing:.035em;color:#2B5FAD;line-height:1.2} #tcc-root .tcc-brand span {font-size:11px;font-weight:600;letter-spacing:.15em} #tcc-root .tcc-eyebrow {font-size:11px;font-weight:700;letter-spacing:.18em;color:#1F4685;margin:0 0 8px} #tcc-root h2 {font-family:inherit;font-size:clamp(24px,2.5vw,30px);font-weight:650;line-height:1.23;letter-spacing:-.035em;color:#1A2A3F;margin:0 0 16px;max-width:470px;text-transform:none} #tcc-root p {margin:0 0 16px;max-width:none;font-size:14px;line-height:1.65;color:#4A5567} #tcc-root .tcc-purposes {font-size:12px;padding-left:12px;border-left:2px solid #DCE5EF} #tcc-root .tcc-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0} #tcc-root button, .tcc-placeholder button, .tcc-settings-link {font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none;transition:background-color .15s;color:#fff;background:#2B5FAD;border:1px solid #2B5FAD;border-radius:8px;padding:13px 16px;min-height:46px;white-space:normal;text-decoration:none} #tcc-root button:hover, .tcc-placeholder button:hover {background:#1F4685;border-color:#1F4685;color:#fff} #tcc-root button:focus-visible, #tcc-root a:focus-visible, #tcc-root input:focus-visible, .tcc-embed button:focus-visible, .tcc-settings-link:focus-visible {outline:3px solid #C4401B;outline-offset:3px} #tcc-root .tcc-secondary {grid-column:1/-1;background:transparent;color:#1F4685;border-color:#B8C8DE} #tcc-root .tcc-secondary:hover {background:#E8F0FA;color:#1F4685} #tcc-root .tcc-close {width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#4A5567;border:0;border-radius:50%;font-size:26px;font-weight:400;flex:none} #tcc-root .tcc-close:hover {background:#E8F0FA;color:#1F4685} #tcc-root .tcc-footer {display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border-top:1px solid #DCE5EF;padding-top:12px;font-size:12px;color:#4A5567} #tcc-root a {color:#1F4685;text-decoration:underline;text-underline-offset:3px} #tcc-root .tcc-footer a {display:inline-flex;align-items:center;min-height:32px;font-size:12px} #tcc-root .tcc-footer span {margin-left:auto} #tcc-root .tcc-details {border-top:1px solid #DCE5EF;padding-top:16px;margin-bottom:18px} #tcc-root .tcc-service {padding:18px;background:#fff;border:1px solid #DCE5EF;border-radius:10px;margin:0 0 12px;overflow-wrap:anywhere} #tcc-root .tcc-service h3 {font:600 16px/1.4 Poppins,system-ui,sans-serif;color:#1A2A3F;margin:0 0 8px} #tcc-root .tcc-service p {font-size:12px;margin:8px 0 0} #tcc-root .tcc-badge {display:inline-block;font-size:11px;color:#1F4685;background:#E8F0FA;border-radius:4px;padding:2px 7px} #tcc-root .tcc-label {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;font-weight:600;min-height:44px;cursor:pointer} #tcc-root input[type=checkbox] {appearance:auto;-webkit-appearance:checkbox;position:static;opacity:1;width:22px;height:22px;margin:8px;accent-color:#2B5FAD;flex:none;cursor:pointer} #tcc-root .tcc-category {text-transform:uppercase;letter-spacing:.08em;color:#1F4685;font-size:10px;margin:0} #tcc-root dl {margin:10px 0;font-size:12px;line-height:1.6} #tcc-root dt {font-weight:600;margin-top:8px;color:#1A2A3F} #tcc-root dd {margin:0;color:#4A5567} #tcc-root .tcc-service a {font-size:12px} #tcc-root .tcc-status:empty {display:none} #tcc-root .tcc-status {color:#7C3212;background:#FFF1E7;padding:12px;border-radius:6px;font-size:13px} #tcc-root .tcc-launcher {position:fixed;z-index:2147483500;left:18px;bottom:max(16px,env(safe-area-inset-bottom));background:#FAFAF8;color:#1F4685;border-color:#B8C8DE;box-shadow:0 4px 20px #16376420;font-size:12px;border-radius:30px;min-height:44px;padding:10px 16px} #tcc-root .tcc-launcher:hover {background:#E8F0FA;color:#1F4685} .tcc-placeholder {padding:28px;border:1px solid #DCE5EF;border-radius:12px;background:#FAFAF8;text-align:center;color:#1A2A3F} .tcc-placeholder strong {font-size:20px}.tcc-placeholder p {margin:12px auto;max-width:48ch;font-size:15px} .tcc-embed iframe {display:block;width:100%;aspect-ratio:16/9;min-height:260px;border:0;border-radius:12px} .tcc-settings-link {background:transparent;color:inherit;border:1px solid currentColor;padding:8px 12px} @media(max-width:600px) { #tcc-root .tcc-panel {left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 24px);padding:18px;border-radius:14px} #tcc-root .tcc-top {margin-bottom:12px} #tcc-root h2 {font-size:25px} #tcc-root .tcc-actions {gap:8px} #tcc-root .tcc-actions button {font-size:13px;padding:12px 8px} #tcc-root .tcc-footer {gap:4px 16px} #tcc-root .tcc-footer span {margin-left:0;width:100%} #tcc-root .tcc-footer a {min-height:44px} #tcc-root .tcc-launcher {left:10px;bottom:calc(80px + env(safe-area-inset-bottom))} } @media(prefers-reduced-motion:reduce) {#tcc-root button {transition:none}} #tcc-root .tcc-actions-single {grid-template-columns:1fr} /* onoffice.css */ /* TOJA · onOffice-Kacheln ---------------------------------------------------------------------- Die Kacheln tragen bewusst dieselben Klassen wie die Propstack-Kacheln, damit sie ohne eigene Gestaltung genauso aussehen. Hier stehen nur die wenigen Ergaenzungen, die dabei noch fehlen. */ .toja-onoffice-karte { text-decoration: none; } /* Das Bild kommt von einem fremden Bilddienst und bringt keine eigene Groesse mit. Ohne diese Angabe faellt die Kachel beim Laden kurz in sich zusammen. */ .toja-onoffice-karte .tjps-card__photo { width: 100%; height: 100%; object-fit: cover; } /* Fuer den Fall, dass die Propstack-Kacheln ihre Bilder absolut setzen - dann tut es diese hier genauso, sonst steht sie schief daneben. */ .toja-karussell__bahn .toja-onoffice-karte .tjps-card__media { position: relative; overflow: hidden; } /* 99060a74702cd3d5.css */ /* TOJA Nachtrag 1.7.1: toja-immobilien.css für */ /* TOJA Propstack Immobilien – Design-Tokens aus dem TOJA-Designsystem (Bayerisch-Blau, Poppins, Radien und Schatten wie im Prototyp). */ :root { --tjps-blue: #2B5FAD; --tjps-blue-dark: #163764; --tjps-blue-deep: #1F4685; --tjps-copper: #C4401B; --tjps-copper-h: #A2361A; --tjps-green: #2D7D5F; --tjps-red: #D72638; --tjps-text: #1A2A3F; --tjps-soft: #4A5567; --tjps-muted: #606F85; --tjps-line: #DCE5EF; --tjps-mist: #E8F0FA; --tjps-paper: #FFFFFF; } /* ---------- Kartenraster (Shortcode) ---------- */ .tjps-shortcode { width: 100%; max-width: 1280px; min-width: 0; margin-inline: auto; } .tjps-grid { display: grid; width: 100%; max-width: 100%; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } .tjps-card { display: flex; flex-direction: column; background: var(--tjps-paper); border: 1px solid var(--tjps-line); border-radius: 16px; overflow: hidden; text-decoration: none; color: var(--tjps-text); transition: transform .2s ease, box-shadow .2s ease; } .tjps-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(22, 55, 100, .14); } .tjps-card__media { position: relative; aspect-ratio: 4 / 3; background: var(--tjps-mist); } .tjps-card__media img.tjps-card__photo, .tjps-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .tjps-card__placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; color: #7890AD; background: linear-gradient(145deg, #EDF3FA 0%, #DEE9F6 100%); font-size: 12px; font-weight: 600; letter-spacing: .035em; } .tjps-card__placeholder svg { width: 44px; height: 44px; opacity: .8; } /* Einbettung in den bestehenden TOJA-HTML-Code: dessen ID-Reset ist bewusst sehr spezifisch, deshalb erhalten Live-Fotos und Ladezustand eigene Regeln. */ #pg-immobilien .property__photo { width: 100%; height: 100%; object-fit: cover; display: block; } #pg-immobilien [data-toja-propstack-grid] .tjps-card[hidden] { display: none !important; } #pg-immobilien .toja-propstack-loading, #pg-immobilien .toja-propstack-error { grid-column: 1 / -1; padding: 34px; border-radius: 16px; text-align: center; color: #4A5567; background: #fff; border: 1px solid #DCE5EF; } .tjps-card__status { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .04em; background: var(--tjps-blue); color: #fff; } .tjps-card__status.is-new { background: var(--tjps-copper); } .tjps-card__status.is-available { background: var(--tjps-green); } .tjps-card__status.is-reserved { background: var(--tjps-blue-deep); } .tjps-card__status.is-sold { background: var(--tjps-muted); } .tjps-card__body { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; flex: 1; } .tjps-card__location { font-size: 13px; color: var(--tjps-muted); } .tjps-card__title { margin: 0; font-size: 19px; line-height: 1.35; color: var(--tjps-blue-dark); } .tjps-card__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: var(--tjps-soft); } .tjps-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--tjps-line); } .tjps-card__price { font-size: 19px; font-weight: 700; color: var(--tjps-blue-dark); } .tjps-card__cta { font-size: 14px; font-weight: 600; color: var(--tjps-copper); } .tjps-empty { padding: 26px; border: 1px dashed var(--tjps-line); border-radius: 16px; color: var(--tjps-soft); background: #FAFAF8; } /* ---------- Exposé-Unterseite ---------- */ .tjps-expose { padding: clamp(28px, 5vw, 64px) 0 clamp(48px, 6vw, 90px); } .tjps-container { max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); } .tjps-back { display: inline-block; margin-bottom: 22px; color: var(--tjps-blue); text-decoration: none; font-weight: 600; font-size: 14px; } .tjps-expose__head { margin-bottom: 26px; } .tjps-expose__head .tjps-card__status { position: static; display: inline-block; margin-bottom: 12px; } .tjps-expose__location { font-size: 14px; color: var(--tjps-muted); margin-bottom: 6px; } .tjps-expose__title { margin: 0 0 10px; font-size: clamp(26px, 3.4vw, 40px); color: var(--tjps-blue-dark); line-height: 1.2; } .tjps-expose__price { font-size: clamp(20px, 2.4vw, 26px); font-weight: 700; color: var(--tjps-copper); } .tjps-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: clamp(28px, 4vw, 44px); } .tjps-gallery__item { margin: 0; border-radius: 16px; overflow: hidden; background: var(--tjps-mist); } .tjps-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 4 / 3; } .tjps-gallery__item.is-main { grid-column: span 2; grid-row: span 2; } .tjps-gallery__item.is-main img { aspect-ratio: auto; height: 100%; } .tjps-expose__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(28px, 4vw, 48px); align-items: start; } .tjps-expose__section { margin-bottom: clamp(24px, 3vw, 36px); } .tjps-expose__section h2 { font-size: 22px; color: var(--tjps-blue-dark); margin: 0 0 12px; } .tjps-expose__section p { color: var(--tjps-soft); line-height: 1.7; } .tjps-factbox, .tjps-contact { border-radius: 16px; padding: 24px; } .tjps-factbox { background: #FAFAF8; border: 1px solid var(--tjps-line); margin-bottom: 20px; } .tjps-factbox h2, .tjps-contact h2 { font-size: 18px; margin: 0 0 14px; } .tjps-factbox h2 { color: var(--tjps-blue-dark); } .tjps-facts { margin: 0; } .tjps-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--tjps-line); } .tjps-facts > div:last-child { border-bottom: 0; } .tjps-facts dt { color: var(--tjps-soft); font-size: 14px; } .tjps-facts dd { margin: 0; font-weight: 600; color: var(--tjps-text); font-size: 14px; text-align: right; } .tjps-energy { background: var(--tjps-mist); border-radius: 16px; padding: 24px; } .tjps-energy__note { font-size: 12.5px; color: var(--tjps-muted); margin: 12px 0 0; } .tjps-contact { background: var(--tjps-blue-dark); color: #fff; } .tjps-contact h2 { color: #fff; } .tjps-contact p { color: #CBD9EE; font-size: 14.5px; line-height: 1.6; } .tjps-btn { display: inline-block; margin-top: 6px; padding: 12px 22px; background: var(--tjps-copper); color: #fff !important; border-radius: 999px; font-weight: 600; text-decoration: none; font-size: 15px; } .tjps-btn:hover { background: var(--tjps-copper-h); } .tjps-contact__direct { margin-top: 14px; font-size: 14px; } .tjps-contact__direct a { color: #fff; text-decoration: none; } @media (max-width: 900px) { .tjps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .tjps-expose__grid { grid-template-columns: 1fr; } .tjps-gallery { grid-template-columns: repeat(2, 1fr); } .tjps-gallery__item.is-main { grid-column: span 2; grid-row: auto; } } @media (max-width: 600px) { .tjps-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; } .tjps-card__body { padding: 18px; } .tjps-card__title { font-size: 18px; } } /* reset.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):not([contenteditable]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):not([contenteditable]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none} /* theme.css */ .comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} /* header-footer.css */ .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important} /* custom-frontend.min.css */ :root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{display:inline-block;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-circle-logo);font-size:2.5em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video,.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1214px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-custom-embed-play{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(calc(-50% * var(--direction-multiplier)),-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));height:100px;width:100px}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:1366px){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1214px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-inline:auto;position:relative}@media (max-width:1214px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-block-end:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1214px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1215px) and (max-width:1366px){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1366px){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1215px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1214px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1214px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1366px){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1214px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1367px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:1366px){#elementor-device-mode:after{content:"laptop"}}@media (max-width:-1){#elementor-device-mode:after{content:"tablet_extra"}}@media (max-width:1214px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}:is([data-widget_type="e-component.default"],[data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con{--margin-right:0px;--margin-left:0px}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-button-align-start .e-form__buttons,[dir=rtl] .elementor-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-button-align-end .e-form__buttons,[dir=rtl] .elementor-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1214px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-tablet-button-align-start .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-tablet-button-align-end .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-mobile-button-align-start .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-mobile-button-align-end .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;fill:#fff;padding:.5em}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1214px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1215px) and (max-width:1366px){.elementor .elementor-hidden-laptop{display:none}}@media (min-width:1367px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}} /* 4b3769a572947c83.css */ /* TOJA Nachtrag 1.7.1: 7d433e116dad3ec93e835b49ae0cb428bb78b37a.css für pg-start */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }.elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)),.elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)){ display: block; }.e-background-video { position: relative; overflow: hidden; }.e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; }.e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; }.e-background-video__controls { z-index: 2; }.e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; }.e-background-video.e-background-video--playing .e-background-video__play { display: none; }.e-background-video.e-background-video--paused .e-background-video__pause { display: none; }.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; }.e-accordion-item-header-base { list-style: none; }.e-accordion-item-header-base::-webkit-details-marker { display: none; }.e-accordion-item-base { interpolate-size: allow-keywords; }.e-accordion-item-base::details-content {block-size: 0; overflow: hidden;transition: block-size .3s ease, content-visibility .3s ease allow-discrete;}.e-accordion-item-base[open]::details-content { block-size: auto; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base { width: auto; height: 100%; max-width: 100%; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg { width: auto !important; }.e-accordion-item-icon-base svg { transition: transform .3s ease; }.e-accordion-item-base[open] > summary .e-accordion-item-icon-base svg { transform: rotate(180deg); } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } /*# sourceURL=elementor-frontend-inline-css */ /* b88d385eb98b7787.css */ /* TOJA Nachtrag 1.7.1: post-10.css für */ .elementor-kit-10{--e-global-color-primary:#1E4D8B;--e-global-color-secondary:#1E4D8B;--e-global-color-text:#324A6D;--e-global-color-accent:#C4401B;--e-global-color-60da78b:#02010100;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-accent );}.elementor-kit-10 a:hover{color:var( --e-global-color-primary );}.elementor-kit-10 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-10 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}}@media(max-width:1214px){.elementor-kit-10{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-10 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-10 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* post-1049.css */ .elementor-1049 .elementor-element.elementor-element-4df1262{--display:flex;--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}:root{--page-title-display:none;} /* base-desktop.css */ .elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-collection-loop-base{display:block;}.elementor .e-collection-loop-layout-base{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;}.elementor .e-pagination-base{padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}.elementor .e-pagination-prev-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-pagination-next-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-collection-loop-empty-state-base{display:flex;justify-content:center;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;} /* local-1065-frontend-desktop.css */ .elementor .e-4f047f8{padding:0px;flex-direction:column;} /* base-mobile.css */ @media (max-width:767px){ @media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}} } /* post-1065.css */ .elementor-1065 .elementor-element.elementor-element-a90d3f3{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} /* post-29.css */ .elementor-29 .elementor-element.elementor-element-c5fe9e8{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} /* Stilblock */ .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* Stilblock */ .kb-verweis-zeile{ margin:14px 0 0; font-size:15px; line-height:1.5; }a.kb-verweis{ color:var(--color-blue-deep, #1F4685); font-weight:600; text-decoration:none; border-bottom:2px solid #C4401B; }a.kb-verweis:hover{ border-color:var(--color-blue-deep, #1F4685); }#pg-verkaufen .kb-verweis-satz, .pg--verkaufen .kb-verweis-satz{ margin:32px auto 0; max-width:900px; text-align:center; }#pg-ueber-mich .kb-verweis-zeile, .pg--ueber-toja .kb-verweis-zeile{ text-align:center; margin-left:auto; margin-right:auto; }#pg-ueber-mich .kb-verweis-zeile a.kb-verweis, .pg--ueber-toja .kb-verweis-zeile a.kb-verweis{ color:#fff; }#pg-ueber-mich .kb-verweis-zeile a.kb-verweis:hover, .pg--ueber-toja .kb-verweis-zeile a.kb-verweis:hover{ border-color:#fff; }.refs__alltag{ margin-top:10px; } /* Stilblock */ @media (max-width:860px){:is(#pg-start,.pg) .m-clamp-lead{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }:is(#pg-start,.pg) .m-clamp-lead.is-open{ display:block; -webkit-line-clamp:unset; }:is(#pg-start,.pg) .m-lead-more{ display:inline-flex; align-items:center; min-height:40px; padding:0 4px; margin:0 0 4px; background:none; border:0; color:inherit; font:600 15px/1.2 Poppins, -apple-system, system-ui, sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }:is(#pg-start,.pg) .hero .m-lead-more{ color:#fff; }#pg-start .hero .m-lead-more{ color:#1F4685; }:is(#pg-start,.pg) .m-hero-tel{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 10px; min-height:44px; margin-top:8px; font:700 17px/1.3 Poppins, -apple-system, system-ui, sans-serif; color:#fff; text-decoration:none; white-space:nowrap; }:is(#pg-start,.pg) .m-hero-tel svg{ width:20px; height:20px; flex:0 0 auto; }:is(#pg-start,.pg) .m-hero-tel span{ text-decoration:underline; text-underline-offset:4px; }:is(#pg-start,.pg) .m-hero-tel small{ font-weight:400; font-size:14px; opacity:.9; }}@media (min-width:861px){:is(#pg-start,.pg) .m-lead-more, :is(#pg-start,.pg) .m-hero-tel{ display:none; }} /* Stilblock */ .toja-nt-versandfehler{margin:12px 0;} .toja-nt-versandfehler a{color:inherit;text-decoration:underline;font-weight:600;} /* 28d66f5ad3f5b513.css */ /* TOJA Nachtrag 1.7.1: 1c675a7419abd1115bef8eae327261b5267d8e47.css für pg-start */ /* ============================================================================ Kompatibilitaet mit dem Theme (hier: Hello Elementor) Setzt alle Elemente, die Theme-Resets anfassen, auf die Browser-Vorgabe zurueck. Das Prototyp-CSS unten ist auf #pg-... hochgestuft und gewinnt deshalb immer gegen diesen Block. ========================================================================== */ :where(#toja-header) a, :where(#toja-header) p, :where(#toja-header) h1, :where(#toja-header) h2, :where(#toja-header) h3, :where(#toja-header) h4, :where(#toja-header) h5, :where(#toja-header) h6, :where(#toja-header) ul, :where(#toja-header) ol, :where(#toja-header) li, :where(#toja-header) dl, :where(#toja-header) dt, :where(#toja-header) dd, :where(#toja-header) table, :where(#toja-header) th, :where(#toja-header) td, :where(#toja-header) img, :where(#toja-header) hr, :where(#toja-header) small, :where(#toja-header) b, :where(#toja-header) strong, :where(#toja-header) pre, :where(#toja-header) code, :where(#toja-header) figcaption, :where(#toja-header) details, :where(#toja-header) summary, :where(#toja-header) label, :where(#toja-header) legend, :where(#toja-header) fieldset, :where(#toja-header) progress, :where(#toja-header) button, :where(#toja-header) input, :where(#toja-header) select, :where(#toja-header) textarea, :where(#toja-header) optgroup{ all: revert; } :where(#toja-header) a:hover, :where(#toja-header) a:active, :where(#toja-header) a:visited, :where(#toja-header) button:hover, :where(#toja-header) button:focus{ all: revert; } :where(#toja-header) [type="button"], :where(#toja-header) [type="submit"], :where(#toja-header) [type="reset"], :where(#toja-header) [type="checkbox"], :where(#toja-header) [type="radio"], :where(#toja-header) [type="search"]{ all: revert; } :where(#toja-header) input[type="date"], :where(#toja-header) input[type="email"], :where(#toja-header) input[type="number"], :where(#toja-header) input[type="password"], :where(#toja-header) input[type="search"], :where(#toja-header) input[type="tel"], :where(#toja-header) input[type="text"], :where(#toja-header) input[type="url"]{ all: revert; } :where(#toja-header) [type="button"]:hover, :where(#toja-header) [type="button"]:focus, :where(#toja-header) [type="submit"]:hover, :where(#toja-header) [type="submit"]:focus, :where(#toja-header) input[type="date"]:focus, :where(#toja-header) input[type="email"]:focus, :where(#toja-header) input[type="number"]:focus, :where(#toja-header) input[type="password"]:focus, :where(#toja-header) input[type="search"]:focus, :where(#toja-header) input[type="tel"]:focus, :where(#toja-header) input[type="text"]:focus, :where(#toja-header) input[type="url"]:focus{ all: revert; } /* all:revert setzt display auf die Element-Vorgabe zurueck - hidden wieder herstellen */ :where(#toja-header) [hidden]{ display: none !important; } @font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAB6gAAwAAAAAP8AAAB5NAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAIFUCugE0mgLgzYAATYCJAOGaAQgBYNCB4QLG5YyRUaGjQMA0WQrEVWb97L/Dwl0jB3MDa2CDcZG42gh5ATLje85ZRoKJ8TQXFdmW/Pxs2ZlQgQKG9yGsAF08tyb/1YzHWQanz9Ck1PsRNQaZM/sPYNiS0ISy9cI8su/jo1wqQhHoGJJAXoA2I2xNcE8mSexRJRVLESSrTPwEr6GvV7/4flt9oxcWjURHaISLfChf8CHT6YKmAOrVqVrb7qoupTtKt1lrC8itvP/0/X63szKcK9kF52LCqiGojKPNMv6rG/LlJhQJ92qaAxchaAyVkFYfRk4ANQAAQRONQZbxoiDoTOyPrLBibxTb45lYpubAwb1wCNqWm021oTygdWA2z65JSAV9d/rLFvptJqTD6GDhCucfr2BWpMKO6Dyqq8nyfpf8tfJsr02L4FvHC3MnMOSQraqAHB3KVkOKgRYEVZUNKnCRVOnTJ2iLFPF1HQ6J+l0p5Wako5leDzhGFuOvR+VlKjo8YBBbDar2WG/9c2FEyOEk4pRzV+foQBrlZVKOH1WbwPpAoA5AZhNemiSJhbejgxwJLdhGmHppbz7ZVwOTQroM3UBLh2n5SpOsIm2Eq0CD/rCFdQIngYO7Egu/v+w8NLZ3n0CnkWH6YFeBexjZMuMKbZLgkc9mSftEC48AWzw9n/GsfJT6ov9uJ/uyyUVkxaQyCQKSUyCSc+vDpCzyXnSAuXCuoMzLZvkkApJpfGiv1Rx/j4/n8/ObbP7f3vg/nf3v7v1qCsuu+Cs3bapvfnIX7zxPEiwin1qQV501z8BGz4Etr0NwNgK5FfErzA6PSAWRBAkQ9CeKW37GM1eudP44lHrKTj/9/54974FaY8dJwtBKAf0QHI+4FsZwC0M4BPSXMkcfsgPew4R0546zNsFqwqkfPRXGYjSkHyXWrhvhAWBKXYhKCYcxwSp3Un56y8/OOX6aljClBwXD/gR/xXrMptnY9oQyr4kKceuGnaL7VBoKSIGoKMBzwMeHxRX6oldkbHpwryvXLtdU2RMb3gbEcvjlCPga4d51zvt0PcOsWEoyy2Njug32/CcR64LaqUOGXtVfzTDkxqnVOLn1fRYiODArCNMtJd5CtNWUu3AIxZIY9C8AGEexk2fTFrXSlzaRf/eDRa3VF6DK3HIIaFsb5ejwMHPVs6mywsQoj43Rgp0ximetVGrkQ6LklZKZRnnfmNGf9kWvrIr9nUDt0pYOGUelKi0cNyIgcMd08gf5uB4nsoiFgVx631z/a44P/n4WU6Z3IhA0itx/teRb47yxmdTmtzz4/xfCidDLlpLhd9SVcWipkOHZTheYUGsdQ1bqiplVfl1lGW+TPJSxfBuuVYrWNHtgkChVAp9E50KDry/9Mid/9y5KWlyalOWSpgqGwgavXhXkajpajKSUJnku6xUzGnF31EsBBTK4lF1w2tGQ4FAOxPRvtC8xOWdAeHYOGz0vdr82mc1SeFTSWBAoVQyK58e+0ON7oCWEGQs7zVA9c9TU6k9bHp9stXLNAqjVnCzriQQThxPPF28qyKjMj1l7OC/R2BECWltAH/zXUDNv4twxt/O5zNwdnhqngAMSFUxGfqs7pEW0kCS6TstUsn/lkKHlD0k7ebXiwwCWbORsdwzuHcoGd7J4sQM/WU1wYBiq8wq9eQGUxNJuGWCZH6+sEGwq4dCPdRIhpAq4vv3NWDJMJ8vsGkjkzdsx+ZFNIBBNPWhTcaJSU8JA/JY0EW/QbXN+XxsOaGSPkovYQky+O6s8e/bDEx56bCClW3J61JopmfFv6kX0mzU5gBMd2tKSbiqaa909aLgYjMCoE4rGh/K22hVjFvIBQ0E0NQYTdnSVO+O7L5pbGEvPdRFv+v6s1TeedZCu4lOm60O9zUNLNJ9AwELfQBySDCLgrmjB3kghnK2GF6rdnubYZUlUc3pM7XNULs8mobYcqfO2LOi3OBHn5WqtFx6Rfv0nxC/U+2Ff2/mRQYNZGOGqo2MMhhYKA8PQzL4BuH3RU405OQrqUDqCdagKgOww7KBbTqyleDXus4PSFx57ksHjpvOxMqirRglQt3vOTFpdi3/p+MRxwjAgOsY9H1OrARVVtfVZz5q3luD2RTQ1l7kLNh1kqNRORPZ8g5i5nXxTfe79fRL9A3702F1zKpEFFtTu+1u2acxsEPVIJ3jHXbRJ8D09H6CymKUOCt0xp7N1r79b7M/nZFN6tRYqMOSy6JrKWAbWpOUvDENyX0DucJnvYnw9hizeQeO84GFb1AsXCOusKRvTrY+Ko/8Fj6n6ocPdQCvLz5yfl43ttFQDBKjFxc8kGoWD7RpDDRbc+zhczMDb+t1sualLnhsh4QLilzvFMpzX0zD/VKfO0hwFhjP154Nnt2UGPi2fXsPWPh3/TtZKr173u003KUfKaO4hUDiEq3FqpSbrHCIV+jB8nOv1HGx/OBW5Qp+t7Mo3duV5ARyxoGdKAd221xe5RbY3aRkd+ZuuVz3FY0zfgMSwvPkAw9SUxooQqHpk/zS4F0VpcOyoJlvRs23AJhU3/VzJBncC8s0xPISiwuB3KWrkxb0n4VMeNVNtUUhk6K/WvzuoNP0+T+eSs7juGupfjhPu1VocxHhZDWUENDThoNukTr1Bk0mfy9t3hshwCG1pddZCvObDY62pBAYFg6tgj6S2p3EWxvje4Vy/fg08p7GD+0pTBxTvNSz5HitRvCOlJu/t3HjLvyYTpviwumU2NznfUc1dMh1YMI2P/fXZyXlrRIrrsrfvSc0LHfHOctIgIjcy3jiVmm1mvVKyfuuq6juc8LfEDPd6+kXzq6IGvpZTVx2AVINbawhbndRCQtZDTIk1tN3sD/46moizJ+RSYaK/qtZK4Ou2c+Z9MyKcAuJ1rNV3MtFme7oh44YuodjpY5Ol/S/E6/47+mSCzn1z27SGi/uruCW773ObiXUW3RXOidQAcCmcphfBLMPBxfzeWjiA8e8J8pgNrgqc5eufYIpotugXyIYX6UFKHJVXb4wmb+rDxrWncXy4FsMfrH4o/IHrhi29G+H1tt6kI0rzgcOzvtu2+jMg96LwcMLTGwXu2SeHsqcHXimdJAAVzO+d//SumsCE1C6HqXBQWBu/hx2jiooT1lI29RSmy78f3hQJ0BLnaCylFLg6HVnejM7E73YSk9iZpKjBcxOuPrb4DwyZjv14KU6QUhtuV8aGy7R4H46PQFKS8h+6np+/kx+3kzdeD0PpB4pyXh6prDS6QjPfBrcM5THt8j20t9Tw7iB8gdkZ7er9spO0z9kPgTUu01250b9Pr0B/l9Pt3nrlYkmmtmVFg0n4TqJQnMiT5VlqqzH5cZosz/JRrNb0kLedBi3vVE9SzHfUlWvUy4ugYW/JFzWyMU/vYdoBCJYpMjJBLUDBoNUxoJCKcikD1TJXL0rju2OryI/y2Q+R6G8w2S8Q/nk7QfwgSqPfZHGdxhnhHL/UXuWAsKBhupenhbt4EFBOW6NmhZQylXV6qDFpPPbE2F09qo6xkoqqc71+VdvD8nbdbqV549um4ixfPStN26Pc/pptbCumg1S77bNenpm1tPwiq+DfOZcZ3U4qE1rb41VHjrQVhJpTcMB+4k0Qsk6cGiP29dYe4furXNnbC+k3weWTF7eKN8kf265fdZecebe5Y53N8k3yp5b4Zi1F5q9F6DWm7eVt29IbsSvdRNs6W1JYWlTAJKsj+jC3rNZsAXJqrIARWHbtbExjj57oe2psfHWpy4c9BUt0xEajSAd8jcULb/+Q1veABZskp++jm0G3zz98sdtCGwx6C2BZAOcEls8EmkcXBQefvnOREcP9BkHwF1LWyPqIJNl4cm1XnVmCjrHGiAcPYuirWsWZYTgdJXfQuhNRtnOT/Khgpk1Yh2Kwi50GQwqTvE7vrbe6ZB2nEZOJ741tp0GkrfGwMogTWhpUdHbpSiva5HS3LKsfY4Hma30Y4jT1Wy3un02sZNPqDZdAC8eWNHUuCPpLNQFa9tGlnerOO2tcsNk17XzPQ8aoq0ZVuXzS6wLeXqhOdjhI7x+s9PdaAXfT+ZPYkVbtkreBZvWKexSgcDWxsJxQhQtkCicb6vnE0FEIQv0cPV6IFgKZI32Edm33BhBuFG1zKvV6Vyv7K9rLa/3kyZkdthDFgxvxi3g5BICgQOeiaRTlHYZ0rZ0SZea29EmJTZ3Pn4uHouvC0XbMxzKl0cNFKaOb/G1OQlf0GTzBm1AOfbPl7zA/e+X9wRMv0seSO6/Bj2AAOF2v/u1AOFzTWyBT7podbg3MSpJOlDcMqAIqCwEDBu1CrVE4GpgyW0vf/WP9uHRI1bnVJOBvcnvkrOryr4P8gR6m9eIS5dHCZQD1309WyvlkCvmqcV1MoI0ALnw5RvghqFn+qOvjIB1x6a2erUVB52VLW0HTM7J8Ial926t2qjAdUyW3ZGVLpSgQr5RWtdUL4bUQnDvmExyDH9wyXj/Em6+OTZM/8ODt/zmRiWfZ4uwsF/i37bHGg1KxNQJSo9gehUk1ivxg7/ANkwud+G6o1knAPN59+E9nob+47GFYUsZOmJ0EiMYstbtRtaMYIRzxFCGWBaGTkT7GvZ43IdawMT0MatzX3SRc+8xS98b8Te2Ld+5c2x85+6JMWwMTK5IyRBnZFSLo1ejYvDKtJiXkixOVqFx0P9DGTxisBpGMWy1y4WtGcUM2j4Z2pdMUERd3GSve/uUPdC4z+M53NLiObzP09h1onNhCDim4yg2iqFxVDwqBpPTcTQOJqazTI0NFnu42YWlCzBIyFeys8ALDJUajaMYA3WjPq0fTAr/FSnjKPjnlcto9e8U7u9VC9HLeKY90w6C6EqdHo2jK3EdCqipGeImIe7Eug/bREhGMWyt2y0nyEzWELv25w/m7uiPDmyqRePv9A9EvdiGjSiBOTYVbwJb1+/ZyhA2puZs9x81102fscu8wQaRH33w/NnKFVVo/O3+oU6v3tFum3eFusK3yWIxqhEj7tgIbqS2MiF7Lq4y6gnMohHS31cXP4VkmytFOqWg3hZhqhoHAum4vt2oguVWlZj2HlxyQZ1trRLpFGyuM8LHwFfT4mdXoCueE4OJ6cdbm0IOR0NT2+PoY2s2runuloY1j4Hh6fRpk//46O/FvogBcWL8hWnDBesVqw48E9cdCF8OG86FD4aBzveOz3Cp8mSl4e3g2x7DRfJpsgGUTd88PR+df/u08ZH2h9vBYmlE9pgwCHtkZ4UgK+e42PWtC9rdAE4fyw1bsFzYAv68vBs6aBTvBtHTmq9T5Xi9tU+dBxay8r4S3FshmBmQA2ZEtXQA1hm6sHVDKBkd3tGlMeADiGqZ7VMFP+TjC8VeLq8JVvPCXp5YuEb7XhW4cNsYQuj6YdVSm021zIfihi505xByD4EmLR51Kg1V8WLedy+2GjAj6qWDMBFZGcq26z72qZB6J5vTpNFwQk52PeJTfaLLtq6KhIlBWL3UTgkS/UQ0vcgJIXoPHVnfrSF0P18gaXr2C3S+00njwT7ll3iOcWU4RAzD8FK7Xb1sWG0w9KllPSgi49iddTxDNJTiWQ4oXyz7Ev1SD+kpbo+1WQKHpJRlYEVNN7Z2EGXpFL29MrxtPDTfjhSG1Vq+lcZ0Stbt6JLDsMF2ij54X5pXfFtdE1fYTigQodvlJ4z+UGMteg8t3xrmy4F//Wf5+Z/m5X2an/9ZHrmZjJJB06Pcuj2gxMpMlVKmYkso1fOrD6Jg8NZvv3/44B795NemxHnJWWDy7j30HuAepg0N9aZ+GLsfJ7yRRuqF0z1MlIwGJoI8CGtXFyjzFO0wDC7VjZJqsqD7B+ff1siTgZ9nj8DoUrsdWzoKE8Ti6wobtmxJo8/LEjZpNPVNagkEYAVIsAclcP6Wmbgs4LtKdGumRpAqZGjS+gNwSabrcWAIrUJHBnos7Qt59tdAPaLN0XvNDWyUjDaCc2kDjlRcQ+iFSpGCTy3lhr99Q1du4FOZame10NXhSiJQJiyW8JXshaTWqTkXkLKieTQmbK8WgtNfWDl2lkKiwzHYaNVD+jFsbAoC1Aoy2tAT4suaRod65Ui9akJqQJb6sc/wjyuMY4gOcBLJpyvQqVc8xvQ/RWzdxzs/Rqc+WfsJiG38ZN0n+IX55+Ybxz9c+6H23JwLOSCrIlddqW1LutlJPPHWlbdAn2iBOCYuPJcrDouBfVtrgZ+RaU7P8FVrCI2aI6XQXmFWZrgyMq2segG+MXGjAK9nZlozM1yVzFdoFClHTWg01Rm+jEwLzd9aCI6F0BEUfCb30zItGQKYzJlMhtVlxor0TDPjRSgQAZZCpuCUTBw6cD2rpFLKz13eUtT4zLIfcop5ej44wPK2s/LyH28+6RqUnqAHS9RO5ROqTH13yJ0cpkVa04bGOjqGxinfQAvu0Ak6tVRP3H6M1eaW5kCgJWIGuSLowhMHqRZJ1ac9nIZv5ymoEq43wJGGOrpTnAq53gBLTRq8at79ZzmX3ijnVtmd4IJ4ThzEn4EkF0+D+D9K5awZmLkIid68CmYWyBYvV8ASSI4yGFJEIpHATLCkdzvvPNjMfJn/8ln0bHQwN58HvIdS3vhw+9DGCFKT8tEeFEkrXwdwyqpWcGvpame1xNvnTCZQM6yAxUoGo/QDpOJO64I2ixYye/C5j8JyXg1D7aI8ifU4tilHVGpIxaCXCeRfnnWrGReb3Np5v0c9CKG3Y7x6N0xwtRVOMpDGTufkzJLrTvpuFAZ+ubHX7TjQ0uI4qKlIJLEH2QMNftK4Sbc1EJAVG0x+v4LQvjEA2RvrRW2YhpC+/hI8ZsqGlf9jbK7KEXA4HEEVG+f8qMzGogYdICO1ZpzG5CJ1v+KigEh7F6nlsHSMWgvvPKzl8hGtTIYQPhfWyMCWwabz2QIscn5d6Hx/QODcy8iW70WA95yLy/GKRByPQxl2J9YjeN0OrNPl12qZ1czQPh+OJy6uhuwkga3AXveBv6JpwXApc27Z3Lmlc5mgPS6wCkCpIR/EcTQaebUGfR1b550deVIpwmahVyaTwBoqg2WgdfE7NyT3JTeyVdCNq8qrf5ugcDPzT2osUMapKJ9fXAqkIsa/Ir4CYlCv/W6Rg8otME/Iw0R1C4o+SHx5hURF6yGRms8WjipJgZLSzSRWNYsUKy02lkPPCMC9Z2cGBDPLAL2CjHaPhmRyjrEmaEGqEErIGzESnlBjLbgnH3GMyCvS+weiHs9grO9TcEYBsxj03/hhpmMhtZilYQyycVA6Qe9sEHEBGWZYzDQulxDlBXxmYumRdLpZQJMjGI8LYwqFGsVhUUwOdlAi5zH1svOUeQZQRTy5TdRoXB2Lb+zjYCLsSuXhP7W/cdqeGH5iBHgnBNj8Sm+LR+Mpnt6kiF2MPlppH4qr0LI8O671hA5KWH0ql74chz8lMG9VeoYwY3a1MHo8O3iMmIxPCRcdO/zzIfCpII69RmTv9kXNabJDIF7X7b7ESZ9tf6QlEj4ROBP4bvNNSVAZlL25ddUdjo/v3LNtLGUmOJMyBmYOHO3xZ/k2jhz99MiRw4c/O/zRY2DMdoGxRBtWtlP2UF9UaSSBlvP0LevpaLwlqOtdqWH9GbmPxIsKS5UDskWmgh8xFsHcpLhz0hR6FZncPNzm1GYDDm89uqn886Hc2NOzSOmvZWE05mdHPzqYU5SkzkPzFbgIC9pttvZAqhlDVYp67koa9f8JY7GynlZpMcnp5SxcqNDrzDoqygIqc5bwulzkctWxNUHlS/ps44pwI96Pnl8qXXqmR6uPLSBcQunpdyKfjkKLy5XdSi3Ro5b2IAjEdTrrBDwXrd4pGWv6w8f6+84iWMKJqa5ulmEg5EmRfIfrtg1J6UAlIyZ7TPZ+AOk4ei7SimwZwcymYUy90mFRLx5SE3CL9Pp39c13xpk1HVXNaRrJOkZNWxUe9nEFYQQVRLzceqGHzWuENVxckS8C9Dzb2si/a6D70DfWNg3MfieiHwg1bimsFT3DR/TJlU2SOOQWWzTiO7xPW0+RZQFj7DFxwnmiQubT14xwI+DcJ12EMQT5Thm7DIWKceQLRDOJ9O3JimDrnm+PZNZnzqYKY2cqrNv9DcE9f0mQfqVgw/ZAhflUTEhtW7wccrmw1de7W+0CyhVZwmfLeC47nYcEm8yqezEPGUo1C7DFRjMxCiOxVN48atg/shJsxGAx9KlkPejhf7xsYUijqQ8FVGxocsjDFkzwOcFrFNdO4zsXLAP7LqyxitaYh/srArd3TtHqjtPpx+toU/Qz84uKQGlJQnyDskpA2fjNquy9Jd945mQNLKyFQFXO2dKPtXOqfHUA2wKlQYCdsBV6AwKtd8yOD7jANW12htnsoPICdTBWX5/w1Q8+2jMfJE6w9iO1isWWrTDZKhWb5XEh7i7upQXPx3fHsV1xUCocIcpgCyV0PNo3cHF1eWcrxy8ml1B9nOZsXaB3rczUd4K98z9UyIjB6RtrLnIlcGZTS8qMmZwHJba1DR5Q/NQPDC9giwHbe4TewAez+2fX9s2bz2vABktGS8ALW6A1UIkG6v8LAA7IAqxK+vKCai4U5WFZSO9eWplCYg6ZuKqDxZO2VuJN7E6Kv5wRq1OLP73KUcWiK97EzrNYeTmaWOY38Sb2+R6vlL1X3FWOc0ZJKuJN7H4Wf/l1sfqFE4rFs/EmdmcXq3NUErgJFt5wEK8CiDexe0T85TGxenTxpw84jVicjzex27VY7WafvUDJ10UnE/EPODXMPfkvajkXPdNSQryJ3THxlxNUZeoi7mHe5SGxO7BYHaQ+k7kesIf6k0T4s/6gLBc4lgBTGWxu2NOVYDk5ZsdW3zwQn1NIx8GC2HMkW9XMf21unvkz5mTzpe+rLtW2ZjMS0MdjgvlBXsd7126aCchbY4IfXOCVaHkfCcTm9/gvTZh/Cb4DS0ivDR3W/Lv3Jn7EDyZooRfBan3ADyLU8oHu6XsVf9U6Emluv+Tj9DXiaqnMotHcfklf23czEcoxIE2BBAA9MuZZWEYaz+13/NNr8ybd/LM1I3Fuv9zha+b9P01uJErVyeW563Tj3r3D+U4TxvRk3TgrAViy8oO/u0XpPMlv6UnjS4CPn18cAD7bKXjt/i/3ZzLLlzLAKnRjJOFtVGttkiL8vQYa3mX50/yGbLbG+7+DK+k6g6aydpK+r65vqPbQrC9HBfBxo+Y9ULfQOjf/apqqR9XkCYy2UqZKeSW41eI0gtw2mvbTNE9xu4jbDfGEGnfNz1+wHmXNdwwFcGB8Q9eNSLUzjSSjPsuUPyPzfWrMrTInYj4f+9XCChkfgzDwVM+D5GqEBzaP0T3gSgibrtpJRB9SOOKKq1Wjt8/vHN10GqxXBHccaAClhzmSLN8jWLFkagQITGwgiPzCGN72ZIVv5ue5BQnMA5AyXdkHLELaU3mAQlih7NS10rxxNAp5R+j+tnnNwuzjSIod19n5EuW832lXkteG0bkW1SLrD7oSnEAqRyl+rqnMFfRuQMcLkD8IskphxpV1GzwqFVErdV9hlzKVV4w+pi4ZJHgsnXN975xTj5qOo/QkSv5APedHG/tHj1k+gAduAiQTEZvf1//qxzLgi74a2Vmv9cFDAPBrqLuozrl/EBabHAJi8N92dTmWB/5UWELNOtMHDwHAL2Dw8UVZYKxFg+UF5ZEo9Jf8GBR2jHKYKb2gUHY4OP+KoxDiiIXbLkbd+WqSoR/vfJJd8+7gKOgvSppm/li8AxKAT+0w200qRKpSgduAgYDV9pLgsgZ4zjRthooObkZSPjZjU57mgL5ZUMyWhCReQFLZGHBf32qrXXqJMRFPDOnRpiss6MWQCrKISKfQvgWTEUrPpFPdUpc2MYTeKLVpGYfwbNtkYeHRsknWXYOQOpFAcdt/vE2ELCJa9FukUU8vQy32DOtp1Eg4WLFAYkNwZKswJT1E2mUjZC4o9bPRemygBVPPRqlF20zvf/GmhEylKGaTNBdods1iwnoMY25noEai5d7Ol3Ac+VMgzcBfLP1rICIqJi4hKSUtI0u2HLny5CtQqEixEqXKLFCOpAJZpSoLUVSjqlGrDg0dAxMLGwcX7634BOoJiYhBJKRk5BSUVNRgCBRGQwuno0cwMDIxs7CysXNwcnHz8PLxCwhq0FjAEautcc2Ur6y12Qb7nHI0Z9zHVnnIL361KW+959zws/1O+91v/nDYOa94yXlNQrYKe03Ey171hhnXve5rzd7xprdc0OIn27zvXe9p9a3vjWnXpkPUIjEHderW5aPs6edhwKBvDBkxbNQSiz3ukGWWWm6F7/xg2gcuulTwoc985LIrHvWY5z3sES9Y54wnPeVq0UY/Zrt9uSSxhM+x04ilZHEHPFvF7+eo1IH/LEOpf8Jh8wEAAA==) format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,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) format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAB5EAAwAAAAAP3AAAB3xAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAIFUCucw0gQLgzYAATYCJAOGaAQgBYNIB4QLGzgyRUbuF6kFE0WpogTB/5cEDY6w8FewiRFiiIiwCNViu/tsr9/4UWMvAr0KA7RHNBNdUmOa90P/zMU5SgCu8gU+V5YdQeyqIxiyfoQksy3R8/vxm7PnfQWSiIeulsgkLZGk1bOECKHRCMVCMY/8Ozy/zf+jPddGT5kBBiBSksIlqrXBAK6KOdRFtXPV/00252v7LV/kXvw/F/Wq3V+yuRxsSdsZNTlZB2Z8qhgm+oJKAgQ8OBCnE+KkZeJ6aXAi79TZnw/e9fJx5P1/deU/WePAvfbZqkmVOk1BsmTYWYe9icMwPunGRRPAjojGYfiICUgF8Pc6y/ablshB8oyTaqFoolCXGZWhjuurvt6XQforr2wvatHrA+vQsASWj2QHAKurcilZPtQBVt4AQEVcUZ1rg0Wdoiipi46hNqjdeWYRKXPd30//G3rXtrTCjhKGA/C8r/kMFWBRpkxhJ07JdCBWJMAYIHQiGlpEYurVmgAeEgVVEEGN0s6nttavooDcjwlwfphUV+BLAu2zvrDNeYvOXhYowTvAjtWR6UvPVE/etGwD8AAge3MDsE0kIIAGrBIhjImR6mGHxF7JeYAVgv5fpaXNSMbzZR5sS0SkI7IQOQgkgobgISYWMTnxOUnI8VItwtFizYkJiFREJpP6p2oN4+F4b2wbWwqvzX7zsiH/cdUl5+23TdG31z7+Dfpr5UvpezX10o5/seINK+vpVRX1FxwzNN8uq82IApQYvltSvkdaRsdzfSYIrOybI2e0UNIHWaW2ekaoBy0mGJBZoGnlMwOx2klfM+MLUc4EmQTvYGm1G6fNnEZ7yJR6mJk+MOsDwg1O3Y0FgTE2zmm+QL/zkJoEGciOzqm+GNE1RDML2D7/C19vhDBNKzVxSeNkc5Syb6sMFzF2mSF6eAe0VPyjYtJ3zbk6BJmw7qTheiSf250Fcx+feA6J+XbMAfBl5yaNW7RxYhFQjN2GR3TKFtzqRKoz9y4g1dlX/V5mDkMow/vkdJmKYLd8tZYw0lrOkkN8EfIpsavPMK8XgOJZBlHs7BRtEmvyGOmrLVZtU70JNnC5gSU3mW8oMHDliuU0sgRTN/6saVziHxuMm3bzlWv5K1MpSqMLrN8rgJEOny/z1eEbeHafObBXBfJuUq1DR8OuwWYPonwLHaq3WYXPnsQnV7mq9Nn7fGI8uHdOQLSeHoYtW9jd2O5suVA0I8SXsj3o6OS/W/PEqmcl9x6Ceo9CMFJPnt2epGLzGHvgZWTI3UZwxrr6kaWZD4FCXJ/QxciagQHxL7lpkHd+MIxvUbOKW97aNFmu2ILvnozESqA3Ck+UUjU+yiqB0gL3Sp6c/gRjiuQ2BooKFD/Q3QZuwuBUQY/iV2oWc3Egu959yrZNxB3+KaLD768G1+D7RCFg8hqrGxZA6pGatHgQZaDCFyTyb1KRTzzBwdYPJ3slNQbokwuB3eJ46POJeO9VzjfJOpposdjUTE7NGRm47wMHxSTV0wwBcOhfUhz42//wVYQr3tMx1bEUrwV+x8t4ZK1K4CHGYIz9bie7NCkwyNmGTeMvhnsCP5yw3DTxLt7LtOJZ2LuFL8i4lcDBiLblkhTp+/N8+HylOOgxl9RMDCXwQynBwr23B3++plEqUKH0QktsqYtb0MFCHL1Q5y0Nl14pwZLBx5bsMx1OfchXcPIURwl8Lv9RiZE+qu28D9PbCk7z+U43j5HPujQUwu8RICMj5d59BqbbOdMeNq0GhUe/+ZyupT1M5WFcWzI1ZWE065reXu7ZOmtY3Tx5ls3Db6CzeVrfoNrEYsEWfKjcK58+TS/HtqUXD2I62/nyfgz0mwGHu5kXCaxBljJyXBwLKihJ5paMWFC57eWAQygYPmEZl06A4lCmLs40LbIekSyRYvoK5LN0Jcsz68XiCGVIuHO+G5s+M0+hebLBa+mM6gW/B7GR1YY7bB27wYQCPWgorp5U6W5A9L3nGVY0b4XXkquxBBnZ40EvNkiWLPsO69+sIjlqTTV8pd3RdpXF9TjzSTWZPL5DBur/N5lRO/gvZx+Slbu94k0B5iCyL9TDUAqk7IJwCDR60yLWuethMdx0uZ5rVp213CxAdIU2TulfzT/Ub6PlzHMVoiwtQnkJRbc4du2ahZl3UsZ+DHB5P9JYg0nWa/NxcAmygTsLSzMkZcvXrJJeEEuLfUAPnrBcJzYKOnxIgwelUmZ7c4twKL9c9AsdIqJURogupVFdHS+MNjomAGeuKpf5QuTAarLbLeHt0JwaWEvxeBDdCMI30aXdSE8xTPDhOpJVV9tqgRySkrjZYhm5bSZKQrDlYPDIZomxF/ZwEqwD/D9tTNfY49gtkePG7WVV5nFjTlFdHB69ZwchG/aWOrdUUEwWkDRIeaS8wXrdFJfTQxuaH3bjDxsG3Uyac8qQva0n9/w4DLB5C130TOpiV9a9r2RZUML6mkd24vTVpe/lDJRgGn++wtqN+oFr12UwM+Ib95NPkxU9qO0nuuTmNvBOkLqKRTl4iPMFVaCs6p/Vt6QnE3ECLRGA8GtM9SCrBhBldSdM+kAeWAwVUkoB9hVBKVzFndougMVdXxBuwZmyC52dNmMKZt4VB+5veInGcJ2/fEi+8BdGdsMwN8qV97ElARg6vA8+WtBUdIRNDiKv6DmHJA8J1eHx4c5wH8ps26aTBrzS0kmDKNsZMNFRaA1zjBCLu7U9rdyz3ei/L3n6ck74AI2SQXylrDfeahxTgUGp0cmB8Yf6fZtc+uZPKtdK6r036mSHDug2T556OMn2hfiy0ESLz4RsecVodGdNppaPo19E3d3n+R/k5DvtAF5F2cF8TVi8u/cVSmrZdh9YbebxNQDtDrJqq+VpYL9y17SRpQzbdXcQN2V4ayRR3FNQna4zywSjnKs3VuO6eO9AcCM/qMD42p7+9xUA8H0VP+4xyp2soB3JCviLjawvNeicYlHPpPm0ybKsejEPqaSP6dnW2+1kxKvN+XxyPAyFuhWYn/Cs834Gq9Us1y8Hmez/63GOGsnmS3Zz/TCj5tkUwurqiuR99x5xwzfHdnxSuvKbe4m44/vd3oRQ2nqDXU/CBo186nyxqeXcMINjTgMHTBfxfaz/ydXe8bkZdyGy7sjRPPDz4TMmobg+L4R+a7JXyCqRtSDYDj+gU56UIMNsr31FrKC+wC4jn/Y/f7WD4gfX6c68nihmjOCW2RvdcCkOfDE0b8b5PA7x5r7sbDHreWNZIHbHkrm3FPNuvR4YgW1TeedXVu9DXW8yOgqdB6ovz+L2V19CXmsyOsoGVlXHjEaFj4LsHTijg86OUkNqe2xLlaYLeXX1A84ibQ5NytG2NG7cgZgxxuOIbm7YrQWfcxYWQJVwvPPm354+nouePphaUDDv9geg0K/TcLkcEYt1Wo3Xiis2bw757nn3lhlNrKw4jJH1+mTSzrFyOo0GYyiw+MMAqvX6xW04scRPYLrYIrVPhXivJx+LFRoLaXQNukDOgiNNS5euzsyYcYeGBK3d5n1rT59aphXKQtfbsE6ClMcIRWFgxlq/9ORZH6apIjAXdregDu1pSKt1zw0A7I25ij15z6FIgH2cw1n57MmVsRV2sOYkWrkWT+YYtd+cuNUWv9VvLdGtwa/BTXbYak7YZk/aBqoo03c9d6ddg68DJtZ2JEgECcAcnQzzjI8uL450+hb96gT0nNb3tmzhgQuXWkcVo/6lPapEL0vAYmHEqXUJfjb/hg3b31EdQPvq733R4gdd+52aZo+4hcagcJl0tiSrOdy/vKOmqau9WiRaWV0v500wnY+1gNW/vK5WUFNK0JPLIeM3kQOQQ0InWd1ESeP65si6ZqKYw2JCHJLARLOlOzJUQEeg4D6nUj43ewFmj0H53/Wf2Kvse317I99/4XoJFgeUE1JNfomuXohuYkoosA/SNK1omGfyXpSSqUKBXigSygSlHNyzxhPXwXX7IaJS3hG24UBVCY1TTaE0SAXkpoZyWV2rBXuipzm8Gm6Yo3BfO68T8fkKlZAlkkM8gYoP5vQl9bWktsIV/wOKyz4yydxAVMgbiSQzmULRPV4JOdgQVNVGkkpbSYrLWMjeGnebT2cyyvuWiheVU6liFn50QsNmUpUCPk8hpDBUEAd8tAMiUISQd43fkEeA3ERGvbS5b7l/LfzGzf6iQbfW0dDijda5h8/wJOV8kYzFEinYTIFCBISrHv1vr9n6+H/jwMY4V6Ir4X+3BcAr3Xr7lwAa3unyVtT01ngiFFWRB5dW1BLEpA/I5C+IDQySvZrAdUwUwH/PN1ed0Bp2V6vI22qtAsLB+id2DEFusKlk5Sv8CqGxqL+qdEneonRxBpIkSW8i9u5YtSkw7HW/39G3Z9UmpyBngdSC9DcNqs27q7esfPFi7S4pkYdDqbA4Ga6YTczRYks+LQGvNuWWbmr/M7Tyz1CH+rmP4+eA3y3yinISWVeH4yeH5ghrSggqPIOl1IRhNlH+hyuZoWz66F+oDE/g02m7v9gP8t5zDByzVHjPNyKr1p10klj8BiajRS5ntDSU81lO0sl1yKrzDd7KAYtjoBYcHDqpsxz2eCwHTmq8D0MPO839Kzo6+9d0+Wf9YMRy60f7j58ssPdd77ODh0N21O3H9sc4OASg7wedRAcxv1TKgHXnfHtL3TxTlLXXHKeyrdmpsrrR1WJKBG1DIRgnPCUBLhIWgRHXMATGhn6z+xpsNl/DK+/8MTT6U8xvYHoeueywCXM+YwvGireAEesLm92XAX6K2yvw4KOvlB9/9QAOdf+C+BkBVsOG6Bj4OmyIioYBMvqYxXHMtb+SZfuAV2I/llrJq2woZ7SGop3JD4ul9VcZ4K6W2ptohmA6HPpR1Uwm22lv+P4mw/3Bh0FQvaxzxS1yhenJLs1+EfbkZesmXbn5NlLAG0eSjMmaLWX/JHiKZnXCueygL8hms8jkf6EgeBbtxbHMjC7GMyodomByN0zYuYt1eXQ5xKCbG0qENX3V0cZgPkQil94vQdSHmLx4Qz5DwSFR7I0UCZg7ZL9hgS3DdnBz6KZSo5RINUrlTfiGXtzWTZVKu6jCNv0NMDAUObQyaqjrNnQHAkxO6PZQ/7b5++f3gtFQ5xbSAVLfVvxWPFhn+czSd/Cf7f/0fmb53Np3aHbHbC+QDz0a/hf+9/Fw71HdUR24XsmtmjZDf3NkH0Ay96SjZrDGec8F7l6MH3X6WAXKG/ec0/eN4x7YdyrwcmHjq4Xt51aBcygP1gMeD+geNFaAvHpeb0Agglz4MVULqkUzXkVgC9tEvOXa98hYrbQYjZYWYTVUKlYvQw/xrWCsjgq++LcaXy5u43P7tFru8oBIxK4sHVfBM/BCxaoVWVZ09cuqoF316xQDr+MzRKq7V6avk6+sXu5INnY/hTB4gabSbNZUCaqyDd0p2hWVlcpOAa9P75mhmFyPfRzXMtOiDVVuZ0MU+GxwwygnIiGjkm3Ll3WnSpe7KpQ9AkGfXs/r6+GrFZ1cbpcqkLvAKIXoWkkvKJ2qnW6ZhuwQylltaHQSd+NQtaC+pBJ/TdWCk7ECHVydb0f9HLN/Wkek83ValW28ksjyhmrDdoPe+p9PB/hkSSWJ4pby/USJWMFmSxQSIjwDz75nyieBGu/+ta4yEQpGXSv4K7VKJKe7ULnT2TtgkBc/G7//g5ev4Bn44sSPh8HIw8HDmAF4GFdLojnSWN0LFMy6os8v5dSVvdHvpjHBQMlvTCovigxm4EXsMoGwT68T9/fylUrG+srpdNL+5QJlcaWssETLYGA00kI0WlJYrGGYLS4++OKfKgJLFBBwewvgu8qqwD8ywBhYrVh9gsj+FNiVhOOqFkyL4XgNARK2nj5NnwANlhpYwuVxdTkwClaB+7G1WLpqcSDnDhbHW5J94ad78mwKREYTRK5ClgN2RKjhPCsW81Nm8uy9W2/LEL2RJQSxo5AN7k6VZk/nCpwWuVqoLoXs0LqWdavtgIlEwdCAAVkKBfUQnp+wlwSQXXPgnc77yLX3kF0A/zPqLLKjeTc9rY5zyFZ4uHW43Xvdfx2Qk68k9weGvcPtVxZcSeHMAdCQSblFAe/cz5f07h88Oggu2f62B+1/N/4jzwdYdvTXElRejDPWTBZqlDxuFRrxEpEapQSxVhoBz5WES6pMoA39YCakJn6+oau4PI1SSI41xzjzUCW/gi998HYY6Pna9skA8JBaVZ45cGXz7fg0F1O7QKsZu2274piNT49qwFvkjKTZ2VkY/nPnvJlOELT+PeSJ4Tc59bFGyNg8J7DF4wlsVW6IAxzixMfTM/Q3Wag1KxRakxBgLPa7zIMoEyeR36zUK+hcakUNkdvQ1B5mqycH6WQ2k7Pk2tH3lOcEiRUcAfiA8fxs/IMbDOr1mzn7pxnlz4dzvp6kUCe/jj/7krHLU48nmJBICoGAQoIr64Oa02HPsyY1kxvhjSJnPR/Ha5YdKO49oqE8fSB6x1J4Jeyff/u9DqZoD9AYgtSFhuytBgWMmsXgyMiUo2wEO7kix67nksu1106/HGtKYqgnQauIwaDz6Wi0iN75BToCoBty0tLe9Tt4RuDHtw9ZjAN1dcZjdlht7WELh5KBwyYWzGqpaKPdLtqwWm61MDbO3qcbV0mtLGUVhVLH41HrKylMWZMqHqq/+1MBiSUTiVhSEhI6Uh/Pb5ApQBYfrZJhsMWzKJzZYcZG/3vEybFoLdFKHCksOkcknisqHCaCte3Wi1TT7LzYonkzB7arD+H142ZQ/o6DRHQwGIwV79gEkmclxQlbDGaxGJ0isV4B3m/WN1QoolpWLImRsj6ryd2dDcfnxJ6OjT0VmwPa7+qb9SDDVufSkLRFJSoSCafSF5M01RWqFGJXAcpDIosKCtaRwIGWXVOuWdf0rmnu3OfZ5/1FgsJTovmcBsWcuekp6xPitYst2QJqeeHdiKy8U0tFWJC2SU4pR7IzlEuykk+F36BkFWkobLacFm8iXUtJmUhK/DQ1n5aTNpaYeDK1aLsePB5+0Kh70Ak4SBRsvGgpoTE2L/Fj9roPAiiucXAdNekLAgHYam1vacsAoyVCMh4vpJWtFDVlvp2U9HZmWbe0DCR087a4zJkgi1+qNqDJZENxqYZMwmuMMNGjcWryUsK5wsL1ZGKnGA0TwFak42KT7aKttmdd5LSCpaae3D36slBjMDTaiuGaucP43S96HmNWDFQOVAFjN1mwc8wIV9zf8G98QTkLC2KVhm2hBlzORefXhHFN5kacmDhcPykgdnz0g+mHr+abezdHyDb1BEO3zMH25ff7wbitT33YudY9nqqYYlowH12fMXaLXbPfWdvpLgCnh050tujEXGby5W554UyHs39dR2f/2k7/7avuq3f84Ld1e7qGEsnePTt3ikQ7sYd56u49YLvsMKZLcHjMw2zOffewtarhCDYgtmWmF5vYZLWGMFyN73ud/Slf2dFsjfdtw3GwB+CQneWwzfB1/6bex89V62xZ2Wso+CIISJu6Az3iOhxRjiHiONurBfPjz38sSeWqmJIGi8Pqc0YbWtN/xOihpbU4dbqovDSXy5n9PK3wZZmQAUG5MB5A/dGUkKOUK8jJLxMUftiTKg26bAw3PlZbqU2txjMOEdANPVVph9CgcCoOOQuY0jYe1CVvywBsi5JXblPOYf8w0whzUxvktwN2GbIN3UlSn0sXUxiNR6eZG1MnoXQo9P3WpoDh92G3eHufWKNs/S+osL+LLy2VZmRmsIu7UExFWravFSL0FDBV6d4yWTFWx2BgdNIiNFpcVOzVFOlFtwT0PzPrwf91uF67/qu4MQQkfsiRwb3EJlwCQpdSqoFkrX3GJitFxA3KCfXhV5EDtIPFJBHz4PdRQQq651gP+PzXShrUY3yXoArGe03wczhb0XYKjSCPUnv7ZP2Pph+/XGDu857toSnthy32Y7W19gHdvE25jHra02deIJcy4F8NXLBUyvDvwC8F7MXRlBMRPK2Kbe8h0Ypp/CY6StDG4NMlSiYxgQfT+fleurCnfCCdyv0f0LRXyoeAa1RBTK0yigf2Dm7WmzdraIwZPNnLpuNKuKQUX1KCmxv+j5tJiTdTkkcSk0aSweJ9w5iEm/Rn4vmLq/PYnUP3BxnpBfMW1xiCpn2uFBcgqve7vv803TnZU/9KBWxD5dBq/uo1A6/GXPPHVyObf34xeHf6WFFemVRKprC/TK8loVSO9M0tDuBDm0P+vhAQ4XIQB9chq841eNuuBXPdNoUkY9GiDInC5mE/3Na83P2DWVOWuJl76xPFi7yUlLwXik9uuy+8GKS8/RtPCTIsYRnKT7guTdirylfMip9/Ubtanb9X/w5+2uc64KrYQHwO2GGxWOci9QIKQrKq4RZuZNIika7Imr9gy1vB9bVtXGaAPW6UPeky2+Nd54THtgI212pmgD2uyenhsaHZXJHMAHt8vHB6xlOpFKFtxIa/JbdigRlgj/uBPekrp8dLG4XN9QUzwB73jtPjTYlxtl2y8EY3ro8AYAbY44bZk06yPULOCQ9sIjbXNWaAPe6g02Of5b17BHfinSrAMv6lzPNRUiOzHZM0tPS/bc6ZGWCPO8metN3pMSiZAI35gBlgjzvv9Dhjs7EDBms91tTGraU7LTY1LK0dKOTBEr/QrVnwJbmwD1d+e+S5gCCOAGPR6ufaDzf+8m5KIEabh+q7/X0RKxqM1V45QJ72BXBscNQ62uZtihSoN33BsSG+zQLAF3ghOMC/Mlc6sqxB0oa53bXyx1/JxOwbfFDbRoLcmcCxIbXNQiCXzKzjj1g7Eyrzt+MTaeZso0g8cR+rzN/SzDwCmcDPB+d44ACgHs8nkGu3Zer8oT2iMt/MyyuC8WfKO7Myf8fPiFv6H3rhgfOTETXli4TS+JZFZwPmUNebfVkYYKpo3sR57pzxbz4i4inA2xfbA4APa8i3Zp8YXng5kcpUCi+SZvBbo/LCp6mS9XBD+6Xnff0KbTV9n+tRpuLK6XrZWY/R6Yryl1zn5dRLPfxCZdSfWJlW67+iImb0E1zCATP9GOWACQQfTTR+DWx6SbIcKk5BgtkXvpvcb3CFg0i1yo4GnVHwJV3BFAYEuSEnAdKOAvkZI808oAjCR++WVqxKhE6nh0aCDUO4r8KinKCFJQF1RGJDy78xqFwlyZCEfiIhO+FjtzBY+HpkZ247XjP6slleZwl6LS4n5bMijYlxQO5oyaTy6DocfobN//9ThCk4LTRhnSlBSHUQD1afJibDVKvMzNwEYYtrqrj6RVwE4uoz6ESCYPG4sdySQnkpMMhVnKxWlLwNMBPR/eUoLIq4ToKtSdn1DCbr5LO3IFEAX8vF1TmZua2+dDLKIN5P4rKZNAG5fkWsFHHuS6wRM4n4nJWTN7nrsaVGCfSvjEV7n3kMzdPAURULFpT+3/Jyz5x0ZIRIbupWmp6SdAYAqeNylEzzyr6XTEySkhxuyIyjv0d+OjKyrlMsSlKiYQCQOhiSlBqXyZ+Q8v0MUXg7me/FVHVslLEP8uF+llYf4TNRdVIa9kprU747qhOEq0IYbBwfKULnSO9iqal6Z8IBUxjgva3maRMtTLgs0YCrgBYOmFcrQtg0BwDPvMNcYTIdd4VbYLcrAo1NHynqihJH44qWiSwseKrATa3k7tOCpoRTtQrMHQitXi1Wi9BoqhesLjdeSUBGxXs53set+dcIQ65GNbc2TYiwcHCIxHQElOgQigwEsHRltRKF5vno12nTqAJsgnLfaCd2WjerxQh4uO+cI+iC3DUo4E2ATfBkaJViF6RNaf1sQSx3AT1KHfc7l1crYVVdhKYQHoRaD1tis2qwTsvgMloo3JcLHa/gzXwPVMIiQMTfF/1vINYcceaaZ74FFlpksXgJEiVJliJVmnQZMi2RJRvCUjly5cmHhFKgUJFiaBhYJXBK4REQkZCVoaCi7YeOgakcCxuEg4uHT0BIRExCSkZOQUlFTUNLR8/AyMTMwsrGzsHJpaJIg1Za5U27PbXaZhsccsbxZqz3pRV2+NkvNjVrrfd94yeHnfWbX/3umAumTLioUpWtqn2gxqRpd91y2x3P1PrIPfddUudH23zqY5+o98Ir63i4NWjSqNlRXn6+lJL0fh4C2j3XoUunbsv0uG5Ar6A+/V763rDPXHalOZ/72heu+o8hIaPecM2YNc55y9tGmrfRD4Xpkl4mC+dqYtqa3TgchBvaeeUc0iCew438r8hwcRCPLyUBAAA=) format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(data:font/woff2;base64,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) format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,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) format('woff2');} #toja-header{display:none} #toja-header.is-active{display:block} @keyframes pulse--start{ 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } #toja-header{ --color-blue: #2B5FAD; --color-blue-deep: #1F4685; --color-blue-dark: #163764; --color-blue-bright: #4A7BB7; --color-blue-mist: #E8F0FA; --color-accent: #C4401B; --color-accent-hover: #A2361A; --color-cta-red: #D72638; --color-green: #2D7D5F; --color-paper: #FFFFFF; --color-cream: #FAFAF8; --color-text: #1A2A3F; --color-text-soft: #4A5567; --color-text-muted: #606F85; --color-line: #DCE5EF; --font: 'Poppins', -apple-system, system-ui, sans-serif; --container: 1280px; --gutter: clamp(20px, 4vw, 48px); --section-py: clamp(70px, 9vw, 120px); --radius: 16px; --radius-lg: 24px; --radius-sm: 10px; --ease: cubic-bezier(.22, 1, .36, 1); } #toja-header, #toja-header *{ box-sizing: border-box; margin: 0; padding: 0; } #toja-header{ font-family: var(--font); font-size: 16px; line-height: 1.65; color: var(--color-text); background: var(--color-cream); font-weight: 400; -webkit-font-smoothing: antialiased; overflow-x: hidden; } #toja-header .container{ max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); position: relative; z-index: 1; } #toja-header .header{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 18px 0; transition: all 350ms var(--ease); background: transparent; } #toja-header .header.is-scrolled{ background: rgba(255,255,255,0.97); backdrop-filter: blur(14px); padding: 12px 0; box-shadow: 0 2px 18px rgba(15, 30, 60, 0.15); } #toja-header .header__inner{ display: flex; align-items: center; justify-content: space-between; gap: 32px; } #toja-header .logo{ font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; transition: color 300ms var(--ease); line-height: 1; } #toja-header .logo span{ font-weight: 300; margin-left: 4px; } #toja-header .header.is-scrolled .logo{ color: var(--color-blue-deep); } #toja-header .nav{ display: flex; align-items: center; gap: 36px; } #toja-header .nav__list{ display: flex; gap: 30px; list-style: none; } #toja-header .nav__link{ font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.95); text-decoration: none; transition: color 300ms var(--ease); position: relative; } #toja-header .nav__link.is-active::after, #toja-header .nav__link:hover::after{ content: ''; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; background: var(--color-accent); } #toja-header .header.is-scrolled .nav__link{ color: var(--color-text); } #toja-header .nav__cta{ font-size: 13px; font-weight: 600; padding: 11px 22px; border: 2px solid rgba(255,255,255,0.65); color: #fff; text-decoration: none; border-radius: 999px; transition: all 300ms var(--ease); } #toja-header .nav__cta:hover{ background: #fff; color: var(--color-blue-deep); border-color: #fff; } #toja-header .header.is-scrolled .nav__cta{ border-color: var(--color-blue-deep); color: var(--color-blue-deep); } #toja-header .header.is-scrolled .nav__cta:hover{ background: var(--color-blue-deep); color: #fff; } #toja-header .nav__toggle{ display: none; background: none; border: none; cursor: pointer; padding: 8px; } #toja-header .nav__toggle span{ display: block; width: 26px; height: 2px; background: #fff; margin: 6px 0; border-radius: 2px; } #toja-header .header.is-scrolled .nav__toggle span{ background: var(--color-blue-deep); } @media (max-width: 980px){ #toja-header .nav__list, #toja-header .nav__cta{ display: none; } } @media (max-width: 980px){ #toja-header .nav__toggle{ display: block; } } @keyframes pulse--kontakt{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } .nav__item-sub{ position: relative; } a.nav__link--sub{ display: inline-flex; align-items: center; gap: .4em; } .nav__caret{ width: 11px; height: 11px; transition: transform .25s; } .nav__item-sub:hover .nav__caret, .nav__item-sub.is-open .nav__caret{ transform: rotate(180deg); } .nav__submenu{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); padding-top: 14px; margin: 0; list-style: none; opacity: 0; visibility: hidden; transition: opacity .25s var(--ease, ease), transform .25s var(--ease, ease); z-index: 90; } .nav__submenu::before{ content: ""; position: absolute; inset: 0 0 auto 0; height: 14px; } .nav__submenu > li{ background: var(--color-paper, #fff); } .nav__submenu > li:first-child{ border-radius: 12px 12px 0 0; padding-top: .45rem; } .nav__submenu > li:last-child{ border-radius: 0 0 12px 12px; padding-bottom: .45rem; box-shadow: 0 22px 48px rgba(15,30,60,.16); } .nav__submenu > li{ border-left: 1px solid var(--color-line, #DCE5EF); border-right: 1px solid var(--color-line, #DCE5EF); box-shadow: 0 22px 48px rgba(15,30,60,.16); } .nav__submenu > li:first-child{ border-top: 1px solid var(--color-line, #DCE5EF); } .nav__submenu > li:last-child{ border-bottom: 1px solid var(--color-line, #DCE5EF); } .nav__item-sub:hover .nav__submenu, .nav__item-sub:focus-within .nav__submenu, .nav__item-sub.is-open .nav__submenu{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .nav__submenu a{ display: block; padding: .68rem 1.4rem; font-family: var(--font, 'Poppins', sans-serif); font-size: .88rem; font-weight: 500; color: var(--color-text, #1A2A3F); text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; } .nav__submenu a:hover, .nav__submenu a.is-active{ background: var(--color-blue-mist, #E8F0FA); color: var(--color-blue, #2B5FAD); } @media (max-width: 1100px){ .nav__submenu a{ padding: .6rem 1.1rem; font-size: .84rem; } } #toja-header{ --container: 1440px; /* Seitenbreite besser ausnutzen */ --section-py: clamp(56px, 7vw, 96px); /* weniger Leerraum zwischen den Bloecken */ --color-blue-mist: #F1F1EE; /* vorher #E8F0FA (blaeulich) -> neutral, ohne Blaustich */ font-size: 17px; /* Grundschrift groesser (vorher 16px) */ } #toja-header .logo{ font-size: 28px; /* Header-Logo groesser (vorher 22px) */ } #toja-header .header{ padding: 26px 0; } #toja-header .header.is-scrolled{ padding: 18px 0; } #toja-header .nav__list{ gap: 32px; } #toja-header .nav__link{ font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } #toja-header .nav__link::after{ height: 3px; bottom: -7px; } #toja-header .nav__cta{ font-size: 14px; font-weight: 700; letter-spacing: 0.03em; padding: 13px 26px; } #toja-header .nav__toggle span{ width: 28px; height: 3px; } #toja-header .nav__link{ white-space: nowrap; } #toja-header .nav__cta{ white-space: nowrap; } @media (max-width: 1360px){ #toja-header .header__inner{ gap: 24px; } } @media (max-width: 1360px){ #toja-header .nav{ gap: 28px; } } @media (max-width: 1360px){ #toja-header .nav__list{ gap: 16px; } } @media (max-width: 1360px){ #toja-header .nav__link{ font-size: 12.5px; letter-spacing: 0.035em; } } @media (max-width: 1360px){ #toja-header .logo{ font-size: 26px; } } @media (max-width: 1360px){ #toja-header .nav__cta{ font-size: 12.5px; padding: 10px 16px; } } @media (max-width: 1160px){ #toja-header .nav__list, #toja-header .nav__cta{ display: none; } } @media (max-width: 1160px){ #toja-header .nav__toggle{ display: block; } } #toja-header .nav__list{ gap:22px; } #toja-header .nav__cta{ white-space:nowrap; font-size:13px; padding:11px 18px; } #toja-header .nav__submenu{ min-width:250px; background:#fff; border-radius:10px; padding:8px 0; box-shadow:0 18px 40px rgba(15,30,60,.18); } #toja-header .nav__submenu > li{ background:transparent; border:0; } #toja-header .nav__submenu a{ display:block; padding:10px 22px; font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; color:#12306B; text-decoration:none; } #toja-header .nav__submenu a:hover{ background:#EEF2F8; } @media (min-width:0px){ #toja-header .nav__cta{ font-size:12px; padding:10px 14px; letter-spacing:0; } } @media (min-width:0px){ #toja-header .nav__list{ gap:16px; } } @media (min-width:0px){ #toja-header .nav{ gap:18px; } } @media (max-width:1260px){ #toja-header .nav__list, #toja-header .nav__cta{ display:none; } } @media (max-width:1260px){ #toja-header .nav__toggle{ display:block; } } .m-more, .m-hero-tel, .m-footer-toggle, .m-lead-more{ display:none; } @media (max-width:640px){ #toja-header{ font-size:16px; } } @media (max-width:640px){ #toja-header.is-active{ display:flex; flex-direction:column; padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)); } } @media (max-width:640px){ #toja-header .container{ padding-left:20px; padding-right:20px; } } @media (max-width:640px){ #toja-header p, #toja-header li, #toja-header dd, #toja-header dt, #toja-header td, #toja-header th, #toja-header address, #toja-header blockquote, #toja-header summary, #toja-header figcaption{ font-size:16px; line-height:1.6; } } @media (max-width:640px){ #toja-header .m-hero-tel{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 10px; min-height:44px; margin-top:8px; font:700 17px/1.3 Poppins, -apple-system, system-ui, sans-serif; color:#fff; text-decoration:none; white-space:nowrap; } } @media (max-width:640px){ #toja-header .m-hero-tel svg{ width:20px; height:20px; flex:0 0 auto; } } @media (max-width:640px){ #toja-header .m-hero-tel span{ text-decoration:underline; text-underline-offset:4px; } } @media (max-width:640px){ #toja-header .m-hero-tel small{ font-weight:400; font-size:14px !important; opacity:.9; white-space:nowrap; } } @media (max-width:640px){ #toja-header .legal-hero .m-hero-tel{ display:none; } } @media (max-width:640px){ #toja-header .header{ padding:8px 0 !important; } } @media (max-width:640px){ #toja-header .header__inner{ min-height:48px; } } @media (max-width:640px){ #toja-header .logo{ font-size:21px !important; } } @media (max-width:640px){ #toja-header .nav__toggle{ width:44px; height:44px; padding:6px !important; display:flex !important; flex-direction:column; justify-content:center; align-items:center; } } @media (max-width:640px){ #toja-header .nav__toggle span{ margin:3px 0 !important; } } @media (max-width:640px){ #toja-header .hero__inner > div > .m-hero-tel{ order:6; } } /* Mobiles Menue und Aktionsleiste (liegen bewusst ausserhalb des Wrappers) */ /* Mobiles Menue + Aktionsleiste liegen im Original direkt im . Der Wrapper ist selbst unsichtbar (display:contents) und setzt nur die vom Theme vererbten Textwerte auf die Browser-Vorgabe zurueck. */ .toja-mob{ display: contents; font: initial; color: initial; line-height: initial; letter-spacing: initial; text-align: initial; text-transform: initial; word-spacing: initial; font-variant: initial; } /* ============================================================================ Kompatibilitaet mit dem Theme (hier: Hello Elementor) Setzt alle Elemente, die Theme-Resets anfassen, auf die Browser-Vorgabe zurueck. Das Prototyp-CSS unten ist auf #pg-... hochgestuft und gewinnt deshalb immer gegen diesen Block. ========================================================================== */ :where(.toja-mob) a, :where(.toja-mob) p, :where(.toja-mob) h1, :where(.toja-mob) h2, :where(.toja-mob) h3, :where(.toja-mob) h4, :where(.toja-mob) h5, :where(.toja-mob) h6, :where(.toja-mob) ul, :where(.toja-mob) ol, :where(.toja-mob) li, :where(.toja-mob) dl, :where(.toja-mob) dt, :where(.toja-mob) dd, :where(.toja-mob) table, :where(.toja-mob) th, :where(.toja-mob) td, :where(.toja-mob) img, :where(.toja-mob) hr, :where(.toja-mob) small, :where(.toja-mob) b, :where(.toja-mob) strong, :where(.toja-mob) pre, :where(.toja-mob) code, :where(.toja-mob) figcaption, :where(.toja-mob) details, :where(.toja-mob) summary, :where(.toja-mob) label, :where(.toja-mob) legend, :where(.toja-mob) fieldset, :where(.toja-mob) progress, :where(.toja-mob) button, :where(.toja-mob) input, :where(.toja-mob) select, :where(.toja-mob) textarea, :where(.toja-mob) optgroup{ all: revert; } :where(.toja-mob) a:hover, :where(.toja-mob) a:active, :where(.toja-mob) a:visited, :where(.toja-mob) button:hover, :where(.toja-mob) button:focus{ all: revert; } :where(.toja-mob) [type="button"], :where(.toja-mob) [type="submit"], :where(.toja-mob) [type="reset"], :where(.toja-mob) [type="checkbox"], :where(.toja-mob) [type="radio"], :where(.toja-mob) [type="search"]{ all: revert; } :where(.toja-mob) input[type="date"], :where(.toja-mob) input[type="email"], :where(.toja-mob) input[type="number"], :where(.toja-mob) input[type="password"], :where(.toja-mob) input[type="search"], :where(.toja-mob) input[type="tel"], :where(.toja-mob) input[type="text"], :where(.toja-mob) input[type="url"]{ all: revert; } :where(.toja-mob) [type="button"]:hover, :where(.toja-mob) [type="button"]:focus, :where(.toja-mob) [type="submit"]:hover, :where(.toja-mob) [type="submit"]:focus, :where(.toja-mob) input[type="date"]:focus, :where(.toja-mob) input[type="email"]:focus, :where(.toja-mob) input[type="number"]:focus, :where(.toja-mob) input[type="password"]:focus, :where(.toja-mob) input[type="search"]:focus, :where(.toja-mob) input[type="tel"]:focus, :where(.toja-mob) input[type="text"]:focus, :where(.toja-mob) input[type="url"]:focus{ all: revert; } /* all:revert setzt display auf die Element-Vorgabe zurueck - hidden wieder herstellen */ :where(.toja-mob) [hidden]{ display: none !important; } @keyframes pulse--start{ 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } .mobile-drawer, .mobile-drawer *{ box-sizing: border-box; } .mobile-drawer{ position: fixed; top: 0; right: 0; width: 100%; max-width: 380px; height: 100vh; background: #FFFFFF; z-index: 200; transform: translateX(100%); transition: transform 400ms cubic-bezier(.22, 1, .36, 1); padding: 80px 32px 32px; font-family: 'Poppins', -apple-system, system-ui, sans-serif; } .mobile-drawer.is-open{ transform: translateX(0); } .mobile-drawer__close{ position: absolute; top: 20px; right: 22px; background: none; border: none; font-size: 30px; color: #1F4685; cursor: pointer; } .mobile-drawer__list{ list-style: none; margin: 0; padding: 0; } .mobile-drawer__list li{ border-bottom: 1px solid #DCE5EF; } .mobile-drawer__list a{ display: block; padding: 18px 0; font-size: 20px; font-weight: 600; color: #1F4685; text-decoration: none; } .mobile-drawer__cta{ margin-top: 28px; padding: 16px; background: #1F4685; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: 600; border-radius: 999px; display: block; } .mobile-drawer__overlay{ position: fixed; inset: 0; background: rgba(15, 30, 60, 0.5); z-index: 199; opacity: 0; pointer-events: none; transition: opacity 400ms cubic-bezier(.22, 1, .36, 1); } .mobile-drawer__overlay.is-open{ opacity: 1; pointer-events: auto; } @keyframes pulse--kontakt{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } .mobile-drawer__list a{ font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; font-size: 19px; } .m-actionbar{ display:none; } .m-actionbar[hidden]{ display:none !important; } @media (max-width:640px){ .mobile-drawer{ height:100vh; height:100dvh; max-width:400px; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:64px 22px calc(28px + env(safe-area-inset-bottom, 0px)); overscroll-behavior:contain; } } @media (max-width:640px){ .mobile-drawer__close{ top:10px !important; right:12px !important; width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:32px; line-height:1; } } @media (max-width:640px){ .mobile-drawer__tel{ display:flex; align-items:center; gap:10px; min-height:48px; margin:0 0 10px; font:700 18px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#1F4685; text-decoration:none; } } @media (max-width:640px){ .mobile-drawer__tel svg{ width:22px; height:22px; flex:0 0 auto; } } @media (max-width:640px){ .mobile-drawer__tel small{ display:block; font:400 13px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#4A5567; } } @media (max-width:640px){ .mobile-drawer__cta{ margin:0 0 18px !important; padding:14px 16px !important; font-size:15px !important; background:#C4401B !important; line-height:1.3 !important; } } @media (max-width:640px){ .mobile-drawer__list{ border-top:1px solid #DCE5EF; } } @media (max-width:640px){ .mobile-drawer__list li{ border-bottom:1px solid #DCE5EF !important; } } @media (max-width:640px){ .mobile-drawer__list a{ display:flex !important; align-items:center; min-height:52px; padding:10px 0 !important; font:600 15px/1.25 Poppins, -apple-system, system-ui, sans-serif !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#1F4685 !important; } } @media (max-width:640px){ .mobile-drawer__list li.mobile-drawer__sub{ border-bottom:1px solid #EEF2F7 !important; } } @media (max-width:640px){ .mobile-drawer__list li.mobile-drawer__sub a{ padding-left:18px !important; font:500 17px/1.3 Poppins, -apple-system, system-ui, sans-serif !important; letter-spacing:0 !important; text-transform:none !important; min-height:48px; } } @media (max-width:640px){ .mobile-drawer__list li.mobile-drawer__sub a::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#C4401B; margin-right:12px; flex:0 0 auto; } } @media (max-width:640px){ .m-actionbar{ display:grid; grid-template-columns:1fr 1fr; gap:0; position:fixed; left:0; right:0; bottom:0; z-index:150; transform:translateY(110%); transition:transform .25s ease; padding-bottom:env(safe-area-inset-bottom, 0px); background:#fff; box-shadow:0 -6px 24px rgba(15,30,60,.18); font-family:Poppins, -apple-system, system-ui, sans-serif; } } @media (max-width:640px){ .m-actionbar.is-visible{ transform:translateY(0); } } @media (max-width:640px){ .m-actionbar__btn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:56px; padding:8px 10px; font:700 15px/1.2 Poppins, -apple-system, system-ui, sans-serif; text-decoration:none; text-align:center; } } @media (max-width:640px){ .m-actionbar__btn svg{ width:20px; height:20px; flex:0 0 auto; } } @media (max-width:640px){ .m-actionbar__btn--tel{ background:#1F4685; color:#fff; } } @media (max-width:640px){ .m-actionbar__btn--cta{ background:#C4401B; color:#fff; } } @media (max-width:640px){ .m-actionbar__btn:active{ filter:brightness(.92); } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer{ height:100vh; height:100dvh; overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px)); } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__close{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__tel{ display:flex; align-items:center; gap:10px; min-height:48px; margin:0 0 10px; font:700 18px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#1F4685; text-decoration:none; } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__tel svg{ width:22px; height:22px; } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__tel small{ display:block; font:400 13px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#4A5567; } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__cta{ margin:0 0 18px !important; background:#C4401B !important; } } @media (min-width:641px) and (max-width:980px){ .mobile-drawer__list li.mobile-drawer__sub a{ padding-left:18px !important; font-size:16px !important; text-transform:none !important; letter-spacing:0 !important; font-weight:500 !important; } } /* --- Korrektur: Regeln aus dem Seiten-Container, die auf einem Header-Wrapper nichts zu suchen haben (sie schneiden die Dropdowns ab). --- */ #toja-header{ display: block !important; overflow: visible !important; padding: 0 !important; background: transparent !important; min-height: 0 !important; } /* --- Original-Logo: Haus-Symbol aus toja-logo.png, daneben der Schriftzug --- Quelle 563x806 px, Symbol liegt bei y 0-515 / x 65-532. Skala = 44/516. */ #toja-header .logo--mark{ display:flex; align-items:center; gap:12px; } #toja-header .logo__mark{ flex:none; display:block; width:39.9px; height:44px; background-image:url(https://toja-immobilien.de/wp-content/plugins/toja-nachtrag/assets/bilder/toja-logo-zeichen.webp); background-repeat:no-repeat; background-size:48.0px 68.7px; background-position:-5.54px 0; } #toja-header .logo__text{ display:inline-flex; gap:.34em; align-items:baseline; } @media (max-width: 640px){ #toja-header .logo__mark{ width:34.4px; height:38px; background-size:41.5px 59.4px; background-position:-4.8px 0; } } /* --- WordPress-Adminleiste: der fixierte Header darf nicht darunter rutschen --- */ body.admin-bar #toja-header .header{ top: 32px; } @media screen and (max-width: 782px){ body.admin-bar #toja-header .header{ top: 46px; } } /* 777354b387364aad.css */ /* TOJA Nachtrag 1.7.1: a706a09f29f67ef1cba52b76f5daa1f5bfba7670.css für pg-start */ /* ============================================================================ Kompatibilitaet mit dem Theme (hier: Hello Elementor) Setzt alle Elemente, die Theme-Resets anfassen, auf die Browser-Vorgabe zurueck. Das Prototyp-CSS unten ist auf #pg-... hochgestuft und gewinnt deshalb immer gegen diesen Block. ========================================================================== */ :where(.pg) a, :where(.pg) p, :where(.pg) h1, :where(.pg) h2, :where(.pg) h3, :where(.pg) h4, :where(.pg) h5, :where(.pg) h6, :where(.pg) ul, :where(.pg) ol, :where(.pg) li, :where(.pg) dl, :where(.pg) dt, :where(.pg) dd, :where(.pg) table, :where(.pg) th, :where(.pg) td, :where(.pg) img, :where(.pg) hr, :where(.pg) small, :where(.pg) b, :where(.pg) strong, :where(.pg) pre, :where(.pg) code, :where(.pg) figcaption, :where(.pg) details, :where(.pg) summary, :where(.pg) label, :where(.pg) legend, :where(.pg) fieldset, :where(.pg) progress, :where(.pg) button, :where(.pg) input, :where(.pg) select, :where(.pg) textarea, :where(.pg) optgroup{ all: revert; } :where(.pg) a:hover, :where(.pg) a:active, :where(.pg) a:visited, :where(.pg) button:hover, :where(.pg) button:focus{ all: revert; } :where(.pg) [type="button"], :where(.pg) [type="submit"], :where(.pg) [type="reset"], :where(.pg) [type="checkbox"], :where(.pg) [type="radio"], :where(.pg) [type="search"]{ all: revert; } :where(.pg) input[type="date"], :where(.pg) input[type="email"], :where(.pg) input[type="number"], :where(.pg) input[type="password"], :where(.pg) input[type="search"], :where(.pg) input[type="tel"], :where(.pg) input[type="text"], :where(.pg) input[type="url"]{ all: revert; } :where(.pg) [type="button"]:hover, :where(.pg) [type="button"]:focus, :where(.pg) [type="submit"]:hover, :where(.pg) [type="submit"]:focus, :where(.pg) input[type="date"]:focus, :where(.pg) input[type="email"]:focus, :where(.pg) input[type="number"]:focus, :where(.pg) input[type="password"]:focus, :where(.pg) input[type="search"]:focus, :where(.pg) input[type="tel"]:focus, :where(.pg) input[type="text"]:focus, :where(.pg) input[type="url"]:focus{ all: revert; } /* all:revert setzt display auf die Element-Vorgabe zurueck - hidden wieder herstellen */ :where(.pg) [hidden]{ display: none !important; } html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} html,body{margin:0;padding:0} body{background:#FAFAF8} .pg{display:none} .pg.is-active{display:block} .stub .stub__box{max-width:640px;margin:18vh auto 0;padding:2.5rem;background:#fff;border:1px solid #E4DED2;border-radius:10px;font-family:Poppins,sans-serif;color:#2A2A2A;text-align:center} .stub .stub__eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:#C4401B;margin:0 0 .6rem} .stub h1{font-size:1.5rem;margin:.2rem 0 .8rem} .stub p{font-size:.95rem;line-height:1.6} .stub a{color:#2B5FAD} #pg-start{ --color-blue: #2B5FAD; --color-blue-deep: #1F4685; --color-blue-dark: #163764; --color-blue-bright: #4A7BB7; --color-blue-mist: #E8F0FA; --color-accent: #C4401B; --color-accent-hover: #A2361A; --color-cta-red: #D72638; --color-paper: #FFFFFF; --color-cream: #FAFAF8; --color-text: #1A2A3F; --color-text-soft: #4A5567; --color-text-muted: #606F85; --color-line: #DCE5EF; --font: 'Poppins', -apple-system, system-ui, sans-serif; --container: 1280px; --gutter: clamp(20px, 4vw, 48px); --section-py: clamp(70px, 9vw, 120px); --radius: 16px; --radius-lg: 24px; --radius-sm: 10px; --ease: cubic-bezier(.22, 1, .36, 1); } #pg-start, #pg-start *{ box-sizing: border-box; margin: 0; padding: 0; } #pg-start{ font-family: var(--font); font-size: 16px; line-height: 1.65; color: var(--color-text); background: var(--color-cream); font-weight: 400; -webkit-font-smoothing: antialiased; overflow-x: hidden; } #pg-start img{ max-width: 100%; height: auto; display: block; } #pg-start h1, #pg-start h2, #pg-start h3, #pg-start h4{ font-family: var(--font); font-weight: 700; letter-spacing: -0.01em; color: var(--color-blue-deep); line-height: 1.15; } #pg-start p{ max-width: 65ch; } #pg-start .eyebrow{ font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-blue); } #pg-start .eyebrow--light{ color: rgba(255,255,255,0.80); } #pg-start .container{ max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); position: relative; z-index: 1; } #pg-start .section{ padding: var(--section-py) 0; position: relative; } #pg-start .about__panel, #pg-start .valuation__panel, #pg-start .network__panel, #pg-start .awards__panel{ background: transparent; border-radius: 0; padding: 0; box-shadow: none; } #pg-start .placeholder{ position: relative; background: linear-gradient(135deg, #3268B5 0%, #1F4685 100%); color: rgba(255,255,255,0.85); display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; } #pg-start .placeholder::before{ content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(45deg, transparent 0, transparent 20px, rgba(255,255,255,0.04) 20px, rgba(255,255,255,0.04) 21px); pointer-events: none; } #pg-start .placeholder-content{ position: relative; padding: 24px; z-index: 1; } #pg-start .placeholder-tag{ display: inline-block; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; background: rgba(255,255,255,0.18); padding: 6px 12px; border-radius: 999px; margin-bottom: 14px; font-weight: 500; } #pg-start .placeholder-text{ font-size: 14px; line-height: 1.5; max-width: 280px; } #pg-start .placeholder-hint{ font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 10px; font-style: italic; } #pg-start .placeholder--warm{ background: linear-gradient(135deg, #d4c5a9 0%, #8a7654 100%); } #pg-start .placeholder--stone{ background: linear-gradient(135deg, #b8b0a3 0%, #6e665a 100%); } #pg-start .btn{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-family: var(--font); font-size: 14px; font-weight: 600; text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: all 300ms var(--ease); white-space: nowrap; border-radius: 999px; } #pg-start .btn--primary{ background: var(--color-blue-deep); color: #fff; } #pg-start .btn--primary:hover{ background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.20); } #pg-start .btn--accent{ background: var(--color-accent); color: #fff; } #pg-start .btn--accent:hover{ background: var(--color-accent-hover); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.25); } #pg-start .btn--outline{ background: transparent; color: var(--color-blue-deep); border-color: var(--color-blue-deep); } #pg-start .btn--outline:hover{ background: var(--color-blue-deep); color: #fff; } #pg-start .btn__arrow{ font-size: 16px; transition: transform 300ms var(--ease); } #pg-start .btn:hover .btn__arrow{ transform: translateX(4px); } #pg-start .header{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 18px 0; transition: all 350ms var(--ease); background: transparent; } #pg-start .header.is-scrolled{ background: rgba(255,255,255,0.97); backdrop-filter: blur(14px); padding: 12px 0; box-shadow: 0 2px 18px rgba(15, 30, 60, 0.15); } #pg-start .header__inner{ display: flex; align-items: center; justify-content: space-between; gap: 32px; } #pg-start .logo{ font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; transition: color 300ms var(--ease); line-height: 1; } #pg-start .logo span{ font-weight: 300; margin-left: 4px; } #pg-start .header.is-scrolled .logo{ color: var(--color-blue-deep); } #pg-start .nav{ display: flex; align-items: center; gap: 36px; } #pg-start .nav__list{ display: flex; gap: 30px; list-style: none; } #pg-start .nav__link{ font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.95); text-decoration: none; transition: color 300ms var(--ease); position: relative; } #pg-start .nav__link::after{ content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--color-accent); transition: width 300ms var(--ease); } #pg-start .nav__link:hover::after{ width: 100%; } #pg-start .header.is-scrolled .nav__link{ color: var(--color-text); } #pg-start .nav__cta{ font-size: 13px; font-weight: 600; padding: 11px 22px; border: 2px solid rgba(255,255,255,0.65); color: #fff; text-decoration: none; border-radius: 999px; transition: all 300ms var(--ease); } #pg-start .nav__cta:hover{ background: #fff; color: var(--color-blue-deep); border-color: #fff; } #pg-start .header.is-scrolled .nav__cta{ border-color: var(--color-blue-deep); color: var(--color-blue-deep); } #pg-start .header.is-scrolled .nav__cta:hover{ background: var(--color-blue-deep); color: #fff; } #pg-start .nav__toggle{ display: none; background: none; border: none; cursor: pointer; padding: 8px; } #pg-start .nav__toggle span{ display: block; width: 26px; height: 2px; background: #fff; margin: 6px 0; border-radius: 2px; } #pg-start .header.is-scrolled .nav__toggle span{ background: var(--color-blue-deep); } @media (max-width: 980px){ #pg-start .nav__list, #pg-start .nav__cta{ display: none; } #pg-start .nav__toggle{ display: block; } } #pg-start .hero{ position: relative; min-height: 100vh; padding: 120px 0 100px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(ellipse 700px 200px at 15% 20%, rgba(255,255,255,0.35) 0%, transparent 60%), radial-gradient(ellipse 600px 180px at 85% 15%, rgba(255,255,255,0.25) 0%, transparent 65%), radial-gradient(ellipse 900px 250px at 45% 70%, rgba(255,255,255,0.30) 0%, transparent 60%), radial-gradient(ellipse 500px 150px at 75% 85%, rgba(255,255,255,0.20) 0%, transparent 65%), linear-gradient(160deg, #4A7BB7 0%, #2D5B95 50%, #1E4D8B 100%); } #pg-start .hero__bg-video{ position: absolute; inset: 0; z-index: 0; overflow: hidden; } #pg-start .hero__bg-video video, #pg-start .hero__bg-video .video-placeholder{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } #pg-start .hero__bg-video::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(30, 77, 139, 0.55) 0%, rgba(45, 91, 149, 0.42) 50%, rgba(30, 77, 139, 0.50) 100%); z-index: 2; } #pg-start .video-placeholder{ position: relative; background: linear-gradient(135deg, #4A7BB7 0%, #2D5B95 60%, #1E4D8B 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgba(255,255,255,0.92); } #pg-start .video-placeholder::before{ content: ''; position: absolute; inset: 0; background-image: radial-gradient(ellipse 600px 180px at 25% 25%, rgba(255,255,255,0.20) 0%, transparent 60%), radial-gradient(ellipse 500px 150px at 75% 75%, rgba(255,255,255,0.16) 0%, transparent 65%); } #pg-start .video-placeholder__play{ position: relative; width: 92px; height: 92px; border-radius: 50%; background: rgba(255,255,255,0.20); backdrop-filter: blur(14px); border: 2px solid rgba(255,255,255,0.50); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; animation: 2.4s ease-in-out infinite; z-index: 1; } @keyframes pulse--start{ 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } #pg-start .video-placeholder__play svg{ width: 36px; height: 36px; fill: #fff; margin-left: 5px; } #pg-start .video-placeholder__label{ position: relative; font-size: 13px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.85); z-index: 1; } #pg-start .hero__content{ position: relative; z-index: 3; width: 100%; } #pg-start .hero__grid{ display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(28px, 4vw, 56px); align-items: center; } @media (max-width: 980px){ #pg-start .hero__grid{ grid-template-columns: 1fr; gap: 28px; } } #pg-start .hero__intro{ background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(8px); border-radius: var(--radius-lg); padding: clamp(32px, 4vw, 52px); box-shadow: 0 24px 60px rgba(15, 30, 60, 0.30); } #pg-start .hero__title{ font-size: clamp(28px, 3.8vw, 46px); font-weight: 700; line-height: 1.1; color: var(--color-blue-deep); letter-spacing: -0.02em; margin-bottom: 22px; } #pg-start .hero__subtitle{ font-size: clamp(14px, 1.1vw, 16px); font-weight: 400; line-height: 1.6; color: var(--color-text-soft); max-width: 38ch; } #pg-start .hero__cards-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } @media (max-width: 600px){ #pg-start .hero__cards-grid{ grid-template-columns: 1fr; gap: 14px; } } #pg-start .service-card{ position: relative; text-decoration: none; color: inherit; overflow: hidden; border-radius: var(--radius); aspect-ratio: 5 / 4; display: block; transition: transform 400ms var(--ease), box-shadow 400ms var(--ease); box-shadow: 0 12px 32px rgba(15, 30, 60, 0.30); } #pg-start .service-card:hover{ transform: translateY(-6px); box-shadow: 0 22px 44px rgba(15, 30, 60, 0.42); } #pg-start .service-card__media{ position: absolute; inset: 0; z-index: 0; } #pg-start .service-card__media .placeholder{ width: 100%; height: 100%; transition: transform 800ms var(--ease); align-items: flex-start; padding-top: 16px; } #pg-start .service-card__media .placeholder-content{ opacity: 0.35; } #pg-start .service-card:hover .service-card__media .placeholder{ transform: scale(1.06); } #pg-start .service-card__media::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,30,60,0.10) 0%, rgba(15,30,60,0.55) 55%, rgba(15,30,60,0.92) 100%); z-index: 1; transition: opacity 400ms var(--ease); } #pg-start .service-card::before{ content: ''; position: absolute; inset: 0; border-radius: var(--radius); border: 2px solid transparent; z-index: 3; pointer-events: none; transition: border-color 300ms var(--ease); } #pg-start .service-card:hover::before{ border-color: var(--color-accent); } #pg-start .service-card__body{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 22px 22px 22px; color: #fff; } #pg-start .service-card__title{ font-size: clamp(17px, 1.4vw, 21px); font-weight: 700; margin-bottom: 8px; line-height: 1.2; color: #fff; letter-spacing: -0.01em; } #pg-start .service-card__desc{ font-size: 12.5px; color: rgba(255,255,255,0.88); line-height: 1.45; margin-bottom: 10px; } #pg-start /* \0000C4NDERUNG 60.07: Kachel-Links von Signalrot auf Wei\0000DF */.service-card__cta{ font-size: 13px; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 6px; letter-spacing: 0.02em; transition: all 250ms var(--ease); } #pg-start .service-card__cta-arrow{ font-weight: 700; } #pg-start .service-card:hover .service-card__cta{ text-decoration: underline; text-underline-offset: 4px; } #pg-start .about{ padding-top: 0; padding-bottom: var(--section-py); } #pg-start .about__inner{ display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(40px, 6vw, 80px); align-items: center; } @media (max-width: 900px){ #pg-start .about__inner{ grid-template-columns: 1fr; } } #pg-start .about__media{ position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--radius-lg); box-shadow: 0 16px 40px rgba(15, 30, 60, 0.20); } #pg-start .about__media .placeholder{ width: 100%; height: 100%; } #pg-start .about__media::after{ content: ''; position: absolute; bottom: -28px; right: -28px; width: 120px; height: 120px; border: 2px solid var(--color-blue-bright); border-radius: var(--radius-lg); pointer-events: none; opacity: 0.5; } #pg-start .about__signature{ font-size: 12px; font-weight: 600; color: var(--color-blue); letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 18px; } #pg-start .about h2{ font-size: clamp(28px, 4vw, 44px); font-weight: 700; line-height: 1.15; margin-bottom: 26px; } #pg-start .about__text p{ font-size: 16px; color: var(--color-text-soft); line-height: 1.7; margin-bottom: 16px; } #pg-start .about__credentials{ margin-top: 32px; padding-top: 26px; border-top: 1px solid var(--color-line); } #pg-start .about__credentials-label{ font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 16px; font-weight: 600; } #pg-start .about__credentials-list{ list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; margin-bottom: 28px; } @media (max-width: 480px){ #pg-start .about__credentials-list{ grid-template-columns: 1fr; } } #pg-start .about__credentials-list li{ font-size: 14px; color: var(--color-text); font-weight: 500; position: relative; padding-left: 24px; } #pg-start .about__credentials-list li::before{ content: '\002713'; position: absolute; left: 0; top: 0; color: var(--color-blue); font-weight: 700; } #pg-start .section-head{ text-align: center; margin-bottom: clamp(48px, 6vw, 80px); max-width: 800px; margin-left: auto; margin-right: auto; } #pg-start .section-head .eyebrow{ display: block; margin-bottom: 14px; color: var(--color-blue); } #pg-start .section-head h2{ font-size: clamp(28px, 4.2vw, 48px); font-weight: 700; line-height: 1.15; margin-bottom: 18px; color: var(--color-blue-deep); } #pg-start .section-head p{ font-size: 16px; color: var(--color-text-soft); margin: 0 auto; line-height: 1.65; } #pg-start .listings{ padding-top: 30px; } #pg-start .listings__head{ display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-bottom: 44px; } #pg-start .listings__head h2{ font-size: clamp(28px, 4vw, 44px); font-weight: 700; line-height: 1.1; color: var(--color-blue-deep); } #pg-start .listings__head .eyebrow{ display: block; margin-bottom: 12px; color: var(--color-blue); } #pg-start .listings__head-link{ font-size: 14px; font-weight: 600; color: var(--color-blue-deep); text-decoration: none; padding: 12px 22px; border: 2px solid var(--color-blue-deep); border-radius: 999px; transition: all 300ms var(--ease); display: inline-flex; align-items: center; gap: 8px; } #pg-start .listings__head-link:hover{ background: var(--color-blue-deep); color: #fff; border-color: var(--color-blue-deep); } #pg-start .carousel{ position: relative; padding: 0 0; } #pg-start .carousel__viewport{ overflow: hidden; border-radius: var(--radius); } #pg-start .carousel__track{ display: flex; gap: 24px; transition: transform 600ms var(--ease); will-change: transform; } #pg-start .listing{ flex: 0 0 calc((100% - 48px) / 3); text-decoration: none; color: inherit; display: block; background: var(--color-paper); border-radius: var(--radius); overflow: hidden; box-shadow: 0 12px 32px rgba(15, 30, 60, 0.20); transition: all 400ms var(--ease); } @media (max-width: 900px){ #pg-start .listing{ flex: 0 0 calc((100% - 24px) / 2); } } @media (max-width: 600px){ #pg-start .listing{ flex: 0 0 100%; } #pg-start .carousel__track{ gap: 16px; } } #pg-start .listing:hover{ transform: translateY(-6px); box-shadow: 0 22px 48px rgba(15, 30, 60, 0.30); } #pg-start .listing__media{ aspect-ratio: 4 / 3; overflow: hidden; } #pg-start .listing__media .placeholder{ width: 100%; height: 100%; transition: transform 800ms var(--ease); } #pg-start .listing:hover .listing__media .placeholder{ transform: scale(1.05); } #pg-start .listing__body{ padding: 22px 24px 26px; } #pg-start .listing__location{ font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-blue); margin-bottom: 8px; font-weight: 600; } #pg-start .listing__title{ font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 12px; color: var(--color-blue-deep); } #pg-start .listing__meta{ display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--color-text-soft); margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--color-line); } #pg-start .listing__price{ font-size: 18px; color: var(--color-blue-deep); font-weight: 700; } #pg-start .carousel__arrow{ position: absolute; top: 38%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(15, 30, 60, 0.25); z-index: 5; transition: all 300ms var(--ease); } #pg-start .carousel__arrow:hover{ background: var(--color-accent); transform: translateY(-50%) scale(1.08); box-shadow: 0 12px 30px rgba(15, 30, 60, 0.35); } #pg-start .carousel__arrow svg{ width: 22px; height: 22px; stroke: var(--color-blue); stroke-width: 2.5; fill: none; transition: stroke 300ms var(--ease); } #pg-start .carousel__arrow:hover svg{ stroke: #fff; } #pg-start .carousel__arrow--prev{ left: -28px; } #pg-start .carousel__arrow--next{ right: -28px; } @media (max-width: 900px){ #pg-start .carousel__arrow{ width: 48px; height: 48px; } #pg-start .carousel__arrow--prev{ left: -8px; } #pg-start .carousel__arrow--next{ right: -8px; } } #pg-start .carousel__dots{ display: flex; justify-content: center; gap: 8px; margin-top: 32px; } #pg-start .carousel__dot{ width: 8px; height: 8px; border-radius: 50%; background: rgba(43, 95, 173, 0.25); border: none; cursor: pointer; transition: all 300ms var(--ease); } #pg-start .carousel__dot.is-active{ background: var(--color-accent); width: 28px; border-radius: 999px; } #pg-start .discreet{ margin-top: 60px; padding: clamp(36px, 5vw, 56px); background: var(--color-paper); border-radius: var(--radius-lg); border-left: 4px solid var(--color-accent); display: grid; grid-template-columns: 2fr 1fr; gap: 36px; align-items: center; box-shadow: 0 12px 36px rgba(15, 30, 60, 0.15); } @media (max-width: 800px){ #pg-start .discreet{ grid-template-columns: 1fr; } } #pg-start .discreet__eyebrow{ font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-accent); margin-bottom: 14px; font-weight: 600; } #pg-start .discreet h3{ font-size: clamp(20px, 2.6vw, 28px); font-weight: 700; line-height: 1.2; margin-bottom: 12px; } #pg-start .discreet p{ font-size: 15px; color: var(--color-text-soft); line-height: 1.6; } #pg-start .valuation__inner{ display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; } @media (max-width: 900px){ #pg-start .valuation__inner{ grid-template-columns: 1fr; gap: 40px; } } #pg-start .valuation__intro .eyebrow{ display: block; margin-bottom: 16px; color: var(--color-blue); } #pg-start .valuation__intro h2{ font-size: clamp(26px, 3.8vw, 42px); font-weight: 700; line-height: 1.15; margin-bottom: 20px; color: var(--color-blue-deep); } #pg-start .valuation__lead{ font-size: 16px; color: var(--color-text-soft); margin-bottom: 22px; line-height: 1.65; } #pg-start .valuation__note{ font-size: 13px; color: var(--color-text-muted); background: var(--color-blue-mist); padding: 16px 20px; border-radius: var(--radius-sm); line-height: 1.6; max-width: 44ch; margin-top: 24px; } #pg-start .valuation__form{ background: var(--color-cream); padding: clamp(28px, 4vw, 44px); border-radius: var(--radius-lg); border: 1px solid var(--color-line); position: relative; } #pg-start .valuation__form::before{ content: 'Online-Wertindikation'; position: absolute; top: -12px; left: 32px; background: var(--color-blue-deep); color: #fff; padding: 6px 16px; border-radius: 999px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; } #pg-start .form-group{ margin-bottom: 18px; } #pg-start .form-group label{ display: block; font-size: 12px; font-weight: 600; color: var(--color-text); margin-bottom: 8px; } #pg-start .form-group input, #pg-start .form-group select{ width: 100%; padding: 13px 16px; font-family: var(--font); font-size: 15px; background: var(--color-paper); border: 1.5px solid var(--color-line); border-radius: var(--radius-sm); color: var(--color-text); transition: all 250ms var(--ease); outline: none; } #pg-start .form-group input:focus, #pg-start .form-group select:focus{ border-color: var(--color-blue); box-shadow: 0 0 0 4px rgba(43, 95, 173, 0.12); } #pg-start .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media (max-width: 480px){ #pg-start .form-row{ grid-template-columns: 1fr; } } #pg-start .form-submit{ width: 100%; padding: 16px; background: var(--color-blue-deep); color: #fff; border: none; border-radius: 999px; font-family: var(--font); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 300ms var(--ease); margin-top: 8px; } #pg-start .form-submit:hover{ background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15, 30, 60, 0.30); } #pg-start .form-disclaimer{ font-size: 11px; color: var(--color-text-muted); margin-top: 14px; line-height: 1.5; text-align: center; } #pg-start .network__inner{ display: grid; grid-template-columns: 1fr 1.3fr; gap: clamp(36px, 5vw, 72px); align-items: center; } @media (max-width: 900px){ #pg-start .network__inner{ grid-template-columns: 1fr; } } #pg-start .network__intro .eyebrow{ display: block; margin-bottom: 16px; color: var(--color-blue); } #pg-start .network__intro h2{ font-size: clamp(28px, 4vw, 44px); font-weight: 700; line-height: 1.15; margin-bottom: 22px; color: var(--color-blue-deep); } #pg-start .network__intro p{ font-size: 16px; color: var(--color-text-soft); line-height: 1.7; margin-bottom: 28px; } #pg-start .network__features{ list-style: none; } #pg-start .network__features li{ padding: 14px 0; border-bottom: 1px solid var(--color-line); font-size: 15px; color: var(--color-text); display: flex; gap: 14px; align-items: center; font-weight: 500; } #pg-start .network__features li::before{ content: ''; width: 20px; height: 20px; border-radius: 50%; background: var(--color-blue-mist); flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FAD' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; background-position: center; } #pg-start .map{ position: relative; aspect-ratio: 5 / 4; background: var(--color-cream); padding: 30px; border-radius: var(--radius-lg); border: 1px solid var(--color-line); } #pg-start .map__svg{ width: 100%; height: 100%; } #pg-start .map__legend{ position: absolute; bottom: 18px; left: 24px; display: flex; gap: 18px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-soft); font-weight: 600; } #pg-start .map__legend-item{ display: flex; align-items: center; gap: 6px; } #pg-start .map__legend-dot{ width: 10px; height: 10px; border-radius: 50%; } #pg-start .map__legend-dot--main{ background: var(--color-accent); } #pg-start .map__legend-dot--partner{ background: var(--color-blue-deep); } #pg-start .map__border{ stroke: var(--color-text-muted); stroke-dasharray: 4 4; fill: none; stroke-width: 1; } #pg-start .map__country-d{ fill: rgba(43, 95, 173, 0.04); } #pg-start .map__country-ch{ fill: rgba(196,64,27, 0.04); } #pg-start .map__country-label{ font-family: var(--font); font-style: italic; font-size: 14px; font-weight: 500; fill: var(--color-text-muted); } #pg-start .map__rhine{ stroke: rgba(43, 95, 173, 0.20); stroke-width: 1.5; fill: none; } #pg-start .map__dot--main{ fill: var(--color-accent); r: 7; } #pg-start .map__dot--partner{ fill: var(--color-blue-deep); r: 5; } #pg-start .map__location:hover .map__dot{ r: 9; cursor: pointer; } #pg-start .map__label{ font-family: var(--font); font-size: 11px; font-weight: 600; fill: var(--color-blue-deep); } #pg-start .map__label--main{ font-weight: 700; fill: var(--color-accent); font-size: 12px; } #pg-start .experts__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } @media (max-width: 900px){ #pg-start .experts__grid{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 540px){ #pg-start .experts__grid{ grid-template-columns: 1fr; } } #pg-start .expert{ padding: 32px 28px; background: var(--color-paper); border-radius: var(--radius); box-shadow: 0 10px 28px rgba(15, 30, 60, 0.15); transition: all 300ms var(--ease); } #pg-start .expert:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 30, 60, 0.25); } #pg-start .expert__icon{ width: 56px; height: 56px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; background: var(--color-blue-mist); border-radius: var(--radius-sm); } #pg-start .expert__icon svg{ width: 26px; height: 26px; stroke: var(--color-blue-deep); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } #pg-start .expert h3{ font-size: 19px; font-weight: 700; margin-bottom: 10px; color: var(--color-blue-deep); } #pg-start .expert p{ font-size: 14px; color: var(--color-text-soft); line-height: 1.55; } #pg-start .cta{ padding: clamp(80px, 11vw, 130px) 0; text-align: center; background: radial-gradient(ellipse 700px 200px at 15% 20%, rgba(255,255,255,0.35) 0%, transparent 60%), radial-gradient(ellipse 600px 180px at 85% 15%, rgba(255,255,255,0.25) 0%, transparent 65%), radial-gradient(ellipse 900px 250px at 45% 70%, rgba(255,255,255,0.30) 0%, transparent 60%), radial-gradient(ellipse 500px 150px at 75% 85%, rgba(255,255,255,0.20) 0%, transparent 65%), linear-gradient(160deg, #4A7BB7 0%, #2D5B95 50%, #1E4D8B 100%); position: relative; overflow: hidden; } #pg-start .cta__inner{ max-width: 760px; margin: 0 auto; padding: 0 var(--gutter); } #pg-start .cta__eyebrow{ display: inline-block; padding: 8px 18px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.90); margin-bottom: 26px; font-weight: 600; } #pg-start .cta h2{ color: #fff; font-size: clamp(28px, 4.5vw, 50px); font-weight: 700; line-height: 1.15; margin-bottom: 24px; } #pg-start .cta p{ font-size: 17px; color: rgba(255,255,255,0.90); line-height: 1.7; margin: 0 auto 40px; max-width: 56ch; } #pg-start .cta__contact{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 26px; } #pg-start .cta__phone{ color: rgba(255,255,255,0.90); font-size: 14px; font-weight: 500; text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.40); transition: all 300ms var(--ease); } #pg-start .cta__phone:hover{ color: #fff; border-color: #fff; } #pg-start .awards__head{ text-align: center; margin-bottom: 48px; } #pg-start .awards__head .eyebrow{ display: block; margin-bottom: 14px; color: var(--color-blue); } #pg-start .awards__head h2{ font-size: clamp(26px, 3.6vw, 40px); font-weight: 700; line-height: 1.15; margin-bottom: 16px; color: var(--color-blue-deep); } #pg-start .awards__head p{ font-size: 15px; color: var(--color-text-soft); max-width: 600px; margin: 0 auto; } #pg-start .awards__grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2vw, 28px); max-width: 900px; margin: 0 auto; } @media (max-width: 900px){ #pg-start .awards__grid{ grid-template-columns: repeat(2, 1fr); } } #pg-start .award{ aspect-ratio: 1; background: var(--color-cream); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; transition: all 300ms var(--ease); border: 1px solid var(--color-line); } #pg-start .award:hover{ background: var(--color-paper); border-color: var(--color-blue); transform: translateY(-3px); box-shadow: 0 12px 26px rgba(15, 30, 60, 0.15); } #pg-start .award__content{ display: flex; flex-direction: column; gap: 8px; align-items: center; } #pg-start .award__tag{ font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-text-muted); font-weight: 600; } #pg-start .award__placeholder{ font-size: 17px; font-weight: 600; color: var(--color-blue); line-height: 1.15; } #pg-start .award__hint{ font-size: 11px; color: var(--color-text-muted); font-style: italic; margin-top: 4px; } #pg-start .footer{ background: var(--color-blue-dark); color: rgba(255,255,255,0.75); padding: 70px 0 30px; font-size: 14px; position: relative; overflow: hidden; } #pg-start .footer::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: radial-gradient(ellipse 600px 100px at 30% 0%, rgba(255,255,255,0.06) 0%, transparent 70%), radial-gradient(ellipse 500px 80px at 70% 50%, rgba(255,255,255,0.04) 0%, transparent 70%); pointer-events: none; } #pg-start .footer__top{ position: relative; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.10); } @media (max-width: 900px){ #pg-start .footer__top{ grid-template-columns: 1fr 1fr; gap: 36px 32px; } } @media (max-width: 540px){ #pg-start .footer__top{ grid-template-columns: 1fr; } } #pg-start .footer__brand .logo{ color: #fff; font-size: 24px; display: inline-block; margin-bottom: 18px; } #pg-start .footer__brand p{ font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.65); max-width: 32ch; } #pg-start .footer__heading{ font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #fff; font-weight: 700; margin-bottom: 18px; } #pg-start .footer__list{ list-style: none; } #pg-start .footer__list li{ margin-bottom: 10px; } #pg-start .footer__list a{ color: rgba(255,255,255,0.65); text-decoration: none; transition: color 300ms var(--ease); font-size: 14px; } #pg-start .footer__list a:hover{ color: #fff; } #pg-start .footer__contact{ font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.75); } #pg-start .footer__contact a{ color: rgba(255,255,255,0.75); text-decoration: none; } #pg-start .footer__contact a:hover{ color: #fff; } #pg-start .footer__bottom{ position: relative; padding-top: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: 12px; color: rgba(255,255,255,0.45); } #pg-start .footer__legal{ display: flex; gap: 22px; flex-wrap: wrap; } #pg-start .footer__legal a{ color: rgba(255,255,255,0.45); text-decoration: none; } #pg-start .footer__legal a:hover{ color: #fff; } .mobile-drawer, .mobile-drawer *{ box-sizing: border-box; } .mobile-drawer{ position: fixed; top: 0; right: 0; width: 100%; max-width: 380px; height: 100vh; background: #FFFFFF; z-index: 200; transform: translateX(100%); transition: transform 400ms cubic-bezier(.22, 1, .36, 1); padding: 80px 32px 32px; font-family: 'Poppins', -apple-system, system-ui, sans-serif; } .mobile-drawer.is-open{ transform: translateX(0); } .mobile-drawer__close{ position: absolute; top: 20px; right: 22px; background: none; border: none; font-size: 30px; color: #1F4685; cursor: pointer; } .mobile-drawer__list{ list-style: none; margin: 0; padding: 0; } .mobile-drawer__list li{ border-bottom: 1px solid #DCE5EF; } .mobile-drawer__list a{ display: block; padding: 18px 0; font-size: 20px; font-weight: 600; color: #1F4685; text-decoration: none; } .mobile-drawer__cta{ margin-top: 28px; padding: 16px; background: #1F4685; color: #fff; text-align: center; text-decoration: none; font-size: 14px; font-weight: 600; border-radius: 999px; display: block; } .mobile-drawer__overlay{ position: fixed; inset: 0; background: rgba(15, 30, 60, 0.5); z-index: 199; opacity: 0; pointer-events: none; transition: opacity 400ms cubic-bezier(.22, 1, .36, 1); } .mobile-drawer__overlay.is-open{ opacity: 1; pointer-events: auto; } #pg-start .designer-note{ position: fixed; bottom: 20px; right: 20px; z-index: 99; background: var(--color-blue-deep); color: #fff; padding: 14px 18px; font-size: 12px; max-width: 280px; line-height: 1.5; border-radius: var(--radius-sm); box-shadow: 0 12px 32px rgba(0,0,0,0.30); } #pg-start .designer-note strong{ display: block; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-bottom: 6px; } #pg-start .designer-note__close{ position: absolute; top: 6px; right: 10px; background: none; border: none; color: rgba(255,255,255,0.7); cursor: pointer; font-size: 16px; } #pg-start .designer-note.is-hidden{ transform: translateY(140%); transition: transform 300ms var(--ease); } @media (max-width: 600px){ #pg-start .designer-note{ display: none; } } @keyframes pulse--kontakt{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } .nav__item-sub{ position: relative; } a.nav__link--sub{ display: inline-flex; align-items: center; gap: .4em; } .nav__caret{ width: 11px; height: 11px; transition: transform .25s; } .nav__item-sub:hover .nav__caret, .nav__item-sub.is-open .nav__caret{ transform: rotate(180deg); } .nav__submenu{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); padding-top: 14px; margin: 0; list-style: none; opacity: 0; visibility: hidden; transition: opacity .25s var(--ease, ease), transform .25s var(--ease, ease); z-index: 90; } .nav__submenu::before{ content: ""; position: absolute; inset: 0 0 auto 0; height: 14px; } .nav__submenu > li{ background: var(--color-paper, #fff); } .nav__submenu > li:first-child{ border-radius: 12px 12px 0 0; padding-top: .45rem; } .nav__submenu > li:last-child{ border-radius: 0 0 12px 12px; padding-bottom: .45rem; box-shadow: 0 22px 48px rgba(15,30,60,.16); } .nav__submenu > li{ border-left: 1px solid var(--color-line, #DCE5EF); border-right: 1px solid var(--color-line, #DCE5EF); box-shadow: 0 22px 48px rgba(15,30,60,.16); } .nav__submenu > li:first-child{ border-top: 1px solid var(--color-line, #DCE5EF); } .nav__submenu > li:last-child{ border-bottom: 1px solid var(--color-line, #DCE5EF); } .nav__item-sub:hover .nav__submenu, .nav__item-sub:focus-within .nav__submenu, .nav__item-sub.is-open .nav__submenu{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .nav__submenu a{ display: block; padding: .68rem 1.4rem; font-family: var(--font, 'Poppins', sans-serif); font-size: .88rem; font-weight: 500; color: var(--color-text, #1A2A3F); text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; } .nav__submenu a:hover, .nav__submenu a.is-active{ background: var(--color-blue-mist, #E8F0FA); color: var(--color-blue, #2B5FAD); } @media (max-width: 1100px){ .nav__submenu a{ padding: .6rem 1.1rem; font-size: .84rem; } } .footer__areas{margin-top:.9rem;font-size:.8rem;line-height:1.65;opacity:.75} .cta-final__card-head{display:flex;align-items:center;gap:22px;margin-bottom:16px;text-align:left;} .cta-final__card-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.45);box-shadow:0 8px 20px rgba(15,30,60,0.35);flex-shrink:0;display:block;} .cta-final__card-head .cta-final__card-name{margin-bottom:2px;} @media (max-width: 900px){ .cta-final__card-head{gap:16px;} .cta-final__card-photo{width:72px;height:72px;} } .sold-card__photo{width:100%;height:100%;object-fit:cover;display:block;} .designer-note{pointer-events:none;} .designer-note__close{pointer-events:auto;} .kein-js{position:relative;z-index:200;margin:0;padding:16px 20px;background:#FFF3E4; border-bottom:2px solid #C4401B;color:#1A2A3F;font-family:'Poppins',-apple-system,system-ui,sans-serif; font-size:15px;line-height:1.6;text-align:center;} .kein-js strong{display:block;margin-bottom:4px;color:#A2361A;} .kein-js a{color:#2B5FAD;font-weight:600;} .designer-note{display:none !important;} :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz){ --container: 1440px; /* Seitenbreite besser ausnutzen */ --section-py: clamp(56px, 7vw, 96px); /* weniger Leerraum zwischen den Bloecken */ --color-blue-mist: #F1F1EE; /* vorher #E8F0FA (blaeulich) -> neutral, ohne Blaustich */ font-size: 17px; /* Grundschrift groesser (vorher 16px) */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz){ --container: 1440px; /* Seitenbreite besser ausnutzen */ --section-py: clamp(56px, 7vw, 96px); /* weniger Leerraum zwischen den Bloecken */ --color-blue-mist: #F1F1EE; /* vorher #E8F0FA (blaeulich) -> neutral, ohne Blaustich */ font-size: 17px; /* Grundschrift groesser (vorher 16px) */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .logo{ font-size: 28px; /* Header-Logo groesser (vorher 22px) */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .logo{ font-size: 28px; /* Header-Logo groesser (vorher 22px) */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .eyebrow{ font-size: 14px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .eyebrow{ font-size: 14px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .section-head h2{ font-size: clamp(32px, 4.4vw, 52px); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .section-head p{ font-size: 18.5px; color: var(--color-text); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) :is(.promise, .expert, .occasion, .factor, .method, .way-card, .comp, .qual, .pillar, .location-card, .step, .step-mini, .ref-card, .commission-card, .why-item__body, .usp__body, .benefit) p{ font-size: 16.5px; line-height: 1.6; font-weight: 500; color: var(--color-text); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) :is(.promise, .expert, .occasion, .factor, .method, .way-card, .comp, .qual, .pillar, .location-card, .step, .step-mini, .ref-card, .commission-card, .why-item__body, .usp__body, .benefit) h3{ font-size: 20.5px; } :is(#pg-netzwerk,#pg-start) :is(.expert__desc, .expert__use){ font-size: 16px; color: var(--color-text); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) :is(.expert, .occasion, .comp, .qual, .method, .location-card, .ref-card, .commission-card, .way-card){ padding: clamp(32px, 3.4vw, 46px) clamp(28px, 3vw, 40px); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .faq-item summary{ font-size: 18px; padding: 26px 30px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .faq-item__body p{ font-size: 16.5px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .cta-final__phone a{ font-size: 27px; font-weight: 700; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .cta-final__phone span{ font-size: 15px; } #pg-start .cta__phone{ font-size: 27px; font-weight: 700; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer{ background: #2B5FAD; /* unterer Teil in hellerem Blau (vorher #163764) */ color: rgba(255,255,255,0.88); font-size: 15.5px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer{ background: #2B5FAD; /* unterer Teil in hellerem Blau (vorher #163764) */ color: rgba(255,255,255,0.88); font-size: 15.5px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__brand .logo{ color: #fff; /* Logo ganz unten in Weiss ... */ font-size: 34px; /* ... und groesser */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__brand .logo{ color: #fff; /* Logo ganz unten in Weiss ... */ font-size: 34px; /* ... und groesser */ } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__heading{ font-size: 13px; color: rgba(255,255,255,0.95); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__heading{ font-size: 13px; color: rgba(255,255,255,0.95); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__list a{ font-size: 16.5px; color: rgba(255,255,255,0.92); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__list a{ font-size: 16.5px; color: rgba(255,255,255,0.92); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__contact{ font-size: 16px; color: rgba(255,255,255,0.92); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__contact{ font-size: 16px; color: rgba(255,255,255,0.92); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__contact a{ color: #fff; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__contact a{ color: #fff; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__brand p{ font-size: 15.5px; color: rgba(255,255,255,0.88); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__brand p{ font-size: 15.5px; color: rgba(255,255,255,0.88); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__bottom{ font-size: 14.5px; color: rgba(255,255,255,0.85); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__bottom{ font-size: 14.5px; color: rgba(255,255,255,0.85); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .footer__legal a{ color: rgba(255,255,255,0.92); } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .footer__legal a{ color: rgba(255,255,255,0.92); } #pg-start .hero__title{ font-size: clamp(28px, 3.1vw, 42px); line-height:1.12; margin-bottom:18px; } #pg-start .hero__grid{ grid-template-columns: 1fr 1fr; align-items:center; } #pg-start .hero__intro{ padding: clamp(28px, 3vw, 40px); } #pg-start .hero__actions{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; } #pg-start .hero__actions .btn{ padding:14px 22px; } #pg-start .about__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; } #pg-start .hero__subtitle{ max-width: 50ch; } #pg-start .hero__subtitle{ font-size: clamp(17px, 1.4vw, 20px); max-width: 46ch; } #pg-start .hero__services{ display: inline-block; margin-top: 10px; font-weight: 600; color: var(--color-blue-deep); } #pg-start .service-card__title{ font-size: 22px; } #pg-start .service-card__desc{ font-size: 16px; font-weight: 500; color: var(--color-text); } #pg-start .service-card__body{ padding: 26px 28px 30px; } #pg-start .listing__title{ font-size: 21px; } #pg-start .listing__body{ padding: 26px 28px 30px; } #pg-start .listing__meta{ font-size: 15px; } #pg-start .listing__price{ font-size: 21px; } #pg-start .about__text h2, #pg-start .valuation__intro h2, #pg-start .network__intro h2, #pg-start .awards__head h2, #pg-start .listings__head h2{ font-size: clamp(30px, 3.8vw, 46px); } #pg-start .about__text p, #pg-start .valuation__lead, #pg-start .network__intro p{ font-size: 17.5px; } #pg-start .about__credentials-list li, #pg-start .network__features li{ font-size: 16.5px; font-weight: 500; } #pg-start .discreet h3{ font-size: 24px; } #pg-start .discreet p{ font-size: 16.5px; } @media (max-width: 600px){ :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .faq-item summary{ padding: 20px 20px; font-size: 16.5px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .cta-final__phone a{ font-size: 23px; } } #pg-start .valuation__inner{ align-items: start; } #pg-start .online-tool{ background: var(--color-cream); } #pg-start .online-tool__inner{ display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; } @media (max-width: 900px){ #pg-start .online-tool__inner{ grid-template-columns: 1fr; gap: 40px; } } #pg-start .online-tool__intro .eyebrow{ display: block; margin-bottom: 16px; } #pg-start .online-tool__intro h2{ font-size: clamp(28px, 4vw, 42px); line-height: 1.15; margin-bottom: 20px; } #pg-start .online-tool__intro p{ font-size: 15px; color: var(--color-text-soft); margin-bottom: 16px; line-height: 1.65; } #pg-start .online-tool__steps{ list-style: none; margin-top: 24px; } #pg-start .online-tool__steps li{ display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; font-size: 14px; } #pg-start .online-tool__steps li::before{ content: counter(li); counter-increment: li; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--color-blue-deep); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; } #pg-start .online-tool__steps{ counter-reset: li; } #pg-start .online-tool__note{ margin-top: 22px; padding: 14px 18px; background: var(--color-blue-mist); border-radius: var(--radius-sm); font-size: 13px; color: var(--color-text-soft); line-height: 1.55; font-style: italic; } #pg-start .online-tool__form{ background: var(--color-paper); padding: clamp(28px, 4vw, 44px); border-radius: var(--radius-lg); border: 1px solid var(--color-line); position: relative; box-shadow: 0 12px 32px rgba(15, 30, 60, 0.08); } #pg-start .online-tool__form::before{ content: 'Online-Wertindikation'; position: absolute; top: -12px; left: 32px; background: var(--color-blue-deep); color: #fff; padding: 6px 16px; border-radius: 999px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; } #pg-start .form-group{ margin-bottom: 18px; margin-top: 14px; } #pg-start .form-group label{ display: block; font-size: 12px; font-weight: 600; color: var(--color-text); margin-bottom: 8px; } #pg-start .form-group input, #pg-start .form-group select{ width: 100%; padding: 13px 16px; font-family: var(--font); font-size: 15px; background: var(--color-paper); border: 1.5px solid var(--color-line); border-radius: var(--radius-sm); color: var(--color-text); transition: all 250ms var(--ease); outline: none; } #pg-start .form-group input:focus, #pg-start .form-group select:focus{ border-color: var(--color-blue); box-shadow: 0 0 0 4px rgba(43, 95, 173, 0.12); } #pg-start .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media (max-width: 480px){ #pg-start .form-row{ grid-template-columns: 1fr; } } #pg-start .form-submit{ width: 100%; padding: 16px; background: var(--color-blue-deep); color: #fff; border: none; border-radius: 999px; font-family: var(--font); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 300ms var(--ease); margin-top: 8px; } #pg-start .form-submit:hover{ background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15, 30, 60, 0.30); } #pg-start .form-disclaimer{ font-size: 11px; color: var(--color-text-muted); margin-top: 14px; line-height: 1.5; text-align: center; } #pg-start .wi{position:relative;} #pg-start .wi__progress{display:flex;align-items:center;gap:14px;margin-bottom:22px;} #pg-start .wi__progress-label{font-size:13px;font-weight:600;color:#4A5567;white-space:nowrap;} #pg-start .wi__bar{flex:1;height:6px;border-radius:999px;background:#DCE5EF;overflow:hidden;} #pg-start .wi__bar i{display:block;height:100%;background:#2B5FAD;border-radius:999px;transition:width .3s ease;} #pg-start .wi__step{display:none;border:0;padding:0;margin:0;min-width:0;} #pg-start .wi__step.is-active{display:block;} #pg-start .wi__title{font-size:19px;color:#163764;margin:0 0 14px;} #pg-start .wi__sub{font-size:14px;color:#4A5567;margin:-6px 0 16px;line-height:1.55;} #pg-start .wi__hint{font-size:12.5px;color:#4A5567;margin:10px 0 0;line-height:1.55;} #pg-start .wi__optional{font-weight:400;color:#4A5567;} #pg-start .wi__error{display:block;margin:6px 0 12px;font-size:13px;color:#D72638;} #pg-start .wi__error[hidden], #pg-start .wi__success[hidden], #pg-start .wi-pop[hidden], #pg-start .wi__nav[hidden], #pg-start .wi__progress[hidden], #pg-start .form-disclaimer[hidden]{display:none !important;} #pg-start .wi input.is-invalid, #pg-start .wi select.is-invalid{border-color:#D72638 !important;box-shadow:0 0 0 3px rgba(215,38,56,.12);} #pg-start .wi-unit{position:relative;} #pg-start .wi-unit input{width:100%;padding-right:44px;} #pg-start .wi-unit span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#4A5567;pointer-events:none;} #pg-start .wi-count{display:flex;align-items:stretch;border:1px solid #DCE5EF;border-radius:10px;overflow:hidden;} #pg-start .wi-count input{flex:1;border:0 !important;border-radius:0 !important;text-align:center;font-weight:600;color:#1A2A3F;background:#FAFAF8;min-width:0;} #pg-start .wi-count__btn{width:46px;border:0;background:#fff;color:#2B5FAD;font-size:20px;font-weight:600;cursor:pointer;} #pg-start .wi-count__btn:hover{background:#E8F0FA;} #pg-start .wi-count__btn:first-child{border-right:1px solid #DCE5EF;} #pg-start .wi-count__btn:last-child{border-left:1px solid #DCE5EF;} #pg-start .wi-info{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:5px;border-radius:50%; border:1.5px solid #2B5FAD;background:#fff;color:#2B5FAD;font-size:11px;font-weight:700;font-style:normal;cursor:pointer; vertical-align:middle;line-height:1;padding:0;} #pg-start .wi-info{position:relative;} #pg-start .wi-info::after{content:"";position:absolute;top:-4.5px;left:-4.5px;right:-4.5px;bottom:-4.5px;} #pg-start .wi-info:hover{background:#2B5FAD;color:#fff;} #pg-start .wi-pop{display:block;margin:6px 0 2px;padding:12px 38px 12px 14px;background:#E8F0FA;border:1px solid #C9DCF3;position:relative; border-radius:10px;font-size:13px;line-height:1.55;color:#1A2A3F;font-weight:400;letter-spacing:0;text-transform:none;} #pg-start .wi-pop__x{position:absolute;top:6px;right:8px;border:0;background:none;font-size:16px;color:#606F85;cursor:pointer;padding:4px;} #pg-start .wi .form-group{position:relative;} #pg-start .wi__more{margin-top:16px;border-top:1px solid #DCE5EF;border-bottom:1px solid #DCE5EF;padding:2px 0;} #pg-start .wi__more summary{padding:12px 4px;cursor:pointer;font-size:14.5px;color:#1A2A3F;list-style:none;display:flex;align-items:center;gap:8px;} #pg-start .wi__more summary::before{content:"\002304";color:#2B5FAD;font-size:16px;transition:transform .2s;} #pg-start .wi__more[open] summary::before{transform:rotate(180deg);} #pg-start .wi__more-body{padding:6px 0 16px;} #pg-start .wi-check{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;margin-bottom:10px; border:1px solid #DCE5EF;border-radius:12px;background:#fff;cursor:pointer;font-size:14.5px;color:#1A2A3F;} #pg-start .wi-check input{width:18px;height:18px;accent-color:#2B5FAD;flex-shrink:0;} #pg-start .wi-cards{display:grid;gap:10px;margin-bottom:18px;} #pg-start .wi-card{display:block;cursor:pointer;} #pg-start .wi-card input{position:absolute;opacity:0;pointer-events:none;} #pg-start .wi-card span{display:block;padding:15px 18px;border:1px solid #DCE5EF;border-radius:12px;background:#fff;font-size:15px;color:#1A2A3F;transition:all .15s;} #pg-start .wi-card:hover span{border-color:#2B5FAD;} #pg-start .wi-card input:focus + span{outline:2px solid #2B5FAD;outline-offset:2px;} #pg-start .wi-count input:focus{outline:2px solid #2B5FAD;outline-offset:-2px;} #pg-start .wi-card input:checked + span{border-color:#2B5FAD;background:#E8F0FA;box-shadow:0 0 0 1px #2B5FAD inset;font-weight:600;color:#163764;} #pg-start .wi__details textarea{width:100%;padding:13px 16px;font-family:var(--font);font-size:15px;line-height:1.55; background:var(--color-paper);border:1.5px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text); transition:all 250ms var(--ease);outline:none;resize:vertical;min-height:110px;display:block;} #pg-start .wi__details textarea:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px rgba(43,95,173,.12);} @media (prefers-reduced-motion: reduce){ #pg-start .wi__bar i, #pg-start .wi-card span, #pg-start .wi-count__btn, #pg-start .wi-info, #pg-start .wi__more summary::before{transition:none !important;} } #pg-start .wi__counter{text-align:right;font-size:12px;color:#4A5567;margin-top:4px;} #pg-start .wi-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#4A5567;line-height:1.55;margin:6px 0 4px;cursor:pointer;} #pg-start .wi-consent input{width:17px;height:17px;margin-top:2px;accent-color:#2B5FAD;flex-shrink:0;} #pg-start .wi-consent a{color:#2B5FAD;} #pg-start .wi__nav{display:flex;gap:12px;align-items:center;margin-top:20px;} #pg-start .wi__back{border:0;background:none;color:#2B5FAD;font-weight:600;font-size:14.5px;cursor:pointer;padding:12px 6px;white-space:nowrap;} #pg-start .wi__next{flex:1;margin-top:0 !important;} #pg-start #wiForm .form-disclaimer{color:#4A5567;} #pg-start .wi__success{padding:20px 22px;border-radius:14px;background:#E9F5EF;border:1px solid #BFE3D2;color:#1F5C44;font-size:15px;line-height:1.6;} #pg-start .wi__success .wi__demo{display:block;margin-top:10px;font-size:12.5px;color:#4A5567;} #pg-start .wi__neu{display:inline-block;margin-top:14px;padding:9px 4px;border:0;background:none; font-family:inherit;font-size:14.5px;font-weight:600;color:#1F5C44;text-decoration:underline;cursor:pointer;} #pg-start .wi__neu:hover{color:#2D7D5F;} #pg-start .wi__demo[hidden]{display:none !important;} #pg-start .wi__progress{scroll-margin-top:96px;} #pg-start .wi__fallback{padding:20px 22px;border-radius:14px;background:#FDF6E7;border:1px solid #EBD9AC;color:#6B5215;font-size:15px;line-height:1.6;} #pg-start .wi__fallback[hidden]{display:none !important;} #pg-start .wi__fallback strong{display:block;margin-bottom:6px;color:#4F3D0E;} #pg-start .wi__fallback-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} #pg-start .wi__fallback-mail{display:inline-block;padding:13px 22px;border-radius:999px;background:#1F4685;color:#fff !important;font-weight:600;font-size:14.5px;text-decoration:none;border:0;cursor:pointer;} #pg-start .wi__fallback-mail:hover{background:#163764;} #pg-start .wi__fallback-tel{display:inline-block;padding:12px 22px;border-radius:999px;background:none;border:1.5px solid #1F4685;color:#1F4685;font-weight:600;font-size:14.5px;text-decoration:none;} #pg-start .wi__fallback-sub{display:block;margin-top:12px;font-size:12.5px;color:#8A6D1F;overflow-wrap:anywhere;} #pg-start .wi__fallback .wi__neu{color:#6B5215;} #pg-start .wi__neu{display:block;padding:9px 0 0;margin-top:10px;text-align:left;} :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .header{ padding: 26px 0; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .header{ padding: 26px 0; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .header.is-scrolled{ padding: 18px 0; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .header.is-scrolled{ padding: 18px 0; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__list{ gap: 32px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__list{ gap: 32px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__link{ font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__link{ font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__link::after{ height: 3px; bottom: -7px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__link::after{ height: 3px; bottom: -7px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__cta{ font-size: 14px; font-weight: 700; letter-spacing: 0.03em; padding: 13px 26px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__cta{ font-size: 14px; font-weight: 700; letter-spacing: 0.03em; padding: 13px 26px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__toggle span{ width: 28px; height: 3px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__toggle span{ width: 28px; height: 3px; } .mobile-drawer__list a{ font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; font-size: 19px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__link{ white-space: nowrap; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__link{ white-space: nowrap; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__cta{ white-space: nowrap; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .nav__cta{ white-space: nowrap; } @media (max-width: 1360px){ :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .header__inner{ gap: 24px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav{ gap: 28px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__list{ gap: 16px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__link{ font-size: 12.5px; letter-spacing: 0.035em; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .logo{ font-size: 26px; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__cta{ font-size: 12.5px; padding: 10px 16px; } } @media (max-width: 1160px){ :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__list, :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__cta{ display: none; } :is(#pg-start,:is(#pg-verkaufen,#pg-vermietung),#pg-bewertung,#pg-immobilien,#pg-netzwerk,#pg-kontakt,#pg-bauschaden,#pg-ueber-mich,#pg-gutachten,#pg-verkehrswertgutachten,#pg-restnutzungsdauer,#pg-impressum,#pg-datenschutz) .nav__toggle{ display: block; } } #pg-start .sellteaser{ background: var(--color-paper); } #pg-start .sellteaser .section-head{ margin-bottom: clamp(40px, 5vw, 64px); max-width: 920px; } #pg-start .sellteaser .section-head p{ font-size: 17px; max-width: 760px; } #pg-start .sellteaser__points{ display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 56px); max-width: 1180px; margin: 0 auto; text-align: center; } #pg-start .sellteaser__icon{ display: flex; justify-content: center; margin-bottom: 18px; } #pg-start .sellteaser__icon svg{ width: 44px; height: 44px; stroke: var(--color-blue-deep); fill: none; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; } #pg-start .sellteaser__point h3{ font-size: 21px; font-weight: 700; color: var(--color-blue-deep); margin-bottom: 12px; } #pg-start .sellteaser__point p{ font-size: 16px; color: var(--color-text-soft); max-width: 360px; margin: 0 auto; } #pg-start .sellteaser__card{ display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); margin-top: clamp(48px, 6vw, 80px); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 24px 60px rgba(22, 55, 100, 0.10); } #pg-start .sellteaser__media{ position: relative; min-height: 360px; } #pg-start .sellteaser__media .placeholder{ position: absolute; inset: 0; } #pg-start .sellteaser__media--marke{ display: flex; align-items: center; justify-content: center; background: #FFFFFF; border-right: 1px solid var(--color-line, #DCE5EF); padding: clamp(26px, 4vw, 48px); } #pg-start .sellteaser__logo{ display: block; width: auto; height: auto; max-width: min(300px, 100%); max-height: 100%; object-fit: contain; } @media (max-width: 900px){ #pg-start .sellteaser__media--marke{ border-right: 0; border-bottom: 1px solid var(--color-line, #DCE5EF); padding: 26px; } #pg-start .sellteaser__logo{ max-width: 210px; } } @media (max-width: 640px){ #pg-start .sellteaser__media--marke{ height: 212px !important; padding: 18px; } #pg-start .sellteaser__logo{ max-width: 150px; } } #pg-start .sellteaser__body{ background: var(--color-blue-mist); padding: clamp(36px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } #pg-start .sellteaser__body h3{ font-size: clamp(24px, 2.6vw, 34px); font-weight: 700; line-height: 1.22; color: var(--color-blue-deep); margin-bottom: 16px; } #pg-start .sellteaser__body p{ font-size: 16px; color: var(--color-text-soft); max-width: 480px; margin-bottom: 28px; } @media (max-width: 900px){ #pg-start .sellteaser__points{ grid-template-columns: 1fr; gap: 34px; } #pg-start .sellteaser__card{ grid-template-columns: 1fr; } #pg-start .sellteaser__media{ min-height: 240px; } #pg-start .sellteaser__body{ align-items: flex-start; } } .certs__grid{ --certs-gap: clamp(16px, 2vw, 26px); display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: var(--certs-gap); max-width: 1060px; margin: 0 auto; } @media (max-width: 940px){ .certs__grid > .cert{ flex-basis: calc((100% - var(--certs-gap)) / 2); } } @media (max-width: 460px){ .certs__grid > .cert{ flex-basis: 100%; } } .cert{ display: flex; flex-direction: column; align-items: center; gap: 4px; background: var(--color-paper, #FFFFFF); border: 1px solid var(--color-line, #DCE5EF); border-radius: var(--radius, 16px); padding: 26px 22px 24px; flex: 0 1 calc((100% - 2 * var(--certs-gap)) / 3); min-width: 0; cursor: zoom-in; font-family: inherit; text-align: center; transition: all 300ms var(--ease, ease); } .cert:hover{ transform: translateY(-4px); border-color: var(--color-blue, #2B5FAD); box-shadow: 0 14px 32px rgba(15, 30, 60, 0.12); } .cert__media{ position: relative; height: 168px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; } .cert__media img{ max-height: 100%; max-width: 82%; width: auto; object-fit: contain; } .cert__badge{ position: absolute; top: 0; right: 0; padding: 3px 9px; border-radius: 999px; background: var(--color-blue, #2B5FAD); color: #FFFFFF; font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.5; } .cert--doc .cert__media img{ border: 1px solid var(--color-line, #DCE5EF); box-shadow: 0 4px 14px rgba(15, 30, 60, 0.10); background: #FFFFFF; } .cert__title{ display: block; font-size: 15.5px; font-weight: 700; color: var(--color-blue-deep, #1F4685); line-height: 1.3; } .cert__sub{ display: block; font-size: 12.5px; color: var(--color-text-muted, #606F85); line-height: 1.45; } .cert-lightbox{ position: fixed; inset: 0; z-index: 5000; display: none; align-items: center; justify-content: center; padding: 28px 18px 22px; background: rgba(12, 24, 46, 0.90); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .cert-lightbox.is-open{ display: flex; } .cert-lightbox figure{ margin: 0; max-width: min(1100px, 96vw); max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 14px; min-height: 0; } .cert-lightbox__pages{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; max-width: 100%; max-height: calc(100vh - 130px); overflow: auto; } .cert-lightbox__pages img{ max-width: 100%; max-height: calc(100vh - 130px); object-fit: contain; border-radius: 6px; background: #FFFFFF; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5); } .cert-lightbox__pages--multi img{ max-width: calc(50% - 10px); } @media (max-width: 820px){ .cert-lightbox__pages--multi{ flex-direction: column; flex-wrap: nowrap; } .cert-lightbox__pages--multi img{ max-width: 100%; max-height: none; width: 100%; } } .cert-lightbox figcaption{ color: rgba(255, 255, 255, 0.88); font-family: 'Poppins', -apple-system, system-ui, sans-serif; font-size: 14px; text-align: center; line-height: 1.5; max-width: 760px; } .cert-lightbox__close{ position: absolute; top: 16px; right: 18px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.08); color: #FFFFFF; font-size: 26px; line-height: 1; cursor: pointer; font-family: 'Poppins', -apple-system, system-ui, sans-serif; transition: background 200ms ease; } .cert-lightbox__close:hover{ background: rgba(255, 255, 255, 0.22); } @media (max-width: 600px){ .cert-lightbox__close{ top: 10px; right: 10px; } } #pg-start .certs__grid{ margin-left: auto; margin-right: auto; } #pg-start .cert{ padding: 26px 22px 24px; } #pg-start .cert__media{ margin-bottom: 14px; } #pg-start .cert__badge{ padding: 3px 9px; } :is(.seller-benefits__grid, .contact-cards, .occasions__grid, .process__grid, .competencies__grid, .qualifications__grid, .commission__cards, .premium-partners__grid, .region__stats) > *{ min-width: 0; hyphens: auto; overflow-wrap: break-word; } #pg-start .situations__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; } #pg-start .situations__grid .situation{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; text-align:left; font:inherit; cursor:pointer; appearance:none; -webkit-appearance:none; width:100%; } #pg-start .situations__grid .situation .situation__link{ margin-top:auto; } #pg-start .situation:focus-visible{ outline:3px solid var(--color-accent,#C4401B); outline-offset:3px; } #pg-start .situation.is-active{ border-color:var(--color-blue-deep,#12306B); box-shadow:0 18px 40px rgba(15,30,60,.12); } #pg-start .situations__grid .situation .situation__link{ display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; } #pg-start .situation__chev{ flex-shrink:0; } #pg-start .situation__chev{ width:22px; height:22px; fill:none; stroke:var(--color-blue-deep,#12306B); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform 250ms var(--ease,ease), background 250ms; border-radius:50%; } #pg-start .situation.is-active .situation__chev{ transform:rotate(180deg); background:var(--color-blue-deep,#12306B); stroke:#fff; } #pg-start .situation-panel{ grid-column:1 / -1; margin-top:8px; background:#fff; border:1px solid var(--color-line,#DCE5EF); border-left:4px solid var(--color-accent,#C4401B); border-radius:var(--radius-lg,16px); padding:28px 32px 32px; } #pg-start .situation-panel__head{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; margin-bottom:18px; } #pg-start .situation-panel__head .situation__kicker{ margin-bottom:0; } #pg-start .situation-panel__title{ font-size:22px; color:var(--color-blue-deep,#12306B); margin:0; line-height:1.25; } #pg-start .situation-panel__close{ margin-left:auto; background:transparent; border:1px solid var(--color-line,#DCE5EF); border-radius:999px; padding:6px 14px; font:inherit; font-size:13px; font-weight:600; color:var(--color-blue-deep,#12306B); cursor:pointer; } #pg-start .situation-panel__close:hover{ background:#EEF2F8; } #pg-start .situation-panel p{ font-size:16px; line-height:1.7; color:var(--color-text-soft,#3C4658); margin-bottom:16px; max-width:76ch; } #pg-start .situation-detail__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; } @media (max-width:1100px){ #pg-start .situations__grid{ grid-template-columns:repeat(2,1fr); } } @media (min-width:641px){ #pg-start .situation-panel{ order:99; margin-top:16px; } } #pg-start .situation{ display:block; background:#fff; border:1px solid var(--color-line,#DCE5EF); border-radius:var(--radius-lg,16px); padding:32px 28px; text-decoration:none; color:inherit; transition:transform 250ms var(--ease,ease), box-shadow 250ms var(--ease,ease); } #pg-start .situation:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(15,30,60,.12); } #pg-start .situation__kicker{ display:block; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--color-accent,#C4401B); font-weight:700; margin-bottom:14px; line-height:1.3; } #pg-start .situation h3{ font-size:20px; color:var(--color-blue-deep,#12306B); margin-bottom:12px; line-height:1.25; } #pg-start .situation p{ font-size:15px; line-height:1.6; color:var(--color-text-soft,#3C4658); margin-bottom:18px; } #pg-start .situation__link{ font-weight:700; color:var(--color-blue-deep,#12306B); font-size:14px; } @media (max-width:640px){ #pg-start .situations__grid{ grid-template-columns:1fr; gap:16px; } #pg-start .situation-panel{ padding:20px 18px 24px; } } #pg-start .nav__list{ gap:22px; } #pg-start .nav__list, :is(#pg-ratgeber,.pg--ratgeber) .nav__list{ gap:22px; } #pg-start .nav__cta{ white-space:nowrap; font-size:13px; padding:11px 18px; } #pg-start .nav__cta, :is(#pg-ratgeber,.pg--ratgeber) .nav__cta{ white-space:nowrap; font-size:13px; padding:11px 18px; } #pg-start .nav__submenu{ min-width:250px; background:#fff; border-radius:10px; padding:8px 0; box-shadow:0 18px 40px rgba(15,30,60,.18); } #pg-start .nav__submenu, :is(#pg-ratgeber,.pg--ratgeber) .nav__submenu{ min-width:250px; background:#fff; border-radius:10px; padding:8px 0; box-shadow:0 18px 40px rgba(15,30,60,.18); } #pg-start .nav__submenu > li{ background:transparent; border:0; } #pg-start .nav__submenu > li, :is(#pg-ratgeber,.pg--ratgeber) .nav__submenu > li{ background:transparent; border:0; } #pg-start .nav__submenu a{ display:block; padding:10px 22px; font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; color:#12306B; text-decoration:none; } #pg-start .nav__submenu a, :is(#pg-ratgeber,.pg--ratgeber) .nav__submenu a{ display:block; padding:10px 22px; font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; color:#12306B; text-decoration:none; } #pg-start .nav__submenu a:hover{ background:#EEF2F8; } #pg-start .nav__submenu a:hover, :is(#pg-ratgeber,.pg--ratgeber) .nav__submenu a:hover{ background:#EEF2F8; } @media (min-width:0px){ #pg-start .nav__cta{ font-size:12px; padding:10px 14px; letter-spacing:0; } #pg-start .nav__list{ gap:16px; } #pg-start .nav{ gap:18px; } } @media (max-width:1260px){ #pg-start .nav__list, #pg-start .nav__cta{ display:none; } #pg-start .nav__list, :is(#pg-ratgeber,.pg--ratgeber) .nav__list, #pg-start .nav__cta, :is(#pg-ratgeber,.pg--ratgeber) .nav__cta{ display:none; } #pg-start .nav__toggle{ display:block; } #pg-start .nav__toggle, :is(#pg-ratgeber,.pg--ratgeber) .nav__toggle{ display:block; } } @media (max-width:640px){ .pg .btn, .pg .hero__cta a, .pg .hero__actions a, .pg .cta-final__buttons a, .pg .mobile-drawer__cta{ white-space:normal !important; max-width:100%; text-align:center; line-height:1.3; } .pg .hero .container, .pg .hero__inner, .pg .hero__intro, .pg .hero__content{ min-width:0; max-width:100%; } } #pg-start .hero__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; } @media (max-width:600px){ #pg-start .service-card__media{ display:none; } #pg-start .service-card{ min-height:0; aspect-ratio:auto; } #pg-start .service-card__body{ position:static; padding:18px 20px; background:var(--color-blue-deep,#12306B); } #pg-start .service-card__desc{ display:none; } #pg-start .service-card__title{ margin-bottom:6px; } } body.is-review [data-change]{ outline:3px dashed #C4401B !important; outline-offset:4px; } .review-tag{ position:absolute; z-index:9998; background:#C4401B; color:#fff; font:700 11px/1 Poppins,Arial,sans-serif; padding:4px 8px; border-radius:3px; letter-spacing:.04em; pointer-events:none; } .review-panel{ display:none; position:fixed; right:16px; bottom:16px; z-index:9999; background:#12306B; color:#fff; font:13px/1.45 Poppins,Arial,sans-serif; padding:14px 16px; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.3); max-width:320px; } .review-panel b{ display:block; margin-bottom:6px; } .review-panel a{ color:#fff; } body.is-review .review-panel{ display:block; } .m-more, .m-hero-tel, .m-footer-toggle, .m-lead-more{ display:none; } .m-actionbar{ display:none; } .m-actionbar[hidden]{ display:none !important; } @media (max-width:640px){ :is(#pg-start,.pg){ font-size:16px; } :is(#pg-start,.pg).is-active{ display:flex; flex-direction:column; padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)); } :is(#pg-start,.pg) > section, :is(#pg-start,.pg) > footer, :is(#pg-start,.pg) > .filter-bar{ width:100%; min-width:0; } :is(#pg-start,.pg) .container{ padding-left:20px; padding-right:20px; } :is(#pg-start,.pg) > section.section, :is(#pg-start,.pg) > section.pillars, :is(#pg-start,.pg) > section.premium-partners, :is(#pg-start,.pg) > section.ways, :is(#pg-start,.pg) > section.gallery, :is(#pg-start,.pg) > section.region-home, :is(#pg-start,.pg) > section.legal-body, :is(#pg-start,.pg) > section.quick-contact{ padding-top:44px; padding-bottom:44px; } :is(#pg-start,.pg) > section.cta-final, :is(#pg-start,.pg) > section.cta{ padding-top:44px; padding-bottom:44px; } :is(#pg-start,.pg) .section-head{ margin-bottom:22px; } :is(#pg-start,.pg) .section-head p, :is(#pg-start,.pg) .section-head .section-lead{ font-size:16px; line-height:1.55; } :is(#pg-start,.pg) h1, :is(#pg-start,.pg) .hero__title{ font-size:28px !important; line-height:1.18 !important; letter-spacing:-0.01em; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; } :is(#pg-start,.pg) h2{ font-size:24px !important; line-height:1.22 !important; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; } :is(#pg-start,.pg) h3{ font-size:19px !important; line-height:1.3 !important; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; } :is(#pg-start,.pg) p, :is(#pg-start,.pg) li, :is(#pg-start,.pg) dd, :is(#pg-start,.pg) dt, :is(#pg-start,.pg) td, :is(#pg-start,.pg) th, :is(#pg-start,.pg) address, :is(#pg-start,.pg) blockquote, :is(#pg-start,.pg) summary, :is(#pg-start,.pg) figcaption{ font-size:16px; line-height:1.6; } :is(#pg-start,.pg) p.placeholder-text, :is(#pg-start,.pg) p.placeholder-hint, :is(#pg-start,.pg) .placeholder-tag{ font-size:13px; line-height:1.4; } :is(#pg-start,.pg) small, :is(#pg-start,.pg) .form-disclaimer, :is(#pg-start,.pg) .wi__hint, :is(#pg-start,.pg) .commission__note, :is(#pg-start,.pg) .refs__note, :is(#pg-start,.pg) .rnd-calc__note, :is(#pg-start,.pg) .valuation__note, :is(#pg-start,.pg) .online-tool__note, :is(#pg-start,.pg) .drk-consent__note, :is(#pg-start,.pg) .hours-card__sub, :is(#pg-start,.pg) .gallery__owner-hint{ font-size:14px !important; line-height:1.5; } :is(#pg-start,.pg) .eyebrow, :is(#pg-start,.pg) .hero__eyebrow, :is(#pg-start,.pg) .cta-final__eyebrow, :is(#pg-start,.pg) .commission__badge, :is(#pg-start,.pg) .rg-kicker{ font-size:12.5px; } :is(#pg-start,.pg) .breadcrumb{ font-size:14px; flex-wrap:nowrap; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; justify-content:flex-start; margin-bottom:14px; max-width:100%; } :is(#pg-start,.pg) .breadcrumb a{ display:inline-block; padding:8px 0; margin:-8px 0; } :is(#pg-start,.pg) .benefit, :is(#pg-start,.pg) .usp, :is(#pg-start,.pg) .occasion, :is(#pg-start,.pg) .factor, :is(#pg-start,.pg) .comp, :is(#pg-start,.pg) .qual, :is(#pg-start,.pg) .expert, :is(#pg-start,.pg) .way-card, :is(#pg-start,.pg) .value, :is(#pg-start,.pg) .why-item, :is(#pg-start,.pg) .pillar, :is(#pg-start,.pg) .premium-card, :is(#pg-start,.pg) .commission-card, :is(#pg-start,.pg) .contact-card, :is(#pg-start,.pg) .stat-card, :is(#pg-start,.pg) .eng-card, :is(#pg-start,.pg) .rg-card, :is(#pg-start,.pg) .direction, :is(#pg-start,.pg) .availability-note, :is(#pg-start,.pg) .hours-card, :is(#pg-start,.pg) .situation, :is(#pg-start,.pg) .partner__card, :is(#pg-start,.pg) .listing__body, :is(#pg-start,.pg) .property__body, :is(#pg-start,.pg) .search-teaser, :is(#pg-start,.pg) .financing__benefits, :is(#pg-start,.pg) .checklist__items, :is(#pg-start,.pg) .rnd-calc__card, :is(#pg-start,.pg) .drk-consent, :is(#pg-start,.pg) .fitcheck__panel, :is(#pg-start,.pg) .cta-final__card, :is(#pg-start,.pg) .quick-card, :is(#pg-start,.pg) .refs-honest, :is(#pg-start,.pg) .rg-kurz, :is(#pg-start,.pg) .rg-toc, :is(#pg-start,.pg) .rg-cta, :is(#pg-start,.pg) .rg-daten__item, :is(#pg-start,.pg) .rg-hinweis{ padding:18px 18px; min-width:0; } :is(#pg-start,.pg) .seller-benefits__grid, :is(#pg-start,.pg) .why__grid, :is(#pg-start,.pg) .occasions__grid, :is(#pg-start,.pg) .factors__grid, :is(#pg-start,.pg) .competencies__grid, :is(#pg-start,.pg) .qualifications__grid, :is(#pg-start,.pg) .experts__grid, :is(#pg-start,.pg) .pillars__grid, :is(#pg-start,.pg) .why-network__grid, :is(#pg-start,.pg) .values__grid, :is(#pg-start,.pg) .engagement__grid, :is(#pg-start,.pg) .rg-grid, :is(#pg-start,.pg) .ways__grid, :is(#pg-start,.pg) .commission__cards, :is(#pg-start,.pg) .contact-cards, :is(#pg-start,.pg) .region__stats, :is(#pg-start,.pg) .gallery__grid, :is(#pg-start,.pg) .availability__grid, :is(#pg-start,.pg) .availability__notes, :is(#pg-start,.pg) .location__directions, :is(#pg-start,.pg) .certs__grid, :is(#pg-start,.pg) .quick-contact__grid, :is(#pg-start,.pg) .premium-partners__grid{ gap:12px; } :is(#pg-start,.pg) .btn{ min-height:48px; padding-top:12px; padding-bottom:12px; } :is(#pg-start,.pg) .hero__cta, :is(#pg-start,.pg) .hero__actions, :is(#pg-start,.pg) .cta-final__buttons, :is(#pg-start,.pg) .financing__buttons, :is(#pg-start,.pg) .drk-footer__buttons, :is(#pg-start,.pg) .rg-cta__buttons, :is(#pg-start,.pg) .about__actions, :is(#pg-start,.pg) .situation-detail__cta{ display:flex; flex-direction:column; align-items:stretch; gap:10px; } :is(#pg-start,.pg) .hero__cta .btn, :is(#pg-start,.pg) .hero__actions .btn, :is(#pg-start,.pg) .cta-final__buttons .btn, :is(#pg-start,.pg) .financing__buttons .btn, :is(#pg-start,.pg) .drk-footer__buttons .btn, :is(#pg-start,.pg) .rg-cta__buttons .btn, :is(#pg-start,.pg) .about__actions .btn, :is(#pg-start,.pg) .situation-detail__cta .btn{ width:100%; justify-content:center; text-align:center; } :is(#pg-start,.pg) .faq-item summary{ min-height:52px; } :is(#pg-start,.pg) .footer__legal a, :is(#pg-start,.pg) .footer__contact a, :is(#pg-start,.pg) .rg-toc a, :is(#pg-start,.pg) .rg-quellen a, :is(#pg-start,.pg) .location__address-actions a{ display:inline-flex; align-items:center; min-height:44px; } :is(#pg-start,.pg) .filter-chip{ min-height:44px; padding:10px 14px; font-size:14px; } :is(#pg-start,.pg) input[type="checkbox"]{ width:24px; height:24px; } :is(#pg-start,.pg) .carousel__dots{ gap:0; } :is(#pg-start,.pg) .carousel__dot{ height:12px; min-width:12px; box-sizing:content-box; border:16px solid transparent; background-clip:padding-box; } :is(#pg-start,.pg) .carousel__dot.is-active{ min-width:28px; } :is(#pg-start,.pg) .hero--photo .hero__photo{ height:min(32vh, 270px) !important; margin-bottom:0 !important; } :is(#pg-start,.pg) .hero__portrait{ max-width:240px !important; width:240px; margin:0 0 18px; } :is(#pg-start,.pg) .hero__portrait-frame{ right:0 !important; top:0 !important; display:none; } :is(#pg-start,.pg) .about-short__media, :is(#pg-start,.pg) .gprofil__media, :is(#pg-start,.pg) .about__media{ max-height:300px; overflow:hidden; } :is(#pg-start,.pg) .about-short__media img, :is(#pg-start,.pg) .about__media img{ height:300px; object-fit:cover; object-position:center top; } :is(#pg-start,.pg) .eng-card__media, :is(#pg-start,.pg) .sellteaser__media{ height:180px; } :is(#pg-start,.pg) .eng-card__media .placeholder, :is(#pg-start,.pg) .sellteaser__media .placeholder{ height:180px; } :is(#pg-start,.pg) .map, :is(#pg-start,.pg) .map-wrap, :is(#pg-start,.pg) .location__map{ max-height:240px; overflow:hidden; } :is(#pg-start,.pg) .service-card:hover, :is(#pg-start,.pg) .benefit:hover, :is(#pg-start,.pg) .usp:hover, :is(#pg-start,.pg) .occasion:hover, :is(#pg-start,.pg) .comp:hover, :is(#pg-start,.pg) .expert:hover, :is(#pg-start,.pg) .pillar:hover, :is(#pg-start,.pg) .property:hover, :is(#pg-start,.pg) .listing:hover, :is(#pg-start,.pg) .rg-card:hover, :is(#pg-start,.pg) .quick-card:hover, :is(#pg-start,.pg) .cert:hover{ transform:none; } :is(#pg-start,.pg) .m-collapsed > .m-extra{ display:none !important; } :is(#pg-start,.pg) .m-clamp{ position:relative; overflow:hidden; max-height:var(--m-h, 180px); } :is(#pg-start,.pg) .m-clamp::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:56px; background:linear-gradient(180deg, rgba(255,255,255,0), var(--m-fade, #FAFAF8) 85%); pointer-events:none; } :is(#pg-start,.pg) .m-clamp.is-open{ max-height:none; } :is(#pg-start,.pg) .m-clamp.is-open::after{ display:none; } :is(#pg-start,.pg) .m-more{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin:6px 0 0; padding:8px 16px; border:1.5px solid #1F4685; border-radius:999px; background:#fff; color:#1F4685; font:600 15px/1.2 Poppins, -apple-system, system-ui, sans-serif; cursor:pointer; width:100%; } :is(#pg-start,.pg) .m-more[aria-expanded="true"] .m-more__icon{ transform:rotate(180deg); } :is(#pg-start,.pg) .m-more__icon{ display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor; transition:transform .2s; } :is(#pg-start,.pg) .m-lead-more{ display:inline-flex; align-items:center; min-height:40px; padding:0 4px; margin:0 0 4px; background:none; border:0; color:inherit; font:600 15px/1.2 Poppins, -apple-system, system-ui, sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; } :is(#pg-start,.pg) .hero .m-lead-more{ color:#fff; } #pg-start .hero .m-lead-more{ color:#1F4685; } :is(#pg-start,.pg) .m-clamp-lead{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } :is(#pg-start,.pg) .m-clamp-lead.is-open{ display:block; -webkit-line-clamp:unset; } :is(#pg-start,.pg) .m-hero-tel{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 10px; min-height:44px; margin-top:8px; font:700 17px/1.3 Poppins, -apple-system, system-ui, sans-serif; color:#fff; text-decoration:none; white-space:nowrap; } :is(#pg-start,.pg) .m-hero-tel svg{ width:20px; height:20px; flex:0 0 auto; } :is(#pg-start,.pg) .m-hero-tel span{ text-decoration:underline; text-underline-offset:4px; } :is(#pg-start,.pg) .m-hero-tel small{ font-weight:400; font-size:14px !important; opacity:.9; white-space:nowrap; } :is(#pg-start,.pg) .legal-hero .m-hero-tel{ display:none; } :is(#pg-start,.pg) .breadcrumb a{ padding:11px 0; margin:-11px 0; min-height:44px; display:inline-flex; align-items:center; } :is(#pg-start,.pg) .m-lead-more{ min-height:44px; } #pg-start .awards__head p{ font-size:16px !important; } :is(#pg-start,.pg) .cta-final__phone a, :is(#pg-start,.pg) .cta__contact a, :is(#pg-start,.pg) .contact-card, :is(#pg-start,.pg) .quick-card{ min-height:44px; } :is(#pg-start,.pg) label a{ display:inline-block; padding:10px 0; margin:-10px 0; } :is(#pg-start,.pg) .partner__role{ font-size:15px !important; } :is(#pg-start,.pg) .header{ padding:8px 0 !important; } :is(#pg-start,.pg) .header__inner{ min-height:48px; } :is(#pg-start,.pg) .logo{ font-size:21px !important; } :is(#pg-start,.pg) .nav__toggle{ width:44px; height:44px; padding:6px !important; display:flex !important; flex-direction:column; justify-content:center; align-items:center; } :is(#pg-start,.pg) .nav__toggle span{ margin:3px 0 !important; } :is(#pg-start,.pg) .hero--photo{ padding-top:64px !important; } :is(#pg-start,.pg) .hero:not(.hero--photo){ padding-top:88px !important; padding-bottom:36px !important; min-height:0 !important; } :is(#pg-start,.pg) .legal-hero{ padding-top:96px !important; padding-bottom:28px !important; } :is(#pg-start,.pg) .hero__inner > div:not(.hero__portrait):not(.hero__stats):not(.hero__image):not(.hero__visual){ display:flex; flex-direction:column; align-items:stretch; } :is(#pg-start,.pg) .hero__inner > div > .hero__cta{ order:5; } :is(#pg-start,.pg) .hero__inner > div > .m-hero-tel{ order:6; } :is(#pg-start,.pg) .hero__inner > div > .hero__usps, :is(#pg-start,.pg) .hero__inner > div > .hero__highlights{ order:7; margin-top:16px; } :is(#pg-start,.pg) .hero__inner > div > .m-lead-more{ align-self:flex-start; } :is(#pg-start,.pg) .hero--photo{ padding-bottom:32px !important; } :is(#pg-start,.pg) .hero--photo .container{ padding-top:18px; } :is(#pg-start,.pg) .hero__inner{ gap:16px !important; } :is(#pg-start,.pg) .hero__lead{ font-size:16px !important; line-height:1.55 !important; margin-bottom:14px !important; } :is(#pg-start,.pg) .hero__title{ margin-bottom:12px !important; } :is(#pg-start,.pg) .hero__cta{ margin-top:6px; } :is(#pg-start,.pg) .hero__cta .btn, :is(#pg-start,.pg) .hero__actions .btn{ font-size:15px; } :is(#pg-start,.pg) .hero__usps, :is(#pg-start,.pg) .hero__highlights{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:14px; } :is(#pg-start,.pg) .hero__usp, :is(#pg-start,.pg) .hero__highlights span{ font-size:16px !important; line-height:1.4; } :is(#pg-start,.pg) .hero__signature{ margin:12px 0 6px; font-size:14px; } :is(#pg-start,.pg) .hero__eyebrow{ margin-bottom:8px; display:block; } :is(#pg-start,.pg) .hero__visual, :is(#pg-start,.pg) .hero__image{ display:none !important; } :is(#pg-start,.pg) .hero__stats{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; width:100%; min-width:0; margin-top:16px; } :is(#pg-start,.pg) .hero__stat{ display:grid; grid-template-columns:auto 1fr; column-gap:14px; align-items:center; padding:12px 16px !important; min-width:0; } :is(#pg-start,.pg) .hero__stat-big{ font-size:19px !important; grid-row:1 / span 2; } :is(#pg-start,.pg) .hero__stat-label{ font-size:12px !important; } :is(#pg-start,.pg) .hero__stat-note{ font-size:14px !important; } #pg-start .hero{ min-height:0 !important; padding:80px 0 32px !important; } #pg-start .hero__grid{ grid-template-columns:1fr !important; gap:20px !important; } #pg-start .hero__bg-video video{ display:none; } #pg-start .hero__intro{ padding:22px 20px !important; border-radius:16px; } #pg-start .hero__subtitle{ font-size:16px !important; line-height:1.55; margin-bottom:14px; } #pg-start .hero__services{ font-size:15px; } #pg-start .hero__actions{ margin-top:16px !important; } #pg-start .hero__actions .btn{ padding:12px 18px !important; } #pg-start .hero__cards-grid{ grid-template-columns:1fr !important; gap:8px !important; } #pg-start .service-card{ box-shadow:0 8px 20px rgba(15,30,60,.25); } #pg-start .service-card__body{ padding:12px 16px !important; min-height:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; } #pg-start .service-card__title{ font-size:16px !important; line-height:1.25 !important; margin:0 !important; } #pg-start .service-card__cta{ font-size:13px; } #pg-start .service-card__cta, #pg-start .service-card__cta-arrow{ white-space:normal; } #pg-start .m-hero-tel{ color:#1F4685; } .mobile-drawer{ height:100vh; height:100dvh; max-width:400px; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:64px 22px calc(28px + env(safe-area-inset-bottom, 0px)); overscroll-behavior:contain; } .mobile-drawer__close{ top:10px !important; right:12px !important; width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:32px; line-height:1; } .mobile-drawer__tel{ display:flex; align-items:center; gap:10px; min-height:48px; margin:0 0 10px; font:700 18px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#1F4685; text-decoration:none; } .mobile-drawer__tel svg{ width:22px; height:22px; flex:0 0 auto; } .mobile-drawer__tel small{ display:block; font:400 13px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#4A5567; } .mobile-drawer__cta{ margin:0 0 18px !important; padding:14px 16px !important; font-size:15px !important; background:#C4401B !important; line-height:1.3 !important; } .mobile-drawer__list{ border-top:1px solid #DCE5EF; } .mobile-drawer__list li{ border-bottom:1px solid #DCE5EF !important; } .mobile-drawer__list a{ display:flex !important; align-items:center; min-height:52px; padding:10px 0 !important; font:600 15px/1.25 Poppins, -apple-system, system-ui, sans-serif !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#1F4685 !important; } .mobile-drawer__list li.mobile-drawer__sub{ border-bottom:1px solid #EEF2F7 !important; } .mobile-drawer__list li.mobile-drawer__sub a{ padding-left:18px !important; font:500 17px/1.3 Poppins, -apple-system, system-ui, sans-serif !important; letter-spacing:0 !important; text-transform:none !important; min-height:48px; } .mobile-drawer__list li.mobile-drawer__sub a::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#C4401B; margin-right:12px; flex:0 0 auto; } body.m-lock{ position:fixed; width:100%; overflow:hidden; } .m-actionbar{ display:grid; grid-template-columns:1fr 1fr; gap:0; position:fixed; left:0; right:0; bottom:0; z-index:150; transform:translateY(110%); transition:transform .25s ease; padding-bottom:env(safe-area-inset-bottom, 0px); background:#fff; box-shadow:0 -6px 24px rgba(15,30,60,.18); font-family:Poppins, -apple-system, system-ui, sans-serif; } .m-actionbar.is-visible{ transform:translateY(0); } .m-actionbar__btn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:56px; padding:8px 10px; font:700 15px/1.2 Poppins, -apple-system, system-ui, sans-serif; text-decoration:none; text-align:center; } .m-actionbar__btn svg{ width:20px; height:20px; flex:0 0 auto; } .m-actionbar__btn--tel{ background:#1F4685; color:#fff; } .m-actionbar__btn--cta{ background:#C4401B; color:#fff; } .m-actionbar__btn:active{ filter:brightness(.92); } body.m-drawer-open .m-actionbar{ transform:translateY(110%); } :is(#pg-start,.pg) .footer{ padding-top:40px !important; padding-bottom:20px !important; } :is(#pg-start,.pg) .footer__top{ display:flex !important; flex-direction:column; gap:12px !important; } :is(#pg-start,.pg) .footer__top > div:nth-child(4){ order:-1; } :is(#pg-start,.pg) .footer__brand{ order:1; } :is(#pg-start,.pg) .footer__brand p{ display:none; } :is(#pg-start,.pg) .footer__brand .logo{ margin-bottom:0 !important; font-size:20px !important; } :is(#pg-start,.pg) .footer__top > div.m-foot{ border-top:1px solid rgba(255,255,255,.18); padding-top:4px; } :is(#pg-start,.pg) .footer__top > div.m-foot > .footer__heading{ display:none; } :is(#pg-start,.pg) .m-footer-toggle{ display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:6px 0; background:none; border:0; color:#fff; font:600 14px/1.2 Poppins, -apple-system, system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; text-align:left; } :is(#pg-start,.pg) .m-footer-toggle::after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor; transition:transform .2s; } :is(#pg-start,.pg) .m-footer-toggle[aria-expanded="true"]::after{ transform:rotate(180deg); } :is(#pg-start,.pg) .footer__top > div.m-foot > .footer__list{ display:none; padding-bottom:10px; } :is(#pg-start,.pg) .footer__top > div.m-foot.is-open > .footer__list{ display:block; } :is(#pg-start,.pg) .footer__list li{ margin:0 !important; } :is(#pg-start,.pg) .footer__list a{ display:inline-flex; align-items:center; min-height:44px; font-size:16px; } :is(#pg-start,.pg) .footer__heading{ margin-bottom:6px !important; } :is(#pg-start,.pg) .footer__contact{ font-size:16px; line-height:1.6; } :is(#pg-start,.pg) .footer__contact a{ font-size:17px; font-weight:600; } :is(#pg-start,.pg) .footer__bottom{ margin-top:16px !important; padding-top:14px !important; flex-direction:column; gap:6px !important; font-size:13px !important; } :is(#pg-start,.pg) .footer__legal{ gap:18px !important; } :is(#pg-start,.pg) .footer__legal a{ font-size:15px; } :is(#pg-start,.pg) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), :is(#pg-start,.pg) select, :is(#pg-start,.pg) textarea{ font-size:16px !important; min-height:52px; } :is(#pg-start,.pg) textarea{ min-height:120px; } :is(#pg-start,.pg) label{ font-size:14px !important; } :is(#pg-start,.pg) .form-row{ grid-template-columns:1fr !important; display:grid; } :is(#pg-start,.pg) .form-group{ margin-bottom:12px; } :is(#pg-start,.pg) form .btn, :is(#pg-start,.pg) .wi__nav .btn, :is(#pg-start,.pg) button[type="submit"]{ width:100%; justify-content:center; } :is(#pg-start,.pg) .wi__nav{ display:flex; flex-direction:column; gap:10px; } :is(#pg-start,.pg) .anliegen-chip{ min-height:52px; } :is(#pg-start,.pg) .form-consent, :is(#pg-start,.pg) .k-consent, :is(#pg-start,.pg) .form-check{ display:flex; align-items:flex-start; gap:12px; } :is(#pg-start,.pg) input[type="range"]{ height:44px; } :is(#pg-start,.pg) .online-tool__form, :is(#pg-start,.pg) .search-request__form, :is(#pg-start,.pg) .form-section__form, :is(#pg-start,.pg) .valuation__funnel form{ padding:18px !important; } } @media (min-width:641px) and (max-width:980px){ #pg-start .hero__grid{ grid-template-columns:1fr !important; gap:28px !important; } #pg-start .hero__cards-grid{ grid-template-columns:1fr 1fr !important; } #pg-start .hero{ min-height:0 !important; padding:110px 0 60px !important; } :is(#pg-start,.pg) > section.section{ padding-top:64px; padding-bottom:64px; } .mobile-drawer{ height:100vh; height:100dvh; overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px)); } .mobile-drawer__close{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; } .mobile-drawer__tel{ display:flex; align-items:center; gap:10px; min-height:48px; margin:0 0 10px; font:700 18px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#1F4685; text-decoration:none; } .mobile-drawer__tel svg{ width:22px; height:22px; } .mobile-drawer__tel small{ display:block; font:400 13px/1.2 Poppins, -apple-system, system-ui, sans-serif; color:#4A5567; } .mobile-drawer__cta{ margin:0 0 18px !important; background:#C4401B !important; } .mobile-drawer__list li.mobile-drawer__sub a{ padding-left:18px !important; font-size:16px !important; text-transform:none !important; letter-spacing:0 !important; font-weight:500 !important; } body.m-lock{ position:fixed; width:100%; overflow:hidden; } } @media (max-width:640px){ #pg-start > .hero{ order:-10; } #pg-start > .situations{ order:-9; } #pg-start > .about{ order:-8; } #pg-start > section#bewertung{ order:-7; } #pg-start > .sellteaser{ order:-6; } #pg-start > .listings{ order:-5; } #pg-start > section#netzwerk{ order:-4; } #pg-start > .certs{ order:-3; } #pg-start > .cta{ order:-2; } #pg-start .situations__grid{ gap:10px !important; } #pg-start .situation{ padding:16px 18px !important; } #pg-start .situation h3{ font-size:17px !important; margin-bottom:6px; } #pg-start .situation p{ font-size:16px !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:10px !important; } #pg-start .situation__link{ min-height:32px; display:inline-flex; align-items:center; } #pg-start .situation-panel__item{ padding:20px 18px; } #pg-start .about{ padding-top:44px !important; } #pg-start .about__media{ aspect-ratio:auto !important; height:300px; } #pg-start .about__text h2{ font-size:24px !important; } #pg-start .about__credentials-list{ font-size:15px; } #pg-start .sellteaser .section-head{ margin-bottom:18px !important; } #pg-start .sellteaser__points{ gap:14px !important; } #pg-start .sellteaser__point h3{ font-size:17px !important; } #pg-start .sellteaser__point p{ font-size:16px !important; } #pg-start .sellteaser__media{ min-height:0 !important; } #pg-start .sellteaser__body{ padding:20px 18px !important; } #pg-start .sellteaser__body h3{ font-size:20px !important; } #pg-start .listing__media{ height:200px; } #pg-start .listing__media .placeholder{ height:200px; } #pg-start .carousel__arrow{ width:44px; height:44px; } #pg-start .map svg{ max-height:200px; } #pg-start .certs__grid{ gap:10px !important; } #pg-start .certs__grid > .cert{ flex-basis:calc((100% - 10px) / 2) !important; padding:12px 10px 12px !important; } #pg-start .cert__media{ height:110px !important; margin-bottom:8px !important; } #pg-start .cert__title{ font-size:13.5px !important; line-height:1.3; } #pg-start .cert__sub{ font-size:11.5px !important; line-height:1.3; } #pg-start .cta__inner{ padding:36px 20px !important; } #pg-start .cta__contact a{ display:inline-flex; align-items:center; min-height:44px; } #pg-start .valuation__note{ display:none; } #pg-start .valuation__intro{ margin-bottom:14px; } } .pexpose__partner{ margin:10px 0 0; font-size:14px; line-height:1.5; color:var(--color-text-soft, #4a5568); } .pexpose__partner a{ color:var(--color-blue, #1f3f74); font-weight:600; text-decoration:underline; text-underline-offset:2px; } .pexpose__partner a:hover{ color:var(--color-accent, #C4401B); } body.pexpose-open{ overflow:hidden; } .pexpose{ position:fixed; inset:0; z-index:9000; } .pexpose__backdrop{ position:absolute; inset:0; background:rgba(10,18,34,.62); backdrop-filter:blur(3px); } .pexpose__panel{ position:absolute; inset:24px; margin:auto; max-width:1120px; background:#fff; border-radius:16px; overflow:auto; box-shadow:0 30px 80px rgba(0,0,0,.35); -webkit-overflow-scrolling:touch; } .pexpose__close{ position:sticky; top:12px; float:right; margin:12px 12px 0 0; width:40px; height:40px; border:0; border-radius:50%; background:var(--color-blue-deep, #0f1e3c); color:#fff; font-size:26px; line-height:40px; cursor:pointer; z-index:3; } .pexpose__content{ clear:both; padding:8px 36px 40px; } .pexpose__head{ padding-right:56px; } .pexpose__title{ font-size:clamp(24px, 3vw, 34px); line-height:1.15; margin:8px 0 6px; color:var(--color-blue-deep, #0f1e3c); } .pexpose__loc{ color:var(--color-text-muted, #5b6472); font-size:15px; margin-bottom:20px; } .pexpose__gallery{ margin:0 0 26px; } .pexpose__main{ aspect-ratio:16/10; max-height:520px; border-radius:12px; overflow:hidden; background:#e9ecf1; } .pexpose__main .placeholder, .pexpose__gallery > .placeholder{ height:100%; min-height:260px; } .pexpose__img{ width:100%; height:100%; object-fit:cover; display:block; } .pexpose__thumbs{ display:flex; gap:8px; margin-top:8px; overflow-x:auto; padding-bottom:4px; } .pexpose__thumb{ flex:0 0 96px; height:64px; padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; background:#e9ecf1; cursor:pointer; } .pexpose__thumb.is-active{ border-color:var(--color-accent, #C4401B); } .pexpose__thumb img{ width:100%; height:100%; object-fit:cover; display:block; } .pexpose__grid{ display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(280px, 1fr); gap:36px; align-items:start; } .pexpose__price{ font-size:26px; font-weight:700; color:var(--color-blue-deep, #0f1e3c); margin:0 0 6px; } .pexpose__note{ font-size:13px; color:var(--color-text-muted, #5b6472); line-height:1.5; margin:6px 0 14px; } .pexpose__facts{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px 24px; margin:14px 0 24px; padding:0; } .pexpose__fact{ border-bottom:1px solid #e6e9ee; padding:6px 0; } .pexpose__fact dt{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--color-text-muted, #5b6472); } .pexpose__fact dd{ margin:2px 0 0; font-weight:600; color:var(--color-blue-deep, #0f1e3c); } .pexpose__main-col h3{ font-size:18px; margin:24px 0 8px; color:var(--color-blue-deep, #0f1e3c); } .pexpose__main-col p{ line-height:1.65; margin:0 0 10px; } .pexpose__list{ margin:0 0 12px; padding-left:20px; line-height:1.6; } .pexpose__side{ position:sticky; top:16px; display:grid; gap:20px; } .pexpose__anbieter{ padding:20px 22px; border-radius:12px; background:var(--color-blue-soft, #eef3f9); line-height:1.6; } .pexpose__anbieter strong{ display:block; font-size:18px; margin:6px 0 2px; color:var(--color-blue-deep, #0f1e3c); } .pexpose__ph{ font-size:13px; color:#b45309; background:#fff7ed; border:1px dashed #f59e0b; border-radius:6px; padding:6px 8px; margin:6px 0; } .pexpose__form{ padding:20px 22px; border-radius:12px; border:1px solid #e6e9ee; display:grid; gap:12px; } .pexpose__form h3{ margin:0; font-size:18px; color:var(--color-blue-deep, #0f1e3c); } .pexpose__form label{ display:grid; gap:4px; font-size:13px; font-weight:600; color:var(--color-blue-deep, #0f1e3c); } .pexpose__form input:not([type="checkbox"]), .pexpose__form textarea{ font:inherit; padding:10px 12px; border:1px solid #cfd5de; border-radius:8px; width:100%; box-sizing:border-box; } .pexpose__check{ display:flex !important; gap:8px; align-items:flex-start; font-weight:400 !important; line-height:1.45; } .pexpose__check input{ margin-top:3px; } .pexpose__formstatus{ margin:0; font-size:13px; min-height:1.2em; } @media (max-width: 900px){ .pexpose__panel{ inset:0; border-radius:0; } .pexpose__content{ padding:8px 18px 32px; } .pexpose__grid{ grid-template-columns:1fr; gap:24px; } .pexpose__side{ position:static; } } /* Stilblock */ .hp-feld{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; } .form-error{ color:#b3261e; font-size:14px; margin:0 0 12px; } .form-success{ background:#eef6ee; border:1px solid #b7d9b7; border-radius:12px; padding:22px 24px; margin-top:8px; } .form-success strong{ display:block; font-size:17px; color:#12306B; margin-bottom:6px; } .form-success p{ margin:0 0 6px; font-size:14px; line-height:1.55; } .is-invalid{ border-color:#b3261e !important; box-shadow:0 0 0 3px rgba(179,38,30,.12); } /* dbbd00d5e4370aa1.css */ /* TOJA Nachtrag 1.7.1: 5e3e09104415a8f6034d256bb737a7be45afaf24.css für pg-start */ /* TOJA Propstack Immobilien – Design-Tokens aus dem TOJA-Designsystem (Bayerisch-Blau, Poppins, Radien und Schatten wie im Prototyp). */ :root { --tjps-blue: #2B5FAD; --tjps-blue-dark: #163764; --tjps-blue-deep: #1F4685; --tjps-copper: #C4401B; --tjps-copper-h: #A2361A; --tjps-green: #2D7D5F; --tjps-red: #D72638; --tjps-text: #1A2A3F; --tjps-soft: #4A5567; --tjps-muted: #606F85; --tjps-line: #DCE5EF; --tjps-mist: #E8F0FA; --tjps-paper: #FFFFFF; } /* ---------- Kartenraster (Shortcode) ---------- */ #pg-start #toja-home-grid .tjps-shortcode { width: 100%; max-width: 1280px; min-width: 0; margin-inline: auto; } #pg-start #toja-home-grid .tjps-grid { display: grid; width: 100%; max-width: 100%; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } #pg-start #toja-home-grid .tjps-card { display: flex; flex-direction: column; background: var(--tjps-paper); border: 1px solid var(--tjps-line); border-radius: 16px; overflow: hidden; text-decoration: none; color: var(--tjps-text); transition: transform .2s ease, box-shadow .2s ease; } #pg-start #toja-home-grid .tjps-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(22, 55, 100, .14); } #pg-start #toja-home-grid .tjps-card__media { position: relative; aspect-ratio: 4 / 3; background: var(--tjps-mist); } #pg-start #toja-home-grid .tjps-card__media img.tjps-card__photo, #pg-start #toja-home-grid .tjps-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; } #pg-start #toja-home-grid .tjps-card__placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; color: #7890AD; background: linear-gradient(145deg, #EDF3FA 0%, #DEE9F6 100%); font-size: 12px; font-weight: 600; letter-spacing: .035em; } #pg-start #toja-home-grid .tjps-card__placeholder svg { width: 44px; height: 44px; opacity: .8; } #pg-start #toja-home-grid .tjps-card__status { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .04em; background: var(--tjps-blue); color: #fff; } #pg-start #toja-home-grid .tjps-card__status.is-new { background: var(--tjps-copper); } #pg-start #toja-home-grid .tjps-card__status.is-available { background: var(--tjps-green); } #pg-start #toja-home-grid .tjps-card__status.is-reserved { background: var(--tjps-blue-deep); } #pg-start #toja-home-grid .tjps-card__status.is-sold { background: var(--tjps-muted); } #pg-start #toja-home-grid .tjps-card__body { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; flex: 1; } #pg-start #toja-home-grid .tjps-card__location { font-size: 13px; color: var(--tjps-muted); } #pg-start #toja-home-grid .tjps-card__title { margin: 0; font-size: 19px; line-height: 1.35; color: var(--tjps-blue-dark); } #pg-start #toja-home-grid .tjps-card__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: var(--tjps-soft); } #pg-start #toja-home-grid .tjps-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--tjps-line); } #pg-start #toja-home-grid .tjps-card__price { font-size: 19px; font-weight: 700; color: var(--tjps-blue-dark); } #pg-start #toja-home-grid .tjps-card__cta { font-size: 14px; font-weight: 600; color: var(--tjps-copper); } #pg-start #toja-home-grid .tjps-empty { padding: 26px; border: 1px dashed var(--tjps-line); border-radius: 16px; color: var(--tjps-soft); background: #FAFAF8; } #pg-start #toja-home-grid .tjps-card{font-family:inherit;box-shadow:0 12px 32px rgba(15,30,60,.20);border-radius:var(--radius,16px);} #pg-start #toja-home-grid .tjps-card__title{font-weight:700;font-size:21px;} #pg-start #toja-home-grid .tjps-card__body{padding:26px 28px 30px;} #pg-start #toja-home-grid .tjps-card__price{font-size:21px;} #pg-start #toja-home-grid .tjps-card__meta{font-size:15px;} #pg-start #toja-home-grid .toja-propstack-loading, #pg-start #toja-home-grid .toja-propstack-error{padding:24px;background:#fff;color:#12306b;border:1px solid #dce5ef;border-radius:16px;} @media(max-width:900px){#pg-start #toja-home-grid .tjps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:600px){#pg-start #toja-home-grid .tjps-grid{grid-template-columns:minmax(0,1fr);}} /* Stilblock */ #pg-start .hero__bg-video video{display:block!important;width:100%;height:100%;object-fit:cover;} #pg-start .hero__bg-video .video-placeholder{display:none!important;} #pg-start .hero__cards-grid .service-card__media{background-size:cover;background-position:center;} #pg-start .hero__cards-grid .service-card__media>.placeholder{display:none!important;} #pg-start .hero__cards-grid .service-card:nth-child(1) .service-card__media{ background-image:url('https://toja-immobilien.de/wp-content/plugins/toja-nachtrag/assets/bilder/kachel-1.webp');} #pg-start .hero__cards-grid .service-card:nth-child(2) .service-card__media{ background-image:url('https://toja-immobilien.de/wp-content/plugins/toja-nachtrag/assets/bilder/kachel-2.webp');} #pg-start .hero__cards-grid .service-card:nth-child(3) .service-card__media{ background-image:url('https://toja-immobilien.de/wp-content/plugins/toja-nachtrag/assets/bilder/kachel-3.webp');} #pg-start .hero__cards-grid .service-card:nth-child(4) .service-card__media{ background-image:url('https://toja-immobilien.de/wp-content/plugins/toja-nachtrag/assets/bilder/kachel-4.webp');} #pg-start .hero__cards-grid .service-card__desc{color:#fff!important;} #pg-start .toja-video-toggle{position:absolute;bottom:14px;right:14px;z-index:10;border:1px solid #fff;border-radius:24px;padding:9px 14px;background:#12306b;color:#fff;font:inherit;font-size:13px;cursor:pointer;} /* 5a65e817762ad360.css */ /* TOJA Nachtrag 1.7.1: d6312a58e160968857a62219c8a66ec495cc30a1.css für pg-start */ /* ============================================================================ Kompatibilitaet mit dem Theme (hier: Hello Elementor) Setzt alle Elemente, die Theme-Resets anfassen, auf die Browser-Vorgabe zurueck. Das Prototyp-CSS unten ist auf #pg-... hochgestuft und gewinnt deshalb immer gegen diesen Block. ========================================================================== */ :where(#toja-footer) a, :where(#toja-footer) p, :where(#toja-footer) h1, :where(#toja-footer) h2, :where(#toja-footer) h3, :where(#toja-footer) h4, :where(#toja-footer) h5, :where(#toja-footer) h6, :where(#toja-footer) ul, :where(#toja-footer) ol, :where(#toja-footer) li, :where(#toja-footer) dl, :where(#toja-footer) dt, :where(#toja-footer) dd, :where(#toja-footer) table, :where(#toja-footer) th, :where(#toja-footer) td, :where(#toja-footer) img, :where(#toja-footer) hr, :where(#toja-footer) small, :where(#toja-footer) b, :where(#toja-footer) strong, :where(#toja-footer) pre, :where(#toja-footer) code, :where(#toja-footer) figcaption, :where(#toja-footer) details, :where(#toja-footer) summary, :where(#toja-footer) label, :where(#toja-footer) legend, :where(#toja-footer) fieldset, :where(#toja-footer) progress, :where(#toja-footer) button, :where(#toja-footer) input, :where(#toja-footer) select, :where(#toja-footer) textarea, :where(#toja-footer) optgroup{ all: revert; } :where(#toja-footer) a:hover, :where(#toja-footer) a:active, :where(#toja-footer) a:visited, :where(#toja-footer) button:hover, :where(#toja-footer) button:focus{ all: revert; } :where(#toja-footer) [type="button"], :where(#toja-footer) [type="submit"], :where(#toja-footer) [type="reset"], :where(#toja-footer) [type="checkbox"], :where(#toja-footer) [type="radio"], :where(#toja-footer) [type="search"]{ all: revert; } :where(#toja-footer) input[type="date"], :where(#toja-footer) input[type="email"], :where(#toja-footer) input[type="number"], :where(#toja-footer) input[type="password"], :where(#toja-footer) input[type="search"], :where(#toja-footer) input[type="tel"], :where(#toja-footer) input[type="text"], :where(#toja-footer) input[type="url"]{ all: revert; } :where(#toja-footer) [type="button"]:hover, :where(#toja-footer) [type="button"]:focus, :where(#toja-footer) [type="submit"]:hover, :where(#toja-footer) [type="submit"]:focus, :where(#toja-footer) input[type="date"]:focus, :where(#toja-footer) input[type="email"]:focus, :where(#toja-footer) input[type="number"]:focus, :where(#toja-footer) input[type="password"]:focus, :where(#toja-footer) input[type="search"]:focus, :where(#toja-footer) input[type="tel"]:focus, :where(#toja-footer) input[type="text"]:focus, :where(#toja-footer) input[type="url"]:focus{ all: revert; } /* all:revert setzt display auf die Element-Vorgabe zurueck - hidden wieder herstellen */ :where(#toja-footer) [hidden]{ display: none !important; } #toja-footer{display:none} #toja-footer.is-active{display:block} @keyframes pulse--start{ 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } #toja-footer{ --color-blue: #2B5FAD; --color-blue-deep: #1F4685; --color-blue-dark: #163764; --color-blue-bright: #4A7BB7; --color-blue-mist: #E8F0FA; --color-accent: #C4401B; --color-accent-hover: #A2361A; --color-cta-red: #D72638; --color-green: #2D7D5F; --color-paper: #FFFFFF; --color-cream: #FAFAF8; --color-text: #1A2A3F; --color-text-soft: #4A5567; --color-text-muted: #606F85; --color-line: #DCE5EF; --font: 'Poppins', -apple-system, system-ui, sans-serif; --container: 1280px; --gutter: clamp(20px, 4vw, 48px); --section-py: clamp(70px, 9vw, 120px); --radius: 16px; --radius-lg: 24px; --radius-sm: 10px; --ease: cubic-bezier(.22, 1, .36, 1); } #toja-footer, #toja-footer *{ box-sizing: border-box; margin: 0; padding: 0; } #toja-footer{ font-family: var(--font); font-size: 16px; line-height: 1.65; color: var(--color-text); background: var(--color-cream); font-weight: 400; -webkit-font-smoothing: antialiased; overflow-x: hidden; } #toja-footer p{ max-width: 65ch; } #toja-footer .container{ max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); position: relative; z-index: 1; } #toja-footer .logo{ font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; transition: color 300ms var(--ease); line-height: 1; } #toja-footer .logo span{ font-weight: 300; margin-left: 4px; } @keyframes pulse--kontakt{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } #toja-footer .footer{ background: var(--color-blue-dark); color: rgba(255,255,255,0.75); padding: 70px 0 30px; font-size: 14px; position: relative; overflow: hidden; } #toja-footer .footer::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: radial-gradient(ellipse 600px 100px at 30% 0%, rgba(255,255,255,0.06) 0%, transparent 70%), radial-gradient(ellipse 500px 80px at 70% 50%, rgba(255,255,255,0.04) 0%, transparent 70%); pointer-events: none; } #toja-footer .footer__top{ position: relative; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.10); } @media (max-width: 900px){ #toja-footer .footer__top{ grid-template-columns: 1fr 1fr; gap: 36px 32px; } } @media (max-width: 540px){ #toja-footer .footer__top{ grid-template-columns: 1fr; } } #toja-footer .footer__brand .logo{ color: #fff; font-size: 24px; display: inline-block; margin-bottom: 18px; } #toja-footer .footer__brand p{ font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.65); max-width: 32ch; } #toja-footer .footer__heading{ font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #fff; font-weight: 700; margin-bottom: 18px; } #toja-footer .footer__list{ list-style: none; } #toja-footer .footer__list li{ margin-bottom: 10px; } #toja-footer .footer__list a{ color: rgba(255,255,255,0.65); text-decoration: none; transition: color 300ms var(--ease); font-size: 14px; } #toja-footer .footer__list a:hover{ color: #fff; } #toja-footer .footer__contact{ font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.75); } #toja-footer .footer__contact a{ color: rgba(255,255,255,0.75); text-decoration: none; } #toja-footer .footer__contact a:hover{ color: #fff; } #toja-footer .footer__bottom{ position: relative; padding-top: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: 12px; color: rgba(255,255,255,0.45); } #toja-footer .footer__legal{ display: flex; gap: 22px; flex-wrap: wrap; } #toja-footer .footer__legal a{ color: rgba(255,255,255,0.45); text-decoration: none; } #toja-footer .footer__legal a:hover{ color: #fff; } .footer__areas{margin-top:.9rem;font-size:.8rem;line-height:1.65;opacity:.75} #toja-footer{ --container: 1440px; /* Seitenbreite besser ausnutzen */ --section-py: clamp(56px, 7vw, 96px); /* weniger Leerraum zwischen den Bloecken */ --color-blue-mist: #F1F1EE; /* vorher #E8F0FA (blaeulich) -> neutral, ohne Blaustich */ font-size: 17px; /* Grundschrift groesser (vorher 16px) */ } #toja-footer .logo{ font-size: 28px; /* Header-Logo groesser (vorher 22px) */ } #toja-footer .footer{ background: #2B5FAD; /* unterer Teil in hellerem Blau (vorher #163764) */ color: rgba(255,255,255,0.88); font-size: 15.5px; } #toja-footer .footer__brand .logo{ color: #fff; /* Logo ganz unten in Weiss ... */ font-size: 34px; /* ... und groesser */ } #toja-footer .footer__heading{ font-size: 13px; color: rgba(255,255,255,0.95); } #toja-footer .footer__list a{ font-size: 16.5px; color: rgba(255,255,255,0.92); } #toja-footer .footer__contact{ font-size: 16px; color: rgba(255,255,255,0.92); } #toja-footer .footer__contact a{ color: #fff; } #toja-footer .footer__brand p{ font-size: 15.5px; color: rgba(255,255,255,0.88); } #toja-footer .footer__bottom{ font-size: 14.5px; color: rgba(255,255,255,0.85); } #toja-footer .footer__legal a{ color: rgba(255,255,255,0.92); } @media (max-width: 1360px){ #toja-footer .logo{ font-size: 26px; } } .m-more, .m-hero-tel, .m-footer-toggle, .m-lead-more{ display:none; } @media (max-width:640px){ #toja-footer{ font-size:16px; } } @media (max-width:640px){ #toja-footer.is-active{ display:flex; flex-direction:column; padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)); } } @media (max-width:640px){ #toja-footer > section, #toja-footer > footer, #toja-footer > .filter-bar{ width:100%; min-width:0; } } @media (max-width:640px){ #toja-footer .container{ padding-left:20px; padding-right:20px; } } @media (max-width:640px){ #toja-footer p, #toja-footer li, #toja-footer dd, #toja-footer dt, #toja-footer td, #toja-footer th, #toja-footer address, #toja-footer blockquote, #toja-footer summary, #toja-footer figcaption{ font-size:16px; line-height:1.6; } } @media (max-width:640px){ #toja-footer .footer__legal a, #toja-footer .footer__contact a, #toja-footer .rg-toc a, #toja-footer .rg-quellen a, #toja-footer .location__address-actions a{ display:inline-flex; align-items:center; min-height:44px; } } @media (max-width:640px){ #toja-footer .logo{ font-size:21px !important; } } @media (max-width:640px){ #toja-footer .footer{ padding-top:40px !important; padding-bottom:20px !important; } } @media (max-width:640px){ #toja-footer .footer__top{ display:flex !important; flex-direction:column; gap:12px !important; } } @media (max-width:640px){ #toja-footer .footer__top > div:nth-child(4){ order:-1; } } @media (max-width:640px){ #toja-footer .footer__brand{ order:1; } } @media (max-width:640px){ #toja-footer .footer__brand p{ display:none; } } @media (max-width:640px){ #toja-footer .footer__brand .logo{ margin-bottom:0 !important; font-size:20px !important; } } @media (max-width:640px){ #toja-footer .footer__top > div.m-foot{ border-top:1px solid rgba(255,255,255,.18); padding-top:4px; } } @media (max-width:640px){ #toja-footer .footer__top > div.m-foot > .footer__heading{ display:none; } } @media (max-width:640px){ #toja-footer .m-footer-toggle{ display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:6px 0; background:none; border:0; color:#fff; font:600 14px/1.2 Poppins, -apple-system, system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; text-align:left; } } @media (max-width:640px){ #toja-footer .m-footer-toggle::after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor; transition:transform .2s; } } @media (max-width:640px){ #toja-footer .m-footer-toggle[aria-expanded="true"]::after{ transform:rotate(180deg); } } @media (max-width:640px){ #toja-footer .footer__top > div.m-foot > .footer__list{ display:none; padding-bottom:10px; } } @media (max-width:640px){ #toja-footer .footer__top > div.m-foot.is-open > .footer__list{ display:block; } } @media (max-width:640px){ #toja-footer .footer__list li{ margin:0 !important; } } @media (max-width:640px){ #toja-footer .footer__list a{ display:inline-flex; align-items:center; min-height:44px; font-size:16px; } } @media (max-width:640px){ #toja-footer .footer__heading{ margin-bottom:6px !important; } } @media (max-width:640px){ #toja-footer .footer__contact{ font-size:16px; line-height:1.6; } } @media (max-width:640px){ #toja-footer .footer__contact a{ font-size:17px; font-weight:600; } } @media (max-width:640px){ #toja-footer .footer__bottom{ margin-top:16px !important; padding-top:14px !important; flex-direction:column; gap:6px !important; font-size:13px !important; } } @media (max-width:640px){ #toja-footer .footer__legal{ gap:18px !important; } } @media (max-width:640px){ #toja-footer .footer__legal a{ font-size:15px; } } /* --- Original-Logo im Footer: komplette Datei toja-logo.png (563x806, hochkant) --- */ #toja-footer .logo--voll{ display:inline-block; line-height:0; } #toja-footer .logo--voll img{ display:block; height:132px; width:auto; max-width:100%; object-fit:contain; } @media (max-width: 900px){ #toja-footer .logo--voll img{ height:104px; } } @media (max-width: 640px){ #toja-footer .logo--voll img{ height:88px; } } /* 6dcf6e79567b766a.css */ /* TOJA Nachtrag 1.7.1: 41f61ff9d2d65d518680194b19650c3c8efef8b1.css für pg-start */ /* TOJA · Immobilien-Karussell ---------------------------------------------------------------------- Die Kacheln bleiben, wie Propstack sie liefert. Nur ihre Anordnung ändert sich: aus dem starren Raster wird eine Bahn, die sich seitlich verschieben lässt - mit Pfeilen, per Wischen und mit den Pfeiltasten. ---------------------------------------------------------------------- */ .toja-karussell { position: relative; } /* ------------------------------------------------------------- Die Bahn */ .toja-karussell__bahn { display: flex !important; /* Das Seiten-CSS setzt hier einen eigenen Abstand; das Karussell rechnet die Kachelbreite aus diesem Wert, beide muessen zusammenpassen. */ gap: 24px !important; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; /* Platz fuer den Schatten der angehobenen Kachel */ padding: 10px 4px 44px; margin: -10px -4px -36px; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; /* Laedt ein Bild nach, waehrend die Bahn geblaettert ist, kann der Browser die Stelle von sich aus nachkorrigieren und dabei an den Anfang zurueckspringen. Das hier schaltet die Nachkorrektur ab. */ overflow-anchor: none; } .toja-karussell__bahn::-webkit-scrollbar { display: none; } /** * Die Breite steht bewusst doppelt da und mit Vorrang. * Sobald die Maus auf einer Kachel steht, verliert genau diese Kachel * ihre normalen Groessenangaben - ohne Vorrang schrumpft sie dann auf * wenige Pixel zusammen und die ganze Reihe rutscht durcheinander. * Mit `!important` bleibt das Mass in jedem Fall stehen. */ .toja-karussell__bahn > * { flex: 0 0 calc((100% - 48px) / 3) !important; width: calc((100% - 48px) / 3) !important; min-width: 0 !important; } /** * Warum kein Einrasten (scroll-snap)? * Es sorgt zwar fuer saubere Zwischenstopps, laesst die Bahn aber jedes * Mal neu einrasten, wenn sich eine Kachel veraendert - und das tut sie, * sobald die Maus daraufsteht und sie sich anhebt. Die Bahn sprang dann * eine Kachel weiter, ohne dass jemand geklickt hat. Die Pfeile und die * Punkte rechnen den Zielpunkt ohnehin selbst aus, das Einrasten wird * also nicht gebraucht. */ /** * Bilder werden erst beim Heranblaettern geladen. Bis dahin hat das Bild * keine eigene Groesse, und weil im Seiten-CSS Hoehe 100 Prozent steht, * wuchs der Bildbereich ins Uferlose - die Kacheln waren dreimal so hoch * wie vorgesehen. Das Bild liegt deshalb hier im Bildbereich statt in * dessen Textfluss: Damit gibt allein das Seitenverhaeltnis 4:3 die Hoehe * vor, geladen oder nicht. */ .toja-karussell__bahn .tjps-card__media { height: auto !important; overflow: hidden; } .toja-karussell__bahn .tjps-card__media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; } @media (max-width: 900px) { .toja-karussell__bahn { gap: 16px !important; } .toja-karussell__bahn > * { flex-basis: calc((100% - 16px) / 2) !important; width: calc((100% - 16px) / 2) !important; } } @media (max-width: 600px) { .toja-karussell__bahn > * { flex-basis: 86% !important; width: 86% !important; } } /* --------------------------------------------------------------- Pfeile */ .toja-karussell__pfeil { position: absolute; top: 38%; z-index: 3; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--color-line, #DCE5EF); background: #fff; color: var(--color-blue-deep, #1F4685); cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 26px rgba(15, 30, 60, .18); transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease; } .toja-karussell__pfeil:hover { background: var(--color-blue-deep, #1F4685); color: #fff; } .toja-karussell__pfeil:focus-visible { outline: 3px solid var(--color-blue, #2B5FAD); outline-offset: 3px; } .toja-karussell__pfeil svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .toja-karussell__pfeil--zurueck { left: -22px; } .toja-karussell__pfeil--vor { right: -22px; } .toja-karussell__pfeil[hidden], .toja-karussell__pfeil:disabled { opacity: 0; pointer-events: none; } @media (max-width: 1180px) { .toja-karussell__pfeil--zurueck { left: 2px; } .toja-karussell__pfeil--vor { right: 2px; } } @media (max-width: 600px) { .toja-karussell__pfeil { width: 42px; height: 42px; top: 34%; } } /* --------------------------------------------------------------- Punkte */ .toja-karussell__punkte { display: flex; justify-content: center; gap: 9px; margin-top: 22px; } .toja-karussell__punkt { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: var(--color-line, #DCE5EF); cursor: pointer; transition: background-color 200ms ease, width 200ms ease; } .toja-karussell__punkt[aria-current="true"] { width: 26px; border-radius: 999px; background: var(--color-blue-deep, #1F4685); } .toja-karussell__punkt:focus-visible { outline: 3px solid var(--color-blue, #2B5FAD); outline-offset: 3px; } /* Wer Bewegung reduziert haben moechte, bekommt keine Schiebe-Animation. */ @media (prefers-reduced-motion: reduce) { .toja-karussell__bahn { scroll-behavior: auto; } .toja-karussell__punkt { transition: none; } } /* 0e9a03bd2a0c82d8.css */ /* TOJA Nachtrag 1.7.1: 313db8dbb7706fb73af8dac2001e2a04cda64e0d.css für pg-start */ /* TOJA · CSS-Nachtrag zu Stand 60.441 ---------------------------------------------------------------------- Die Bausteine aus den Aenderungen 60.430 bis 60.441 bringen neue Klassen mit: die Vorteils- und Staerken-Karten, der Teamabschnitt, die Gewerke-Kacheln des Partner-Netzwerks und die Teamzeile der Startseite. Die zugehoerigen Regeln stehen in der Produktionsdatei, nicht aber im seitenweisen CSS der Elementor-Widgets - deshalb blieb etwa die Christian-Michels-Kachel auf der Startseite ohne Groesse und ihr Bild wurde nie geladen. Hier stehen genau die 137 Regeln aus der Produktionsdatei, die eine dieser 41 neuen Klassen ansprechen - unveraendert uebernommen, einschliesslich ihrer #pg-Praefixe und Media Queries. Sobald die Regeln im seitenweisen CSS der Widgets stehen, kann diese Datei leer bleiben oder das Plugin weg. ---------------------------------------------------------------------- */ #pg-start .btn--primary { background: var(--color-blue-deep); color: #fff; } #pg-start .btn--primary:hover { background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.20); } :is(#pg-kontakt,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .btn--primary { background: var(--color-blue-deep); color: #fff; } :is(#pg-kontakt,:is(#pg-ratgeber,.pg--ratgeber),#pg-datenschutz) .btn--primary:hover { background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.20); } .pg--gemeinde .btn--primary { background: var(--color-blue-deep); color: #fff; } .pg--gemeinde .btn--primary:hover { background: var(--color-blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.20); } /* ===== ÄNDERUNG 60.437 (20.09.2026): Startseite „Ihr persönlicher Partner für Bewertung und Verkauf“ – Team-Zeile nach Vorlage von Tobias ===== Unter den Qualifikationen: runde Originalporträts von Erhard Jabs und Christian Michels und ein Netzwerk-Symbol, daneben Überschrift und Kurztext; darunter die Buttons („Mehr über mich“ gefüllt, „Team und Netzwerk kennenlernen“ als Kontur). Nur #pg-start. */ #pg-start .about__team { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; margin: 0 0 28px; padding-top: 24px; border-top: 1px solid var(--color-line); } #pg-start .about__team-bilder { display: flex; gap: 10px; flex: 0 0 auto; } #pg-start .about__team-foto { width: 76px; height: 76px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 6px 16px rgba(15, 30, 60, 0.14); background: var(--color-blue-mist); } #pg-start .about__team-foto img { width: 100%; height: 100%; max-width: none; display: block; object-fit: cover; } /* Ausschnitt: Gesicht mittig im Kreis (Fotos selbst unverändert) */ #pg-start .about__team-foto--erhard img { transform: scale(1.18); transform-origin: 54% 36%; } #pg-start .about__team-foto--christian img { transform: scale(1.18); transform-origin: 47% 38%; } #pg-start .about__team-netz { display: flex; align-items: center; justify-content: center; } #pg-start .about__team-netz svg { width: 34px; height: 34px; stroke: var(--color-blue-deep); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } #pg-start .about__team-text { flex: 1 1 260px; min-width: 0; } #pg-start .about__team-text h3 { margin: 0 0 6px; font-size: 20px; line-height: 1.3; color: var(--color-blue-deep); } #pg-start .about__text .about__team-text p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--color-text-soft); } @media (max-width: 640px) { #pg-start .about__team { gap: 14px; margin-bottom: 22px; padding-top: 18px; } #pg-start .about__team-foto { width: 64px; height: 64px; } #pg-start .about__team-netz svg { width: 28px; height: 28px; } #pg-start .about__team-text h3 { font-size: 18px !important; line-height: 1.3 !important; } #pg-start .about__text .about__team-text p { font-size: 16px; } } /* 3d6decd6e3584209.css */ /* TOJA Nachtrag 1.7.1: 3e843f3e8471d93016ed8513d712c5c115ee0662.css für pg-start */ /* TOJA · CSS-Nachtrag 2 zu Stand 24.09.2026 (Nachprüfprotokoll vom 24.09.2026, Fassung 2, Punkte Z12 bis Z18) ---------------------------------------------------------------------- Diese Regeln stehen in der verbindlichen Vorlage 13_3_3, fehlen aber auf der Website: Das Markup der Änderungen ist übernommen, ihre Gestaltung nicht. Alle Regeln sind wörtlich aus der Vorlage übernommen und stehen in ihrer Reihenfolge; ausgenommen sind die mit „ergänzt“ gekennzeichneten Regeln am Ende von Z13, Z16 und Z18. Einbinden: als eigener Stilblock (id "toja-nachtrag-2") auf allen Seiten, direkt nach dem Stilblock "toja-nachtrag". Danach die Regel „Z3 · Diagramme im Ratgeber am Handy“ im Stilblock "toja-korrekturen" löschen – sie wird durch Z13 ersetzt. ---------------------------------------------------------------------- */ /* ====================================================================== Z12 60.382 / 60.383 – Marktberichte: Grafik „Preisrahmen und Durchschnitt“ unter den Kennzahl-Kacheln · 60.380 – Marktberichte: Zeile „Marktberichte in der Nachbarschaft“ unter den Quellen (alle 19 Marktberichte) ====================================================================== */ .pg--gemeinde .gem-nachbarschaft{ font-family: var(--font, Poppins, sans-serif); font-size: 14px; line-height: 1.8; margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--color-line, #DCE5EF); max-width: 900px; color: var(--color-text-soft, #4A5567); } .pg--gemeinde .gem-nachbarschaft a{ color: var(--color-blue, #2B5FAD); font-weight: 600; text-decoration: none; border-bottom: 2px solid var(--color-accent, #C4401B); padding-bottom: 1px; } .pg--gemeinde .gem-nachbarschaft a:hover{ color: var(--color-accent, #C4401B); } .pg--gemeinde .gem-nachbarschaft__alle a{ font-weight: 500; border-bottom-style: dotted; } .pg--gemeinde .gem-rahmen{ grid-column: 1 / -1; margin: 0; padding: 22px 28px 18px; background: #fff; border: 1px solid var(--color-line, #DCE5EF); border-radius: var(--radius, 16px); font-family: var(--font, Poppins, sans-serif); } .pg--gemeinde .gem-rahmen__titel{ font-size: 15.5px; line-height: 1.4; font-weight: 600; color: var(--color-blue-deep, #1F4685); margin: 0 0 14px; } .pg--gemeinde .gem-rahmen__plot{ position: relative; padding: 2px 0 12px; } .pg--gemeinde .gem-rahmen__gitter{ position: absolute; inset: 0; pointer-events: none; } .pg--gemeinde .gem-rahmen__gitter span{ position: absolute; top: 0; bottom: 0; width: 1px; margin-left: -.5px; background: #C9D4E3; } .pg--gemeinde .gem-rahmen__gitter span.gem-rahmen__neben{ background: #E3E9F1; } .pg--gemeinde .gem-rahmen__zeile{ position: relative; margin: 0; padding: 0 0 14px; } .pg--gemeinde .gem-rahmen__zeile:last-child{ padding-bottom: 0; } .pg--gemeinde .gem-rahmen__kopf{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 14px; font-size: 14px; line-height: 1.45; margin: 0 0 7px; } .pg--gemeinde .gem-rahmen__art, .pg--gemeinde .gem-rahmen__werte{ position: relative; background: #fff; } .pg--gemeinde .gem-rahmen__art{ font-weight: 600; color: var(--color-text, #1A2A3F); padding-right: 8px; } .pg--gemeinde .gem-rahmen__werte{ display: inline-flex; flex-wrap: wrap; gap: 2px 16px; padding-left: 8px; color: var(--color-text-soft, #4A5567); font-variant-numeric: tabular-nums; } .pg--gemeinde .gem-rahmen__wert{ position: relative; padding-left: 24px; white-space: nowrap; } .pg--gemeinde .gem-rahmen__wert::before{ content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 8px; margin-top: -4px; border-radius: 4px; background: #6E93CC; } .pg--gemeinde .gem-rahmen__wert--schnitt{ padding-left: 16px; } .pg--gemeinde .gem-rahmen__wert--schnitt::before{ width: 8px; height: 14px; margin-top: -7px; background: var(--color-blue-deep, #1F4685); } .pg--gemeinde .gem-rahmen__kurz{ display: none; } .pg--gemeinde .gem-rahmen__spur{ position: relative; height: 14px; border-radius: 7px; background: rgba(31, 70, 133, .07); } .pg--gemeinde .gem-rahmen__band{ position: absolute; top: 0; bottom: 0; border-radius: 7px; background: #6E93CC; } .pg--gemeinde .gem-rahmen__schnitt{ position: absolute; top: -4px; bottom: -4px; min-width: 8px; transform: translateX(-50%); border-radius: 4px; background: var(--color-blue-deep, #1F4685); box-shadow: 0 0 0 2px #fff; } .pg--gemeinde .gem-rahmen__achse{ position: relative; height: 20px; margin: 0; border-top: 1px solid #8A97AA; font-size: 12px; line-height: 22px; color: var(--color-text-soft, #4A5567); font-variant-numeric: tabular-nums; } .pg--gemeinde .gem-rahmen__achse span{ position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; } .pg--gemeinde .gem-rahmen__achse span:first-child{ transform: none; } .pg--gemeinde .gem-rahmen__achse span:last-child{ transform: translateX(-100%); } .pg--gemeinde .gem-rahmen__einheit{ font-size: 12.5px; line-height: 1.5; color: var(--color-text-soft, #4A5567); text-align: center; margin: 4px 0 0; } .pg--gemeinde .gem-rahmen__legende{ list-style: none; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--color-line, #DCE5EF); } .pg--gemeinde .gem-rahmen__leg{ position: relative; margin: 0; padding: 0 0 0 28px; font-size: 12.5px; line-height: 1.6; color: var(--color-text-soft, #4A5567); } .pg--gemeinde .gem-rahmen__leg::before{ content: ""; position: absolute; left: 0; top: .45em; width: 18px; height: 8px; border-radius: 4px; background: #6E93CC; } .pg--gemeinde .gem-rahmen__leg--schnitt::before{ left: 5px; top: .2em; width: 8px; height: 14px; background: var(--color-blue-deep, #1F4685); } .pg--gemeinde .gem-rahmen__note{ font-size: 12.5px; line-height: 1.6; color: var(--color-text-soft, #4A5567); margin: 6px 0 0; } @media (max-width:640px) { .pg--gemeinde .gem-rahmen{ padding: 18px 18px 14px; } .pg--gemeinde .gem-rahmen__titel{ font-size: 16px; } .pg--gemeinde .gem-rahmen__kopf, .pg--gemeinde .gem-rahmen__leg, .pg--gemeinde .gem-rahmen__note, .pg--gemeinde .gem-rahmen__einheit{ font-size: 14px !important; line-height: 1.55 !important; } .pg--gemeinde .gem-rahmen__achse{ font-size: 13px; } .pg--gemeinde .gem-rahmen__achse span.gem-rahmen__neben{ display: none; } .pg--gemeinde .gem-rahmen__werte{ flex-basis: 100%; padding-left: 0; } .pg--gemeinde .gem-rahmen__kurz{ display: inline; } .pg--gemeinde .gem-rahmen__wort{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } } /* ====================================================================== Z13 60.381 – Ratgeber „Immobilienmarkt Landkreis Waldshut 2026“: zwei Diagramme (Desktop- und Handy-Fassung) mit Datentabelle ====================================================================== */ :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik{ margin:26px 0 30px; padding:22px 24px 18px; background:#fff; border:1px solid var(--color-line,#DCE5EF); border-radius:12px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__titel{ font-size:17px; font-weight:600; color:#163764; line-height:1.35; margin:0 0 4px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__titel--zwei{ margin-top:24px; padding-top:20px; border-top:1px solid var(--color-line,#DCE5EF); margin-bottom:8px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__unter{ font-size:13.5px; line-height:1.5; color:#4A5567; margin:0 0 10px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__legende{ list-style:none; display:flex; flex-wrap:wrap; gap:4px 22px; margin:0 0 6px; padding:0; font-size:13.5px; color:#2F3A4C; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__legende li{ display:inline-flex; align-items:center; gap:8px; margin:0; padding:0; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__legende li::before{ content:none; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__farbe{ display:inline-block; width:22px; height:3px; border-radius:2px; flex:none; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__svg{ display:block; width:100%; height:auto; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__svg text{ font-family:var(--font, Poppins, sans-serif); } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__svg--mobil{ display:none; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__daten{ margin:18px 0 0; border-top:1px solid var(--color-line,#DCE5EF); } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__daten summary{ cursor:pointer; padding:12px 0; font-size:14px; font-weight:600; color:#1F4685; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__scroll{ overflow-x:auto; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle{ width:100%; border-collapse:collapse; font-size:13.5px; font-variant-numeric:tabular-nums; color:#2F3A4C; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle caption{ text-align:left; font-size:13px; color:#4A5567; padding:0 0 8px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle th, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle td{ padding:6px 8px; border-bottom:1px solid #EBF0F6; text-align:right; white-space:nowrap; font-weight:400; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle th:first-child{ text-align:left; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle thead th{ font-weight:600; color:#163764; border-bottom:1px solid var(--color-line,#DCE5EF); white-space:normal; vertical-align:bottom; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik figcaption{ font-size:12.5px; line-height:1.55; color:#4A5567; margin-top:14px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik figcaption a{ color:#1F4685; } @media (max-width:640px) { :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik{ padding:0; border:0; border-radius:0; background:none; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__svg--desktop{ display:none; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__svg--mobil{ display:block; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__titel{ font-size:18px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__unter, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__legende, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle caption, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik figcaption{ font-size:14px; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__daten summary{ font-size:15px; padding:13px 0; } :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle th, :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle td{ padding:7px 5px; } } /* Z13 – ergänzt: Die Tabelle „Alle Quartalswerte als Tabelle“ erbt auf der Website Rahmen, Streifen und Zeilenhöhe der Tabellen-Grundregeln des Themes; die Vorlage kennt nur eine Linie unter jeder Zeile. Dazu die Farbe der Kartenkennzeichnung und des Plus-Zeichens der Fragen auf allen Ratgeber-Seiten wie in der Vorlage (Kontrast 5,1 : 1 statt 3,0 : 1). */ :is(#pg-ratgeber,.pg--ratgeber) .rg-grafik__tabelle :is(th,td){ border-top:0; border-left:0; border-right:0; background-color:transparent; } .rg-grafik__tabelle :is(th,td){ line-height:inherit; } /* bewusst schwach gewichtet: die Handy-Regel der Vorlage für Tabellenzellen (16 px / 1,6) soll gewinnen */ :is(#pg-ratgeber,.pg--ratgeber) .rg-card__kicker{ color:#C4401B; } :is(#pg-ratgeber,.pg--ratgeber) .rg-faq summary::after{ color:#C4401B; } /* ====================================================================== Z15 60.339 / 60.362 / 60.363 – Regionsberichte: Kasten „In diesem Bericht“, Quellenziffern, Redaktionsstand, Sprungziele ====================================================================== */ .pg--gemeinde .gem-redaktionsstand{ font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: rgba(255,255,255,0.72); margin: -18px 0 28px; } .pg--gemeinde .gem-glance{ border-radius: var(--radius-lg); background: linear-gradient(135deg, #1F4685 0%, #163764 100%); box-shadow: 0 30px 60px rgba(15, 30, 60, 0.4); padding: 46px 38px; } .pg--gemeinde .toja-glance{ display: flex; flex-direction: column; } .pg--gemeinde .toja-glance .toja-icon{ width: 78px; height: 78px; border: 2px solid rgba(255,255,255,0.30); border-radius: 50%; background: rgba(255,255,255,0.12); color: #fff; display: inline-flex; align-items: center; justify-content: center; } .pg--gemeinde .toja-glance .toja-icon svg{ width: 36px; height: 36px; } .pg--gemeinde .toja-glance h2{ color: #fff; font-size: 26px; font-weight: 700; margin: 24px 0 0; } .pg--gemeinde .toja-glance ul{ list-style: none; padding: 0; margin: 22px 0 0; } .pg--gemeinde .toja-glance li + li{ border-top: 1px solid rgba(255,255,255,0.16); margin-top: 12px; padding-top: 12px; } .pg--gemeinde .toja-glance a{ display: flex; justify-content: space-between; align-items: center; gap: 12px; text-decoration: none; font-size: 16px; color: rgba(255,255,255,0.92); transition: color .2s ease; } .pg--gemeinde .toja-glance a:hover{ color: #fff; } .pg--gemeinde .toja-glance a span{ color: rgba(255,255,255,0.55); } .pg--gemeinde .toja-glance a:hover span{ color: #fff; } .pg--gemeinde .toja-source-ref{ font-size: 1em; font-weight: 600; vertical-align: baseline; line-height: inherit; margin-inline: .06em; text-decoration: none; color: #335a82; } .pg--gemeinde .toja-source-ref:hover{ color: #173b63; text-decoration: underline; } .pg--gemeinde .toja-source-ref:focus-visible{ outline: 2px solid #335a82; outline-offset: 3px; border-radius: 2px; } .pg--gemeinde .toja-source-ref{ padding-block: 6px; padding-inline: 5px; margin-inline: calc(.06em - 5px); } .pg--gemeinde .toja-source-ref:has(+ .toja-source-ref){ padding-right: 0; margin-right: .06em; } .pg--gemeinde .toja-source-ref + .toja-source-ref{ padding-left: 0; margin-left: .06em; } .pg--gemeinde .hero .toja-source-ref{ color: rgba(255,255,255,0.86); } .pg--gemeinde .hero .toja-source-ref:hover{ color: #fff; } .pg--gemeinde .gem-prose--fliess{ text-align: left; } .pg--gemeinde .gem-prose--fliess p{ margin-bottom: 20px; } .pg--gemeinde .section[id], .pg--gemeinde .cta-final[id]{ scroll-margin-top: 96px; } @media (max-width:980px) { .pg--gemeinde .section[id], .pg--gemeinde .cta-final[id]{ scroll-margin-top: 80px; } } .pg--gemeinde .toja-key-statement{ color: #1F4685; background: #eaf1fb; padding: .08em .2em; border-radius: .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; font-weight: 700; } @media (max-width:980px) { .pg--gemeinde .gem-glance{ padding: 36px 26px; } .pg--gemeinde .gem-redaktionsstand{ margin: -10px 0 22px; } } @media (max-width:640px) { .pg--gemeinde .gem-glance{ padding: 28px 22px; } .pg--gemeinde .toja-glance h2{ font-size: 23px; } .pg--gemeinde .toja-glance .toja-icon{ width: 60px; height: 60px; } .pg--gemeinde .toja-glance .toja-icon svg{ width: 28px; height: 28px; } } /* ====================================================================== Z18 Farbwerte der Vorlage auf allen Seiten: Orangeton und gedämpfte Schrift ====================================================================== */ /* Z18 – ergänzt: Farbwerte der Vorlage auf allen Seiten: Orangeton #C4401B (weiße Schrift 5,1 : 1 statt 4,2 : 1) und gedämpfte Schrift #606F85 (auf Weiß 5,1 : 1 statt 3,2 : 1). Der Stilblock toja-abnahme setzt den Orangeton schon, greift aber nicht auf Seiten, deren Seitenstil über die Kennung (#pg-…) läuft – daher hier mit !important. Dazu ein Einzelwert der Vorlage. */ html body .pg, html body #toja-footer{ --color-accent: #C4401B !important; --color-text-muted: #606F85 !important; } #pg-start .wi-pop__x{ color:#606F85; } /* f702fd16647b5cb0.css */ /* TOJA Nachtrag 1.7.1: 0d833bb15e1b09547dae1cf7c940883b762f0699.css für pg-start */ /* TOJA · Feinschliff für die Handy-Ansicht Wirkt nur bis 640 px Breite. Alles andere bleibt unberührt. Die Regeln stehen bewusst mit "html body" davor: Das Seiten-CSS liegt in den Elementor-HTML-Widgets, also im Body und damit weiter hinten – ohne die höhere Spezifität käme dieses Blatt nicht dagegen an. */ @media (max-width: 640px) { /* 2 · Kennzahlen-Karten Vorher zwei Spalten, deren erste je nach Textlänge zwischen 64 und 118 px breit war – dadurch begann der Text in jeder Karte woanders und wurde in einen schmalen Rest gequetscht. Jetzt steht die Kennzahl über dem Text, der die volle Breite bekommt. Nachtrag 23.09.2026 (Punkt 41 des Korrekturprotokolls): Die Kennzahl stand hier mit 17 px kleiner da als sie sollte – kleiner als die Quellen-Hochzahlen mit 14 px und damit ohne erkennbare Rangfolge. Sie ist jetzt das größte Element der Karte; die Hochzahlen sind im Plugin TOJA Korrekturen auf 10 px gesetzt. */ html body .pg .region__stats .stat-card { display: block !important; padding: 16px !important; } html body .pg .region__stats .stat-card__big { font-size: 26px !important; line-height: 1.15 !important; width: auto !important; min-width: 0 !important; white-space: nowrap !important; margin-bottom: 2px !important; } html body .pg .region__stats .stat-card__label { margin-bottom: 2px !important; } /* 3 · Keine automatische Silbentrennung "Hoch-schwarzwald" und "am häu-figsten" entstehen durch hyphens:auto. Auf schmalen Spalten liest sich das schlecht; geprüft, dass ohne Trennung nichts überläuft. */ html body .pg h1, html body .pg h2, html body .pg h3, html body .pg .section-head p, html body .pg .region__stats .stat-card__label, html body .pg .region__stats .stat-card__note { hyphens: manual !important; -webkit-hyphens: manual !important; } /* 4 · Brotkrume "Start › Unternehmen › Regionen & Marktberichte › Bad Säckingen" braucht 506 px, hat aber nur 350 – der Rest wurde abgeschnitten. Jetzt bricht sie um. */ html body .pg .breadcrumb { flex-wrap: wrap !important; white-space: normal !important; row-gap: 2px !important; } } /* 0388ce7ce2fe5565.css */ /* TOJA Nachtrag 1.7.1: 7f081659672a91cd328dbe1fd4d635c0f6e73c3e.css für pg-start */ /* TOJA · Korrekturen aus der Endabnahme vom 20.09.2026 ---------------------------------------------------------------------- A9 Die Beschriftungen der Handy-Schaltflächen waren unlesbar: Die Grundfarbe für Verweise aus dem Design-Baukasten überschreibt das Weiß, das der Entwurf für .m-actionbar__btn und .mobile-drawer__cta vorsieht. Hier wird es zurückgeholt. Nachtrag: Die erste Fassung dieser Regeln stand hinter `.pg` und hat damit nie gegriffen - die Leiste sitzt in der Kopfzeilen- Vorlage. Jetzt ohne diese Einschränkung. C5 Zwei verschiedene Orangetöne für dieselbe Schaltfläche: Wo das Seiten-CSS die Variable --color-accent nicht mitbringt, greift der Ersatzwert #C4401B. Der Sollwert ist #C4401B. ---------------------------------------------------------------------- */ html body .pg, html body .toja-mob, html body #toja-header, html body #toja-footer, html body .mobile-drawer { --color-accent: #C4401B; --color-accent-hover: #A2361A; } /* Die Aktionsleiste und das Schubfach am unteren Rand liegen in der Kopfzeilen-Vorlage, nicht im Seiteninhalt. Deshalb ohne .pg davor - sonst greift hier nichts, und die Beschriftung der orangen Schaltflaeche stand orange auf orange, also unlesbar. */ html body .m-actionbar__btn, html body .m-actionbar__btn *, html body .mobile-drawer__cta, html body .mobile-drawer__cta * { color: #fff !important; } /* Z5 · Die Telefonzeile im mobilen Menue steht auf weissem Grund und war durch die Regel darueber weiss auf weiss. Sie ist hier ausgenommen und traegt wieder die Farbe der Vorlage. */ html body .mobile-drawer__tel, html body .mobile-drawer__tel * { color: #1F4685 !important; } /* Sollfarben der beiden Schaltflaechen. Der Seiteninhalt bringt eine zweite, aeltere Fassung derselben Regeln mit dem falschen Orangeton mit; sie steht spaeter und gewinnt sonst. */ html body .m-actionbar__btn--tel { background: #1F4685 !important; } html body .m-actionbar__btn--cta { background: #C4401B !important; } @media (max-width: 980px) { html body .mobile-drawer__cta { background: #C4401B !important; } } html body .pg .btn--accent, html body .pg .btn--accent span, html body .mobile-drawer .btn--accent { color: #fff !important; } /* B16 · Der aufgerufene Hauptmenüpunkt wird hervorgehoben. Die Kennzeichnung setzt js/abnahme.js, die Gestaltung steht hier. */ html body .nav__link.toja-aktiv, html body .nav__item-sub > .nav__link.toja-aktiv { text-decoration: underline; text-decoration-color: var(--color-accent, #C4401B); text-decoration-thickness: 2px; text-underline-offset: 6px; } /* ---------------------------------------- Auswahl-Signal statt Einfaerbung Das Theme faerbt in seiner Grundeinstellung jede Schaltflaeche beim Ueberfahren und beim Anklicken pink ein (Hintergrund #CC3366, Schrift weiss). Bei den Zertifikatskacheln, die technisch Schaltflaechen sind, sah das aus wie ein Fehler. js/ueberfahren.js entfernt diese Regel; hier steht, was stattdessen passiert: ein blauer Rahmen beim Anklicken und ein deutlich sichtbarer Ring bei Bedienung ueber die Tastatur. Gefaerbt wird nichts. */ html body .cert:focus, html body .cert:focus-visible { background: var(--color-paper, #fff); } html body #pg-start .certs .cert:focus{ background: var(--color-cream, #FBF8F4); } html body .cert:focus:not(:focus-visible) { outline: none; border-color: var(--color-blue, #2B5FAD); box-shadow: 0 10px 26px rgba(15, 30, 60, .12); } html body .cert:focus-visible, html body .pg button:focus-visible, html body .pg a:focus-visible, html body .toja-mob button:focus-visible, html body #toja-header a:focus-visible, html body #toja-footer a:focus-visible { outline: 3px solid var(--color-blue, #2B5FAD); outline-offset: 3px; } /* 64eecb6d62c75df7.css */ /* TOJA Nachtrag 1.7.1: d2dc5440c137a2b30d69db5562e1d823b0e7731a.css für pg-start */ /* TOJA · Kachel-Korrekturen ---------------------------------------------------------------------- 1) Leistungs-Kacheln im Kopfbereich der Startseite Diese Regeln stehen seit ÄNDERUNG 60.452 in css/kacheln-60452.css. Dort sitzt der Textblock oben in der Kachel, der Titel ist fest zweizeilig und die Linkzeile wird über "margin-top: auto" nach unten gedrückt. Damit stehen Titel und Linkzeile in allen vier Kacheln von selbst auf einer Linie - die frühere Ausmessung über js/kacheln.js und die Mindesthöhen an dieser Stelle sind dadurch überflüssig geworden und wurden entfernt. Ebenso die eigene Tönung: 60.452 bringt die Einfärbung der Live-Website mit. 2) Kacheln, die beim Überfahren springen .cert und .gewerk holen ihre Breite aus flex-basis mit calc(). Sobald die Maus darauf steht, verliert genau diese Kachel ihre flex-Angabe, wird breiter und schiebt die Nachbarn in die nächste Reihe - die Kachel rutscht unter der Maus weg, die Maus verlässt sie, alles springt zurück, und das Ganze von vorn. Eine zusätzlich gesetzte feste Breite macht die Kachel davon unabhängig: Sie behält ihr Maß, egal was mit flex-basis passiert. Die Werte sind dieselben wie im Seiten-CSS, die Darstellung ändert sich also nicht. ---------------------------------------------------------------------- */ /* ------------------------------------------- 2) Breite beim Überfahren */ .certs__grid > .cert { width: calc((100% - 2 * var(--certs-gap, 26px)) / 3) !important; min-width: 0 !important; } @media (max-width: 940px) { .certs__grid > .cert { width: calc((100% - var(--certs-gap, 16px)) / 2) !important; } } @media (max-width: 640px) { .certs__grid > .cert { width: calc(50% - 5px) !important; } } /* 26a479906aa38cdc.css */ /* TOJA Nachtrag 1.7.1: b7830c127eea3cd7040f3547c571336fcc43bbeb.css für pg-start */ /* ===== ÄNDERUNG 60.452 (22.09.2026): Startseite – die vier Hero-Kacheln wie auf der Live-Website ===== Vorlage: Bildschirmfoto der Live-Seite von Tobias („eins zu eins so nachbauen“). Vermessen am Foto und in Anteilen der Kachelbreite übernommen – deshalb Containerabfrage-Einheiten (cqi = 1 % der Kachelbreite): So bleiben die Proportionen bei jeder Fensterbreite gleich wie im Foto. Titel Poppins Bold 10,3 % der Kachelbreite, Zeilenabstand 1,15, weiß, zweizeilig mit festem Umbruch (zwei Spans, zweites Wort immer in der nächsten Zeile) und ohne automatische Silbentrennung Text Poppins Regular 4,95 %, Zeilenabstand 1,42, weiß – Textbreite so gewählt, dass die Zeilen wie im Foto umbrechen Linkzeile Poppins Bold 4,4 %, Pfeil mit 2,5 % Abstand (sichtbar 3,1 %), sitzt unten in der Kachel Abstände oben 6,7 %, links 9,1 %, rechts 4,9 %, unten 4,55 %; Titel → Text 3,75 %; Text → Linkzeile mindestens 4,2 % Kachel Ecken 10 px, feiner heller Rand, Bild dunkelblau eingefärbt (oben etwas transparenter als unten) Der Bildhinweis der Platzhalter („Bild 1 …“) ist ausgeblendet, weil der Text jetzt oben beginnt; die Platzhalter selbst bleiben als Bildfläche stehen und werden wie bisher durch die echten Fotos ersetzt. Gilt ab 641 px (Tablet und Desktop); auf dem Handy bis 640 px bleiben die kompakten Kacheln aus MOBILE_1 (einspaltig, ohne Beschreibung). Mindestgrößen (max()) halten den Text zwischen 981 und 1200 px lesbar, wo die Kacheln neben dem Einleitungskasten schmal werden. */ #pg-start .service-card__title{ hyphens: manual; -webkit-hyphens: manual; } /* keine Trennstriche in den vier Titeln */ @media (min-width: 641px){ #pg-start .service-card{ display: flex; flex-direction: column; aspect-ratio: auto; border-radius: 10px; container-type: inline-size; } #pg-start .service-card::before{ border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); } #pg-start .service-card:hover::before{ border: 2px solid var(--color-accent); } #pg-start .service-card__media .placeholder-content{ opacity: 0; } #pg-start .service-card__media::after{ background: linear-gradient(180deg, rgba(22, 42, 96, 0.76) 0%, rgba(21, 38, 82, 0.88) 55%, rgba(19, 33, 66, 0.95) 100%); } #pg-start .service-card__body{ position: relative; flex: 1 1 auto; display: flex; flex-direction: column; padding: max(14px, 6.7cqi) max(10px, 4.9cqi) max(12px, 4.55cqi) max(16px, 9.1cqi); /* rechts schmaler als links – wie im Foto */ color: #fff; } #pg-start .service-card__title{ font-size: max(17px, 10.3cqi); line-height: 1.15; font-weight: 700; letter-spacing: normal; color: #fff; min-height: 0; margin: 0 0 3.75cqi; } #pg-start .service-card__title > span{ display: block; } /* fester Umbruch: zweites Wort immer in der nächsten Zeile */ #pg-start .service-card__desc{ font-size: max(13px, 4.95cqi); line-height: 1.42; font-weight: 400; color: #fff; margin: 0 0 max(10px, 4.2cqi); overflow-wrap: break-word; /* Sicherheitsnetz für 981–1000 px, wo die Kacheln unter 150 px schmal werden */ hyphens: manual; -webkit-hyphens: manual; } #pg-start .service-card__cta{ margin-top: auto; font-size: max(12.5px, 4.4cqi); font-weight: 700; letter-spacing: normal; color: #fff; gap: 2.5cqi; /* sichtbarer Abstand Pfeil → Text wie im Foto (3,1 % von Tinte zu Tinte) */ align-items: flex-start; /* falls eine Linkzeile doch umbricht: Pfeil auf der ersten Zeile */ overflow-wrap: anywhere; /* nur bei sehr schmalen Kacheln (981–990 px) wirksam */ hyphens: manual; -webkit-hyphens: manual; } } /* ===== Ergaenzung fuer die Live-Website (nicht Teil des Prototyp-Blocks) ===== Im Prototyp gilt: ab 641 px die Gestaltung oben, bis 640 px die kompakten Kacheln. Auf der Live-Website beginnt der kompakte Zustand jedoch erst bei 600 px. Zwischen 601 und 640 px stand deshalb ein Mischzustand: schon die kleine Schrift, aber noch Foto und Beschreibungstext. Diese vier Zeilen ziehen den kompakten Zustand auf 640 px hoch - dieselben Regeln wie im 600er-Block des Seiten-CSS. */ @media (min-width: 601px) and (max-width: 640px){ #pg-start .service-card__media{ display: none; } #pg-start .service-card{ min-height: 0; aspect-ratio: auto; } #pg-start .service-card__body{ position: static; padding: 18px 20px; background: var(--color-blue-deep, #12306B); } #pg-start .service-card__desc{ display: none; } #pg-start .service-card__title{ margin-bottom: 6px; } } /* 50f46f3a9ba71e17.css */ /* TOJA Nachtrag 1.7.1: 4af57eaca73bbc6715e83a863da55a5dbeee168b.css für pg-start */ /* TOJA · Korrekturen aus dem Übergabeprotokoll vom 23.09.2026 (Fassung 3) ====================================================================== Jede Regel trägt die Punktnummer aus dem Protokoll. Was hier nicht steht, steht in js/korrekturen.js oder in der Restliste. ====================================================================== */ /* ====================================================================== */ /* Sprungregel · feste Kopfleiste berücksichtigen */ /* „Alle Sprungziele erhalten scroll-margin-top von mindestens 80 Pixeln */ /* am Handy und 96 Pixeln am Desktop.“ */ /* ====================================================================== */ .pg [id], #pg-start [id], .tjps-expose [id] { scroll-margin-top: 96px; } @media (max-width: 980px) { .pg [id], #pg-start [id], .tjps-expose [id] { scroll-margin-top: 80px; } } /* ====================================================================== */ /* 04 · Aktiven Menüpunkt dauerhaft markieren */ /* */ /* Die Kennzeichnung setzt js/abnahme.js als Klasse toja-aktiv. Die */ /* Vorlage gestaltet aber nur .is-active::after - für toja-aktiv gab es */ /* bisher nur eine Textunterstreichung. Hier bekommt sie denselben */ /* Balken; die Textunterstreichung wird zurückgenommen, sonst stünden */ /* zwei Linien untereinander. */ /* ====================================================================== */ html body #toja-header .nav__link.toja-aktiv, html body .nav__item-sub > .nav__link.toja-aktiv { text-decoration: none !important; } #toja-header .nav__link.toja-aktiv::after { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; width: 100%; background: var(--color-accent, #C4401B); } /* Im mobilen Menü hebt sich der Eintrag der geöffneten Seite ab. */ #mobileDrawer a.toja-aktiv, .mobile-drawer a.toja-aktiv { color: var(--color-accent, #C4401B) !important; font-weight: 700 !important; } /* ====================================================================== */ /* 06 · Cookie-Einstellungen ohne Überlagerung */ /* Die schwebende Schaltfläche verschwindet; js/korrekturen.js setzt */ /* dafür einen Textlink in die Fußzeile. */ /* ====================================================================== */ button.tcc-launcher, .tcc-launcher { display: none !important; } /* ====================================================================== */ /* 07 · Abstände in den blauen Leistungskacheln (Handy) */ /* Sicherung: Im einspaltigen Raster darf kein Titel künstlich auf zwei */ /* Zeilen gestreckt werden. */ /* ====================================================================== */ @media (max-width: 640px) { #pg-start .hero__cards-grid .service-card__title, #pg-start .hero__cards-grid .service-card__desc, #pg-start .hero__cards-grid .service-card__cta, #pg-start .hero__cards-grid .service-card { min-height: 0 !important; } } /* ====================================================================== */ /* 08 · Schaltfläche „Video pausieren“ entfernen */ /* ====================================================================== */ #pg-start .toja-video-toggle, .toja-video-toggle { display: none !important; } /* ====================================================================== */ /* 09 · Porträt-Bildrahmen am Handy */ /* Das Foto behielt bis 640 px seine eigene Bildproportion und ließ */ /* rechts 110 Pixel frei; in diese Lücke ragte der Zierrahmen. */ /* ====================================================================== */ /* Nachtrag 23.09.2026: Das Foto war danach zwar formatfüllend, der Rahmen aber weiterhin auf 300 Pixel Höhe gedeckelt - aus einem Hochformat 640 × 800 wurde so ein flacher Streifen 350 × 300, bei dem oben und unten je ein gutes Stück wegfiel. Der Rahmen bekommt jetzt das Seitenverhältnis des Originals (4:5) und damit dieselbe Form wie am Desktop: bei 390 Pixeln 350 × 438 statt 350 × 300 - rund die Hälfte mehr Fläche und gar kein Beschnitt mehr. Die Deckelung auf 300 Pixel muss dafür ausdrücklich aufgehoben werden, sonst rechnet der Browser aus ihr die Breite zurück und die Kachel schrumpft auf 240 Pixel. */ @media (max-width: 640px) { #pg-start .about__media { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 4 / 5 !important; overflow: hidden; } #pg-start .about__media .about__photo, #pg-start .about__photo { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: 50% 50% !important; } #pg-start .about__media::after { display: none !important; } } /* ====================================================================== */ /* 11 · Diplomansicht · Höhe am iPhone */ /* 100vh schneidet auf dem iPhone unten ab. Das Zurücksetzen der */ /* Scrollposition übernimmt js/korrekturen.js. */ /* ====================================================================== */ .cert-lightbox__pages, #certLightboxPages { max-height: calc(100dvh - 130px) !important; overflow-anchor: none; } /* ====================================================================== */ /* 12 · Kontaktkacheln unterhalb des Textes (Handy) */ /* Die Kacheln waren mit margin-top: -60px in den Kopfbereich gezogen */ /* und überdeckten die Signatur um 18 Pixel. */ /* ====================================================================== */ @media (max-width: 640px) { .pg .quick-contact{ margin-top: 0 !important; } } /* ====================================================================== */ /* 13 · „oder direkt:“ und Telefonnummer untereinander (Handy) */ /* ====================================================================== */ @media (max-width: 640px) { .cta__contact { display: flex; flex-direction: column; align-items: center; gap: 6px; } } /* ====================================================================== */ /* 18 und 24 · Icon, Titel und Text auf eine Mittelachse */ /* Betrifft „Was TOJA auszeichnet.“ und die Vorteilskacheln auf */ /* Verkaufs- und Vermietungsseite - dort standen Icon und Titel je nach */ /* Fensterbreite unterschiedlich ausgerichtet. */ /* ====================================================================== */ .pg .vorteil--kurz, .pg .staerke { text-align: center; } /* Die Kachel ist eine Flex-Spalte; das Icon holt seine Lage aus einer Regel mit Seitenkennung (#pg-…) und ist damit staerker als eine Regel ohne. Deshalb hier ausnahmsweise mit Nachdruck. */ .pg .vorteil--kurz .vorteil__icon, .pg .staerke__icon { margin-inline: auto !important; align-self: center !important; } /* Nachgetragen am 23.09.2026: Der Titel holt sich aus einer Regel mit Seitenkennung align-self: start und text-align: left. In der Flex- Spalte der Kachel schrumpft seine Box dadurch auf die Textbreite und sitzt links - gemessen bis zu 91 Pixel neben der Kachelmitte, obwohl Icon und Text schon mittig standen. Deshalb auch hier mit Nachdruck. */ html body .pg .vorteil--kurz .vorteil__title, html body .pg .vorteil--kurz .vorteil__text, html body .pg .staerke__title, html body .pg .staerke__text { align-self: center !important; width: 100% !important; text-align: center !important; } /* Nachtrag 24.09.2026: Die Regeln gelten jetzt nur noch den schmalen Kacheln (.vorteil--kurz) - also "Was TOJA auszeichnet." und den Vorteilskacheln der Vermietungsseite, um die es in Punkt 18 und 24 ging. Seit die Verkaufsseite die Klappkarten aus 60.451 trägt, gibt es dort .vorteil--klapp mit einer Kopfzeile, in der Nummer, Icon, Titel und Schalter nebeneinander stehen; die hätte die Zentrierung genauso auseinandergezogen wie zuvor die breite Kachel. Die breite Kachel 07 aus Änderung 60.451 ist bewusst eine Zeile - Icon, Titel, Text und Liste nebeneinander, nicht untereinander. Sie bleibt deshalb von der Zentrierung ausgenommen; mit ihr wurden Titel und Text sonst auf je 426 statt 144 und 658 Pixel gequetscht. */ .pg .vorteil--wide, .pg .vorteil--wide .vorteil__title, .pg .vorteil--wide .vorteil__text, .pg .vorteil--wide .vorteil__list { text-align: left; } .pg .vorteil__num { text-align: center; } .pg #referenzen, section#referenzen{ display: none !important; } /* ====================================================================== */ /* 41 · Marktdaten-Infoboxen am Handy */ /* Vorher: Kennzahl 17 px, Beschriftung 12 px, Quellen-Hochzahl 14 px - */ /* die Hochzahl war größer als die Beschriftung. Jetzt eine klare */ /* Rangfolge und einheitliche Innenabstände. */ /* ====================================================================== */ /* Hinweis in eigener Sache: Die 17 Pixel, über die das Protokoll hier stolpert, stammen aus css/mobil.css des Plugins TOJA Darstellung - also aus einer früheren Korrektur von uns. Dort ist der Wert mit Fassung 3.10 ebenfalls berichtigt; die Regel hier trägt denselben Vorsatz, damit sie auch mit einem älteren Stand greift. */ @media (max-width: 640px) { html body .pg .region__stats .stat-card { padding: 16px !important; } html body .pg .region__stats .stat-card__big { font-size: 26px !important; line-height: 1.15 !important; } html body .pg .region__stats .stat-card__label { font-size: 12px !important; } /* Die Quellenverweise standen mit 14 px größer da als die Beschriftung mit 12 px - jetzt deutlich kleiner. */ html body .pg .stat-card .toja-source-ref, html body .pg .stat-card sup { font-size: 10px !important; line-height: 1 !important; vertical-align: super; } } /* ====================================================================== */ /* 42 · Luft zwischen aneinanderstoßenden Schaltflächen */ /* Zwei Button-Paare standen bei 390 px auf 0 Pixel Abstand. */ /* ====================================================================== */ /* Ursache gemessen: Die beiden Paare stehen nicht in einer Gruppe mit eigenem Namen, sondern unmittelbar in einem Absatz. Der ist ein Blockelement ohne Lückenregel - die Schaltflächen stoßen deshalb auf 0 Pixel aneinander, während alle übrigen Gruppen 10 Pixel haben. Ein Absatz, der Schaltflächen enthält, wird hier zur Gruppe. */ .pg p:has(> .btn) { display: flex; flex-wrap: wrap; gap: 10px; } @media (min-width: 981px) { .pg p:has(> .btn) { gap: 14px; } } /* ====================================================================== */ /* 43 · Quellenlisten in die Inhaltsbreite einrücken */ /* 2,2 em lassen auch zweistelligen Ziffern Platz; die Ziffern bleiben */ /* außen, damit Folgezeilen unter dem Text beginnen. */ /* ====================================================================== */ .pg ol.gem-quellen__list, .pg .gem-quellen ol, .pg .rg-quellen ol, .pg .quellen ol, .pg .sources ol { padding-left: 2.2em !important; list-style-position: outside; } /* ====================================================================== */ /* 01 und 28 · Zurück-Link der Inserate unter der Kopfleiste */ /* */ /* Die feste Kopfleiste ist durchsichtig, aber 64 bzw. 96 Pixel hoch und */ /* lag über dem Link - kein Tipp erreichte ihn, und am Handy stand das */ /* Logo sichtbar darüber. Die Objektvorlage beginnt jetzt unterhalb der */ /* Kopfleiste. */ /* ====================================================================== */ body.single-toja_immobilie .tjps-expose { padding-top: 132px; } @media (max-width: 980px) { body.single-toja_immobilie .tjps-expose { padding-top: 104px; } } /* Und damit der Link auch dann bedienbar ist, wenn die Kopfleiste weiterhin über ihn reicht: Er liegt jetzt darüber. */ body.single-toja_immobilie .tjps-back { position: relative; z-index: 120; } /* Auf Inseratsseiten liegt kein dunkles Titelbild hinter der Kopfleiste. Damit Logo und Menü dort lesbar bleiben, bekommt sie einen Grund. */ body.single-toja_immobilie #toja-header { background: #fff; box-shadow: 0 1px 0 rgba(15, 30, 60, .08); } /* ====================================================================== */ /* 01 und 28 · Kopfleiste der Objektseiten */ /* Die feste Kopfleiste der Inserate heißt header#header, nicht */ /* #toja-header - die Regel darüber traf dort nicht. Ohne Titelbild */ /* standen Schriftzug, Menüpunkte und Menüschalter weiß auf weiß. */ /* ====================================================================== */ body.single-toja_immobilie header#header { background: #fff !important; box-shadow: 0 1px 0 rgba(15, 30, 60, .08) !important; } body.single-toja_immobilie header#header .logo__text, body.single-toja_immobilie header#header .logo__text span, body.single-toja_immobilie header#header .nav__link, body.single-toja_immobilie header#header .nav__link svg { color: #1F4685 !important; } body.single-toja_immobilie header#header .nav__toggle span { background: #1F4685 !important; } /* ====================================================================== */ /* Z11 · Kopfleiste zwischen 1280 und 1599 Pixeln */ /* Die Schaltfläche „Kostenfreie Immobilienbewertung“ war dort um bis */ /* zu 133 Pixel abgeschnitten. Die Leiste wird verdichtet - kein Text, */ /* kein Aufbau ändert sich. */ /* ====================================================================== */ @media (min-width: 1280px) and (max-width: 1599px) { .header .logo__text { font-size: 23px !important; } .header .logo__mark { width: 40px !important; height: 40px !important; } .header .nav__list { gap: 10px !important; } .header .nav { gap: 14px !important; } .header .nav__link { font-size: 12.5px !important; letter-spacing: .03em !important; } .header .nav__cta { font-size: 12px !important; padding: 10px 13px !important; } } @media (min-width: 1280px) and (max-width: 1365px) { .header .logo__text { font-size: 22px !important; } .header .logo__mark { width: 38.5px !important; height: 38.5px !important; } .header .nav__list { gap: 8px !important; } .header .nav__link { letter-spacing: .025em !important; } .header .nav__cta { padding: 10px 12px !important; } } /* ====================================================================== */ /* 11 · Diplomansicht beginnt oben */ /* Der Seitenbereich zentrierte das zweiseitige Diplom senkrecht; die */ /* oberen 151 Pixel der ersten Seite blieben unerreichbar. */ /* ====================================================================== */ .cert-lightbox__pages--multi { justify-content: flex-start !important; } /* ====================================================================== */ /* 43 · Quellenlisten mit eigener Klasse */ /* Trägt die Liste selbst die Klasse rg-quellen, griff die Regel oben */ /* nicht - dort ist rg-quellen der umgebende Rahmen. */ /* ====================================================================== */ .pg ol.rg-quellen, .pg ul.rg-quellen, .pg ol.quellen { padding-left: 2.2em !important; list-style-position: outside; } /* ====================================================================== */ /* Z9 · Logo in der Fußzeile auf weißem Grund */ /* Vorgabe von Tobias Jabs. Der Schriftzug im Logo ist selbst blau und */ /* hob sich vom blauen Grund kaum ab (Kontrast rund 1,2 : 1). Das Logo */ /* steht jetzt auf einer weißen Fläche und wird dabei nicht kleiner. */ /* ====================================================================== */ html body .footer__brand .logo--voll, html body #toja-footer .footer__brand .logo--voll { display: inline-flex !important; align-items: center; justify-content: center; width: 174px !important; height: 174px !important; padding: 0 !important; background: #fff !important; border-radius: 14px !important; } html body .footer__brand .logo--voll img, html body #toja-footer .footer__brand .logo--voll img { width: auto !important; height: 132px !important; max-width: 92% !important; max-height: 76% !important; object-fit: contain !important; } @media (max-width: 640px) { html body .footer__brand .logo--voll, html body #toja-footer .footer__brand .logo--voll { width: 116px !important; height: 116px !important; border-radius: 12px !important; } html body .footer__brand .logo--voll img, html body #toja-footer .footer__brand .logo--voll img { height: 88px !important; } } /* ====================================================================== */ /* A8 · Kopfleiste der Fehlerseite */ /* Dieselbe Ursache wie bei den Inseraten: Hinter der Kopfleiste liegt */ /* kein dunkles Titelbild, sie ist aber durchsichtig und ihre Schrift */ /* weiß. Auf dem cremefarbenen Grund der Fehlerseite war der Schriftzug */ /* nicht zu lesen. */ /* ====================================================================== */ body.error404 header#header, body.error404 #toja-header .header { background: #fff !important; box-shadow: 0 1px 0 rgba(15, 30, 60, .08) !important; } body.error404 header#header .logo__text, body.error404 header#header .logo__text span, body.error404 header#header .nav__link, body.error404 header#header .nav__link svg, body.error404 #toja-header .header .logo__text, body.error404 #toja-header .header .logo__text span, body.error404 #toja-header .header .nav__link { color: #1F4685 !important; } body.error404 header#header .nav__toggle span, body.error404 #toja-header .header .nav__toggle span { background: #1F4685 !important; } /* ====================================================================== 60.498 (Wunsch 25.09.2026) · Teamkarten beim Ueberfahren ---------------------------------------------------------------------- Heute heben sich die Karten nur um 4 Pixel - ohne Vergroesserung. Soll: um 8 % wachsen (scale 1.08), 4 Pixel steigen, mit kraeftigerem Schatten ueber den Nachbarkarten liegen. Nur mit Maus und erst ab 641 Pixel: Am Handy gibt es kein Ueberfahren, dort wuerde die Karte beim Antippen springen. Wer in den Systemeinstellungen "Bewegung reduzieren" gewaehlt hat, bekommt das Ergebnis ohne Uebergang. ====================================================================== */ @media (hover: hover) and (min-width: 641px) { .teamkarte, .team-card, .expert-card, .partner-card { transition: transform 260ms cubic-bezier(.22,.61,.36,1), box-shadow 260ms cubic-bezier(.22,.61,.36,1); will-change: transform; } .teamkarte:hover, .teamkarte:focus-within, .team-card:hover, .team-card:focus-within, .expert-card:hover, .expert-card:focus-within, .partner-card:hover, .partner-card:focus-within { transform: translateY(-4px) scale(1.08); box-shadow: 0 18px 40px rgba(15, 30, 60, .18); /* Ueber den Nachbarkarten, sonst schneidet die naechste Karte die vergroesserte an. */ position: relative; z-index: 5; } } @media (prefers-reduced-motion: reduce) { .teamkarte, .team-card, .expert-card, .partner-card { transition: none; } } .pg .hero__portrait-frame{ display: none !important; } .pg .hero__portrait .hero__portrait-photo{ width: 100%; height: 100%; object-fit: cover; } /* ====================================================================== Nr. 7 (Punkt 27, Protokoll 02.10.2026) · Reihenfolge im Expose ---------------------------------------------------------------------- Soll laut Protokoll: Key Facts > Energieangaben > Objektbeschreibung > Ausstattung > Lage > Sonstiges > Kontakt Gemessen am 05.10.2026 auf zwei Inseraten (6146497 und 6175596), beide gleich aufgebaut: div.tjps-expose__grid Raster, 1fr / 360 Pixel div.tjps-expose__main Objektbeschreibung, Lage, Energieangaben aside.tjps-expose__aside Key Facts, Kontakt Es fehlen also zwei Abschnitte aus dem Soll: "Ausstattung" und "Sonstiges". Die liefert Propstack fuer diese Objekte nicht - das Modul baut nur, was ankommt. Erfunden wird nichts. Erreichbar sind damit: Key Facts > Energieangaben > Objektbeschreibung > Lage > Kontakt Geloest ueber die Anordnung, nicht ueber einen Umbau des Quelltextes. Das Propstack-Modul bleibt Zeile fuer Zeile unberuehrt; faellt diese Datei weg, steht sofort wieder der alte Zustand da. ====================================================================== */ /* --- 1. Energieangaben nach vorn --------------------------------------- Die Spalte wird zur Flexbox, damit sich die Reihenfolge setzen laesst. Die Abstaende bleiben gleich: Die Abschnitte arbeiten ausschliesslich mit margin-bottom (clamp(24px,3vw,36px)), ohne oberen Abstand - da faellt beim Wechsel auf Flex nichts zusammen. */ .tjps-expose__main { display: flex; flex-direction: column; } /* Am Handy schiebt ein Skript des Propstack-Moduls die Key-Facts-Kachel selbst in diese Spalte hinein - gemessen bei 807 Pixel Fensterbreite, bei 1280 Pixel bleibt sie im Seitenbalken. Darum hier der Platz ganz vorn, sonst ueberholen die Energieangaben sie. */ .tjps-expose__main > .tjps-factbox { order: -2; } .tjps-expose__main > .tjps-energy { order: -1; } /* --- 2. Key Facts nach oben, Kontakt nach unten ------------------------ Nur am Handy. Ab 901 Pixel stehen die beiden ohnehin nebeneinander in der rechten Spalte - Key Facts oben, Kontakt darunter -, das ist schon die Soll-Reihenfolge. Unter 901 Pixel faellt das Raster auf eine Spalte zusammen, und dann rutscht der ganze Seitenbalken samt Key Facts ans Ende. display:contents loest den Seitenbalken als Kasten auf, seine beiden Kinder werden damit selbst zu Rasterfeldern und lassen sich einzeln anordnen. Der Seitenbalken traegt keine eigene Gestaltung - kein Hintergrund, kein Rahmen, kein Abstand -, es geht also nichts verloren. Die Vorlesereihenfolge folgt der sichtbaren, weil das Raster hier wirklich umsortiert und nicht nur verschoben wird. */ @media (max-width: 900px) { .tjps-expose__grid > .tjps-expose__aside { display: contents; } .tjps-expose__grid > .tjps-expose__aside > .tjps-factbox { order: 1; } .tjps-expose__grid > .tjps-expose__main { order: 2; } .tjps-expose__grid > .tjps-expose__aside > .tjps-contact { order: 3; } } #pg-start a.cert{ color: inherit; text-decoration: none; cursor: pointer; } #pg-start .cert__more{ display: inline-flex; align-items: center; gap: 4px; margin-top: auto; padding-top: 14px; padding-bottom: 4px; font-size: 14px; font-weight: 600; line-height: 18px; letter-spacing: 0.01em; color: var(--color-blue-deep, #1F4685); } #pg-start .cert__more-text{ text-decoration: underline; text-decoration-color: var(--color-accent, #C4401B); text-decoration-thickness: 2px; text-underline-offset: 6px; text-decoration-skip-ink: none; } #pg-start .cert__more-icon{ width: 16px; height: 16px; flex: none; fill: none; stroke: var(--color-accent, #C4401B); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform 300ms var(--ease, ease); } .cert:hover .cert__more--extern .cert__more-icon{ transform: translate(2px, -2px); } .cert:hover .cert__more--intern .cert__more-icon{ transform: translateX(3px); } @media (max-width: 640px){ #pg-start .cert__more{ font-size: 12.5px; line-height: 16px; padding-top: 8px; gap: 3px; } #pg-start .cert__more-text{ text-underline-offset: 5px; } #pg-start .cert__more-icon{ width: 14px; height: 14px; } } /* ====================================================================== Nr. 9 (Z22, Protokoll 17.10.2026) · Portraet: Zierrahmen und Bildflaeche — BERICHTIGUNG meiner Fassung 1.22 ---------------------------------------------------------------------- Am 05.10. habe ich hier den falschen Kasten abgeschaltet. Ich hatte auf /ueber-toja/ gemessen, dort ein .hero__portrait-frame gefunden und das stillgelegt. Gemeint war aber die STARTSEITE und ein anderes Element: .about__media::after. Mein Eingriff hat also etwas abgeschaltet, das ohnehin unsichtbar war, und den gemeldeten Zierrahmen nicht beruehrt. Dass der Punkt im Protokoll vom 17.10. weiter auf "offen" steht, ist richtig. Die zwei Regeln unten stehen so im Stilteil "AENDERUNG 60.510" der HTML-Fassung. Auf der Website stehen sie heute nur fuer Breiten bis 640 Pixel - deshalb ist der Rahmen am Handy weg und ab 641 Pixeln da. Hier gelten sie fuer jede Breite, und genau das verlangt das Protokoll. Gemessen laut Protokoll: Zierrahmen 120 x 120 Pixel bei 768, 900 und 1280 Pixeln; bei 768 und 900 Pixeln fuellt das Foto (640 x 800) den Rahmen (707 x 883 bzw. 828 x 1035) nicht. ====================================================================== */ #pg-start .about__media::after{ display: none; } #pg-start .about__media .about__photo{ width: 100%; height: 100%; object-fit: cover; } /* ====================================================================== Nr. 53 (60.523) · Leistungskacheln buendig mit der Textkarte ---------------------------------------------------------------------- Zeichen fuer Zeichen aus dem Stilteil der HTML-Fassung, Fassung 22. ====================================================================== */ /* ÄNDERUNG 60.523 (18.10.2026, Wunsch Tobias Jabs): Die vier Leistungskacheln folgen der kürzeren Textkarte. Seit 60.445 hält ein fester Bildbereich von 128 px die vier Überschriften auf gleicher Höhe; nach der kürzeren H1 (60.522) ragte das Kachelraster rund 80 px über die Textkarte hinaus, und der leere Raum über den Überschriften fiel auf. Jetzt: Bildbereich 76 px statt 128 px (ab 981 px, zweispaltiger Hero), beide Kachelzeilen gleich hoch, und ab 1200 px streckt sich das Raster auf die Höhe der Textkarte, sodass Textkarte und Kacheln oben und unten bündig stehen. Zwischen 981 und 1199 px bleiben die Kacheln wie bisher mittig neben der Textkarte, weil sie dort schmal und deshalb höher sind. Die Bildfläche bleibt als Fläche für die echten Fotos erhalten; Handy unverändert. */ @media (min-width: 981px){ #pg-start .hero__cards-grid{ grid-template-rows: 1fr 1fr; } #pg-start .hero__cards-grid .service-card__body{ padding-top: 76px; } /* höhere Spezifität als die 128 px aus 60.445 */ } @media (min-width: 1200px){ #pg-start .hero__grid{ align-items: stretch; } } /* ====================================================================== Nr. 81 · Lesbarkeit der Einstiegskacheln auf dem Foto ---------------------------------------------------------------------- Am 25.10.2026 gemessen und angesehen. Die Kacheln im Einstieg von Immobilienangebote, Netzwerk, Gutachter, Verkaufen und Bewertung tragen weissen Text auf einer Glasflaeche ueber einem Foto: .hero__stat { background: rgba(255,255,255,.14); backdrop-filter: blur(14px); } Die Lasur ist WEISS - sie hellt den Untergrund also auf, und genau das schadet weissem Text. Die fetten Ueberschriften ("Off-Market", "Dr. Klein") halten das aus, die kleinen Zeilen darunter sind grenzwertig, je nachdem wie hell das Foto an der Stelle ist. Statt die Kacheln dunkel zu machen - das waere ein sichtbarer Stilwechsel, den niemand bestellt hat - bekommt der Text eine feine dunkle Kontur. Sie faellt nicht auf, wo der Untergrund dunkel ist, und traegt den Text, wo er hell wird. Am Aufbau und an den Farben aendert sich nichts. ====================================================================== */ .pg .hero__stat, .pg .hero__stat * { text-shadow: 0 1px 2px rgba(10, 16, 28, .45), 0 0 10px rgba(10, 16, 28, .25); } /* Eine Regel fuer die Umrandung stand hier auch - sie ist wieder draussen. Beim Ausprobieren auf der Seite hat sie nichts bewirkt: #pg-immobilien .hero__stat setzt bereits border: 2px solid rgba(255,255,255,.92), und das ist sowohl spezifischer als auch kraeftiger als mein Vorschlag. Lieber keine Regel als eine, die nur so aussieht, als taete sie etwas. */ /* 4330accd23bc78e6.css */ /* TOJA Nachtrag 1.7.1: 4d0ada11a1376560ca15b841ebad4a44b97cc285.css für pg-start */ /* 27308f359959a007.css */ /* TOJA Nachtrag 1.7.1: de0e3b23f4d9253fbac5add7e62ffb181b6201a2.css für pg-start */ /* Zur Ausrichtung steht hier bewusst nichts: Die Klappkarte bringt ihre eigene mit (Kopfzeile mittig, breite Kachel 07 als Zeile). Die Zentrierungsregeln aus Punkt 18 und 24 in css/korrekturen.css sind auf .vorteil--kurz eingegrenzt und fassen diese Karten nicht an. */ /* 5de93d71deb55e27.css */ /* TOJA Nachtrag 1.7.1: 0f44cfad2b748d3fe844b3c66245adda52b95e12.css für pg-start */ .pg--kundenbewertungen, .pg--makleralltag{ --color-blue: #2B5FAD; --color-blue-deep: #1F4685; --color-blue-dark: #163764; --color-blue-bright: #4A7BB7; --color-blue-mist: #E8F0FA; --color-accent: #C4401B; --color-accent-hover: #A2361A; --color-paper: #FFFFFF; --color-cream: #FAFAF8; --color-text: #1A2A3F; --color-text-soft: #4A5567; --color-text-muted: #606F85; --color-line: #DCE5EF; /* Die Kurznamen aus dem Entwurf, auf dieselben Werte gelegt. */ --blue: #163764; --ink: #1A2A3F; --name: #1A2A3F; --body: #4A5567; --meta: #606F85; --line: #DCE5EF; --white: #FFFFFF; --copper: #C4401B; --sand: #FAFAF8; --star: #1F4685; --font: 'Poppins', -apple-system, system-ui, sans-serif; /* Form und Bewegung - korrekturen.css greift auf diesen Seiten ebenso, und auch dort sind die Werte sonst leer. */ --radius: 16px; --radius-lg: 24px; --radius-sm: 10px; --ease: cubic-bezier(.22, 1, .36, 1); --container: 1280px; --gutter: clamp(20px, 4vw, 48px); --section-py: clamp(70px, 9vw, 120px); } /* ÄNDERUNG 60.551 (Barrierefreiheit): Textverweise mindestens 24 px hoch – Tippfläche 25 statt 23 px. Mit Seitenkennung, weil die Grundregel jeder Seite (z. B. #pg-start *) den Innenabstand sonst auf 0 setzt */ :is(#pg-start,.pg) a.kb-verweis{ padding: 1px 0; } /* ===== ÄNDERUNG 60.532 bis 60.536 (21.10.2026, Übergabe Tobias Jabs) – Verweise auf die Seite „Kundenbewertungen“ ===== Startseite (60.532), Verkaufen (60.533 bis 60.535), Über TOJA (60.536). Linktext immer „Kundenbewertungen“, nie nur „Bewertungen“. Gestaltet wie die Verweise 60.529: dunkelblau, halbfett, orange unterstrichen. */ .kb-verweis-zeile{ margin: 14px 0 0; font-size: 15px; line-height: 1.5; } a.kb-verweis{ color: var(--color-blue-deep, #1F4685); font-weight: 600; text-decoration: none; border-bottom: 2px solid #C4401B; } a.kb-verweis:hover{ border-color: var(--color-blue-deep, #1F4685); } .pg--kundenbewertungen .kb-wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))} .pg--kundenbewertungen .kb-eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:10px} /* Hero / Einleitung */ .pg--kundenbewertungen .kb-hero{background:var(--sand);padding-block:56px 44px} .pg--kundenbewertungen .kb-crumbs{font-size:13px;color:var(--meta);margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap} .pg--kundenbewertungen .kb-crumbs a{color:var(--meta)} .pg--kundenbewertungen .kb-crumbs span[aria-current]{color:var(--name);font-weight:500} .pg--kundenbewertungen .kb-hero .kb-lead{margin-top:22px;display:grid;gap:14px;color:var(--body);font-size:17px;max-width:760px} .pg--kundenbewertungen .kb-hero .kb-lead p strong{color:var(--ink);font-weight:600} /* Stand-Box */ .pg--kundenbewertungen .kb-stand{margin-top:30px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:center;max-width:760px} .pg--kundenbewertungen .kb-stand__num{font-size:40px;font-weight:700;color:var(--blue);line-height:1;font-variant-numeric:tabular-nums} .pg--kundenbewertungen .kb-stand__txt{color:var(--body);font-size:15px;line-height:1.5} .pg--kundenbewertungen .kb-stand__txt b{color:var(--ink);font-weight:600} /* Sektionen */ .pg--kundenbewertungen .kb-sec{padding-block:56px} .pg--kundenbewertungen .kb-sec--sand{background:var(--sand)} .pg--kundenbewertungen .kb-sec__head{margin-bottom:28px;max-width:760px} .pg--kundenbewertungen .kb-sec__head p{color:var(--body);margin-top:10px} /* Rezensionsliste */ .pg--kundenbewertungen .kb-list{display:grid;gap:18px} .pg--kundenbewertungen .kb-rez{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px 24px 18px;box-shadow:0 1px 2px rgba(22,55,100,.04),0 10px 28px -22px rgba(22,55,100,.3);display:grid;gap:12px;min-width:0} .pg--kundenbewertungen .kb-sec--sand .kb-rez{box-shadow:0 1px 2px rgba(22,55,100,.04),0 10px 28px -22px rgba(22,55,100,.3)} .pg--kundenbewertungen .kb-stars{display:inline-flex;gap:2px;color:var(--star)} .pg--kundenbewertungen .kb-stars svg{width:17px;height:17px;display:block} .pg--kundenbewertungen .kb-rez h3{font-size:19px} .pg--kundenbewertungen .kb-rez__text{margin:0;padding:0;color:var(--body);font-size:16px;line-height:1.6;display:grid;gap:10px;position:relative} .pg--kundenbewertungen .kb-rez__text p::before{content:"„"} .pg--kundenbewertungen .kb-rez__text p::after{content:"“"} .pg--kundenbewertungen .kb-rez__text p:not(:first-child)::before{content:""} .pg--kundenbewertungen .kb-rez__text p:not(:last-child)::after{content:""} .pg--kundenbewertungen .kb-rez__text.kb-is-clamped{max-height:12.8em;overflow:hidden} .pg--kundenbewertungen .kb-rez__text.kb-is-clamped::after{content:"";position:absolute;inset:auto 0 0 0;height:4.5em;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)} .pg--kundenbewertungen .kb-rez__more{justify-self:start;border:0;background:transparent;color:var(--copper);font-weight:600;font-size:14.5px;padding:0;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .pg--kundenbewertungen .kb-rez__foot{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;align-items:flex-end;border-top:1px solid var(--line);padding-top:14px;margin-top:4px} .pg--kundenbewertungen .kb-rez__who{display:grid;gap:2px} .pg--kundenbewertungen .kb-rez__name{font-weight:600;color:var(--name);font-size:14.5px} .pg--kundenbewertungen .kb-rez__meta{font-size:13.5px;color:var(--meta);display:flex;flex-wrap:wrap;gap:4px 10px} .pg--kundenbewertungen .kb-rez__link{font-size:14.5px;font-weight:500;white-space:nowrap} /* Einordnung */ .pg--kundenbewertungen .kb-box{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;padding:26px 28px;max-width:860px;display:grid;gap:16px} .pg--kundenbewertungen .kb-box__label{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--meta)} .pg--kundenbewertungen .kb-themes{display:grid;gap:14px;margin:0;padding:0;list-style:none} .pg--kundenbewertungen .kb-themes li{display:grid;gap:3px;padding-left:18px;position:relative;color:var(--body)} .pg--kundenbewertungen .kb-themes li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--copper)} .pg--kundenbewertungen .kb-themes b{color:var(--ink);font-weight:600} .pg--kundenbewertungen .kb-themes small{font-size:13.5px;color:var(--meta)} /* Quellen / FAQ */ .pg--kundenbewertungen .kb-srcs{display:grid;gap:14px;margin:0;padding:0;list-style:none;max-width:860px} .pg--kundenbewertungen .kb-srcs li{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:grid;gap:4px;color:var(--body)} .pg--kundenbewertungen .kb-srcs b{color:var(--ink);font-weight:600} .pg--kundenbewertungen .kb-faq{display:grid;gap:10px;max-width:860px} .pg--kundenbewertungen .kb-faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0 20px} .pg--kundenbewertungen .kb-faq summary{cursor:pointer;font-weight:600;color:var(--blue);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px} .pg--kundenbewertungen .kb-faq summary::-webkit-details-marker{display:none} .pg--kundenbewertungen .kb-faq summary::after{content:"+";color:var(--copper);font-weight:500;font-size:20px;line-height:1} .pg--kundenbewertungen .kb-faq details[open] summary::after{content:"–"} .pg--kundenbewertungen .kb-faq details p{color:var(--body);padding-bottom:18px} /* Schluss */ .pg--kundenbewertungen .kb-cta{background:var(--blue);color:#fff;padding-block:56px} .pg--kundenbewertungen .kb-cta h2{color:#fff} .pg--kundenbewertungen .kb-cta p{color:rgba(255,255,255,.86);margin-top:12px;max-width:620px;font-size:17px} .pg--kundenbewertungen .kb-cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center} .pg--kundenbewertungen .kb-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:600;font-size:14px;text-decoration:none !important;border:2px solid transparent} .pg--kundenbewertungen .kb-btn--light{background:#fff;color:var(--blue) !important} .pg--kundenbewertungen .kb-cta__tel{color:#fff;font-size:15px;user-select:all} .pg--kundenbewertungen .kb-more-links{margin-top:22px;font-size:14.5px;color:rgba(255,255,255,.8)} .pg--kundenbewertungen .kb-more-links a{color:#fff} .pg--kundenbewertungen .kb-sprite{position:absolute;width:0;height:0;overflow:hidden} .pg--kundenbewertungen .kb-list{max-width:880px} .pg--kundenbewertungen .kb-note{margin-top:18px;font-size:13.5px;line-height:1.55;color:var(--meta);max-width:880px} .pg--kundenbewertungen .kb-stand{grid-template-columns:auto 1fr;gap:8px 24px;align-items:start} .pg--kundenbewertungen .kb-stand__num{margin:0;white-space:nowrap} .pg--kundenbewertungen .kb-stand__num span{font-size:17px;font-weight:500;color:var(--meta);margin-left:6px;letter-spacing:0} .pg--kundenbewertungen .kb-stand__body{display:grid;gap:10px;justify-items:start} .pg--kundenbewertungen .kb-stand__txt{margin:0} .pg--kundenbewertungen .kb-rez__who{margin:0;display:grid;gap:2px} .pg--kundenbewertungen .kb-rez__meta{display:block} .pg--kundenbewertungen .kb-rez .kb-stars{justify-self:start} .pg--kundenbewertungen .kb-rez__more{font-family:var(--font);line-height:1.4} .pg--kundenbewertungen .kb-box__intro{color:var(--body)} .pg--kundenbewertungen .kb-herkunft{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--copper)} .pg--kundenbewertungen a.kb-ext::after{content:" ↗";content:" ↗" / "";font-size:.85em} .pg--kundenbewertungen .kb-cta__tel a{color:#fff;text-decoration-color:rgba(255,255,255,.55)} @media (max-width: 480px){ .pg--kundenbewertungen .kb-rez__foot{align-items:flex-start} } /* ERGÄNZUNG 60.540 (22.10.2026, Wunsch Tobias Jabs – nicht aus der Übergabe): Zeile „Weiterführend“ im Schlussblock. Bisher überstimmte .kb-cta p (17 px, 12 px Abstand) die Regel .kb-more-links (14,5 px, 22 px), und die Unterstreichung der Links kam aus der Grundregel für Links – Dunkelblau auf dem dunkelblauen Grund, also unsichtbar. Jetzt gelten die vorgesehenen Werte; die Links sind hell unterstrichen wie die Telefonnummer daneben. */ .pg--kundenbewertungen .kb-cta .kb-more-links{margin-top:22px;font-size:14.5px;color:rgba(255,255,255,.8)} .pg--kundenbewertungen .kb-cta .kb-more-links a{color:#fff;text-decoration-color:rgba(255,255,255,.55)} .pg--kundenbewertungen .kb-cta .kb-more-links a:hover{text-decoration-color:#fff} /* ====================================================================== 1.51 · Die Kopfleiste auf der Bewertungsseite ---------------------------------------------------------------------- Der Sollstand sagt zu dieser Seite woertlich: "Kopfleiste auf dieser Seite von Anfang an weiss wie nach dem Scrollen (der Einstieg ist hell)" Live gemessen am 25.10.2026: Die Kopfleiste traegt nur "header", nicht "is-scrolled" - sie ist also durchsichtig, und das Logo steht in Weiss. Der Einstieg dieser Seite ist aber hell. Ergebnis: weisses Logo auf hellem Grund, dazu der Knopf "Kostenfreie Immobilienbewertung" ebenso. Beides unsichtbar, bis man scrollt. Bis 1.47 war das verdeckt, weil der Seiteninhalt eine EIGENE Kopfleiste mitbrachte - die trug "header is-scrolled". Mit dem Aufraeumen in 1.48 ist sie weggefallen, und seitdem gilt die Kopfleiste der Website. Der Fehler ist also durch meine eigene Berichtigung sichtbar geworden. Hier stehen dieselben Regeln wie fuer "is-scrolled", wortgleich von der Website abgelesen, nur eben ohne die Klasse - ausgeloest allein dadurch, dass diese Seite im Dokument steht. Auf /makleralltag/ gilt das NICHT: Dort ist der Einstieg dunkelblau, und die durchsichtige Kopfleiste mit weissem Logo ist genau richtig. ====================================================================== */ body:has(#pg-kundenbewertungen) #toja-header .header{ background: rgba(255, 255, 255, .97); backdrop-filter: blur(14px); padding: 18px 0; box-shadow: rgba(15, 30, 60, .15) 0 2px 18px; } body:has(#pg-kundenbewertungen) #toja-header .header .logo{ color: var(--color-blue-deep, #1F4685); } body:has(#pg-kundenbewertungen) #toja-header .header .nav__link{ color: var(--color-text, #1A2A3F); } body:has(#pg-kundenbewertungen) #toja-header .header .nav__cta{ border-color: var(--color-blue-deep, #1F4685); color: var(--color-blue-deep, #1F4685); } body:has(#pg-kundenbewertungen) #toja-header .header .nav__cta:hover{ background: var(--color-blue-deep, #1F4685); color: #fff; } body:has(#pg-kundenbewertungen) #toja-header .header .nav__toggle span{ background: var(--color-blue-deep, #1F4685); } /* Und dazu die Begrenzung dort aufheben, wo sie wirklich sitzt: Die Vorlage setzt max-width: 800px auf .site-main. Das ist der saubere Weg - er kommt ohne vw aus, und vw rechnet eine sichtbare Bildlaufleiste mit, was sonst einen Streifen waagerechten Ueberlauf geben kann. Die Regel oben bleibt als Rueckfall stehen, falls die Vorlage ihre Breite einmal woanders setzt; beide zusammen schaden sich nicht. */ body:has(#pg-makleralltag) .site-main, body:has(#pg-kundenbewertungen) .site-main, body:has(#pg-makleralltag) .page-content, body:has(#pg-kundenbewertungen) .page-content{ max-width: none; width: auto; } /* ====================================================================== 1.54 · Die letzten Punkte aus Tobias' Vorgaben ====================================================================== */ /* ---------------------------------------------------------------------- „am Handy bleibt die Zahl 5,0 34 px gross (Regel im Uebergabeprotokoll)" Gemessen am 26.10.2026: .kb-stand__num ist 40 Pixel gross, und zwar bei JEDER Fensterbreite - eine Regel fuer schmale Fenster gibt es nicht. Die Grenze 640px ist dieselbe, die diese Datei und die Seite fuer ihre uebrigen Handy-Regeln verwenden. -------------------------------------------------------------------- */ @media (max-width: 640px){ .pg--kundenbewertungen .kb-stand__num{ font-size: 34px; } } /* 27c8e3733997e064.css */ /* TOJA Nachtrag 1.7.1: ff607b3f5b323c4095610322ebfc6d75c4c95f11.css für pg-start */ /* TOJA · Kundenstimmen früh sichtbar, am 07.10.2026 freigegeben (ÄNDERUNG 60.511 bis 60.516, Nachtrag 09.10.2026) */ /* ===== ÄNDERUNG 60.511: Bewertungssiegel im Start-Hero – seriös, aber sichtbar ===== Nachtrag 09.10. (Wunsch Tobias Jabs): ohne Google – kein Logo, kein Portalname, kein Stand. Oben Sterne, Wert und „Sehr zufrieden“ in einer Zeile, unten die Fußzeile „Kundenbewertungen lesen“. Die Quelle nennen die Kundenstimmen (60.515, 60.516). */ #pg-start .hero-rating{ display:inline-flex; flex-direction:column; align-items:stretch; margin-top:18px; padding:0; background:#fff; border:1px solid #D7E0EC; border-radius:14px; box-shadow: 0 1px 2px rgba(22,55,100,0.06), 0 12px 26px -18px rgba(22,55,100,0.55); color:var(--color-blue-deep, #1F4685); text-decoration:none; font-family:Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: border-color 200ms var(--ease, ease), box-shadow 200ms var(--ease, ease), transform 200ms var(--ease, ease); } #pg-start .hero-rating[hidden]{ display:none; } #pg-start .hero-rating:hover{ border-color:var(--color-blue-deep, #1F4685); transform:translateY(-1px); box-shadow: 0 1px 2px rgba(22,55,100,0.06), 0 16px 30px -18px rgba(22,55,100,0.6); } #pg-start .hero-rating:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; } /* oben Sterne, Wert und „Sehr zufrieden“ in einer Zeile, unten die Fußzeile „Kundenbewertungen lesen“ */ #pg-start .hero-rating__kopf{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 12px; padding:13px 20px; } #pg-start .hero-rating__sterne{ display:inline-block; line-height:0; } #pg-start .hero-rating__sterne svg{ display:block; width:116px; height:20px; max-width:none; } #pg-start .hero-rating__wert{ font-size:21px; line-height:1; font-weight:700; letter-spacing:-0.01em; color:var(--color-blue-deep, #1F4685); } /* „Sehr zufrieden“ – das Skript blendet es unter einem Wert von 4,5 aus */ #pg-start .hero-rating__urteil{ font-size:15px; line-height:1.2; font-weight:600; color:var(--color-blue-deep, #1F4685); white-space:nowrap; } #pg-start .hero-rating__urteil[hidden]{ display:none; } /* Fußzeile (Wunsch 09.10.): „Kundenbewertungen lesen“ mit Pfeil nach unten, durch eine feine Linie abgesetzt. Das ganze Siegel bleibt ein Link: Ein Klick irgendwo ins Feld führt zum Kundenstimmen-Karussell. */ #pg-start .hero-rating__mehr{ display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 18px 11px; border-top:1px solid #E6ECF4; font-size:13.5px; line-height:1.2; font-weight:600; color:var(--color-blue-deep, #1F4685); white-space:nowrap; } #pg-start .hero-rating:hover .hero-rating__mehr-text{ text-decoration:underline; text-underline-offset:3px; } #pg-start .hero-rating__pfeil{ flex:none; width:17px; height:17px; fill:none; stroke:var(--color-accent, #C4401B); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition: transform 300ms var(--ease, ease); } #pg-start .hero-rating:hover .hero-rating__pfeil{ transform:translateY(2px); } @media (max-width:640px){ #pg-start .hero-rating{ display:flex; width:fit-content; max-width:100%; margin:10px auto 0; padding:0; } #pg-start .hero-rating__kopf{ gap:4px 9px; padding:11px 16px; } #pg-start .hero-rating__sterne svg{ width:100px; height:17.5px; } #pg-start .hero-rating__wert{ font-size:18.5px; } #pg-start .hero-rating__urteil{ font-size:14px; } #pg-start .hero-rating__mehr{ font-size:13px; padding:9px 14px 10px; } } /* ===== ÄNDERUNG 60.512 / 60.513 / 60.514: Kundenstimmen im Stil „Entwurf V2“ ===== */ #pg-start .stimmen-start{ background:#F7F4EF; padding: clamp(56px, 6.5vw, 96px) 0; border-bottom:1px solid #ECE6DC; } #pg-start .stimmen-start .section-head{ text-align:left; max-width:none; margin:0 0 clamp(24px, 3vw, 36px); } #pg-start .stimmen-start .section-head .eyebrow{ color:var(--color-accent, #C4401B); margin-bottom:12px; } #pg-start .stimmen-start .section-head h2{ font-size: clamp(30px, 4vw, 48px); line-height:1.1; letter-spacing:-0.01em; margin:0; color:var(--color-blue-deep, #1F4685); } #pg-start .stimmen-start .refs-voices__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap: clamp(14px, 1.6vw, 22px); } /* Karte */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte{ position:relative; margin:0; padding: clamp(22px, 2.2vw, 30px) clamp(22px, 2.4vw, 32px) clamp(18px, 1.8vw, 24px); background:#fff; border:1px solid #E6E1D8; border-radius:14px; box-shadow: 0 1px 2px rgba(22,55,100,0.04), 0 10px 28px -22px rgba(22,55,100,0.30); display:flex; flex-direction:column; align-items:flex-start; } /* Nachtrag 09.10.: Das Portal steht nicht mehr über den Sternen, sondern unten rechts im Verweis „Auf … ansehen“ – Google erlaubt keine Sterne direkt am Namen Google. Ohne Link schreibt das Skript dort „Rezension auf …“ (kst-karte__quelle). */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__quelle{ font-size:14.5px; font-weight:500; color:#5E6B7D; white-space:nowrap; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__sterne{ display:inline-block; line-height:0; margin-top:0; } /* ÄNDERUNG 60.515: Sterne mit Teilfüllung – graue Sterne, darüber goldene, Breite nach --sterne (0 bis 5) */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne{ position:relative; line-height:0; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne__leer, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne__voll{ display:block; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne__voll{ position:absolute; top:0; left:0; bottom:0; width:calc(var(--sterne, 5) / 5 * 100%); overflow:hidden; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne svg{ max-width:none; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne__leer svg{ fill:#E2DCD1; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-sterne__voll svg{ fill:#FBBC04; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link[hidden]{ display:none; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__sterne svg{ display:block; width:112px; height:19.5px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__titel{ margin:18px 0 0; font-size: clamp(19px, 1.55vw, 22px); line-height:1.3; font-weight:700; color:var(--color-blue-deep, #1F4685); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__text{ margin:10px 0 0; font-size:16px; line-height:1.6; color:#5A6576; quotes:"\201E" "\201C"; text-wrap:pretty; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__text::before{ content:open-quote; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__text::after{ content:close-quote; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss{ align-self:stretch; margin-top:auto; padding-top:16px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:12px 16px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__wer{ display:flex; flex-direction:column; gap:1px; min-width:0; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__name{ font-size:14.5px; font-weight:600; color:#3E4A5C; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__anlass{ font-size:13.5px; line-height:1.45; color:#606F85; text-wrap:balance; } /* gleiche Fußzeilenhöhe in der Reihe – Trennlinien liegen auf einer Höhe, auch wenn ein Anlass zweizeilig wird */ #pg-start .stimmen-start .kst-karte__fuss{ min-height:80px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a{ color:var(--color-blue-deep, #1F4685); font-weight:500; font-size:14.5px; white-space:nowrap; text-decoration:underline; text-decoration-color:rgba(31,70,133,0.45); text-decoration-thickness:1px; text-underline-offset:4px; transition: text-decoration-color 200ms var(--ease, ease); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link svg, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a svg{ display:inline-block; width:15px; height:15px; margin-left:5px; vertical-align:-2px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition: transform 300ms var(--ease, ease); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link:hover, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a:hover{ text-decoration-color:var(--color-accent, #C4401B); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link:hover svg, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a:hover svg{ transform:translate(2px, -2px); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__link:focus-visible, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; border-radius:4px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links{ margin-top: clamp(22px, 2.6vw, 32px); display:flex; flex-wrap:wrap; gap:12px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a{ --gg:16px; position:relative; display:inline-block; max-width:100%; vertical-align:top; padding:var(--gg) 22px var(--gg) 20px; background:#fff; border:1px solid #E6E1D8; border-radius:12px; box-shadow: 0 1px 2px rgba(22,55,100,0.04), 0 8px 20px -16px rgba(22,55,100,0.35); color:var(--color-blue-deep, #1F4685); font-size:15px; line-height:1.3; font-weight:600; white-space:normal; text-align:left; text-wrap:balance; text-decoration:none; transition: border-color 200ms var(--ease, ease); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a[data-portal="google"]{ padding-left:calc(var(--gg) * 3); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a[data-portal="google"]::before{ content:""; position:absolute; left:var(--gg); top:50%; width:var(--gg); height:var(--gg); margin-top:calc(var(--gg) / -2); background:url("data:image/png;base64,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") center / contain no-repeat; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a:hover{ border-color:var(--color-blue-deep, #1F4685); text-decoration:underline; text-decoration-color:var(--color-accent, #C4401B); text-decoration-thickness:1px; text-underline-offset:4px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; border-radius:12px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links a svg{ margin-left:6px; stroke:var(--color-accent, #C4401B); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-hinweis{ max-width:760px; margin:12px 0 0; font-size:13px; line-height:1.55; color:#606F85; text-wrap:pretty; } /* Trennlinie über der Fußzeile */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss{ border-top:1px solid #E6E1D8; margin-top:auto; } /* ÄNDERUNG 60.521 (15.10.2026): Längere Portalnamen („Rezension auf ImmoScout24“, „Auf ImmoScout24 ansehen“) dürfen im Kartenfuß in eine zweite Zeile umbrechen, rechtsbündig. Bisher (nowrap) machten sie die Karte breiter als die übrigen – am Handy breiter als der Bildschirm. Die Felder „Alle Bewertungen auf …“ (.kst-links) bleiben einzeilig. */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss .kst-karte__link, :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss .kst-karte__quelle{ white-space:normal; text-align:right; min-width:0; text-wrap:balance; } /* ÄNDERUNG 60.538, Nachtrag Fassung 21 (22.10.2026): Im Kartenfuss wird die linke Seite nicht schmaler als ihr laengstes Wort, und der Name bricht nie um; umbrechen duerfen der Verweis rechts und der Anlass zwischen zwei Woertern. Bisher (min-width:0) schrumpfte die linke Seite darunter: Bei Thomas A. lief "Referenz auf ImmoScout24 ansehen" zwischen 1180 und 1260 px und um 380 px ueber "Wohnungsverkauf", sein Name brach bei 920 bis 1100 px um, der von Ludgera P. bei 320 und 920 bis 980 px. Messwerte aus dem Sollstand, geprueft von 320 bis 1620 px in 20-px-Schritten. */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss .kst-karte__wer{ min-width:min-content; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__fuss .kst-karte__name{ white-space:nowrap; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__text{ margin-bottom:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; overflow:hidden; } #pg-start .stimmen-start .refs-voices__grid.hat-offene{ align-items:start; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte.is-offen .kst-karte__text{ display:block; -webkit-line-clamp:unset; overflow:visible; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__mehr{ margin:-10px 0 22px; padding:0; border:0; background:none; cursor:pointer; font:600 14.5px/1.4 Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--color-accent, #C4401B); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__mehr[hidden]{ display:none; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__mehr:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; border-radius:4px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte--einzeln .kst-karte__text{ -webkit-line-clamp:7; } /* Blättern (Handy/Tablet) */ #pg-start .stimmen-start .refs-voices .voice[hidden]{ display:none !important; } /* Seitliche Pfeile links und rechts (Wunsch 07.10.: keine Punkte) – das Skript 60.259 baut die Punkte weiter, sie bleiben ausgeblendet */ #pg-start .stimmen-start .kst-buehne{ position:relative; } #pg-start .stimmen-start .refs-voices__nav{ position:absolute; inset:0; z-index:2; pointer-events:none; display:flex; align-items:center; justify-content:space-between; margin:0; } #pg-start .stimmen-start .refs-voices__nav[hidden]{ display:none !important; } #pg-start .stimmen-start .refs-voices__dots{ display:none !important; } #pg-start .stimmen-start .refs-voices__arrow{ pointer-events:auto; width:52px; height:52px; flex:none; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid #E6E1D8; border-radius:50%; background:#fff; color:var(--color-blue-deep, #1F4685); cursor:pointer; box-shadow: 0 6px 18px -6px rgba(22,55,100,0.35); transition: background 200ms var(--ease, ease), border-color 200ms var(--ease, ease), transform 200ms var(--ease, ease); } #pg-start .stimmen-start .refs-voices__arrow[data-refs="prev"]{ margin-left:-30px; } #pg-start .stimmen-start .refs-voices__arrow[data-refs="next"]{ margin-right:-30px; } #pg-start .stimmen-start .refs-voices__arrow:hover{ background:var(--color-blue-deep, #1F4685); border-color:var(--color-blue-deep, #1F4685); color:#fff; } #pg-start .stimmen-start .refs-voices__arrow:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; } #pg-start .stimmen-start .refs-voices__arrow svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; } /* Unter 1200 px (schmale Bildschirme, Tablet, Handy): Pfeile links und rechts unter den Karten, damit sie keinen Text verdecken */ @media (max-width:1199px){ #pg-start .stimmen-start .refs-voices__nav{ position:static; margin-top:16px; } #pg-start .stimmen-start .refs-voices__arrow[data-refs="prev"], #pg-start .stimmen-start .refs-voices__arrow[data-refs="next"]{ margin:0; } } @media (max-width:900px){ #pg-start .stimmen-start .refs-voices__grid{ grid-template-columns:1fr; grid-template-areas:'stapel'; } #pg-start .stimmen-start .refs-voices__grid > .voice{ grid-area:stapel; } #pg-start .stimmen-start .refs-voices__grid > .voice[hidden]{ display:flex !important; visibility:hidden; } } @media (max-width:640px){ #pg-start > .stimmen-start{ order:-9; } /* Handy-Reihenfolge 60.151: direkt hinter dem Hero, vor den Anlässen */ #pg-start .stimmen-start{ padding:44px 0 48px; } #pg-start .stimmen-start .section-head{ margin-bottom:20px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte__text{ font-size:15.5px; -webkit-line-clamp:12; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-karte--einzeln .kst-karte__text{ -webkit-line-clamp:10; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .kst-links{ flex-direction:column; align-items:flex-start; gap:10px; } } /* ====================================================================== Nr. 73 (60.551) · Barrierefreiheit: Kontrast ---------------------------------------------------------------------- Aus dem Protokoll vom 22.10.2026: Der Hinweis unter den Kundenstimmen und der Anlass in den Karten standen in #606F85. Auf dem Sandton #F7F4EF ergibt das 4,25 : 1 - noetig sind 4,5 : 1. Mit #606F85 sind es 4,66 : 1. Oben in dieser Datei ist die Farbe darum getauscht; die Regeln selbst bleiben Wort fuer Wort wie sie waren. ====================================================================== */ /* 5abcd0414aaba985.css */ /* TOJA Nachtrag 1.6.0 – Stilteile aus der HTML-Fassung „Sollstand“, Fassung 26 vom 29.10.2026 (wörtlich; Kopfleiste an #toja-header angepasst) */ /* ===== ÄNDERUNG 60.511: Bewertungssiegel im Start-Hero – seriös, aber sichtbar ===== ÄNDERUNG 60.546 / 60.547 (22.10.2026): Alle Regeln des Siegels gelten jetzt auch auf Verkaufen und Vermietung (Selektor :is(#pg-start,#pg-verkaufen,#pg-vermietung) statt #pg-start); Werte unverändert. Nachtrag 09.10. (Wunsch Tobias Jabs): ohne Google – kein Logo, kein Portalname, kein Stand. Oben Sterne, Wert und „Sehr zufrieden“ in einer Zeile, unten die Fußzeile „Kundenbewertungen lesen“. Die Quelle nennen die Kundenstimmen (60.515, 60.516). */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating{ display:inline-flex; flex-direction:column; align-items:stretch; margin-top:18px; padding:0; background:#fff; border:1px solid #D7E0EC; border-radius:14px; box-shadow: 0 1px 2px rgba(22,55,100,0.06), 0 12px 26px -18px rgba(22,55,100,0.55); color:var(--color-blue-deep, #1F4685); text-decoration:none; font-family:Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: border-color 200ms var(--ease, ease), box-shadow 200ms var(--ease, ease), transform 200ms var(--ease, ease); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating[hidden]{ display:none; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating:hover{ border-color:var(--color-blue-deep, #1F4685); transform:translateY(-1px); box-shadow: 0 1px 2px rgba(22,55,100,0.06), 0 16px 30px -18px rgba(22,55,100,0.6); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating:focus-visible{ outline:2px solid var(--color-accent, #C4401B); outline-offset:3px; } /* oben Sterne, Wert und „Sehr zufrieden“ in einer Zeile, unten die Fußzeile „Kundenbewertungen lesen“ */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__kopf{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 12px; padding:13px 20px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__sterne{ display:inline-block; line-height:0; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__sterne svg{ display:block; width:116px; height:20px; max-width:none; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__wert{ font-size:21px; line-height:1; font-weight:700; letter-spacing:-0.01em; color:var(--color-blue-deep, #1F4685); } /* „Sehr zufrieden“ – das Skript blendet es unter einem Wert von 4,5 aus */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__urteil{ font-size:15px; line-height:1.2; font-weight:600; color:var(--color-blue-deep, #1F4685); white-space:nowrap; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__urteil[hidden]{ display:none; } /* Fußzeile (Wunsch 09.10.): „Kundenbewertungen lesen“ mit Pfeil nach unten, durch eine feine Linie abgesetzt. Das ganze Siegel bleibt ein Link: Ein Klick irgendwo ins Feld führt zum Kundenstimmen-Karussell. */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__mehr{ display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 18px 11px; border-top:1px solid #E6ECF4; font-size:13.5px; line-height:1.2; font-weight:600; color:var(--color-blue-deep, #1F4685); white-space:nowrap; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating:hover .hero-rating__mehr-text{ text-decoration:underline; text-underline-offset:3px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__pfeil{ flex:none; width:17px; height:17px; fill:none; stroke:var(--color-accent, #C4401B); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition: transform 300ms var(--ease, ease); } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating:hover .hero-rating__pfeil{ transform:translateY(2px); } /* ÄNDERUNG 60.537 (22.10.2026): Pfeil nach rechts – beim Überfahren rückt er nach rechts statt nach unten */ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating:hover .hero-rating__pfeil{ transform:translateX(2px); } @media (max-width:640px){ :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating{ display:flex; width:fit-content; max-width:100%; margin:10px auto 0; padding:0; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__kopf{ gap:4px 9px; padding:11px 16px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__sterne svg{ width:100px; height:17.5px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__wert{ font-size:18.5px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__urteil{ font-size:14px; } :is(#pg-start,#pg-verkaufen,#pg-vermietung) .hero-rating__mehr{ font-size:13px; padding:9px 14px 10px; } } /* ÄNDERUNG 60.546 / 60.547 (SEO-Audit): Unterzeile unter der H1 – kursiv wie bisher der zweite Teil der H1, gut drei Fünftel so groß wie die H1; Siegel unter den Buttons (seine Regeln: Stilteil „ÄNDERUNG 60.511“), am Handy mittig unter der Telefonzeile */ :is(#pg-verkaufen,#pg-vermietung) .hero__title{ margin-bottom: 10px; } :is(#pg-verkaufen,#pg-vermietung) .hero__sub{ max-width: 36ch; margin: 0 0 18px; font-size: clamp(21px, 3.1vw, 37px); font-style: italic; font-weight: 500; line-height: 1.3; color: rgba(255,255,255,0.92); } @media (min-width: 981px){ :is(#pg-verkaufen,#pg-vermietung) .hero__sub{ font-size: clamp(20px, 1.92vw, 27px); } } @media (min-width: 641px){ :is(#pg-verkaufen,#pg-vermietung) .hero .hero-rating{ margin-top: 22px; } } @media (max-width: 640px){ :is(#pg-verkaufen,#pg-vermietung) .hero__sub{ font-size: 17px; line-height: 1.35; margin-bottom: 14px; } :is(#pg-verkaufen,#pg-vermietung) .hero__inner > div > .hero-rating{ order: 7; } } /* ÄNDERUNG 60.549 (SEO-Audit): Verweise auf den Makleralltag – Bewertungsseite mittig unter den Anlässen; Angebotsseite weiß auf dem dunkelblauen Grund des Abschnitts für Käufer aus der Schweiz */ #pg-bewertung .kb-verweis-satz{ margin: 32px auto 0; max-width: 900px; text-align: center; } #pg-immobilien .cross-border__intro .kb-verweis-zeile a.kb-verweis{ color: #fff; border-bottom-color: #FD8E55; } #pg-immobilien .cross-border__intro .kb-verweis-zeile a.kb-verweis:hover{ border-color: #fff; } /* ÄNDERUNG 60.551 (Barrierefreiheit): Textverweise mindestens 24 px hoch – Tippfläche 25 statt 23 px. Mit Seitenkennung, weil die Grundregel jeder Seite (z. B. #pg-start *) den Innenabstand sonst auf 0 setzt */ :is(#pg-start,.pg) a.kb-verweis{ padding: 1px 0; } /* ===== Fassung 23 (23.10.2026): Wünsche von Tobias Jabs ===== */ /* ÄNDERUNG 60.558 (23.10.2026, Wunsch Tobias Jabs): Aktionsfarbe „Dachrot“ – das Rot des Logodachs. Die Farbvariablen jeder Seite stehen jetzt auf --color-accent #C4401B und --color-accent-hover #A2361A (bisher #AD5617 und #A0501A), ebenso alle fest eingetragenen Werte. Gefüllte Buttons bekommen dazu einen leichten Schatten in derselben Farbe. */ .pg .btn--accent{ box-shadow: 0 8px 18px rgba(196,64,27,0.30); } /* ÄNDERUNG 60.559 (23.10.2026, Wunsch Tobias Jabs): Button „Kostenfreie Immobilienbewertung“ in der Kopfleiste gefüllt in der Aktionsfarbe – auf jeder Seite, über dem Einstieg und nach dem Scrollen (bisher umrandet). */ .pg .nav__cta, .pg .header.is-scrolled .nav__cta, #toja-header .header .nav__cta, #toja-header .header.is-scrolled .nav__cta{ background: var(--color-accent, #C4401B) !important; border-color: var(--color-accent, #C4401B) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(196,64,27,0.28); } .pg .nav__cta:hover, .pg .header.is-scrolled .nav__cta:hover, #toja-header .header .nav__cta:hover, #toja-header .header.is-scrolled .nav__cta:hover{ background: var(--color-accent-hover, #A2361A) !important; border-color: var(--color-accent-hover, #A2361A) !important; color: #fff !important; } /* ÄNDERUNG 60.560 (23.10.2026, Wunsch Tobias Jabs; Nachtrag Fassung 24 vom 24.10.2026, Entscheidung Tobias Jabs): Startseite, „Alle Immobilien →“ neben „Entdecken Sie unsere aktuellen Angebote“ gefüllt in der Aktionsfarbe statt umrandet. Sobald der Button ins Bild kommt, schubst der Pfeil zweimal kurz nach rechts (0,72 s; Skript „ÄNDERUNG 60.560“), der Button selbst bleibt ruhig – nicht bei „Bewegung reduzieren“. Bis Fassung 23 wackelte der ganze Button („Anstupser“). */ #pg-start .listings__head-link{ background: var(--color-accent, #C4401B); border-color: var(--color-accent, #C4401B); color: #fff; box-shadow: 0 8px 18px rgba(196,64,27,0.30); } #pg-start .listings__head-link:hover{ background: var(--color-accent-hover, #A2361A); border-color: var(--color-accent-hover, #A2361A); color: #fff; } #pg-start .listings__pfeil{ display: inline-block; } @keyframes toja-pfeil-schubs{ 0%,50%,100%{ transform: translateX(0); } 25%,75%{ transform: translateX(7px); } } #pg-start .listings__head-link.is-schubs .listings__pfeil{ animation: toja-pfeil-schubs .72s ease-in-out 1; } @media (prefers-reduced-motion: reduce){ #pg-start .listings__head-link.is-schubs .listings__pfeil{ animation: none; } } /* ÄNDERUNG 60.561 (23.10.2026): Begleittöne der Akzentfarbe – geändert in den bestehenden Regeln, hier keine eigene Regel. Heller Grund #C4401B: a.kb-verweis und #pg-verkaufen .refs__alltag a (Unterstrich, bisher #E8772E), .rg-card__kicker und .rg-faq summary::after (bisher #B25214), Ersatzwert der aktiven Filtertaste #pg-immobilien (bisher #E8772E); Tönungen rgba(196,64,27,…) statt rgba(194,97,26,…) bei gleicher Deckkraft. Dunkelblauer Grund #FD8E55 (heller Ton des Logodachs): .rg-cta__phone a und .ma-cta__phone a (Unterstrich, bisher #E8772E), #pg-netzwerk .team-lead__eyebrow (bisher #A75A0D), Kundenstimmen auf blauem Grund (bisher #F2A65A und rgba(242,166,90,…)), Abzeichen #FEC7AA statt #F7C68C; neu der Unterstrich der weißen Verweise #pg-ueber-mich .kb-verweis-zeile und #pg-immobilien .cross-border__intro (border-bottom-color #FD8E55). Dazu als eigene Regeln (nach einer Kontrastprüfung): Auf dem blauen Bildgrund der Seitenköpfe und auf blauem Verlauf hob sich die Akzentfarbe kaum ab (Dachrot um 1,1 : 1, Kupfer vorher ebenso) – Oberzeile, Häkchen und Symbole dort im hellen Ton des Logodachs. */ .pg:is(#pg-ueber-mich,#pg-gutachten,#pg-bauschaden,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .hero__eyebrow{ color: #FD8E55; } .pg:is(#pg-gutachten,#pg-bauschaden,#pg-verkehrswertgutachten,#pg-restnutzungsdauer) .hero__usp svg{ stroke: #FD8E55; } .pg:is(#pg-bewertung,.pg--gemeinde) .hero__highlights svg{ stroke: #FD8E55; } .pg#pg-immobilien .cross-border__intro .eyebrow{ color: #FD8E55; } .pg#pg-immobilien .cross-border__list li svg{ stroke: #FD8E55; } .pg#pg-kontakt .cta-final__card-line svg{ stroke: #FD8E55; } /* ===== Fassung 24 (24.10.2026): Wünsche von Tobias Jabs ===== */ /* ÄNDERUNG 60.562 (24.10.2026, Wunsch Tobias Jabs): In den Formularen ist die gewählte Antwort auf einen Blick zu erkennen – in Dachrot. Kontaktformular „Worum geht es?“: das gewählte Feld gefüllt in Dachrot mit weißer Schrift und einem Häkchen-Kreis an der rechten oberen Ecke (bisher dunkelblau, ohne Häkchen); kommt man auf die Seite, pulsiert es einmal (zwei Ringe, 1,6 s; Skript „ÄNDERUNG 60.562“) – auch wenn ein Button es vorgewählt hat, etwa „Kostenfreie Immobilienbewertung“ in der Kopfleiste. Beim Überfahren der übrigen Felder Rahmen und Schrift in Dachrot (bisher blau). Übertragen, damit eine gewählte Antwort überall gleich aussieht – Bewertungsformular (Startseite und Bewertungsseite), „Was ist der Anlass Ihrer Bewertung?“: die gewählte Karte mit Rahmen in Dachrot, zartem Dachrot-Grund und demselben Häkchen-Kreis an der rechten oberen Ecke (bisher blau); der Kreis sitzt auf der Ecke, damit die Karten keinen Platz für ihn freihalten müssen – die Texte brechen am Handy so um wie bisher; beim Überfahren Rahmen in Dachrot (bisher #2B5FAD); der blaue Fokusrahmen nur noch bei Bedienung mit der Tastatur, nicht nach einem Klick. Häkchen der Einwilligung in allen Formularen in Dachrot (accent-color; bisher Blau des Browsers bzw. #2B5FAD). */ .pg#pg-kontakt .anliegen-chip{ position: relative; } .pg#pg-kontakt .anliegen-chip:not(.is-active):hover{ border-color: var(--color-accent, #C4401B); color: var(--color-accent, #C4401B); } .pg#pg-kontakt .anliegen-chip.is-active{ background: var(--color-accent, #C4401B); border-color: var(--color-accent, #C4401B); color: #fff; box-shadow: 0 6px 16px rgba(196,64,27,0.28); } .pg#pg-kontakt .anliegen-chip.is-active::after{ content: ""; position: absolute; top: -9px; right: -9px; width: 22px; height: 22px; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4401B' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px 12px no-repeat; box-shadow: 0 0 0 2px var(--color-accent, #C4401B), 0 2px 6px rgba(15,30,60,0.18); } @keyframes toja-auswahl-puls{ 0%{ box-shadow: 0 6px 16px rgba(196,64,27,0.28), 0 0 0 0 rgba(196,64,27,0.55); } 45%{ box-shadow: 0 6px 16px rgba(196,64,27,0.28), 0 0 0 14px rgba(196,64,27,0); } 50%{ box-shadow: 0 6px 16px rgba(196,64,27,0.28), 0 0 0 0 rgba(196,64,27,0.55); } 95%,100%{ box-shadow: 0 6px 16px rgba(196,64,27,0.28), 0 0 0 14px rgba(196,64,27,0); } } .pg#pg-kontakt .anliegen-chip.is-active.is-puls{ animation: toja-auswahl-puls 1.6s ease-out 1; } @media (prefers-reduced-motion: reduce){ .pg#pg-kontakt .anliegen-chip.is-active.is-puls{ animation: none; } } .pg:is(#pg-start,#pg-bewertung) .wi-card span{ position: relative; } .pg:is(#pg-start,#pg-bewertung) .wi-card:hover span{ border-color: var(--color-accent, #C4401B); } .pg:is(#pg-start,#pg-bewertung) .wi-card input:checked + span{ border-color: var(--color-accent, #C4401B); background: rgba(196,64,27,0.06); box-shadow: 0 0 0 1px var(--color-accent, #C4401B) inset; color: #163764; } .pg:is(#pg-start,#pg-bewertung) .wi-card input:focus:not(:focus-visible) + span{ outline: none; } .pg:is(#pg-start,#pg-bewertung) .wi-card input:checked + span::after{ content: ""; position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4401B' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px 12px no-repeat; box-shadow: 0 0 0 2px var(--color-accent, #C4401B), 0 2px 6px rgba(15,30,60,0.18); } .pg form input[type="checkbox"], .pg:is(#pg-start,#pg-bewertung) :is(.wi-consent,.wi-check) input, .pexpose__form input[type="checkbox"]{ accent-color: var(--color-accent, #C4401B); } /* ===== Fassung 25 (29.10.2026): Vorlagen und Wünsche von Tobias Jabs ===== */ /* ÄNDERUNG 60.563 (29.10.2026, Vorlage Tobias Jabs): Seite „Einblicke in unseren Makleralltag“ mit fünf statt drei Berichten. Die Berichte 4 und 5 haben unter der H2 eine Unterzeile (Vorspann, etwas größer, dunkelblau) und Zwischenüberschriften (H3) – in der Linie der Seite. Fünf Themenkarten am PC in zwei Reihen, drei und zwei, die zweite mittig (Raster mit sechs Spalten, jede Karte über zwei); unter 981 px wie bisher untereinander. Die Regeln sind spezifischer als die von 60.528, die weiter unten stehen. */ @media (min-width: 981px){ #pg-makleralltag .ma-themen .ma-themen__list{ grid-template-columns: repeat(6, minmax(0, 1fr)); } #pg-makleralltag .ma-themen .ma-themen__list > li{ grid-column: span 2; } #pg-makleralltag .ma-themen .ma-themen__list > li:nth-child(4):nth-last-child(2){ grid-column: 2 / span 2; } } #pg-makleralltag .ma-bericht p.ma-bericht__vorspann:not(.ma-bericht__ober){ margin: -6px 0 26px; font-size: 19px; line-height: 1.6; font-weight: 500; color: var(--color-blue-deep, #1F4685); } #pg-makleralltag .ma-lesen .ma-bericht h3{ margin: 36px 0 12px; font-size: 21px; font-weight: 700; line-height: 1.3; color: var(--color-blue-dark, #163764); text-wrap: balance; } @media (max-width: 640px){ #pg-makleralltag .ma-bericht p.ma-bericht__vorspann:not(.ma-bericht__ober){ margin: -4px 0 22px; font-size: 17px; line-height: 1.55; } #pg-makleralltag .ma-lesen .ma-bericht h3{ margin: 30px 0 10px; font-size: 19px; } } /* ÄNDERUNG 60.564 (29.10.2026, Wunsch Tobias Jabs zur Bestätigung im Kontaktformular): Der Text der Bestätigungen klebte am grünen Rand – die Rücksetzregeln der Seiten (etwa :is(#pg-kontakt, #pg-impressum, #pg-datenschutz) * { padding: 0; margin: 0 }) heben Innenabstand und Abstände von .form-success auf. Jetzt in beiden Bestätigungen (Kontaktformular, Suchprofil) Innenabstand 22/24 px, am Handy 18 px, und 6 px zwischen Überschrift und Satz. */ .pg:is(#pg-kontakt,#pg-immobilien) .form-success{ padding: 22px 24px; margin-top: 8px; } .pg:is(#pg-kontakt,#pg-immobilien) .form-success p{ margin: 6px 0 0; } @media (max-width: 640px){ .pg:is(#pg-kontakt,#pg-immobilien) .form-success{ padding: 18px; } } /* ===== TOJA Nachtrag 1.6.0 – nur auf der Website (Protokoll „Offene Punkte“ vom 29.10.2026) ===== */ /* Nr. 54 (60.524): am Handy folgen auf den Einstieg zuerst die Angebote – gleiche Stufe wie der Einstieg */ @media (max-width: 640px){ #pg-start > .listings{ order: -10; } } /* Nr. 87: das Titelbild füllt die große Kachel der Galerie (am PC; am Handy stimmt es schon) */ @media (min-width: 901px){ .tjps-gallery__item.is-main .tjps-gallery__link{ display: block; height: 100%; } .tjps-gallery__item.is-main img{ height: 100%; object-fit: cover; } } /* Nr. 73 (60.551): Kacheltitel im Einstieg der Startseite als h2 – Aussehen wie bisher als h3 */ /* Nr. 91: Sterne des Siegels haben feste Maße auch vor der Stildatei (width/height im HTML) */ /* Nr. 65 (60.145 / 60.543): am Handy kein Hintergrundvideo und kein Schalter dafür – die Datei lädt dort auch nicht */ @media (max-width: 640px){ #pg-start .hero__bg-video video{ display: none !important; } #pg-start .toja-video-toggle{ display: none !important; } } /* TOJA Nachtrag 1.6.3 – Nr. 73: Punkte unter dem Karussell der Angebote mit 24 × 24 Pixel Tippfläche, sichtbarer Punkt unverändert */ .toja-karussell__punkte{ gap:0; flex-wrap:wrap; margin-top:14px; } .toja-karussell__punkt{ position:relative; width:24px; height:24px; border-radius:0; background:transparent !important; } .toja-karussell__punkt::before{ content:""; position:absolute; left:50%; top:50%; width:9px; height:9px; transform:translate(-50%,-50%); border-radius:50%; background:var(--color-line, #DCE5EF); transition:background-color 200ms, width 200ms; } .toja-karussell__punkt[aria-current="true"]{ width:34px; background:transparent !important; } .toja-karussell__punkt[aria-current="true"]::before{ width:26px; border-radius:999px; background:var(--color-blue-deep, #1F4685); } @media (prefers-reduced-motion: reduce){ .toja-karussell__punkt::before{ transition:none; } } /* Nr. 73: Verweise im Fließtext der Marktberichte nicht nur durch die Farbe erkennbar (Dachrot auf Dunkelblau 2,83 : 1) */ .gem-prose p a{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; }