/* CSS Document Schöne Wienerin 01.08.2018 */

h4.modal-title ,h4.newsbox-title{
color: #6ab542;
    font-size: 16px;
	text-align: center;
}
h6.modal-title,h6.newsbox-title {
    font-size: 32px;
    color: #005b25;
    /* font-family: "Maiden Orange", Helvetica, serif; */
    font-family: 'FFPraterSansWebProRegular', cursive;
	text-align: center;
}
.modal-body b,.modal-body strong,.news-body b,.news-body strong,.newsbox-body strong {
	 color: #005b25;
}
.modal-body,.newsbox-body {
text-align: center;
}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
#c194.well {max-width:550px;margin:auto; margin-top:80px; background:#fff;}
/* EOF */

.urlaub {display:none;}
body {
  color: #807765;
  font-size: 17px;
  /* font-family: georgia, Helvetica, serif; */
  font-family: 'clear_sansregular',sans-serif;
  background: #faf6e9;
  padding: 0;
  min-width:320px;
}
a {
color:#84b44d;
}
/* ### Überschriften ### */

/* Headlines (dunkelgrün): 32px/36px */
h1, h2 {
  font-size: 32px;
  color: #005b25;
  /* font-family: "Maiden Orange", Helvetica, serif; */
  font-family: 'FFPraterSansWebProRegular', cursive;
}
/* hellgrün */
h3 {
  color: #6ab542;
  font-size: 16px;
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

.trennstrich {
    border-top: solid 2px #e9e5d4;
    margin-bottom: 65px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 45px;
    overflow: hidden;
	display: table;
}
a {outline:0;}
a.internal-link {color:#6ab542;font-weight:600;}
/* FA */
.iconset {
  display: inline-block;
  color: #005b25;
}
.iconset a {
  color: #005b25;
}
.lang {
  display: inline-block;
}
.lang a {
  color: #005b25;
  padding-left: 15px;
}
.lang a:hover, .lang a:active {
  color: #6ab542;
}
.iconset .fa {
}
.iconset a:hover, .iconset a:active {
  color: #6ab542;
}
.iconset .faborder {
  padding: 24px 15px 0 15px;
  border-right: solid 1px #e7e4d4;
  font-size: 20px;
}
.header-sidenav {
  float:right;
  }
/* HEADER  */
.logobox {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.logoimg.img-responsive {
  margin:auto;
  }
  .langnav {font-family: 'FFPraterSansWebProRegular', cursive;}
  .langnav .active a {color:#ccc;}
/*  ############### DCEs ################# */

    /* ueberschrift-element*/
.ueberschrift-element {
  text-align: center;
}
.ueberschrift-element h2 {
  margin-top: 0;
}
.ueberschrift-element h3 {
  margin-bottom: 5px;
}
.headerblock .ueberschrift-element,.headerblock-default .ueberschrift-element {
  border-top: solid 2px #e9e5d4;
  padding-bottom: 20px;
  padding-top: 30px;
  border-bottom: solid 2px #e9e5d4;
  margin-bottom: 35px;
}
.headerblock-slider {overflow:hidden;}
/* Bild-Text overlay */
.bild-textoverlay-element {
  display: table;
  margin: 40px 0;
}
.overlay-container {
  height: 100%;
  display: table;
}
.bildbox-underlay {
  text-align: center;
}
.bildbox-underlay .img-responsive {
    margin: auto;
}
.textboxoverlay {
  margin-top: -18%;
  background-color: #fff;
  border: solid 2px #ede9dc;
  padding: 40px 30px;
}
.textspace-overlay {
}
  /* Startbox */
.startbox {
  padding-bottom:30px;
    border-bottom: solid 2px #e9e5d4;
    padding-top: 8px;
}
.startbox-headline {
  font-family: 'FFPraterSansWebProRegular', cursive;
  letter-spacing: 0.15em;
  }
  .startsbox-hgeadlinezwei {
    letter-spacing: 0.14em;
    }
.startbox:hover {
    background: #fff;
  
}
.startboxen-container a:hover,.startboxen-container a:focus {
  text-decoration:none;
  }
.startbox-image {
  

}
.startbox-image img {
  border:solid 10px #fff;
  webkit-box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
    -moz-box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
    box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
  
    width: 100%;
    height: auto;
  }
.startbox-textbox {
text-align:center;
margin-top:30px;
}



#seitennummer-17 .content a{
 color:#807765; 
}
#seitennummer-17 .content .calltoaction-row  a {
    color: #84b44d;
}
/* ########### GRIDS ############## */
.inhalt-eingerueckt {
  margin-bottom: 30px;
}
/* ######### calltoaction-row #### */
.calltoaction-row {
  background-color: #fff;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.calltoaction-row h5 {
  font-size: 32px;
  color: #005b25;
  font-family: 'FFPraterSansWebProRegular', cursive;
  line-height: 1.2em;
}
.calltoaction-txt {
  margin-top: 30px;
  margin-bottom: 30px;
}
.calltoaction-row a {
  color: #84b44d;
  font-family: 'FFPraterSansWebProRegular', cursive;
}
.calltoactionbuttons {
    border: solid 2px #f1f1f1;
    display: inline-block;
    width: 66.66667%;
    padding: 15px;
    margin-bottom: -70px;
    background: #fff;
    font-family: 'FFPraterSansWebProRegular', cursive;
    margin-left: 20px;
}
.calltoactionbuttons blume {
}
#seitennummer-2 .calltoactionbuttons {
    border: solid 2px #f1f1f1;
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-top: -80px;
    margin-bottom: 50px;
    background: #fff;
    text-align: center;
}
#seitennummer-2 .headerblock img{
width:100%;
height:auto;
}
#seitennummer-2 .headerblock .calltoactionbuttons img{
width:auto;
height:auto;
max-width:100%;
}


