html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: #fbf8f4;
  color: #4a4a4a;
  text-align: left;
  font-family: "brandon-grotesque";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;

  margin-bottom: 60px;
}

.footer {
  width: 100%;
  line-height: 60px;
  background-color: #a2bca6;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 2px;
  color:#fff
}

.footer a{ text-transform: uppercase; color:#fff!important}

a,
a:hover,
a:visited {
  color: #c0a35d;
  text-decoration: none;
}
.nav-link:focus, .nav-link:hover {
  color: #fff;
}
section.fullscreen {
  min-height: calc(100vH - 56px);
}

section.fullscreen1 {
  min-height: calc(90vH - 56px);
  height: calc(90vH - 56px);
}


.b-trenner{height:65vH; background-size: cover!important}


section{overflow: hidden;padding-bottom: 60px;}
.centerBox {
  margin: 20px;
    position: relative
}

.jItem a{
    color:#4A4A4A;
    font-size: 26px;
    font-weight: bold;
    
}

#logo,
.line {
  width: 100%;
  margin: auto auto;
  max-width: 403px;
}

#logo img {
  width: 100%
}

#small-logo{padding-right: 50px;}

.line {
  height: 1px;
  border: 1px solid #998860
}

.teaser {
  text-transform: uppercase;
}

.teaser,
#logo {
  margin: 15px 0px 15px
}

.stempel{position:absolute; right:-60px;top:30px; width:124px;height:124px; background: url(../img/stempel.svg) no-repeat}

.tooltip-inner {
  background-color: #C6E1C9;
  color: #998860;
}

.tooltip .arrow {
  border-top-color: #C6E1C9 !important;
}

.container {
  max-width: 960px
}

.navbar {
  background-color: #c0a35d;
  color: #fff
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

#navbarNav li.nav-item {
  margin: 0px 0px;
    text-align: center;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.nav-link {
  display: block;
  padding: 1rem 1rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


#header,#header a{
   color:#849987;
   font-weight: 700;
}



section.top-bg{
    padding:71px  0px 60px;
    background-position: center -150px !important;
    background-repeat: repeat-x !important;
}


.top-bg-color{
    height: 200px;
    margin-bottom:-36px;
}


.sidebar-teaser{
  font-size:15px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0px;
  color:#C0A35D;
  border-left: 6px solid;
  padding:10px 16px
}

.sidebar-teaser h4{
    font-size:20px;
    font-weight: bold;
    letter-spacing: 1.78px;
    text-transform: uppercase;
}

h2{
    color:#c0a35d;
   

    font-size: 60px;
    font-weight: bold;
    letter-spacing: 24px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 70px;
}

/*
h2::after{
    content: '';
    position:absolute;
     width: 14px;
      height: 14px;
    bottom:-14px;
    left: calc(50% - 7px);
    background: url(../img/raute.svg);
}
*/

h4{
     font-size: 26px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

p + h4{
    margin-top:50px
}

h5{color: #C0A35A;font-weight: bold}

.trenner{position: relative;height:0px;border-bottom:1px solid #c0a35d; margin:20px 0px 60px}
.neu-trenner{position: relative;height:0px;border-bottom:1px solid #c0a35d; margin:100px 0px 40px}
.neu-trenner span{position: relative; z-index: 10;font-size: 28px;font-weight: bold; top:-20px; color:#c0a35d}
.neu-trenner::after{
    content: '';
    position:absolute;
    width: 200px;
    height: 75px;
    bottom: -39px;
    left: calc(50% - 100px);
    background: url(../img/titel-raute-neu.svg) no-repeat center #fbf8f4;
}
h3.neu-monat{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    color:#c0a35d;
    text-transform: uppercase;
    margin-bottom: 30px
}


.eis{
    color:#998860;
     font-size: 16px;
  font-weight: bold;
  line-height: 1;
    max-width: 160px;
    margin:0px auto 30px;
}

.eis div{margin-top:15px;}

.small-eis{ max-width: 130px;}


.carousel-control-next, .carousel-control-prev {}


/*
.carousel-control-next-icon {
    background-image: url(../img/arrow-right.svg);
    width:24px;
    height:46px;
}

.carousel-control-prev-icon {
     background-image: url(../img/arrow-left.svg);
    width:24px;
    height:46px;
}
*/

#lm-caousel-top .carousel-item{ width: 100%; height: calc(90vH - 56px)}


#kontakt h3{
    font-size: 18px;
   font-weight: bold;
    color:#c0a35d;
    position:relative;
    margin-bottom:30px;
}

#kontakt h3::after{
    content: '';
    position:absolute;
    width: 58px;
    height: 1px;
    background-color: #c0a35d;
    bottom: -15px;
    left: calc(50% - 29px);
}

.socialmedia {border-bottom:1px solid #c0a35d;border-top:1px solid #c0a35d; padding:10px 0px; margin:40px 0px}
.socialmedia a{color:#c0a35d}

#google_map{width:100%; height:370px}


.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  border:0px solid #fff;
  background-color: #fbf8f4;
  /*color:#fff*/
}
#navModal .modal-content {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
  background-color: #c0a35d;
  color:#fff
}


.modal-dialog {
    max-width: 100%;
    margin: 0px auto;
}
.modal-open .modal {
    padding:0px!important
}

.modal-body  {
    padding:50px 15px;
    position: relative
}
.close2{position:fixed;top:50px;right:50px; z-index: 1000}


#onlineshop,#gutscheine{
    padding:35px 0px;
    text-align: center;
    background-color: #D5C6E1;
    color:#fff;
    
}

#gutscheine{
   background-color: #C0A35D
}
.biglink-subtitel{
    font-size: 18px;
    letter-spacing: 3.86px;
   font-weight: 900 ;
}
.biglink-titel{
    font-size: 40px;
    letter-spacing: 3.86px;
   font-weight: 900 ;
}



.btn {
  display: inline-block;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
  border: 3px solid transparent;
  font-size: 14px;
  border-radius: 0px;
     letter-spacing: 3.86px;
}

.btn-lm {
  color: #fff!important;
  background-color: transparent;
  border-color: #fff;
}

.btn-lm:hover {
  color: #000!important;
  background-color: #fff;
  border-color: #fff;
}

.insta-gallery-button, .qligg-mfp-wrap .insta-gallery-actions .insta-gallery-button {
  font-size:20px!important;
  color: #C0A35D!important;
}
.insta-gallery-feed .insta-gallery-actions, .qligg-mfp-wrap .insta-gallery-actions {
  text-align: left!important;
  margin: 15px 20px!important;
}

.presselogo{max-width:150px }
.pressitem{ font-size:14px; line-height: 1.3}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
}


.footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 60px;
      line-height: 60px;
      background-color: #a2bca6;
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 2px;
      color:#fff
    }


@media (max-width: 450px) {
    
    h2 {
      font-size: 40px;
    }

    .top-bg-color {

      margin-bottom: -26px;
    }
    
    
    .footer {
      position: relative;
      bottom: 0;
      width: 100%;
      height: auto;
      line-height: 30px;
      background-color: #a2bca6;
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 2px;
      color:#fff;
        padding:30px 0px
    }
    body{
          margin-bottom: 0px;
    }
    
}