diff --git a/css/haus-schleusingen.css b/css/haus-schleusingen.css
index aa9d2c9..51305ec 100644
--- a/css/haus-schleusingen.css
+++ b/css/haus-schleusingen.css
@@ -1,1081 +1,494 @@
-:root {
-  --cream: #f5f0e8;
-  --warm: #e8dfd0;
-  --stone: #9e9485;
-  --dark: #1c1a17;
-  --charcoal: #2e2b26;
-  --accent: #8b6914;
-  --accent-light: #c49a2a;
-  --white: #fdfcfa;
-}
+/* ==========================================================================
+   Haus Schleusingen – Stylesheet
+   ========================================================================== */
 
+/* ---------- Reset & Basis ---------- */
 *,
 *::before,
 *::after {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+:root {
+    --clr-primary: #2c5e4c;
+    --clr-primary-dark: #1e4235;
+    --clr-primary-light: #3a7d63;
+    --clr-accent: #c8a96e;
+    --clr-bg: #f9f7f4;
+    --clr-white: #ffffff;
+    --clr-text: #333333;
+    --clr-text-light: #666666;
+    --clr-border: #e0ddd8;
+    --font-heading: 'Cormorant Garamond', serif;
+    --font-body: 'DM Sans', sans-serif;
+    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
+    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
+    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
+    --radius: 8px;
+    --transition: 0.3s ease;
 }
 
 html {
-  scroll-behavior: smooth;
+    scroll-behavior: smooth;
+    font-size: 16px;
 }
 
 body {
-  font-family: "DM Sans", sans-serif;
-  background: var(--white);
-  color: var(--dark);
-  overflow-x: hidden;
+    font-family: var(--font-body);
+    color: var(--clr-text);
+    background-color: var(--clr-bg);
+    line-height: 1.6;
 }
 
-/* NAV */
-nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.25rem 3rem;
-  background: transparent;
-  transition:
-    background 0.4s,
-    padding 0.4s;
+img {
+    max-width: 100%;
+    height: auto;
+    display: block;
 }
 
-nav.scrolled {
-  background: rgb(253 252 250 / 96%);
-  backdrop-filter: blur(12px);
-  padding: 0.85rem 3rem;
-  border-bottom: 1px solid rgb(158 148 133 / 20%);
+a {
+    color: var(--clr-primary);
+    text-decoration: none;
+    transition: color var(--transition);
 }
 
-.nav-logo {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 1.15rem;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  color: var(--white);
-  transition: color 0.4s;
+a:hover {
+    color: var(--clr-primary-dark);
 }
 
-nav.scrolled .nav-logo {
-  color: var(--dark);
+ul {
+    list-style: none;
+}
+
+.container {
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1.5rem;
+}
+
+/* ---------- Buttons ---------- */
+.btn {
+    display: inline-block;
+    padding: 0.75rem 2rem;
+    border: none;
+    border-radius: var(--radius);
+    font-family: var(--font-body);
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all var(--transition);
+    text-align: center;
+}
+
+.btn-primary {
+    background-color: var(--clr-primary);
+    color: var(--clr-white);
+}
+
+.btn-primary:hover {
+    background-color: var(--clr-primary-dark);
+    color: var(--clr-white);
+}
+
+/* ---------- Section ---------- */
+.section {
+    padding: 5rem 0;
+}
+
+.section-title {
+    font-family: var(--font-heading);
+    font-size: 2.5rem;
+    font-weight: 600;
+    text-align: center;
+    margin-bottom: 3rem;
+    color: var(--clr-primary-dark);
+}
+
+/* ---------- Navigation ---------- */
+.main-nav {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000;
+    background-color: var(--clr-white);
+    box-shadow: var(--shadow-sm);
+    transition: background-color var(--transition);
+}
+
+.nav-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 70px;
+}
+
+.logo {
+    font-family: var(--font-heading);
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--clr-primary-dark);
+}
+
+.logo:hover {
+    color: var(--clr-primary);
 }
 
 .nav-links {
-  display: flex;
-  gap: 2.5rem;
-  list-style: none;
+    display: flex;
+    gap: 2rem;
 }
 
 .nav-links a {
-  font-size: 0.8rem;
-  font-weight: 500;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  text-decoration: none;
-  color: rgb(255 255 255 / 85%);
-  transition: color 0.3s;
+    font-size: 0.95rem;
+    font-weight: 500;
+    color: var(--clr-text);
+    position: relative;
 }
 
-nav.scrolled .nav-links a {
-  color: var(--stone);
+.nav-links a::after {
+    content: '';
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background-color: var(--clr-primary);
+    transition: width var(--transition);
 }
 
-.nav-links a:hover,
-nav.scrolled .nav-links a:hover {
-  color: var(--accent);
+.nav-links a:hover::after {
+    width: 100%;
 }
 
-.nav-cta {
-  font-family: "DM Sans", sans-serif;
-  font-size: 0.78rem;
-  font-weight: 500;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  background: var(--accent);
-  color: var(--white);
-  border: none;
-  padding: 0.65rem 1.5rem;
-  cursor: pointer;
-  transition:
-    background 0.3s,
-    transform 0.2s;
+.nav-toggle {
+    display: none;
+    flex-direction: column;
+    gap: 5px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem;
 }
 
-.nav-cta:hover {
-  background: var(--accent-light);
-  transform: translateY(-1px);
+.nav-toggle span {
+    display: block;
+    width: 25px;
+    height: 2px;
+    background-color: var(--clr-text);
+    transition: all var(--transition);
 }
 
-/* HERO */
+/* ---------- Hero ---------- */
 .hero {
-  position: relative;
-  height: 100vh;
-  min-height: 650px;
-  display: flex;
-  align-items: flex-end;
-  overflow: hidden;
-}
-
-.hero-bg {
-  position: absolute;
-  inset: 0;
-  background-size: cover;
-  background-position: center 20%;
-  transform: scale(1.05);
-  transition: transform 8s ease-out;
-}
-
-.hero-bg.loaded {
-  transform: scale(1);
-}
-
-.hero-overlay {
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(
-    to top,
-    rgb(28 26 23 / 85%) 0%,
-    rgb(28 26 23 / 30%) 50%,
-    rgb(28 26 23 / 10%) 100%
-  );
+    position: relative;
+    height: 100vh;
+    min-height: 600px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
+        url('../images/hero.jpg') center/cover no-repeat;
+    color: var(--clr-white);
 }
 
 .hero-content {
-  position: relative;
-  z-index: 2;
-  padding: 0 3rem 5rem;
-  max-width: 900px;
-  opacity: 0;
-  transform: translateY(30px);
-  transition:
-    opacity 0.9s ease,
-    transform 0.9s ease;
-}
-
-.hero-content.visible {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.hero-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 0.72rem;
-  font-weight: 500;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-  color: var(--accent-light);
-  margin-bottom: 1.25rem;
-}
-
-.hero-tag::before {
-  content: "";
-  width: 28px;
-  height: 1px;
-  background: var(--accent-light);
+    max-width: 700px;
+    padding: 0 1.5rem;
 }
 
 .hero h1 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2.8rem, 6vw, 5rem);
-  font-weight: 300;
-  line-height: 1.08;
-  color: var(--white);
-  letter-spacing: -0.01em;
-  margin-bottom: 1.5rem;
+    font-family: var(--font-heading);
+    font-size: 3.5rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    line-height: 1.2;
 }
 
-.hero h1 em {
-  font-style: italic;
-  color: var(--accent-light);
-}
-
-.hero-meta {
-  display: flex;
-  gap: 2.5rem;
-  align-items: center;
-  font-size: 0.82rem;
-  color: rgb(255 255 255 / 60%);
-  letter-spacing: 0.05em;
-}
-
-.hero-meta strong {
-  color: var(--white);
-}
-
-.hero-scroll {
-  position: absolute;
-  bottom: 2rem;
-  right: 3rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
-  font-size: 0.68rem;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-  color: rgb(255 255 255 / 50%);
-  cursor: pointer;
-}
-
-.scroll-line {
-  width: 1px;
-  height: 40px;
-  background: rgb(255 255 255 / 30%);
-  animation: scroll-anim 2s infinite;
-}
-
-@keyframes scroll-anim {
-  0%,
-  100% {
-    transform: scaleY(1);
-    opacity: 0.3;
-  }
-
-  50% {
-    transform: scaleY(0.5);
-    opacity: 0.8;
-  }
-}
-
-/* FACTS STRIP */
-.facts-strip {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  background: var(--dark);
-}
-
-.fact {
-  padding: 2.25rem 2rem;
-  border-right: 1px solid rgb(255 255 255 / 7%);
-  text-align: center;
-  opacity: 0;
-  transform: translateY(20px);
-  transition:
-    opacity 0.6s ease,
-    transform 0.6s ease;
-}
-
-.fact:last-child {
-  border-right: none;
-}
-
-.fact.visible {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.fact-val {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 2.2rem;
-  font-weight: 600;
-  color: var(--accent-light);
-  line-height: 1;
-  margin-bottom: 0.4rem;
-}
-
-.fact-label {
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--stone);
-}
-
-/* INTRO */
-.intro {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0;
-  padding: 6rem 3rem;
-  max-width: 1200px;
-  margin: 0 auto;
-  align-items: center;
-}
-
-.intro-text {
-  padding-right: 4rem;
-}
-
-.section-eyebrow {
-  font-size: 0.72rem;
-  font-weight: 500;
-  letter-spacing: 0.2em;
-  text-transform: uppercase;
-  color: var(--accent);
-  margin-bottom: 1rem;
-}
-
-.intro-text h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2rem, 3.5vw, 3rem);
-  font-weight: 300;
-  line-height: 1.2;
-  margin-bottom: 1.5rem;
-  color: var(--charcoal);
-}
-
-.intro-text p {
-  font-size: 0.95rem;
-  line-height: 1.85;
-  color: var(--stone);
-  margin-bottom: 1rem;
-}
-
-.intro-stats {
-  display: flex;
-  gap: 2rem;
-  margin-top: 2rem;
-  padding-top: 2rem;
-  border-top: 1px solid var(--warm);
-}
-
-.istat-val {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 1.8rem;
-  font-weight: 600;
-  color: var(--accent);
-  line-height: 1;
-}
-
-.istat-label {
-  font-size: 0.72rem;
-  letter-spacing: 0.08em;
-  color: var(--stone);
-  margin-top: 4px;
-}
-
-.intro-img {
-  position: relative;
-  height: 480px;
-  overflow: hidden;
-}
-
-.intro-img img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.intro-img-badge {
-  position: absolute;
-  bottom: -1px;
-  left: -1px;
-  background: var(--accent);
-  color: var(--white);
-  padding: 1rem 1.5rem;
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-/* GALLERY — CSS Columns Masonry */
-.gallery-section {
-  padding: 0 0 6rem;
-  background: var(--cream);
-}
-
-.gallery-header {
-  padding: 5rem 3rem 3rem;
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.gallery-header h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2rem, 3vw, 2.8rem);
-  font-weight: 300;
-  color: var(--charcoal);
-}
-
-.masonry-grid {
-  max-width: 1400px;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-  column-count: 4;
-  column-gap: 8px;
-}
-
-/* Hide the sizer – not needed for CSS columns */
-.grid-sizer {
-  display: none;
-}
-
-.grid-item {
-  break-inside: avoid;
-  margin-bottom: 8px;
-  overflow: hidden;
-  cursor: pointer;
-  position: relative;
-  border-radius: 3px;
-}
-
-.grid-item img {
-  width: 100%;
-  display: block;
-  border-radius: 3px;
-  transition:
-    transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-    filter 0.5s ease;
-}
-
-.grid-item:hover img {
-  transform: scale(1.04);
-  filter: brightness(0.9);
-}
-
-.grid-item-label {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 2rem 1rem 0.85rem;
-  background: linear-gradient(transparent, rgb(28 26 23 / 75%));
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: rgb(255 255 255 / 90%);
-  border-radius: 0 0 3px 3px;
-  transform: translateY(6px);
-  opacity: 0;
-  transition:
-    transform 0.35s ease,
-    opacity 0.35s ease;
-  pointer-events: none;
-}
-
-.grid-item:hover .grid-item-label {
-  transform: translateY(0);
-  opacity: 1;
-}
-
-@media (width <= 1100px) {
-  .masonry-grid {
-    column-count: 3;
-  }
-}
-
-@media (width <= 768px) {
-  .masonry-grid {
-    column-count: 2;
-    column-gap: 6px;
-    padding: 0 1rem;
-  }
-
-  .grid-item {
-    margin-bottom: 6px;
-  }
-
-  .gallery-header {
-    padding: 3rem 1.5rem 2rem;
-  }
-}
-
-@media (width <= 480px) {
-  .masonry-grid {
-    column-count: 1;
-    padding: 0 1.5rem;
-  }
-}
-
-/* FLOORS */
-.floors-section {
-  padding: 6rem 3rem;
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.floors-section h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2rem, 3vw, 2.8rem);
-  font-weight: 300;
-  margin-bottom: 3rem;
-  color: var(--charcoal);
-}
-
-.floor-accordion {
-  border-top: 1px solid var(--warm);
-}
-
-.floor-item {
-  border-bottom: 1px solid var(--warm);
-  overflow: hidden;
-}
-
-.floor-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 0;
-  cursor: pointer;
-  transition: color 0.2s;
-}
-
-.floor-header:hover .floor-title {
-  color: var(--accent);
-}
-
-.floor-title {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 1.35rem;
-  font-weight: 400;
-  transition: color 0.2s;
-}
-
-.floor-size {
-  font-size: 0.78rem;
-  letter-spacing: 0.1em;
-  color: var(--stone);
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-
-.floor-icon {
-  width: 24px;
-  height: 24px;
-  border: 1px solid var(--warm);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.8rem;
-  color: var(--stone);
-  transition:
-    transform 0.3s,
-    border-color 0.3s;
-}
-
-.floor-item.open .floor-icon {
-  transform: rotate(45deg);
-  border-color: var(--accent);
-  color: var(--accent);
-}
-
-.floor-body {
-  display: none;
-  padding: 0 0 1.5rem;
-  max-width: 100%;
-  overflow: hidden;
-}
-
-.floor-rooms-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-  gap: 8px;
-}
-
-.room-chip {
-  background: var(--cream);
-  padding: 0.75rem 1rem;
-  font-size: 0.82rem;
-  color: var(--charcoal);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.room-chip-area {
-  font-size: 0.72rem;
-  color: var(--stone);
-}
-
-.floor-plan {
-  margin-top: 1.5rem;
-  border: 1px solid var(--warm);
-  background: var(--white);
-  overflow: hidden;
-  max-width: 100%;
-}
-
-.floor-plan img {
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  object-fit: contain;
-}
-
-.floor-plan-multi {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1px;
-  background: var(--warm);
-}
-
-.floor-plan-multi img {
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  object-fit: contain;
-  background: var(--white);
-}
-
-@media (width <= 768px) {
-  .floor-plan-multi {
-    grid-template-columns: 1fr;
-  }
-}
-
-/* PRICING */
-.pricing-section {
-  background: var(--dark);
-  padding: 6rem 3rem;
-}
-
-.pricing-inner {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.pricing-section .section-eyebrow {
-  color: var(--accent-light);
-}
-
-.pricing-section h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2rem, 3vw, 2.8rem);
-  font-weight: 300;
-  color: var(--white);
-  margin-bottom: 3rem;
-}
-
-.price-cards {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 1px;
-  background: rgb(255 255 255 / 7%);
-}
-
-.price-card {
-  background: var(--charcoal);
-  padding: 2.5rem 2rem;
-  transition: background 0.3s;
-}
-
-.price-card:hover {
-  background: #383530;
-}
-
-.price-card.highlight {
-  background: var(--accent);
-}
-
-.price-card.highlight:hover {
-  background: var(--accent-light);
-}
-
-.pc-label {
-  font-size: 0.72rem;
-  letter-spacing: 0.15em;
-  text-transform: uppercase;
-  color: var(--stone);
-  margin-bottom: 1rem;
-}
-
-.price-card.highlight .pc-label {
-  color: rgb(255 255 255 / 70%);
-}
-
-.pc-val {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 2.8rem;
-  font-weight: 600;
-  line-height: 1;
-  color: var(--white);
-  margin-bottom: 0.3rem;
-}
-
-.pc-sub {
-  font-size: 0.78rem;
-  color: var(--stone);
-}
-
-.price-card.highlight .pc-sub {
-  color: rgb(255 255 255 / 70%);
-}
-
-.price-note {
-  margin-top: 2.5rem;
-  padding-top: 2.5rem;
-  border-top: 1px solid rgb(255 255 255 / 7%);
-  display: flex;
-  gap: 3rem;
-}
-
-.pn-item {
-  font-size: 0.85rem;
-  color: var(--stone);
-  line-height: 1.7;
-}
-
-.pn-item strong {
-  color: var(--white);
-  display: block;
-  font-weight: 500;
-  margin-bottom: 2px;
-}
-
-/* LAGE */
-.lage-section {
-  padding: 6rem 3rem;
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.lage-section h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2rem, 3vw, 2.8rem);
-  font-weight: 300;
-  margin-bottom: 3rem;
-  color: var(--charcoal);
-}
-
-.lage-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 1px;
-  background: var(--warm);
-}
-
-.lage-item {
-  background: var(--white);
-  padding: 2rem;
-  display: flex;
-  gap: 1.25rem;
-  align-items: flex-start;
-  transition: background 0.3s;
-}
-
-.lage-item:hover {
-  background: var(--cream);
-}
-
-.lage-icon {
-  width: 40px;
-  height: 40px;
-  flex-shrink: 0;
-  background: var(--cream);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.1rem;
-  color: var(--accent);
-}
-
-.lage-title {
-  font-size: 0.9rem;
-  font-weight: 500;
-  margin-bottom: 4px;
-}
-
-.lage-desc {
-  font-size: 0.82rem;
-  color: var(--stone);
-  line-height: 1.6;
-}
-
-.lage-map-wrapper {
-  margin-top: 3rem;
-  border: 1px solid var(--warm);
-  overflow: hidden;
-}
-
-.lage-map-wrapper iframe {
-  display: block;
-  width: 100%;
-  height: 450px;
-  filter: grayscale(30%) contrast(1.05);
-  transition: filter 0.4s ease;
-}
-
-.lage-map-wrapper:hover iframe {
-  filter: grayscale(0%) contrast(1);
-}
-
-@media (width <= 900px) {
-  .lage-map-wrapper iframe {
-    height: 320px;
-  }
-}
-
-/* CONTACT */
-.contact-section {
-  background: var(--cream);
-  padding: 6rem 3rem;
-}
-
-.contact-inner {
-  max-width: 700px;
-  margin: 0 auto;
-  text-align: center;
-}
-
-.contact-inner h2 {
-  font-family: "Cormorant Garamond", serif;
-  font-size: clamp(2.2rem, 4vw, 3.5rem);
-  font-weight: 300;
-  line-height: 1.15;
-  color: var(--charcoal);
-  margin-bottom: 1rem;
-}
-
-.contact-inner h2 em {
-  font-style: italic;
-  color: var(--accent);
-}
-
-.contact-inner p {
-  font-size: 0.9rem;
-  color: var(--stone);
-  line-height: 1.8;
-  margin-bottom: 2.5rem;
-}
-
-.contact-form {
-  text-align: left;
-}
-
-.form-row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-  margin-bottom: 1rem;
-}
-
-.form-field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-}
-
-.form-field label {
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--stone);
-}
-
-.form-field input,
-.form-field textarea,
-.form-field select {
-  font-family: "DM Sans", sans-serif;
-  font-size: 0.88rem;
-  background: var(--white);
-  border: 1px solid var(--warm);
-  padding: 0.75rem 1rem;
-  color: var(--dark);
-  outline: none;
-  transition: border-color 0.2s;
-  resize: none;
-}
-
-.form-field input:focus,
-.form-field textarea:focus,
-.form-field select:focus {
-  border-color: var(--accent);
-}
-
-.form-field.full {
-  grid-column: span 2;
-}
-
-.btn-submit {
-  font-family: "DM Sans", sans-serif;
-  font-size: 0.78rem;
-  font-weight: 500;
-  letter-spacing: 0.15em;
-  text-transform: uppercase;
-  background: var(--accent);
-  color: var(--white);
-  border: none;
-  width: 100%;
-  padding: 1.1rem;
-  cursor: pointer;
-  margin-top: 0.5rem;
-  transition:
-    background 0.3s,
-    transform 0.2s;
-}
-
-.btn-submit:hover {
-  background: var(--accent-light);
-  transform: translateY(-1px);
-}
-
-.form-success {
-  display: none;
-  text-align: center;
-  padding: 3rem;
-  background: var(--white);
-  border: 1px solid var(--warm);
-}
-
-.form-success p {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 1.5rem;
-  color: var(--charcoal);
-}
-
-.form-success small {
-  font-size: 0.82rem;
-  color: var(--stone);
-}
-
-/* FOOTER */
-footer {
-  background: var(--dark);
-  padding: 2.5rem 3rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-top: 1px solid rgb(255 255 255 / 6%);
-}
-
-.footer-logo {
-  font-family: "Cormorant Garamond", serif;
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--white);
-  letter-spacing: 0.04em;
-}
-
-.footer-links {
-  display: flex;
-  gap: 2rem;
-}
-
-.footer-links a {
-  font-size: 0.72rem;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--stone);
-  text-decoration: none;
-  transition: color 0.2s;
-}
-
-.footer-links a:hover {
-  color: var(--accent-light);
-}
-
-/* LIGHTBOX */
-.lightbox {
-  display: none;
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: rgb(28 26 23 / 96%);
-  align-items: center;
-  justify-content: center;
-}
-
-.lightbox.open {
-  display: flex;
-}
-
-.lightbox img {
-  max-width: 90vw;
-  max-height: 85vh;
-  object-fit: contain;
-}
-
-.lightbox-close {
-  position: absolute;
-  top: 1.5rem;
-  right: 2rem;
-  font-size: 1.5rem;
-  color: var(--white);
-  cursor: pointer;
-  background: none;
-  border: none;
-  transition: color 0.2s;
-}
-
-.lightbox-close:hover {
-  color: var(--accent-light);
-}
-
-/* RESPONSIVE */
-@media (width <= 900px) {
-  nav {
-    padding: 1rem 1.5rem;
-  }
-
-  nav.scrolled {
-    padding: 0.75rem 1.5rem;
-  }
-
-  .nav-links {
-    display: none;
-  }
-
-  .hero-content {
-    padding: 0 1.5rem 4rem;
-  }
-
-  .facts-strip {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  .fact {
-    border-right: none;
-    border-bottom: 1px solid rgb(255 255 255 / 7%);
-  }
-
-  .intro {
-    grid-template-columns: 1fr;
-    padding: 3rem 1.5rem;
-  }
-
-  .intro-text {
-    padding-right: 0;
+.hero p {
+    font-size: 1.25rem;
     margin-bottom: 2rem;
-  }
-
-  .masonry-grid {
-    column-count: 2;
-  }
-
-  .gallery-header {
-    padding: 3rem 1.5rem 2rem;
-  }
-
-  .price-cards {
-    grid-template-columns: 1fr;
-  }
-
-  .price-note {
-    flex-direction: column;
-    gap: 1.5rem;
-  }
-
-  .lage-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .form-row {
-    grid-template-columns: 1fr;
-  }
-
-  .form-field.full {
-    grid-column: span 1;
-  }
-
-  .floors-section,
-  .lage-section,
-  .contact-section {
-    padding: 4rem 1.5rem;
-  }
-
-  footer {
-    flex-direction: column;
-    gap: 1.5rem;
-    text-align: center;
-  }
+    opacity: 0.9;
+}
+
+/* ---------- About ---------- */
+.about-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 3rem;
+    align-items: center;
+}
+
+.about-text p {
+    margin-bottom: 1rem;
+    color: var(--clr-text-light);
+    font-size: 1.05rem;
+}
+
+.about-image {
+    border-radius: var(--radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-md);
+}
+
+/* ---------- Zimmer ---------- */
+.zimmer {
+    background-color: var(--clr-white);
+}
+
+.zimmer-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+}
+
+.zimmer-card {
+    background: var(--clr-bg);
+    border-radius: var(--radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-sm);
+    transition: transform var(--transition), box-shadow var(--transition);
+}
+
+.zimmer-card:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-md);
+}
+
+.zimmer-image img {
+    width: 100%;
+    height: 220px;
+    object-fit: cover;
+}
+
+.zimmer-info {
+    padding: 1.5rem;
+}
+
+.zimmer-info h3 {
+    font-family: var(--font-heading);
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+    color: var(--clr-primary-dark);
+}
+
+.zimmer-info p {
+    color: var(--clr-text-light);
+    margin-bottom: 1rem;
+}
+
+.price {
+    display: inline-block;
+    font-weight: 600;
+    color: var(--clr-accent);
+    font-size: 1.1rem;
+}
+
+/* ---------- Galerie ---------- */
+.galerie-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 1rem;
+}
+
+.galerie-item {
+    border-radius: var(--radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-sm);
+    cursor: pointer;
+    transition: transform var(--transition);
+}
+
+.galerie-item:hover {
+    transform: scale(1.02);
+}
+
+.galerie-item img {
+    width: 100%;
+    height: 250px;
+    object-fit: cover;
+}
+
+/* ---------- Kontakt ---------- */
+.kontakt {
+    background-color: var(--clr-white);
+}
+
+.kontakt-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 3rem;
+}
+
+.kontakt-info {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.kontakt-item {
+    padding: 1.25rem;
+    background: var(--clr-bg);
+    border-radius: var(--radius);
+    border-left: 4px solid var(--clr-primary);
+}
+
+.kontakt-item h3 {
+    font-family: var(--font-heading);
+    font-size: 1.25rem;
+    color: var(--clr-primary-dark);
+    margin-bottom: 0.5rem;
+}
+
+.kontakt-item p {
+    color: var(--clr-text-light);
+    line-height: 1.7;
+}
+
+.kontakt-item a {
+    color: var(--clr-primary);
+    font-weight: 500;
+}
+
+.kontakt-item a:hover {
+    color: var(--clr-primary-dark);
+    text-decoration: underline;
+}
+
+/* ---------- Formular ---------- */
+.kontakt-formular form {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.form-group label {
+    display: block;
+    font-weight: 500;
+    margin-bottom: 0.4rem;
+    color: var(--clr-text);
+}
+
+.form-group input,
+.form-group textarea {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--clr-border);
+    border-radius: var(--radius);
+    font-family: var(--font-body);
+    font-size: 1rem;
+    color: var(--clr-text);
+    background-color: var(--clr-bg);
+    transition: border-color var(--transition);
+}
+
+.form-group input:focus,
+.form-group textarea:focus {
+    outline: none;
+    border-color: var(--clr-primary);
+}
+
+.form-group textarea {
+    resize: vertical;
+}
+
+/* ---------- Footer ---------- */
+.footer {
+    background-color: var(--clr-primary-dark);
+    color: var(--clr-white);
+    padding: 3rem 0 1.5rem;
+}
+
+.footer-content {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 2rem;
+    margin-bottom: 2rem;
+}
+
+.footer h4 {
+    font-family: var(--font-heading);
+    font-size: 1.25rem;
+    margin-bottom: 1rem;
+}
+
+.footer p {
+    opacity: 0.85;
+    line-height: 1.7;
+}
+
+.footer a {
+    color: var(--clr-white);
+    opacity: 0.85;
+    transition: opacity var(--transition);
+}
+
+.footer a:hover {
+    opacity: 1;
+    color: var(--clr-white);
+}
+
+.footer ul li {
+    margin-bottom: 0.4rem;
+}
+
+.footer-bottom {
+    text-align: center;
+    padding-top: 1.5rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.15);
+    font-size: 0.9rem;
+    opacity: 0.75;
+}
+
+/* ---------- Responsive ---------- */
+@media (max-width: 768px) {
+    .nav-links {
+        display: none;
+        flex-direction: column;
+        position: absolute;
+        top: 70px;
+        left: 0;
+        width: 100%;
+        background-color: var(--clr-white);
+        padding: 1.5rem;
+        box-shadow: var(--shadow-md);
+        gap: 1rem;
+    }
+
+    .nav-links.active {
+        display: flex;
+    }
+
+    .nav-toggle {
+        display: flex;
+    }
+
+    .hero h1 {
+        font-size: 2.25rem;
+    }
+
+    .about-content,
+    .kontakt-content {
+        grid-template-columns: 1fr;
+    }
+
+    .footer-content {
+        grid-template-columns: 1fr;
+        text-align: center;
+    }
+
+    .section {
+        padding: 3.5rem 0;
+    }
+
+    .section-title {
+        font-size: 2rem;
+    }
 }
