<!-- getAllCases: Case ID 17: Blænding af dør/ ilægning af overligger -->
<!-- getAllCases: Image files for case 17: 17_1777452450_0.jpg,17_1777452451_1.jpg,17_1777452451_2.jpg,17_1777452451_3.jpg,17_1777452451_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452450_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_4.jpg -->
<!-- getAllCases: Total images added for case 17: 5 -->
<!-- getAllCases: Case ID 16: Lille badeværelse -->
<!-- getAllCases: Image files for case 16: 16_1777061228_0.jpg,16_1777061228_1.jpg,16_1777061228_2.jpg,16_1777061229_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061229_3.jpg -->
<!-- getAllCases: Total images added for case 16: 4 -->
<!-- getAllCases: Case ID 15: Bryggers -->
<!-- getAllCases: Image files for case 15: 15_1774558512_0.jpg,15_1774558512_1.jpg,15_1774558512_2.jpg,15_1774558513_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558513_3.jpg -->
<!-- getAllCases: Total images added for case 15: 4 -->
<!-- getAllCases: Case ID 14: Renovering bad Aarhus  -->
<!-- getAllCases: Image files for case 14: 14_1774382847_0.jpg,14_1774382847_1.jpg,14_1774382848_2.jpg,14_1774382848_3.jpg,14_1774382848_4.jpg,14_1774382849_5.jpg,14_1774382849_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382847_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382847_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382849_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382849_6.jpg -->
<!-- getAllCases: Total images added for case 14: 7 -->
<!-- getAllCases: Case ID 13: sofabord -->
<!-- getAllCases: Image files for case 13: 13_1770668447_0.jpg,13_1770668447_1.jpg,13_1770668447_2.jpg,13_1770668447_3.jpg,13_1770668447_4.jpg,13_1770668448_5.jpg,13_1770668448_6.jpg,13_1770668448_7.jpg,13_1770668448_8.jpg,13_1770668448_9.jpg,13_1770668448_10.jpg,13_1770668448_11.jpg,13_1770668448_12.jpg,13_1770668448_13.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_7.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_8.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_9.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_10.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_11.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_12.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_13.jpg -->
<!-- getAllCases: Total images added for case 13: 14 -->
<!-- getAllCases: Case ID 10: Kælderrenovering -->
<!-- getAllCases: Image files for case 10: 10_1769601893_16.jpg,10_1769601893_0.jpg,10_1769601893_1.jpg,10_1769601893_2.jpg,10_1769601893_3.jpg,10_1769601893_4.jpg,10_1769601893_5.jpg,10_1769601893_6.jpg,10_1769601893_7.jpg,10_1769601893_8.jpg,10_1769601893_9.jpg,10_1769601893_10.jpg,10_1769601893_11.jpg,10_1769601893_12.jpg,10_1769601893_13.jpg,10_1769601893_14.jpg,10_1769601893_15.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_16.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_7.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_8.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_9.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_10.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_11.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_12.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_13.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_14.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_15.jpg -->
<!-- getAllCases: Total images added for case 10: 17 -->
<!DOCTYPE html>
<html lang="da">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">
    <title>Murermester J Schwarz ApS - Kolding og omegn</title>
    <meta name="description" content="Professionelt murerarbejde i Kolding og omegn. Over 15 års erfaring med badeværelser, facade, puds, fliser og klinker. Ring +45 31 13 91 88 for gratis tilbud.">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://murermesterjschwarz.dk/">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
    
    <!-- Preload critical resources -->
    <link rel="preload" href="/css/style.css?v=1785044504" as="style">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" as="style">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://murermesterjschwarz.dk/">
    <meta property="og:title" content="Murermester J Schwarz ApS - Kolding og omegn">
    <meta property="og:description" content="Professionelt murerarbejde i Kolding og omegn. Over 15 års erfaring med badeværelser, facade, puds, fliser og klinker. Ring +45 31 13 91 88 for gratis tilbud.">
    <meta property="og:image" content="https://murermesterjschwarz.dk/images/logo.png">
    <meta property="og:locale" content="da_DK">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Murermester J Schwarz ApS - Kolding og omegn">
    <meta name="twitter:description" content="Professionelt murerarbejde i Kolding og omegn. Over 15 års erfaring med badeværelser, facade, puds, fliser og klinker. Ring +45 31 13 91 88 for gratis tilbud.">
    <meta name="twitter:image" content="https://murermesterjschwarz.dk/images/logo.png">
    
    <!-- Inter Font with display=swap -->
    <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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/style.css?v=1785044504">
    
    <!-- Schema.org Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "@id": "https://murermesterjschwarz.dk/#organization",
        "name": "Murermester J Schwarz ApS",
        "alternateName": "Schwarz Murer",
        "description": "Professionelt murerarbejde i Kolding og omegn",
        "url": "https://murermesterjschwarz.dk",
        "logo": "https://murermesterjschwarz.dk/images/logo.png",
        "image": "https://murermesterjschwarz.dk/images/logo.png",
        "telephone": "+45-31-13-91-88",
        "email": "murermesterjschwarz@gmail.com",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Kløvkærvej 5A",
            "addressLocality": "Kolding",
            "postalCode": "6000",
            "addressRegion": "Syddanmark",
            "addressCountry": "DK"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 55.4904,
            "longitude": 9.4721
        },
        "areaServed": [
            {
                "@type": "City",
                "name": "Kolding"
            },
            {
                "@type": "State",
                "name": "Midtjylland"
            },
            {
                "@type": "State",
                "name": "Syddanmark"
            }
        ],
        "priceRange": "475 kr/time",
        "currenciesAccepted": "DKK",
        "paymentAccepted": "Cash, Invoice, Bank Transfer",
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                "opens": "07:00",
                "closes": "16:00"
            }
        ],
        "identifier": {
            "@type": "PropertyValue",
            "name": "CVR",
            "value": "45909662"
        },
        "sameAs": [
            "https://www.facebook.com/profile.php?id=100064238951234"
        ]
    }
    </script>
