@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap");


/* ---------------------------------------
   Menu
------------------------------------------*/

:root {
  --menu-beige: rgba(190, 178, 160, 0.97); /* weniger transparent */
  --menu-text: #ffffff;
  --menu-shift-x: 140px; /* Textblock nach rechts (anpassen) */
}

/* ===== Overlay ===== */
.smartmenu-content {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: var(--menu-beige);
  z-index: 9999999;

  opacity: 0;
  visibility: hidden;
  transition: opacity .55s ease;

  overflow: hidden; /* verhindert Scrollbalken im Overlay */
}

.smartmenu-content.open {
  opacity: 1;
  visibility: visible;
}

/* ===== Scrollbar: 0% sichtbar (alle Browser) ===== */
.smartmenu-content,
.smartmenu-content * {
  scrollbar-width: none; /* Firefox */
}

.smartmenu-content::-webkit-scrollbar,
.smartmenu-content *::-webkit-scrollbar {
  width: 0 !important;   /* Chrome/Safari/Edge */
  height: 0 !important;
  display: none !important;
}

/* ===== Close Button (X) ===== */
.smartmenu-close {
  position: fixed !important;
  top: env(safe-area-inset-top, 0px);
  right: 0; /* wirklich am Rand */
  margin: 0;
  transform: scale(1.3);
  z-index: 10000000;
  box-sizing: border-box;
}

/* ===== Typografie Hauptmenu ===== */
.smartmenu-content .mod_navigation li:not(.floatbox) {
  font-size: 2rem;
  line-height: 1.8rem;
  font-weight: normal;
  padding: 0.5rem 0.5rem 0.5rem 0;
  position: relative;
  padding-right: 60px;
  font-family: 'Playfair Display';
}

/* ===== Level 2 Schriftgroesse ===== */
.smartmenu-content .mod_navigation ul.level_2 a {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* ===== Unternavigation (rechts) kleiner ===== */

.smartmenu-content .smartmenu-table {
  margin-top: 3vh;
}
.smartmenu-content
  .mod_navigation
  > ul.level_1
  > li.trail
  > ul.level_2 a,
.smartmenu-content
  .mod_navigation
  > ul.level_1
  > li.active
  > ul.level_2 a {
  font-size: clamp(15px, 1.4vw, 20px); /* kleiner */
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0.01em;
  opacity: .92;
  padding: 4px 0;
}

/* ===== Mobile: 1 Spalte, Submenu unter aktivem Punkt ===== */
@media (max-width: 900px) {

  :root {
    --menu-shift-x: 0px;
  }

  .smartmenu-content .mod_navigation {
    width: min(720px, 92vw);
    transform: none;
    max-height: 85vh;
  }

  .smartmenu-content .mod_navigation > ul.level_1 {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  /* Submenu unter dem aktiven Punkt anzeigen */
  .smartmenu-content .mod_navigation > ul.level_1 > li.trail > ul.level_2,
  .smartmenu-content .mod_navigation > ul.level_1 > li.active > ul.level_2 {
    grid-column: 1;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .smartmenu-content .mod_navigation a {
    font-size: clamp(34px, 9vw, 56px);
  }

  .smartmenu-content
    .mod_navigation
    > ul.level_1
    > li.trail
    > ul.level_2 a,
  .smartmenu-content
    .mod_navigation
    > ul.level_1
    > li.active
    > ul.level_2 a {
    font-size: clamp(15px, 4vw, 20px);
    line-height: 1.2;
  }
}

.smartmenu-content .subitems_trigger:before {
  content: '+';
}

.smartmenu-content .mod_navigation li.open > .subitems_trigger:before {
  content: '-';
}

.smartmenu-content .mod_navigation ul.level_1 {
    padding: 50px 150px;
}

.smartmenu-content .smartmenu-close {
    right: 150px;
}

/* ---------------------------------------
   Portfolio
------------------------------------------*/

.portfolio-col3 {
	z-index: 10000;
}

.block {
    overflow: unset;
}

.mod_portfoliolist_v7 .item-bottom .date { display:none; }

.mod_portfoliolist_v7 .subline {
  border-radius: 40px;}

/* Nur Detailseite: Content begrenzen */
.detail-boxed .mod_newsreader{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Falls der Newsreader in einem Fullwidth-.inside liegt */
.detail-boxed #main .inside,
.detail-boxed main .inside{
  width: 100%;
}



/* ---------------------------------------
   Footer
------------------------------------------*/

.mod_socials a {
  color: #ffffff;
}

/* ---------------------------------------
   Kundenstimmen mit Newsteaser
------------------------------------------*/


.newsteaser-v4 .content {
 background-color: #e3dcd4; 
 border-radius: 30px;
 margin-bottom: 30px;
}


.newsteaser-v4-inside .info {
color: #ffff; 
}

.newsteaser-v4-inside .info .author {
display:none; 
}
.newsteaser-v4-inside .info .comments {
display:none; 
}



/* ---------------------------------------
  Link zur Immobilienschätzung
------------------------------------------*/


.button {
 padding-top: 25px;
  padding-bottom: 25px;
   padding-left: 35px;
    padding-right: 35px;
 color: #fff;
  background-color: #b81140;
  border-radius: 50px;
}