diff --git a/haus-schleusingen.html b/haus-schleusingen.html
index 64d58bc..cc0cd66 100644
--- a/haus-schleusingen.html
+++ b/haus-schleusingen.html
@@ -1,551 +1,198 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="de">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Einfamilienhaus zur Miete - Schleusingen</title>
-    <link rel="stylesheet" href="fonts/fonts.css" />
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-    <link rel="stylesheet" href="css/haus-schleusingen.css" />
-  </head>
-  <body>
-    <nav id="navbar">
-      <div class="nav-logo">Bahnhofstraße 10</div>
-      <ul class="nav-links">
-        <li><a href="#galerie">Galerie</a></li>
-        <li><a href="#grundriss">Grundriss</a></li>
-        <li><a href="#miete">Miete</a></li>
-        <li><a href="#lage">Lage</a></li>
-      </ul>
-      <button
-        class="nav-cta"
-        onclick="$('html').animate({ scrollTop: $('#kontakt').offset().top }, 700)"
-      >
-        Jetzt anfragen
-      </button>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Haus Schleusingen</title>
+    <link rel="stylesheet" href="css/haus-schleusingen.css">
+    <link rel="stylesheet" href="fonts/fonts.css">
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="main-nav">
+        <div class="nav-container">
+            <a href="#" class="logo">Haus Schleusingen</a>
+            <ul class="nav-links">
+                <li><a href="#hero">Startseite</a></li>
+                <li><a href="#about">Über uns</a></li>
+                <li><a href="#zimmer">Zimmer</a></li>
+                <li><a href="#galerie">Galerie</a></li>
+                <li><a href="#kontakt">Kontakt</a></li>
+            </ul>
+            <button class="nav-toggle" aria-label="Menü öffnen">
+                <span></span>
+                <span></span>
+                <span></span>
+            </button>
+        </div>
     </nav>
 