</head>
<body>
    <nav class="navbar">
        <a class="navbar-brand" href="/">
            <picture>
                <source srcset="/images/logo.webp" type="image/webp">
                <img src="/images/logo.png" alt="Murermester J Schwarz ApS" loading="eager" fetchpriority="high">
            </picture>
        </a>
    </nav>

<!-- FAQPage Schema.org Structured Data -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Hvad koster det at hyre en murermester i Kolding?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Vores timepris er 475 kr. ekskl. moms for mindre opgaver. Ved større projekter tilbyder vi fast projektpris efter en gratis besigtigelse. Prisen inkluderer arbejdskraft, men materialer tillægges efter forbrug."
            }
        },
        {
            "@type": "Question",
            "name": "Hvor langt kører I ud fra Kolding?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Vi betjener primært Kolding og omegn, men kører gerne i det meste af Jylland og Fyn hvis opgaven tillader det. Kontakt os for en konkret vurdering af din lokation."
            }
        },
        {
            "@type": "Question",
            "name": "Hvor lang tid tager et typisk badeværelsesprojekt?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Et komplet badeværelse tager typisk 2-3 uger afhængig af størrelse og kompleksitet. Mindre renoveringer som fliseudskiftning kan klares på få dage. Vi giver altid et realistisk tidsestimat ved projektstart."
            }
        },
        {
            "@type": "Question",
            "name": "Tilbyder I gratis tilbud og besigtigelse?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Ja, vi tilbyder gratis og uforpligtende besigtigelse ved projektopgaver. Vi kommer ud, ser på opgaven, og giver et konkret tilbud baseret på dine ønsker og behov."
            }
        },
        {
            "@type": "Question",
            "name": "Kan I hjælpe med både private og erhvervsopgaver?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Ja, vi udfører murerarbejde for både private kunder og erhvervskunder. Vi har erfaring med alt fra mindre reparationer til større byggeprojekter for både villaer og virksomheder."
            }
        },
        {
            "@type": "Question",
            "name": "Hvad er jeres erfaring og kvalifikationer?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Murermester J. Schwarz har over 15 års erfaring i branchen siden 2011. Vi er en autoriseret murermestervirksomhed (CVR: 45909662) med fokus på kvalitet, præcision og kundetilfredshed."
            }
        }
    ]
}
</script>

