{"id":21956,"date":"2026-01-09T15:29:29","date_gmt":"2026-01-09T14:29:29","guid":{"rendered":"https:\/\/limainvestimmobilien.de\/?page_id=21956"},"modified":"2026-07-18T13:14:27","modified_gmt":"2026-07-18T11:14:27","slug":"maengel-nach-baujahren","status":"publish","type":"page","link":"https:\/\/limainvestimmobilien.de\/en\/maengel-nach-baujahren\/","title":{"rendered":"M\u00e4ngel nach Baujahren"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"21956\" class=\"elementor elementor-21956\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d5a915 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d5a915\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d5b225\" data-id=\"7d5b225\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-99252de elementor-widget elementor-widget-html\" data-id=\"99252de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Immobilien-Check: Baujahre & Schwachstellen<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n    :root {\n        --lima-primary: #1e293b;\n        --lima-accent: #bb9e1c;\n        --lima-bg: #ffffff;\n        --lima-text: #333333;\n        --lima-light-gray: #f8fafc;\n        --tooltip-bg: #1e293b;\n        --white: #ffffff;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        min-height: 100vh;\n    }\n\n    .lima-wrapper {\n        font-family: 'Poppins', sans-serif;\n        max-width: 1000px;\n        margin: 40px auto;\n        padding: 20px;\n        color: var(--lima-text);\n    }\n\n    \/* Intro Section Animations *\/\n    .intro-section {\n        text-align: center;\n        margin-bottom: 50px;\n        background: var(--lima-light-gray);\n        padding: 30px;\n        border-radius: 12px;\n        border: 1px solid #e2e8f0;\n        animation: slideInDown 0.6s ease-out;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    @keyframes slideInDown {\n        from {\n            opacity: 0;\n            transform: translateY(-30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .intro-section h2 {\n        color: var(--lima-primary);\n        margin-top: 0;\n        animation: fadeInUp 0.8s ease-out 0.2s both;\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 600;\n        font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .intro-section p {\n        font-family: 'Poppins', sans-serif;\n        line-height: 1.6;\n        font-size: 0.95rem;\n        max-width: 800px;\n        margin: 0 auto 20px auto;\n        animation: fadeInUp 0.8s ease-out 0.4s both;\n    }\n\n    \/* Button Styling with Enhanced Animations *\/\n    .cta-button {\n        display: inline-flex;\n        align-items: center;\n        background-color: var(--lima-accent);\n        color: var(--white);\n        padding: 14px 28px;\n        border-radius: 8px;\n        text-decoration: none;\n        font-family: 'Poppins', sans-serif;\n        font-weight: 600;\n        font-size: 0.82rem;\n        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n        box-shadow: 0 4px 15px rgba(187, 158, 28, 0.3);\n        animation: fadeInUp 0.8s ease-out 0.6s both, pulse 2s ease-in-out 1.5s infinite;\n        border: none;\n        cursor: pointer;\n    }\n\n    @keyframes pulse {\n        0%, 100% {\n            box-shadow: 0 4px 15px rgba(187, 158, 28, 0.3);\n        }\n        50% {\n            box-shadow: 0 4px 25px rgba(187, 158, 28, 0.6);\n        }\n    }\n\n    .cta-button:hover {\n        background-color: #a38918;\n        transform: translateY(-3px) scale(1.05);\n        box-shadow: 0 8px 25px rgba(187, 158, 28, 0.5);\n    }\n\n    .cta-button:active {\n        transform: translateY(-1px) scale(0.98);\n    }\n\n    .cta-button svg {\n        margin-right: 10px;\n        width: 20px;\n        height: 20px;\n        fill: currentColor;\n        animation: bounce 0.6s ease-in-out infinite;\n    }\n\n    @keyframes bounce {\n        0%, 100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-5px);\n        }\n    }\n\n    .timeline-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n        position: relative;\n        margin-bottom: 60px;\n    }\n\n    .timeline-item {\n        margin-bottom: 20px;\n        position: relative;\n        animation: fadeInScale 0.6s ease-out both;\n        opacity: 0;\n    }\n\n    \/* Staggered animation for timeline items *\/\n    .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n    .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n    .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n    .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n    .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n    .timeline-item:nth-child(6) { animation-delay: 0.6s; }\n    .timeline-item:nth-child(7) { animation-delay: 0.7s; }\n    .timeline-item:nth-child(8) { animation-delay: 0.8s; }\n\n    @keyframes fadeInScale {\n        from {\n            opacity: 0;\n            transform: scale(0.95) translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: scale(1) translateY(0);\n        }\n    }\n\n    .timeline-checkbox {\n        display: none;\n    }\n\n    .timeline-trigger {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(135deg, var(--lima-primary) 0%, #2d3a4f 100%);\n        color: white;\n        padding: 18px 25px;\n        border-radius: 8px;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n        font-family: 'Poppins', sans-serif;\n        font-weight: 600;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        border: 2px solid transparent;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Icon je Bauepoche (Veranschaulichung) *\/\n    .trigger-label {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .era-icon {\n        width: 22px;\n        height: 22px;\n        margin-right: 12px;\n        color: var(--lima-accent);\n        flex-shrink: 0;\n    }\n\n    \/* Shimmer effect on trigger *\/\n    .timeline-trigger::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n        transition: left 0.5s;\n    }\n\n    .timeline-trigger:hover::before {\n        left: 100%;\n    }\n\n    .timeline-trigger:hover {\n        background: linear-gradient(135deg, #2d3a4f 0%, #3d4a5f 100%);\n        transform: translateX(5px);\n        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n        border-color: var(--lima-accent);\n    }\n\n    .timeline-trigger span:last-child {\n        display: inline-block;\n        transition: transform 0.3s ease;\n        font-size: 1.5rem;\n    }\n\n    .timeline-checkbox:checked ~ .timeline-trigger span:last-child {\n        transform: rotate(45deg);\n    }\n\n    .timeline-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), padding 0.5s ease;\n        background: #fff;\n        border: 1px solid #e2e8f0;\n        border-top: none;\n        border-radius: 0 0 8px 8px;\n        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);\n    }\n\n    .timeline-checkbox:checked ~ .timeline-content {\n        max-height: 4000px;\n        padding: 20px;\n        transition: max-height 0.6s ease-in-out, padding 0.6s ease;\n        animation: slideDown 0.6s ease-out;\n    }\n\n    @keyframes slideDown {\n        from {\n            opacity: 0;\n            transform: translateY(-10px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .mangel-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .mangel-list li {\n        position: relative;\n        padding: 12px 0 12px 35px;\n        border-bottom: 1px solid #f1f5f9;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        animation: fadeInLeft 0.4s ease-out both;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.95rem;\n    }\n\n    \/* Staggered animation for list items *\/\n    .mangel-list li:nth-child(1) { animation-delay: 0.1s; }\n    .mangel-list li:nth-child(2) { animation-delay: 0.2s; }\n    .mangel-list li:nth-child(3) { animation-delay: 0.3s; }\n    .mangel-list li:nth-child(4) { animation-delay: 0.4s; }\n    .mangel-list li:nth-child(5) { animation-delay: 0.5s; }\n\n    @keyframes fadeInLeft {\n        from {\n            opacity: 0;\n            transform: translateX(-15px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .mangel-list li:last-child {\n        border-bottom: none;\n    }\n\n    .mangel-list li:hover {\n        background-color: #f8fafc;\n        padding-left: 40px;\n        border-radius: 4px;\n    }\n\n    .mangel-list li::before {\n        content: '\u26a0';\n        position: absolute;\n        left: 5px;\n        color: var(--lima-accent);\n        font-weight: bold;\n        font-size: 1.1rem;\n        animation: wobble 0.6s ease-in-out;\n        transition: transform 0.3s ease;\n    }\n\n    @keyframes wobble {\n        0%, 100% {\n            transform: rotate(0deg);\n        }\n        25% {\n            transform: rotate(-5deg);\n        }\n        75% {\n            transform: rotate(5deg);\n        }\n    }\n\n    .mangel-list li:hover::before {\n        animation: wiggle 0.5s ease-in-out;\n    }\n\n    @keyframes wiggle {\n        0%, 100% {\n            transform: rotate(0deg);\n        }\n        25% {\n            transform: rotate(-8deg);\n        }\n        75% {\n            transform: rotate(8deg);\n        }\n    }\n\n    \/* Info-Box Animation *\/\n    .info-box {\n        display: none;\n        background-color: var(--lima-light-gray);\n        color: var(--lima-primary);\n        border-left: 4px solid var(--lima-accent);\n        padding: 15px;\n        margin-top: 10px;\n        border-radius: 4px;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.72rem;\n        line-height: 1.5;\n        animation: slideInDown 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n        box-shadow: 0 2px 8px rgba(187, 158, 28, 0.15);\n        border-left: 4px solid var(--lima-accent);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .info-box::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 4px;\n        height: 100%;\n        background: linear-gradient(180deg, var(--lima-accent), transparent);\n        animation: slideDown 0.4s ease-out;\n    }\n\n    @keyframes slideInDown {\n        from {\n            opacity: 0;\n            transform: translateY(-15px);\n            max-height: 0;\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n            max-height: 500px;\n        }\n    }\n\n    .mangel-list li:hover .info-box {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }\n\n    \/* Veranschaulichungs-Illustration je Schwachstelle *\/\n    .info-illu {\n        width: 108px;\n        height: auto;\n        flex-shrink: 0;\n        background: #ffffff;\n        border: 1px solid #eee6c8;\n        border-radius: 6px;\n        padding: 4px;\n    }\n\n    .info-box span {\n        flex: 1;\n    }\n\n    \/* ===== NEUE SEKTION: BAUWEISEN BERICHT ===== *\/\n    .bauweisen-section {\n        margin-top: 80px;\n        padding: 40px;\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n        border-radius: 12px;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        animation: fadeInUp 0.8s ease-out;\n    }\n\n    .bauweisen-section h2 {\n        color: var(--lima-primary);\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 600;\n        font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n        margin-bottom: 10px;\n        animation: fadeInUp 0.8s ease-out 0.2s both;\n    }\n\n    .bauweisen-section > p:first-of-type {\n        color: #666;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.95rem;\n        margin-bottom: 30px;\n        animation: fadeInUp 0.8s ease-out 0.3s both;\n    }\n\n    \/* Skyline-Illustration (Veranschaulichung) *\/\n    .bauweisen-illustration {\n        display: block;\n        width: 100%;\n        height: auto;\n        max-width: 720px;\n        margin: 0 auto 30px auto;\n    }\n\n    .bauweisen-container {\n        display: block; \/* Changed from grid to block *\/\n        gap: 0; \/* Removed gap *\/\n        align-items: start;\n    }\n\n    .bauweisen-content {\n        animation: fadeInRight 0.8s ease-out 0.4s both;\n    }\n\n    @keyframes fadeInRight {\n        from {\n            opacity: 0;\n            transform: translateX(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .bauweisen-content h3 {\n        color: var(--lima-accent);\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 600;\n        font-size: 1.3rem;\n        margin-top: 20px;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        animation: fadeInUp 0.6s ease-out both;\n    }\n\n    .bauweisen-content h3:nth-of-type(1) { animation-delay: 0.5s; }\n    .bauweisen-content h3:nth-of-type(2) { animation-delay: 0.6s; }\n    .bauweisen-content h3:nth-of-type(3) { animation-delay: 0.7s; }\n    .bauweisen-content h3:nth-of-type(4) { animation-delay: 0.8s; }\n    .bauweisen-content h3:nth-of-type(5) { animation-delay: 0.9s; }\n    .bauweisen-content h3:nth-of-type(6) { animation-delay: 1s; }\n\n    .bauweisen-content h3::before {\n        content: '\u25cf';\n        color: var(--lima-accent);\n        margin-right: 10px;\n        font-size: 1.5rem;\n    }\n\n    .bauweisen-content p {\n        color: #555;\n        font-family: 'Poppins', sans-serif;\n        line-height: 1.7;\n        font-size: 0.95rem;\n        margin-bottom: 15px;\n        animation: fadeInUp 0.6s ease-out both;\n    }\n\n    .bauweisen-content p:nth-of-type(1) { animation-delay: 0.5s; }\n    .bauweisen-content p:nth-of-type(2) { animation-delay: 0.6s; }\n    .bauweisen-content p:nth-of-type(3) { animation-delay: 0.7s; }\n    .bauweisen-content p:nth-of-type(4) { animation-delay: 0.8s; }\n    .bauweisen-content p:nth-of-type(5) { animation-delay: 0.9s; }\n    .bauweisen-content p:nth-of-type(6) { animation-delay: 1s; }\n\n    .zusammenfassung {\n        margin-top: 30px;\n        padding: 20px;\n        background-color: #f0f4f8;\n        border-left: 4px solid var(--lima-accent);\n        border-radius: 4px;\n        animation: slideInDown 0.6s ease-out 1.1s both;\n    }\n\n    .zusammenfassung p {\n        color: var(--lima-primary);\n        font-family: 'Poppins', sans-serif;\n        line-height: 1.7;\n        font-size: 0.95rem;\n        margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 850px) {\n        .timeline-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .bauweisen-container {\n            grid-template-columns: 1fr;\n            gap: 30px;\n        }\n\n        .intro-section {\n            padding: 20px;\n        }\n\n        .intro-section p {\n            font-size: 0.9rem;\n        }\n\n        .bauweisen-section > p:first-of-type {\n            font-size: 0.9rem;\n        }\n\n        .cta-button {\n            padding: 12px 24px;\n        }\n\n        .cta-button svg {\n            width: 18px;\n            height: 18px;\n        }\n\n        .bauweisen-section {\n            padding: 25px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .lima-wrapper {\n            margin: 20px auto;\n            padding: 15px;\n        }\n\n        .intro-section {\n            margin-bottom: 30px;\n            padding: 15px;\n        }\n\n        .timeline-trigger {\n            padding: 15px 20px;\n        }\n\n        .mangel-list li {\n            padding: 10px 0 10px 30px;\n            font-size: 0.9rem;\n        }\n\n        .mangel-list li::before {\n            font-size: 1rem;\n        }\n\n        .mangel-list li:hover .info-box {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 10px;\n        }\n\n        .info-illu {\n            width: 130px;\n        }\n\n        .bauweisen-section {\n            padding: 15px;\n        }\n\n        .bauweisen-content h3 {\n            font-size: 1.1rem;\n        }\n\n        .bauweisen-content p {\n            font-size: 0.9rem;\n        }\n    }\n\n    \/* Headline-Typografie: mobile Stufen *\/\n    @media (max-width: 900px) {\n        .intro-section h2,\n        .bauweisen-section h2 {\n            font-size: clamp(2.15rem, 9vw, 3.2rem);\n        }\n    }\n\n    @media (max-width: 520px) {\n        .intro-section h2,\n        .bauweisen-section h2 {\n            font-size: clamp(2.05rem, 11vw, 2.85rem);\n        }\n    }\n\n    \/* Loading animation for initial page load *\/\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n\n    .lima-wrapper {\n        animation: fadeIn 0.5s ease-out;\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"lima-wrapper\">\n\n    <section class=\"intro-section\">\n        <h2>Immobilien-Check: Baujahre & Schwachstellen<\/h2>\n        <p>\n            Jede Epoche hat ihren Charme \u2013 aber auch ihre T\u00fccken. Mit unserem interaktiven Zeitstrahl identifizieren Sie\n            typische Baum\u00e4ngel basierend auf dem Baujahr Ihrer Immobilie. Erfahren Sie sofort, worauf Sie bei Sanierung\n            oder Kauf achten m\u00fcssen.\n        <\/p>\n        <a href=\"https:\/\/limainvestimmobilien.de\/en\/immobilienbewertung\/\" class=\"cta-button\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z\"\/><\/svg>\n            Jetzt Immobilie kostenlos bewerten lassen\n        <\/a>\n    <\/section>\n\n    <div class=\"timeline-grid\">\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1900\" class=\"timeline-checkbox\">\n            <label for=\"y1900\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M5 21V9l7-5 7 5v12M9 21v-5h6v5\"\/><path d=\"M8 11.5h2M14 11.5h2\"\/><\/svg>\n                    Bis 1900: Die Gr\u00fcnderzeit\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>W\u00e4rmed\u00e4mmung & Schallschutz fehlen\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: W\u00e4rme und Schall dringen ungehindert durch die Wand\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"52\" y=\"10\" width=\"16\" height=\"60\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <path d=\"M52 24h16M52 38h16M52 52h16\" stroke-width=\"1\"\/>\n                                    <path d=\"M30 30a12 12 0 0 1 0 20M22 26a18 18 0 0 1 0 28M14 22a24 24 0 0 1 0 36\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M90 30a12 12 0 0 0 0 20M98 26a18 18 0 0 0 0 28M106 22a24 24 0 0 0 0 36\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M40 40h40\" stroke-dasharray=\"4 4\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M76 36l6 4-6 4\" stroke-width=\"1.4\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Massive W\u00e4nde speichern W\u00e4rme, d\u00e4mmen aber kaum. Schall \u00fcbertr\u00e4gt sich direkt \u00fcber die Bauteile.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Feuchte Keller (gewollt)\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Wasser im Kellergeschoss\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M10 34h100\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M38 34V16l22-12 22 12v18\" \/>\n                                    <rect x=\"38\" y=\"34\" width=\"44\" height=\"36\" fill=\"#bb9e1c\" fill-opacity=\"0.06\"\/>\n                                    <path d=\"M42 56q4-4 8 0t8 0 8 0 8 0 8 0\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M42 63q4-4 8 0t8 0 8 0 8 0 8 0\" stroke-width=\"1.2\" opacity=\"0.7\"\/>\n                                    <path d=\"M50 44c0 2.4-1.8 4-3.5 4S43 46.4 43 44c0-2.5 3.5-6 3.5-6s3.5 3.5 3.5 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M74 46c0 2.4-1.8 4-3.5 4S67 48.4 67 46c0-2.5 3.5-6 3.5-6s3.5 3.5 3.5 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Fr\u00fcher zur K\u00fchlung von Lebensmitteln genutzt, heute ein Problem f\u00fcr die Bausubstanz und moderne Nutzung.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Bleirohre & Tonrohre\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Altes Bleirohr mit Riss und austretendem Wasser\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"14\" y=\"30\" width=\"92\" height=\"18\" rx=\"3\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <rect x=\"10\" y=\"26\" width=\"8\" height=\"26\" rx=\"2\"\/>\n                                    <rect x=\"102\" y=\"26\" width=\"8\" height=\"26\" rx=\"2\"\/>\n                                    <path d=\"M74 30l-3 5 4 4-3 5 4 4\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M76 62c0 2.4-1.8 4-3.5 4S69 64.4 69 62c0-2.5 3.5-6 3.5-6s3.5 3.5 3.5 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <circle cx=\"36\" cy=\"39\" r=\"9\" fill=\"#ffffff\"\/>\n                                    <text x=\"36\" y=\"43\" text-anchor=\"middle\" font-family=\"Poppins, sans-serif\" font-size=\"9\" font-weight=\"600\" fill=\"#bb9e1c\" stroke=\"none\">Pb<\/text>\n                                <\/g>\n                            <\/svg>\n                            <span>Gesundheitsgef\u00e4hrdende Bleirohre im Trinkwassersystem und br\u00fcchige Abwasserleitungen aus Ton.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Zweiadrige Elektrik\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Veraltete Stromleitung mit Funkenbildung\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M12 34h34M74 34h34M12 46h34M74 46h34\"\/>\n                                    <path d=\"M46 34c4-2 8 2 12-1M46 46c4 2 8-2 12 1\" stroke-width=\"1.4\" stroke-dasharray=\"3 3\"\/>\n                                    <path d=\"M64 20l-6 12h7l-6 14 14-17h-8l6-9Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M96 56l9 16H87Z\" fill=\"#ffffff\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M96 62v5M96 69.5v.5\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Veraltete Leitungen ohne Schutzleiter \u2013 akute \u00dcberlastungs- und Brandgefahr.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Hohlr\u00e4ume im Putz (Schilf)\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Abplatzender Putz auf Schilfmatte\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"20\" y=\"12\" width=\"80\" height=\"56\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                                    <path d=\"M58 22v40M66 22v40M74 22v40M82 22v40M90 22v40\" stroke-width=\"1.1\"\/>\n                                    <path d=\"M56 30h38M56 44h38M56 58h38\" stroke-width=\"0.9\" opacity=\"0.7\"\/>\n                                    <path d=\"M54 12l4 10-6 8 6 9-5 10 4 10\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M34 70l6-4 5 5-6 4Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.4\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Putz wurde oft auf Schilfmatten aufgebracht, die \u00fcber die Jahrzehnte morsch werden.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1935\" class=\"timeline-checkbox\">\n            <label for=\"y1935\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V5h16v16M4 21h16\"\/><path d=\"M8 9h3M13 9h3M8 14h3M13 14h3\"\/><\/svg>\n                    Bis 1935: Bauhaus & Aufbruch\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>Kondensationsprobleme\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Tauwasser l\u00e4uft an der Fensterinnenseite herab\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"34\" y=\"10\" width=\"52\" height=\"56\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                                    <path d=\"M60 10v56M34 38h52\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M44 46v10M52 44v14M68 46v12M76 44v10\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M47 60c0 1.8-1.3 3-2.6 3S42 61.8 42 60c0-1.9 2.5-4.5 2.5-4.5S47 58.1 47 60Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M30 70q6-4 12 0t12 0 12 0 12 0 12 0\" stroke-width=\"1.6\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Zu d\u00fcnne Au\u00dfenw\u00e4nde f\u00fchren im Winter zu massiver Tauwasserbildung an den Innenseiten.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Durchgebogene Holzbalkendecken\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Durchh\u00e4ngender Deckenbalken zwischen zwei W\u00e4nden\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"10\" y=\"14\" width=\"14\" height=\"56\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <rect x=\"96\" y=\"14\" width=\"14\" height=\"56\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <path d=\"M24 28q36 18 72 0\" stroke-width=\"2.4\"\/>\n                                    <path d=\"M24 36q36 18 72 0\" stroke-width=\"1.4\" opacity=\"0.7\"\/>\n                                    <path d=\"M24 28h72\" stroke-dasharray=\"4 4\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M60 46v14M56 56l4 5 4-5\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Oft unterdimensioniert und \u00fcber die Zeit durch statische Lasten verformt.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Fehlende Kellerabdichtung\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Aufsteigende Feuchtigkeit im Mauerwerk\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"46\" y=\"10\" width=\"28\" height=\"56\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <path d=\"M46 26h28M46 42h28M46 58h28\" stroke-width=\"1\"\/>\n                                    <path d=\"M14 66q6-4 12 0t12 0 12 0 12 0 12 0 12 0 12 0\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M54 58V34M50 38l4-5 4 5\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M66 60V42M62 46l4-5 4 5\" stroke-width=\"1.6\"\/>\n                                    <circle cx=\"52\" cy=\"52\" r=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.25\" stroke=\"none\"\/>\n                                    <circle cx=\"60\" cy=\"48\" r=\"2.5\" fill=\"#bb9e1c\" fill-opacity=\"0.25\" stroke=\"none\"\/>\n                                    <circle cx=\"68\" cy=\"54\" r=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.25\" stroke=\"none\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Keine Horizontalsperren vorhanden, was zu aufsteigender Feuchtigkeit im Mauerwerk f\u00fchrt.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Schwammbefall\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Holzbalken mit Pilzbefall\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"14\" y=\"30\" width=\"92\" height=\"22\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.06\"\/>\n                                    <path d=\"M20 36c20-3 40 3 60-1 8-1 14 1 20 0\" stroke-width=\"1\" opacity=\"0.7\"\/>\n                                    <path d=\"M20 46c22 3 44-3 66 1 6 1 10 0 14 0\" stroke-width=\"1\" opacity=\"0.7\"\/>\n                                    <circle cx=\"48\" cy=\"41\" r=\"9\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <circle cx=\"60\" cy=\"36\" r=\"6\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <circle cx=\"66\" cy=\"46\" r=\"7\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M84 30c0-6 12-6 12 0h-12ZM90 30v-6\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M14 52l6-3 4 3 5-3 5 3\" stroke-width=\"1.4\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Besonders in Holzelementen durch langj\u00e4hrige Feuchtigkeitseinwirkung m\u00f6glich.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1945\" class=\"timeline-checkbox\">\n            <label for=\"y1945\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 21V11l7-5 7 5v10M4 21h16M10 21v-5h4v5\"\/><\/svg>\n                    Bis 1945: Kriegsjahre\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>Bauschutt-Verwendung\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Wand mit einbetonierten Tr\u00fcmmerteilen und Riss\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"24\" y=\"12\" width=\"72\" height=\"56\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                                    <path d=\"M34 24l10-4 6 8-9 5Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M66 20l12 2 2 9-10 3Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M36 46l9 2 1 9-8 3Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M70 44l11-2 4 8-9 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M58 12l-4 12 6 10-5 12 5 12-3 10\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Materialknappheit f\u00fchrte dazu, dass Tr\u00fcmmerteile in neuen W\u00e4nden verbaut wurden (statisch kritisch).<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Minimalistische Bauweise\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Sehr d\u00fcnne W\u00e4nde im Vergleich zur Sollst\u00e4rke\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M28 68V34l32-20 32 20v34\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M24 70h72\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M40 68V46h14v22\" stroke-dasharray=\"4 4\" stroke-width=\"1.2\"\/>\n                                    <rect x=\"66\" y=\"44\" width=\"14\" height=\"12\" stroke-dasharray=\"4 4\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M28 40h-12M28 56h-12M16 40v16M13 44l3-4 3 4M13 52l3 4 3-4\" stroke-width=\"1.2\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Nur das absolut N\u00f6tigste wurde verbaut, oft ohne R\u00fccksicht auf Langlebigkeit.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Sch\u00e4dlingsanf\u00e4lligkeit\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Holzk\u00e4fer und Fra\u00dfl\u00f6cher im Dachbalken\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M14 62L60 18l46 44M32 62l28-27 28 27M60 18v44M14 64h92\" stroke-width=\"1.6\"\/>\n                                    <circle cx=\"42\" cy=\"50\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <circle cx=\"50\" cy=\"42\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <circle cx=\"72\" cy=\"44\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <circle cx=\"80\" cy=\"52\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <ellipse cx=\"92\" cy=\"30\" rx=\"7\" ry=\"9\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M92 21v18M85 26l-5-3M85 32h-6M85 38l-5 3M99 26l5-3M99 32h6M99 38l5 3M89 20l-2-4M95 20l2-4\" stroke-width=\"1.3\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Verwendung von minderwertigem \"Sommerholz\" im Dachstuhl erh\u00f6ht die Gefahr von K\u00e4ferbefall.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1945post\" class=\"timeline-checkbox\">\n            <label for=\"y1945post\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V11l6-4 6 4v10M3 21h18M8 20v-4h4v4\"\/><path d=\"M18 5v15M15 8l6 3M15 11l6-3\"\/><\/svg>\n                    Ab 1945: Wiederaufbau\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>Gef\u00e4hrliche Materialien\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Asbestplatte und Farbeimer mit Warnhinweis\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M12 58q6-8 12 0t12 0 12 0 12 0\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M12 58v10q6-8 12 0t12 0 12 0 12 0V58\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M82 46h24l-3 22H85Z\" fill=\"#bb9e1c\" fill-opacity=\"0.08\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M84 46a10 6 0 0 1 20 0\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M90 54c2 3 8 3 10 0\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M58 10l16 28H42Z\" fill=\"#ffffff\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M58 20v9M58 33v1\" stroke-width=\"2.2\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Asbest, Bleifarben und teerhaltige Parkettkleber wurden standardm\u00e4\u00dfig eingesetzt.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Undichte Gasleitungen\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Gas entweicht an korrodierter Rohrverbindung\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"12\" y=\"44\" width=\"42\" height=\"14\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <rect x=\"66\" y=\"44\" width=\"42\" height=\"14\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <rect x=\"54\" y=\"41\" width=\"12\" height=\"20\" rx=\"2\" stroke-width=\"1.6\"\/>\n                                    <circle cx=\"30\" cy=\"51\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <circle cx=\"40\" cy=\"54\" r=\"1.4\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <circle cx=\"84\" cy=\"50\" r=\"1.6\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <path d=\"M58 38c-2-4 2-6 0-10M62 38c2-4-2-6 0-10M60 24c-2-4 2-6 0-10\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M92 14l9 16H83Z\" fill=\"#ffffff\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M92 20v5M92 27.5v.5\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Alte Stahlleitungen k\u00f6nnen durch Korrosion undicht werden. Dringende Pr\u00fcfung n\u00f6tig.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Schallschutzm\u00e4ngel\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Trittschall dringt durch die Geschossdecke\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"12\" y=\"34\" width=\"96\" height=\"10\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <path d=\"M32 34v10M52 34v10M72 34v10M92 34v10\" stroke-width=\"1\"\/>\n                                    <path d=\"M52 26c0-5 4-8 8-8s8 3 8 8c0 3-2 5-4 5h-8c-2 0-4-2-4-5Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M50 14v-2M56 12v-2M62 11v-2M68 13v-2\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M48 52a10 10 0 0 0 8 6M46 60a16 16 0 0 0 12 8\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M72 52a10 10 0 0 1-8 6M74 60a16 16 0 0 1-12 8\" stroke-width=\"1.5\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Oft wurde einfache Holzasche zur Sch\u00fcttung unter Dielen genutzt \u2013 minimaler Schutz.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1960\" class=\"timeline-checkbox\">\n            <label for=\"y1960\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 21V4h12v17M5 21h14\"\/><path d=\"M9 8h2M13 8h2M9 12h2M13 12h2M9 16h2M13 16h2\"\/><\/svg>\n                    Ab 1960: Beton-Boom\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>Betonsch\u00e4den (Balkone)\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Abplatzender Beton mit freiliegender rostender Bewehrung am Balkon\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M20 10v60\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M20 34h66l-6 6-8-3-6 5 4 4H20\" fill=\"#bb9e1c\" fill-opacity=\"0.08\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M84 34V16M20 16h64M36 16v18M52 16v18M68 16v18\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M72 40l16 2M74 44l14 3\" stroke-width=\"1.6\" stroke-dasharray=\"3 2\"\/>\n                                    <path d=\"M78 54l6-2 3 5-6 3Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M94 62l5-2 2 4-5 2Z\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.3\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Karbonatisierung f\u00fchrt zu rostender Bewehrung und abplatzendem Beton an Au\u00dfenbauteilen.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Gesundheitssch\u00e4dliche D\u00e4mmwolle\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Alte D\u00e4mmwollrolle mit lungeng\u00e4ngigen Fasern in der Luft\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"14\" y=\"40\" width=\"52\" height=\"24\" rx=\"4\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <circle cx=\"66\" cy=\"52\" r=\"12\" fill=\"#ffffff\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M66 52a6 6 0 0 1 6-6\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M18 46q6 4 12 0t12 0\" stroke-width=\"1\" opacity=\"0.7\"\/>\n                                    <path d=\"M18 58q6 4 12 0t12 0\" stroke-width=\"1\" opacity=\"0.7\"\/>\n                                    <path d=\"M50 30l4-6M62 26l5-4M74 32l3-7M84 26l5-3M90 36l6-2\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M98 46l10 18H88Z\" fill=\"#ffffff\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M98 53v6M98 62v1\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Alte Mineralwolle mit kurzen Fasern ist lungeng\u00e4ngig und krebserregend bei Verarbeitung.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Veraltete Heiztechnik\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Alter Heizkessel mit steigenden Betriebskosten\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"18\" y=\"20\" width=\"40\" height=\"48\" rx=\"4\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <circle cx=\"38\" cy=\"34\" r=\"6\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M38 31v3l2 2\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M38 60c-5 0-8-4-8-8 0-5 5-7 5-11 3 2 3 5 3 5s1-3 4-4c0 5 4 5 4 10 0 4-3 8-8 8Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M70 64l12-14 10 6 14-22\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M100 32l6 2-1 7\" stroke-width=\"1.6\"\/>\n                                    <text x=\"78\" y=\"30\" font-family=\"Poppins, sans-serif\" font-size=\"16\" font-weight=\"600\" fill=\"#bb9e1c\" stroke=\"none\">\u20ac<\/text>\n                                <\/g>\n                            <\/svg>\n                            <span>Ungen\u00fcgende Regelungen und ineffiziente Brenner sorgen f\u00fcr hohe Betriebskosten.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y1970\" class=\"timeline-checkbox\">\n            <label for=\"y1970\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 21V6h14v15M4 21h16\"\/><path d=\"M8 10h8M8 14h8M8 18h8\"\/><\/svg>\n                    Ab 1970: Optimierung\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>W\u00e4rme- & K\u00e4ltebr\u00fccken\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Kalte Raumecke mit Schimmelbildung\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M14 14v52h92M14 14l14 10v42M14 66l14-8\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M28 24h78\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M6 30h14M14 36l6 6\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M16 30l4-3M16 30l4 3\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M8 46v10M3 51h10M4.5 47.5l7 7M11.5 47.5l-7 7\" stroke-width=\"1.2\"\/>\n                                    <circle cx=\"34\" cy=\"54\" r=\"2.4\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"40\" cy=\"58\" r=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"33\" cy=\"61\" r=\"1.8\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"44\" cy=\"62\" r=\"1.6\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"38\" cy=\"50\" r=\"1.5\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Hoher Betonanteil ohne thermische Trennung f\u00fchrt oft zu Schimmel in Raumecken.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Flachdach-Probleme\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Pf\u00fctze auf undichtem Flachdach mit Tropfen in den Innenraum\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M14 30v-8h6v6h80v-6h6v8\" stroke-width=\"1.6\"\/>\n                                    <rect x=\"14\" y=\"30\" width=\"92\" height=\"10\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <path d=\"M40 28q8-4 16 0t16 0\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M36 12l-2 5M56 10l-2 5M76 12l-2 5\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M60 40v8\" stroke-dasharray=\"3 3\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M64 56c0 2.4-1.8 4-3.5 4S57 58.4 57 56c0-2.5 3.5-6 3.5-6s3.5 3.5 3.5 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M20 40v30M100 40v30M14 70h92\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M52 70q8-4 16 0\" stroke-width=\"1.4\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Zunehmende Undichtigkeiten durch Alterung der Bitumenbahnen.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Mangelhafter Brandschutz\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Flammen vor unzureichend gesichertem Rettungsweg\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"66\" y=\"18\" width=\"34\" height=\"52\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.06\"\/>\n                                    <circle cx=\"94\" cy=\"46\" r=\"2\" fill=\"#bb9e1c\" stroke=\"none\"\/>\n                                    <path d=\"M66 70h34\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M38 68c-10 0-16-8-16-16 0-10 10-14 10-22 6 4 6 10 6 10s2-6 8-8c0 10 8 10 8 20 0 8-6 16-16 16Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M38 68c-4 0-7-4-7-8 0-5 4-7 4-11 4 3 3 6 6 8 2-2 2-4 2-4s3 3 3 7c0 4-4 8-8 8Z\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M83 26l7 12H76Z\" fill=\"#ffffff\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M83 30.5v3.5M83 36.5v.5\" stroke-width=\"1.6\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Nach heutigen Standards oft unzureichende Rettungswege oder Brandschutzabschl\u00fcsse.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <input type=\"checkbox\" id=\"y2000\" class=\"timeline-checkbox\">\n            <label for=\"y2000\" class=\"timeline-trigger\">\n                <span class=\"trigger-label\">\n                    <svg class=\"era-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 21V3h10v18M6 21h12M7 8h10M7 13h10M12 3v18\"\/><\/svg>\n                    Ab 1980 bis Heute: Moderne\n                <\/span>\n                <span>+<\/span>\n            <\/label>\n            <div class=\"timeline-content\">\n                <ul class=\"mangel-list\">\n                    <li>Dachanschl\u00fcsse (1980er)\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Riss am \u00dcbergang zwischen Dach und Schornstein\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M10 64L70 20l40 30\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M22 66l48-36 38 28\" stroke-width=\"1.2\" opacity=\"0.6\"\/>\n                                    <path d=\"M78 26V10h14v26\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M76 10h18\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M78 28l-4 4 5 3-4 4\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M80 48c0 2.4-1.8 4-3.5 4S73 50.4 73 48c0-2.5 3.5-6 3.5-6s3.5 3.5 3.5 6Z\" fill=\"#bb9e1c\" fill-opacity=\"0.15\" stroke-width=\"1.4\"\/>\n                                    <circle cx=\"86\" cy=\"36\" r=\"10\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M93 43l8 8\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>H\u00e4ufige M\u00e4ngel an \u00dcberg\u00e4ngen und Spr\u00f6digkeit bei Kunststoff-Dachbahnen.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Austauschpflicht Heizung\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Alter Heizkessel muss per Gesetz gegen ein modernes Ger\u00e4t getauscht werden\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"12\" y=\"26\" width=\"34\" height=\"44\" rx=\"4\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                                    <circle cx=\"29\" cy=\"40\" r=\"5\" stroke-width=\"1.3\"\/>\n                                    <path d=\"M20 56h18M20 62h18\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M22 26v-8M36 26v-8\" stroke-width=\"1.3\"\/>\n                                    <text x=\"60\" y=\"26\" text-anchor=\"middle\" font-family=\"Cormorant Garamond, serif\" font-size=\"20\" font-weight=\"700\" fill=\"#bb9e1c\" stroke=\"none\">\u00a7<\/text>\n                                    <path d=\"M50 48h18M62 42l7 6-7 6\" stroke-width=\"1.8\"\/>\n                                    <rect x=\"76\" y=\"30\" width=\"30\" height=\"34\" rx=\"4\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M82 40h18M82 46h18\" stroke-width=\"1.2\"\/>\n                                    <path d=\"M86 56c2-3 8-3 10 0\" stroke-width=\"1.2\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Kessel vor 1985 unterliegen oft der gesetzlichen Austauschpflicht nach GEG.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>Kunststoffverrohrung (2000er)\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Pressverbindung an Verbundrohr unter der Lupe\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M12 56h34a14 14 0 0 0 14-14V24\" stroke-width=\"7\" opacity=\"0.15\"\/>\n                                    <path d=\"M12 56h34a14 14 0 0 0 14-14V24\" stroke-width=\"1.8\"\/>\n                                    <rect x=\"54\" y=\"20\" width=\"12\" height=\"12\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.12\" stroke-width=\"1.6\"\/>\n                                    <path d=\"M56 20v12M64 20v12\" stroke-width=\"1.1\"\/>\n                                    <circle cx=\"76\" cy=\"40\" r=\"16\" fill=\"#ffffff\" fill-opacity=\"0.6\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M87 51l14 14\" stroke-width=\"2.2\"\/>\n                                    <path d=\"M69 41l5 5 10-11\" stroke-width=\"1.8\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Verst\u00e4rkter Einsatz von Verbundrohren \u2013 hier auf fachgerechte Pressungen achten.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li>L\u00fcftungsbedarf\n                        <div class=\"info-box\">\n                            <svg class=\"info-illu\" viewbox=\"0 0 120 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Dichtes Fenster ohne Luftaustausch mit Feuchtebildung\">\n                                <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"42\" y=\"12\" width=\"48\" height=\"56\" rx=\"2\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                                    <path d=\"M50 12v56M58 12v56\" stroke-width=\"1.1\"\/>\n                                    <path d=\"M12 40h22M28 34l7 6-7 6\" stroke-width=\"1.8\"\/>\n                                    <path d=\"M20 26l14 28M34 26L20 54\" stroke-width=\"1.4\"\/>\n                                    <path d=\"M76 50v8M84 48v10\" stroke-width=\"1.3\"\/>\n                                    <circle cx=\"72\" cy=\"62\" r=\"1.8\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"80\" cy=\"64\" r=\"1.5\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <circle cx=\"86\" cy=\"60\" r=\"1.4\" fill=\"#bb9e1c\" fill-opacity=\"0.4\" stroke=\"none\"\/>\n                                    <path d=\"M98 26c3 3 3 7 0 10M104 22c5 5 5 13 0 18\" stroke-width=\"1.3\"\/>\n                                <\/g>\n                            <\/svg>\n                            <span>Moderne 3-fach Verglasung macht manuelles L\u00fcften fast unm\u00f6glich; Risiko f\u00fcr Feuchtesch\u00e4den steigt.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- ===== NEUE SEKTION: BAUWEISEN BERICHT ===== -->\n    <section class=\"bauweisen-section\">\n        <h2>Bauweisen im Wandel der Zeit<\/h2>\n        <p>Erfahren Sie, wie sich Bauweisen und Materialien von den 1950er Jahren bis heute entwickelt haben.<\/p>\n\n        <svg class=\"bauweisen-illustration\" viewbox=\"0 0 720 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Illustration: Entwicklung der Bauweisen von den 1950er Jahren bis heute\">\n            <g stroke=\"#bb9e1c\" stroke-width=\"2\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\">\n                <!-- Grundlinie -->\n                <line x1=\"20\" y1=\"160\" x2=\"700\" y2=\"160\"\/>\n\n                <!-- 1950er: Giebelhaus -->\n                <path d=\"M40 160V112h74v48Z\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M32 112 77 86 122 112\"\/>\n                <rect x=\"66\" y=\"130\" width=\"22\" height=\"30\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n\n                <!-- 1960er: Betonturm -->\n                <rect x=\"140\" y=\"70\" width=\"66\" height=\"90\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M156 84h34M156 100h34M156 116h34M156 132h34M173 70v90\" stroke-width=\"1.2\"\/>\n\n                <!-- 1970er: Funktionaler Riegel -->\n                <rect x=\"232\" y=\"98\" width=\"92\" height=\"62\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M232 118h92M232 138h92M263 98v62M293 98v62\" stroke-width=\"1.2\"\/>\n\n                <!-- 1980er: Postmoderne mit Giebel -->\n                <rect x=\"350\" y=\"90\" width=\"66\" height=\"70\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M346 90 383 66 420 90\"\/>\n                <path d=\"M363 108h40M363 128h40\" stroke-width=\"1.2\"\/>\n\n                <!-- 1990er: Nachhaltigkeit (Block + Baum) -->\n                <rect x=\"442\" y=\"94\" width=\"60\" height=\"66\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M457 110h30M457 130h30\" stroke-width=\"1.2\"\/>\n                <path d=\"M524 160v-20\"\/>\n                <circle cx=\"524\" cy=\"128\" r=\"14\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n\n                <!-- 2000er: Glasturm + PV + Sonne -->\n                <rect x=\"556\" y=\"60\" width=\"60\" height=\"100\" fill=\"#bb9e1c\" fill-opacity=\"0.05\"\/>\n                <path d=\"M586 60v100M556 88h60M556 116h60M556 144h60\" stroke-width=\"1.2\"\/>\n                <!-- PV-Panel -->\n                <path d=\"M628 160l8-24 40 0-8 24Z\" fill=\"#bb9e1c\" fill-opacity=\"0.08\"\/>\n                <path d=\"M636 148h40M643 136l-5 24M655 136l-5 24M667 136l-5 24\" stroke-width=\"1\"\/>\n                <!-- Sonne -->\n                <circle cx=\"660\" cy=\"46\" r=\"12\" fill=\"#bb9e1c\" fill-opacity=\"0.1\"\/>\n                <path d=\"M660 24v-8M660 76v-6M638 46h-8M690 46h-8M643 29l-6-6M682 63l6 6M677 29l6-6M638 69l-6 6\" stroke-width=\"1.5\"\/>\n            <\/g>\n        <\/svg>\n\n        <div class=\"bauweisen-container\">\n            <div class=\"bauweisen-content\">\n                <h3>1950er Jahre: Wiederaufbau und Traditionelle Bauweise<\/h3>\n                <p>Nach dem Zweiten Weltkrieg stand der Wiederaufbau im Vordergrund, insbesondere in Deutschland und Europa. Es herrschte ein gro\u00dfer Bedarf an Wohnraum, sodass vor allem einfache, funktionale Bauweisen bevorzugt wurden. Typisch f\u00fcr die 1950er war der Einsatz traditioneller Materialien wie Ziegel und Beton. H\u00e4user wurden meist in geschlossener Bauweise errichtet, das hei\u00dft, Geb\u00e4ude waren oft durch Mauern oder andere Strukturen miteinander verbunden. Der Stil war schlicht und zweckm\u00e4\u00dfig, aber es begann eine Bewegung hin zu moderneren, klareren Formen.<\/p>\n\n                <h3>1960er Jahre: Beton und Moderne<\/h3>\n                <p>In den 1960er Jahren entwickelte sich der Baustil weiter in Richtung moderner Architektur. Beton wurde zum dominierenden Baumaterial, vor allem in der st\u00e4dtischen Entwicklung. Der Brutalismus, eine Architekturstr\u00f6mung, die den rohen Beton als gestalterisches Mittel einsetzte, erlangte Bedeutung. Gro\u00dfe Wohnanlagen und Plattenbauten wurden in vielen europ\u00e4ischen St\u00e4dten errichtet, um den Wohnraummangel zu bew\u00e4ltigen. Gleichzeitig fanden moderne Baustile wie Flachd\u00e4cher und klare, geometrische Formen Einzug in den Wohnbau.<\/p>\n\n                <h3>1970er Jahre: Energiekrise und Funktionalismus<\/h3>\n                <p>Die 1970er Jahre waren stark von der \u00d6lkrise und den steigenden Energiekosten gepr\u00e4gt, was zu einem Umdenken in der Bauweise f\u00fchrte. Der Fokus lag nun auf Energieeffizienz. Dies spiegelte sich unter anderem in besserer W\u00e4rmed\u00e4mmung und der Entwicklung von energieeffizienteren Bauweisen wider. Auch die Integration von Solaranlagen begann, wenn auch nur in geringem Umfang. Es entstanden viele Wohnsiedlungen mit Fokus auf Funktionalit\u00e4t, oftmals in standardisierter Bauweise, wie es f\u00fcr den sozialen Wohnungsbau typisch war.<\/p>\n\n                <h3>1980er Jahre: Postmoderne und High-Tech<\/h3>\n                <p>Die 1980er Jahre waren durch einen stilistischen Wandel gepr\u00e4gt. Die Postmoderne trat auf den Plan, die sich durch eine spielerischere und vielf\u00e4ltigere Architektur auszeichnete. Es gab einen bewussten Bruch mit den strengen, minimalistischen Formen der Moderne. Farben, dekorative Elemente und verschiedene Baustile wurden kombiniert. Auch die sogenannte High-Tech-Architektur, die den Einsatz von neuen Technologien und Materialien wie Glas und Stahl betonte, wurde popul\u00e4r. Geb\u00e4ude mit gro\u00dfen Glasfassaden und technischen Innovationen, wie verbesserte Heiz- und Klimatechnik, kamen auf.<\/p>\n\n                <h3>1990er Jahre: Nachhaltigkeit und Globalisierung<\/h3>\n                <p>In den 1990er Jahren spielte Nachhaltigkeit eine zunehmend wichtige Rolle in der Architektur. Der \u00f6kologische Fu\u00dfabdruck von Geb\u00e4uden r\u00fcckte ins Bewusstsein, und es wurden vermehrt umweltfreundliche Materialien und Bauweisen verwendet. Recycling und die Verwendung nat\u00fcrlicher Baumaterialien wie Holz und Lehm wurden wichtiger. Zudem sorgte die Globalisierung daf\u00fcr, dass Architekturstile weltweit beeinflusst wurden, was zu einer gr\u00f6\u00dferen Vielfalt an Baustilen f\u00fchrte. Auch die Bedeutung von intelligenten Geb\u00e4uden mit automatisierter Geb\u00e4udetechnik nahm zu.<\/p>\n\n                <h3>2000er Jahre: Moderne Architektur und Green Building<\/h3>\n                <p>Das 21. Jahrhundert brachte einen verst\u00e4rkten Fokus auf energieeffizientes Bauen und das sogenannte \u201eGreen Building\". Der Einsatz von erneuerbaren Energien wie Solarzellen auf D\u00e4chern und Geothermie wurde in Wohn- und Gewerbebauten zunehmend \u00fcblich. Es gab verst\u00e4rkte Bestrebungen, Passivh\u00e4user zu bauen, die wenig bis gar keine externe Energiezufuhr ben\u00f6tigen. Die Architektur in den 2000ern ist oft durch klare, minimalistische Formen und den Einsatz moderner Baumaterialien wie Stahl, Glas und nachhaltiger D\u00e4mmstoffe gepr\u00e4gt. Nachhaltigkeit, Komfort und Technik sind eng miteinander verwoben.<\/p>\n\n                <div class=\"zusammenfassung\">\n                    <p><strong>Zusammenfassend<\/strong> l\u00e4sst sich sagen, dass sich die Bauweisen \u00fcber die Jahrzehnte von funktionaler und pragmatischer Architektur hin zu energieeffizienteren, nachhaltigen und technologisch fortschrittlichen Ans\u00e4tzen entwickelt haben. Jede Dekade brachte neue Herausforderungen und Innovationen, die die Bauweise nachhaltig gepr\u00e4gt haben.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Immobilien-Check: Baujahre &#038; Schwachstellen Immobilien-Check: Baujahre &#038; Schwachstellen Jede Epoche hat ihren Charme \u2013 aber auch ihre T\u00fccken. Mit unserem interaktiven Zeitstrahl identifizieren Sie typische Baum\u00e4ngel basierend auf dem Baujahr Ihrer Immobilie. Erfahren Sie sofort, worauf Sie bei Sanierung oder Kauf achten m\u00fcssen. Jetzt Immobilie kostenlos bewerten lassen Bis 1900: Die Gr\u00fcnderzeit + W\u00e4rmed\u00e4mmung &#038;&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-21956","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/21956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=21956"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/21956\/revisions"}],"predecessor-version":[{"id":23706,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/21956\/revisions\/23706"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=21956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}