#seitennummer-2 .headerblock .img-wrap {
    max-width: 100%;
    max-height: 800px;
    overflow: hidden;
}
.calltoactionbutton {
  border: solid 2px #e7e4d4;
  font-size: 21px;
  color: #005b24;
  padding: 15px;
  background: #fff;
}
.calltoactionbutton a {
  color: #005b24;
  display: block;
}
.calltoactionbutton:hover {
  background:#84b44d;
  }
/* ##### NAVI ##### */
.mobile-balken {
  position: absolute;
  top: 0;
  z-index: 99;
}
.extranav {
margin-left: 15px;
border-bottom: solid 1px #e7e4d4;
padding-bottom: 0px;
padding-top: 15px;
  }
  .extranav a{
  font-weight:500;
  }
/* ######## FOOTER ###### */
footer {
  background: #fff;
  margin-top: 140px;
}
.footer-address {
  color: #b2a997;
  font-size: 14px;
  line-height: 1.7;
}
.metanav a {
  color: #005b25;
  display: block;
  font-size: 13px;
  /* font-family: sans-serif; */
}

.partners {
  text-align: right;
}
footer .container .row {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 0;
  padding-bottom: 60px;
}
.footer-address a {color:#b2a997;}
/* MAPS IFRAME */

.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
  text-align: center;
}
.iframe-container > * {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
/* NAVI */
/* 
.mm-listview a {
font-size: 16px;
    color: #005b25;
    font-family: "Maiden Orange", Helvetica, serif;
}
.mm-listview a {
    font-size: 17px;
    color: #005b25!important;
    font-weight: 600;
    font-family: "Maiden Orange", Helvetica, serif;
      text-transform: uppercase;
}
.mm-listview>li>a, .mm-listview>li>span {
    padding: 15px 10px 15px 20px;
}
*/
/* #### BTN - Powermail ### */

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #ddd;
}
.btn-primary {
    color: #005b24;
    background-color: #fff;
border-radius: 0;
 border: solid 2px #ddd;
 padding:10px 20px;
}
.form-control {
     border-radius: 0;
}
.powermail_legend,.tx-powermail h3 {
display:none;
}
/* ### Booking ### */
#seitennummer-35 #b_editDates {
    font-size: 100%;
    /* font-family: sans-serif; */
    margin: 15px;
}
#seitennummer-35 #b_availSubmit input {
    background: none repeat scroll 0 0 #fff;
    border: solid 2px #e7e4d4;
    border-radius: 0;
    color: #005b25;
    padding: 10px 25px;
    font-family: "FFPraterSansWebProRegular",Helvetica,serif;
    font-size: 18px;
}

