{"id":333,"date":"2026-04-14T11:43:44","date_gmt":"2026-04-14T11:43:44","guid":{"rendered":"https:\/\/angry-jang.185-87-21-134.plesk.page\/?page_id=333"},"modified":"2026-04-14T11:53:52","modified_gmt":"2026-04-14T11:53:52","slug":"homepage-5-0-slider","status":"publish","type":"page","link":"https:\/\/angry-jang.185-87-21-134.plesk.page\/","title":{"rendered":"Homepage 5.0 (Slider)"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Valentino Bau \u2013 Das Rundum Sorglos Paket | Bremen<\/title>\n <meta name=\"description\" content=\"Valentino Bau Bremen \u2013 Ihr Handwerksprofi f\u00fcr Renovierung, Sanierung, Fliesenverlegung, Malerarbeiten und mehr. 5,0 Sterne auf Google. Jetzt kostenlos anfragen!\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --dark: #1c1c1c;\n --orange: #e8702a;\n --orange2: #d05e1a;\n --light: #f7f7f7;\n --white: #ffffff;\n --text: #333333;\n --muted: #666666;\n --border: #e0e0e0;\n --radius: 12px;\n }\n html { scroll-behavior: smooth; scroll-padding-top: 70px; }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; overflow-x: hidden; }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n background: var(--white); padding: 0 5%;\n display: flex; align-items: center; justify-content: space-between;\n height: 70px; box-shadow: 0 2px 16px rgba(0,0,0,.08);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo img { height: 60px; width: auto; }\n .nav-links { display: flex; gap: 28px; list-style: none; }\n .nav-links a { color: var(--text); text-decoration: none; font-size: .9rem; font-weight: 500; transition: color .2s; }\n .nav-links a:hover { color: var(--orange); }\n .nav-cta { background: var(--orange); color: var(--white) !important; padding: 10px 22px; border-radius: 6px; font-weight: 700 !important; transition: background .2s !important; }\n .nav-cta:hover { background: var(--orange2) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n background: linear-gradient(135deg, #fdfcfb 0%, #f5f0eb 60%, #fdfcfb 100%);\n color: var(--dark);\n padding: 90px 5% 80px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n min-height: 88vh;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: ''; position: absolute; top: -80px; right: -80px;\n width: 500px; height: 500px; border-radius: 50%;\n background: var(--orange); opacity: .05; pointer-events: none;\n }\n .hero::after {\n content: ''; position: absolute; bottom: -120px; left: -60px;\n width: 400px; height: 400px; border-radius: 50%;\n background: var(--orange); opacity: .03; pointer-events: none;\n }\n .hero-content { position: relative; z-index: 2; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(232,112,42,.1); border: 1px solid rgba(232,112,42,.25);\n color: var(--dark); font-size: .82rem; font-weight: 700;\n padding: 6px 16px; border-radius: 50px; margin-bottom: 26px;\n letter-spacing: .05em; text-transform: uppercase;\n }\n .hero h1 { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; line-height: 1.15; margin-bottom: 20px; color: var(--dark); }\n .hero h1 span { color: var(--orange); }\n .hero p { font-size: 1.05rem; color: var(--muted); margin-bottom: 28px; max-width: 480px; line-height: 1.7; }\n .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-start; }\n .btn-primary { background: var(--orange); color: var(--white); padding: 15px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; border: none; cursor: pointer; transition: background .2s, transform .15s; display: inline-block; }\n .btn-primary:hover { background: var(--orange2); transform: translateY(-1px); }\n .btn-outline { background: transparent; color: var(--dark); padding: 15px 32px; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 2px solid var(--dark); cursor: pointer; transition: border-color .2s, background .2s, color .2s, transform .15s; display: inline-block; }\n .btn-outline:hover { border-color: var(--orange); color: var(--orange); transform: translateY(-1px); }\n .hero-usps { display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px; }\n .hero-usp { display: flex; align-items: center; gap: 8px; font-size: .93rem; color: var(--text); font-weight: 500; }\n .hero-usp-check { width: 20px; height: 20px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .65rem; color: white; }\n .hero-social-proof { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); }\n .hero-avatars { display: flex; }\n .hero-avatar { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--white); background: var(--orange); color: white; font-size: .72rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-left: -8px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }\n .hero-avatars .hero-avatar:first-child { margin-left: 0; }\n .hero-social-text { font-size: .82rem; color: var(--muted); line-height: 1.4; }\n .hero-social-text strong { color: var(--dark); display: block; font-size: .88rem; }\n .btn-primary-wrap { display: flex; flex-direction: column; gap: 5px; }\n .btn-response-hint { font-size: .75rem; color: var(--muted); }\n .hero-visual { position: relative; z-index: 2; }\n .hero-img { width: 100%; height: 480px; object-fit: cover; border-radius: 20px; box-shadow: 0 24px 64px rgba(0,0,0,.15); display: block; }\n \/* \u2500\u2500 BEFORE \/ AFTER SLIDER \u2500\u2500 *\/\n .ba-slider { position: relative; width: 100%; height: 480px; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 64px rgba(0,0,0,.15); cursor: ew-resize; user-select: none; -webkit-user-select: none; -moz-user-select: none; touch-action: none; }\n .ba-slider img { -webkit-user-drag: none; user-drag: none; pointer-events: none; }\n .ba-before, .ba-after { position: absolute; inset: 0; }\n .ba-before img, .ba-after img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }\n .ba-after { clip-path: inset(0 50% 0 0); }\n .ba-handle { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 3px; background: rgba(255,255,255,.9); display: flex; flex-direction: column; align-items: center; z-index: 10; }\n .ba-circle { width: 46px; height: 46px; background: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 16px rgba(0,0,0,.25); flex-shrink: 0; margin-top: calc(50% - 23px); position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.1rem; color: var(--dark); border: 3px solid var(--orange); }\n .ba-label { position: absolute; top: 16px; background: rgba(0,0,0,.55); color: white; padding: 5px 13px; border-radius: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; z-index: 11; pointer-events: none; }\n .ba-label-before { left: 14px; }\n .ba-label-after { right: 14px; }\n .hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }\n .stat-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 14px; text-align: center; box-shadow: 0 4px 16px rgba(0,0,0,.06); }\n .stat-number { font-size: 1.6rem; font-weight: 900; color: var(--orange); display: block; }\n .stat-label { font-size: .78rem; color: var(--muted); margin-top: 4px; }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar { background: var(--orange); color: var(--white); padding: 18px 5%; display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; }\n .trust-item { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: .95rem; }\n .trust-icon { font-size: 1.3rem; }\n\n \/* \u2500\u2500 SECTION COMMONS \u2500\u2500 *\/\n section { padding: 90px 5%; }\n .section-label { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--orange); margin-bottom: 12px; }\n .section-title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; line-height: 1.2; color: var(--dark); margin-bottom: 16px; }\n .section-sub { font-size: 1.05rem; color: var(--muted); max-width: 560px; margin-bottom: 52px; }\n\n \/* \u2500\u2500 LEISTUNGEN \u2500\u2500 *\/\n #leistungen { background: var(--light); }\n .srv-tabs {\n display: flex;\n gap: 10px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 8px;\n margin-bottom: 40px;\n scrollbar-width: none;\n scroll-snap-type: x mandatory;\n }\n .srv-tabs::-webkit-scrollbar { display: none; }\n .srv-tab {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px 18px;\n border-radius: var(--radius);\n border: 1.5px solid var(--border);\n background: var(--white);\n cursor: pointer;\n transition: background .2s, border-color .2s, color .2s;\n min-width: 100px;\n text-align: center;\n color: var(--text);\n user-select: none;\n scroll-snap-align: start;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n }\n .srv-tab:hover { border-color: var(--orange); color: var(--orange); }\n .srv-tab.active { background: var(--dark); border-color: var(--dark); color: var(--white); }\n .srv-tab-icon { font-size: 1.5rem; line-height: 1; }\n .srv-tab-label { font-size: .75rem; font-weight: 600; line-height: 1.3; max-width: 90px; }\n .srv-panel { display: none; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; animation: fadeIn .35s ease; }\n .srv-panel.active { display: grid; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n .srv-img { width: 100%; height: 420px; object-fit: cover; border-radius: var(--radius); box-shadow: 0 16px 48px rgba(0,0,0,.14); }\n .srv-content h3 { font-size: 1.9rem; font-weight: 800; color: var(--dark); margin-bottom: 16px; line-height: 1.2; }\n .srv-content p { color: var(--muted); font-size: .97rem; line-height: 1.7; margin-bottom: 28px; }\n .srv-points { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }\n .srv-points li { display: flex; align-items: flex-start; gap: 12px; font-size: .95rem; color: var(--text); }\n .srv-points li::before {\n content: ''; width: 22px; height: 22px; background: var(--orange);\n border-radius: 50%; flex-shrink: 0; margin-top: 1px;\n display: flex; align-items: center; justify-content: center;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: center;\n }\n .btn-badrechner { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: var(--orange); border: 2px solid var(--orange); padding: 13px 24px; border-radius: 8px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: background .2s, color .2s; }\n .btn-badrechner:hover { background: var(--orange); color: var(--white); }\n\n \/* \u2500\u2500 BADPLANER BANNER \u2500\u2500 *\/\n .badrechner-banner { background: linear-gradient(135deg, #1c1c1c 0%, #2a2a2a 100%); padding: 70px 5%; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }\n .badrechner-left { flex: 1; min-width: 260px; }\n .badrechner-left .section-label { color: var(--orange); }\n .badrechner-left h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; color: var(--white); line-height: 1.2; margin-bottom: 12px; }\n .badrechner-left p { color: rgba(255,255,255,.65); font-size: .97rem; max-width: 480px; }\n .badrechner-right { flex-shrink: 0; }\n .btn-badrechner-big { display: inline-flex; align-items: center; gap: 12px; background: var(--orange); color: var(--white); padding: 18px 36px; border-radius: 8px; font-weight: 800; font-size: 1.05rem; text-decoration: none; transition: background .2s, transform .15s; white-space: nowrap; }\n .btn-badrechner-big:hover { background: var(--orange2); transform: translateY(-2px); }\n .badrechner-icon-wrap { width: 56px; height: 56px; background: rgba(255,255,255,.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; flex-shrink: 0; }\n\n \/* \u2500\u2500 \u00dcBER UNS \u2500\u2500 *\/\n #ueber-uns { background: var(--white); padding-top: 80px; }\n .about-stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--dark); margin-top: 60px; margin-bottom: 70px; }\n .about-stat { padding: 40px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden; }\n .about-stat:last-child { border-right: none; }\n .about-stat::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) scaleX(0); width: 40px; height: 3px; background: var(--orange); border-radius: 2px; transition: transform .3s; }\n .about-stat:hover::before { transform: translateX(-50%) scaleX(1); }\n .about-stat-number { font-size: 2.8rem; font-weight: 900; color: var(--orange); display: block; line-height: 1; margin-bottom: 10px; }\n .about-stat-label { font-size: .78rem; color: rgba(255,255,255,.55); font-weight: 500; text-transform: uppercase; letter-spacing: .08em; }\n .about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; padding: 0 5% 60px; }\n .about-features { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .about-feature { display: flex; flex-direction: column; gap: 12px; padding: 22px 18px; border-radius: var(--radius); border: 1px solid var(--border); background: var(--light); transition: border-color .2s, box-shadow .2s, transform .2s; }\n .about-feature:hover { border-color: var(--orange); box-shadow: 0 6px 24px rgba(232,112,42,.12); transform: translateY(-2px); }\n .about-feature-icon { width: 48px; height: 48px; background: var(--white); border: 1px solid var(--border); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; box-shadow: 0 2px 8px rgba(0,0,0,.06); }\n .about-feature-text h4 { font-weight: 700; font-size: .92rem; margin-bottom: 5px; color: var(--dark); }\n .about-feature-text p { font-size: .82rem; color: var(--muted); line-height: 1.55; }\n .about-cta-row { margin-top: 24px; display: flex; align-items: center; gap: 16px; }\n .about-cta-note { font-size: .82rem; color: var(--muted); }\n .about-visual { display: flex; flex-direction: column; gap: 16px; }\n .google-rating-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 24px; display: flex; align-items: center; gap: 18px; box-shadow: 0 4px 20px rgba(0,0,0,.07); }\n .google-logo { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); flex-shrink: 0; font-weight: 900; font-size: 1.5rem; background: linear-gradient(135deg, #4285f4, #34a853, #fbbc05, #ea4335); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .google-rating-info { flex: 1; }\n .google-rating-info strong { font-size: 1.6rem; font-weight: 900; color: var(--dark); }\n .google-rating-info .google-sub { font-size: .8rem; color: var(--muted); display: block; margin-top: 2px; }\n .google-stars { color: #fbbc04; font-size: 1.15rem; margin: 2px 0; letter-spacing: 2px; }\n .review-cards { display: flex; flex-direction: column; gap: 14px; }\n .review-card { background: var(--white); border-radius: var(--radius); padding: 22px; border: 1px solid var(--border); box-shadow: 0 2px 12px rgba(0,0,0,.05); position: relative; }\n .review-quote { position: absolute; top: 14px; right: 18px; font-size: 3.5rem; line-height: 1; color: rgba(232,112,42,.12); font-family: Georgia, serif; font-weight: 900; pointer-events: none; }\n .review-card-header { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n .review-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .82rem; font-weight: 700; color: white; flex-shrink: 0; }\n .review-meta strong { font-size: .9rem; color: var(--dark); display: block; }\n .review-meta span { font-size: .75rem; color: var(--muted); }\n .review-stars { color: #fbbc04; font-size: .85rem; margin-bottom: 8px; }\n .review-text { font-size: .88rem; color: var(--text); line-height: 1.6; }\n\n \/* \u2500\u2500 TEAM \u2500\u2500 *\/\n #team { background: var(--light); }\n .team-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: center; }\n .team-img-wrap { position: relative; }\n .team-img-placeholder { width: 100%; aspect-ratio: 4\/5; border-radius: var(--radius); background: linear-gradient(135deg, #e8e0d8 0%, #d4c9be 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--muted); overflow: hidden; }\n .team-exp-badge { position: absolute; bottom: -16px; right: -16px; background: var(--orange); color: var(--white); border-radius: var(--radius); padding: 16px 20px; text-align: center; box-shadow: 0 8px 24px rgba(232,112,42,.35); }\n .team-exp-badge strong { font-size: 2rem; font-weight: 900; display: block; line-height: 1; }\n .team-exp-badge span { font-size: .75rem; font-weight: 600; opacity: .9; }\n .team-quote { position: relative; background: var(--white); border-radius: var(--radius); padding: 28px 28px 28px 32px; margin-bottom: 32px; border-left: 4px solid var(--orange); box-shadow: 0 4px 20px rgba(0,0,0,.06); }\n .team-quote-mark { font-size: 4rem; line-height: 1; color: rgba(232,112,42,.15); font-family: Georgia, serif; font-weight: 900; position: absolute; top: 10px; left: 16px; pointer-events: none; }\n .team-quote p { font-size: 1.05rem; color: var(--text); line-height: 1.75; font-style: italic; position: relative; z-index: 1; }\n .team-quote-author { margin-top: 14px; display: flex; align-items: center; gap: 12px; }\n .team-quote-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--orange); color: white; font-weight: 700; font-size: .85rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n .team-quote-name strong { font-size: .9rem; color: var(--dark); display: block; }\n .team-quote-name span { font-size: .78rem; color: var(--muted); }\n .team-expertise { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 28px; }\n .team-expertise-item { display: flex; align-items: center; gap: 10px; font-size: .88rem; color: var(--text); font-weight: 500; }\n .team-expertise-dot { width: 8px; height: 8px; background: var(--orange); border-radius: 50%; flex-shrink: 0; }\n .team-values { display: flex; gap: 10px; flex-wrap: wrap; }\n .team-value-tag { background: var(--white); border: 1px solid var(--border); border-radius: 50px; padding: 6px 14px; font-size: .78rem; font-weight: 600; color: var(--text); }\n\n \/* \u2500\u2500 PROZESS \u2500\u2500 *\/\n #prozess { background: var(--light); }\n .process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }\n .process-step { text-align: center; padding: 36px 20px; background: var(--white); border-radius: var(--radius); border: 1px solid var(--border); }\n .step-number { width: 52px; height: 52px; background: var(--orange); color: var(--white); border-radius: 50%; font-size: 1.4rem; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }\n .step-title { font-weight: 700; margin-bottom: 8px; color: var(--dark); }\n .step-desc { font-size: .87rem; color: var(--muted); }\n\n \/* \u2500\u2500 KONTAKT \u2500\u2500 *\/\n #kontakt { background: var(--dark); color: var(--white); }\n #kontakt .section-title { color: var(--white); }\n #kontakt .section-sub { color: rgba(255,255,255,.6); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: stretch; }\n .contact-info { display: flex; flex-direction: column; gap: 20px; }\n .contact-form { display: flex; flex-direction: column; }\n .contact-form form { display: flex; flex-direction: column; flex: 1; }\n .contact-item { display: flex; gap: 16px; align-items: center; }\n .contact-item-icon { width: 50px; height: 50px; background: rgba(232,112,42,.15); border: 1px solid rgba(232,112,42,.3); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }\n .contact-item h4 { font-weight: 700; color: var(--orange); margin-bottom: 3px; }\n .contact-item p, .contact-item a { color: rgba(255,255,255,.75); text-decoration: none; font-size: .95rem; transition: color .2s; }\n .contact-item a:hover { color: var(--orange); }\n .contact-next-steps { margin-top: 8px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius); padding: 22px 20px; flex: 1; }\n .contact-next-steps h4 { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }\n .next-step { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }\n .next-step:last-child { margin-bottom: 0; }\n .next-step-num { width: 26px; height: 26px; background: var(--orange); color: white; border-radius: 50%; font-size: .75rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\n .next-step-text strong { font-size: .88rem; color: var(--white); display: block; margin-bottom: 2px; }\n .next-step-text span { font-size: .8rem; color: rgba(255,255,255,.5); }\n .contact-form { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); padding: 36px; }\n .form-trust { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 14px; justify-content: center; }\n .form-trust-item { display: flex; align-items: center; gap: 6px; font-size: .78rem; color: rgba(255,255,255,.4); }\n .form-trust-item::before { content: '\u2713'; color: #25d366; font-weight: 700; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .form-group { margin-bottom: 16px; }\n .form-group label { display: block; font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.7); margin-bottom: 7px; }\n .form-group input, .form-group select, .form-group textarea { width: 100%; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); border-radius: 8px; padding: 12px 14px; color: var(--white); font-size: .95rem; font-family: inherit; outline: none; transition: border-color .2s; }\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--orange); }\n .form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,.3); }\n .form-group select option { background: var(--dark); }\n .form-group textarea { resize: vertical; min-height: 100px; }\n .form-submit { width: 100%; background: var(--orange); color: var(--white); border: none; border-radius: 8px; padding: 15px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: background .2s; margin-top: 8px; font-family: inherit; }\n .form-submit:hover { background: var(--orange2); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer { background: #111; color: rgba(255,255,255,.55); font-size: .88rem; }\n .footer-main { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding: 70px 5% 50px; border-bottom: 1px solid rgba(255,255,255,.08); }\n .footer-brand img { height: 60px; width: auto; margin-bottom: 18px; display: block; }\n .footer-brand p { color: rgba(255,255,255,.5); font-size: .88rem; line-height: 1.7; max-width: 260px; margin-bottom: 24px; }\n .footer-contact-items { display: flex; flex-direction: column; gap: 10px; }\n .footer-contact-item { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.55); font-size: .85rem; }\n .footer-contact-item a { color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; }\n .footer-contact-item a:hover { color: var(--orange); }\n .footer-contact-icon { width: 30px; height: 30px; background: rgba(232,112,42,.15); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }\n .footer-col h4 { color: var(--white); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n .footer-col ul li a { color: rgba(255,255,255,.5); text-decoration: none; font-size: .88rem; transition: color .2s; display: flex; align-items: center; gap: 6px; }\n .footer-col ul li a::before { content: '\u203a'; color: var(--orange); font-weight: 700; }\n .footer-col ul li a:hover { color: var(--white); }\n .footer-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 14px 18px; }\n .footer-badge-stars { font-size: .95rem; white-space: nowrap; }\n .footer-badge-text strong { color: var(--white); display: flex; align-items: center; gap: 6px; font-size: .95rem; white-space: nowrap; }\n .footer-badge-text span { font-size: .78rem; color: rgba(255,255,255,.4); white-space: nowrap; }\n .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 22px 5%; }\n .footer-bottom p { font-size: .82rem; color: rgba(255,255,255,.35); }\n .footer-legal { display: flex; gap: 24px; }\n .footer-legal a { color: rgba(255,255,255,.35); text-decoration: none; font-size: .82rem; transition: color .2s; }\n .footer-legal a:hover { color: var(--orange); }\n\n \/* \u2500\u2500 RESPONSIVE TABLET \u2500\u2500 *\/\n @media (max-width: 900px) {\n \/* Hero: single column, TEXT first, image below *\/\n .hero {\n grid-template-columns: 1fr;\n padding: 50px 5% 50px;\n min-height: auto;\n gap: 36px;\n }\n \/* NO order: -1 here \u2192 text stays on top, image below *\/\n .hero-img { height: 280px; }\n .ba-slider { height: 280px; }\n .hero-stats { grid-template-columns: repeat(3, 1fr); }\n\n \/* Leistungen *\/\n .srv-panel.active { grid-template-columns: 1fr; gap: 24px; }\n .srv-img { height: 240px; }\n .srv-content h3 { font-size: 1.4rem; }\n\n \/* \u00dcber uns *\/\n .about-stats-bar { grid-template-columns: repeat(2, 1fr); }\n .about-inner { grid-template-columns: 1fr; gap: 40px; padding: 0 5% 60px; }\n\n \/* Team *\/\n .team-grid { grid-template-columns: 1fr; gap: 50px; }\n .team-exp-badge { right: 0; bottom: -12px; }\n .team-expertise { grid-template-columns: 1fr; }\n\n \/* Kontakt *\/\n .contact-grid { grid-template-columns: 1fr; gap: 40px; }\n .form-row { grid-template-columns: 1fr; }\n\n \/* Nav *\/\n .nav-links { display: none; }\n\n \/* Footer *\/\n .footer-main { grid-template-columns: 1fr 1fr; gap: 36px; }\n }\n\n \/* \u2500\u2500 RESPONSIVE MOBILE \u2500\u2500 *\/\n @media (max-width: 600px) {\n .hero { padding: 40px 4% 44px; gap: 28px; }\n .hero h1 { font-size: clamp(1.7rem, 8vw, 2.2rem); }\n .hero-img { height: 220px; border-radius: 14px; }\n .ba-slider { height: 220px; border-radius: 14px; }\n .hero-stats { grid-template-columns: repeat(3, 1fr); gap: 8px; }\n .stat-card { padding: 12px 8px; }\n .stat-number { font-size: 1.3rem; }\n .stat-label { font-size: .7rem; }\n .hero-btns { flex-direction: column; }\n .btn-primary, .btn-outline { width: 100%; text-align: center; padding: 15px 20px; }\n\n \/* Leistungen tabs kleiner auf Handy *\/\n .srv-tab { min-width: 80px; padding: 12px 12px; }\n .srv-tab-icon { font-size: 1.3rem; }\n .srv-tab-label { font-size: .68rem; }\n #leistungen { padding: 60px 4%; }\n\n .trust-bar { gap: 16px; justify-content: flex-start; padding: 16px 4%; }\n .about-stats-bar { grid-template-columns: repeat(2, 1fr); }\n .footer-main { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; }\n\n .badrechner-banner { padding: 50px 4%; }\n .btn-badrechner-big { padding: 16px 24px; font-size: .95rem; white-space: normal; text-align: center; }\n\n \/* Prozess & Kontakt: reduzierte Section-Padding *\/\n section { padding: 60px 4%; }\n #leistungen { padding: 60px 4%; }\n .contact-form { padding: 20px 16px; }\n .contact-next-steps { padding: 16px 14px; }\n .contact-grid { gap: 28px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- NAV -->\n <nav>\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Valentino-Bau-D-jpg_1-e1774143565790.jpg\" alt=\"Valentino Bau Logo\" \/>\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#prozess\">Ablauf<\/a><\/li>\n <li><a href=\"#kontakt\" class=\"nav-cta\">Jetzt anfragen<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <!-- HERO -->\n <section class=\"hero\">\n\n <!-- TEXT \u2014 kommt auf Mobil zuerst -->\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u2b50 5,0 \/ 5,0 \u00b7 40 Google-Bewertungen<\/div>\n <h1>Renovierung die begeistert.<br \/><span>Ohne Stress,<\/span> ohne \u00dcberraschungen.<\/h1>\n <p>Ihr Rundum-Sorglos-Paket in Bremen: Von der Komplettsanierung bis zur einzelnen Handwerksarbeit \u2013 alles aus einer Hand, zum Festpreis.<\/p>\n <div class=\"hero-usps\">\n <div class=\"hero-usp\"><span class=\"hero-usp-check\">\u2713<\/span> Kostenlose Beratung & Festpreisgarantie<\/div>\n <div class=\"hero-usp\"><span class=\"hero-usp-check\">\u2713<\/span> Alle Gewerke aus einer Hand<\/div>\n <div class=\"hero-usp\"><span class=\"hero-usp-check\">\u2713<\/span> Antwort innerhalb von 24 Stunden<\/div>\n <\/div>\n <div class=\"hero-btns\">\n <div class=\"btn-primary-wrap\">\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt kostenlos anfragen \u2192<\/a>\n <span class=\"btn-response-hint\">\u26a1 Wir melden uns innerhalb von 24h<\/span>\n <\/div>\n <a href=\"tel:017660178717\" class=\"btn-outline\">\ud83d\udcde 0176 60178717<\/a>\n <\/div>\n <div class=\"hero-social-proof\">\n <div class=\"hero-avatars\">\n <div class=\"hero-avatar\">MK<\/div>\n <div class=\"hero-avatar\" style=\"background:#c05a1e;\">TH<\/div>\n <div class=\"hero-avatar\" style=\"background:#a04810;\">SR<\/div>\n <div class=\"hero-avatar\" style=\"background:#7a3800;\">JL<\/div>\n <\/div>\n <div class=\"hero-social-text\">\n <strong>40+ zufriedene Kunden in Bremen<\/strong>\n Alle bewerten uns mit 5 von 5 Sternen \u2b50\u2b50\u2b50\u2b50\u2b50\n <\/div>\n <\/div>\n <\/div>\n\n <!-- BILD + STATS \u2014 kommt auf Mobil danach -->\n <div class=\"hero-visual\">\n <div class=\"ba-slider\" id=\"heroSlider\">\n <div class=\"ba-before\">\n <img decoding=\"async\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-765.png\" alt=\"Vorher\" \/>\n <span class=\"ba-label ba-label-before\">Vorher<\/span>\n <\/div>\n <div class=\"ba-after\">\n <img decoding=\"async\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-765.png\" alt=\"Nachher\" \/>\n <span class=\"ba-label ba-label-after\">Nachher<\/span>\n <\/div>\n <div class=\"ba-handle\" id=\"baHandle\">\n <div class=\"ba-circle\">\u27fa<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-card\"><span class=\"stat-number\">5,0<\/span><span class=\"stat-label\">\u2b50 Google Sterne<\/span><\/div>\n <div class=\"stat-card\"><span class=\"stat-number\">40+<\/span><span class=\"stat-label\">Bewertungen<\/span><\/div>\n <div class=\"stat-card\"><span class=\"stat-number\">10+<\/span><span class=\"stat-label\">Leistungen<\/span><\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <!-- TRUST BAR -->\n <div class=\"trust-bar\">\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83c\udfe0<\/span> Schl\u00fcsselfertige Renovierung<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2705<\/span> Alles aus einer Hand<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u26a1<\/span> Kurze Bauzeiten<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83d\udccd<\/span> Ihr Ansprechpartner \u2013 immer pers\u00f6nlich<\/div>\n <\/div>\n\n <!-- LEISTUNGEN -->\n <section id=\"leistungen\">\n <div class=\"section-label\">Was wir k\u00f6nnen<\/div>\n <h2 class=\"section-title\">Badsanierung & mehr \u2013 alles aus einer Hand<\/h2>\n <p class=\"section-sub\">Unser Schwerpunkt: das perfekte Badezimmer. Dazu alle weiteren Handwerksleistungen \u2013 w\u00e4hlen Sie einfach aus.<\/p>\n\n <div class=\"srv-tabs\" id=\"srvTabs\">\n <div class=\"srv-tab active\" data-tab=\"0\"><span class=\"srv-tab-icon\">\ud83d\udec1<\/span><span class=\"srv-tab-label\">Bad­sanierung<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"1\"><span class=\"srv-tab-icon\">\ud83c\udfe0<\/span><span class=\"srv-tab-label\">Schl\u00fcssel­fertig<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"2\"><span class=\"srv-tab-icon\">\ud83d\udd28<\/span><span class=\"srv-tab-label\">Umbau­arbeiten<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"3\"><span class=\"srv-tab-icon\">\ud83e\ude9f<\/span><span class=\"srv-tab-label\">Fenster & T\u00fcren<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"4\"><span class=\"srv-tab-icon\">\ud83c\udfd7\ufe0f<\/span><span class=\"srv-tab-label\">Maurer & Putz<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"5\"><span class=\"srv-tab-icon\">\ud83e\uddf1<\/span><span class=\"srv-tab-label\">Trockenbau<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"6\"><span class=\"srv-tab-icon\">\ud83c\udfd8\ufe0f<\/span><span class=\"srv-tab-label\">Innen­ausbau<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"7\"><span class=\"srv-tab-icon\">\ud83e\udeb5<\/span><span class=\"srv-tab-label\">Boden­bel\u00e4ge<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"8\"><span class=\"srv-tab-icon\">\ud83d\udd8c\ufe0f<\/span><span class=\"srv-tab-label\">Maler­arbeiten<\/span><\/div>\n <div class=\"srv-tab\" data-tab=\"9\"><span class=\"srv-tab-icon\">\ud83d\udd32<\/span><span class=\"srv-tab-label\">Spachtel­arbeiten<\/span><\/div>\n <\/div>\n\n <div id=\"srvPanels\">\n <!-- 0: BADSANIERUNG -->\n <div class=\"srv-panel active\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-776.png\" alt=\"Badsanierung Bremen\" \/>\n <div class=\"srv-content\">\n <h3>Badsanierung \u2013 Ihr Traumbad aus einer Hand<\/h3>\n <p>Vom veralteten Bad zum modernen Wohlf\u00fchlbad: Wir sanieren Ihr Badezimmer komplett \u2013 Fliesen, Sanit\u00e4r, Trockenbau und Abdichtung. Alles aus einer Hand, zum Festpreis.<\/p>\n <ul class=\"srv-points\">\n <li>Komplette Badsanierung \u2013 von der Planung bis zur \u00dcbergabe<\/li>\n <li>Fliesen in allen Formaten, exakt verlegt<\/li>\n <li>Dusche, Badewanne, Waschbecken, WC \u2013 alles neu<\/li>\n <li>Wasserdichte Abdichtung & saubere Silikonfugen<\/li>\n <li>Festpreisgarantie \u2013 keine versteckten Kosten<\/li>\n <\/ul>\n <div style=\"display:flex;gap:12px;flex-wrap:wrap;align-items:center;\">\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <a href=\"#badplaner\" class=\"btn-badrechner\">\ud83d\udec1 Zum Badplaner<\/a>\n <\/div>\n <\/div>\n <\/div>\n <!-- 1: SCHL\u00dcSSELFERTIG -->\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-775.png\" alt=\"Schl\u00fcsselfertige Renovierung\" \/>\n <div class=\"srv-content\">\n <h3>Schl\u00fcsselfertige Renovierung & Sanierung<\/h3>\n <p>Komplette Renovierung aus einer Hand \u2013 von der ersten Beratung bis zur Schl\u00fcssel\u00fcbergabe. Wir planen, koordinieren und realisieren Ihr Projekt ohne Stress f\u00fcr Sie.<\/p>\n <ul class=\"srv-points\">\n <li>Komplette Projektplanung und -koordination<\/li>\n <li>Alle Gewerke aus einer Hand<\/li>\n <li>Transparente Festpreise \u2013 keine versteckten Kosten<\/li>\n <li>Pers\u00f6nlicher Ansprechpartner vom Anfang bis Ende<\/li>\n <li>Kurze Bauzeiten durch eingespieltes Team<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <!-- 2: UMBAU -->\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-772.png\" alt=\"Umbauarbeiten\" \/>\n <div class=\"srv-content\">\n <h3>Umbauarbeiten aller Art<\/h3>\n <p>W\u00e4nde versetzen, Grundrisse \u00f6ffnen, neue Raumaufteilungen schaffen \u2013 wir machen Ihre vier W\u00e4nde zu dem, was Sie sich vorstellen.<\/p>\n <ul class=\"srv-points\">\n <li>W\u00e4nde einrei\u00dfen und neu aufbauen<\/li>\n <li>Grundrissver\u00e4nderungen und Raumoptimierungen<\/li>\n <li>Tragende und nicht-tragende W\u00e4nde<\/li>\n <li>Statisch gepr\u00fcfte Ausf\u00fchrung<\/li>\n <li>Saubere und termingerechte Durchf\u00fchrung<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-770.png\" alt=\"Fenster und T\u00fcren\" \/>\n <div class=\"srv-content\">\n <h3>Lieferung & Montage von Fenstern und T\u00fcren<\/h3>\n <p>Neue Fenster und T\u00fcren steigern Wohnkomfort, Energieeffizienz und Sicherheit. Wir liefern und montieren fachgerecht \u2013 vom Ausmessen bis zum fertigen Einbau.<\/p>\n <ul class=\"srv-points\">\n <li>Aufma\u00df und Beratung vor Ort<\/li>\n <li>Lieferung und professionelle Montage<\/li>\n <li>Innen- und Au\u00dfent\u00fcren, Haust\u00fcren<\/li>\n <li>W\u00e4rmed\u00e4mmende Fensterl\u00f6sungen<\/li>\n <li>Saubere Verfugung und Abschlussarbeiten<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-771.png\" alt=\"Maurer- und Putzarbeiten\" \/>\n <div class=\"srv-content\">\n <h3>Maurer- & Putzarbeiten<\/h3>\n <p>Professionelle Maurer- und Verputzarbeiten f\u00fcr langlebige und optisch einwandfreie Ergebnisse \u2013 innen wie au\u00dfen, f\u00fcr Neubauten und Sanierungen.<\/p>\n <ul class=\"srv-points\">\n <li>Innenw\u00e4nde und Au\u00dfenfassaden verputzen<\/li>\n <li>Mauern und Betonarbeiten<\/li>\n <li>Ausbesserung und Reparatur bestehender Putzfl\u00e4chen<\/li>\n <li>W\u00e4rmed\u00e4mm-Verbundsysteme (WDVS)<\/li>\n <li>Glatte Oberfl\u00e4chen als Malervorbereitung<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-773.png\" alt=\"Trockenbau\" \/>\n <div class=\"srv-content\">\n <h3>Trockenbau<\/h3>\n <p>Schnell, sauber und flexibel: Trockenbauw\u00e4nde und -decken erm\u00f6glichen neue Raumstrukturen ohne gro\u00dfen Aufwand \u2013 ideal f\u00fcr Renovierungen und Modernisierungen.<\/p>\n <ul class=\"srv-points\">\n <li>St\u00e4nderw\u00e4nde aus Gipskarton<\/li>\n <li>Untergeh\u00e4ngte Decken und Akustikdecken<\/li>\n <li>Schallschutzw\u00e4nde und Installationsebenen<\/li>\n <li>Vorsatzschalen und Nischen<\/li>\n <li>Schnelle Ausf\u00fchrung mit minimalem Schmutz<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-774.png\" alt=\"Innenausbau\" \/>\n <div class=\"srv-content\">\n <h3>Innenausbau & Dachgeschossausbau<\/h3>\n <p>Schlummerndes Potenzial wecken: Wir bauen Dachgeschosse und Innenr\u00e4ume vollst\u00e4ndig aus und schaffen neue, hochwertig ausgestattete Wohnfl\u00e4chen.<\/p>\n <ul class=\"srv-points\">\n <li>Kompletter Dachgeschossausbau<\/li>\n <li>D\u00e4mmung, Trockenbau, Estrich<\/li>\n <li>Elektro- und Sanit\u00e4rvorbereitung<\/li>\n <li>Bodenbel\u00e4ge, Malerarbeiten, Fliesen<\/li>\n <li>Alles aus einer Hand \u2013 schl\u00fcsselfertig<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <!-- 7: BODENBEL\u00c4GE -->\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-777.png\" alt=\"Bodenbel\u00e4ge\" \/>\n <div class=\"srv-content\">\n <h3>Bodenbelagsarbeiten inkl. Parkett<\/h3>\n <p>Der Boden setzt den Ton f\u00fcr den gesamten Raum. Wir verlegen alle Arten von Bodenbel\u00e4gen \u2013 von klassischem Parkett bis modernem Vinyl \u2013 sauber und fachgerecht.<\/p>\n <ul class=\"srv-points\">\n <li>Parkett schleifen und verlegen<\/li>\n <li>Laminat und Vinylb\u00f6den<\/li>\n <li>Teppich und Designbel\u00e4ge<\/li>\n <li>Estrichvorarbeiten und Untergrundpr\u00fcfung<\/li>\n <li>\u00dcberg\u00e4nge und Sockelleisten<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-778.png\" alt=\"Malerarbeiten\" \/>\n <div class=\"srv-content\">\n <h3>S\u00e4mtliche Malerarbeiten<\/h3>\n <p>Frische Farbe ver\u00e4ndert jeden Raum. Wir streichen, tapezieren und lackieren \u2013 f\u00fcr einen makellosen, sauberen Abschluss bei jedem Projekt.<\/p>\n <ul class=\"srv-points\">\n <li>Innenraumstreichen und Tapezieren<\/li>\n <li>Lackieren von T\u00fcren, Fenster und Heizk\u00f6rpern<\/li>\n <li>Spachteln als Vorbereitung<\/li>\n <li>Strukturputze und Kreativtechniken<\/li>\n <li>Saubere Abklebearbeiten und kein Schmutz<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"srv-panel\">\n <img decoding=\"async\" class=\"srv-img\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-779.png\" alt=\"Spachtelarbeiten\" \/>\n <div class=\"srv-content\">\n <h3>Spachtelarbeiten<\/h3>\n <p>Glatte, ebene Wandoberfl\u00e4chen sind die Basis f\u00fcr jedes hochwertige Finish. Unsere Spachtelarbeiten sorgen f\u00fcr makellose Oberfl\u00e4chen \u2013 als Vorbereitung oder als eigenst\u00e4ndige Leistung.<\/p>\n <ul class=\"srv-points\">\n <li>Feinspachtelung von W\u00e4nden und Decken<\/li>\n <li>Unebenheiten und Risse beseitigen<\/li>\n <li>Vorbereitung f\u00fcr Malerarbeiten<\/li>\n <li>Altbausanierung und Neuputzfl\u00e4chen<\/li>\n <li>Hochglatte Q3\/Q4-Oberfl\u00e4chen m\u00f6glich<\/li>\n <\/ul>\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt anfragen \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BADPLANER BANNER -->\n <div class=\"badrechner-banner\" id=\"badplaner\">\n <div class=\"badrechner-left\">\n <div class=\"section-label\">Ihr neues Traumbad wartet<\/div>\n <h2>Planen Sie Ihr Badezimmer \u2013 kostenlos & unverbindlich.<\/h2>\n <p>Mit unserem Badplaner gestalten Sie Ihr neues Bad in wenigen Minuten: Stil, Ausstattung, Fliesen \u2013 alles nach Ihren W\u00fcnschen. Wir setzen es um.<\/p>\n <\/div>\n <div class=\"badrechner-right\">\n <a href=\"#badplaner\" class=\"btn-badrechner-big\">\n <span class=\"badrechner-icon-wrap\">\ud83d\udec1<\/span>\n Jetzt Bad planen \u2192\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u00dcBER UNS -->\n <section id=\"ueber-uns\">\n <div class=\"about-inner\">\n <div>\n <div class=\"section-label\">Warum Valentino Bau<\/div>\n <h2 class=\"section-title\">Qualit\u00e4t, die man sieht \u2013 und f\u00fchlt<\/h2>\n <p class=\"section-sub\">Kein versteckter Stress, keine \u00dcberraschungen auf der Rechnung \u2013 nur saubere Handwerksarbeit, die begeistert.<\/p>\n <div class=\"about-features\">\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83d\udcb6<\/div>\n <div class=\"about-feature-text\">\n <h4>Festpreis \u2013 keine b\u00f6sen \u00dcberraschungen<\/h4>\n <p>Transparentes Angebot vorab. Der Preis bleibt, was er ist.<\/p>\n <\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83e\udd1d<\/div>\n <div class=\"about-feature-text\">\n <h4>Ein Ansprechpartner. Alles geregelt.<\/h4>\n <p>Ein Ansprechpartner, alle Gewerke, kein Stress f\u00fcr Sie.<\/p>\n <\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\u26a1<\/div>\n <div class=\"about-feature-text\">\n <h4>Klare Abl\u00e4ufe. Kurze Bauzeiten.<\/h4>\n <p>Regionales Partnernetzwerk f\u00fcr kurze, zuverl\u00e4ssige Bauzeiten.<\/p>\n <\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83c\udfc6<\/div>\n <div class=\"about-feature-text\">\n <h4>Jede Bewertung \u2013 5 von 5 Sternen<\/h4>\n <p>40 Kunden, 40 Mal begeistert. Das ist unser Versprechen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-cta-row\">\n <a href=\"#kontakt\" class=\"btn-primary\">Jetzt kostenlos anfragen \u2192<\/a>\n <span class=\"about-cta-note\">Antwort innerhalb von 24h<\/span>\n <\/div>\n <\/div>\n <div class=\"about-visual\">\n <div class=\"google-rating-card\">\n <div class=\"google-logo\">G<\/div>\n <div class=\"google-rating-info\">\n <strong>5,0<\/strong>\n <div class=\"google-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <span class=\"google-sub\">Basierend auf 40 Google-Rezensionen<\/span>\n <\/div>\n <\/div>\n <div class=\"review-cards\">\n <div class=\"review-card\">\n <span class=\"review-quote\">\"<\/span>\n <div class=\"review-card-header\">\n <div class=\"review-avatar\" style=\"background:#e8702a;\">MK<\/div>\n <div class=\"review-meta\"><strong>Michael K.<\/strong><span>vor 2 Monaten \u00b7 Google<\/span><\/div>\n <\/div>\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">Absolut professionelle Arbeit! Schnell, sauber und zu einem fairen Preis. Valentino Bau hat unser Bad komplett saniert \u2013 wir sind begeistert!<\/div>\n <\/div>\n <div class=\"review-card\">\n <span class=\"review-quote\">\"<\/span>\n <div class=\"review-card-header\">\n <div class=\"review-avatar\" style=\"background:#2d6a4f;\">SR<\/div>\n <div class=\"review-meta\"><strong>Sandra R.<\/strong><span>vor 3 Monaten \u00b7 Google<\/span><\/div>\n <\/div>\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">P\u00fcnktlich, sorgf\u00e4ltig und immer erreichbar. Die Renovierung lief reibungslos und das Ergebnis \u00fcbertrifft unsere Erwartungen. Sehr empfehlenswert!<\/div>\n <\/div>\n <div class=\"review-card\">\n <span class=\"review-quote\">\"<\/span>\n <div class=\"review-card-header\">\n <div class=\"review-avatar\" style=\"background:#1d3557;\">TH<\/div>\n <div class=\"review-meta\"><strong>Thomas H.<\/strong><span>vor 1 Monat \u00b7 Google<\/span><\/div>\n <\/div>\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">Festpreis eingehalten, Termin eingehalten, Qualit\u00e4t top. Was will man mehr? Wir werden Valentino Bau definitiv weiterempfehlen.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TEAM -->\n <section id=\"team\">\n <div class=\"section-label\">Das Team hinter Valentino Bau<\/div>\n <h2 class=\"section-title\">Handwerk mit Leidenschaft \u2013 seit Jahren in Bremen<\/h2>\n <p class=\"section-sub\" style=\"margin-bottom:52px;\">Wir sind kein anonymes Unternehmen. Hinter jedem Projekt steckt ein Team, das wirklich f\u00fcr sein Handwerk brennt.<\/p>\n <div class=\"team-grid\">\n <div class=\"team-img-wrap\">\n <div class=\"team-img-placeholder\">\n <img decoding=\"async\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-780.png\" alt=\"Gesch\u00e4ftsf\u00fchrer\" style=\"width:100%;display:block;\" \/>\n <\/div>\n <div class=\"team-exp-badge\">\n <strong>10+<\/strong>\n <span>Jahre Erfahrung<\/span>\n <\/div>\n <\/div>\n <div class=\"team-content\">\n <div class=\"team-quote\">\n <span class=\"team-quote-mark\">\"<\/span>\n <p>F\u00fcr mich ist jedes Projekt mehr als nur ein Auftrag. Ich m\u00f6chte, dass meine Kunden am Ende wirklich begeistert sind \u2013 nicht nur zufrieden. Das ist der Anspruch, den ich an mich und mein Team stelle, bei jedem einzelnen Handgriff.<\/p>\n <div class=\"team-quote-author\">\n <div class=\"team-quote-avatar\">SR<\/div>\n <div class=\"team-quote-name\">\n <strong>Sergjan Rexhepi<\/strong>\n <span>Inhaber, Valentino Bau Bremen<\/span>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"font-size:.88rem;color:var(--muted);margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;\">Unsere Expertise<\/p>\n <div class=\"team-expertise\">\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Renovierung & Sanierung<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Fliesen & B\u00e4der<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Trockenbau & Innenausbau<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Bodenbel\u00e4ge & Parkett<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Maurer- & Putzarbeiten<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Fenster & T\u00fcren<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Malerarbeiten<\/div>\n <div class=\"team-expertise-item\"><span class=\"team-expertise-dot\"><\/span>Projektkoordination<\/div>\n <\/div>\n <div class=\"team-values\">\n <span class=\"team-value-tag\">\u2713 Festpreisgarantie<\/span>\n <span class=\"team-value-tag\">\u2713 P\u00fcnktlichkeit<\/span>\n <span class=\"team-value-tag\">\u2713 Sauberkeit<\/span>\n <span class=\"team-value-tag\">\u2713 Transparenz<\/span>\n <span class=\"team-value-tag\">\u2713 Qualit\u00e4t<\/span>\n <span class=\"team-value-tag\">\u2713 Zuverl\u00e4ssigkeit<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PROZESS -->\n <section id=\"prozess\">\n <div class=\"section-label\">So funktioniert's<\/div>\n <h2 class=\"section-title\">In 4 Schritten zu Ihrem Traumzuhause<\/h2>\n <p class=\"section-sub\">Einfach, transparent und ohne Stress \u2013 wir begleiten Sie vom ersten Gespr\u00e4ch bis zur fertigen \u00dcbergabe.<\/p>\n <div class=\"process-steps\">\n <div class=\"process-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-title\">Anfrage stellen<\/div>\n <div class=\"step-desc\">Kontaktieren Sie uns per Formular, Telefon oder E-Mail \u2013 kostenlos und unverbindlich.<\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-title\">Beratung & Besichtigung<\/div>\n <div class=\"step-desc\">Wir schauen uns Ihr Projekt an und beraten Sie zu den besten M\u00f6glichkeiten.<\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-title\">Angebot & Planung<\/div>\n <div class=\"step-desc\">Sie erhalten ein transparentes Festpreisangebot \u2013 keine versteckten Kosten.<\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-title\">Ausf\u00fchrung & \u00dcbergabe<\/div>\n <div class=\"step-desc\">Wir erledigen alles professionell und p\u00fcnktlich. Ergebnis: Ihr Projekt \u2013 perfekt fertig.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- KONTAKT -->\n <section id=\"kontakt\">\n <div class=\"section-label\">Jetzt starten<\/div>\n <h2 class=\"section-title\">Ihr Projekt startet mit einem kurzen Gespr\u00e4ch<\/h2>\n <p class=\"section-sub\">Kostenlos, unverbindlich und ohne Wartezeit \u2013 wir melden uns innerhalb von 24 Stunden bei Ihnen.<\/p>\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\">\ud83d\udcde<\/div>\n <div><h4>Telefon<\/h4><a href=\"tel:017660178717\">0176 60178717<\/a><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\">\ud83d\udccd<\/div>\n <div><h4>Adresse<\/h4><p>Woltmershauser Str. 510a<br \/>28197 Bremen<\/p><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\">\ud83d\udd50<\/div>\n <div><h4>\u00d6ffnungszeiten<\/h4><p>Montag \u2013 Freitag: 08:00 \u2013 14:00 Uhr<\/p><\/div>\n <\/div>\n <div class=\"contact-next-steps\">\n <h4>Was passiert nach Ihrer Anfrage?<\/h4>\n <div class=\"next-step\">\n <div class=\"next-step-num\">1<\/div>\n <div class=\"next-step-text\"><strong>Wir melden uns innerhalb von 24h<\/strong><span>Telefonisch oder per E-Mail \u2013 ganz wie Sie m\u00f6chten<\/span><\/div>\n <\/div>\n <div class=\"next-step\">\n <div class=\"next-step-num\">2<\/div>\n <div class=\"next-step-text\"><strong>Kostenlose Beratung & Besichtigung<\/strong><span>Wir kommen zu Ihnen und schauen uns das Projekt an<\/span><\/div>\n <\/div>\n <div class=\"next-step\">\n <div class=\"next-step-num\">3<\/div>\n <div class=\"next-step-text\"><strong>Festpreisangebot \u2013 transparent & klar<\/strong><span>Keine versteckten Kosten, kein Kleingedrucktes<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form\">\n <form>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Vorname<\/label><input type=\"text\" placeholder=\"Max\" \/><\/div>\n <div class=\"form-group\"><label>Nachname<\/label><input type=\"text\" placeholder=\"Mustermann\" \/><\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Telefon<\/label><input type=\"tel\" placeholder=\"0176 \u2026\" \/><\/div>\n <div class=\"form-group\"><label>E-Mail<\/label><input type=\"email\" placeholder=\"max@email.de\" \/><\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Welche Leistung?<\/label>\n <select>\n <option value=\"\">Bitte w\u00e4hlen \u2026<\/option>\n <option>Badsanierung<\/option>\n <option>Schl\u00fcsselfertige Renovierung<\/option>\n <option>Umbauarbeiten<\/option>\n <option>Maurer- & Putzarbeiten<\/option>\n <option>Trockenbau<\/option>\n <option>Fenster & T\u00fcren<\/option>\n <option>Bodenbelag \/ Parkett<\/option>\n <option>Innenausbau \/ Dachgeschossausbau<\/option>\n <option>Malerarbeiten<\/option>\n <option>Spachtelarbeiten<\/option>\n <option>Sonstiges<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Wann m\u00f6chten Sie starten?<\/label>\n <select>\n <option value=\"\">Bitte w\u00e4hlen \u2026<\/option>\n <option>So schnell wie m\u00f6glich<\/option>\n <option>In den n\u00e4chsten 4 Wochen<\/option>\n <option>In 1\u20133 Monaten<\/option>\n <option>In mehr als 3 Monaten<\/option>\n <option>Ich bin noch in der Planung<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Ihr Vorhaben (optional)<\/label>\n <textarea placeholder=\"Beschreiben Sie kurz was gemacht werden soll \u2013 je mehr Details, desto besser k\u00f6nnen wir Ihnen helfen \u2026\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"form-submit\">Jetzt kostenlose Beratung anfragen \u2192<\/button>\n <div class=\"form-trust\">\n <span class=\"form-trust-item\">Kein Spam<\/span>\n <span class=\"form-trust-item\">100% kostenlos & unverbindlich<\/span>\n <span class=\"form-trust-item\">Antwort innerhalb von 24h<\/span>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"footer-main\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/angry-jang.185-87-21-134.plesk.page\/wp-content\/uploads\/2026\/03\/Design-ohne-Titel-767.png\" alt=\"Valentino Bau Logo\" \/>\n <p>Ihr zuverl\u00e4ssiger Handwerksprofi in Bremen \u2013 von der schl\u00fcsselfertigen Renovierung bis zur einzelnen Handwerksarbeit. Alles aus einer Hand.<\/p>\n <div class=\"footer-contact-items\">\n <div class=\"footer-contact-item\"><span class=\"footer-contact-icon\">\ud83d\udccd<\/span><span>Woltmershauser Str. 510a, 28197 Bremen<\/span><\/div>\n <div class=\"footer-contact-item\"><span class=\"footer-contact-icon\">\ud83d\udcde<\/span><a href=\"tel:017660178717\">0176 60178717<\/a><\/div>\n <div class=\"footer-contact-item\"><span class=\"footer-contact-icon\">\ud83d\udd50<\/span><span>Mo \u2013 Fr: 09:00 \u2013 18:00 Uhr<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Leistungen<\/h4>\n <ul>\n <li><a href=\"#leistungen\">Badsanierung<\/a><\/li>\n <li><a href=\"#leistungen\">Schl\u00fcsselfertige Renovierung<\/a><\/li>\n <li><a href=\"#leistungen\">Umbauarbeiten<\/a><\/li>\n <li><a href=\"#leistungen\">Maurer- & Putzarbeiten<\/a><\/li>\n <li><a href=\"#leistungen\">Trockenbau<\/a><\/li>\n <li><a href=\"#leistungen\">Bodenbel\u00e4ge & Parkett<\/a><\/li>\n <li><a href=\"#leistungen\">Malerarbeiten<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigation<\/h4>\n <ul>\n <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#prozess\">Ablauf<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <li><a href=\"#badplaner\">Badplaner<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Bewertungen<\/h4>\n <div class=\"footer-badge\">\n <div class=\"footer-badge-text\">\n <strong>5,0 \/ 5,0 <span class=\"footer-badge-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/span><\/strong>\n <span>40 Google-Rezensionen<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2025 Valentino Bau \u2013 Das Rundum Sorglos Paket<\/p>\n <div class=\"footer-legal\">\n <a href=\"#\">Impressum<\/a>\n <a href=\"#\">Datenschutz<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ \u2500\u2500 Animated Counters \u2500\u2500\n const counters = document.querySelectorAll('.about-stat-number');\n const counterData = [\n { el: counters[0], target: 5.0, suffix: ',0', decimals: true },\n { el: counters[1], target: 40, suffix: '+', decimals: false },\n { el: counters[2], target: 10, suffix: '+', decimals: false },\n { el: counters[3], target: 100, suffix: '%', decimals: false },\n ];\n let counted = false;\n const statsBar = document.querySelector('.about-stats-bar');\n const runCounters = () => {\n if (counted) return;\n counted = true;\n counterData.forEach(({ el, target, suffix, decimals }) => {\n let start = 0;\n const duration = 1400;\n const step = 16;\n const increment = target \/ (duration \/ step);\n const timer = setInterval(() => {\n start = Math.min(start + increment, target);\n el.textContent = decimals\n ? start.toFixed(1).replace('.', ',') + suffix\n : Math.floor(start) + suffix;\n if (start >= target) clearInterval(timer);\n }, step);\n });\n };\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting) runCounters();\n }, { threshold: 0.3 });\n if (statsBar) observer.observe(statsBar);\n\n \/\/ \u2500\u2500 Service Tabs \u2500\u2500\n const tabs = document.querySelectorAll('.srv-tab');\n const panels = document.querySelectorAll('.srv-panel');\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const idx = parseInt(tab.dataset.tab);\n tabs.forEach(t => t.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n tab.classList.add('active');\n panels[idx].classList.add('active');\n tab.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n });\n });\n\n \/\/ \u2500\u2500 Before \/ After Slider \u2500\u2500\n (function() {\n const slider = document.getElementById('heroSlider');\n if (!slider) return;\n const afterEl = slider.querySelector('.ba-after');\n const handle = slider.querySelector('.ba-handle');\n let dragging = false;\n\n function setPos(clientX) {\n const rect = slider.getBoundingClientRect();\n let pct = (clientX - rect.left) \/ rect.width;\n pct = Math.max(0.02, Math.min(0.98, pct));\n const p = pct * 100;\n afterEl.style.clipPath = `inset(0 ${100 - p}% 0 0)`;\n handle.style.left = p + '%';\n }\n\n slider.addEventListener('mousedown', (e) => { e.preventDefault(); dragging = true; setPos(e.clientX); });\n window.addEventListener('mousemove', (e) => { if (dragging) { e.preventDefault(); setPos(e.clientX); } });\n window.addEventListener('mouseup', () => { dragging = false; });\n slider.addEventListener('touchstart', (e) => { dragging = true; setPos(e.touches[0].clientX); }, { passive: true });\n window.addEventListener('touchmove', (e) => { if (dragging) setPos(e.touches[0].clientX); }, { passive: true });\n window.addEventListener('touchend', () => { dragging = false; });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Valentino Bau \u2013 Das Rundum Sorglos Paket | Bremen Leistungen \u00dcber uns Ablauf Jetzt anfragen \u2b50 5,0 \/ 5,0 \u00b7 40 Google-Bewertungen Renovierung die begeistert.Ohne Stress, ohne \u00dcberraschungen. Ihr Rundum-Sorglos-Paket in Bremen: Von der Komplettsanierung bis zur einzelnen Handwerksarbeit \u2013 alles aus einer Hand, zum Festpreis. \u2713 Kostenlose Beratung & Festpreisgarantie \u2713 Alle Gewerke aus […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":10,"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/333\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/angry-jang.185-87-21-134.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}