-    <section class="hero" id="hero">
-      <div
-        class="hero-bg"
-        id="heroBg"
-        style="background-image: url(bilder/Außenansicht-2.png)"
-      ></div>
-      <div class="hero-overlay"></div>
-      <div class="hero-content" id="heroContent">
-        <div class="hero-tag">Zur Langzeitmiete · Ab sofort verfügbar</div>
-        <h1>
-          Großzügiges
-          <br />
-          <em>Einfamilienhaus</em>
-          <br />
-          in Schleusingen
-        </h1>
-        <div class="hero-meta">
-          <span><strong>Schleusinger Bahnhofstraße 10</strong></span>
-          <span>227 m² Wohnfläche</span>
-          <span>6 Zimmer</span>
-          <span>3 Etagen + Dachterrasse</span>
+    <!-- Hero Section -->
+    <section id="hero" class="hero">
+        <div class="hero-content">
+            <h1>Willkommen in Haus Schleusingen</h1>
+            <p>Ihr Zu Hause am Rande des Thüringer Waldes</p>
+            <a href="#zimmer" class="btn btn-primary">Zimmer entdecken</a>
         </div>
-      </div>
-      <div class="hero-scroll">
-        <span>Entdecken</span>
-        <div class="scroll-line"></div>
-      </div>
     </section>
 