<!-- Hero Section -->
<section class="hero text-center">
    <div class="container">
        <h1>Murermester i Kolding - Professionelt Murerarbejde</h1>
        <p class="lead">Erfaren murermester til private og erhverv i Kolding og omegn</p>
        <p class="lead fw-bold">Mere end 15 års erfaring</p>
        <a href="#kontakt" class="btn btn-light btn-lg">Ring eller skriv</a>
    </div>
</section>

<!-- Ydelser Section -->
<section class="py-5" id="ydelser">
    <div class="container">
        <h2 class="text-center mb-4">Alt almindeligt murerarbejde</h2>
        
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <p class="text-center mb-4">
                    Murermester J. Schwarz ApS udfører murerarbejde for private og erhverv – både små og større opgaver.
                </p>
                
                <p class="text-center text-muted mb-4">
                    <em>Nedenfor er eksempler på typiske opgaver. Har du en anden opgave, er du altid velkommen til at tage kontakt.</em>
                </p>
                
                <ul class="list-unstyled mb-4" style="column-count: 2; column-gap: 2rem;">
                    <li class="mb-2">✓ Badeværelser og vådrum</li>
                    <li class="mb-2">✓ Fliser og klinker (væg og gulv)</li>
                    <li class="mb-2">✓ Facade og puds</li>
                    <li class="mb-2">✓ Vandskuring og netpuds</li>
                    <li class="mb-2">✓ Trapper og opmuring</li>
                    <li class="mb-2">✓ Reparation og omfugning</li>
                    <li class="mb-2">✓ Indvendig efterisolering</li>
                </ul>
                
                <p class="text-center">
                    <strong>Opgaverne tilpasses den enkelte kunde og opgavens omfang.</strong><br>
                    Ring eller skriv – så tager vi en snak om din opgave.
                </p>
                
                <div class="text-center mt-4">
                    <a href="#kontakt" class="btn btn-primary btn-lg">Ring eller skriv</a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Priser Section -->
<section class="py-5 bg-light">
    <div class="container">
        <h2 class="text-center mb-4">Priser</h2>
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="row g-4">
                    <div class="col-md-6">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <h3 class="mb-3">Timebaseret</h3>
                                <p class="display-6 mb-2" style="color: var(--green-600);">475 kr</p>
                                <p class="text-muted mb-3">pr. time ekskl. moms – gælder mindre opgaver</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card h-100 text-center">
                            <div class="card-body">
                                <h3 class="mb-3">Projektpris</h3>
                                <p class="display-6 mb-2" style="color: var(--green-600);">Efter aftale</p>
                                <p class="text-muted mb-3">Fast pris for projektet</p>
                                <p class="small">Perfekt til større opgaver</p>
                                <a href="#contact-form" class="btn btn-outline-primary btn-sm mt-2">Få et tilbud</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="alert alert-info mt-4 text-center">
                    <small><strong>Gratis besigtigelse</strong> ved projektopgaver</small>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Udvalgte Cases Section -->
<section class="py-5">
    <div class="container">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2>Seneste projekter</h2>
            <a href="/cases" class="btn btn-outline-primary">Se alle cases</a>
        </div>
        <div class="row g-4">
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/bl-nding-af-d-r-il-gning-af-overligger" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/17_1777452450_0.jpg" 
                                     class="card-img-top" 
                                     alt="Blænding af dør/ ilægning af overligger - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">Blænding af dør/ ilægning af overligger</h5>
                                <p class="card-text text-muted small">
                                    29. Apr 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/lille-badev-relse" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/16_1777061228_0.jpg" 
                                     class="card-img-top" 
                                     alt="Lille badeværelse - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">Lille badeværelse</h5>
                                <p class="card-text text-muted small">
                                    24. Apr 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/bryggers" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/15_1774558512_0.jpg" 
                                     class="card-img-top" 
                                     alt="Bryggers - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">Bryggers</h5>
                                <p class="card-text text-muted small">
                                    26. Mar 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/renovering-bad-aarhus-" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/14_1774382847_0.jpg" 
                                     class="card-img-top" 
                                     alt="Renovering bad Aarhus  - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">Renovering bad Aarhus </h5>
                                <p class="card-text text-muted small">
                                    24. Mar 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/sofabord" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/13_1770668447_0.jpg" 
                                     class="card-img-top" 
                                     alt="sofabord - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">sofabord</h5>
                                <p class="card-text text-muted small">
                                    09. Feb 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                            <div class="col-md-4 col-sm-6">
                    <a href="/cases/k-lderrenovering-aalborg" class="text-decoration-none">
                        <div class="card case-card">
                                                                                        <img src="/uploads/cases/10_1769601893_16.jpg" 
                                     class="card-img-top" 
                                     alt="Kælderrenovering - Murerarbejde"
                                     loading="lazy"
                                     width="400"
                                     height="300">
                                                        <div class="card-body">
                                <h5 class="card-title text-dark">Kælderrenovering</h5>
                                <p class="card-text text-muted small">
                                    28. Jan 2026                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                    </div>
    </div>
