@font-face {
    font-family: 'Dancing Script';
    src: url('/2/webfonts/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('/2/webfonts/montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.modern h3 {
color: black;
}

section {
background-image: url("https://storage.easyguestmanagement.at/peerfect/documents/0structure-bg.jpg");
background-size: 720px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6, #page-title .page-title > h1{
font-family: 'Dancing Script', cursive;
text-transform: inherit;
font-weight: normal;
}

#page-title[data-bg-parallax] .page-title > h1 {
color: #999966;
}

.widget .widget-title, .widget > h4, .team-members .team-member .team-desc > h3 {
text-transform: inherit;
font-size: x-large;
font-weight: normal;
}
 #footer .widget .widget-title, #footer .widget h4 {
text-transform: inherit;
font-size: x-large;
font-weight: normal;
}
#footer .flickity-slider > div > img, #footer .carousel .polo-carousel-item img {
-webkit-filter: sepia(1);
    filter: grayscale(1); 
}
#footer .flickity-slider > div > img, .carousel .polo-carousel-item img:hover, .room-image:hover {
-webkit-filter: none !important;
    filter: none !important;
opacity: 1;
}
.bg-overlay {
/*opacity: 0;*/
}
.inspiro-slider .slide .slide-captions h2, .textshadow, .section-video p, .section-video h2  {
text-shadow: 4px 4px 6px rgba(0,0,0,0.67);
}

.logo-default {
filter: brightness(0) invert(1);
}
.logo-default img {
max-width: 350px;
    padding: 20px;

}
.gallery .logo-default, .header-sticky .logo-default, .mainMenu-open .logo-default {
filter: none;
}
.lines, .lines:before, .lines:after, .tags a {
    background-color: white;
}
 .mainMenu-open .lines,  .mainMenu-open .lines:before,  .mainMenu-open .lines:after {
    background-color: black;
}
.header-sticky .logo-default img, .gallery .logo-default img {
height: 73px;
padding: 0;
}

#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
width: inherit;
}

.breakpoint-xs .mega-menu-content ul li{
margin-right: 20px;
}
.kenburns-bg {
    background-position: 50% 50%;
}
.mainMenu-open .icon-globe, .mainMenu-open a {
    color: black !important;
}

#footer.inverted .widget-contact-us a {
color: white !important;
}


.lines, .lines:before, .lines:after, .tags a {
    border-radius: 6px;
    width: 100%;
}

.carousel  .room-details ul {
text-align:left;
}


/* Standard: Mobile (1 Spalte) */
.content .roomcontent ul {
  column-count: 1;
  column-gap: 2rem;
  padding-left: 1.2rem; /* saubere Listeneinrückung */
}

/* Ab Bootstrap md (≥768px): 3 Spalten */
@media (min-width: 768px) {
  .content .roomcontent ul {
    column-count: 3;
  }
}

/* Verhindert unschöne Umbrüche einzelner Listeneinträge */
.content .roomcontent ul li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 0.4rem;
}

/* Wenn innerhalb von .content ein Carousel existiert:
   alles ab dem zweiten h3 ausblenden */
.content:has(.carousel) .roomcontent h3:nth-of-type(n+2),
.content:has(.carousel) .roomcontent h3:nth-of-type(n+2) ~ * {
  display: none;
}

/* Ausnahme: "weiter informieren"-Button wieder einblenden */
.roomcontent .plan-button {
  display: block !important;
}

/* Optional: dezentes Styling (ohne externes Theme) */
    .hero {
      position: relative;
      min-height: 70vh;
      color: #fff;
      background: url("https://storage.easyguestmanagement.at/amontanara/images/room_11_2025-11-030.86424400_1762202795.jpg") center/cover no-repeat;
    }
    .hero::before{
      content:"";
      position:absolute; inset:0;
      background: rgba(0,0,0,.45);
    }
    .hero .hero-content{
      position: relative;
      z-index: 2;
      padding: 90px 0;
    }
    .badge-soft{
      background: rgba(255,255,255,.15);
      border: 1px solid rgba(255,255,255,.25);
      color:#fff;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .icon-bullet{
      width: 40px; height: 40px;
      border-radius: 50%;
      display:flex; align-items:center; justify-content:center;
      background:#f8f9fa;
      border:1px solid #eee;
      font-weight:700;
    }
    .section-title{
      letter-spacing: .06em;
      text-transform: uppercase;
      font-size: .9rem;
      color:#6c757d;
    }
    .card-hover{ transition: transform .15s ease, box-shadow .15s ease; }
    .card-hover:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
    .bg-light-2{ background:#fbfbfc; }
    .footer-small{ font-size: .9rem; }