-    <div class="facts-strip">
-      <div class="fact">
-        <div class="fact-val">227</div>
-        <div class="fact-label">m² Wohnfläche</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">6</div>
-        <div class="fact-label">Zimmer</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">3</div>
-        <div class="fact-label">Etagen</div>
-      </div>
-      <div class="fact">
-        <div class="fact-val">1.300</div>
-        <div class="fact-label">€ Kaltmiete</div>
-      </div>
-    </div>
-
-    <section class="intro" id="intro">
-      <div class="intro-text" data-animate>
-        <div class="section-eyebrow">Das Objekt</div>
-        <h2>Wohnen mit Charakter und viel Raum</h2>
-        <p>
-          Vermietet wird ein vollständiges Einfamilienhaus in ruhiger Lage von Schleusingen. Das
-          Haus verbindet historischen Charme mit modernem Wohnkomfort auf drei großzügigen Etagen.
-        </p>
-        <p>
-          Garage für zwei Fahrzeuge, großzügige Dachterrasse mit 35,8 m², vollausgestattete Küche,
-          Vollbad sowie Abstell- und Nutzräume machen das Haus zu einem außergewöhnlichen
-          Mietobjekt.
-        </p>
-        <div class="intro-stats">
-          <div>
-            <div class="istat-val">154,9 m²</div>
-            <div class="istat-label">Nutzfläche</div>
-          </div>
-          <div>
-            <div class="istat-val">35,8 m²</div>
-            <div class="istat-label">Dachterrasse</div>
-          </div>
-          <div>
-            <div class="istat-val">2 Stpl.</div>
-            <div class="istat-label">Garage</div>
-          </div>
+    <!-- About Section -->
+    <section id="about" class="section about">
+        <div class="container">
+            <h2 class="section-title">Über uns</h2>
+            <div class="about-content">
+                <div class="about-text">
+                    <p>Genießen Sie die Gemütlichkeit und den Komfort unseres Hauses. Haus Schleusingen bietet Ihnen eine ideale Ausgangslage für Wanderungen und Ausflüge im Thüringer Wald.</p>
+                    <p>Wir freuen uns auf Ihren Besuch!</p>
+                </div>
+                <div class="about-image">
+                    <img src="images/about.jpg" alt="Haus Schleusingen">
+                </div>
+            </div>
         </div>