</section>

<!-- Serviceområde Section -->
<section class="py-5 bg-light service-area">
    <div class="container">
        <h2 class="text-center mb-4">Serviceområde</h2>
        <div class="row justify-content-center">
            <div class="col-lg-6 text-center">
                <p class="lead mb-3">
                    <strong>Kolding og omegn</strong>
                </p>
                <p class="mb-3">
                    Kører gerne i det meste af Jylland og Fyn hvis opgaven tillader det
                </p>
                <p class="text-muted">
                    Ring eller skriv – så tager vi en snak om opgaven
                </p>
            </div>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <h2 class="text-center mb-4">Ofte stillede spørgsmål</h2>
                
                <div class="accordion" id="faqAccordion">
                    <!-- FAQ 1 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq1">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse1" aria-expanded="false" aria-controls="faqCollapse1">
                                Hvad koster det at hyre en murermester i Kolding?
                            </button>
                        </h3>
                        <div id="faqCollapse1" class="accordion-collapse collapse" aria-labelledby="faq1" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Vores timepris er 475 kr. ekskl. moms for mindre opgaver. Ved større projekter tilbyder vi fast projektpris efter en gratis besigtigelse. Prisen inkluderer arbejdskraft, men materialer tillægges efter forbrug.
                            </div>
                        </div>
                    </div>
                    
                    <!-- FAQ 2 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq2">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse2" aria-expanded="false" aria-controls="faqCollapse2">
                                Hvor langt kører I ud fra Kolding?
                            </button>
                        </h3>
                        <div id="faqCollapse2" class="accordion-collapse collapse" aria-labelledby="faq2" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Vi betjener primært Kolding og omegn, men kører gerne i det meste af Jylland og Fyn hvis opgaven tillader det. Kontakt os for en konkret vurdering af din lokation.
                            </div>
                        </div>
                    </div>
                    
                    <!-- FAQ 3 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq3">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse3" aria-expanded="false" aria-controls="faqCollapse3">
                                Hvor lang tid tager et typisk badeværelsesprojekt?
                            </button>
                        </h3>
                        <div id="faqCollapse3" class="accordion-collapse collapse" aria-labelledby="faq3" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Et komplet badeværelse tager typisk 2-3 uger afhængig af størrelse og kompleksitet. Mindre renoveringer som fliseudskiftning kan klares på få dage. Vi giver altid et realistisk tidsestimat ved projektstart.
                            </div>
                        </div>
                    </div>
                    
                    <!-- FAQ 4 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq4">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse4" aria-expanded="false" aria-controls="faqCollapse4">
                                Tilbyder I gratis tilbud og besigtigelse?
                            </button>
                        </h3>
                        <div id="faqCollapse4" class="accordion-collapse collapse" aria-labelledby="faq4" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Ja, vi tilbyder gratis og uforpligtende besigtigelse ved projektopgaver. Vi kommer ud, ser på opgaven, og giver et konkret tilbud baseret på dine ønsker og behov.
                            </div>
                        </div>
                    </div>
                    
                    <!-- FAQ 5 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq5">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse5" aria-expanded="false" aria-controls="faqCollapse5">
                                Kan I hjælpe med både private og erhvervsopgaver?
                            </button>
                        </h3>
                        <div id="faqCollapse5" class="accordion-collapse collapse" aria-labelledby="faq5" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Ja, vi udfører murerarbejde for både private kunder og erhvervskunder. Vi har erfaring med alt fra mindre reparationer til større byggeprojekter for både villaer og virksomheder.
                            </div>
                        </div>
                    </div>
                    
                    <!-- FAQ 6 -->
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="faq6">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse6" aria-expanded="false" aria-controls="faqCollapse6">
                                Hvad er jeres erfaring og kvalifikationer?
                            </button>
                        </h3>
                        <div id="faqCollapse6" class="accordion-collapse collapse" aria-labelledby="faq6" data-bs-parent="#faqAccordion">
                            <div class="accordion-body">
                                Murermester J. Schwarz har over 15 års erfaring i branchen siden 2011. Vi er en autoriseret murermestervirksomhed (CVR: 45909662) med fokus på kvalitet, præcision og kundetilfredshed.
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="text-center mt-4">
                    <p class="text-muted">Har du andre spørgsmål? <a href="#kontakt">Kontakt os direkte</a></p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Kontakt Section -->
