- Cursor-Effekt im Hero entfernt (Messfadenkreuz, Temperatur-Skala, Maus-Wärmespur); Wärmebild läuft nur noch ruhig im Hintergrund - Preloader, Laufbänder, Intro, Ablauf-Block, Kennzahlen, Footer-CTA, kursive Akzentwörter, Verlaufstext und Nummern-Pillen entfernt - Texte in allen Abschnitten deutlich gekürzt, schlichte Überschriften - Leistungen: auf Handy/Tablet wischbare Kärtchen mit Zähler und Pfeilen - Neue, zusammenhängende Illustrationen für die fünf Leistungs-Kärtchen - Heizungs-Finder ohne Prozent-Balken, kürzere Ergebnistexte - Energie-Haus: Tabs als Wischleiste am Handy, kein Autoplay - GSAP, ScrollTrigger, SplitText, Lenis und Instrument Serif entfernt - Barrierefreiheit: Kontrast, Fokusring, Fokus im Kartenstapel, Telefon-Button mit Namen, Menü sperrt Hintergrund - Cache-Busting (?v=20261004) für CSS und JS, README aktualisiert Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1407 lines
142 KiB
HTML
1407 lines
142 KiB
HTML
<!doctype html>
|
||
<html lang="de" class="no-js">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
<title>Olzinger Haustechnik – Heizung, Sanitär, Lüftung & Wärmepumpen in Ergolding bei Landshut</title>
|
||
<meta name="description" content="Ihr Fachbetrieb für Heizung, Sanitär, Lüftung und regenerative Heiztechnik in Ergolding bei Landshut. Wärmepumpen, Pelletheizungen, Solarthermie, Badsanierung und Kundendienst – seit 1985.">
|
||
<link rel="canonical" href="https://www.olzinger.de/">
|
||
<meta name="theme-color" content="#0B151E">
|
||
<meta name="format-detection" content="telephone=no">
|
||
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="de_DE">
|
||
<meta property="og:site_name" content="Olzinger Haustechnik">
|
||
<meta property="og:title" content="Olzinger Haustechnik – Wärme. Wasser. Luft.">
|
||
<meta property="og:description" content="Heizung, Sanitär, Lüftung und regenerative Heiztechnik aus Ergolding bei Landshut – seit 1985.">
|
||
<meta property="og:url" content="https://www.olzinger.de/">
|
||
<meta property="og:image" content="https://www.olzinger.de/assets/img/og-image.jpg">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
|
||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
|
||
<link rel="icon" href="assets/img/favicon-32.png" sizes="32x32" type="image/png">
|
||
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
|
||
<link rel="manifest" href="site.webmanifest">
|
||
|
||
<link rel="preload" href="assets/fonts/instrument-sans-var.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="stylesheet" href="assets/css/main.css?v=20261004">
|
||
|
||
<script>
|
||
/* Progressive Enhancement: ohne JS bleibt alles sichtbar. */
|
||
(function (d, w) {
|
||
var h = d.documentElement;
|
||
h.className = h.className.replace('no-js', 'js');
|
||
w.setTimeout(function () {
|
||
if (!w.__olzReady) { h.classList.remove('js'); h.classList.add('no-js'); }
|
||
}, 4500);
|
||
})(document, window);
|
||
</script>
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": ["HVACBusiness", "Plumber"],
|
||
"@id": "https://www.olzinger.de/#betrieb",
|
||
"name": "Olzinger GmbH",
|
||
"alternateName": "Olzinger Haustechnik",
|
||
"description": "Fachbetrieb für Heizung, Sanitär, Lüftung und regenerative Heiztechnik in Ergolding bei Landshut – seit 1985.",
|
||
"url": "https://www.olzinger.de/",
|
||
"logo": "https://www.olzinger.de/assets/img/logo.svg",
|
||
"image": "https://www.olzinger.de/assets/img/og-image.jpg",
|
||
"telephone": "+49 871 72617",
|
||
"faxNumber": "+49 871 74963",
|
||
"email": "kontakt@olzinger.de",
|
||
"foundingDate": "1985",
|
||
"founder": { "@type": "Person", "name": "Richard Olzinger" },
|
||
"numberOfEmployees": { "@type": "QuantitativeValue", "value": 25 },
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "Ahornstraße 112",
|
||
"postalCode": "84030",
|
||
"addressLocality": "Ergolding",
|
||
"addressRegion": "Bayern",
|
||
"addressCountry": "DE"
|
||
},
|
||
"areaServed": [
|
||
{ "@type": "City", "name": "Ergolding" },
|
||
{ "@type": "City", "name": "Landshut" },
|
||
{ "@type": "AdministrativeArea", "name": "Landkreis Landshut" }
|
||
],
|
||
"openingHoursSpecification": [
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday"], "opens": "07:00", "closes": "12:00" },
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday"], "opens": "13:00", "closes": "16:30" },
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "07:00", "closes": "11:30" }
|
||
],
|
||
"knowsAbout": ["Wärmepumpe", "Pelletheizung", "Solarthermie", "Gas-Brennwerttechnik", "Fußbodenheizung", "Badsanierung", "Trinkwasserinstallation", "Kontrollierte Wohnraumlüftung"]
|
||
}
|
||
</script>
|
||
|
||
<script src="assets/js/thermal.js?v=20261004" defer></script>
|
||
<script src="assets/js/house.js?v=20261004" defer></script>
|
||
<script src="assets/js/finder.js?v=20261004" defer></script>
|
||
<script src="assets/js/contact.js?v=20261004" defer></script>
|
||
<script src="assets/js/main.js?v=20261004" defer></script>
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">Zum Inhalt springen</a>
|
||
|
||
<!-- Icon-Sprite -->
|
||
<svg class="sprite" aria-hidden="true" focusable="false">
|
||
<symbol id="i-arrow" viewBox="0 0 24 24"><path d="M4 12h15M13 6l6 6-6 6"/></symbol>
|
||
<symbol id="i-arrow-ur" viewBox="0 0 24 24"><path d="M7 17 17 7M9 7h8v8"/></symbol>
|
||
<symbol id="i-arrow-up" viewBox="0 0 24 24"><path d="M12 20V5M6 11l6-6 6 6"/></symbol>
|
||
<symbol id="i-arrow-left" viewBox="0 0 24 24"><path d="M20 12H5M11 6l-6 6 6 6"/></symbol>
|
||
<symbol id="i-phone" viewBox="0 0 24 24"><path d="M6.5 3.5h3l1.6 4.4-2.1 1.3a11.5 11.5 0 0 0 5.8 5.8l1.3-2.1 4.4 1.6v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2z"/></symbol>
|
||
<symbol id="i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="m4 7 8 6 8-6"/></symbol>
|
||
<symbol id="i-pin" viewBox="0 0 24 24"><path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z"/><circle cx="12" cy="10" r="2.4"/></symbol>
|
||
<symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M12 7.5V12l3 2"/></symbol>
|
||
<symbol id="i-check" viewBox="0 0 24 24"><path d="m5 12.5 4.2 4.2L19 7"/></symbol>
|
||
<symbol id="i-flame" viewBox="0 0 24 24"><path d="M12 2.8c.6 3.6 5.2 5.6 5.2 10.6a5.2 5.2 0 0 1-10.4 0c0-2.4 1.3-3.9 2.4-5 .2 1.7 1.1 2.8 2.3 2.8-.1-3.4.1-5.9.5-8.4z"/></symbol>
|
||
<symbol id="i-drop" viewBox="0 0 24 24"><path d="M12 3s6.2 6.6 6.2 11.2a6.2 6.2 0 0 1-12.4 0C5.8 9.6 12 3 12 3z"/></symbol>
|
||
<symbol id="i-wind" viewBox="0 0 24 24"><path d="M3 9h11.5a2.75 2.75 0 1 0-2.75-2.75M3 15h14.5a2.75 2.75 0 1 1-2.75 2.75M3 12h8"/></symbol>
|
||
<symbol id="i-sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4"/></symbol>
|
||
<symbol id="i-leaf" viewBox="0 0 24 24"><path d="M5 19.5C5 11 10 5 20 4.5c.2 10-5.6 15-13.6 15"/><path d="M5 19.5c3.2-4.3 6.3-6.6 9.5-8"/></symbol>
|
||
<symbol id="i-heatpump" viewBox="0 0 24 24"><rect x="2.5" y="5" width="19" height="13" rx="2.5"/><circle cx="10" cy="11.5" r="3.8"/><path d="M10 9.2v4.6M7.8 11.5h4.4M16.5 8.5v6M19 8.5v6M5 18v2M19 18v2"/></symbol>
|
||
<symbol id="i-tank" viewBox="0 0 24 24"><rect x="7" y="2.5" width="10" height="19" rx="5"/><path d="M7 9h10M7 15h10"/></symbol>
|
||
<symbol id="i-floor" viewBox="0 0 24 24"><path d="M3 19h18M4 15.5c1.3 0 1.3-1.2 2.7-1.2s1.3 1.2 2.6 1.2 1.4-1.2 2.7-1.2 1.4 1.2 2.7 1.2 1.3-1.2 2.6-1.2 1.4 1.2 2.7 1.2M8 10.5c-.8-1 .8-2 0-3s.8-2 0-3M12 10.5c-.8-1 .8-2 0-3s.8-2 0-3M16 10.5c-.8-1 .8-2 0-3s.8-2 0-3"/></symbol>
|
||
<symbol id="i-shower" viewBox="0 0 24 24"><path d="M5 21V7.5A3.5 3.5 0 0 1 12 7.5V8"/><path d="M8.5 8h7a3.5 3.5 0 0 0-7 0zM10 12v.5M12.5 13v.5M15 12v.5M17.5 13v.5M11.2 15.8v.5M13.8 16.6v.5M16.3 15.8v.5"/></symbol>
|
||
<symbol id="i-gauge" viewBox="0 0 24 24"><path d="M4.6 17.5a8.5 8.5 0 1 1 14.8 0"/><path d="m12 13.5 3.6-4.2"/><circle cx="12" cy="13.5" r="1.2"/></symbol>
|
||
<symbol id="i-radiator" viewBox="0 0 24 24"><rect x="3.5" y="5" width="3.4" height="14" rx="1.7"/><rect x="8.4" y="5" width="3.4" height="14" rx="1.7"/><rect x="13.3" y="5" width="3.4" height="14" rx="1.7"/><rect x="18.2" y="5" width="2.6" height="14" rx="1.3"/></symbol>
|
||
<symbol id="i-house-new" viewBox="0 0 24 24"><path d="M3.5 11.5 11 5l7.5 6.5V20h-15z"/><path d="M9 20v-5h4v5"/><path d="M19.5 2.5v4M17.5 4.5h4"/></symbol>
|
||
<symbol id="i-house-good" viewBox="0 0 24 24"><path d="M3 11.5 12 4l9 7.5V20H3z"/><path d="M6.2 12.8 12 8l5.8 4.8V17H6.2z"/></symbol>
|
||
<symbol id="i-house-old" viewBox="0 0 24 24"><path d="M3 12.5 10 6.5l7 6V20H3z"/><path d="M19.5 9.5c-.9-1 .9-2 0-3M21.5 14c-.9-1 .9-2 0-3M19.5 18.5c-.9-1 .9-2 0-3"/></symbol>
|
||
<symbol id="i-mix" viewBox="0 0 24 24"><path d="M3 19.5h18M3.5 16.5c1.1 0 1.1-1 2.2-1s1.1 1 2.2 1 1.1-1 2.2-1"/><rect x="13" y="5" width="2.8" height="10" rx="1.4"/><rect x="17.2" y="5" width="2.8" height="10" rx="1.4"/></symbol>
|
||
<symbol id="i-box" viewBox="0 0 24 24"><path d="M4 8.5 12 4l8 4.5v9L12 22l-8-4.5z"/><path d="M4 8.5 12 13l8-4.5M12 13v9"/></symbol>
|
||
<symbol id="i-no" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="m6 6 12 12"/></symbol>
|
||
<symbol id="i-roof-sun" viewBox="0 0 24 24"><path d="M2.5 20.5 11 12l8.5 8.5"/><path d="M6 16.5 11 12"/><circle cx="17.5" cy="6.5" r="2.7"/><path d="M17.5 1.6v1.1M22.4 6.5h-1.1M21 3l-.8.8M14 3l.8.8"/></symbol>
|
||
<symbol id="i-cloud" viewBox="0 0 24 24"><path d="M7 18.5h10a4 4 0 0 0 .4-8 5.5 5.5 0 0 0-10.6 1.6A3.3 3.3 0 0 0 7 18.5z"/></symbol>
|
||
<symbol id="i-cap" viewBox="0 0 24 24"><path d="m2.5 9 9.5-4.5L21.5 9 12 13.5z"/><path d="M6.5 11v4.5c0 1.4 2.5 3 5.5 3s5.5-1.6 5.5-3V11M21.5 9v5"/></symbol>
|
||
<symbol id="i-wrench" viewBox="0 0 24 24"><path d="M15.6 3.6a5 5 0 0 0-5.3 6.7L3.8 16.8a2.1 2.1 0 0 0 3 3l6.5-6.5a5 5 0 0 0 6.7-5.3l-3 3-2.6-.6-.6-2.6z"/></symbol>
|
||
<symbol id="i-restart" viewBox="0 0 24 24"><path d="M4 12a8 8 0 1 0 2.4-5.7M4 4v4.5h4.5"/></symbol>
|
||
</svg>
|
||
|
||
<!-- Navigation -->
|
||
<header class="nav" data-nav>
|
||
<div class="nav__bar">
|
||
<a class="logo" href="#top" aria-label="Olzinger Haustechnik – zum Seitenanfang">
|
||
<svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
|
||
<defs>
|
||
<linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0">
|
||
<stop offset="0" stop-color="#2E9BEF"/>
|
||
<stop offset=".55" stop-color="#C2456B"/>
|
||
<stop offset="1" stop-color="#FF6A2B"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
|
||
<circle cx="20" cy="20" r="3.4" fill="currentColor"/>
|
||
</svg>
|
||
<span class="logo__text"><span class="logo__word">Olzinger</span><span class="logo__sub">Haustechnik</span></span>
|
||
</a>
|
||
|
||
<nav class="nav__links" aria-label="Hauptnavigation">
|
||
<a href="#leistungen" data-nav-link>Leistungen</a>
|
||
<a href="#energie-haus" data-nav-link>Energie-Haus</a>
|
||
<a href="#heizungs-finder" data-nav-link>Heizungs-Finder</a>
|
||
<a href="#ueber-uns" data-nav-link>Über uns</a>
|
||
<a href="#karriere" data-nav-link>Karriere</a>
|
||
</nav>
|
||
|
||
<div class="nav__actions">
|
||
<a class="nav__phone" href="tel:+4987172617" aria-label="Anrufen: 0871 72617">
|
||
<svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>
|
||
<span>0871 72617</span>
|
||
</a>
|
||
<a class="btn btn--sm btn--warm" href="#kontakt">
|
||
<span class="btn__label">Anfrage stellen</span>
|
||
</a>
|
||
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="menu" data-menu-toggle>
|
||
<span class="nav__toggle-lines" aria-hidden="true"><i></i><i></i></span>
|
||
<span class="sr-only">Menü öffnen</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Mobiles Menü -->
|
||
<div class="menu" id="menu" data-menu hidden>
|
||
<nav class="menu__links" aria-label="Mobile Navigation">
|
||
<a href="#leistungen">Leistungen</a>
|
||
<a href="#energie-haus">Energie-Haus</a>
|
||
<a href="#heizungs-finder">Heizungs-Finder</a>
|
||
<a href="#ueber-uns">Über uns</a>
|
||
<a href="#karriere">Karriere</a>
|
||
<a href="#kontakt">Kontakt</a>
|
||
</nav>
|
||
<div class="menu__foot">
|
||
<a href="tel:+4987172617"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>0871 72617</a>
|
||
<a href="mailto:kontakt@olzinger.de"><svg class="icon" aria-hidden="true"><use href="#i-mail"/></svg>kontakt@olzinger.de</a>
|
||
<p class="status status--dark" data-status><span class="status__dot" aria-hidden="true"></span><span class="status__text">Mo–Do 7–16:30 Uhr · Fr 7–11:30 Uhr</span></p>
|
||
</div>
|
||
</div>
|
||
|
||
<main id="main">
|
||
|
||
<!-- ============ HERO ============ -->
|
||
<section class="hero" id="top" aria-label="Einleitung" data-hero>
|
||
<canvas class="hero__canvas" aria-hidden="true" data-thermal></canvas>
|
||
<div class="hero__shade" aria-hidden="true"></div>
|
||
|
||
<div class="container hero__inner">
|
||
<h1 class="hero__title">
|
||
<span class="sr-only">Olzinger Haustechnik: </span>
|
||
<span class="hero__line"><span class="hero__word">Wärme<i class="hero__dot hero__dot--warm"></i></span></span>
|
||
<span class="hero__line"><span class="hero__word">Wasser<i class="hero__dot hero__dot--cool"></i></span></span>
|
||
<span class="hero__line"><span class="hero__word">Luft<i class="hero__dot hero__dot--air"></i></span></span>
|
||
</h1>
|
||
<div class="hero__aside" data-hero-fade>
|
||
<p class="hero__lead">Heizung, Sanitär und Lüftung vom Fachbetrieb aus Ergolding – seit 1985.</p>
|
||
<div class="hero__ctas">
|
||
<a class="btn btn--light" href="#kontakt">
|
||
<span class="btn__label">Anfrage stellen</span>
|
||
<span class="btn__icon" aria-hidden="true"><svg class="icon"><use href="#i-arrow"/></svg></span>
|
||
</a>
|
||
<a class="btn btn--ghost btn--ghost-light" href="tel:+4987172617">
|
||
<svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>
|
||
<span class="btn__label">0871 72617</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container hero__bottom" data-hero-fade>
|
||
<p class="status status--dark" data-status><span class="status__dot" aria-hidden="true"></span><span class="status__text">Mo–Do 7–16:30 Uhr · Fr 7–11:30 Uhr</span></p>
|
||
<p class="hero__place">Ahornstraße 112 · Ergolding</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ LEISTUNGEN ============ -->
|
||
<section class="services sheet" id="leistungen" aria-labelledby="services-title">
|
||
<div class="container">
|
||
<header class="section-head">
|
||
<p class="label" data-reveal>Leistungen</p>
|
||
<h2 class="h1" id="services-title" data-reveal>Was wir für Sie machen</h2>
|
||
</header>
|
||
|
||
<div class="stack" data-stack>
|
||
|
||
<!-- 01 Regenerativ -->
|
||
<article class="svc svc--eco" style="--i:0" id="regenerativ">
|
||
<div class="svc__inner">
|
||
<div class="svc__body">
|
||
<h3 class="svc__title"><svg class="icon" aria-hidden="true"><use href="#i-leaf"/></svg>Regenerative Heiztechnik</h3>
|
||
<p class="svc__text">Wärmepumpe, Pellets oder Solarthermie: Wir finden das passende System für Ihr Haus – inklusive Förderberatung.</p>
|
||
<ul class="svc__list">
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Luft- & Sole-Wärmepumpen</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Pelletheizungen</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Solarthermie</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Hybridsysteme & Pufferspeicher</li>
|
||
</ul>
|
||
<div class="svc__foot">
|
||
<a class="link-arrow" href="#kontakt" data-topic="Heizung & Wärmepumpe">Beratung anfragen <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="svc__art">
|
||
<svg class="art" viewBox="0 0 480 400" aria-hidden="true" focusable="false">
|
||
<defs>
|
||
<pattern id="eco-hatch" width="7" height="7" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="7" height="7" fill="#16263A"/><path d="M0 0V7" stroke="#fff" stroke-opacity=".07" stroke-width="1"/></pattern>
|
||
<pattern id="eco-soil" width="16" height="12" patternUnits="userSpaceOnUse"><rect width="16" height="12" fill="#0D1821"/><circle cx="3" cy="3" r=".9" fill="#fff" fill-opacity=".07"/><circle cx="11" cy="9" r=".9" fill="#fff" fill-opacity=".05"/></pattern>
|
||
<pattern id="eco-ins" x="232" width="12" height="9" patternUnits="userSpaceOnUse"><rect width="12" height="9" fill="#1B2C40"/><path d="M0 0L12 4.5L0 9" fill="none" stroke="#fff" stroke-opacity=".13" stroke-width="1"/></pattern>
|
||
<linearGradient id="eco-case" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#E9E4DB"/><stop offset="1" stop-color="#CDC6BA"/></linearGradient>
|
||
<linearGradient id="eco-tank" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#C9C2B6"/><stop offset=".3" stop-color="#EFEBE4"/><stop offset=".65" stop-color="#DCD5CA"/><stop offset="1" stop-color="#A39B8F"/></linearGradient>
|
||
<linearGradient id="eco-cap" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#B4AC9F"/><stop offset=".3" stop-color="#DCD5CA"/><stop offset=".65" stop-color="#C6BFB3"/><stop offset="1" stop-color="#928A7E"/></linearGradient>
|
||
<linearGradient id="eco-roomg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#172A3F"/><stop offset="1" stop-color="#10202F"/></linearGradient>
|
||
<linearGradient id="eco-in" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="50" y2="0"><stop offset="0" stop-color="#8FC9F0" stop-opacity="0"/><stop offset=".55" stop-color="#8FC9F0"/></linearGradient>
|
||
<linearGradient id="eco-out" gradientUnits="userSpaceOnUse" x1="104" y1="0" x2="64" y2="0"><stop offset="0" stop-color="#3F8FD6" stop-opacity="0"/><stop offset="1" stop-color="#3F8FD6"/></linearGradient>
|
||
<linearGradient id="eco-ao" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="eco-aox" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<clipPath id="eco-clip"><rect width="480" height="400"/></clipPath>
|
||
<linearGradient id="eco-aor" x1="1" y1="0" x2="0" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".22"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
</defs>
|
||
<g transform="matrix(.9 0 0 .9 24 20)"><g clip-path="url(#eco-clip)">
|
||
<rect x="0" y="356" width="232" height="44" fill="url(#eco-soil)"/>
|
||
<rect x="276" y="90" width="204" height="246" fill="url(#eco-roomg)"/>
|
||
<path d="M276 54V44L352.3 0H480V54Z" fill="#132232"/>
|
||
<rect x="276" y="90" width="204" height="16" fill="url(#eco-ao)"/><rect x="276" y="90" width="16" height="246" fill="url(#eco-aox)"/><rect x="276" y="320" width="204" height="16" fill="url(#eco-ao)" transform="rotate(180 378 328)"/>
|
||
<rect x="276" y="336" width="204" height="10" fill="#203449"/>
|
||
<rect x="276" y="346" width="204" height="6" fill="#283D55"/>
|
||
<rect x="276" y="374" width="204" height="26" fill="url(#eco-soil)"/>
|
||
<path d="M276 336H480" stroke="#4A6280" stroke-width="1.5"/>
|
||
<rect x="276" y="54" width="204" height="12" fill="#273D56"/>
|
||
<rect x="276" y="66" width="204" height="4" fill="#2B4159"/>
|
||
<path d="M276 54H480" stroke="#4A6280" stroke-width="1.5"/>
|
||
<g stroke="#13202E" stroke-width=".9"><g fill="#FF6A2B"><circle cx="290" cy="60.5" r="2.8"/><circle cx="322" cy="60.5" r="2.8"/><circle cx="354" cy="60.5" r="2.8"/><circle cx="386" cy="60.5" r="2.8"/><circle cx="418" cy="60.5" r="2.8"/></g><g fill="#2E9BEF"><circle cx="306" cy="60.5" r="2.8"/><circle cx="338" cy="60.5" r="2.8"/><circle cx="370" cy="60.5" r="2.8"/><circle cx="402" cy="60.5" r="2.8"/><circle cx="434" cy="60.5" r="2.8"/></g></g>
|
||
<path d="M244 400V62.5L276 44V70H480V90H276V352H480V374H276V400Z" fill="url(#eco-hatch)" stroke="#36506A" stroke-width="1.5" stroke-linejoin="round"/>
|
||
<path d="M232 400V69.4L244 62.5V400Z" fill="url(#eco-ins)"/>
|
||
<rect x="450" y="90" width="16" height="246" fill="url(#eco-aor)"/>
|
||
<path d="M466 0H480V400H466Z" fill="url(#eco-hatch)"/><path d="M466 0V54M466 90V336" stroke="#36506A" stroke-width="1.5"/>
|
||
<path d="M232 69.4V400" stroke="#C9D3DC" stroke-opacity=".4" stroke-width="1.6"/><path d="M231 326H245" stroke="#9AA8B5" stroke-width="1.6"/>
|
||
<path d="M0 356H232" stroke="#3A5068" stroke-width="2"/>
|
||
<path d="M146 119.1L352.3 0H317.6L146 99.1Z" fill="url(#eco-hatch)" stroke="#36506A" stroke-width="1.5" stroke-linejoin="round"/>
|
||
<path d="M136 105.8L136 97.3L136 93.7L155 86.4L155 82.8L174 75.4L174 71.8L193 64.4L193 60.8L212 53.5L212 49.9L231 42.5L231 38.9L250 31.5L250 27.9L269 20.5L269 16.9L288 9.6L288 6L307 -1.4L307 -5L326 -12.4L326 -3.9Z" fill="#4A302B"/>
|
||
<path d="M136.8 94.6L154 86.9M155.8 83.7L173 75.9M174.8 72.7L192 64.9M193.8 61.7L211 54M212.8 50.8L230 43M231.8 39.8L249 32M250.8 28.8L268 21M269.8 17.8L287 10.1M288.8 6.9L306 -0.9M307.8 -4.1L325 -11.9" stroke="#7C5446" stroke-width="1.4" stroke-linecap="round"/>
|
||
<path d="M136.7 96.9V95.9M155.7 86V85M174.7 75V74M193.7 64V63M212.7 53.1V52.1M231.7 42.1V41.1M250.7 31.1V30.1M269.7 20.1V19.1M288.7 9.2V8.2M307.7 -1.8V-2.8" stroke="#2C1C19" stroke-width="1.4"/>
|
||
<path d="M141 99.5H146.5V119.5H141Z" fill="#B9B1A4"/><path d="M141 99.5V119.5" stroke="#D9D2C7" stroke-width="1"/>
|
||
<path d="M141 103.5A10.5 10.5 0 0 1 120 103.5H122.6A7.9 7.9 0 0 0 138.4 103.5Z" fill="#AEBAC6"/><path d="M138.4 103.5A7.9 7.9 0 0 1 122.6 103.5Z" fill="#26323F"/>
|
||
<circle cx="121.3" cy="103.3" r="1.9" fill="#C9D3DC"/><path d="M141.2 101.5V106A11.6 11.6 0 0 1 130.5 115" fill="none" stroke="#9AA8B5" stroke-width="1.3"/>
|
||
<g fill="#56616C"><rect x="62" y="344" width="34" height="26"/><rect x="180" y="344" width="34" height="26"/></g><path d="M62 344.8H96M180 344.8H214" stroke="#7A8692" stroke-width="1.6"/><path d="M95 345V370M213 345V370" stroke="#46505A" stroke-width="2"/>
|
||
<g fill="#525D69"><ellipse cx="107.6" cy="352.6" rx="3.7" ry="2.3"/><ellipse cx="117.4" cy="353.2" rx="3.3" ry="2"/><ellipse cx="134.5" cy="352.6" rx="3.8" ry="2.3"/><ellipse cx="142.6" cy="352.8" rx="3.4" ry="2.1"/><ellipse cx="158.2" cy="353" rx="3.1" ry="1.9"/><ellipse cx="166.2" cy="352.8" rx="3.8" ry="2.4"/><ellipse cx="176.3" cy="353" rx="3.5" ry="2.2"/><ellipse cx="129.2" cy="349.4" rx="3.8" ry="2.3"/><ellipse cx="171.1" cy="349.3" rx="4.2" ry="2.6"/></g>
|
||
<g fill="#5D6874"><ellipse cx="104.1" cy="349.3" rx="3.4" ry="2.1"/><ellipse cx="121.4" cy="349.3" rx="3.8" ry="2.4"/><ellipse cx="154.2" cy="349.7" rx="4" ry="2.5"/><ellipse cx="162.7" cy="349.3" rx="3.6" ry="2.2"/></g>
|
||
<g fill="#6B7682"><ellipse cx="99.5" cy="352.7" rx="3.5" ry="2.2"/><ellipse cx="124.8" cy="352.7" rx="3.1" ry="1.9"/><ellipse cx="149.6" cy="353.1" rx="3.8" ry="2.4"/><ellipse cx="137.2" cy="349.5" rx="3.7" ry="2.3"/><ellipse cx="147" cy="349.3" rx="3.1" ry="1.9"/></g>
|
||
<g fill="#737E8A"><ellipse cx="111.8" cy="349.6" rx="4.2" ry="2.6"/></g>
|
||
<path d="M150 336V352" stroke="#2A3440" stroke-width="3"/>
|
||
<rect x="68" y="334" width="20" height="10" rx="1.5" fill="#26303B"/><rect x="186" y="334" width="20" height="10" rx="1.5" fill="#26303B"/>
|
||
<rect x="54" y="196" width="168" height="138" rx="4" fill="url(#eco-case)"/>
|
||
<path d="M215 199H222V330Q222 334 218 334H215Z" fill="#B9B1A4"/>
|
||
<path d="M54 323H222V330Q222 334 218 334H58Q54 334 54 330Z" fill="#A9A195"/><path d="M54 323H222" stroke="#C9C2B6" stroke-width="1"/>
|
||
<rect x="50" y="188" width="176" height="11" rx="3" fill="#F3F0EA"/><path d="M52 199H224" stroke="#A9A195" stroke-width="1.4"/>
|
||
<path d="M55.2 201V322" stroke="#fff" stroke-opacity=".55" stroke-width="1"/>
|
||
<g fill="#9C9589"><circle cx="60" cy="205" r="1.3"/><circle cx="178" cy="205" r="1.3"/><circle cx="60" cy="316" r="1.3"/><circle cx="178" cy="316" r="1.3"/></g>
|
||
<circle cx="118" cy="260" r="55" fill="#C3BCB0"/><circle cx="118" cy="260" r="55" fill="none" stroke="#F3F0EA" stroke-width="1.5"/>
|
||
<circle cx="118" cy="260" r="50" fill="#0C1720"/>
|
||
<path d="M78.2 283A46 46 0 0 1 141 220.2" fill="none" stroke="#000" stroke-opacity=".45" stroke-width="7"/>
|
||
<path d="M-7 -7C-14 -22 -12 -38 -2 -47C10 -48 22 -43 30 -34C18 -28 10 -18 7 -7Z" fill="#33424F" stroke="#506273" stroke-width="1" transform="translate(118 260) rotate(20)"/>
|
||
<path d="M-7 -7C-14 -22 -12 -38 -2 -47C10 -48 22 -43 30 -34C18 -28 10 -18 7 -7Z" fill="#33424F" stroke="#506273" stroke-width="1" transform="translate(118 260) rotate(110)"/>
|
||
<path d="M-7 -7C-14 -22 -12 -38 -2 -47C10 -48 22 -43 30 -34C18 -28 10 -18 7 -7Z" fill="#33424F" stroke="#506273" stroke-width="1" transform="translate(118 260) rotate(200)"/>
|
||
<path d="M-7 -7C-14 -22 -12 -38 -2 -47C10 -48 22 -43 30 -34C18 -28 10 -18 7 -7Z" fill="#33424F" stroke="#506273" stroke-width="1" transform="translate(118 260) rotate(290)"/>
|
||
<circle cx="118" cy="260" r="10" fill="#8E9BA8"/><circle cx="118" cy="260" r="4" fill="#5E6B78"/>
|
||
<g fill="none" stroke="#E6E0D6" stroke-opacity=".9" stroke-width="1.3"><circle cx="118" cy="260" r="17"/><circle cx="118" cy="260" r="27"/><circle cx="118" cy="260" r="37"/><circle cx="118" cy="260" r="46.5"/><path d="M128.2 264.2L164.2 279.1M122.2 270.2L137.1 306.2M113.8 270.2L98.9 306.2M107.8 264.2L71.8 279.1M107.8 255.8L71.8 240.9M113.8 249.8L98.9 213.8M122.2 249.8L137.1 213.8M128.2 255.8L164.2 240.9"/></g>
|
||
<path d="M182 203V318" stroke="#B3AB9F" stroke-width="1.2"/><path d="M183.2 203V318" stroke="#F3F0EA" stroke-width=".8"/>
|
||
<path d="M191 210H212M191 217H212M191 224H212M191 231H212M191 238H212M191 245H212M191 252H212M191 259H212M191 266H212M191 273H212" stroke="#7A7368" stroke-width="3" stroke-linecap="round"/>
|
||
<path d="M191 212.2H212M191 219.2H212M191 226.2H212M191 233.2H212M191 240.2H212M191 247.2H212M191 254.2H212M191 261.2H212M191 268.2H212M191 275.2H212" stroke="#F3F0EA" stroke-width=".8" stroke-linecap="round"/>
|
||
<rect x="189" y="284" width="25" height="31" rx="2" fill="none" stroke="#B3AB9F" stroke-width="1.2"/>
|
||
<g fill="#8E877C"><circle cx="192.5" cy="287.5" r="1.3"/><circle cx="210.5" cy="287.5" r="1.3"/><circle cx="192.5" cy="311.5" r="1.3"/><circle cx="210.5" cy="311.5" r="1.3"/></g>
|
||
<rect x="193" y="294" width="17" height="4" rx="1" fill="#46C27E"/>
|
||
<path d="M292 148V262Q292 270 284 270H222" fill="none" stroke="#6A7886" stroke-width="2"/>
|
||
<path d="M222 288H300Q310 288 310 278V182Q310 172 320 172H336" fill="none" stroke="#243243" stroke-width="11" stroke-linejoin="round"/>
|
||
<path d="M336 306H222" fill="none" stroke="#243243" stroke-width="11" stroke-linejoin="round"/>
|
||
<path d="M222 288H300Q310 288 310 278V182Q310 172 320 172H336" fill="none" stroke="#FF6A2B" stroke-width="5.5" stroke-linejoin="round"/>
|
||
<path d="M336 306H222" fill="none" stroke="#2E9BEF" stroke-width="5.5"/>
|
||
<g fill="none" stroke-width="1.3" transform="translate(-1.4 -1.4)"><path d="M223.4 288H300Q310 288 310 278V182Q310 172 320 172H336" stroke="#FFAD88"/><path d="M336 306H223.4" stroke="#A6D6FB"/></g>
|
||
<g fill="#9AA8B5"><rect x="228" y="280.5" width="4" height="15" rx="1"/><rect x="228" y="298.5" width="4" height="15" rx="1"/><rect x="228" y="266.5" width="4" height="7" rx="1"/><rect x="276" y="280.5" width="4" height="15" rx="1"/><rect x="276" y="298.5" width="4" height="15" rx="1"/><rect x="276" y="266.5" width="4" height="7" rx="1"/></g>
|
||
<g fill="#C9D3DC"><rect x="220" y="281" width="4" height="14" rx="1"/><rect x="220" y="299" width="4" height="14" rx="1"/></g>
|
||
<rect x="304" y="229" width="12" height="14" rx="2" fill="#C9D3DC"/><path d="M304 236H316" stroke="#9AA8B5" stroke-width="1"/><rect x="317" y="227" width="4" height="18" rx="2" fill="#E0452C"/>
|
||
<rect x="315" y="300" width="14" height="12" rx="2" fill="#C9D3DC"/><path d="M322 300V312" stroke="#9AA8B5" stroke-width="1"/><rect x="313" y="295" width="18" height="4" rx="2" fill="#2577C8"/>
|
||
<path d="M298 288L288 282L288 294ZM310 204L316 214L304 214Z" fill="#FF6A2B"/>
|
||
<path d="M292 306L302 300L302 312Z" fill="#2E9BEF"/>
|
||
<rect x="289" y="109" width="38" height="44" rx="3" fill="#000" fill-opacity=".22"/>
|
||
<rect x="284" y="104" width="38" height="44" rx="3" fill="#E6E0D6"/><path d="M319 106V146H286" fill="none" stroke="#B9B1A4" stroke-width="2"/>
|
||
<rect x="291" y="112" width="22" height="13" rx="1.5" fill="#1B2A38"/><circle cx="296" cy="136" r="2" fill="#46C27E"/><path d="M302 136H313" stroke="#B9B1A4" stroke-width="2" stroke-linecap="round"/>
|
||
<path d="M434 166Q444 166 444 156V64" fill="none" stroke="#243243" stroke-width="10"/>
|
||
<path d="M434 292H448Q458 292 458 282V64" fill="none" stroke="#243243" stroke-width="10"/>
|
||
<path d="M434 166Q444 166 444 156V64" fill="none" stroke="#FF6A2B" stroke-width="5"/>
|
||
<path d="M434 292H448Q458 292 458 282V64" fill="none" stroke="#2E9BEF" stroke-width="5"/>
|
||
<g fill="none" stroke-width="1.2" transform="translate(-1.3 -1.3)"><path d="M435.3 166Q444 166 444 156V65.3" stroke="#FFAD88"/><path d="M435.3 292H448Q458 292 458 282V65.3" stroke="#A6D6FB"/></g>
|
||
<rect x="437" y="114" width="14" height="22" rx="2" fill="#9AA8B5"/><circle cx="444" cy="125" r="9" fill="#2C3845" stroke="#4A5868" stroke-width="1.2"/><circle cx="444" cy="125" r="2" fill="#46C27E"/>
|
||
<g fill="#9AA8B5"><rect x="303.5" y="260" width="13" height="4" rx="1"/><rect x="437.5" y="144" width="13" height="4" rx="1"/><rect x="451.5" y="144" width="13" height="4" rx="1"/><rect x="451.5" y="260" width="13" height="4" rx="1"/></g>
|
||
<g stroke="#13202E" stroke-width="1.1"><circle cx="444" cy="60.5" r="4.2" fill="#FF6A2B"/><circle cx="458" cy="60.5" r="4.2" fill="#2E9BEF"/></g>
|
||
<path d="M444 100L450 110L438 110Z" fill="#FF6A2B"/>
|
||
<path d="M458 226L452 216L464 216Z" fill="#2E9BEF"/>
|
||
<path d="M350 336V160C350 150 355 145.5 365 144.5H423C433 145.5 438 150 438 160V336Z" fill="#000" fill-opacity=".2"/>
|
||
<ellipse cx="384" cy="336" rx="52" ry="3" fill="#000" fill-opacity=".35"/>
|
||
<g fill="#3E4955"><rect x="350" y="324" width="8" height="12"/><rect x="380" y="324" width="8" height="12"/><rect x="410" y="324" width="8" height="12"/></g>
|
||
<g fill="#C9D3DC"><rect x="334" y="167" width="7" height="10"/><rect x="334" y="301" width="7" height="10"/><rect x="427" y="161" width="7" height="10"/><rect x="427" y="287" width="7" height="10"/></g>
|
||
<rect x="380.5" y="127" width="7" height="10" rx="1" fill="#C9D3DC"/><rect x="378.5" y="125" width="11" height="4" rx="1.5" fill="#9AA8B5"/>
|
||
<path d="M340 326V152C340 142 345 137.5 355 136.5H413C423 137.5 428 142 428 152V326Z" fill="url(#eco-tank)"/>
|
||
<path d="M340 152C340 142 345 137.5 355 136.5H413C423 137.5 428 142 428 152V155H340Z" fill="url(#eco-cap)"/>
|
||
<path d="M340 155.5H428" stroke="#8E877C" stroke-width="1.2"/><path d="M346 145Q349 140 358 139" fill="none" stroke="#fff" stroke-opacity=".5" stroke-width="1.6" stroke-linecap="round"/>
|
||
<rect x="340" y="316" width="88" height="10" fill="#A9A195"/>
|
||
<path d="M340 226H428M340 272H428" stroke="#C2BBAF" stroke-width="1"/>
|
||
<rect x="391" y="171" width="25" height="18" rx="1.5" fill="#F8F6F2"/><rect x="391" y="171" width="25" height="3.5" rx="1" fill="#46C27E"/><path d="M395 179.5H412M395 184H406" stroke="#BDB5A9" stroke-width="1.2"/>
|
||
<path d="M1.9 203.4l7.8 1.6 6.5 3.2 5.6 4.1 5.1 4.5 5 4.4 5.3 3.6 5.6 2.1-1 3 8.7-2.6-5.5-7.3-1 3-5.4-1.5-5-2.9-5.1-3.9-5.5-4.2-6.1-3.9-7-2.9-8-1.2Z" fill="url(#eco-in)"/>
|
||
<path d="M0 238.4l8 0.7 6.9 1.4 6.1 1.8 5.7 2 5.4 1.9 5.5 1.5 5.7 0.9-0.4 3.2 8-4.3-6.9-6-0.4 3.2-5.5-0.4-5.3-1-5.5-1.4-5.8-1.5-6.4-1.4-7.1-0.9-8-0.2Z" fill="url(#eco-in)"/>
|
||
<path d="M6 271.4l6.5 0 6-0.3 5.5-0.6 5.1-0.6 4.9-0.6 4.7-0.3 4.8 0 0.1 3.2 7.3-5.5-7.7-4.9 0.1 3.2-4.9 0.5-4.9 0.8-4.9 1-5 1.1-5.4 1-5.8 0.8-6.5 0.4Z" fill="url(#eco-in)"/>
|
||
<path d="M91.8 282.6l-8.7 3.4-8.6 3-8.5 2.5-8.4 1.9-8.2 1.2-8 0.5-7.9-0.3 0-3-7.5 5.2 7.5 5.2 0-3 8.1-0.2 8.3-1 8.4-1.8 8.4-2.4 8.5-3 8.5-3.5 8.5-3.9Z" fill="url(#eco-out)"/>
|
||
<path d="M100.8 296.7l-8.6 6.1-9 5.2-9.2 4.2-9.4 3.3-9.3 2.5-9.2 1.6-8.9 0.9-0.4-3-6.8 6.1 8.1 4.2-0.4-3 9-1.4 9.3-2.2 9.4-3 9.4-3.9 9.2-4.8 8.8-5.7 8.3-6.6Z" fill="url(#eco-out)"/>
|
||
</g></g>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 02 Heizung -->
|
||
<article class="svc svc--warm" style="--i:1" id="heizung">
|
||
<div class="svc__inner">
|
||
<div class="svc__body">
|
||
<h3 class="svc__title"><svg class="icon" aria-hidden="true"><use href="#i-flame"/></svg>Heizung</h3>
|
||
<p class="svc__text">Vom Kesseltausch bis zur Komplettmodernisierung – sauber eingestellt, damit die Energiekosten sinken.</p>
|
||
<ul class="svc__list">
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Gas- & Öl-Brennwerttechnik</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Heizungsmodernisierung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Fußboden- & Flächenheizung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Hydraulischer Abgleich</li>
|
||
</ul>
|
||
<div class="svc__foot">
|
||
<a class="link-arrow" href="#kontakt" data-topic="Heizung & Wärmepumpe">Beratung anfragen <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="svc__art">
|
||
<svg class="art" viewBox="0 0 480 400" aria-hidden="true" focusable="false">
|
||
<defs>
|
||
<pattern id="warm-hatch" width="7" height="7" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><path d="M0 0V7" stroke="#fff" stroke-opacity=".07"/></pattern>
|
||
<pattern id="warm-grain" width="9" height="7" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r=".7" fill="#fff" fill-opacity=".09"/><circle cx="6.5" cy="5" r=".6" fill="#fff" fill-opacity=".06"/></pattern>
|
||
<pattern id="warm-ins" width="5" height="6" y="340" patternUnits="userSpaceOnUse"><path d="M0 0L2.5 6L5 0" fill="none" stroke="#fff" stroke-opacity=".13"/></pattern>
|
||
<linearGradient id="warm-wall" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#172A3E"/><stop offset="1" stop-color="#101E2D"/></linearGradient>
|
||
<linearGradient id="warm-glass" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#23425F"/><stop offset="1" stop-color="#142B42"/></linearGradient>
|
||
<linearGradient id="warm-rad" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F2EDE6"/><stop offset="1" stop-color="#D2CABE"/></linearGradient>
|
||
<linearGradient id="warm-heat" x1="0" y1="0" x2="1" y2=".7"><stop offset="0" stop-color="#FFB547" stop-opacity=".34"/><stop offset=".55" stop-color="#FFB547" stop-opacity="0"/><stop offset="1" stop-color="#8FC9F0" stop-opacity=".16"/></linearGradient>
|
||
<linearGradient id="warm-air" x1="0" y1="213" x2="0" y2="96" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FF7A3A" stop-opacity=".05"/><stop offset=".2" stop-color="#FF8A42" stop-opacity=".55"/><stop offset=".65" stop-color="#FF9E45" stop-opacity=".9"/><stop offset="1" stop-color="#FFB547"/></linearGradient>
|
||
<linearGradient id="warm-shv" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#000" stop-opacity=".35"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="warm-shh" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="warm-shr" x1="1" y1="0" x2="0" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".22"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="warm-steel" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#E3EAF0"/><stop offset=".5" stop-color="#C9D3DC"/><stop offset="1" stop-color="#8E9CAA"/></linearGradient>
|
||
<linearGradient id="warm-wood" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#B08A62"/><stop offset="1" stop-color="#6E5240"/></linearGradient>
|
||
<linearGradient id="warm-cloth" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#4A5D72"/><stop offset=".3" stop-color="#3A4C61"/><stop offset=".55" stop-color="#4C6075"/><stop offset=".8" stop-color="#34465A"/><stop offset="1" stop-color="#43566B"/></linearGradient>
|
||
<linearGradient id="warm-scr" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FF9A45" stop-opacity=".3"/><stop offset=".8" stop-color="#FF9A45" stop-opacity="0"/></linearGradient>
|
||
</defs>
|
||
<rect x="46" y="38" width="388" height="273" fill="url(#warm-wall)"/>
|
||
<rect x="46" y="38" width="388" height="16" fill="url(#warm-shv)"/>
|
||
<rect x="46" y="38" width="16" height="273" fill="url(#warm-shh)"/>
|
||
<rect x="418" y="38" width="16" height="273" fill="url(#warm-shr)"/>
|
||
<rect x="46" y="304" width="388" height="7" fill="#C9C1B4"/>
|
||
<rect x="46" y="304" width="388" height="1.5" fill="#E6E0D6"/>
|
||
<rect x="116" y="64" width="188" height="132" fill="#0B1622"/>
|
||
<rect x="116" y="64" width="188" height="4" fill="#1C3047"/>
|
||
<rect x="120" y="68" width="180" height="128" fill="#CBC4B8"/>
|
||
<path d="M120 68H300l-7 7H127V189l-7 7Z" fill="#DDD7CC"/>
|
||
<path d="M300 68V196H120l7-7H293Z" fill="#A89F92"/>
|
||
<rect x="127" y="75" width="80" height="114" fill="#D6D0C5"/>
|
||
<path d="M206.5 75V188.5H127" fill="none" stroke="#A39B8F"/>
|
||
<rect x="134" y="82" width="66" height="100" fill="url(#warm-glass)"/>
|
||
<path d="M134 162C153.8 155 167 163 180.2 160S194 156 200 159V182H134Z" fill="#0E2133" fill-opacity=".6"/>
|
||
<path d="M160.4 82h14.5L134 139.3v-20.3Z" fill="#fff" fill-opacity=".07"/>
|
||
<path d="M200 104v10l-30 42v-10Z" fill="#fff" fill-opacity=".05"/>
|
||
<path d="M135 182V83H200" fill="none" stroke="#08121C" stroke-width="2" stroke-opacity=".6"/>
|
||
<rect x="213" y="75" width="80" height="114" fill="#D6D0C5"/>
|
||
<path d="M292.5 75V188.5H213" fill="none" stroke="#A39B8F"/>
|
||
<rect x="220" y="82" width="66" height="100" fill="url(#warm-glass)"/>
|
||
<path d="M220 162C239.8 155 253 163 266.2 160S280 156 286 159V182H220Z" fill="#0E2133" fill-opacity=".6"/>
|
||
<path d="M246.4 82h14.5L220 139.3v-20.3Z" fill="#fff" fill-opacity=".07"/>
|
||
<path d="M286 104v10l-30 42v-10Z" fill="#fff" fill-opacity=".05"/>
|
||
<path d="M221 182V83H286" fill="none" stroke="#08121C" stroke-width="2" stroke-opacity=".6"/>
|
||
<rect x="207" y="75" width="6" height="114" fill="#C2BBAF"/>
|
||
<rect x="199" y="124" width="5" height="7" fill="#B9B1A4" rx="1.5"/>
|
||
<rect x="199.8" y="127" width="3.4" height="22" fill="#F6F2EC" rx="1.7" stroke="#A39B8F" stroke-width=".8"/>
|
||
<path d="M86 50H334" stroke="#AEB9C4" stroke-width="3" stroke-linecap="round"/>
|
||
<rect x="94" y="56" width="30" height="136" fill="#000" fill-opacity=".18"/>
|
||
<path d="M90 52H120V188q-5 4 -10 0t-10 0t-10 0Z" fill="url(#warm-cloth)"/>
|
||
<path d="M90 53h30" stroke="#C9D3DC" stroke-width="2" stroke-dasharray="2 4.5"/>
|
||
<rect x="304" y="56" width="30" height="136" fill="#000" fill-opacity=".18"/>
|
||
<path d="M300 52H330V188q-5 4 -10 0t-10 0t-10 0Z" fill="url(#warm-cloth)"/>
|
||
<path d="M300 53h30" stroke="#C9D3DC" stroke-width="2" stroke-dasharray="2 4.5"/>
|
||
<circle cx="85" cy="50" r="2.6" fill="#C9D3DC"/>
|
||
<circle cx="335" cy="50" r="2.6" fill="#C9D3DC"/>
|
||
<rect x="108" y="203" width="208" height="6" fill="url(#warm-shv)"/>
|
||
<rect x="106" y="196" width="208" height="7" fill="#D9D2C7"/>
|
||
<rect x="106" y="196" width="208" height="2" fill="#F3EFE8"/>
|
||
<rect x="106" y="201.5" width="208" height="1.5" fill="#A39B8F"/>
|
||
<path d="M391 159V206" stroke="#2D435A" stroke-width="1.5" stroke-dasharray="3 3"/>
|
||
<rect x="383" y="131" width="22" height="28" fill="#000" fill-opacity=".22" rx="3"/>
|
||
<rect x="380" y="128" width="22" height="28" fill="#D9D2C7" rx="3"/>
|
||
<rect x="380" y="128" width="20.5" height="26.5" fill="#ECE7DF" rx="3"/>
|
||
<circle cx="391" cy="140.5" r="7" fill="#D9D2C7"/><circle cx="390.5" cy="140" r="6" fill="#F6F2EC"/>
|
||
<path d="M390.5 134.5v3.5" stroke="#8E877C" stroke-width="1.6" stroke-linecap="round"/>
|
||
<rect x="385" y="150" width="12" height="1.4" fill="#B9B1A4"/>
|
||
<rect x="123" y="219" width="184" height="79" fill="#000" fill-opacity=".22"/>
|
||
<rect x="118" y="214" width="184" height="79" fill="url(#warm-rad)" rx="2"/>
|
||
<path d="M123.4 256H298" stroke="#B3AA9C" stroke-width="66" stroke-dasharray="1.3 6.2"/>
|
||
<path d="M124.8 256H298" stroke="#FBF8F3" stroke-width="66" stroke-dasharray=".8 6.7"/>
|
||
<rect x="118" y="214" width="184" height="79" fill="url(#warm-heat)" rx="2"/>
|
||
<rect x="118" y="214" width="184" height="7" fill="#F6F2EC" rx="1.5"/>
|
||
<path d="M124 217.5H298" stroke="#A39B8F" stroke-width="3" stroke-dasharray="2.2 2.8"/>
|
||
<rect x="299" y="216" width="3" height="77" fill="#B9B1A4"/>
|
||
<rect x="118" y="214" width="4" height="7" fill="#D9D2C7" rx="1"/>
|
||
<rect x="298" y="214" width="4" height="7" fill="#B9B1A4" rx="1"/>
|
||
<rect x="119" y="290" width="183" height="3" fill="#8E877C"/>
|
||
<rect x="118" y="221" width="2" height="69" fill="#FBF8F3"/>
|
||
<rect x="18" y="362" width="444" height="24" fill="#16263A"/>
|
||
<rect x="18" y="362" width="444" height="24" fill="url(#warm-hatch)"/>
|
||
<rect x="46" y="340" width="388" height="22" fill="#192B3E"/>
|
||
<rect x="46" y="340" width="388" height="22" fill="url(#warm-grain)"/>
|
||
<rect x="46" y="340" width="388" height="6" fill="#2A3E55"/>
|
||
<rect x="46" y="340" width="388" height="6" fill="url(#warm-ins)"/>
|
||
<rect x="46" y="316" width="388" height="24" fill="#23374D"/>
|
||
<rect x="46" y="316" width="388" height="24" fill="url(#warm-grain)"/>
|
||
<rect x="46" y="316" width="388" height="24" fill="url(#warm-scr)"/>
|
||
<path d="M46 340.5H434" stroke="#5B7088"/>
|
||
<rect x="46" y="311" width="388" height="5" fill="url(#warm-wood)"/>
|
||
<path d="M68 311V316M102 311V316M136 311V316M170 311V316M204 311V316M238 311V316M272 311V316M306 311V316M340 311V316M374 311V316M408 311V316" stroke="#4A372B" stroke-width=".8"/>
|
||
<rect x="46" y="304" width="2.5" height="36" fill="#8E9AA6"/>
|
||
<rect x="431.5" y="304" width="2.5" height="36" fill="#8E9AA6"/>
|
||
<rect x="18" y="16" width="444" height="22" fill="#16263A"/>
|
||
<rect x="18" y="16" width="444" height="22" fill="url(#warm-hatch)"/>
|
||
<rect x="18" y="38" width="28" height="324" fill="#16263A"/>
|
||
<rect x="18" y="38" width="28" height="324" fill="url(#warm-hatch)"/>
|
||
<rect x="434" y="38" width="28" height="324" fill="#16263A"/>
|
||
<rect x="434" y="38" width="28" height="324" fill="url(#warm-hatch)"/>
|
||
<path d="M18 22H462" stroke="#2A3D53"/>
|
||
<path d="M45 38V304M435 38V304M46 39H434" stroke="#36506A" stroke-width="2"/>
|
||
<rect x="18" y="343" width="28" height="19" fill="#0A141D"/>
|
||
<path d="M18 357.5H361V256" fill="none" stroke="#2E9BEF" stroke-width="5.5" stroke-linecap="butt" stroke-linejoin="round"/>
|
||
<path d="M18 348.5H352V231" fill="none" stroke="#FF6A2B" stroke-width="5.5" stroke-linecap="butt" stroke-linejoin="round"/>
|
||
<path d="M106 348.5V226" fill="none" stroke="#FF6A2B" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<g fill="none" stroke-width="1.3" transform="translate(-1.4 -1.4)"><path d="M19.4 357.5H361V256" stroke="#A6D6FB"/><path d="M19.4 348.5H352V231" stroke="#FFAD88"/><path d="M106 348.5V226" stroke="#FFAD88"/></g>
|
||
<path d="M309 343.5V353.5" stroke="#0D1925" stroke-width="9"/>
|
||
<path d="M309 286V357.5" fill="none" stroke="#2E9BEF" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M309 287.4V357.5" stroke="#A6D6FB" stroke-width="1.3" transform="translate(-1.4 0)"/>
|
||
<g fill="#FF6A2B" stroke="#0D1925"><circle cx="62" cy="328" r="5.6"/><circle cx="119" cy="328" r="5.6"/><circle cx="157" cy="328" r="5.6"/><circle cx="195" cy="328" r="5.6"/><circle cx="233" cy="328" r="5.6"/><circle cx="271" cy="328" r="5.6"/><circle cx="328" cy="328" r="5.6"/></g>
|
||
<g fill="#B5461A"><circle cx="62" cy="328" r="1.9"/><circle cx="119" cy="328" r="1.9"/><circle cx="157" cy="328" r="1.9"/><circle cx="195" cy="328" r="1.9"/><circle cx="233" cy="328" r="1.9"/><circle cx="271" cy="328" r="1.9"/><circle cx="328" cy="328" r="1.9"/></g>
|
||
<g fill="#2E9BEF" stroke="#0D1925"><circle cx="81" cy="328" r="5.6"/><circle cx="138" cy="328" r="5.6"/><circle cx="176" cy="328" r="5.6"/><circle cx="214" cy="328" r="5.6"/><circle cx="252" cy="328" r="5.6"/><circle cx="290" cy="328" r="5.6"/></g>
|
||
<g fill="#1D66A1"><circle cx="81" cy="328" r="1.9"/><circle cx="138" cy="328" r="1.9"/><circle cx="176" cy="328" r="1.9"/><circle cx="214" cy="328" r="1.9"/><circle cx="252" cy="328" r="1.9"/><circle cx="290" cy="328" r="1.9"/></g>
|
||
<rect x="99" y="308" width="14" height="3" fill="url(#warm-steel)" rx="1"/>
|
||
<rect x="302" y="308" width="14" height="3" fill="url(#warm-steel)" rx="1"/>
|
||
<rect x="344" y="210" width="84" height="101" fill="#000" fill-opacity=".2"/>
|
||
<rect x="340" y="206" width="84" height="105" fill="#D9D2C7"/>
|
||
<path d="M340 206H424l-4 4H344V311H340Z" fill="#ECE7DF"/>
|
||
<rect x="344" y="210" width="76" height="101" fill="#0C1824"/>
|
||
<path d="M342 208a1 1 0 1 0 .1 0ZM422 208a1 1 0 1 0 .1 0ZM342 305a1 1 0 1 0 .1 0ZM422 305a1 1 0 1 0 .1 0Z" fill="#8E877C"/>
|
||
<rect x="344" y="210" width="76" height="8" fill="url(#warm-shv)"/>
|
||
<rect x="344" y="210" width="6" height="101" fill="url(#warm-shh)"/>
|
||
<path d="M352 311V231" fill="none" stroke="#FF6A2B" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M361 311V256" fill="none" stroke="#2E9BEF" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M350.6 311V231" stroke="#FFAD88" stroke-width="1.3"/><path d="M359.6 311V256" stroke="#A6D6FB" stroke-width="1.3"/>
|
||
<path d="M382 256V328" fill="none" stroke="#2E9BEF" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M398 256V328" fill="none" stroke="#2E9BEF" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M414 256V328" fill="none" stroke="#2E9BEF" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<rect x="357" y="251.5" width="59" height="9" fill="url(#warm-steel)" rx="2"/>
|
||
<path d="M374 231V328" fill="none" stroke="#FF6A2B" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M390 231V328" fill="none" stroke="#FF6A2B" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M406 231V328" fill="none" stroke="#FF6A2B" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<rect x="348" y="226.5" width="68" height="9" fill="url(#warm-steel)" rx="2"/>
|
||
<rect x="371" y="214" width="6" height="12" fill="#9FD3F2" rx="1.5" fill-opacity=".35" stroke="#C9D3DC" stroke-width=".8"/>
|
||
<rect x="372" y="218.5" width="4" height="3" fill="#FF6A2B"/>
|
||
<rect x="387" y="214" width="6" height="12" fill="#9FD3F2" rx="1.5" fill-opacity=".35" stroke="#C9D3DC" stroke-width=".8"/>
|
||
<rect x="388" y="218.5" width="4" height="3" fill="#FF6A2B"/>
|
||
<rect x="403" y="214" width="6" height="12" fill="#9FD3F2" rx="1.5" fill-opacity=".35" stroke="#C9D3DC" stroke-width=".8"/>
|
||
<rect x="404" y="218.5" width="4" height="3" fill="#FF6A2B"/>
|
||
<rect x="378.5" y="243.5" width="7" height="8" fill="#ECE7DF" rx="2"/>
|
||
<rect x="394.5" y="243.5" width="7" height="8" fill="#ECE7DF" rx="2"/>
|
||
<rect x="410.5" y="243.5" width="7" height="8" fill="#ECE7DF" rx="2"/>
|
||
<g fill="#FF6A2B" stroke="#0D1925"><circle cx="374" cy="328" r="3.6"/><circle cx="390" cy="328" r="3.6"/><circle cx="406" cy="328" r="3.6"/></g>
|
||
<g fill="#B5461A"><circle cx="374" cy="328" r="1.3"/><circle cx="390" cy="328" r="1.3"/><circle cx="406" cy="328" r="1.3"/></g>
|
||
<g fill="#2E9BEF" stroke="#0D1925"><circle cx="382" cy="328" r="3.6"/><circle cx="398" cy="328" r="3.6"/><circle cx="414" cy="328" r="3.6"/></g>
|
||
<g fill="#1D66A1"><circle cx="382" cy="328" r="1.3"/><circle cx="398" cy="328" r="1.3"/><circle cx="414" cy="328" r="1.3"/></g>
|
||
<rect x="347.5" y="271" width="9" height="10" fill="url(#warm-steel)" rx="1.5"/>
|
||
<rect x="345" y="274" width="14" height="4" fill="#FF6A2B" rx="2"/>
|
||
<rect x="356.5" y="285" width="9" height="10" fill="url(#warm-steel)" rx="1.5"/>
|
||
<rect x="354" y="288" width="14" height="4" fill="#2E9BEF" rx="2"/>
|
||
<rect x="110" y="223.5" width="10" height="5" fill="url(#warm-steel)"/>
|
||
<rect x="99.5" y="218.5" width="13" height="15" fill="url(#warm-steel)" rx="2"/>
|
||
<rect x="95" y="219.5" width="5" height="13" fill="#AEB9C4" rx="1"/>
|
||
<rect x="77" y="215.5" width="19" height="21" fill="#D9D2C7" rx="5"/>
|
||
<rect x="77" y="215.5" width="17.5" height="16" fill="#ECE7DF" rx="5"/>
|
||
<path d="M83 218.5V233.5M86.2 218.5V233.5M89.4 218.5V233.5" stroke="#B9B1A4" stroke-width="1"/>
|
||
<rect x="80" y="232.5" width="13" height="3" fill="#B9B1A4"/>
|
||
<circle cx="80.5" cy="220.5" r="1.5" fill="#FF6A2B"/>
|
||
<rect x="301" y="283.5" width="8" height="5" fill="url(#warm-steel)"/>
|
||
<rect x="303.5" y="280" width="11" height="12" fill="url(#warm-steel)" rx="2"/>
|
||
<rect x="305.5" y="274.5" width="7" height="6" fill="#AEB9C4" rx="1"/>
|
||
<path d="M106 262L112 272L100 272ZM82 348.5L72 342.5L72 354.5ZM234 348.5L224 342.5L224 354.5Z" fill="#FF6A2B"/>
|
||
<path d="M309 305L303 295L315 295ZM148 357.5L158 351.5L158 363.5ZM266 357.5L276 351.5L276 363.5Z" fill="#2E9BEF"/>
|
||
<path d="M152.6 211.9L151.8 195.9L151.9 180.6L153 166L155.1 152.2L158.1 139.5L162 127.9L166.9 117.5L170 119L168.7 106.6L158 113L161.1 114.5L156.6 125.9L153.3 138.3L150.9 151.6L149.5 165.7L149.2 180.5L149.8 196L151.4 212.1ZM208.6 212L208.2 193.5L209 175.9L210.8 159.3L213.7 143.6L217.7 129.1L222.8 115.7L228.9 103.5L231.9 105.2L231 92.7L220.1 98.8L223.1 100.5L217.5 113.5L213 127.6L209.6 142.8L207.4 158.8L206.3 175.8L206.3 193.5L207.4 212ZM264.6 211.9L264.2 197.7L264.7 183.9L266.2 170.9L268.6 158.4L271.8 146.7L276 135.7L280.9 125.5L284 127L282.7 114.6L272 121L275.1 122.5L270.6 133.6L267.1 145.3L264.4 157.6L262.7 170.4L262 183.8L262.2 197.7L263.4 212.1Z" fill="url(#warm-air)"/>
|
||
<path d="M18 16H462V386H18Z" fill="none" stroke="#2A3D53" stroke-width="1.2"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 03 Sanitär -->
|
||
<article class="svc svc--cool" style="--i:2" id="sanitaer">
|
||
<div class="svc__inner">
|
||
<div class="svc__body">
|
||
<h3 class="svc__title"><svg class="icon" aria-hidden="true"><use href="#i-drop"/></svg>Sanitär & Bad</h3>
|
||
<p class="svc__text">Komplettsanierung, barrierefreie Dusche oder neue Leitungen – geplant und gebaut aus einer Hand.</p>
|
||
<ul class="svc__list">
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Komplette Badsanierung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Barrierefreie & bodengleiche Duschen</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Trinkwasserinstallation</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Warmwasserbereitung</li>
|
||
</ul>
|
||
<div class="svc__foot">
|
||
<a class="link-arrow" href="#kontakt" data-topic="Bad & Sanitär">Beratung anfragen <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="svc__art">
|
||
<svg class="art" viewBox="0 0 480 400" aria-hidden="true" focusable="false">
|
||
<defs>
|
||
<pattern id="cool-hatch" width="7" height="7" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="7" height="7" fill="#16263A"/><path d="M0 0V7" stroke="#fff" stroke-opacity=".07" stroke-width="1"/></pattern>
|
||
<pattern id="cool-ins" x="36" y="324" width="10" height="6" patternUnits="userSpaceOnUse"><rect width="10" height="6" fill="#1A2B3E"/><path d="M0 0L5 6L10 0" fill="none" stroke="#fff" stroke-opacity=".13" stroke-width=".9"/></pattern>
|
||
<pattern id="cool-ext" x="466" y="0" width="8" height="10" patternUnits="userSpaceOnUse"><rect width="8" height="10" fill="#1A2B3E"/><path d="M0 0L8 5L0 10" fill="none" stroke="#fff" stroke-opacity=".13" stroke-width=".9"/></pattern>
|
||
<pattern id="cool-tu" x="36" y="0" width="34" height="34" patternUnits="userSpaceOnUse"><path d="M0 0.5H34M0.5 0V34" stroke="#04090E" stroke-opacity=".55" stroke-width="1"/><path d="M1 1.5H34M1.5 1V34" stroke="#fff" stroke-opacity=".05" stroke-width="1"/></pattern>
|
||
<pattern id="cool-tv" x="36" y="6" width="34" height="34" patternUnits="userSpaceOnUse"><path d="M0 0.5H34M0.5 0V34" stroke="#04090E" stroke-opacity=".55" stroke-width="1"/><path d="M1 1.5H34M1.5 1V34" stroke="#fff" stroke-opacity=".05" stroke-width="1"/></pattern>
|
||
<linearGradient id="cool-wall" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#1A2E42"/><stop offset="1" stop-color="#101E2B"/></linearGradient>
|
||
<linearGradient id="cool-vw" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#1D3247"/><stop offset="1" stop-color="#142536"/></linearGradient>
|
||
<linearGradient id="cool-cav" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#0B1620"/><stop offset="1" stop-color="#112230"/></linearGradient>
|
||
<pattern id="cool-brick" x="104" y="176" width="34" height="17" patternUnits="userSpaceOnUse"><path d="M0 .5H34M0 9H34M.5 0V8.5M17.5 9V17" fill="none" stroke="#fff" stroke-opacity=".06" stroke-width="1"/></pattern>
|
||
<linearGradient id="cool-chrome" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#8D9BA8"/><stop offset=".3" stop-color="#F4F7F9"/><stop offset=".62" stop-color="#C9D3DC"/><stop offset="1" stop-color="#76848F"/></linearGradient>
|
||
<linearGradient id="cool-chromeh" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F4F7F9"/><stop offset=".5" stop-color="#C9D3DC"/><stop offset="1" stop-color="#76848F"/></linearGradient>
|
||
<linearGradient id="cool-cer" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F7F4EF"/><stop offset="1" stop-color="#D9D2C7"/></linearGradient>
|
||
<linearGradient id="cool-cab" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#A69E92"/><stop offset="1" stop-color="#857E73"/></linearGradient>
|
||
<linearGradient id="cool-mir" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3A5870"/><stop offset=".5" stop-color="#22394D"/><stop offset="1" stop-color="#162636"/></linearGradient>
|
||
<pattern id="cool-mt" x="95" y="96" width="30" height="30" patternUnits="userSpaceOnUse"><path d="M0 .5H30M.5 0V30" stroke="#04090E" stroke-opacity=".35" stroke-width="1"/></pattern>
|
||
<linearGradient id="cool-rain" gradientUnits="userSpaceOnUse" x1="0" y1="86" x2="0" y2="306"><stop offset="0" stop-color="#8FC9F0" stop-opacity=".6"/><stop offset="1" stop-color="#8FC9F0" stop-opacity=".05"/></linearGradient>
|
||
<linearGradient id="cool-aot" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#000" stop-opacity=".4"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="cool-aol" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="cool-aor" x1="1" y1="0" x2="0" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".4"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<clipPath id="cool-mclip"><circle cx="118" cy="118" r="39"/></clipPath>
|
||
<clipPath id="cool-clip"><path d="M104 176 410 176 410 244 274 244 274 312 172 312 172 244 104 244Z"/></clipPath>
|
||
</defs>
|
||
<g transform="translate(-7 16)">
|
||
<rect x="36" y="32" width="408" height="138" fill="url(#cool-wall)"/>
|
||
<rect x="36" y="176" width="408" height="136" fill="url(#cool-vw)"/>
|
||
<rect x="37" y="32" width="406" height="138" fill="url(#cool-tu)"/>
|
||
<rect x="37" y="176" width="406" height="136" fill="url(#cool-tv)"/>
|
||
<path d="M104 176 410 176 410 244 274 244 274 312 172 312 172 244 104 244Z" fill="url(#cool-cav)"/>
|
||
<g clip-path="url(#cool-clip)"><rect x="104" y="176" width="306" height="136" fill="url(#cool-brick)"/><path d="M148 176h8v68h-8ZM292 176h8v68h-8Z" fill="#3A4753"/><path d="M148.5 176V244M292.5 176V244" stroke="#9AA8B5" stroke-opacity=".5"/><path d="M152.5 176V244M296.5 176V244" stroke="#1C2630" stroke-width="2"/><rect x="104" y="307" width="306" height="5" fill="#26313C"/><rect x="104" y="307" width="306" height="1" fill="#8C9AA7" fill-opacity=".3"/><path d="M104 176 410 176 410 244 274 244 274 312 172 312 172 244 104 244Z" transform="translate(6 6)" fill="none" stroke="#000" stroke-opacity=".5" stroke-width="12"/></g>
|
||
<rect x="36" y="32" width="408" height="18" fill="url(#cool-aot)"/>
|
||
<rect x="36" y="32" width="14" height="280" fill="url(#cool-aol)"/>
|
||
<rect x="428" y="32" width="16" height="280" fill="url(#cool-aor)"/>
|
||
<path d="M20 2H466V368H20Z M36 32V330H444V32Z" fill="url(#cool-hatch)" fill-rule="evenodd"/>
|
||
<rect x="466" y="2" width="8" height="366" fill="url(#cool-ext)"/><path d="M474.5 2V368" stroke="#9AA8B5" stroke-opacity=".5" stroke-width="1"/>
|
||
<rect x="36" y="314" width="408" height="10" fill="#1D3045"/>
|
||
<rect x="36" y="324" width="408" height="6" fill="url(#cool-ins)"/>
|
||
<rect x="36" y="311" width="408" height="3" fill="#4A6077"/>
|
||
<path d="M70 311V314M104 311V314M138 311V314M172 311V314M206 311V314M240 311V314M274 311V314M308 311V314M342 311V314M376 311V314M410 311V314" stroke="#0B151E" stroke-width="1"/>
|
||
<path d="M36 311.5H444" stroke="#8FA4B8" stroke-opacity=".6" stroke-width="1"/>
|
||
<path d="M20 2H474V368H20Z" fill="none" stroke="#2A3D53" stroke-width="1.2"/>
|
||
<path d="M36 324H444M36 330H444M466 2V368" stroke="#fff" stroke-opacity=".07" stroke-width="1"/>
|
||
<path d="M35 32V311M445 32V311M36 31H444" stroke="#36506A" stroke-width="2"/>
|
||
<rect x="36" y="170" width="408" height="6" fill="#2A4157"/>
|
||
<path d="M36 170.6H444" stroke="#7E94A9" stroke-width="1.2"/>
|
||
<path d="M36 176.2H444" stroke="#000" stroke-opacity=".45" stroke-width="1.5"/>
|
||
<path d="M104 244V176H410" fill="none" stroke="#000" stroke-opacity=".5" stroke-width="1.6"/>
|
||
<path d="M104 244H172V312M410 176V244H274V312" fill="none" stroke="#D9D2C7" stroke-opacity=".55" stroke-width="2"/>
|
||
<rect x="186.5" y="314" width="15" height="54" fill="#0A141D"/>
|
||
<rect x="214.5" y="314" width="15" height="54" fill="#0A141D"/>
|
||
<rect x="234.5" y="314" width="15" height="54" fill="#0A141D"/>
|
||
<rect x="362.5" y="314" width="15" height="54" fill="#0A141D"/>
|
||
<g fill="none" stroke-linejoin="round"><path d="M160 262H194V368" stroke="#525E6A" stroke-width="10"/><path d="M160 262H194V368" stroke="#7D8A96" stroke-width="7.4" transform="translate(-.9 -.9)"/><path d="M160 262H194V368" stroke="#B8C2CB" stroke-width="1.3" transform="translate(-3.5 -3.5)"/></g>
|
||
<g fill="none" stroke-linejoin="round"><path d="M128 211H392V196" stroke="#1C67A3" stroke-width="8"/><path d="M128 211H392V196" stroke="#2E9BEF" stroke-width="5.4" transform="translate(-.9 -.9)"/><path d="M128 211H392V196" stroke="#A6D6FB" stroke-width="1.3" transform="translate(-2 -2)"/></g>
|
||
<g fill="none" stroke-linejoin="round"><path d="M242 368V211" stroke="#1C67A3" stroke-width="9"/><path d="M242 368V211" stroke="#2E9BEF" stroke-width="6.4" transform="translate(-.9 -.9)"/><path d="M242 368V211" stroke="#A6D6FB" stroke-width="1.3" transform="translate(-3 -3)"/></g>
|
||
<g fill="none" stroke-linejoin="round"><path d="M222 368V198" stroke="#0E1B27" stroke-width="14"/><path d="M222 368V198" stroke="#B3302A" stroke-width="9"/><path d="M222 368V198" stroke="#FF4D3D" stroke-width="6.4" transform="translate(-.9 -.9)"/><path d="M222 368V198" stroke="#FFA197" stroke-width="1.3" transform="translate(-3 -3)"/></g>
|
||
<g fill="none" stroke-linejoin="round"><path d="M128 198H350" stroke="#B3302A" stroke-width="8"/><path d="M128 198H350" stroke="#FF4D3D" stroke-width="5.4" transform="translate(-.9 -.9)"/><path d="M128 198H350" stroke="#FFA197" stroke-width="1.3" transform="translate(-2 -2)"/></g>
|
||
<rect x="105" y="186" width="25" height="30" rx="2" fill="#56626E"/><path d="M105.5 215V186.5H129.5" fill="none" stroke="#8C9AA7" stroke-width="1"/><rect x="126" y="193.5" width="5" height="7" fill="#76848F"/><rect x="126" y="206.5" width="5" height="7" fill="#76848F"/>
|
||
<path d="M213.5 300h17v4h-17ZM233.5 300h17v4h-17ZM213.5 234h17v4h-17ZM233.5 234h17v4h-17ZM150 191h4v27h-4ZM294 191h4v27h-4Z" fill="#A9B5C0"/>
|
||
<g stroke="#4E5A66" stroke-opacity=".7"><rect x="215.5" y="192" width="13" height="12" rx="3.5" fill="url(#cool-chromeh)"/><rect x="235.5" y="205" width="13" height="12" rx="3.5" fill="url(#cool-chromeh)"/><rect x="387" y="206" width="10" height="10" rx="3.5" fill="url(#cool-chromeh)"/><rect x="187" y="255" width="14" height="14" rx="3.5" fill="#95A1AC"/></g>
|
||
<rect x="214.5" y="264" width="15" height="16" rx="3" fill="url(#cool-chrome)"/><rect x="234.5" y="264" width="15" height="16" rx="3" fill="url(#cool-chrome)"/>
|
||
<rect x="201" y="265.5" width="17" height="5" rx="2.5" fill="#FF4D3D"/><rect x="246" y="265.5" width="17" height="5" rx="2.5" fill="#2E9BEF"/>
|
||
<circle cx="222" cy="268" r="2.6" fill="#56636F"/><circle cx="242" cy="268" r="2.6" fill="#56636F"/>
|
||
<g fill="none" stroke-linejoin="round"><path d="M370 326V368" stroke="#525E6A" stroke-width="10"/><path d="M370 326V368" stroke="#7D8A96" stroke-width="7.4" transform="translate(-.9 -.9)"/><path d="M370 326V368" stroke="#B8C2CB" stroke-width="1.3" transform="translate(-3.5 -3.5)"/></g>
|
||
<path d="M349 314H391L384 327H356Z" fill="#56626E"/><path d="M349 314.5H391" stroke="#95A1AC" stroke-width="1"/>
|
||
<path d="M221.3 284L227.3 294L215.3 294ZM172 197.3L182 191.3L182 203.3ZM270 197.3L260 191.3L260 203.3Z" fill="#FF4D3D"/>
|
||
<path d="M241.3 284L247.3 294L235.3 294ZM199 210.3L209 204.3L209 216.3ZM287 210.3L277 204.3L277 216.3Z" fill="#2E9BEF"/>
|
||
<path d="M193.1 303L189.6 297L196.6 297ZM369.1 352L365.6 346L372.6 346Z" fill="#0B1620" fill-opacity=".62"/>
|
||
<rect x="60" y="238" width="128" height="48" fill="#000" fill-opacity=".3"/>
|
||
<rect x="54" y="232" width="128" height="48" fill="url(#cool-cab)"/>
|
||
<path d="M54 256H182" stroke="#5B554D" stroke-width="1.4"/>
|
||
<path d="M60 237.5H176M60 261.5H176" stroke="#5B554D" stroke-width="2.4" stroke-linecap="round"/>
|
||
<path d="M60 239H176M60 263H176" stroke="#C9C1B4" stroke-opacity=".5" stroke-width="1"/>
|
||
<path d="M181.4 232V280" stroke="#6A645B" stroke-width="1.2"/><path d="M54 279.4H182" stroke="#6A645B" stroke-width="1.2"/>
|
||
<rect x="56" y="224" width="136" height="14" rx="3" fill="#000" fill-opacity=".25"/>
|
||
<path d="M50 221A3 3 0 0 1 53 218H183A3 3 0 0 1 186 221V229Q186 232 181 232H55Q50 232 50 229Z" fill="url(#cool-cer)"/>
|
||
<path d="M53 218.8H183" stroke="#fff" stroke-width="1.2"/><path d="M55 231.3H181" stroke="#B9B1A4" stroke-width="1"/>
|
||
<path d="M123 192.5L131 183" stroke="#000" stroke-opacity=".25" stroke-width="3.6" stroke-linecap="round"/><circle cx="122" cy="201" r="9" fill="#000" fill-opacity=".25"/>
|
||
<circle cx="118" cy="197" r="9" fill="url(#cool-chromeh)"/><circle cx="118" cy="197" r="8.4" fill="none" stroke="#76848F" stroke-width="1"/>
|
||
<path d="M118.5 191L125.5 181.5" stroke="#E6ECF1" stroke-width="3.4" stroke-linecap="round"/><path d="M119.6 191L126.4 182.2" stroke="#76848F" stroke-width="1" stroke-linecap="round"/>
|
||
<circle cx="118" cy="197" r="5" fill="url(#cool-chrome)"/>
|
||
<rect x="114.5" y="199" width="7" height="11" rx="2" fill="url(#cool-chrome)"/><rect x="114.5" y="208" width="7" height="3" rx="1.2" fill="#56636F"/>
|
||
<path d="M118 211.5V218" stroke="#9FD2F4" stroke-width="2.6" stroke-opacity=".9"/>
|
||
<rect x="182" y="156" width="12" height="14" rx="3" fill="#D9D2C7"/><rect x="182" y="156" width="4" height="14" rx="2" fill="#ECE7DF"/><path d="M186 156V151H193" fill="none" stroke="#9AA8B5" stroke-width="2"/>
|
||
<rect x="227" y="69" width="48" height="82" fill="#000" fill-opacity=".28"/><path d="M226 72H266M226 79H266M226 86H266M226 93H266M226 100H266M226 114H266M226 121H266M226 128H266M226 135H266M226 142H266" stroke="#D9D2C7" stroke-width="3.2"/><path d="M226 72H266M226 79H266M226 86H266M226 93H266M226 100H266M226 114H266M226 121H266M226 128H266M226 135H266M226 142H266" stroke="#fff" stroke-opacity=".6" stroke-width="1" transform="translate(0 -1)"/><rect x="222" y="64" width="7" height="86" rx="3.5" fill="url(#cool-chrome)"/><rect x="263" y="64" width="7" height="86" rx="3.5" fill="url(#cool-chrome)"/>
|
||
<rect x="222" y="150" width="6" height="7" fill="url(#cool-chrome)"/><rect x="263" y="150" width="6" height="7" fill="url(#cool-chrome)"/>
|
||
<rect x="233" y="103" width="28" height="44" rx="2" fill="#8E877C"/>
|
||
<rect x="233" y="103" width="28" height="36" rx="2" fill="#C2B6A4"/><rect x="233" y="103" width="28" height="6" rx="2" fill="#DCD2C3"/>
|
||
<path d="M233 109.5H261" stroke="#8E877C" stroke-width="1"/><path d="M234 133H260" stroke="#E6DDD0" stroke-opacity=".7" stroke-width="1.2"/><path d="M255.5 110V139" stroke="#8E877C" stroke-opacity=".55" stroke-width="3"/>
|
||
<circle cx="123" cy="123" r="42" fill="#000" fill-opacity=".3"/>
|
||
<circle cx="118" cy="118" r="42" fill="#B9C4CE"/><circle cx="118" cy="118" r="40" fill="none" stroke="#76848F" stroke-width="1.4"/>
|
||
<circle cx="118" cy="118" r="39" fill="url(#cool-mir)"/>
|
||
<g clip-path="url(#cool-mclip)"><rect x="79" y="79" width="78" height="78" fill="url(#cool-mt)"/><path d="M79 140H157V157H79Z" fill="#2A4157" fill-opacity=".7"/><path d="M79 139.5H157" stroke="#7E94A9" stroke-opacity=".5" stroke-width="1"/></g>
|
||
<path d="M86 104A35 35 0 0 1 104 86" fill="none" stroke="#fff" stroke-opacity=".28" stroke-width="2" stroke-linecap="round"/>
|
||
<rect x="373" y="72" width="5" height="122" fill="#000" fill-opacity=".25"/>
|
||
<rect x="367.5" y="66" width="5" height="128" fill="url(#cool-chrome)"/>
|
||
<rect x="366" y="62" width="8" height="15" rx="3" fill="url(#cool-chrome)"/>
|
||
<rect x="345" y="80" width="56" height="8" rx="3.5" fill="#000" fill-opacity=".25"/>
|
||
<rect x="342" y="75" width="56" height="8" rx="3.5" fill="url(#cool-chromeh)"/>
|
||
<path d="M346 83.6H394" stroke="#56636F" stroke-width="1.2" stroke-dasharray="1.4 2.6"/>
|
||
<rect x="410" y="152" width="9" height="18" rx="2.5" fill="#D9D2C7"/><rect x="410" y="152" width="3" height="18" rx="1.5" fill="#ECE7DF"/><rect x="412.5" y="148" width="4" height="5" fill="#9AA8B5"/>
|
||
<rect x="422" y="158" width="10" height="12" rx="2.5" fill="#5E7F73"/><rect x="422" y="158" width="3" height="12" rx="1.5" fill="#8DAA9E"/><rect x="424.5" y="154.5" width="5" height="4" fill="#9AA8B5"/>
|
||
<rect x="344" y="194" width="60" height="12" rx="6" fill="#000" fill-opacity=".28"/>
|
||
<rect x="344" y="190" width="52" height="11" rx="5.5" fill="url(#cool-chromeh)"/>
|
||
<rect x="339" y="186" width="14" height="19" rx="3.5" fill="url(#cool-chromeh)"/><rect x="387" y="186" width="14" height="19" rx="3.5" fill="url(#cool-chromeh)"/>
|
||
<path d="M342.5 189.5v13M346 189.5v13M349.5 189.5v13M390.5 189.5v13M394 189.5v13M397.5 189.5v13" stroke="#76848F" stroke-width=".9"/>
|
||
<path d="M348 88V250M354.5 88V296M361 88V270M367.5 88V304M374 88V284M380.5 88V300M387 88V262M393.5 88V292" stroke="url(#cool-rain)" stroke-width="1.3"/>
|
||
<rect x="318" y="92" width="126" height="216" fill="#CFEAFF" fill-opacity=".05"/>
|
||
<path d="M318.7 308V92.7H440" fill="none" stroke="#E6F4FF" stroke-opacity=".6" stroke-width="1.4"/>
|
||
<path d="M356 93H368L319 178V157Z M374 93H378L319 195V188Z" fill="#fff" fill-opacity=".07"/>
|
||
<rect x="316" y="307" width="128" height="5" fill="#9AA8B5"/><path d="M316 307.5H444" stroke="#DCE3E9" stroke-width="1"/>
|
||
<rect x="440" y="92" width="4" height="216" fill="#9AA8B5"/>
|
||
<rect x="348" y="310" width="44" height="4" rx="1" fill="#D3DBE2"/><path d="M352 312H388" stroke="#5E6B77" stroke-width="1.2" stroke-dasharray="2.2 1.8"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 04 Lüftung -->
|
||
<article class="svc svc--air" style="--i:3" id="lueftung">
|
||
<div class="svc__inner">
|
||
<div class="svc__body">
|
||
<h3 class="svc__title"><svg class="icon" aria-hidden="true"><use href="#i-wind"/></svg>Lüftung</h3>
|
||
<p class="svc__text">Kontrollierte Wohnraumlüftung bringt frische Luft ins Haus – und die Wärme bleibt drinnen.</p>
|
||
<ul class="svc__list">
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Zentrale Wohnraumlüftung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Dezentrale Lüftungsgeräte</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Wärmerückgewinnung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Filterwechsel & Wartung</li>
|
||
</ul>
|
||
<div class="svc__foot">
|
||
<a class="link-arrow" href="#kontakt" data-topic="Lüftung">Beratung anfragen <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="svc__art">
|
||
<svg class="art" viewBox="0 0 480 400" aria-hidden="true" focusable="false">
|
||
<defs>
|
||
<pattern id="air-hatch" width="7" height="7" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="7" height="7" fill="#16263A"/><path d="M0 0V7" stroke="#fff" stroke-opacity=".07"/></pattern>
|
||
<pattern id="air-tile" width="9" height="9" patternUnits="userSpaceOnUse"><rect width="9" height="9" fill="#172A3E"/><path d="M0 .5H9M.5 0V9" stroke="#fff" stroke-opacity=".05"/></pattern>
|
||
<linearGradient id="air-ga" gradientUnits="userSpaceOnUse" x1="219" y1="139" x2="261" y2="181"><stop stop-color="#8FC9F0"/><stop offset="1" stop-color="#FFB547"/></linearGradient>
|
||
<linearGradient id="air-gb" gradientUnits="userSpaceOnUse" x1="219" y1="181" x2="261" y2="139"><stop stop-color="#E58A6A"/><stop offset="1" stop-color="#9AA6B2"/></linearGradient>
|
||
<pattern id="air-ins" width="7" height="7" y="232" patternUnits="userSpaceOnUse"><rect width="7" height="7" fill="#1B2D40"/><path d="M0 1.2L3.5 5.8L7 1.2" fill="none" stroke="#fff" stroke-opacity=".16" stroke-width=".8"/></pattern>
|
||
<pattern id="air-x" width="6" height="6" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="6" height="6" fill="#C9D3DC"/><path d="M0 0V6M0 0H6" stroke="#9AA8B5" stroke-width="1.6"/></pattern>
|
||
<linearGradient id="air-sv" x2="0" y2="1"><stop stop-color="#000" stop-opacity=".34"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="air-sl"><stop stop-color="#000" stop-opacity=".26"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="air-sr" x1="1" x2="0"><stop stop-color="#000" stop-opacity=".2"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient>
|
||
<radialGradient id="air-cs"><stop stop-color="#000" stop-opacity=".45"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient>
|
||
<path id="air-ch" d="M-3.8-4.4L3.6 0L-3.8 4.4Z"/>
|
||
</defs>
|
||
<g transform="translate(0 14)">
|
||
<path d="M60 232 60 176 240 32 420 176 420 232Z" fill="#101D2B"/>
|
||
<rect x="60" y="248" width="164" height="104" fill="#142435"/>
|
||
<rect x="232" y="248" width="188" height="104" fill="#142435"/>
|
||
<rect x="60" y="248" width="360" height="16" fill="url(#air-sv)"/>
|
||
<rect x="60" y="248" width="14" height="104" fill="url(#air-sl)"/><rect x="232" y="248" width="14" height="104" fill="url(#air-sl)"/>
|
||
<rect x="212" y="248" width="12" height="104" fill="url(#air-sr)"/><rect x="408" y="248" width="12" height="104" fill="url(#air-sr)"/>
|
||
<rect x="60" y="298" width="164" height="54" fill="url(#air-tile)"/>
|
||
<path d="M76 326H156V338Q156 350 144 350H88Q76 350 76 338Z" fill="#22384E"/>
|
||
<rect x="72" y="321" width="88" height="5" rx="2" fill="#30506C"/>
|
||
<path d="M86 321V311Q86 307 90 307H95" fill="none" stroke="#30506C" stroke-width="2.4" stroke-linecap="round"/>
|
||
<rect x="84" y="350" width="6" height="2" fill="#30506C"/><rect x="142" y="350" width="6" height="2" fill="#30506C"/>
|
||
<rect x="180" y="282" width="24" height="28" rx="2" fill="#1A2E43" stroke="#30506C" stroke-width="1.6"/>
|
||
<path d="M185 302L198 289" stroke="#fff" stroke-opacity=".08" stroke-width="3"/>
|
||
<rect x="176" y="322" width="32" height="4.5" rx="2" fill="#30506C"/><path d="M179 326.5H205V332Q205 337 200 337H184Q179 337 179 332Z" fill="#22384E"/>
|
||
<path d="M192 322V316H196" fill="none" stroke="#30506C" stroke-width="2" stroke-linecap="round"/><rect x="190" y="337" width="4" height="15" fill="#22384E"/>
|
||
<rect x="334" y="276" width="40" height="26" fill="#182C41" stroke="#2A4560" stroke-width="2"/>
|
||
<path d="M340 296L350 287L358 294L364 289L369 296Z" fill="#22394F"/>
|
||
<rect x="322" y="312" width="84" height="22" rx="5" fill="#1F344B"/>
|
||
<rect x="318" y="329" width="92" height="15" rx="4" fill="#284159"/>
|
||
<rect x="312" y="321" width="13" height="25" rx="4" fill="#2C4762"/><rect x="403" y="321" width="13" height="25" rx="4" fill="#2C4762"/>
|
||
<rect x="320" y="346" width="3" height="6" fill="#2C4762"/><rect x="405" y="346" width="3" height="6" fill="#2C4762"/>
|
||
<rect x="60" y="350" width="360" height="2" fill="#24384D"/>
|
||
<path d="M60 177 240 33 420 177" fill="none" stroke="#24394F" stroke-width="2.5"/>
|
||
<path d="M197.5 66 282.5 66 292.5 74 187.5 74Z" fill="#3A3430"/>
|
||
<path d="M198.5 66.8 281.5 66.8" stroke="#564D46" stroke-width="1.2"/>
|
||
<path d="M26 185.2 240 14 454 185.2 454 203.2 240 32 26 203.2Z" fill="#16263A" stroke="#36506A"/>
|
||
<path d="M236 20.7l-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8-6-6.2-6 15.8" fill="none" stroke="#fff" stroke-opacity=".13" stroke-width=".9" stroke-linejoin="round"/>
|
||
<path d="M244 20.7l6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8 6-6.2 6 15.8" fill="none" stroke="#fff" stroke-opacity=".13" stroke-width=".9" stroke-linejoin="round"/>
|
||
<path d="M26 185.2 46 169.2 46 187.2 26 203.2Z" fill="#2A2A2E"/>
|
||
<rect x="24" y="184.2" width="2" height="19" fill="#3B3D42"/>
|
||
<path d="M454 185.2 434 169.2 434 187.2 454 203.2Z" fill="#2A2A2E"/>
|
||
<rect x="454" y="184.2" width="2" height="19" fill="#3B3D42"/>
|
||
<path d="M22 188.4 240 14 458 188.4 L458 181.9 240 7.5 22 181.9Z" fill="#4A302B"/>
|
||
<path d="M240 10.8L22 185.2M240 10.8L458 185.2" stroke="#6E463C" stroke-width="6.5" stroke-dasharray="1.2 7.8"/>
|
||
<path d="M22 181.9 240 7.5 458 181.9" fill="none" stroke="#6E463C"/>
|
||
<path d="M234 11.8L240 5L246 11.8" fill="none" stroke="#6E463C" stroke-width="3" stroke-linejoin="round"/>
|
||
<path d="M14.5 187.4a5.5 5.5 0 0 0 11 0" fill="#56616C" stroke="#9AA8B5" stroke-width="1.6"/>
|
||
<path d="M454.5 187.4a5.5 5.5 0 0 0 11 0" fill="#56616C" stroke="#9AA8B5" stroke-width="1.6"/>
|
||
<g fill="url(#air-hatch)" stroke="#36506A">
|
||
<path d="M46 187.2L60 176V270H46Z"/>
|
||
<path d="M46 308H60V366H46Z"/>
|
||
</g>
|
||
<path d="M47.2 187.2v82.8M47.2 308v58" stroke="#2E4359" stroke-width="2.5"/>
|
||
<g fill="url(#air-hatch)" stroke="#36506A">
|
||
<path d="M420 176L434 187.2V264H420Z"/>
|
||
<path d="M420 326H434V366H420Z"/>
|
||
</g>
|
||
<path d="M432.8 187.2v76.8M432.8 326v40" stroke="#2E4359" stroke-width="2.5"/>
|
||
<rect x="46" y="270" width="14" height="38" fill="#1B3550"/>
|
||
<rect x="49.5" y="270" width="7" height="5" fill="#D9D2C7"/><rect x="49.5" y="303" width="7" height="5" fill="#B9B1A4"/>
|
||
<path d="M51.8 275V303M54.2 275V303" stroke="#9CC4E0" stroke-opacity=".55"/>
|
||
<rect x="42" y="305.5" width="7" height="2.5" fill="#9AA8B5"/>
|
||
<rect x="58" y="305.5" width="5" height="2.5" fill="#B9B1A4"/>
|
||
<rect x="420" y="264" width="14" height="62" fill="#1B3550"/>
|
||
<rect x="423.5" y="264" width="7" height="5" fill="#D9D2C7"/><rect x="423.5" y="321" width="7" height="5" fill="#B9B1A4"/>
|
||
<path d="M425.8 269V321M428.2 269V321" stroke="#9CC4E0" stroke-opacity=".55"/>
|
||
<rect x="431" y="323.5" width="7" height="2.5" fill="#9AA8B5"/>
|
||
<rect x="417" y="323.5" width="5" height="2.5" fill="#B9B1A4"/>
|
||
<rect x="60" y="232" width="360" height="7" fill="url(#air-ins)" stroke="#36506A"/>
|
||
<g fill="url(#air-hatch)" stroke="#36506A">
|
||
<path d="M60 239H420V248H60Z"/>
|
||
<path d="M60 352H420V366H60Z"/>
|
||
<path d="M224 248H232V342H224Z"/>
|
||
</g>
|
||
<rect x="224" y="341" width="8" height="2" fill="#8E877C"/>
|
||
<defs><path id="air-d-out" d="M45 222L118 222Q128 222 128 212L128 149Q128 139 138 139L156 139" fill="none"/></defs>
|
||
<use href="#air-d-out" stroke="#5B95BF" stroke-width="14.5"/>
|
||
<use href="#air-d-out" stroke="#8FC9F0" stroke-width="11"/>
|
||
<use href="#air-d-out" stroke="#D2ECFB" stroke-opacity=".75" stroke-width="2.4" transform="translate(-1.8 -1.8)"/>
|
||
<defs><path id="air-d-exh" d="M324 130.5L342 130.5Q352 130.5 352 140.5L352 212Q352 222 362 222L435 222" fill="none"/></defs>
|
||
<use href="#air-d-exh" stroke="#69757F" stroke-width="14.5"/>
|
||
<use href="#air-d-exh" stroke="#9AA6B2" stroke-width="11"/>
|
||
<use href="#air-d-exh" stroke="#D0D7DE" stroke-opacity=".75" stroke-width="2.4" transform="translate(-1.8 -1.8)"/>
|
||
<defs><path id="air-d-ext" d="M198 250L198 218" fill="none"/></defs>
|
||
<use href="#air-d-ext" stroke="#B4624A" stroke-width="14.5"/>
|
||
<use href="#air-d-ext" stroke="#E58A6A" stroke-width="11"/>
|
||
<use href="#air-d-ext" stroke="#F7C6B2" stroke-opacity=".75" stroke-width="2.4" transform="translate(-1.8 -1.8)"/>
|
||
<defs><path id="air-d-sup" d="M298.5 218L298.5 250" fill="none"/></defs>
|
||
<use href="#air-d-sup" stroke="#C9842A" stroke-width="14.5"/>
|
||
<use href="#air-d-sup" stroke="#FFB547" stroke-width="11"/>
|
||
<use href="#air-d-sup" stroke="#FFE0A6" stroke-opacity=".75" stroke-width="2.4" transform="translate(-1.8 -1.8)"/>
|
||
<path d="M80 229V232M112 229V232M372 229V232M404 229V232" stroke="#8E877C" stroke-width="5"/>
|
||
<rect x="62.5" y="214" width="3" height="16" rx="1" fill="#5B95BF"/>
|
||
<rect x="98.5" y="214" width="3" height="16" rx="1" fill="#5B95BF"/>
|
||
<rect x="120" y="178.5" width="16" height="3" rx="1" fill="#5B95BF"/>
|
||
<rect x="414.5" y="214" width="3" height="16" rx="1" fill="#69757F"/>
|
||
<rect x="378.5" y="214" width="3" height="16" rx="1" fill="#69757F"/>
|
||
<rect x="344" y="178.5" width="16" height="3" rx="1" fill="#69757F"/>
|
||
<g fill="#0B1620" fill-opacity=".62">
|
||
<use href="#air-ch" transform="translate(84 222)"/>
|
||
<use href="#air-ch" transform="translate(128 194) rotate(-90)"/>
|
||
<use href="#air-ch" transform="translate(352 192) rotate(90)"/>
|
||
<use href="#air-ch" transform="translate(400 222)"/>
|
||
<use href="#air-ch" transform="translate(198 241) rotate(-90)"/>
|
||
<use href="#air-ch" transform="translate(298.5 241) rotate(90)"/>
|
||
</g>
|
||
<defs><g id="air-valve"><rect x="-13" width="26" height="3" rx="1" fill="#D9D2C7"/><rect x="-1" y="3" width="2" height="4" fill="#8E877C"/><rect x="-10" y="6.5" width="20" height="3.6" rx="1.8" fill="#ECE7DF"/><rect x="-10" y="8.7" width="20" height="1.4" rx=".7" fill="#B9B1A4"/></g></defs>
|
||
<use href="#air-valve" transform="translate(198 248)"/><use href="#air-valve" transform="translate(298.5 248)"/>
|
||
<ellipse cx="240" cy="231" rx="96" ry="6" fill="url(#air-cs)"/>
|
||
<rect x="216" y="214" width="6" height="16" fill="#9AA8B5"/><rect x="216" y="214" width="2" height="16" fill="#fff" fill-opacity=".35"/>
|
||
<rect x="211" y="229.5" width="16" height="2.5" fill="#8E877C"/>
|
||
<rect x="266" y="214" width="6" height="16" fill="#9AA8B5"/><rect x="266" y="214" width="2" height="16" fill="#fff" fill-opacity=".35"/>
|
||
<rect x="261" y="229.5" width="16" height="2.5" fill="#8E877C"/>
|
||
<rect x="152" y="131.5" width="8" height="15" fill="#B9B1A4"/><rect x="152" y="131.5" width="8" height="3" fill="#ECE7DF"/>
|
||
<rect x="320" y="123" width="8" height="15" fill="#B9B1A4"/><rect x="320" y="123" width="8" height="3" fill="#ECE7DF"/>
|
||
<rect x="190.5" y="214" width="15" height="7" fill="#B9B1A4"/><rect x="190.5" y="214" width="3" height="7" fill="#ECE7DF"/>
|
||
<rect x="291" y="214" width="15" height="7" fill="#B9B1A4"/><rect x="291" y="214" width="3" height="7" fill="#ECE7DF"/>
|
||
<rect x="160" y="112" width="160" height="102" rx="4" fill="#8E877C"/>
|
||
<rect x="160" y="112" width="158" height="99.5" rx="4" fill="#ECE7DF"/>
|
||
<rect x="161.5" y="113.5" width="156.5" height="98" rx="3" fill="#D9D2C7"/>
|
||
<path d="M160 203H320V210Q320 214 316 214H164Q160 214 160 210Z" fill="#B9B1A4"/>
|
||
<path d="M161 203.5H319" stroke="#8E877C"/><path d="M162 204.6H318" stroke="#D9D2C7"/>
|
||
<circle cx="309" cy="209.5" r="1.5" fill="#3CCFC0"/>
|
||
<path d="M240 214V221a4 4 0 0 0 8 0V218.5H255V232" fill="none" stroke="#9AA8B5" stroke-width="2.2" stroke-linejoin="round"/>
|
||
<rect x="166" y="118" width="148" height="84" fill="#2B333B"/>
|
||
<path d="M167.5 202V119.5H314" fill="none" stroke="#1A2026" stroke-width="3"/>
|
||
<path d="M169 201.2H313.2V121" fill="none" stroke="#475059" stroke-width="1.5"/>
|
||
<path d="M166 160H198M282 160H314" stroke="#8E877C" stroke-width="3"/>
|
||
<path d="M240 118L282 160L240 202L198 160Z" fill="url(#air-x)"/>
|
||
<path d="M240 118L282 160L240 202L198 160Z" fill="none" stroke="#7D8B98" stroke-width="2.2" stroke-linejoin="round"/>
|
||
<rect x="171" y="122" width="8" height="35" fill="#E4DDD1" stroke="#B9B1A4" stroke-width=".8"/>
|
||
<path d="M172.2 123l5.6 2.6-5.6 2.6 5.6 2.6-5.6 2.6 5.6 2.6-5.6 2.6 5.6 2.6-5.6 2.6 5.6 2.6-5.6 2.6 5.6 2.6-5.6 2.6" fill="none" stroke="#8E877C" stroke-width=".9"/>
|
||
<rect x="174" y="190" width="50" height="7" fill="#E4DDD1" stroke="#B9B1A4" stroke-width=".8"/>
|
||
<path d="M175 191.2l2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6 2.6 4.6 2.6-4.6" fill="none" stroke="#8E877C" stroke-width=".9"/>
|
||
<path d="M198 202L261 139Q266 134 276 134.5" fill="none" stroke="#1E262D" stroke-width="7.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M198 202L261 139Q266 134 276 134.5" fill="none" stroke="url(#air-gb)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M167 139H219L261 181Q266 186 276 185.5" fill="none" stroke="#1E262D" stroke-width="7.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M167 139H219L261 181Q266 186 276 185.5" fill="none" stroke="url(#air-ga)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<use href="#air-ch" fill="#8FC9F0" transform="translate(198 139) scale(1.2)"/>
|
||
<rect x="292" y="124" width="22" height="13" fill="#B9B1A4"/>
|
||
<defs><g id="air-fan"><circle r="14.5" fill="#B9B1A4" stroke="#8E877C"/><circle r="11" fill="#3A434C"/><path d="M3.6 0L7.8 4.9M2.8 2.3L2.8 8.7M0.6 3.5L-3.4 8.5M-1.8 3.1L-8.1 4.3M-3.4 1.2L-9-1.9M-3.4-1.2L-5.7-7.2M-1.8-3.1L0.3-9.2M0.6-3.5L6.2-6.8M2.8-2.3L9.1-1.3" stroke="#D9D2C7" stroke-width="1.5" stroke-linecap="round"/><circle r="9.4" fill="none" stroke="#B9B1A4"/><circle r="3.2" fill="#ECE7DF"/></g></defs>
|
||
<use href="#air-fan" transform="translate(292 137)"/>
|
||
<rect x="292" y="183" width="13" height="19" fill="#B9B1A4"/>
|
||
<use href="#air-fan" transform="translate(292 183)"/>
|
||
<use href="#air-ch" fill="#FFB547" transform="translate(273 185.5)"/>
|
||
<use href="#air-ch" fill="#9AA6B2" transform="translate(273 134.5)"/>
|
||
<use href="#air-ch" fill="#E58A6A" transform="translate(214 186) rotate(-45) scale(1.2)"/>
|
||
<path d="M163.5 115.5h0M316 115.5h0M163.5 199.5h0M316 199.5h0" stroke="#8E877C" stroke-width="2.4" stroke-linecap="round"/>
|
||
<rect x="40" y="213" width="6" height="18" rx="1" fill="#B9B1A4"/>
|
||
<path d="M40 216h6M40 219.6h6M40 223.2h6M40 226.8h6" stroke="#8E877C" stroke-width="1.2"/>
|
||
<rect x="434" y="213" width="6" height="18" rx="1" fill="#B9B1A4"/>
|
||
<path d="M434 216h6M434 219.6h6M434 223.2h6M434 226.8h6" stroke="#8E877C" stroke-width="1.2"/>
|
||
<path d="M9 213.4l3.7 0.4 3.4 0.6 3.2 0.8 3 0.9 2.9 0.9 2.7 0.9 2.6 0.8-0.5 2.8 8.3-3.7-6.4-6.5-0.5 2.8-2.7-0.2-2.8-0.4-3-0.4-3.2-0.4-3.4-0.3-3.6-0.1-3.8 0.1Z" fill="#8FC9F0"/>
|
||
<path d="M11.3 246.2l2.8-3.2 2.8-3.1 2.8-2.9 2.8-2.6 2.8-2.1 2.8-1.6 2.9-1.1 1.2 2.6 4.6-7.9-9-1.5 1.2 2.6-3 1.7-2.9 2.3-2.7 2.8-2.5 3.1-2.5 3.3-2.4 3.5-2.4 3.6Z" fill="#8FC9F0"/>
|
||
<path d="M444 216.4l3 0.1 3-0.2 2.9-0.5 2.9-0.7 2.9-1 2.8-1.2 2.8-1.4 1.5 2.5 3.6-8.4-9.1-0.4 1.5 2.5-2.4 1.8-2.4 1.6-2.4 1.4-2.5 1.2-2.6 0.9-2.7 0.7-2.9 0.4Z" fill="#9AA6B2"/>
|
||
<path d="M444 228.4l3 0.3 3 0.3 3 0.3 3 0.3 3 0.3 3 0.3 3 0.3 0 2.9 7.5-5.2-7.5-5.2 0 2.9-3 0.3-3 0.3-3 0.3-3 0.3-3 0.3-3 0.3-3 0.3Z" fill="#9AA6B2"/>
|
||
<path d="M284 258.6l-8.9 0.2-7.8 1.2-6.8 2.5-5.8 4.1-4.6 5.8-3.4 7.7-2.2 9.4-2.6-0.5 3.6 8.4 6.6-6.3-2.6-0.5 1.5-9.2 2.5-7.1 3.6-5.4 4.8-4.1 6.1-2.9 7.4-1.8 8.8-0.8Z" fill="#FFB547"/>
|
||
<path d="M313 259.4l16.1 0.6 14.8 1.3 13.3 2.5 11.5 4.1 9.6 6 7.7 8.2 5.8 11.2-2.4 1.3 8.2 4.1 0.9-9.1-2.4 1.3-6.6-11.4-8.9-8.6-10.7-5.9-12.2-3.7-13.7-2-15-0.7-16.2 0Z" fill="#FFB547"/>
|
||
<path d="M116.4 318.1l4.7-12.1 6.6-10.6 8.3-9.1 9.6-7.6 10.8-6 11.7-4.3 12.5-2.5 0.6 2.6 6.2-6.7-8.5-3.4 0.6 2.6-12.7 3.2-12 5.1-10.9 6.8-9.6 8.4-8.1 9.8-6.3 11.2-4.2 12.4Z" fill="#E58A6A"/>
|
||
<path d="M213.4 324l0.5-8.4 0-8-0.4-7.7-0.9-7.4-1.3-7.2-1.7-7.1-2.1-7 2.6-0.9-7.4-5.4-2.5 8.8 2.6-0.9 2.6 6.7 2.3 6.7 1.9 6.9 1.5 7.2 1 7.5 0.6 7.9 0.1 8.3Z" fill="#E58A6A"/>
|
||
<path d="M271.8 336.8l-5.6 4-6.7 2.7-8.1 1.6-9.8 0.8-11.7 0.2-13.9-0.1 0-2.2-5.5 3.8 5.5 3.8 0-2.2 13.9-0.3 11.8-0.6 9.9-1.2 8.3-2.1 6.8-3.2 5.5-4.5Z" fill="#E58A6A" fill-opacity=".85"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 05 Kundendienst -->
|
||
<article class="svc svc--steel" style="--i:4" id="kundendienst">
|
||
<div class="svc__inner">
|
||
<div class="svc__body">
|
||
<h3 class="svc__title"><svg class="icon" aria-hidden="true"><use href="#i-wrench"/></svg>Kundendienst & Wartung</h3>
|
||
<p class="svc__text">Regelmäßige Wartung hält Ihre Anlage effizient. Und wenn doch etwas klemmt, ist unser Kundendienst da.</p>
|
||
<ul class="svc__list">
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Heizungs- & Anlagenwartung</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Störungsbehebung & Reparatur</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Ersatzteile & Service</li>
|
||
<li><svg class="icon" aria-hidden="true"><use href="#i-check"/></svg>Beratung zur Modernisierung</li>
|
||
</ul>
|
||
<div class="svc__foot">
|
||
<a class="link-arrow" href="#kontakt" data-topic="Wartung & Störung">Termin vereinbaren <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
<a class="svc__phone" href="tel:+4987172617"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>0871 72617</a>
|
||
</div>
|
||
</div>
|
||
<div class="svc__art">
|
||
<svg class="art" viewBox="0 0 480 400" aria-hidden="true" focusable="false"><defs><pattern id="steel-hatch" width="7" height="7" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="7" height="7" fill="#16263A"/><path d="M0 0V7" stroke="#fff" stroke-opacity=".07" stroke-width="1"/></pattern><linearGradient id="steel-wall" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#14243A"/><stop offset="1" stop-color="#0E1A27"/></linearGradient><linearGradient id="steel-case" x1="0" x2="1"><stop offset="0" stop-color="#F4F0EA"/><stop offset=".62" stop-color="#E1DBD2"/><stop offset="1" stop-color="#C0B8AC"/></linearGradient><linearGradient id="steel-door" x1="0" x2="1"><stop offset="0" stop-color="#DCD5CA"/><stop offset="1" stop-color="#A69E91"/></linearGradient><linearGradient id="steel-metal" x1="0" x2="1"><stop offset="0" stop-color="#E8EDF2"/><stop offset=".42" stop-color="#C9D3DC"/><stop offset="1" stop-color="#8494A3"/></linearGradient><linearGradient id="steel-red" x1="0" x2="1"><stop offset="0" stop-color="#EC7262"/><stop offset=".36" stop-color="#D2463A"/><stop offset="1" stop-color="#8A251D"/></linearGradient><linearGradient id="steel-box" x1="0" x2="1"><stop offset="0" stop-color="#8FB3D9"/><stop offset=".5" stop-color="#6B8DB4"/><stop offset="1" stop-color="#46638A"/></linearGradient><linearGradient id="steel-flame" x1="0" x2="1"><stop offset="0" stop-color="#FFB547"/><stop offset=".55" stop-color="#FF7A35"/><stop offset="1" stop-color="#E0501F"/></linearGradient><linearGradient id="steel-shv" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#000" stop-opacity=".35"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient><linearGradient id="steel-shh" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient><linearGradient id="steel-shr" x1="1" y1="0" x2="0" y2="0"><stop offset="0" stop-color="#000" stop-opacity=".22"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient></defs><g transform="translate(0 4)"><rect x="38" y="28" width="404" height="322" fill="url(#steel-wall)"/><rect x="38" y="28" width="404" height="16" fill="url(#steel-shv)"/><rect x="38" y="28" width="16" height="322" fill="url(#steel-shh)"/><rect x="426" y="28" width="16" height="322" fill="url(#steel-shr)"/><rect x="38" y="345" width="404" height="5" fill="#1A2C3F"/><path d="M14 8H466V382H14ZM38 28V350H442V28Z" fill="url(#steel-hatch)" fill-rule="evenodd"/><rect x="14" y="8" width="452" height="374" fill="none" stroke="#2A3D53" stroke-width="1.2"/><rect x="38" y="28" width="404" height="322" fill="none" stroke="#36506A" stroke-width="1.5"/><rect x="38" y="350" width="404" height="4" fill="#1E3248"/><rect x="212" y="8" width="40" height="20" fill="#0A1520"/><rect x="216" y="8" width="32" height="46" fill="url(#steel-case)" stroke="#8E877C" stroke-width=".8"/><path d="M221 8V54" stroke="#fff" stroke-opacity=".6" stroke-width="2"/><rect x="210" y="28" width="44" height="3.5" fill="#B9B1A4"/><rect x="214" y="41" width="36" height="5" rx="1" fill="#D9D2C7" stroke="#8E877C" stroke-width=".7"/><rect x="166" y="62" width="148" height="224" rx="6" fill="#000" fill-opacity=".3"/><rect x="158" y="54" width="148" height="224" rx="6" fill="url(#steel-case)" stroke="#8E877C"/><path d="M164 55.5H300" stroke="#fff" stroke-opacity=".7" stroke-width="1.2"/><rect x="166" y="62" width="132" height="182" rx="2" fill="#1F2A35"/><path d="M166 62H298V68H172V244H166Z" fill="#141D26"/><rect x="220" y="62" width="24" height="23" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><path d="M204 92.5L216 83H248L260 92.5Z" fill="#B3BFCA" stroke="#66737F" stroke-width=".8"/><path d="M217 84H247" stroke="#fff" stroke-opacity=".5" stroke-width="1"/><rect x="200" y="92" width="64.0" height="63" rx="5" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><path d="M202.5 98H261.5M202.5 104H261.5M202.5 110H261.5M202.5 116H261.5M202.5 122H261.5M202.5 128H261.5M202.5 134H261.5M202.5 140H261.5M202.5 146H261.5" stroke="#7B8A98" stroke-width="1"/><path d="M206 96V151" stroke="#fff" stroke-opacity=".45" stroke-width="2"/><rect x="196" y="153" width="72" height="11" rx="2" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><path d="M202 158.5h.1M222 158.5h.1M242 158.5h.1M262 158.5h.1" stroke="#4E5A66" stroke-width="2.6" stroke-linecap="round"/><rect x="214" y="101" width="36" height="46" rx="3" fill="#232D37" stroke="#66737F" stroke-width=".8"/><g fill="#B7C3CE" stroke="#6E7D8B" stroke-width=".6"><circle cx="218.5" cy="106" r="2.6"/><circle cx="245.5" cy="106" r="2.6"/><circle cx="218.5" cy="112" r="2.6"/><circle cx="245.5" cy="112" r="2.6"/><circle cx="218.5" cy="118" r="2.6"/><circle cx="245.5" cy="118" r="2.6"/><circle cx="218.5" cy="124" r="2.6"/><circle cx="245.5" cy="124" r="2.6"/><circle cx="218.5" cy="130" r="2.6"/><circle cx="245.5" cy="130" r="2.6"/><circle cx="218.5" cy="136" r="2.6"/><circle cx="245.5" cy="136" r="2.6"/><circle cx="218.5" cy="142" r="2.6"/><circle cx="245.5" cy="142" r="2.6"/></g><rect x="225" y="105" width="14" height="38" rx="3" fill="url(#steel-flame)"/><path d="M225 110h14M225 115h14M225 120h14M225 125h14M225 130h14M225 135h14M225 140h14" stroke="#9C3510" stroke-opacity=".55" stroke-width=".8"/><path d="M200 101H188Q180 101 180 109V278" fill="none" stroke="#FF6A2B" stroke-width="6"/><rect x="195" y="97" width="5" height="8" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><path d="M282 278V151Q282 143 274 143H264" fill="none" stroke="#2E9BEF" stroke-width="6"/>
|
||
<g fill="none" stroke-width="1.3" transform="translate(-1.5 -1.5)"><path d="M196.4 101H188Q180 101 180 109V279.5" stroke="#FFAD88"/><path d="M282 279.5V151Q282 143 274 143H265.5" stroke="#A6D6FB"/></g><rect x="264" y="139" width="5" height="8" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><path d="M238 222V278" stroke="#9AA8B5" stroke-width="5"/><rect x="198" y="163" width="12" height="21" fill="#9AA8B5" stroke="#66737F" stroke-width=".8"/><path d="M204 211a15 15 0 1 1 15 -15" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><circle cx="204" cy="196" r="15" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><circle cx="204" cy="196" r="8.5" fill="none" stroke="#7B8A98" stroke-width="1"/><circle cx="204" cy="196" r="3.5" fill="#56626E"/><rect x="226" y="200" width="24" height="22" rx="2" fill="#8794A1" stroke="#56626E" stroke-width=".8"/><rect x="230" y="189" width="16" height="12" rx="2" fill="#323E4A"/><rect x="218" y="206" width="8" height="7" fill="#8794A1" stroke="#56626E" stroke-width=".6"/><rect x="271" y="196" width="22" height="34" rx="3" fill="#5D6976" stroke="#3F4A55" stroke-width=".8"/><circle cx="282" cy="213" r="13" fill="#3B4855" stroke="#2A3540" stroke-width=".8"/><circle cx="282" cy="213" r="10" fill="none" stroke="#8FB3D9" stroke-width="2.6"/><circle cx="282" cy="213" r="6" fill="#4C5966" stroke="#2A3540" stroke-width=".7"/><path d="M279.5 213h5" stroke="#8794A1" stroke-width="1.3" stroke-linecap="round"/><rect x="266" y="192" width="10" height="7" rx="1.2" fill="#2E3944"/><path d="M266 195.5C256 195.5 252 200 252 244" fill="none" stroke="#2E3944" stroke-width="1.6"/><path d="M180 178L174 168L186 168Z" fill="#FF6A2B"/><path d="M282 168L288 178L276 178Z" fill="#2E9BEF"/><path d="M158 244H306V272a6 6 0 0 1 -6 6H164a6 6 0 0 1 -6 -6Z" fill="#E7E1D8" stroke="#8E877C"/><path d="M160 245.5H304" stroke="#fff" stroke-opacity=".8" stroke-width="1.2"/><rect x="212" y="253" width="40" height="15" rx="2" fill="#24323F" stroke="#8E877C" stroke-width=".8"/><path d="M214 254h14l-9 13h-5Z" fill="#fff" fill-opacity=".08"/><circle cx="180" cy="260" r="7" fill="#B9B1A4" stroke="#8E877C" stroke-width=".8"/><circle cx="179.4" cy="259.4" r="5" fill="#ECE7DF"/><path d="M176.6 256.6l2.4 2.4" stroke="#56626E" stroke-width="1.5" stroke-linecap="round"/><circle cx="262" cy="260" r="2.8" fill="#B9B1A4" stroke="#8E877C" stroke-width=".7"/><circle cx="271" cy="260" r="2.8" fill="#B9B1A4" stroke="#8E877C" stroke-width=".7"/><path d="M158 66L128 54V294L158 280Z" fill="#000" fill-opacity=".24"/><path d="M158 56L120 42V288L158 276Z" fill="url(#steel-door)" stroke="#8E877C"/><path d="M151 68L127 56V274L151 264Z" fill="#B9B1A4" opacity=".55"/><path d="M121.5 43V287" stroke="#F4F0EA" stroke-width="3"/><path d="M132 72l22 4.5v11l-22-4.5Z" fill="#F4F0EA" stroke="#8E877C" stroke-width=".6"/><path d="M135 77l14 2.9M135 81l10 2" stroke="#B9B1A4" stroke-width=".8"/><rect x="155" y="76" width="5" height="10" rx="1" fill="#8E877C"/><rect x="155" y="254" width="5" height="10" rx="1" fill="#8E877C"/><path d="M180 278V350" stroke="#FF6A2B" stroke-width="6"/><rect x="173.5" y="318" width="13" height="32" fill="#C9521F"/><path d="M176.4 319V350" stroke="#FF956A" stroke-width="2.4" opacity=".75"/><path d="M173.5 319h13" stroke="#000" stroke-opacity=".28" stroke-width="2"/><path d="M175.6 329.6L184.4 329.6L180 337Z" fill="#0B1620" fill-opacity=".62"/><path d="M282 278V350" stroke="#2E9BEF" stroke-width="6"/><rect x="275.5" y="318" width="13" height="32" fill="#2271B6"/><path d="M278.4 319V350" stroke="#73BDF5" stroke-width="2.4" opacity=".75"/><path d="M275.5 319h13" stroke="#000" stroke-opacity=".28" stroke-width="2"/><path d="M277.6 336.4L286.4 336.4L282 329Z" fill="#0B1620" fill-opacity=".62"/><path d="M238 278V350" stroke="#9AA8B5" stroke-width="5"/><path d="M236.7 304V350" stroke="#fff" stroke-opacity=".35" stroke-width="1.2"/><rect x="173" y="279" width="14" height="7" rx="1" fill="#C9D3DC" stroke="#66737F" stroke-width=".8"/><rect x="174" y="287" width="12" height="16" rx="2" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><rect x="168" y="292" width="24" height="6.5" rx="3.2" fill="#D9442F" stroke="#000" stroke-opacity=".25" stroke-width=".6"/><circle cx="180" cy="295.2" r="1.8" fill="#3F4A55"/><rect x="231" y="279" width="14" height="7" rx="1" fill="#C9D3DC" stroke="#66737F" stroke-width=".8"/><rect x="232" y="287" width="12" height="16" rx="2" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><rect x="226" y="292" width="24" height="6.5" rx="3.2" fill="#E8B53A" stroke="#000" stroke-opacity=".25" stroke-width=".6"/><circle cx="238" cy="295.2" r="1.8" fill="#3F4A55"/><rect x="275" y="279" width="14" height="7" rx="1" fill="#C9D3DC" stroke="#66737F" stroke-width=".8"/><rect x="276" y="287" width="12" height="16" rx="2" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><rect x="270" y="292" width="24" height="6.5" rx="3.2" fill="#2E7FD0" stroke="#000" stroke-opacity=".25" stroke-width=".6"/><circle cx="282" cy="295.2" r="1.8" fill="#3F4A55"/><rect x="170.5" y="346" width="19" height="4" rx="1" fill="#3B4E63"/><rect x="228.5" y="346" width="19" height="4" rx="1" fill="#3B4E63"/><rect x="272.5" y="346" width="19" height="4" rx="1" fill="#3B4E63"/><path d="M282 310H378Q384 310 384 304V228" fill="none" stroke="#2E9BEF" stroke-width="4"/>
|
||
<path d="M289 310H378Q384 310 384 304V229" fill="none" stroke="#A6D6FB" stroke-width="1" transform="translate(-1 -1)"/><rect x="276" y="305.5" width="12" height="9" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".8"/><path d="M351 153A40 22 0 0 1 431 153V191A40 22 0 0 1 351 191Z" fill="#000" fill-opacity=".3"/><path d="M344 146A40 22 0 0 1 424 146V184A40 22 0 0 1 344 184Z" fill="url(#steel-red)" stroke="#6E1C15"/><rect x="341" y="161" width="86" height="8" rx="2" fill="#B8382C" stroke="#6E1C15" stroke-width=".8"/><path d="M343 162.4H425" stroke="#F08A7C" stroke-opacity=".7" stroke-width="1"/><path d="M356 134Q350 142 350 155" fill="none" stroke="#fff" stroke-opacity=".32" stroke-width="3.5" stroke-linecap="round"/><path d="M350 175V188" stroke="#fff" stroke-opacity=".18" stroke-width="3" stroke-linecap="round"/><rect x="374" y="136" width="24" height="15" rx="1" fill="#F4F1EC" opacity=".9"/><path d="M378 141h16M378 145h11" stroke="#B9B1A4" stroke-width=".9"/><rect x="380" y="205" width="8" height="8" fill="#9AA8B5" stroke="#66737F" stroke-width=".7"/><rect x="367" y="212" width="34" height="9" rx="1.5" fill="url(#steel-metal)" stroke="#66737F" stroke-width=".8"/><path d="M372 216.5h.1M396 216.5h.1" stroke="#4E5A66" stroke-width="2.4" stroke-linecap="round"/><rect x="378" y="221" width="12" height="9" rx="1" fill="#C9D3DC" stroke="#66737F" stroke-width=".8"/><rect x="390" y="222" width="7" height="7" rx="1.5" fill="#2E7FD0"/><path d="M344 297V310" stroke="#9AA8B5" stroke-width="4"/><rect x="339" y="301" width="10" height="6" rx="1" fill="#C9D3DC" stroke="#66737F" stroke-width=".6"/><circle cx="349" cy="285" r="19" fill="#000" fill-opacity=".3"/><circle cx="344" cy="280" r="19" fill="url(#steel-metal)" stroke="#56626E"/><circle cx="344" cy="280" r="15.2" fill="#F4F1EC" stroke="#8794A1" stroke-width=".6"/><path d="M333.3 275A11.8 11.8 0 0 1 343.6 268.2" fill="none" stroke="#3FB574" stroke-width="3"/><path d="M350.8 270.3A11.8 11.8 0 0 1 355.4 276.9" fill="none" stroke="#E0483A" stroke-width="3"/><path d="M334 290L336.4 287.6M330.1 282.8L333.4 282.1M330.9 274.6L334 275.9M336.1 268.2L338 271M344 265.8L344 269.2M351.9 268.2L350 271M357.1 274.6L354 275.9M357.9 282.8L354.6 282.1M354 290L351.6 287.6" stroke="#56626E" stroke-width=".9"/><path d="M344 280L336.9 268.6" stroke="#1E2731" stroke-width="2" stroke-linecap="round"/><circle cx="344" cy="280" r="2.2" fill="#1E2731"/><path d="M327.7 274.1A17.3 17.3 0 0 1 338.1 263.7" fill="none" stroke="#fff" stroke-opacity=".6" stroke-width="1.2"/><rect x="234" y="324" width="8" height="5" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><circle cx="240.7" cy="326.5" r="1" fill="#4E5A66"/><rect x="380.5" y="276" width="7" height="5" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><circle cx="386.2" cy="278.5" r="1" fill="#4E5A66"/><rect x="311.5" y="305" width="5" height="10" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><rect x="359.5" y="305" width="5" height="10" rx="1" fill="#9AA8B5" stroke="#66737F" stroke-width=".6"/><rect x="46" y="347" width="86" height="5" rx="2" fill="#000" fill-opacity=".3"/><rect x="45" y="297" width="78" height="20" rx="2.5" fill="#3B5778" stroke="#2A4060"/><rect x="50" y="302" width="68" height="12" rx="1.5" fill="#2E4866"/><path d="M72.0 295h24" stroke="#56708F" stroke-width="2.4" stroke-linecap="round"/><g transform="translate(70 326) rotate(-16)"><rect x="-3.5" y="-50" width="7" height="50" rx="3.5" fill="#B5392D" stroke="#73201A" stroke-width=".8"/><rect x="-2.6" y="-72" width="5.2" height="24" fill="#9AA8B5" stroke="#56626E" stroke-width=".7"/><path d="M-3.4 -73h17v6.5h-10.6v-1.5h-6.4Z" fill="#C9D3DC" stroke="#56626E" stroke-width=".7"/><rect x="0" y="-57" width="12" height="5.5" fill="#C9D3DC" stroke="#56626E" stroke-width=".7"/><rect x="-5.5" y="-64" width="11" height="7.5" rx="2" fill="#7B8A98" stroke="#4E5A66" stroke-width=".7"/><path d="M-3 -62v3.5M0 -62v3.5M3 -62v3.5" stroke="#4E5A66" stroke-width=".7"/></g><rect x="88" y="301" width="6" height="17" rx="2.6" fill="#E8B53A"/><rect x="97" y="303" width="6" height="15" rx="2.6" fill="#D9442F"/><rect x="107" y="305" width="4" height="12" rx="1.6" fill="#C9D3DC"/><rect x="44" y="314" width="80" height="36" rx="3" fill="url(#steel-box)" stroke="#3A5677"/><path d="M47 316H121" stroke="#C9DBEE" stroke-opacity=".6" stroke-width="1.5"/><path d="M46 323H122" stroke="#3A5677" stroke-opacity=".6"/><rect x="78.0" y="320" width="12" height="7" rx="1.5" fill="#DCE5EE" stroke="#3A5677" stroke-width=".8"/><path d="M50 318V347M118 318V347" stroke="#3A5677" stroke-opacity=".5"/><g transform="translate(126 350) rotate(-12)"><rect x="0" y="-38" width="23" height="38" rx="2" fill="#7A5A3E" stroke="#4A3524" stroke-width=".8"/><rect x="3" y="-33" width="17" height="30" fill="#F4F1EC"/><rect x="7" y="-40.5" width="9" height="5.5" rx="1.2" fill="#C9D3DC" stroke="#56626E" stroke-width=".7"/><path d="M6 -26l1.5 1.6 2.8-3.2M6 -19l1.5 1.6 2.8-3.2M6 -12l1.5 1.6 2.8-3.2" fill="none" stroke="#3E4A56" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5 -25h5M12.5 -18h5M12.5 -11h3.5" stroke="#9E978B" stroke-width="1"/></g></g></svg>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="stack-nav" data-stack-nav hidden>
|
||
<button class="stack-nav__btn" type="button" data-stack-prev aria-label="Vorherige Leistung"><svg class="icon" aria-hidden="true"><use href="#i-arrow-left"/></svg></button>
|
||
<p class="stack-nav__count" aria-live="polite"><span data-stack-current>1</span> / 5</p>
|
||
<button class="stack-nav__btn" type="button" data-stack-next aria-label="Nächste Leistung"><svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ ENERGIE-HAUS ============ -->
|
||
<section class="house sheet sheet--dark" id="energie-haus" aria-labelledby="house-title">
|
||
<div class="container">
|
||
<header class="section-head">
|
||
<p class="label" data-reveal>Energie-Haus</p>
|
||
<h2 class="h1" id="house-title" data-reveal>Ein Haus, alles verbunden</h2>
|
||
</header>
|
||
|
||
<div class="house__grid" data-house data-active="wp">
|
||
<div class="house__stage" data-reveal>
|
||
<svg class="house__svg" viewBox="0 0 900 640" role="img" aria-labelledby="house-svg-title house-svg-desc">
|
||
<title id="house-svg-title">Energie-Haus: Schnitt durch ein Einfamilienhaus</title>
|
||
<desc id="house-svg-desc">Wärmepumpe, Solarthermie, Pufferspeicher, Fußbodenheizung, Bad mit Warmwasser und kontrollierte Wohnraumlüftung arbeiten zusammen.</desc>
|
||
<defs>
|
||
<pattern id="p-earth" width="12" height="12" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><path d="M0 0V12" stroke="rgba(255,255,255,.07)" stroke-width="2"/></pattern>
|
||
<linearGradient id="g-floor-heat" x1="0" y1="1" x2="0" y2="0"><stop offset="0" stop-color="#FF6A2B" stop-opacity=".42"/><stop offset="1" stop-color="#FF6A2B" stop-opacity="0"/></linearGradient>
|
||
<linearGradient id="g-tank" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FF6A2B"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#2E9BEF"/></linearGradient>
|
||
<radialGradient id="g-hsun"><stop offset="0" stop-color="#FFB547" stop-opacity=".55"/><stop offset="1" stop-color="#FFB547" stop-opacity="0"/></radialGradient>
|
||
<linearGradient id="g-panel" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3a5d8f"/><stop offset="1" stop-color="#16263d"/></linearGradient>
|
||
</defs>
|
||
|
||
<!-- Erdreich -->
|
||
<rect x="0" y="472" width="900" height="168" fill="url(#p-earth)"/>
|
||
<rect x="203" y="472" width="434" height="119" class="h-cellar"/>
|
||
<path class="h-ground" d="M0 472H200M640 472H900"/>
|
||
|
||
<!-- Sonne -->
|
||
<g class="sys" data-sys="solar">
|
||
<g transform="translate(812 92)">
|
||
<circle r="74" fill="url(#g-hsun)"/>
|
||
<g><path class="h-ray" d="M24 0L33 0M20.8 12L28.6 16.5M12 20.8L16.5 28.6M0 24L0 33M-12 20.8L-16.5 28.6M-20.8 12L-28.6 16.5M-24 0L-33 0M-20.8 -12L-28.6 -16.5M-12 -20.8L-16.5 -28.6M0 -24L0 -33M12 -20.8L16.5 -28.6M20.8 -12L28.6 -16.5"/></g>
|
||
<circle r="17" class="h-sun-core"/>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- Gebäudehülle -->
|
||
<g class="h-shell">
|
||
<path class="h-roof" d="M174 202L420 50L666 202"/>
|
||
<path class="h-wall" d="M200 202V594M640 202V594"/>
|
||
<path class="h-slab" d="M200 203H640M200 332H640M200 468H640M200 594H640"/>
|
||
<path class="h-wall h-wall--in" d="M440 206V328M420 336V464"/>
|
||
<!-- Fenster -->
|
||
<g class="h-thin">
|
||
<rect x="486" y="228" width="58" height="50" rx="3"/><path d="M515 228v50M486 253h58"/>
|
||
<rect x="290" y="366" width="64" height="56" rx="3"/><path d="M322 366v56M290 394h64"/>
|
||
<rect x="512" y="362" width="88" height="52" rx="3"/><path d="M556 362v52"/>
|
||
</g>
|
||
<!-- Möbel -->
|
||
<g class="h-furn">
|
||
<path d="M482 328v-22h112v22M486 306v-8a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6v8M600 328v-42"/>
|
||
<path d="M296 420h86M304 420v44M374 420v44M339 336v26M326 372h26l-4-10h-18z"/>
|
||
<path d="M498 464v-22a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v22M492 464v-14a6 6 0 0 1 12 0M604 464v-14a6 6 0 0 1 12 0"/>
|
||
<path d="M448 464v-14h18v14M457 450c-10-6-12-18-4-26M457 450c8-8 16-12 18-24M457 450c0-10 2-18-6-28"/>
|
||
</g>
|
||
<g class="h-labels">
|
||
<text x="214" y="226">Bad</text>
|
||
<text x="456" y="226">Schlafen</text>
|
||
<text x="214" y="358">Küche</text>
|
||
<text x="436" y="358">Wohnen</text>
|
||
<text x="214" y="494">Technik</text>
|
||
<text x="276" y="190">Dachboden</text>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- Wärmepumpe -->
|
||
<g class="sys" data-sys="wp">
|
||
<g class="h-airwaves">
|
||
<path d="M884 420c-14-8-24 8-40 0"/><path d="M884 440c-14-8-24 8-40 0"/><path d="M884 460c-14-8-24 8-40 0"/>
|
||
</g>
|
||
<rect class="h-unit" x="690" y="402" width="118" height="62" rx="9"/>
|
||
<circle class="h-unit-line" cx="730" cy="433" r="21"/>
|
||
<g class="h-fan">
|
||
<path d="M730 433c-3-8-1-15 5-18 3 6 2 13-5 18z"/>
|
||
<path d="M730 433c-3-8-1-15 5-18 3 6 2 13-5 18z" transform="rotate(90 730 433)"/>
|
||
<path d="M730 433c-3-8-1-15 5-18 3 6 2 13-5 18z" transform="rotate(180 730 433)"/>
|
||
<path d="M730 433c-3-8-1-15 5-18 3 6 2 13-5 18z" transform="rotate(270 730 433)"/>
|
||
</g>
|
||
<path class="h-unit-line" d="M770 412v42M780 412v42M790 412v42M798 412v42M704 464v8M794 464v8"/>
|
||
<path class="h-pipe c-warm" d="M690 444H666V552H500"/>
|
||
<path class="h-flow c-warm" d="M690 444H666V552H500"/>
|
||
<path class="h-pipe c-cool" d="M500 564H676V456H690"/>
|
||
<path class="h-flow c-cool" d="M500 564H676V456H690"/>
|
||
</g>
|
||
|
||
<!-- Solarthermie -->
|
||
<g class="sys" data-sys="solar">
|
||
<polygon class="h-panel" points="483.9,83.6 604.7,158.2 611,148 490.2,73.4"/>
|
||
<path class="h-panel-line" d="M524.1 108.5L530.5 98.3M564.4 133.4L570.7 123.1M490.4 80.6L604.4 151"/>
|
||
<path class="h-pipe c-amber" d="M607 154C611 158 612 162 612 172V520H500"/>
|
||
<path class="h-flow c-amber" d="M607 154C611 158 612 162 612 172V520H500"/>
|
||
<path class="h-pipe c-amber-dim" d="M500 534H624V180C624 166 620 156 612 150"/>
|
||
<path class="h-flow c-amber-dim" d="M500 534H624V180C624 166 620 156 612 150"/>
|
||
</g>
|
||
|
||
<!-- Speicher -->
|
||
<g class="sys" data-sys="tank">
|
||
<rect class="h-tank" x="432" y="482" width="64" height="90" rx="30"/>
|
||
<rect class="h-tank-glow" x="438" y="488" width="52" height="78" rx="25"/>
|
||
<path class="h-unit-line" d="M444 572v16M484 572v16"/>
|
||
</g>
|
||
|
||
<!-- Fußbodenheizung -->
|
||
<g class="sys" data-sys="fbh">
|
||
<rect x="203" y="420" width="434" height="40" fill="url(#g-floor-heat)" class="h-floorglow"/>
|
||
<rect x="203" y="286" width="434" height="38" fill="url(#g-floor-heat)" class="h-floorglow"/>
|
||
<path class="h-pipe c-warm" d="M454 482V324"/>
|
||
<path class="h-flow c-warm" d="M454 482V324"/>
|
||
<path class="h-pipe c-cool" d="M474 324V482"/>
|
||
<path class="h-flow c-cool" d="M474 324V482"/>
|
||
<g class="h-loops">
|
||
<path d="M214 459h0M228 459h0M242 459h0M256 459h0M270 459h0M284 459h0M298 459h0M312 459h0M326 459h0M340 459h0M354 459h0M368 459h0M382 459h0M396 459h0M410 459h0M432 459h0M446 459h0M488 459h0M502 459h0M516 459h0M530 459h0M544 459h0M558 459h0M572 459h0M586 459h0M600 459h0M614 459h0M628 459h0"/>
|
||
<path d="M214 323h0M228 323h0M242 323h0M256 323h0M270 323h0M284 323h0M298 323h0M312 323h0M326 323h0M340 323h0M354 323h0M368 323h0M382 323h0M396 323h0M410 323h0M424 323h0M488 323h0M502 323h0M516 323h0M530 323h0M544 323h0M558 323h0M572 323h0M586 323h0M600 323h0M614 323h0M628 323h0"/>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- Bad & Warmwasser -->
|
||
<g class="sys" data-sys="bad">
|
||
<path class="h-pipe c-cool" d="M0 582H464V572"/>
|
||
<path class="h-flow c-cool" d="M0 582H464V572"/>
|
||
<path class="h-pipe c-cool" d="M266 582V304H336"/>
|
||
<path class="h-flow c-cool" d="M266 582V304H336"/>
|
||
<path class="h-pipe c-hot" d="M446 482V238H236"/>
|
||
<path class="h-flow c-hot" d="M446 482V238H236"/>
|
||
<path class="h-pipe c-hot" d="M446 300H398"/>
|
||
<circle class="h-meter" cx="232" cy="582" r="9"/>
|
||
<path class="h-unit-line" d="M232 576v6l4 3"/>
|
||
<!-- Dusche -->
|
||
<path class="h-fixture" d="M236 238v8M222 250h28a2 2 0 0 0-2-4h-24a2 2 0 0 0-2 4zM256 252v74M206 326h52"/>
|
||
<g class="h-drops"><path d="M226 258v8M236 262v8M246 258v8M231 274v8M241 278v8"/></g>
|
||
<!-- Waschtisch -->
|
||
<path class="h-fixture" d="M336 292h62v30h-62zM340 292c0 10 8 14 27 14s27-4 27-14M342 238h50v42h-50zM367 292v-8"/>
|
||
</g>
|
||
|
||
<!-- Wohnraumlüftung -->
|
||
<g class="sys" data-sys="kwl">
|
||
<path class="h-duct c-air" d="M460 170H586V340"/>
|
||
<path class="h-duct-flow c-air" d="M460 170H586V340"/>
|
||
<path class="h-duct c-exhaust" d="M330 206V188H380"/>
|
||
<path class="h-duct-flow c-exhaust" d="M330 206V188H380"/>
|
||
<path class="h-duct c-air-dim" d="M404 150V60"/>
|
||
<path class="h-duct-flow c-air-dim" d="M404 60V150"/>
|
||
<path class="h-duct c-exhaust-dim" d="M436 150V60"/>
|
||
<path class="h-duct-flow c-exhaust-dim" d="M436 150V60"/>
|
||
<path class="h-unit-line" d="M396 56h16M428 56h16M398 50h12M430 50h12"/>
|
||
<rect class="h-unit" x="380" y="150" width="80" height="38" rx="6"/>
|
||
<circle class="h-unit-line" cx="420" cy="169" r="11"/>
|
||
<path class="h-unit-line" d="M414 163l12 12M426 163l-12 12"/>
|
||
<path class="h-vent" d="M574 206h24M574 340h24M318 206h24"/>
|
||
</g>
|
||
</svg>
|
||
|
||
<button class="hotspot" type="button" style="--x:88.6%;--y:62.8%" data-part="wp"><span class="hotspot__label">Wärmepumpe</span></button>
|
||
<button class="hotspot" type="button" style="--x:60.8%;--y:18.1%" data-part="solar"><span class="hotspot__label">Solarthermie</span></button>
|
||
<button class="hotspot" type="button" style="--x:51.6%;--y:82.3%" data-part="tank"><span class="hotspot__label">Pufferspeicher</span></button>
|
||
<button class="hotspot" type="button" style="--x:28.2%;--y:71.7%" data-part="fbh"><span class="hotspot__label">Fußbodenheizung</span></button>
|
||
<button class="hotspot" type="button" style="--x:40.8%;--y:41.9%" data-part="bad"><span class="hotspot__label">Bad & Warmwasser</span></button>
|
||
<button class="hotspot" type="button" style="--x:46.7%;--y:26.4%" data-part="kwl"><span class="hotspot__label">Lüftung</span></button>
|
||
</div>
|
||
|
||
<div class="house__panel" data-reveal>
|
||
<div class="house__tabs" role="tablist" aria-label="Komponenten des Energie-Hauses">
|
||
<button role="tab" type="button" id="tab-wp" aria-controls="part-wp" aria-selected="true" data-part="wp"><svg class="icon" aria-hidden="true"><use href="#i-heatpump"/></svg>Wärmepumpe</button>
|
||
<button role="tab" type="button" id="tab-solar" aria-controls="part-solar" aria-selected="false" tabindex="-1" data-part="solar"><svg class="icon" aria-hidden="true"><use href="#i-sun"/></svg>Solarthermie</button>
|
||
<button role="tab" type="button" id="tab-tank" aria-controls="part-tank" aria-selected="false" tabindex="-1" data-part="tank"><svg class="icon" aria-hidden="true"><use href="#i-tank"/></svg>Speicher</button>
|
||
<button role="tab" type="button" id="tab-fbh" aria-controls="part-fbh" aria-selected="false" tabindex="-1" data-part="fbh"><svg class="icon" aria-hidden="true"><use href="#i-floor"/></svg>Fußbodenheizung</button>
|
||
<button role="tab" type="button" id="tab-bad" aria-controls="part-bad" aria-selected="false" tabindex="-1" data-part="bad"><svg class="icon" aria-hidden="true"><use href="#i-shower"/></svg>Warmwasser</button>
|
||
<button role="tab" type="button" id="tab-kwl" aria-controls="part-kwl" aria-selected="false" tabindex="-1" data-part="kwl"><svg class="icon" aria-hidden="true"><use href="#i-wind"/></svg>Lüftung</button>
|
||
</div>
|
||
|
||
<div class="house__parts">
|
||
<div class="part is-active" id="part-wp" role="tabpanel" aria-labelledby="tab-wp" data-part="wp">
|
||
<h3 class="part__title">Wärmepumpe</h3>
|
||
<p>Holt Wärme aus der Außenluft – auch an frostigen Tagen.</p>
|
||
<ul class="part__points">
|
||
<li>Nutzt Umweltwärme</li>
|
||
<li>Kann im Sommer auch kühlen</li>
|
||
<li>Ideal mit Fußbodenheizung</li>
|
||
</ul>
|
||
</div>
|
||
<div class="part" id="part-solar" role="tabpanel" aria-labelledby="tab-solar" data-part="solar">
|
||
<h3 class="part__title">Solarthermie</h3>
|
||
<p>Kollektoren auf dem Dach machen aus Sonnenlicht Wärme.</p>
|
||
<ul class="part__points">
|
||
<li>Kostenlose Sonnenwärme</li>
|
||
<li>Entlastet die Heizung</li>
|
||
<li>Ideal für Warmwasser</li>
|
||
</ul>
|
||
</div>
|
||
<div class="part" id="part-tank" role="tabpanel" aria-labelledby="tab-tank" data-part="tank">
|
||
<h3 class="part__title">Pufferspeicher</h3>
|
||
<p>Sammelt Wärme aus allen Quellen und gibt sie ab, wenn sie gebraucht wird.</p>
|
||
<ul class="part__points">
|
||
<li>Verbindet alle Wärmequellen</li>
|
||
<li>Weniger Takten, längere Lebensdauer</li>
|
||
<li>Warmwasser in Reserve</li>
|
||
</ul>
|
||
</div>
|
||
<div class="part" id="part-fbh" role="tabpanel" aria-labelledby="tab-fbh" data-part="fbh">
|
||
<h3 class="part__title">Fußbodenheizung</h3>
|
||
<p>Verteilt die Wärme gleichmäßig – mit niedrigen Temperaturen.</p>
|
||
<ul class="part__points">
|
||
<li>Angenehme Strahlungswärme</li>
|
||
<li>Unsichtbar und platzsparend</li>
|
||
</ul>
|
||
</div>
|
||
<div class="part" id="part-bad" role="tabpanel" aria-labelledby="tab-bad" data-part="bad">
|
||
<h3 class="part__title">Bad & Warmwasser</h3>
|
||
<p>Vom Speicher bis zur Dusche.</p>
|
||
<ul class="part__points">
|
||
<li>Komplette Badsanierung</li>
|
||
<li>Barrierefrei und bodengleich</li>
|
||
<li>Hygienische Trinkwasserinstallation</li>
|
||
</ul>
|
||
</div>
|
||
<div class="part" id="part-kwl" role="tabpanel" aria-labelledby="tab-kwl" data-part="kwl">
|
||
<h3 class="part__title">Wohnraumlüftung</h3>
|
||
<p>Frische, gefilterte Luft – die Wärme der Abluft bleibt im Haus.</p>
|
||
<ul class="part__points">
|
||
<li>Frische Luft bei geschlossenem Fenster</li>
|
||
<li>Wärmerückgewinnung</li>
|
||
<li>Weniger Pollen und Feuchtigkeit</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ HEIZUNGS-FINDER ============ -->
|
||
<section class="finder sheet" id="heizungs-finder" aria-labelledby="finder-title">
|
||
<div class="container finder__grid">
|
||
<header class="section-head finder__head">
|
||
<p class="label" data-reveal>Heizungs-Finder</p>
|
||
<h2 class="h1" id="finder-title" data-reveal>Welche Heizung passt zu Ihrem Haus?</h2>
|
||
</header>
|
||
|
||
<div class="finder__app" data-finder data-reveal>
|
||
<div class="finder__top">
|
||
<span class="finder__count" data-finder-count aria-live="polite">Frage 1 von 4</span>
|
||
<div class="finder__progress" aria-hidden="true"><i data-finder-bar></i></div>
|
||
</div>
|
||
|
||
<div class="finder__form" data-finder-form>
|
||
<fieldset class="finder__step is-active" data-step="1">
|
||
<legend class="finder__q">Um welches Gebäude geht es?</legend>
|
||
<div class="finder__opts">
|
||
<label class="opt"><input type="radio" name="gebaeude" value="neubau"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-house-new"/></svg><strong>Neubau</strong><small>In Planung oder im Bau</small></span></label>
|
||
<label class="opt"><input type="radio" name="gebaeude" value="gedaemmt"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-house-good"/></svg><strong>Bestand, gut gedämmt</strong><small>Modernisiert, neuere Fenster</small></span></label>
|
||
<label class="opt"><input type="radio" name="gebaeude" value="unsaniert"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-house-old"/></svg><strong>Bestand, wenig gedämmt</strong><small>Älteres Haus, kaum saniert</small></span></label>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<fieldset class="finder__step" data-step="2" hidden>
|
||
<legend class="finder__q">Wie wird die Wärme im Haus verteilt?</legend>
|
||
<div class="finder__opts">
|
||
<label class="opt"><input type="radio" name="verteilung" value="fbh"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-floor"/></svg><strong>Fußbodenheizung</strong><small>Überwiegend Flächenheizung</small></span></label>
|
||
<label class="opt"><input type="radio" name="verteilung" value="hk"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-radiator"/></svg><strong>Heizkörper</strong><small>Klassische Radiatoren</small></span></label>
|
||
<label class="opt"><input type="radio" name="verteilung" value="mix"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-mix"/></svg><strong>Beides</strong><small>Gemischt im Haus</small></span></label>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<fieldset class="finder__step" data-step="3" hidden>
|
||
<legend class="finder__q">Gibt es Platz für einen Lagerraum?</legend>
|
||
<div class="finder__opts finder__opts--2">
|
||
<label class="opt"><input type="radio" name="lager" value="ja"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-box"/></svg><strong>Ja</strong><small>Z. B. ehemaliger Öltankraum</small></span></label>
|
||
<label class="opt"><input type="radio" name="lager" value="nein"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-no"/></svg><strong>Nein</strong><small>Eher wenig Platz im Keller</small></span></label>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<fieldset class="finder__step" data-step="4" hidden>
|
||
<legend class="finder__q">Haben Sie eine sonnige Dachfläche?</legend>
|
||
<div class="finder__opts finder__opts--2">
|
||
<label class="opt"><input type="radio" name="dach" value="ja"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-roof-sun"/></svg><strong>Ja</strong><small>Ausrichtung Süd, Ost oder West</small></span></label>
|
||
<label class="opt"><input type="radio" name="dach" value="nein"><span class="opt__box"><svg class="icon" aria-hidden="true"><use href="#i-cloud"/></svg><strong>Nein / weiß nicht</strong><small>Verschattet oder Nordseite</small></span></label>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<div class="finder__result" data-step="result" hidden tabindex="-1">
|
||
<p class="finder__result-kicker">Unsere erste Empfehlung</p>
|
||
<h3 class="finder__result-title" data-result-title>–</h3>
|
||
<p class="finder__result-text" data-result-text></p>
|
||
<ul class="finder__bars" data-result-bars></ul>
|
||
<ul class="finder__addons" data-result-addons></ul>
|
||
<div class="finder__actions">
|
||
<a class="btn btn--dark" href="#kontakt" data-finder-apply>
|
||
<span class="btn__label">Ergebnis besprechen</span>
|
||
<span class="btn__icon" aria-hidden="true"><svg class="icon"><use href="#i-arrow"/></svg></span>
|
||
</a>
|
||
<button class="btn btn--ghost" type="button" data-finder-restart><svg class="icon" aria-hidden="true"><use href="#i-restart"/></svg><span class="btn__label">Neu starten</span></button>
|
||
</div>
|
||
<p class="finder__disclaimer">Erste Orientierung ohne Gewähr – ersetzt keine Heizlastberechnung und keine Beratung vor Ort.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="finder__nav">
|
||
<button class="finder__back" type="button" data-finder-back disabled><svg class="icon" aria-hidden="true"><use href="#i-arrow-left"/></svg>Zurück</button>
|
||
<button class="finder__next" type="button" data-finder-next disabled>Weiter<svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ ÜBER UNS ============ -->
|
||
<section class="about sheet sheet--sand" id="ueber-uns" aria-labelledby="about-title">
|
||
<div class="container">
|
||
<header class="section-head section-head--split">
|
||
<div>
|
||
<p class="label" data-reveal>Über uns</p>
|
||
<h2 class="h1" id="about-title" data-reveal>Seit 1985 in Ergolding</h2>
|
||
</div>
|
||
<p class="lead" data-reveal>Rund 25 Fachleute aus der Region – für Heizung, Bad und Lüftung.</p>
|
||
</header>
|
||
|
||
<ol class="history" data-reveal>
|
||
<li><span class="history__year">1985</span><p>Richard Olzinger gründet den Betrieb.</p></li>
|
||
<li><span class="history__year">2014</span><p>Franz Ramsauer und Robert Straub führen den Betrieb gemeinsam.</p></li>
|
||
<li><span class="history__year">Heute</span><p>Schwerpunkt: Wärmepumpe und regenerative Heiztechnik.</p></li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ KARRIERE ============ -->
|
||
<section class="career sheet sheet--dark" id="karriere" aria-labelledby="career-title">
|
||
<div class="container career__grid">
|
||
<div class="career__intro">
|
||
<p class="label" data-reveal>Karriere</p>
|
||
<h2 class="h1" id="career-title" data-reveal>Komm ins Team</h2>
|
||
</div>
|
||
<div class="jobs" data-reveal>
|
||
<article class="job">
|
||
<p class="job__tag"><svg class="icon" aria-hidden="true"><use href="#i-cap"/></svg>Ausbildung · Start im September</p>
|
||
<h3 class="job__title">Anlagenmechaniker SHK (m/w/d)</h3>
|
||
<p>3,5 Jahre mit echten Projekten – von der Wärmepumpe bis zum Bad.</p>
|
||
<a class="link-arrow" href="mailto:kontakt@olzinger.de?subject=Bewerbung%20Ausbildung%20Anlagenmechaniker%2Fin%20SHK">Jetzt bewerben <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</article>
|
||
<article class="job">
|
||
<p class="job__tag"><svg class="icon" aria-hidden="true"><use href="#i-wrench"/></svg>Fachkräfte · Initiativbewerbung</p>
|
||
<h3 class="job__title">Anlagenmechaniker, Monteure & Kundendienst (m/w/d)</h3>
|
||
<p>Erfahrung in Heizung, Sanitär oder Lüftung? Dann melde dich gern.</p>
|
||
<a class="link-arrow" href="mailto:kontakt@olzinger.de?subject=Initiativbewerbung">Jetzt bewerben <svg class="icon" aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ KONTAKT ============ -->
|
||
<section class="contact sheet" id="kontakt" aria-labelledby="contact-title">
|
||
<div class="container contact__grid">
|
||
<div class="contact__info">
|
||
<p class="label" data-reveal>Kontakt</p>
|
||
<h2 class="h1" id="contact-title" data-reveal>So erreichen Sie uns</h2>
|
||
|
||
<ul class="cards" data-reveal>
|
||
<li>
|
||
<a class="ccard" href="tel:+4987172617">
|
||
<span class="ccard__icon" aria-hidden="true"><svg class="icon"><use href="#i-phone"/></svg></span>
|
||
<span class="ccard__body"><small>Telefon</small><strong>0871 72617</strong></span>
|
||
<svg class="icon ccard__go" aria-hidden="true"><use href="#i-arrow-ur"/></svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="ccard" href="mailto:kontakt@olzinger.de">
|
||
<span class="ccard__icon" aria-hidden="true"><svg class="icon"><use href="#i-mail"/></svg></span>
|
||
<span class="ccard__body"><small>E-Mail</small><strong>kontakt@olzinger.de</strong></span>
|
||
<svg class="icon ccard__go" aria-hidden="true"><use href="#i-arrow-ur"/></svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="ccard" href="https://www.google.com/maps/dir/?api=1&destination=Olzinger+GmbH%2C+Ahornstra%C3%9Fe+112%2C+84030+Ergolding" target="_blank" rel="noopener">
|
||
<span class="ccard__icon" aria-hidden="true"><svg class="icon"><use href="#i-pin"/></svg></span>
|
||
<span class="ccard__body"><small>Adresse · Route planen</small><strong>Ahornstraße 112, 84030 Ergolding</strong></span>
|
||
<svg class="icon ccard__go" aria-hidden="true"><use href="#i-arrow-ur"/></svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="hours" data-reveal>
|
||
<div class="hours__head">
|
||
<h3 class="hours__title"><svg class="icon" aria-hidden="true"><use href="#i-clock"/></svg>Öffnungszeiten</h3>
|
||
<p class="status" data-status><span class="status__dot" aria-hidden="true"></span><span class="status__text">Mo–Do 7–16:30 Uhr · Fr 7–11:30 Uhr</span></p>
|
||
</div>
|
||
<dl class="hours__list">
|
||
<div data-days="1,2,3,4"><dt>Mo–Do</dt><dd>7:00–⁠12:00 <span>und</span> 13:00–⁠16:30</dd></div>
|
||
<div data-days="5"><dt>Fr</dt><dd>7:00–11:30</dd></div>
|
||
<div data-days="6,0"><dt>Sa & So</dt><dd>geschlossen</dd></div>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
|
||
<form class="form" action="kontakt.php" method="post" novalidate data-contact-form data-reveal>
|
||
<fieldset class="form__topics">
|
||
<legend class="form__legend">Worum geht es?</legend>
|
||
<div class="chips">
|
||
<label class="chip"><input type="radio" name="topic" value="Heizung & Wärmepumpe"><span>Heizung & Wärmepumpe</span></label>
|
||
<label class="chip"><input type="radio" name="topic" value="Bad & Sanitär"><span>Bad & Sanitär</span></label>
|
||
<label class="chip"><input type="radio" name="topic" value="Lüftung"><span>Lüftung</span></label>
|
||
<label class="chip"><input type="radio" name="topic" value="Wartung & Störung"><span>Wartung & Störung</span></label>
|
||
<label class="chip"><input type="radio" name="topic" value="Sonstiges"><span>Sonstiges</span></label>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<div class="form__row">
|
||
<div class="field">
|
||
<label for="f-name">Name <span aria-hidden="true">*</span></label>
|
||
<input id="f-name" name="name" type="text" autocomplete="name" required maxlength="120">
|
||
<p class="field__error" id="e-name">Bitte geben Sie Ihren Namen an.</p>
|
||
</div>
|
||
<div class="field">
|
||
<label for="f-email">E-Mail <span aria-hidden="true">*</span></label>
|
||
<input id="f-email" name="email" type="email" autocomplete="email" required maxlength="200">
|
||
<p class="field__error" id="e-email">Bitte geben Sie eine gültige E-Mail-Adresse an.</p>
|
||
</div>
|
||
</div>
|
||
<div class="form__row">
|
||
<div class="field">
|
||
<label for="f-phone">Telefon <small>(optional)</small></label>
|
||
<input id="f-phone" name="phone" type="tel" autocomplete="tel" maxlength="60">
|
||
</div>
|
||
<div class="field">
|
||
<label for="f-place">PLZ / Ort <small>(optional)</small></label>
|
||
<input id="f-place" name="place" type="text" autocomplete="address-level2" maxlength="120">
|
||
</div>
|
||
</div>
|
||
<div class="field">
|
||
<label for="f-message">Ihre Nachricht <span aria-hidden="true">*</span></label>
|
||
<textarea id="f-message" name="message" rows="5" required maxlength="5000"></textarea>
|
||
<p class="field__error" id="e-message">Bitte schreiben Sie uns kurz, worum es geht.</p>
|
||
</div>
|
||
|
||
<div class="field field--hp" aria-hidden="true">
|
||
<label for="f-website">Website</label>
|
||
<input id="f-website" name="website" type="text" tabindex="-1" autocomplete="off">
|
||
</div>
|
||
<input type="hidden" name="ts" value="" data-ts>
|
||
|
||
<div class="field field--check">
|
||
<label class="check">
|
||
<input type="checkbox" name="privacy" value="1" required>
|
||
<span class="check__box" aria-hidden="true"><svg class="icon"><use href="#i-check"/></svg></span>
|
||
<span class="check__text">Ich habe die <a href="datenschutz.html">Datenschutzerklärung</a> gelesen und bin mit der Verarbeitung meiner Angaben zur Bearbeitung meiner Anfrage einverstanden. <span aria-hidden="true">*</span></span>
|
||
</label>
|
||
<p class="field__error" id="e-privacy">Bitte stimmen Sie der Datenschutzerklärung zu.</p>
|
||
</div>
|
||
|
||
<div class="form__submit">
|
||
<button class="btn btn--dark" type="submit">
|
||
<span class="btn__label">Anfrage senden</span>
|
||
<span class="btn__icon" aria-hidden="true"><svg class="icon"><use href="#i-arrow"/></svg></span>
|
||
</button>
|
||
<p class="form__hint">* Pflichtfelder</p>
|
||
</div>
|
||
<div class="form__status" role="status" aria-live="polite" data-form-status></div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- ============ FOOTER ============ -->
|
||
<footer class="footer sheet sheet--dark">
|
||
<div class="container">
|
||
<div class="footer__grid">
|
||
<div class="footer__col">
|
||
<h2 class="footer__h">Olzinger GmbH</h2>
|
||
<address>Ahornstraße 112<br>84030 Ergolding</address>
|
||
</div>
|
||
<div class="footer__col">
|
||
<h2 class="footer__h">Kontakt</h2>
|
||
<p><a href="tel:+4987172617">Tel. 0871 72617</a><br>Fax 0871 74963<br><a href="mailto:kontakt@olzinger.de">kontakt@olzinger.de</a></p>
|
||
</div>
|
||
<div class="footer__col">
|
||
<h2 class="footer__h">Öffnungszeiten</h2>
|
||
<p>Mo–Do 7:00–12:00<br>und 13:00–16:30<br>Fr 7:00–11:30</p>
|
||
</div>
|
||
<nav class="footer__col" aria-label="Footer-Navigation">
|
||
<h2 class="footer__h">Seite</h2>
|
||
<ul>
|
||
<li><a href="#leistungen">Leistungen</a></li>
|
||
<li><a href="#energie-haus">Energie-Haus</a></li>
|
||
<li><a href="#heizungs-finder">Heizungs-Finder</a></li>
|
||
<li><a href="#ueber-uns">Über uns</a></li>
|
||
<li><a href="#karriere">Karriere</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class="footer__bottom">
|
||
<p>© <span data-current-year>2026</span> Olzinger GmbH</p>
|
||
<ul>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||
<li><a class="footer__top" href="#top">Nach oben <svg class="icon" aria-hidden="true"><use href="#i-arrow-up"/></svg></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|