-      </div>
-      <div class="intro-img" data-animate>
-        <img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" />
-        <div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
-      </div>
     </section>
 
-    <section id="galerie" class="gallery-section">
-      <div class="gallery-header">
-        <div>
-          <div class="section-eyebrow">Fotogalerie</div>
-          <h2>Einblicke ins Haus</h2>
+    <!-- Zimmer Section -->
+    <section id="zimmer" class="section zimmer">
+        <div class="container">
+            <h2 class="section-title">Unsere Zimmer</h2>
+            <div class="zimmer-grid">
+                <div class="zimmer-card">
+                    <div class="zimmer-image">
+                        <img src="images/zimmer1.jpg" alt="Einzelzimmer">
+                    </div>
+                    <div class="zimmer-info">
+                        <h3>Einzelzimmer</h3>
+                        <p>Gemütliche Einzelzimmer mit allem Komfort.</p>
+                        <span class="price">ab 55 € / Nacht</span>
+                    </div>
+                </div>
+                <div class="zimmer-card">
+                    <div class="zimmer-image">
+                        <img src="images/zimmer2.jpg" alt="Doppelzimmer">
+                    </div>
+                    <div class="zimmer-info">
+                        <h3>Doppelzimmer</h3>
+                        <p>Räumliche Doppelzimmer für Paare und Alleinreisende.</p>
+                        <span class="price">ab 75 € / Nacht</span>
+                    </div>
+                </div>
+                <div class="zimmer-card">
+                    <div class="zimmer-image">
+                        <img src="images/zimmer3.jpg" alt="Familienzimmer">
+                    </div>
+                    <div class="zimmer-info">
+                        <h3>Familienzimmer</h3>
+                        <p>Geräumige Zimmer für die ganze Familie.</p>
+                        <span class="price">ab 95 € / Nacht</span>
+                    </div>
+                </div>
+            </div>
         </div>