#seitennummer-35 #b_availFrm, #seite #b_editDates {
    color: #005b25;
   
}

#seitennummer-35 #b_availFrm, #seite #b_editDates {
color: #005b25;
   
    border-radius: 0;
    background-color: #fff;
      border: solid 2px #e7e4d4;
    
}
#seitennummer-35 #b_editDates h3 {
    text-align: center;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: normal;
}
#seitennummer-35 .b_availFormInner {
    background-color: #fff;
    overflow: hidden;
    padding: 0.8em;
    _height: 1%;
}
#seitennummer-35  #b_availSubmit {
    clear: none;
    float: right;
    margin-top: 10px;
    text-align: right;
}
#seitennummer-35 .calltoaction-row,#seitennummer-32 .calltoaction-row {
    display: none;
}


#seitennummer-11 .trennstrich {border:none;}
/* ######### The side navigation menu ############### */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.05s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav a {
  padding: 0;
  text-decoration: none;
  font-size: 17px;
  color: #005b25!important;
  font-family: "FFPraterSansWebProRegular", Helvetica, serif;
  display: block;
  transition: 0.3s
  
}
.sidenav .navbar-nav a {font-weight: 500;}
.sidenav .lageplan   {
    font-family:sans-serif;
    }
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus {
  color: #6ab542;
}
.navbar-nav>li {
  float: left;
  width: 100%;
  border-top: solid 1px #e7e4d4;
  text-transform: uppercase;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 36px;
  margin-left: 0;
  font-family: Verdana, Geneva, sans-serif;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 0;
}
.burgernavi {
  margin-top: 28px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff!important;
  background: #fff;
}
.navbar-default {
  background-color: #fff;
  border-color: #fff;
}
address {
  padding: 15px;
  padding-top: 35px;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.45;
}
#mainnavbar {
  margin-top: 30px;
  padding-right:15px;
  padding-left:15px;
}
.sidenav address a {
  color: #807765!important;
  font-family: Verdana, Geneva, sans-serif!important;
  font-size: 14px!important;
}
.nav>li>a {
    padding: 14px 0px 9px 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #6ab542!important;
  background-color: #fff;
}
.navbar-nav {margin:0!important;border-bottom: solid 1px #e7e4d4;
}
.lageplan {
  margin-left: 15px;
}
/* SLIk SLIDER */
#sliderBox2 {
    padding: 0;
}
.slick-prev:before, .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color:#E7E4D3!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

.slick-prev:before {
content: "\f053"!important;
font-size: 40px!important;
}
.slick-next:before {
content: "\f054"!important;
font-size: 40px!important;

}
.slick-prev {
    left: -35px;
}
.slick-next {
    right: -35px;
}
.slick-prev,.slick-next {
width:45px;
height:45px;
}
.tx-drc-slick-carousel {background:transparent; margin:auto;}
.tx-drc-slick-carousel img {
   /* margin: 20px; */
    padding: 0;
    position: relative;
    border: solid 15px #fff;
    box-shadow: 2px black;

-webkit-box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
-moz-box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
box-shadow: -1px 0px 5px 3px rgba(233,229,212,1);
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {
  padding-top: 15px;
}
.sidenav a {
  font-size: 15px;
}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.tx-drc-slick-carousel {
    width: 750px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.tx-drc-slick-carousel {
    width: 970px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.tx-drc-slick-carousel {
    width: 1180px;
}
.iconset .faborder {
    padding: 15px 15px 0 15px;
    border-right: solid 1px #e7e4d4;
    font-size: 25px;
}
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.header-sidenav {
      float: none; 
    text-align: center;
    border-top: solid 1px #e7e4d4;
    margin-top: 10px;
}
.logoimg.img-responsive {
    margin: 0;
    text-align: right;
    float: right;
}
.logobox {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    float: right;
}
.iconset .faborder {
    padding: 10px 15px 0 15px;
    border-right: solid 1px #e7e4d4;
    font-size: 20px;
}
.lang a {
    color: #005b25;
    padding-left: 5px;
}
.calltoactionbutton {
    font-size: 18px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.metanav {margin-top:15px;margin-bottom:15px;}
.blume {margin:10px auto;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.slick-prev {
    left: -15px;
}
.slick-next {
    right: -10px;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}