    <style>
        /* Grundlegendes Design & Hintergrund */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        /* Hauptcontainer für zentrierten Inhalt */
        .container {
            max-width: 800px;
            margin: 40px auto;
            background-color: rgba(255, 255, 255, 0.95); /* Leicht transparenter Hintergrund für Lesbarkeit */
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            border-radius: 8px;
            overflow: hidden;
        }

        /* Kopfzeile */
        header {
            text-align: center;
            padding: 30px 20px;
            border-bottom: 2px solid #eee;
        }

        h1 {
            font-family: "Times New Roman", Times, serif;
            font-style: italic;
            overflow-wrap: anywhere;            
            color: #7E0D0C;
            margin: 0;
            font-size: 1.5rem;
            font-style: italic;
        }

        .subtitle {
            font-size: 1.2rem;
            color: #7E0D0C;
            font-style: italic;
            font-weight: normal;
            margin-top: 10px;
            display: block;
            overflow-wrap: anywhere;
        }
        .text {
            font-family: "Times New Roman", Times, serif;
            font-style: italic;
            color: #555;
            font-size: 1.1rem;
            margin-top: 10px;
            display: block;
            }

        /* Navigations-Button */
        .nav-btn {
            display: inline-block;
            margin-bottom: 15px;
            cursor: pointer;
            transition: transform 0.2s;
        }
        .nav-btn:hover {
            transform: scale(1.05);
        }
        .nav-btn img {
            height: 40px; /* Einheitliche Größe */
            width: auto;
        }

        /* Liste der Objekte */
        .property-list {
            padding: 20px;
        }

        .property-item {
            display: flex;
            flex-direction: column; /* Mobile First: Untereinander */
            align-items: center;
            margin-bottom: 40px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
            text-align: center;
        }

        /* Letztes Element ohne Trennlinie */
        .property-item:last-child {
            border-bottom: none;
        }

        .property-item img {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 15px;
            transition: opacity 0.3s;
        }
        
        .property-item img:hover {
            opacity: 0.9;
        }

        .property-text {
            font-family: "Times New Roman", Times, serif;
            font-style: italic;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #444;
            max-width: 600px;
        }

        .status {
            font-weight: bold;
            color: #7E0D0C;
        }
        /* Figure Bild mit Text*/
figure.bild-mit-text {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Optional: Begrenzung der Bildgröße */
figure.bild-mit-text img {
  max-width: 300px;
  height: auto;
}

/* Optional: Anpassung des Textes */
figure.bild-mit-text figcaption {
  font-size: 1.5rem;
  font-weight: bold;
  color: brown;

}

img {
  max-width: 99%;
  height: auto;
  display: block;
}   
        /* Footer */
        footer {
            text-align: center;
            padding: 20px;
            background-color: #eee;
        }

        /* Responsive Anpassungen für größere Bildschirme */
        @media (min-width: 600px) {
            .property-item {
                flex-direction: row; /* Nebeneinander auf Desktop */
                text-align: left;
                gap: 20px;
            }
            .property-item:nth-child(even) {
                flex-direction: row-reverse; /* Wechselndes Layout */
                text-align: right;
            }
            .property-item img {
                max-width: 300px; /* Begrenzte Bildgröße */
                flex-shrink: 0;
            }
            .property-text {
                text-align: inherit;
            }
        }
    </style>