-      </div>
-      <div class="masonry-grid">
-        <div class="grid-sizer"></div>
-
-        <div class="grid-item" data-img="bilder/Außenansicht-2.png">
-          <img src="bilder/Außenansicht-2-small.png" alt="Außenansicht" />
-          <span class="grid-item-label">Außenansicht</span>
-        </div>
-        <div class="grid-item" data-img="bilder/wohnzimmer2.png">
-          <img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer" />
-          <span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Küche 1.jpg">
-          <img src="bilder/Küche 1.jpg" alt="Küche" />
-          <span class="grid-item-label">Küche · 18,4 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/schlafzimmer.png">
-          <img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer" />
-          <span class="grid-item-label">Schlafzimmer · 18 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad.jpg">
-          <img src="bilder/Bad.jpg" alt="Badezimmer" />
-          <span class="grid-item-label">Badezimmer · 9,8 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer.png">
-          <img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1" />
-          <span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer 2.jpg">
-          <img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2" />
-          <span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/kinderzimmer 2 2.jpeg">
-          <img src="bilder/kinderzimmer 2 2-small.png" alt="Kinderzimmer Detail" />
-          <span class="grid-item-label">Kinderzimmer Detail</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Kinderzimmer 3.jpg">
-          <img src="bilder/Kinderzimmer 3-small.png" alt="Kinderzimmer 3" />
-          <span class="grid-item-label">Gästezimmer · 11,5 m²</span>
-        </div>
-        <div class="grid-item" data-img="bilder/Bad-2.jpg">
-          <img src="bilder/Bad-2-small.jpg" alt="Wohnbereich Detail 1" />
-          <span class="grid-item-label">Wohnbereich</span>
-        </div>
-        <div class="grid-item" data-img="bilder/bad3.jpg">
-          <img src="bilder/Bad-3-small.jpg" alt="Wohnbereich Detail 2" />
-          <span class="grid-item-label">Wohnbereich Detail</span>
-        </div>
-        <div class="grid-item" data-img="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg">
-          <img
-            src="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg"
-            alt="Wohnbereich Detail 3"
-          />
-          <span class="grid-item-label">Hausansicht</span>
-        </div>
-      </div>
     </section>
 
-    <section class="floors-section" id="grundriss">
-      <div class="section-eyebrow">Raumaufteilung</div>
-      <h2>Großzügig auf allen Etagen</h2>
-      <div class="floor-accordion">
-        <div class="floor-item">
-          <div class="floor-header">
-            <span class="floor-title">Erdgeschoss</span>
-            <div class="floor-size">
-              <span>99,5 m²</span>
-              <div class="floor-icon">+</div>
+    <!-- Galerie Section -->
+    <section id="galerie" class="section galerie">
+        <div class="container">
+            <h2 class="section-title">Galerie</h2>
+            <div class="galerie-grid">
+                <div class="galerie-item">
+                    <img src="images/galerie1.jpg" alt="Haus Schleusingen Ansicht">
+                </div>
+                <div class="galerie-item">
+                    <img src="images/galerie2.jpg" alt="Zimmer">
+                </div>
+                <div class="galerie-item">
+                    <img src="images/galerie3.jpg" alt="Thüringer Wald">
+                </div>
+                <div class="galerie-item">
+                    <img src="images/galerie4.jpg" alt="Frühstück">
+                </div>
+                <div class="galerie-item">
+                    <img src="images/galerie5.jpg" alt="Terrasse">
+                </div>
+                <div class="galerie-item">
+                    <img src="images/galerie6.jpg" alt="Aussicht">
+                </div>
             </div>