<section class="py-5" id="kontakt">
    <div class="container">
        <h2 class="text-center mb-5">Kontakt</h2>
        
        <!-- Kontakt muligheder -->
        <div class="row justify-content-center mb-5">
            <div class="col-lg-8">
                <div class="row g-3">
                    <div class="col-md-12">
                        <a href="tel:+4531139188" class="btn btn-outline-primary btn-lg w-100 d-flex flex-column align-items-center justify-content-center py-3">
                            <span style="font-size: 2rem;">📞</span>
                            <span class="mt-2">Ring</span>
                            <small class="text-muted mt-1">+45 31 13 91 88</small>
                        </a>
                    </div>
                    <div class="col-md-12">
                        <a href="mailto:murermesterjschwarz@gmail.com" class="btn btn-outline-primary btn-lg w-100 d-flex flex-column align-items-center justify-content-center py-3">
                            <span style="font-size: 2rem;">✉️</span>
                            <span class="mt-2">E-mail</span>
                            <small class="text-muted mt-1" style="font-size: 0.8rem;">murermesterjschwarz@gmail.com</small>
                        </a>
                    </div>
                    <div class="col-md-12">
                        <a href="https://m.me/805790422622611" target="_blank" class="btn btn-outline-primary btn-lg w-100 d-flex flex-column align-items-center justify-content-center py-3">
                            <span style="font-size: 2rem;">💬</span>
                            <span class="mt-2">Messenger</span>
                            <small class="text-muted mt-1">Send besked på Facebook</small>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Kontaktformular -->
        <div class="row justify-content-center" id="contact-form">
            <div class="col-lg-8">
                <div class="card shadow-sm">
                    <div class="card-body p-4">
                        <h3 class="text-center mb-4">Eller send en besked</h3>
                        <form id="contactForm" class="needs-validation" novalidate>
                            <div class="row g-3">
                                <!-- Honeypot field (anti-spam) -->
                                <input type="text" name="website" style="display:none" tabindex="-1" autocomplete="off">
                                
                                <div class="col-md-6">
                                    <label for="name" class="form-label">Navn *</label>
                                    <input type="text" class="form-control" id="name" name="name" required>
                                    <div class="invalid-feedback">Indtast venligst dit navn</div>
                                </div>
                                <div class="col-md-6">
                                    <label for="phone" class="form-label">Telefon *</label>
                                    <input type="tel" class="form-control" id="phone" name="phone" required>
                                    <div class="invalid-feedback">Indtast venligst dit telefonnummer</div>
                                </div>
                                <div class="col-12">
                                    <label for="email" class="form-label">E-mail *</label>
                                    <input type="email" class="form-control" id="email" name="email" required>
                                    <div class="invalid-feedback">Indtast venligst en gyldig e-mail</div>
                                </div>
                                <div class="col-12">
                                    <label for="address" class="form-label">Adresse *</label>
                                    <input type="text" class="form-control" id="address" name="address" placeholder="Start at skrive din adresse..." required>
                                    <div class="invalid-feedback">Indtast venligst din adresse</div>
                                    <small class="text-muted">Vi bruger dette til at beregne afstand</small>
                                </div>
                                <div class="col-12">
                                    <label for="subject" class="form-label">Emne *</label>
                                    <select class="form-select" id="subject" name="subject" required>
                                        <option value="">Vælg emne...</option>
                                        <option value="Tilbud">Anmodning om tilbud</option>
                                        <option value="Badeværelse">Badeværelse og vådrum</option>
                                        <option value="Fliser">Fliser og klinker</option>
                                        <option value="Facade">Facade og puds</option>
                                        <option value="Vandskuring">Vandskuring og netpuds</option>
                                        <option value="Trapper">Trapper og opmuring</option>
                                        <option value="Reparation">Reparation og omfugning</option>
                                        <option value="Efterisolering">Efterisolering</option>
                                        <option value="Andet">Andet spørgsmål</option>
                                    </select>
                                    <div class="invalid-feedback">Vælg venligst et emne</div>
                                </div>
                                <div class="col-12">
                                    <label for="message" class="form-label">Besked *</label>
                                    <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
                                    <div class="invalid-feedback">Skriv venligst en besked</div>
                                </div>
                                <div class="col-12">
                                    <div class="alert alert-info">
                                        <small>📋 Dine oplysninger bruges kun til at besvare din henvendelse. Læs vores <a href="/privatliv">privatlivspolitik</a>.</small>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary btn-lg w-100">Send henvendelse</button>
                                </div>
                                <div id="formMessage" class="col-12" style="display: none;"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    <footer class="bg-dark text-white mt-5 py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5>Murermester J Schwarz</h5>
                    <p class="mb-1">CVR: 45909662</p>
                    <p class="mb-1">Kolding og omegn</p>
                    <p class="mb-0">&copy; 2026 Murermester J Schwarz. Alle rettigheder forbeholdes.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <p class="mb-2">
                        <a href="tel:+4531139188" class="text-white text-decoration-none">📞 +45 31 13 91 88</a>
                    </p>
                    <p class="mb-2">
                        <a href="mailto:murermesterjschwarz@gmail.com" class="text-white text-decoration-none">✉️ murermesterjschwarz@gmail.com</a>
                    </p>
                    <p class="mb-0">
                        <a href="/privatliv" class="text-white-50 text-decoration-none small">Privatlivspolitik</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
    
    <!-- EmailJS (deferred, only loaded when needed) -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js" defer></script>
    
    <!-- Navbar Scroll Effect -->
    <script>
        const nav = document.querySelector('.navbar');
        const hero = document.querySelector('.hero');
        
        if (nav && hero) {
            const heroHeight = hero.offsetHeight;
            
            window.addEventListener('scroll', () => {
                const scroll = window.scrollY;
                
                // Scale navbar vertikalt og logo proportionelt fra 1.0 til 0.5 baseret på scroll (0-120px)
                const scale = Math.max(0.5, 1 - (scroll / 120));
                nav.style.transform = `scaleY(${scale})`;
                
                // Logo skal kun scale i x-retningen (bredden) da højden allerede påvirkes af navbar's scaleY
                const logo = nav.querySelector('.navbar-brand img');
                if (logo) {
                    logo.style.transform = `scaleX(${scale})`;
                }
                
                // Dark mode når hero er scrollet helt væk under navbar
                const navbarHeight = 120 * scale; // Aktuel højde efter scaling
                const heroBottom = hero.getBoundingClientRect().bottom;
                if (heroBottom <= navbarHeight) {
                    nav.classList.add('dark');
                } else {
                    nav.classList.remove('dark');
                }
            }, { passive: true });
        }
    </script>
    
    <!-- Contact Form Handler -->
    <script>
        // Contact Form Validation and Submission
        (function() {
            const form = document.getElementById('contactForm');
            if (!form) return;
            
            // Rate limiting - max 1 submission per 60 seconds
            let lastSubmitTime = 0;
            const RATE_LIMIT_MS = 60000; // 60 seconds
            
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // Check honeypot field (anti-spam)
                const honeypot = form.querySelector('input[name="website"]');
                if (honeypot && honeypot.value !== '') {
                    console.log('Spam detected - honeypot filled');
                    return; // Silent fail for bots
                }
                
                // Rate limiting check
                const now = Date.now();
                if (now - lastSubmitTime < RATE_LIMIT_MS) {
                    const messageDiv = document.getElementById('formMessage');
                    messageDiv.className = 'alert alert-warning';
                    messageDiv.textContent = 'Vent venligst et minut før du sender igen.';
                    messageDiv.style.display = 'block';
                    return;
                }
                
                if (!form.checkValidity()) {
                    e.stopPropagation();
                    form.classList.add('was-validated');
                    return;
                }
                
                // Update last submit time
                lastSubmitTime = now;
                
                // Disable submit button
                const submitBtn = form.querySelector('button[type="submit"]');
                const originalText = submitBtn.textContent;
                submitBtn.disabled = true;
                submitBtn.textContent = 'Sender...';
                
                // Send form via AJAX to PHP backend
                const formData = new FormData(form);
                
                fetch('/api/send-contact.php', {
                    method: 'POST',
                    body: formData
                })
                    .then(response => response.json())
                    .then(data => {
                        const messageDiv = document.getElementById('formMessage');
                        
                        if (data.success) {
                            // Show success message
                            messageDiv.className = 'alert alert-success';
                            messageDiv.textContent = data.message;
                            messageDiv.style.display = 'block';
                            
                            // Scroll to message
                            messageDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
                            
                            // Reset form
                            form.reset();
                            form.classList.remove('was-validated');
                            
                            // Hide message after 8 seconds
                            setTimeout(() => {
                                messageDiv.style.display = 'none';
                            }, 8000);
                        } else {
                            // Show error message
                            messageDiv.className = 'alert alert-danger';
                            messageDiv.textContent = data.message;
                            messageDiv.style.display = 'block';
                            
                            // Scroll to message
                            messageDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
                        }
                        
                        // Re-enable button
                        submitBtn.disabled = false;
                        submitBtn.textContent = originalText;
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        
                        // Show error message
                        const messageDiv = document.getElementById('formMessage');
                        messageDiv.className = 'alert alert-danger';
                        messageDiv.textContent = 'Der opstod en fejl. Prøv venligst igen eller ring direkte.';
                        messageDiv.style.display = 'block';
                        
                        // Re-enable button
                        submitBtn.disabled = false;
                        submitBtn.textContent = originalText;
                        
                        // Reset rate limit on error
                        lastSubmitTime = 0;
                    });
            });
        })();
    </script>

    <!-- Messenger Button -->
    <a href="https://m.me/805790422622611" target="_blank" class="messenger-bubble" title="Send besked på Messenger">
      <svg viewBox="0 0 24 24" width="28" height="28" fill="white">
        <path d="M12,2C6.36,2,2,6.13,2,11.7c0,2.91,1.19,5.44,3.14,7.17c0.16,0.13,0.26,0.32,0.27,0.52l0.05,1.61 c0.02,0.5,0.53,0.83,0.98,0.64l1.78-0.71c0.15-0.06,0.33-0.07,0.49-0.02c0.85,0.27,1.76,0.42,2.71,0.42c5.36,0,9.71-4.13,9.71-9.23 C21.86,6.13,17.5,2,12,2z M13.03,14.41l-2.44-2.56c-0.28-0.29-0.74-0.29-1.02,0l-2.63,2.56c-0.25,0.25-0.65,0.05-0.64-0.31 l0.71-3.55c0.05-0.23,0.23-0.41,0.46-0.46l3.55-0.71c0.36-0.07,0.56,0.39,0.31,0.64l-2.56,2.63c-0.29,0.28-0.29,0.74,0,1.02 l2.56,2.44c0.25,0.25,0.05,0.65-0.31,0.64l-3.55-0.71c-0.23-0.05-0.41-0.23-0.46-0.46l-0.71-3.55c-0.07-0.36,0.39-0.56,0.64-0.31 l2.63,2.56c0.28,0.29,0.74,0.29,1.02,0l2.44-2.56C13.28,13.76,13.48,14.16,13.03,14.41z"/>
      </svg>
    </a>
    <style>
      .messenger-bubble {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, #00B2FF 0%, #006AFF 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0,106,255,0.4);
        z-index: 9999;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        text-decoration: none;
      }
      .messenger-bubble:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 16px rgba(0,106,255,0.6);
      }
    </style>

    <!-- Build Timestamp -->
    <script>
        const buildDate = '2026-07-26 07:41:44';
        const buildTimestamp = 1785044504;
        console.log('%c🚀 Build Info', 'color: #00B2FF; font-weight: bold; font-size: 14px;');
        console.log('Build Date:', buildDate);
        console.log('Build Timestamp:', buildTimestamp);
        console.log('Current Time:', new Date().toISOString());
        console.log('Time since build:', Math.floor((Date.now() - buildTimestamp * 1000) / 1000), 'seconds');
        console.log('─'.repeat(50));
    </script>