Partner
{"uuid":"342b3b10-c64f-4915-b055-9b54978c6ae6","provider":"wsw-nova","model":"vega","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *::before,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 {\n --hh-blue: #1a2744;\n --hh-yellow: #e7df34;\n --hh-yellow-dark: #d4cc2e;\n --hh-white: #ffffff;\n --hh-text: #3a3a3a;\n --hh-radius: 10px;\n --hh-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__tag {\n display: inline-block;\n font-family: inherit;\n font-weight: 600;\n font-size: 0.85rem;\n letter-spacing: 0.2em;\n color: var(--hh-yellow);\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__title {\n font-family: inherit;\n font-weight: 700;\n color: var(--hh-blue);\n margin: 0 0 1rem 0;\n line-height: 1.2;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__subtitle {\n font-family: inherit;\n font-weight: 400;\n font-size: 1.15rem;\n color: var(--hh-text);\n margin: 0;\n opacity: 0.8;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link {\n display: block;\n text-decoration: none;\n color: inherit;\n border-radius: var(--hh-radius);\n outline-offset: 4px;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:focus-visible {\n outline: 2px solid var(--hh-yellow);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card {\n position: relative;\n border-radius: var(--hh-radius);\n overflow: hidden;\n height: 480px;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(26, 39, 68, 0.1);\n transition: box-shadow var(--hh-transition), transform var(--hh-transition);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:hover .hh-card,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:focus-visible .hh-card {\n box-shadow: 0 12px 40px rgba(26, 39, 68, 0.22);\n transform: translateY(-6px);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform var(--hh-transition);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:hover .hh-card__img,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:focus-visible .hh-card__img {\n transform: scale(1.08);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__gradient {\n position: absolute;\n inset: 0;\n background: linear-gradient(0deg, rgba(26, 39, 68, 0.85) 0%, rgba(26, 39, 68, 0.15) 55%, transparent 100%);\n z-index: 1;\n transition: opacity var(--hh-transition);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:hover .hh-card__gradient,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:focus-visible .hh-card__gradient {\n opacity: 0.5;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 2;\n padding: 2rem 1.75rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__label {\n display: inline-block;\n font-family: inherit;\n font-weight: 600;\n font-size: 0.75rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--hh-yellow);\n margin-bottom: 0.5rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__title {\n font-family: inherit;\n font-weight: 700;\n color: var(--hh-white);\n margin: 0;\n line-height: 1.25;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 3;\n background: var(--hh-yellow);\n padding: 2rem 1.75rem;\n transform: translateY(100%);\n transition: transform var(--hh-transition);\n border-radius: 0 0 var(--hh-radius) var(--hh-radius);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:hover .hh-card__overlay,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card-link:focus-visible .hh-card__overlay {\n transform: translateY(0);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay-title {\n font-family: inherit;\n font-weight: 700;\n font-size: 1.3rem;\n color: var(--hh-blue);\n margin: 0 0 1rem 0;\n line-height: 1.25;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay-list li {\n position: relative;\n padding-left: 1.25rem;\n font-family: inherit;\n font-weight: 600;\n font-size: 0.95rem;\n color: var(--hh-blue);\n line-height: 2;\n letter-spacing: 0.02em;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay-list li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--hh-blue);\n opacity: 0.5;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__cta-wrap {\n text-align: center;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__cta {\n display: inline-block;\n font-family: inherit;\n font-weight: 600;\n font-size: 0.95rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n text-decoration: none;\n color: var(--hh-blue);\n background: var(--hh-yellow);\n padding: 1rem 2.75rem;\n border-radius: 6px;\n border: none;\n cursor: pointer;\n transition: background var(--hh-transition), box-shadow var(--hh-transition), transform var(--hh-transition);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__cta:hover,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__cta:focus-visible {\n background: var(--hh-yellow-dark);\n box-shadow: 0 6px 24px rgba(231, 223, 52, 0.35);\n transform: translateY(-2px);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__cta:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-reveal {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-reveal--visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-reveal--d1 { transition-delay: 0.1s; }\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-reveal--d2 { transition-delay: 0.25s; }\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-reveal--d3 { transition-delay: 0.4s; }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *::before,\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 1024px) {\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects {\n padding: 0 1.25rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__grid {\n grid-template-columns: 1fr;\n gap: 1.75rem;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card {\n height: 420px;\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__overlay {\n transform: translateY(0);\n }\n\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card__gradient {\n opacity: 0.3;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-card {\n height: 380px;\n }\n }\n\n section.wsw-theme-d #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__subtitle,\n section.wsw-theme-db #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__subtitle,\n section.wsw-theme-b #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__subtitle,\n section.wsw-theme-bb #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__subtitle {\n color: var(--wsw-color-light, #eeedeb);\n opacity: 0.85;\n }\n\n section.wsw-theme-d #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__title,\n section.wsw-theme-db #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__title,\n section.wsw-theme-b #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__title,\n section.wsw-theme-bb #wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6 .hh-projects__title {\n color: var(--wsw-color-white, #fff);\n }\n</style>\n\n<div id=\"wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6\">\n <div class=\"hh-projects\">\n\n <div class=\"hh-projects__header hh-reveal hh-reveal--visible\">\n <span class=\"hh-projects__tag\">AUSGEWÄHLTE PROJEKTE</span>\n <h2 class=\"hh-projects__title\">Ein Einblick in unsere Arbeit:</h2>\n <span class=\"hh-projects__subtitle\">Qualität, saubere Ausführung und zufriedene Kunden</span>\n </div>\n\n <div class=\"hh-projects__grid\">\n\n <a href=\"/Leistungen\" class=\"hh-card-link hh-reveal hh-reveal--d1 hh-reveal--visible\" draggable=\"false\">\n <div class=\"hh-card\">\n <img class=\"hh-card__img\" src=\"/s3/d/wsw.website.13285/public/images/pages/fb-img-1484742788852.1.6a006ed5174b3.jpeg?_248717.90000009537\" alt=\"Holzrahmenbau und Dachstuhl – Zimmerarbeiten von Holzbau Hess\" loading=\"lazy\" draggable=\"false\">\n <div class=\"hh-card__gradient\"></div>\n <div class=\"hh-card__content\">\n <span class=\"hh-card__label\">Unsere Leistungen</span>\n <h3 class=\"hh-card__title\">Zimmerarbeiten</h3>\n </div>\n <div class=\"hh-card__overlay\">\n <h4 class=\"hh-card__overlay-title\">Zimmerarbeiten</h4>\n <ul class=\"hh-card__overlay-list\">\n <li>Dachstühle</li>\n <li>Dachgaupen</li>\n <li>Dachaufstockungen</li>\n </ul>\n </div>\n </div>\n </a>\n\n <a href=\"/Leistungen\" class=\"hh-card-link hh-reveal hh-reveal--d2 hh-reveal--visible\" draggable=\"false\">\n <div class=\"hh-card\">\n <img class=\"hh-card__img\" src=\"/s3/d/wsw.website.13285/public/images/pages/fb-img-1489501182163.jpeg?_266925.30000019073\" alt=\"Altbausanierung mit Gerüst – Sanierungsprojekt von Holzbau Hess\" loading=\"lazy\" draggable=\"false\">\n <div class=\"hh-card__gradient\"></div>\n <div class=\"hh-card__content\">\n <span class=\"hh-card__label\">Unsere Leistungen</span>\n <h3 class=\"hh-card__title\">Altbausanierung</h3>\n </div>\n <div class=\"hh-card__overlay\">\n <h4 class=\"hh-card__overlay-title\">Altbausanierung</h4>\n <ul class=\"hh-card__overlay-list\">\n <li>Dacherneuerungen</li>\n <li>Dachumdeckungen</li>\n <li>Wärmedämmung</li>\n <li>Dacheindeckung</li>\n <li>Dachfenster & Gaupen</li>\n </ul>\n </div>\n </div>\n </a>\n\n <a href=\"/Leistungen\" class=\"hh-card-link hh-reveal hh-reveal--d3 hh-reveal--visible\" draggable=\"false\">\n <div class=\"hh-card\">\n <img class=\"hh-card__img\" src=\"/s3/d/wsw.website.13285/public/images/pages/20191022-151958.2.6a006bcd08b9a.jpeg?_281688.90000009537\" alt=\"Moderne Holzfassade – Fassadenarbeiten von Holzbau Hess\" loading=\"lazy\" draggable=\"false\">\n <div class=\"hh-card__gradient\"></div>\n <div class=\"hh-card__content\">\n <span class=\"hh-card__label\">Unsere Leistungen</span>\n <h3 class=\"hh-card__title\">Fassaden</h3>\n </div>\n <div class=\"hh-card__overlay\">\n <h4 class=\"hh-card__overlay-title\">Fassaden</h4>\n <ul class=\"hh-card__overlay-list\">\n <li>Holzfassaden</li>\n <li>Eternit Cedral Fassaden</li>\n <li>Fundermaxfassaden</li>\n </ul>\n </div>\n </div>\n </a>\n\n </div>\n\n <div class=\"hh-projects__cta-wrap hh-reveal hh-reveal--visible\">\n <a href=\"/Leistungen\" class=\"hh-projects__cta\" draggable=\"false\">Alle Leistungen</a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-342b3b10-c64f-4915-b055-9b54978c6ae6');\n if (!el) return;\n\n var reveals = el.querySelectorAll('.hh-reveal');\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('hh-reveal--visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n reveals.forEach(function(item) {\n observer.observe(item);\n });\n } else {\n reveals.forEach(function(item) {\n item.classList.add('hh-reveal--visible');\n });\n }\n\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":2.4801368900000003,"total_messages_sent":5,"summarized_at_total":0}
AUSGEWÄHLTE PROJEKTE
Ein Einblick in unsere Arbeit:
Qualität, saubere Ausführung und zufriedene Kunden
Aus der Region
Wir sind ein regionaler Handwerksbetrieb und kennen die Anforderungen vor Ort genau. Persönlich, schnell erreichbar und immer nah am Kunden.
Zuverlässig & Sauber
Wir arbeiten termintreu, strukturiert und hinterlassen jede Baustelle sauber. Auf uns kannst du dich von Anfang bis Ende verlassen.
Jahrelange Erfahrung
Mit unserer langjährigen Erfahrung im Holzbau setzen wir Projekte fachgerecht und mit höchster Qualität um.
{"uuid":"82e94323-bd18-4dc0-b7d5-ea09bf69d22e","provider":"wsw-nova","model":"vega","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n padding: 0;\n overflow: hidden;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *,\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *::before,\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *::after {\n box-sizing: inherit;\n }\n\n /* ── Outer centering wrapper ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-wrap {\n max-width: 820px;\n margin: 0 auto;\n }\n\n /* ── Card ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card {\n background: #ffffff;\n border-radius: 18px;\n padding: 2rem 2.5rem;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 2rem;\n box-shadow:\n 0 6px 24px rgba(31, 79, 163, 0.09),\n 0 1px 5px rgba(31, 79, 163, 0.06);\n border: 1px solid rgba(201, 168, 76, 0.22);\n position: relative;\n overflow: hidden;\n transition:\n transform 0.3s ease-out,\n box-shadow 0.3s ease-out,\n border-color 0.3s ease-out;\n opacity: 0;\n transform: translateY(24px);\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card:hover {\n transform: translateY(-5px);\n box-shadow:\n 0 20px 48px rgba(31, 79, 163, 0.16),\n 0 0 0 2px rgba(31, 79, 163, 0.18),\n 0 3px 10px rgba(31, 79, 163, 0.08);\n border-color: rgba(31, 79, 163, 0.32);\n }\n\n /* Decorative corner top-left */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 72px;\n height: 72px;\n background: linear-gradient(135deg, rgba(31, 79, 163, 0.07) 0%, transparent 70%);\n border-radius: 18px 0 0 0;\n pointer-events: none;\n }\n /* Decorative corner bottom-right */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 72px;\n height: 72px;\n background: linear-gradient(315deg, rgba(201, 168, 76, 0.07) 0%, transparent 70%);\n border-radius: 0 0 18px 0;\n pointer-events: none;\n }\n\n /* ── Logo wrapper ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-logo-wrap {\n width: 160px;\n height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: transform 0.35s ease-out, filter 0.35s ease-out;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card:hover .immo-logo-wrap {\n transform: scale(1.06) translateY(-2px);\n filter: drop-shadow(0 5px 12px rgba(31, 79, 163, 0.18));\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-logo-wrap img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n display: block;\n }\n\n /* ── Vertical gold divider ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-vdivider {\n width: 2px;\n height: 56px;\n background: linear-gradient(180deg, #c9a84c, #e8d08a, #c9a84c);\n border-radius: 2px;\n flex-shrink: 0;\n align-self: center;\n }\n\n /* ── Content block ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-content {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n flex: 1;\n min-width: 0;\n }\n\n /* ── Badge ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-badge {\n display: inline-block;\n background: linear-gradient(90deg, #1f4fa3, #2d63c8);\n color: #ffffff;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0.22rem 0.75rem;\n border-radius: 20px;\n width: fit-content;\n margin-bottom: 0.15rem;\n }\n\n /* ── Heading ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-heading {\n font-size: clamp(1.15rem, 2.5vw, 1.45rem);\n font-weight: 700;\n color: #1a2e52;\n margin: 0;\n letter-spacing: 0.03em;\n line-height: 1.2;\n }\n\n /* ── Description ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-desc {\n font-size: 0.9rem;\n color: #5a6a88;\n line-height: 1.6;\n margin: 0;\n }\n\n /* ── Button area ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn-wrap {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n }\n\n /* ── Button ── */\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.7rem 1.6rem;\n background: linear-gradient(135deg, #1f4fa3 0%, #2d63c8 100%);\n color: #ffffff;\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition:\n transform 0.25s ease-out,\n box-shadow 0.28s ease-out,\n color 0.25s ease-out;\n box-shadow: 0 4px 16px rgba(31, 79, 163, 0.28);\n position: relative;\n overflow: hidden;\n min-height: 44px;\n white-space: nowrap;\n z-index: 1;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn-bg {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #c9a84c 0%, #e8d08a 50%, #c9a84c 100%);\n opacity: 0;\n transition: opacity 0.28s ease-out;\n border-radius: 50px;\n z-index: 0;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn:hover .immo-btn-bg {\n opacity: 1;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn:hover {\n transform: translateY(-2px) scale(1.04);\n box-shadow: 0 10px 26px rgba(201, 168, 76, 0.4);\n color: #1a2e52;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn:focus-visible {\n outline: 3px solid #c9a84c;\n outline-offset: 3px;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn-label {\n position: relative;\n z-index: 1;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn-arrow {\n position: relative;\n z-index: 1;\n display: inline-block;\n transition: transform 0.22s ease-out;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-btn:hover .immo-btn-arrow {\n transform: translateX(3px);\n }\n\n /* ── Responsive: mobile → vertical stack ── */\n @media (max-width: 640px) {\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.75rem 1.5rem;\n gap: 1.25rem;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-vdivider {\n width: 48px;\n height: 2px;\n background: linear-gradient(90deg, #c9a84c, #e8d08a, #c9a84c);\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-content {\n align-items: center;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-logo-wrap {\n width: 140px;\n height: 60px;\n }\n }\n\n /* ── Reduced Motion ── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *,\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *::before,\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* ── Theme: Dunkel ── */\n section.wsw-theme-d #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card,\n section.wsw-theme-db #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card,\n section.wsw-theme-b #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card,\n section.wsw-theme-bb #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-card {\n background: #1a2e52;\n border-color: rgba(201, 168, 76, 0.28);\n box-shadow: 0 6px 24px rgba(0,0,0,0.35);\n }\n section.wsw-theme-d #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-heading,\n section.wsw-theme-db #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-heading,\n section.wsw-theme-b #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-heading,\n section.wsw-theme-bb #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-heading {\n color: #d6e3f7;\n }\n section.wsw-theme-d #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-desc,\n section.wsw-theme-db #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-desc,\n section.wsw-theme-b #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-desc,\n section.wsw-theme-bb #wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e .immo-desc {\n color: #9ab0d4;\n }\n</style>\n\n<div id=\"wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e\">\n <div class=\"immo-wrap\">\n <div class=\"immo-card is-visible\" role=\"article\" aria-label=\"Partner: Hess Immobilien\">\n\n <!-- Logo -->\n <div class=\"immo-logo-wrap\">\n <img src=\"/s3/d/wsw.website.13285/public/images/pages/screenshot-2026-05-25-112740.png?_444447.89999997616\" alt=\"Hess Immobilien Logo\" width=\"160\" height=\"70\" loading=\"lazy\" draggable=\"false\">\n </div>\n\n <!-- Vertical gold divider -->\n <div class=\"immo-vdivider\" aria-hidden=\"true\"></div>\n\n <!-- Content -->\n <div class=\"immo-content\">\n <span class=\"immo-badge\">Partner</span>\n <h3 class=\"immo-heading\">Hess Immobilien</h3>\n <span class=\"immo-desc\">Ihr Ansprechpartner für Immobilien, Vermietung und moderne Wohnkonzepte.</span>\n </div>\n\n <!-- Button -->\n <div class=\"immo-btn-wrap\">\n <a class=\"immo-btn\" href=\"https://hessimmo.com/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Hess Immobilien Website besuchen\" draggable=\"false\">\n <span class=\"immo-btn-bg\" aria-hidden=\"true\"></span>\n <span class=\"immo-btn-label\">Zur Website</span>\n <span class=\"immo-btn-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n </div>\n</div>\n\n<script>\n(function () {\n 'use strict';\n\n const el = document.getElementById('wsw-snippet-82e94323-bd18-4dc0-b7d5-ea09bf69d22e');\n if (!el) return;\n\n const card = el.querySelector('.immo-card');\n if (!card) return;\n\n const observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.18 });\n\n observer.observe(card);\n\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":0.644241444,"total_messages_sent":3,"summarized_at_total":0}
Titel
Titel
Titel
Titel
Titel
Titel
Titel
Titel
Titel
Titel