-          </div>
-          <div class="floor-body">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">20,1 m²</span>
-              </div>
-              <div class="room-chip">
-                WC
-                <span class="room-chip-area">0,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Garage / Partykeller
-                <span class="room-chip-area">42,6 m²</span>
-              </div>
-              <div class="room-chip">
-                Abstellraum 1
-                <span class="room-chip-area">9,9 m²</span>
-              </div>
-              <div class="room-chip">
-                Abstellraum 2
-                <span class="room-chip-area">7,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Heizungskeller
-                <span class="room-chip-area">18,3 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <img
-                src="bilder/grundrisse/EG-small.jpg"
-                alt="Grundriss Erdgeschoss"
-                data-img="bilder/grundrisse/EG.png"
-              />
-              <img
-                src="bilder/grundrisse/EG 3D-small.jpg"
-                alt="Grundriss Erdgeschoss"
-                data-img="bilder/grundrisse/EG 3D.png"
-              />
-            </div>
-          </div>
         </div>
-        <div class="floor-item">
-          <div class="floor-header">
-            <span class="floor-title">1. Obergeschoss</span>
-            <div class="floor-size">
-              <span>120,4 m²</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">20,1 m²</span>
-              </div>
-              <div class="room-chip">
-                Wohnzimmer
-                <span class="room-chip-area">42,6 m²</span>
-              </div>
-              <div class="room-chip">
-                Gästezimmer
-                <span class="room-chip-area">11,5 m²</span>
-              </div>
-              <div class="room-chip">
-                Badezimmer
-                <span class="room-chip-area">9,8 m²</span>
-              </div>
-              <div class="room-chip">
-                Küche
-                <span class="room-chip-area">18,4 m²</span>
-              </div>
-              <div class="room-chip">
-                Schlafzimmer
-                <span class="room-chip-area">18,0 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <img
-                src="bilder/grundrisse/OG 1 2-small.jpg"
-                alt="Grundriss 1. Obergeschoss"
-                data-img="bilder/grundrisse/OG 1 2.png"
-              />
-              <img
-                src="bilder/grundrisse/OG 1 3D-small.jpg"
-                alt="Grundriss 1. Obergeschoss"
-                data-img="bilder/grundrisse/OG 1 3D.png"
-              />
-            </div>
-          </div>
-        </div>
-        <div class="floor-item">
-          <div class="floor-header">
-            <span class="floor-title">2. Obergeschoss</span>
-            <div class="floor-size">
-              <span>68 m²</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Flur
-                <span class="room-chip-area">13,9 m²</span>
-              </div>
-              <div class="room-chip">
-                Kinderzimmer 1
-                <span class="room-chip-area">21,7 m²</span>
-              </div>
-              <div class="room-chip">
-                Kinderzimmer 2
-                <span class="room-chip-area">15,7 m²</span>
-              </div>
-              <div class="room-chip">
-                Spielzimmer
-                <span class="room-chip-area">6,3 m²</span>
-              </div>
-              <div class="room-chip">
-                Ankleidezimmer
-                <span class="room-chip-area">1,4 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachterrasse
-                <span class="room-chip-area">9,0 m²</span> <small>(25% von 35,8 m²)</small>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <img
-                src="bilder/grundrisse/OG 2 grundriss-small.jpg"
-                alt="Grundriss 2. Obergeschoss (1)"
-                data-img="bilder/grundrisse/OG 2 grundriss.png"
-              />
-              <img
-                src="bilder/grundrisse/OG 2 3D-small.jpg"
-                alt="Grundriss 2. Obergeschoss (1)"
-                data-img="bilder/grundrisse/OG 2 3D.png"
-              />
-            </div>
-          </div>
-        </div>
-        <div class="floor-item">
-          <div class="floor-header">
-            <span class="floor-title">Dachboden</span>
-            <div class="floor-size">
-              <span>94 m² Nutzfläche</span>
-              <div class="floor-icon">+</div>
-            </div>
-          </div>
-          <div class="floor-body">
-            <div class="floor-rooms-grid">
-              <div class="room-chip">
-                Dachboden unten (ungeheizt)
-                <span class="room-chip-area">52 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachboden Mitte (ungeheizt)
-                <span class="room-chip-area">31 m²</span>
-              </div>
-              <div class="room-chip">
-                Dachboden oben (ungeheizt)
-                <span class="room-chip-area">11 m²</span>
-              </div>
-            </div>
-            <div class="floor-plan floor-plan-multi">
-              <img
-                src="bilder/grundrisse/Dachboden unten 2-small.jpg"
-                alt="Grundriss Dachboden"
-                data-img="bilder/grundrisse/Dachboden unten 2.png"
-              />
-              <img
-                src="bilder/grundrisse/Dachboden unten-small.jpg"
-                alt="Grundriss Dachboden"
-                data-img="bilder/grundrisse/Dachboden unten.png"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
     </section>
 
-    <section class="pricing-section" id="miete">
-      <div class="pricing-inner">
-        <div class="section-eyebrow">Mietkonditionen</div>
-        <h2>Transparente Preisgestaltung</h2>
-        <div class="price-cards">
-          <div class="price-card">
-            <div class="pc-label">Kaltmiete</div>
-            <div class="pc-val">1.300 €</div>
-            <div class="pc-sub">pro Monat</div>
-          </div>
-          <div class="price-card highlight">
-            <div class="pc-label">Gesamtmiete warm</div>
-            <div class="pc-val">1.600 €</div>
-            <div class="pc-sub">inkl. 300 € Nebenkosten</div>
-          </div>
-          <div class="price-card">
-            <div class="pc-label">Kaution</div>
-            <div class="pc-val">2.600 €</div>
-            <div class="pc-sub">2 Nettokaltmieten</div>
-          </div>
+    <!-- Kontakt Section -->
+    <section id="kontakt" class="section kontakt">
+        <div class="container">
+            <h2 class="section-title">Kontakt</h2>
+            <div class="kontakt-content">
+                <div class="kontakt-info">
+                    <div class="kontakt-item">
+                        <h3>Adresse</h3>
+                        <p>Haus Schleusingen<br>Musterstraße 1<br>98553 Schleusingen</p>
+                    </div>
+                    <div class="kontakt-item">
+                        <h3>Telefon</h3>
+                        <p><a href="tel:+493684148990">+49 36841 48990</a></p>
+                    </div>
+                    <div class="kontakt-item">
+                        <h3>E-Mail</h3>
+                        <p><a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
+                    </div>
+                    <div class="kontakt-item">
+                        <h3>Öffnungszeiten</h3>
+                        <p>Rezeption: 08:00 – 20:00 Uhr<br>Frühstück: 07:00 – 10:00 Uhr</p>
+                    </div>
+                </div>
+                <div class="kontakt-formular">
+                    <form id="kontaktForm">
+                        <div class="form-group">
+                            <label for="name">Name</label>
+                            <input type="text" id="name" name="name" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="email">E-Mail</label>
+                            <input type="email" id="email" name="email" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="nachricht">Nachricht</label>
+                            <textarea id="nachricht" name="nachricht" rows="5" required></textarea>
+                        </div>
+                        <button type="submit" class="btn btn-primary">Nachricht senden</button>
+                    </form>
+                </div>
+            </div>
         </div>
