<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zimmerei René Räder Gera – Dachstühle, Carports & Holzbau | Meisterbetrieb</title>
<meta name="description" content="Zimmerei René Räder in Gera: Traditionelles Zimmererhandwerk für Dachstühle, Carports, Balkone & Innenausbau. Meisterbetrieb mit moderner Abbundtechnik. Jetzt Angebot anfragen!">
<meta name="keywords" content="Zimmerei Gera, Dachstuhl Gera, Zimmermann Gera, Holzbau Gera, Carport Gera, Dachausbau Thüringen">
<meta name="robots" content="index, follow">
<meta name="author" content="Zimmerei René Räder">
<meta property="og:title" content="Zimmerei René Räder Gera – Meisterbetrieb für Holzbau">
<meta property="og:description" content="Dachstühle, Carports, Balkone & Innenausbau in Gera. Tradition trifft moderne Abbundtechnik.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://zimmerei-raeder.de/">
<meta property="og:image" content="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/header1.jpg_934698001.jpg">
<link rel="canonical" href="https://zimmerei-raeder.de/">
<!-- ═══ KI-SUCHE OPTIMIERUNG (AI SEO) ═══ -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": ["HomeAndConstructionBusiness","LocalBusiness"],
"@id": "https://zimmerei-raeder.de/#business",
"name": "Zimmerei René Räder",
"legalName": "Zimmerei René Räder",
"description": "Traditionelles Zimmererhandwerk in Gera und Thüringen. Meisterbetrieb für Dachstühle, Carports, Balkone, Innenausbau und Sanierung. Computergestützte Abbundtechnik kombiniert mit über 25 Jahren Handwerkserfahrung.",
"url": "https://zimmerei-raeder.de",
"logo": "https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/logo.svg",
"image": "https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/header1.jpg_934698001.jpg",
"telephone": "+493658301788",
"faxNumber": "+493658301789",
"email": "info@zimmerei-raeder.de",
"address": {
"@type": "PostalAddress",
"streetAddress": "Am Leumnitzer Bach 40",
"addressLocality": "Gera",
"postalCode": "07546",
"addressCountry": "DE",
"addressRegion": "Thüringen"
},
"geo": {"@type": "GeoCoordinates","latitude": 50.8692,"longitude": 12.0820},
"areaServed": [{"@type": "City","name": "Gera"},{"@type": "State","name": "Thüringen"}],
"priceRange": "€€",
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Zimmerei-Leistungen",
"itemListElement": [
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Dachstühle traditionell errichtet","description":"Handgezimmerte Dachstühle nach Maß"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Computerabgebundene Dachstühle"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Binderdachkonstruktionen"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Carports & Überdachungen"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Balkone & Terrassen"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Innenausbau"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Sanierung & Umbau"}}
]
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{"@type":"Question","name":"Was macht die Zimmerei René Räder in Gera?","acceptedAnswer":{"@type":"Answer","text":"Die Zimmerei René Räder in Gera ist ein Meisterbetrieb für traditionelles Zimmererhandwerk mit Leistungen wie Dachstühle, Carports, Balkone, Innenausbau sowie Umbau und Sanierung."}},
{"@type":"Question","name":"Wo ist die Zimmerei Räder in Gera?","acceptedAnswer":{"@type":"Answer","text":"Am Leumnitzer Bach 40, 07546 Gera. Telefon: 0365 830 17 88, Mobil: 0172 594 03 48."}},
{"@type":"Question","name":"Welche Zimmerei macht Carports in Gera?","acceptedAnswer":{"@type":"Answer","text":"Die Zimmerei René Räder in Gera baut individuelle Carports, Anlehn-Carports und Terrassenüberdachungen."}},
{"@type":"Question","name":"Bietet die Zimmerei Räder auch Dachsanierung an?","acceptedAnswer":{"@type":"Answer","text":"Ja, die Zimmerei René Räder bietet Dachsanierung, Umbau und Reparatur bestehender Dachkonstruktionen sowie Tragwerk-Verstärkungen an."}}
]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--wood-dark:#2C1A0E;--wood-mid:#5C3D1E;--wood-warm:#8B5E3C;
--wood-light:#C4956A;--wood-pale:#E8D5B7;--cream:#FAF6EF;
--white:#FFFFFF;--text-dark:#1A1109;--text-mid:#4A3728;--text-light:#7A6254;
--accent:#B8572A;--accent-light:#D4764A;
--shadow-sm:0 2px 8px rgba(44,26,14,.08);
--shadow-md:0 8px 32px rgba(44,26,14,.12);
--shadow-lg:0 20px 60px rgba(44,26,14,.18);
--radius:3px;
--font-d:'Playfair Display',Georgia,serif;
--font-b:'Source Sans 3',sans-serif;
--tr:.3s cubic-bezier(.25,.46,.45,.94)
}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);background:var(--cream);color:var(--text-dark);line-height:1.7;overflow-x:hidden}
/* STICKY CTA */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--wood-dark);padding:12px 16px;gap:10px}
@media(max-width:768px){.sticky-cta{display:flex}}
.sticky-cta a{flex:1;text-align:center;padding:12px;border-radius:var(--radius);font-family:var(--font-b);font-weight:600;font-size:14px;text-decoration:none;transition:var(--tr)}
.sticky-cta .btn-call{background:var(--accent);color:var(--white)}
.sticky-cta .btn-mail{background:transparent;border:1px solid var(--wood-light);color:var(--wood-pale)}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;transition:var(--tr);padding:0 5vw}
nav.scrolled{background:rgba(44,26,14,.97);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo img{height:42px;width:auto;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--wood-pale)}
.nav-cta{background:var(--accent);color:var(--white)!important;padding:8px 20px;border-radius:var(--radius)}
.nav-cta:hover{background:var(--accent-light)!important}
.nav-phone{color:var(--wood-pale)!important;font-size:.85rem!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:24px;height:2px;background:var(--white);border-radius:2px;display:block;transition:var(--tr)}
@media(max-width:900px){
.nav-links{display:none}
.hamburger{display:flex}
.nav-links.open{display:flex;flex-direction:column;gap:0;position:fixed;top:72px;left:0;right:0;background:var(--wood-dark);padding:20px 0;align-items:center}
.nav-links.open li{width:100%;text-align:center}
.nav-links.open a{display:block;padding:14px;font-size:1rem}
}
/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--wood-dark);overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(44,26,14,.92) 0%,rgba(92,61,30,.72) 50%,rgba(44,26,14,.9) 100%),url('https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/header1.jpg_934698001.jpg') center/cover no-repeat}
.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:120px 5vw 200px;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--wood-light);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}
.hero-eyebrow::before{content:'';width:40px;height:1px;background:var(--wood-light)}
.hero h1{font-family:var(--font-d);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;color:var(--white);line-height:1.05;margin-bottom:24px;max-width:700px}
.hero h1 em{color:var(--wood-light);font-style:italic}
.hero-sub{font-size:clamp(1rem,2.5vw,1.2rem);color:rgba(255,255,255,.75);max-width:520px;margin-bottom:48px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:var(--radius);font-family:var(--font-b);font-weight:600;font-size:1rem;text-decoration:none;transition:var(--tr);cursor:pointer;border:none;letter-spacing:.03em}
.btn-primary{background:var(--accent);color:var(--white)}
.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:var(--white)}
.btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08)}
.hero-stats{display:flex;position:absolute;bottom:0;left:0;right:0;z-index:2}
.stat{flex:1;padding:28px 32px;border-left:1px solid rgba(255,255,255,.1);background:rgba(44,26,14,.6)}
.stat:first-child{border-left:none}
.stat-num{font-family:var(--font-d);font-size:2rem;font-weight:700;color:var(--wood-light);line-height:1}
.stat-label{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:4px;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:600px){.hero-stats{flex-wrap:wrap}.stat{flex:1 1 50%;padding:20px}}
/* SECTIONS */
section{padding:100px 5vw}
.container{max-width:1200px;margin:0 auto}
.section-label{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.section-label::before{content:'';width:30px;height:1.5px;background:var(--accent)}
h2.section-title{font-family:var(--font-d);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;color:var(--wood-dark);margin-bottom:20px}
.section-intro{font-size:1.1rem;color:var(--text-light);max-width:580px}
/* ABOUT */
.about{background:var(--white)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-image{position:relative;aspect-ratio:4/5}
.about-image img{width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}
.about-image::after{content:'';position:absolute;bottom:-20px;right:-20px;width:55%;height:55%;border:2px solid var(--wood-pale);border-radius:2px;z-index:0;pointer-events:none}
.about-badge{position:absolute;top:20px;right:-20px;background:var(--wood-dark);color:var(--white);width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-md);z-index:2}
.about-badge strong{font-family:var(--font-d);font-size:1.5rem;line-height:1}
.about-badge small{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.about-text p{color:var(--text-mid);margin-bottom:20px;font-size:1.05rem}
.about-values{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.value-item{display:flex;gap:16px;align-items:flex-start}
.value-icon{width:40px;height:40px;border-radius:50%;background:var(--wood-pale);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.value-item h4{font-size:.95rem;font-weight:600;color:var(--wood-dark);margin-bottom:2px}
.value-item p{font-size:.88rem;color:var(--text-light);margin:0}
@media(max-width:800px){.about-grid{grid-template-columns:1fr;gap:48px}.about-image{aspect-ratio:16/9}.about-image::after{display:none}.about-badge{right:16px}}
/* LEISTUNGEN */
.leistungen{background:var(--cream)}
.leistungen-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;flex-wrap:wrap;gap:24px}
.leistungen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.service-card{background:var(--white);border-radius:2px;overflow:hidden;transition:var(--tr);border-bottom:3px solid transparent;box-shadow:var(--shadow-sm)}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-bottom-color:var(--accent)}
.service-img{width:100%;height:200px;object-fit:cover;display:block}
.service-body{padding:28px 28px 32px}
.service-card h3{font-family:var(--font-d);font-size:1.25rem;font-weight:700;color:var(--wood-dark);margin-bottom:10px}
.service-card p{color:var(--text-light);font-size:.93rem;margin-bottom:16px}
.service-list{list-style:none}
.service-list li{padding:5px 0;font-size:.87rem;color:var(--text-mid);border-bottom:1px solid var(--wood-pale);display:flex;align-items:center;gap:8px}
.service-list li::before{content:'→';color:var(--accent);font-size:.75rem;flex-shrink:0}
.service-card-dark{background:var(--wood-dark);border-bottom-color:var(--wood-light)!important}
.service-card-dark .service-body{display:flex;flex-direction:column;justify-content:center;min-height:260px}
.service-card-dark h3{color:var(--white)}
.service-card-dark p{color:rgba(255,255,255,.6)}
/* PROZESS */
.prozess{background:var(--wood-dark);color:var(--white)}
.prozess .section-label{color:var(--wood-light)}
.prozess .section-label::before{background:var(--wood-light)}
.prozess h2.section-title{color:var(--white)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;position:relative}
.steps::before{content:'';position:absolute;top:28px;left:5%;right:5%;height:1px;background:rgba(196,149,106,.3);z-index:0}
.step{padding:0 24px;position:relative;z-index:1}
.step-num{width:56px;height:56px;border-radius:50%;background:var(--wood-dark);border:1.5px solid var(--wood-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:1.2rem;color:var(--wood-light);margin-bottom:24px}
.step h3{font-size:1.05rem;font-weight:600;color:var(--white);margin-bottom:8px}
.step p{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.6}
@media(max-width:700px){.steps{grid-template-columns:1fr 1fr;gap:40px}.steps::before{display:none}}
@media(max-width:420px){.steps{grid-template-columns:1fr}}
/* KONTAKT */
.kontakt{background:var(--white)}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-items{display:flex;flex-direction:column;gap:24px;margin-bottom:0}
.contact-item{display:flex;gap:16px;align-items:flex-start}
.contact-icon{width:44px;height:44px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.contact-item h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:4px}
.contact-item a,.contact-item address{color:var(--wood-dark);font-size:1rem;font-weight:600;text-decoration:none;margin:0;font-style:normal}
.contact-item a:hover{color:var(--accent)}
.call-block{background:var(--accent);border-radius:2px;padding:32px;display:flex;flex-direction:column;gap:8px;margin-top:40px}
.call-block span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.7)}
.call-block a{font-family:var(--font-d);font-size:1.8rem;color:var(--white);text-decoration:none;font-weight:700}
.call-block small{color:rgba(255,255,255,.6);font-size:.85rem}
.form-card{background:var(--cream);border-radius:2px;padding:40px;box-shadow:var(--shadow-sm)}
.form-card h3{font-family:var(--font-d);font-size:1.4rem;margin-bottom:24px;color:var(--wood-dark)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1.5px solid var(--wood-pale);border-radius:var(--radius);background:var(--white);color:var(--text-dark);font-family:var(--font-b);font-size:1rem;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}
.form-group textarea{resize:vertical;min-height:100px}
.form-submit{width:100%;background:var(--wood-dark);color:var(--white);font-size:1rem;font-weight:600;padding:16px;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--tr);font-family:var(--font-b)}
.form-submit:hover{background:var(--accent)}
@media(max-width:800px){.kontakt-grid{grid-template-columns:1fr;gap:48px}.form-row{grid-template-columns:1fr}}
/* FOOTER */
footer{background:var(--wood-dark);color:rgba(255,255,255,.7);padding:60px 5vw 100px}
@media(min-width:769px){footer{padding-bottom:60px}}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
.footer-logo img{height:38px;width:auto;filter:brightness(0) invert(1);opacity:.85;margin-bottom:16px;display:block}
.footer-brand p{font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.5);max-width:300px}
.footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--wood-light);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{color:rgba(255,255,255,.55);text-decoration:none;font-size:.9rem;transition:color .2s}
.footer-col a:hover{color:var(--wood-pale)}
.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:12px}
.footer-bottom a{color:rgba(255,255,255,.35);text-decoration:none}
.footer-bottom a:hover{color:var(--wood-pale)}
@media(max-width:700px){.footer-inner{grid-template-columns:1fr;gap:32px}}
/* UTILS */
.wood-divider{height:4px;background:linear-gradient(90deg,var(--wood-pale),var(--wood-warm),var(--wood-pale))}
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
</style>
</head>
<body>
<div class="sticky-cta" aria-label="Schnellkontakt">
<a href="tel:+493658301788" class="btn-call">📞 Anrufen</a>
<a href="#kontakt" class="btn-mail">✉ Anfrage</a>
</div>
<nav id="navbar" role="navigation" aria-label="Hauptnavigation">
<div class="nav-inner">
<a href="index.html" class="nav-logo" aria-label="Zimmerei René Räder – Startseite">
<img src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/logo.svg"
alt="Zimmerei René Räder Logo" width="140" height="42">
</a>
<ul class="nav-links" id="nav-links" role="list">
<li><a href="#leistungen">Leistungen</a></li>
<li><a href="#ueber-uns">Über uns</a></li>
<li><a href="#kontakt" class="nav-cta">Anfrage stellen</a></li>
<li><a href="tel:+493658301788" class="nav-phone">📞 0365 830 17 88</a></li>
</ul>
<button class="hamburger" id="hamburger" aria-label="Menü öffnen" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</nav>
<header class="hero" id="hero">
<div class="hero-bg" aria-hidden="true"></div>
<div class="hero-content">
<div class="hero-eyebrow">Meisterbetrieb in Gera · Thüringen</div>
<h1>Wir bauen mit <em>Holz</em> –<br>und mit Leidenschaft.</h1>
<p class="hero-sub">Ob Dachstuhl, Carport oder Innenausbau: Die Zimmerei René Räder steht für Handwerkskunst, die hält. Traditionell verwurzelt, modern ausgerüstet.</p>
<div class="hero-actions">
<a href="#kontakt" class="btn btn-primary">Kostenloses Angebot ›</a>
<a href="#leistungen" class="btn btn-outline">Unsere Leistungen</a>
</div>
</div>
<div class="hero-stats" aria-label="Kennzahlen">
<div class="stat"><div class="stat-num">25+</div><div class="stat-label">Jahre Erfahrung</div></div>
<div class="stat"><div class="stat-num">500+</div><div class="stat-label">Projekte realisiert</div></div>
<div class="stat"><div class="stat-num">100%</div><div class="stat-label">Meisterbetrieb</div></div>
<div class="stat"><div class="stat-num">1×</div><div class="stat-label">Ansprechpartner</div></div>
</div>
</header>
<div class="wood-divider"></div>
<section class="about" id="ueber-uns">
<div class="container">
<div class="about-grid">
<div class="about-image fade-up">
<img src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/ueberuns.jpg_1355331843.jpg"
alt="René Räder – Zimmerermeister beim handwerklichen Arbeiten in Gera"
loading="lazy" width="600" height="750">
<div class="about-badge" aria-hidden="true"><strong>25+</strong><small>Jahre<br>Handwerk</small></div>
</div>
<div class="about-text fade-up">
<div class="section-label">Über uns</div>
<h2 class="section-title">Handwerkskunst,<br>die man sieht.</h2>
<p>Einige wenige Dinge sind genauso wie sie aussehen – und dazu gehört echtes Zimmererhandwerk. Passgenaues Arbeiten, ein hohes Maß an Kreativität und das nötige Fachwissen verbinden wir täglich mit modernster Abbundtechnik.</p>
<p>In Gera und ganz Thüringen kümmern wir uns persönlich um jedes Projekt – von der ersten Beratung bis zur Übergabe. Unser Ziel: Ihr entspannter Weg in ein schönes, sicheres Zuhause.</p>
<div class="about-values">
<div class="value-item">
<div class="value-icon" aria-hidden="true">🤝</div>
<div><h4>Persönliche Betreuung</h4><p>Ein Ansprechpartner vom Erstgespräch bis zur Fertigstellung.</p></div>
</div>
<div class="value-item">
<div class="value-icon" aria-hidden="true">⚙️</div>
<div><h4>Tradition trifft Moderne</h4><p>Bewährtes Handwerk kombiniert mit computergestützter Abbundtechnik.</p></div>
</div>
<div class="value-item">
<div class="value-icon" aria-hidden="true">📋</div>
<div><h4>Vorausschauende Planung</h4><p>Wir denken mit – für ein reibungsloses Projekt von Anfang bis Ende.</p></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="leistungen" id="leistungen">
<div class="container">
<div class="leistungen-header">
<div>
<div class="section-label">Leistungen</div>
<h2 class="section-title">So vielseitig wie<br>unsere Kunden.</h2>
</div>
<p class="section-intro">Von traditionellen Dachstühlen bis zur modernen Holzkonstruktion – schnell, sauber und passgenau.</p>
</div>
<div class="leistungen-grid">
<article class="service-card fade-up">
<img class="service-img"
src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/bildbox.jpg_1826411357.jpg"
alt="Dachstuhl Zimmerei Räder Gera – traditionell und computergestützt gebunden"
loading="lazy" width="400" height="200">
<div class="service-body">
<h3>Dachstuhl & Neubau</h3>
<p>Traditionell gezimmert oder computergestützt abgebunden – jeder Dachstuhl wird passgenau für Ihr Haus gefertigt.</p>
<ul class="service-list">
<li>Dachstühle traditionell errichtet</li>
<li>Computerabgebundene Dachstühle</li>
<li>Binderdachkonstruktionen</li>
<li>Walm-, Sattel- & Pultdächer</li>
</ul>
</div>
</article>
<article class="service-card fade-up">
<img class="service-img"
src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/header2.jpg_21100801.jpg"
alt="Holzkonstruktion Umbau und Sanierung – Zimmerei René Räder Gera"
loading="lazy" width="400" height="200">
<div class="service-body">
<h3>Umbau & Sanierung</h3>
<p>Alte Substanz erhalten und zukunftssicher machen – mit handwerklichem Gespür und technischem Know-how.</p>
<ul class="service-list">
<li>Dachsanierung & Reparatur</li>
<li>An- und Aufbauten</li>
<li>Tragwerk-Verstärkung</li>
<li>Schadensbehebung</li>
</ul>
</div>
</article>
<article class="service-card fade-up">
<img class="service-img"
src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/bildbox.jpg_1826411357.jpg"
alt="Carport und Terrassenüberdachung aus Holz – Zimmerei Räder Gera"
loading="lazy" width="400" height="200">
<div class="service-body">
<h3>Carports & Überdachungen</h3>
<p>Funktional, schön und dauerhaft: Wir planen und bauen individuelle Carports und Terrassenüberdachungen.</p>
<ul class="service-list">
<li>Freistehende Carports</li>
<li>Anlehn-Carports</li>
<li>Terrassenüberdachungen</li>
<li>Pergolen & Rankgerüste</li>
</ul>
</div>
</article>
<article class="service-card fade-up">
<img class="service-img"
src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/ueberuns.jpg_1355331843.jpg"
alt="Balkon und Außenbereich Holzbau – Zimmerei René Räder"
loading="lazy" width="400" height="200">
<div class="service-body">
<h3>Balkone & Außenbereiche</h3>
<p>Mehr Wohnraum nach draußen – mit wetterfesten Holzkonstruktionen, die lange halten.</p>
<ul class="service-list">
<li>Balkone & Terrassen</li>
<li>Holzdielen & Beläge</li>
<li>Geländer & Absturzsicherung</li>
<li>Sichtschutz & Zäune</li>
</ul>
</div>
</article>
<article class="service-card fade-up">
<img class="service-img"
src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/header1.jpg_934698001.jpg"
alt="Innenausbau mit Holz – Zimmerei René Räder Gera"
loading="lazy" width="400" height="200">
<div class="service-body">
<h3>Innenausbau</h3>
<p>Holz im Inneren: von der Dachbodendämmung über Wandverkleidungen bis zum Trockenbau.</p>
<ul class="service-list">
<li>Dachboden-Ausbau</li>
<li>Holzdecken & Wandpaneele</li>
<li>Trockenbau & Dämmung</li>
<li>Treppen & Innenausbau</li>
</ul>
</div>
</article>
<article class="service-card service-card-dark fade-up">
<div class="service-body">
<h3>Ihr Projekt fehlt?</h3>
<p>Sprechen Sie uns an – wir finden gemeinsam die beste Lösung für Ihre Anforderungen. Unverbindlich und persönlich.</p>
<a href="#kontakt" class="btn btn-primary" style="margin-top:20px;font-size:.9rem;padding:12px 24px">Jetzt anfragen ›</a>
</div>
</article>
</div>
</div>
</section>
<section class="prozess" id="prozess">
<div class="container">
<div class="section-label">So arbeiten wir</div>
<h2 class="section-title">Ihr Weg zum fertigen Projekt.</h2>
<div class="steps">
<div class="step fade-up"><div class="step-num" aria-hidden="true">01</div><h3>Erstgespräch</h3><p>Kostenfreie Besichtigung vor Ort – wir hören zu und klären Ihre Wünsche.</p></div>
<div class="step fade-up"><div class="step-num" aria-hidden="true">02</div><h3>Planung & Angebot</h3><p>Transparente Kalkulation und Konstruktionsplanung auf Basis Ihrer Anforderungen.</p></div>
<div class="step fade-up"><div class="step-num" aria-hidden="true">03</div><h3>Fertigung</h3><p>Präzise Abbundtechnik trifft auf Handwerkskunst – für passgenaue Holzkonstruktionen.</p></div>
<div class="step fade-up"><div class="step-num" aria-hidden="true">04</div><h3>Montage & Übergabe</h3><p>Professionell, pünktlich und sauber – durch unser erfahrenes Team.</p></div>
</div>
</div>
</section>
<section class="kontakt" id="kontakt">
<div class="container">
<div class="kontakt-grid">
<div class="fade-up">
<div class="section-label">Kontakt</div>
<h2 class="section-title">Bereit für Ihr Projekt?</h2>
<p style="color:var(--text-mid);margin-bottom:40px;font-size:1.05rem">Wir melden uns innerhalb von 24 Stunden und vereinbaren einen unverbindlichen Vor-Ort-Termin.</p>
<div class="contact-items">
<div class="contact-item">
<div class="contact-icon" aria-hidden="true">📍</div>
<div><h4>Adresse</h4><address>Am Leumnitzer Bach 40<br>07546 Gera</address></div>
</div>
<div class="contact-item">
<div class="contact-icon" aria-hidden="true">📧</div>
<div><h4>E-Mail</h4><a href="mailto:info@zimmerei-raeder.de">info@zimmerei-raeder.de</a></div>
</div>
<div class="contact-item">
<div class="contact-icon" aria-hidden="true">📠</div>
<div><h4>Fax</h4><address>0365 830 17 89</address></div>
</div>
</div>
<div class="call-block">
<span>Direkt anrufen</span>
<a href="tel:+493658301788">0365 830 17 88</a>
<small>Mobil: 0172 594 03 48</small>
</div>
</div>
<div class="form-card fade-up">
<h3>Angebot anfragen</h3>
<form id="contact-form" onsubmit="handleSubmit(event)" novalidate>
<div class="form-row">
<div class="form-group"><label for="name">Name *</label><input type="text" id="name" name="name" placeholder="Max Mustermann" required autocomplete="name"></div>
<div class="form-group"><label for="phone">Telefon</label><input type="tel" id="phone" name="phone" placeholder="0365 ..." autocomplete="tel"></div>
</div>
<div class="form-group"><label for="email">E-Mail *</label><input type="email" id="email" name="email" placeholder="max@beispiel.de" required autocomplete="email"></div>
<div class="form-group">
<label for="service">Leistung</label>
<select id="service" name="service">
<option value="">Bitte wählen...</option>
<option>Dachstuhl / Neubau</option>
<option>Umbau & Sanierung</option>
<option>Carport / Überdachung</option>
<option>Balkon / Außenbereich</option>
<option>Innenausbau</option>
<option>Sonstiges</option>
</select>
</div>
<div class="form-group"><label for="message">Ihre Nachricht *</label><textarea id="message" name="message" placeholder="Beschreiben Sie kurz Ihr Vorhaben..." required></textarea></div>
<button type="submit" class="form-submit">Anfrage absenden →</button>
</form>
</div>
</div>
</div>
</section>
<footer role="contentinfo">
<div class="footer-inner">
<div class="footer-brand">
<div class="footer-logo">
<img src="https://zimmerei-raeder.de/export/sites/raeder/.content/bilder/logo.svg"
alt="Zimmerei René Räder" width="140" height="38">
</div>
<p>Traditionelles Zimmererhandwerk in Gera und ganz Thüringen. Meisterbetrieb mit moderner Abbundtechnik – persönlich, zuverlässig, passgenau.</p>
</div>
<div class="footer-col">
<h4>Leistungen</h4>
<ul>
<li><a href="#leistungen">Dachstühle</a></li>
<li><a href="#leistungen">Carports</a></li>
<li><a href="#leistungen">Balkone</a></li>
<li><a href="#leistungen">Innenausbau</a></li>
<li><a href="#leistungen">Sanierung</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Kontakt & Rechtliches</h4>
<ul>
<li><a href="tel:+493658301788">0365 830 17 88</a></li>
<li><a href="tel:+491725940348">0172 594 03 48</a></li>
<li><a href="mailto:info@zimmerei-raeder.de">info@zimmerei-raeder.de</a></li>
<li><a href="datenschutz.html">Datenschutz</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2024 Zimmerei René Räder · Am Leumnitzer Bach 40 · 07546 Gera</span>
<div style="display:flex;gap:20px"><a href="datenschutz.html">Datenschutz</a><a href="impressum.html">Impressum</a></div>
</div>
</footer>
<script>
const navbar=document.getElementById('navbar');
window.addEventListener('scroll',()=>{navbar.classList.toggle('scrolled',window.scrollY>50)},{passive:true});
navbar.classList.toggle('scrolled',window.scrollY>50);
const hamburger=document.getElementById('hamburger'),navLinks=document.getElementById('nav-links');
hamburger.addEventListener('click',()=>{const o=navLinks.classList.toggle('open');hamburger.setAttribute('aria-expanded',o)});
navLinks.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{navLinks.classList.remove('open');hamburger.setAttribute('aria-expanded',false)}));
const obs=new IntersectionObserver((entries)=>{entries.forEach((e,i)=>{if(e.isIntersecting){setTimeout(()=>e.target.classList.add('visible'),i*80);obs.unobserve(e.target)}})},{threshold:.1});
document.querySelectorAll('.fade-up').forEach(el=>obs.observe(el));
function handleSubmit(e){e.preventDefault();const b=e.target.querySelector('.form-submit');b.textContent='✓ Anfrage gesendet!';b.style.background='#3B6D11';b.disabled=true;setTimeout(()=>{b.textContent='Anfrage absenden →';b.style.background='';b.disabled=false;e.target.reset()},3000)}
</script>
</body>
</html>