@font-face {
  font-display: swap;
  font-family: 'Saar-Apartments-body';
  font-style: normal;
  font-weight: 50;
  src: url('/dist/fonts/RobotoSerif_120pt-Regular.ttf');
  src: url('../../dist/fonts/RobotoSerif_120pt-Regular.ttf');
}

@font-face {
  font-display: swap;
  font-family: 'Saar-Apartments-haeder';
  font-style: normal;
  font-weight: 400;
  src: url('/dist/fonts/DIN-Regular.ttf');
  src: url('../../dist/fonts/DIN-Regular.ttf');
}

body {
  font-family: 'Saar-Apartments-body';
  background-color: #f0e6d8; 
  color: #4a3723;
  font-size: 1rem; /* Größer ab Tablet */
}
a, a:active, a:focus  
{
  outline: none;
  outline: 0;
  text-decoration: none;
  color: #8f7a5d;
}
a:hover {
  outline: none;
  outline: 0;
  text-decoration: none;
  color: #4a3723 !important;
}
h1 {
  margin-top: 10px !important;
  font-family: 'Saar-Apartments-haeder';
  font-size: 2rem;
}
h2 {
  font-family: 'Saar-Apartments-haeder';
  font-size: 1.5rem;
}
.navbar-toggler-icon {
  color: #4a3723 !important;
}
.text-menu {
  color: #f0e6d8 !important;
  margin-bottom: 0;
}
.color-rot {
  color: #4a3723 !important;
  border: 2px solid #4a3723 !important;
  background-color: #4a3723 !important;
}
.color-gruen {
  color: #4a3723 !important;
  border: 2px solid #4a3723 !important;
  background-color: #4a3723 !important;
}
.card-title {
  margin-top: 5px;
  margin-bottom: 7px;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f0e6d8;
  border-bottom: 0px solid #4a3723;
  padding-top: 0px;
  padding-bottom: 0px;
}
.card-body {
  background-color: #f0e6d8;
  padding-top: 0rem !important;
}
.card {
  border: 0px solid #f0e6d8;
}
hr {
  background-color: #b3a488;
  height: 3px;
  box-shadow: 0px 5px 5px rgb(126, 126, 126);
}
.bg-light {
  background-color: #f0e6d8 !important;
}
.text-success {
  color: #4a3723 !important;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #f0e6d8 !important;
  border: 1px solid #f0e6d8 !important;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.img-beschreibung {
  padding: 0.25rem;
  background-color: #f0e6d8 !important;
  border: 1px solid #f0e6d8 !important;
  border-radius: 0.25rem;
  max-width: 100px;
  height: auto;
}
.keine-trennung {
  white-space: nowrap;
}

.nav-link :hover {
  outline: none;
  outline: 0;
  text-decoration: none;
  color: #4a3723 !important;
}

/*************************************************************/
/*************************************************************/
/*************************************************************/

.section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.retro-layout .v-height {
    height: 240px;
}
.retro-layout .h-entry {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.retro-layout .gradient {
    position: relative;
}
.retro-layout .h-entry.gradient {
    position: relative;
}
.retro-layout .h-entry.mb-30 {
    margin-bottom: 30px;
}
.retro-layout .h-entry.gradient:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.retro-layout .h-entry .featured-img {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
.retro-layout .text {
    position: absolute;
    bottom: 0;
    z-index: 10;
    padding: 20px;
    max-width: 350px;
}
.retro-layout .text span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.retro-layout .h-entry .date {
    font-size: 15px;
}
.retro-layout .text h2, .retro-layout .text .h2 {
    color: #f0e6d8;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
}

/* Responsive Variante für 3 Spalten auf Desktop, 2 auf Tablet, 1 auf Handy */
@media (min-width: 992px) {
  .ausstattung-ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; } 
}
@media (min-width: 768px) and (max-width: 991px) {
  .ausstattung-ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } 
}
@media (max-width: 767px) {
  .ausstattung-ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
  .retro-layout .img-5 {
      height: 240px !important;
      margin-bottom: 30px;
      margin-top: 30px;
  }
}
@media (max-width: 560px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.125rem; }
}

.lightbox-gallery {
  background-color: #f0e6d8;
} 
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../../dist/img/close.png) url(../../dist/img/loading.gif) url(../../dist/img/prev.png) url(../../dist/img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#f0e6d8;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../dist/img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../dist/img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../dist/img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#f0e6d8}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#B3A488}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../dist/img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}