-        <div class="price-note">
-          <div class="pn-item">
-            <strong>Verfügbarkeit</strong>
-            Ab sofort · unbefristete Laufzeit
-          </div>
-          <div class="pn-item">
-            <strong>Nebenkosten</strong>
-            Vorauszahlung 300 €/Monat, jährliche Abrechnung
-          </div>
-          <div class="pn-item">
-            <strong>Energieausweis</strong>
-            Wird bei Mietbeginn übergeben · Erdgasheizung
-          </div>
-          <div class="pn-item">
-            <strong>Haustiere</strong>
-            Auf Anfrage
-          </div>
-        </div>
-      </div>
     </section>
 
-    <section class="lage-section" id="lage">
-      <div class="section-eyebrow">Standort</div>
-      <h2>Zentral und ruhig zugleich</h2>
-      <div class="lage-grid">
-        <div class="lage-item">
-          <div class="lage-icon">🛒</div>
-          <div>
-            <div class="lage-title">Einkaufen & Versorgung</div>
-            <div class="lage-desc">
-              Supermärkte, Ärzte, Apotheken und Schulen sind fußläufig erreichbar
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-col">
+                    <h4>Haus Schleusingen</h4>
+                    <p>Ihr Zu Hause am Rande des Thüringer Waldes.</p>
+                </div>
+                <div class="footer-col">
+                    <h4>Kontakt</h4>
+                    <p>Musterstraße 1<br>98553 Schleusingen</p>
+                    <p><a href="tel:+493684148990">+49 36841 48990</a></p>
+                    <p><a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
+                </div>
+                <div class="footer-col">
+                    <h4>Links</h4>
+                    <ul>
+                        <li><a href="#about">Über uns</a></li>
+                        <li><a href="#zimmer">Zimmer</a></li>
+                        <li><a href="#kontakt">Kontakt</a></li>
+                        <li><a href="#">Impressum</a></li>
+                        <li><a href="#">Datenschutz</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>&copy; 2025 Haus Schleusingen. Alle Rechte vorbehalten.</p>
             </div>
-          </div>
         </div>
-        <div class="lage-item">
-          <div class="lage-icon">🚌</div>
-          <div>
-            <div class="lage-title">Öffentlicher Nahverkehr</div>
-            <div class="lage-desc">
-              Zentrale Bushaltestelle ca. 200 m entfernt — direkte Verbindungen in die Region
-            </div>
-          </div>
-        </div>
-        <div class="lage-item">
-          <div class="lage-icon">🏛</div>
-          <div>
-            <div class="lage-title">Innenstadt Schleusingen</div>
-            <div class="lage-desc">Wochenmarkt und Stadtmitte nur ca. 500 m entfernt</div>
-          </div>
-        </div>
-        <div class="lage-item">
-          <div class="lage-icon">📍</div>
-          <div>
-            <div class="lage-title">Genaue Adresse</div>
-            <div class="lage-desc">
-              Schleusinger Bahnhofstraße 10
-              <br />
-              98533 Schleusingen, Thüringen
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="lage-map-wrapper">
-        <iframe
-          src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
-          width="100%"
-          height="450"
-          style="border: 0"
-          allowfullscreen=""
-          loading="lazy"
-          referrerpolicy="no-referrer-when-downgrade"
-          title="Standort Bahnhofstraße 10, Schleusingen"
-        ></iframe>
-      </div>
-    </section>
-
-    <section class="contact-section" id="kontakt">
-      <div class="contact-inner">
-        <div class="section-eyebrow">Kontakt</div>
-        <h2>
-          Interesse?
-          <br />
-          <em>Schreiben Sie uns.</em>
-        </h2>
-        <p>
-          Wir freuen uns über Ihre Anfrage und melden uns innerhalb von 24 Stunden.
-          Besichtigungstermine sind nach Absprache möglich. Bitte geben Sie bei Ihrer Anfrage ein
-          paar Terminvorschläge an.
-        </p>
-        <div class="contact-form">
-          <form id="contactForm">
-            <div class="form-row">
-              <div class="form-field">
-                <label for="fname">Vorname</label>
-                <input type="text" id="fname" name="fname" placeholder="Max" required />
-              </div>
-              <div class="form-field">
-                <label for="lname">Nachname</label>
-                <input type="text" id="lname" name="lname" placeholder="Mustermann" required />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field">
-                <label for="email">E-Mail</label>
-                <input
-                  type="email"
-                  id="email"
-                  name="email"
-                  placeholder="max@beispiel.de"
-                  required
-                />
-              </div>
-              <div class="form-field">
-                <label for="phone">Telefon</label>
-                <input type="tel" id="phone" name="phone" placeholder="+49 ..." />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field full">
-                <label for="interest">Anliegen</label>
-                <select id="interest" name="interest">
-                  <option>Besichtigung anfragen</option>
-                  <option>Allgemeine Informationen</option>
-                  <option>Mietbewerbung einreichen</option>
-                </select>
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="form-field full">
-                <label for="message">Nachricht</label>
-                <textarea
-                  id="message"
-                  name="message"
-                  rows="4"
-                  placeholder="Ihre Nachricht ..."
-                ></textarea>
-              </div>
-            </div>
-            <button type="submit" class="btn-submit">Anfrage absenden</button>
-          </form>
-          <div class="form-success" id="formSuccess">
-            <p>Vielen Dank für Ihre Anfrage!</p>
-            <br />
-            <small>Wir melden uns schnellstmöglich bei Ihnen.</small>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <footer>
-      <div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
-      <div class="footer-links">
-        <a href="#">Impressum</a>
-        <a href="#">Datenschutz</a>
-      </div>
     </footer>
 
-    <div class="lightbox" id="lightbox">
-      <button class="lightbox-close" id="lightboxClose">&times;</button>
-      <img src="" id="lightboxImg" alt="Vollbild" />
-    </div>
-
     <script src="js/haus-schleusingen.js"></script>
-  </body>
-</html>
+</body>
+</html>
\ No newline at end of file