/*!
 * Bergkristall Template
 */

/* Fonts
-----------------------------------*/

@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}


@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'arimo';
    src: url('../fonts/Arimo-Regular-webfont.eot');
    src: url('../fonts/Arimo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Regular-webfont.woff') format('woff'),
         url('../fonts/Arimo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arimo';
    src: url('../fonts/Arimo-Italic-webfont.eot');
    src: url('../fonts/Arimo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Italic-webfont.woff') format('woff'),
         url('../fonts/Arimo-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Italic-webfont.svg#arimoitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'arimo';
    src: url('../fonts/Arimo-BoldItalic-webfont.eot');
    src: url('../fonts/Arimo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Arimo-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-BoldItalic-webfont.svg#arimobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'arimo';
    src: url('../fonts/Arimo-Bold-webfont.eot');
    src: url('../fonts/Arimo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Bold-webfont.woff') format('woff'),
         url('../fonts/Arimo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Bold-webfont.svg#arimobold') format('svg');
    font-weight: bold;
    font-style: normal;

}


/* General
-------------------------------------*/

body {
  width: 100%;
  height: 100%;
  font-family: "arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(40,40,40, .65);
  background-color: #E9D1B8;
  font-size: 15px;
}
html {
  width: 100%;
  height: 100%;
}
h1,h2,h3,h4,h5,h6 {margin: 0 0 20px;font-weight: 600;color: #391605;}
h1 {font-size: 35px;line-height: 42px;font-family: open_sans;margin: 0 0 15px 0;}
h2 {font-size: 27px;line-height: 32px;font-family: open_sans;color: #876612;}
h3 {font-size: 30px;line-height: 35px;font-family: open_sans;margin: 0 0 15px 0;}
h4 {font-size: 21px;line-height: 27px;}
p {margin: 0 0 25px;font-size: 14px;line-height: 23px;}
.text-big p {font-size: 18px;line-height: 32px;}
.text-big li {font-size: 18px;line-height: 25px;}
p.nr {margin-bottom: 22px;}
a {
  color: #736860;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #D2B63E;
}

.container {width: 1280px;}
.container.gallery {width: 100%;max-width: none !important;}
.container img {max-width: 100%;}
.navbar-brand > img {width: 100%;-webkit-transition: margin 0.8s ease 0s;-moz-transition: margin 0.8s ease 0s;transition: margin 0.8s ease 0s;}
.top-nav-collapse .navbar-brand > img {margin-top: -50px;}
.navbar-custom .navbar-toggle {color: #fff;float: right;background-color: transparent;font-size: 30px;z-index: 10;}
.white {background: #F3F3F3;}
#breadcrumbs span {padding: 0 !important;}

.table-responsive {min-width: 100%;text-align: left;}
.table-responsive th, .table-responsive td {border: 0 !important;padding: 4px 18px;border-right: 1px solid #F2E6D7 !important;font-family: raleway;background: none;vertical-align: middle !important;}
.table-responsive th:last-child, .table-responsive td:last-child {border-right: 0 !important;}
.table-responsive th {border-top: 3px solid #000 !important;}
.table-responsive td {border-bottom: 1px solid #E9D1B8 !important;font-weight: bold;color: #252222;}
.table-responsive tr:nth-child(odd) td {background: #DFBD9D;}
.table-responsive tr:nth-child(even) td {background: #E4C8AC;}

.txt-small {text-align: left;font-size: 14px;margin-bottom: 40px;}
.txt-small p {font-size: 14px;}
.txt-small ul {padding-left: 15px;}

.navbar-custom .navbar-header {background: rgba(33,33,37, .6);position: relative;max-width: 322px;}
.navbar-custom .navbar-brand {margin: 0;padding: 0;height: auto;margin-left: 0 !important; background: rgba(255,255,255, .8);}
.navbar-custom .m1 {position: absolute;left: 0;bottom: -28px;width: 100%;}
.logo-scroll, .btn-scroll {display: none;}
.btn-scroll {line-height: 38px;padding: 0 20px !important;margin: 30px 20px 0 !important;font-size: 16px !important;letter-spacing: 1px !important;}
.on-scroll .logo-scroll, .on-scroll .btn-scroll {display: block;float: left;margin-top: 9px;}
.on-scroll .navbar-header {display: none;}

.language-selector {margin: 0;padding: 0;list-style: none;float: left;}
.language-selector li {display: none;}
.language-selector li.active {display: block;}
.language-selector:hover li {display: block;}
.language-selector li a {font-size: 19px;line-height: 38px;padding: 0px 15px 0;color: #fff;position: relative;z-index: 3;font-weight: bold;text-transform: uppercase;display: block;}
.language-selector li.active a {padding: 21px 20px 0 15px;background: url(../images/arr.png) no-repeat right 36px;}
.on-scroll .language-selector {margin-bottom: -50px;}
.on-scroll .language-selector li.active a {padding: 30px 20px 0 15px !important;background-position: right 45px;}


@media (min-width: 980px) {
  .navbar-custom {font-family: raleway;padding: 0;min-height: 132px;border-bottom: none;margin-bottom: 0;top: 0;}
  .on-scroll .navbar-custom {padding: 0;background-size: auto 100% ;background: #000;min-height: 0;top: -150px;margin-top: 150px;-webkit-transition: margin 0.8s ease 0s;-moz-transition: margin 0.8s ease 0s;transition: margin 0.8s ease 0s;}

  .navbar-custom .navbar-nav {margin-left: 30px;}
  .navbar-custom .nav li a {font-size: 19px;line-height: 38px;padding: 21px 15px 0;color: #fff;position: relative;z-index: 3;font-weight: bold;text-transform: uppercase;}
  .navbar-custom .nav li:hover a {font-weight: bold;}
  .nav > li > a:focus, .nav > li > a:hover {background: none;}
  .top-nav-collapse li:hover .dropdown-menu {padding-top: 96px !important;}
  .navbar-custom .nav li:hover .dropdown-menu li a {color: #fff;font-size: 13px;line-height: 27px;padding: 0;background: none !important;}
  .navbar-custom .nav li:hover .dropdown-menu li a:hover {opacity: 0.7;}
  .top-nav-collapse .nav li a, .top-nav-collapse .nav li:hover a {padding: 30px 12px;}

  .navbar-nav li .dropdown-menu {display: block;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
  .navbar-nav li:hover .dropdown-menu {visibility: visible;opacity: 1;margin-top: 0;display: block;top: 0;left:-60%;right: -60%;min-width: 0;z-index: 2;border-radius: 0;background-color: transparent;background-image: url(../images/drop_hover.png), url(../images/m1.png);background-repeat: no-repeat, no-repeat; background-position: center -10px, center bottom;background-size: auto auto, 100% 28px; box-shadow: none;border: 0;margin: 0;padding: 68px 0 28px;text-align: left;}
  .navbar-nav .dropdown-menu li {background: rgba(33,33,37, .43);padding: 0 40px;text-align: center;}
  .navbar-nav .dropdown-menu li:first-child {padding-top: 12px;}
  .navbar-nav .dropdown-menu li:last-child {padding-bottom: 12px;}
}

/* Slider
---------------------------------------*/

.controls {position: absolute;bottom: 20%;width: 100%;left: 0;text-align: center;}
.carousel-indicators {position: relative;display: inline-block;left: 0;width: auto;margin-left: 0;}
.carousel-indicators li {background: rgba(255,255,255, .23);border: 0;height: 8px;width: 8px;margin: 0 10px;}
.carousel-indicators .active {border: 0;background: #876612;height: 8px;width: 8px;margin: 0 10px;}
.carousel-indicators li:active {border: 0;}
.carousel-indicators {bottom: 0px;padding-bottom: 0;}
.carousel-control {position: relative;display: inline-block;background-image: none !important;text-shadow: none;background: none !important;font-size: 14px;color: #fff;opacity:1;width: 50px;}
.subpage .carousel-control {top: 35%;}
.carousel-control:hover {opacity: 0.7;color: #fff;}
.sl_bottom {position: absolute;bottom: -1px;left: 0;width: 100%;height: 89px;background: url(../images/sl.png) repeat-x center bottom;background-size: 100% auto;}
.intro {width: 100%;height: auto;padding: 0;text-align: center;color: white;background-color: #F9F6EF;}
.top {position: fixed;z-index: 100;}

.carousel-caption {width: 460px;left: 50%;margin-left: -225px;right: auto;text-align: left;font-family: raleway;bottom: 20%;z-index: 1000; }


.carousel-caption h3 {font-size: 52px;color: #fff;line-height: 54px;opacity: 1;margin-bottom: 25px; text-shadow: 0px 0px 5px #000000;}
.carousel-caption p {font-size: 17px;color: #fff;line-height: 17px;opacity: 1; text-shadow: 0px 0px 5px #000000;}

.slick-slide {margin: 0 13px;}
.slick-list {margin: 0 -13px;}
.th-dots, .th2-dots, .ang-dots, .r-dots {display: inline-block;}
.th-prev, .th-next, .th2-prev, .th2-next, .ang-next, .ang-prev, .r-next, .r-prev {font-size: 14px;color: #000;cursor: pointer;}
.slick-dots {padding: 0;margin: 30px 24px 0;}
.slick-dots li {position: relative;display: inline-block;width: 9px;height: 9px;margin: 0 16px;padding: 0;cursor: pointer;top: -5px;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 9px;height: 9px;padding: 0px;cursor: pointer;color: transparent;border: 0;outline: none;background: #B3A18D;border-radius: 5px;}
.slick-dots li.slick-active button {background: #876612;}
.slick-slide img {border-radius: 3px;}

#angebote .slick-dots {
    position: static;
    top: 0;
    width: auto;
}

#angebote .slick-dots li {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 16px;
    padding: 0;
    cursor: pointer;
    top: -5px;
}

#angebote .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 9px;
    height: 9px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #B3A18D;
    border-radius: 5px;
}

#angebote .slick-dots li.slick-active button {
    background: #876612;
}




.home #angebote .an-top {background: none;}

/* Hotel
-------------------------------------------*/
#hotel { padding-bottom:40px; }
#hotel .content-section {padding: 25px -15px 15px;position: relative;z-index: 1;}
#hotel .back_img {width: 100%;margin: -90px 0;position: relative;z-index: 0;}
#hotel .info {font-size: 16px; line-height: 34px;padding-bottom: 15px;}
#hotel .info a {font-size: 21px;font-weight: 600;letter-spacing: 1px;}

#hotel .kulinarium {
  margin-top: 50px;
}

#breadcrumbs {padding: 0 !important;font-size: 14px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 15px;}
#breadcrumbs a {color: rgba(40,40,40, .85);}

.hotel-slider .nr {margin-bottom: 16px;}
.hotel-slider h3 {margin-bottom: 22px;}

#zimmer {margin-bottom: 35px;}
#zimmer .roomslider-nav {margin-top: 27px;}
#zimmer .btn {margin: 20px 7px 0;}
#zimmer p.nr {margin-bottom: 12px;}

.pagenav {margin: 45px 0 60px;}
.pagenav .btn-default {padding: 0 18px;margin-right: 14px;}

.price .rslides {padding-left: 0;padding-right: 5px;}
.price .roomslider {margin-top: 45px;}
.price .roomslider-nav {margin-top: 17px;}
.price .slick-slide {margin: 0 8px;}
.price .slick-list {margin: 0 -8px;}
.price .txt {margin-bottom: 65px;}


/* Anfrage
---------------------------------------------*/
.schnellanfrage-handy { display:none; }
#anfrage {padding: 16px 55px 35px;}
#anfrage label {text-transform: uppercase;font-weight: 600;color: rgba(255,255,255, .53);margin: 20px 0 -10px;font-size: 11px;line-height: 11px;}
#anfrage input[type=text], #anfrage select {border-radius: 0;height: auto;background: transparent no-repeat 95% center;border: 0;border-bottom: 3px solid #fff;margin: 0 2px;font-size: 15px;line-height: 34px;color: #fff;padding: 0px 40px 0px 0px;width: 100%;}
#anfrage input.calendar {background-image: url(../images/cal.png);}
#anfrage select {-webkit-appearance: none;-moz-appearance: none;max-width: none;background-image: url(../images/arr.png);line-height: 35px;padding: 8px 0;}
#anfrage select::-ms-expand {display: none;}
#anfrage option {background: #000;}
#anfrage .btn {margin: 22px 0px 0;clear: both;width: 100%;}
#anfrage input:focus, #anfrage select:focus {box-shadow: none !important;}
#anfrage .float-left, #anfrage .float-right {width: 40%;}

#request-form { margin-bottom: 50px; }
#request-form .form-field {padding: 0;}
#request-form .form-field .col-sm-4, #request-form .form-field .col-sm-8 {padding: 0;}
#request-form label {padding-top: 4px;}
#request-form input.datepicker {background: url(../images/cal.png) no-repeat 95% center #fff;cursor: pointer;}


#request-form .privacy-text { margin-top: 15px; }
#request-form .privacy-text input[type="checkbox"] { float: left; width: 15px; height: 15px; margin-right: 15px; }

.notices p {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 17px;
}

/* Gallery
----------------------------------------------*/

#gallery {padding: 40px 0;}
#gallery .gallery-img img {width: 100%;margin-bottom: 30px;}
#gallery ul li {list-style: none;padding: 0;display: inline-block;margin: 0 10px 20px;}

/* sommer
----------------------------------------------*/

#sommer {padding: 0;position: relative;}
#sommer .container {width: 580px;padding-left: 130px;text-align: left;position: relative;}
#sommer h3 {font-family: raleway;font-size: 52px;font-weight: normal;color: #fff;}
#sommer h4 {font-family: raleway;font-size: 28px;line-height: 52px;font-weight: normal;color: #fff; letter-spacing:-1px;}
#sommer p {font-size: 18px;font-family: raleway;color: #fff;}
#sommer .so-top {position: absolute;top: 0;left: 0;width: 100%;height: 89px;background: url(../images/m2.png) repeat-x center top;background-size: 100% auto;z-index: 10;}
#sommer .sommer-item {background: no-repeat center center;background-size: cover;padding: 350px 0 315px;}
#sommer p.nr {font-size: 12px;opacity: .8;}
.so-dots {display: inline-block;}
.so-next, .so-prev {font-size: 12px;color: #000;cursor: pointer;}
#sommer .slick-dots li {position: relative;}
#sommer .slick-dots li .info {width: 0;height: 0;position: absolute;bottom: 20px;left: 0px;line-height: 9px;margin: 0;padding: 0;white-space: nowrap;text-transform: uppercase;list-style: none;color: #fff;font-family: raleway;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#sommer .slick-dots li button {background: rgba(0,0,0, .23);}
#sommer .slick-dots li.slick-active button {background: #fff;}
#sommer .slick-slide {margin: 0px;}
#sommer .slick-list {margin: 0px;}
#sommer .controls {position: absolute;bottom: 85px;width: 100%;z-index: 10;}
#sommer .list {position: absolute;bottom: 20px;left: 170px;line-height: 42px;font-weight: bold;margin: 0;padding: 0;text-transform: uppercase;list-style: none;color: #fff;font-family: raleway;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#sommer .stitle {display: none;}


.sommer #angebote .an-top {background: url(../images/m3.png) repeat-x center bottom; top:-88px;}

/* winter
----------------------------------------------*/

#winter {padding: 0;position: relative;margin-top: -89px;z-index: 10;}
#winter .container {width: 580px;padding-left: 130px;text-align: left;position: relative;}
#winter h3 {font-family: raleway;font-size: 52px;font-weight: normal;color: #fff;}
#winter h4 {font-family: raleway;font-size: 32px;line-height: 52px;font-weight: normal;color: #fff;}
#winter p {font-size: 18px;font-family: raleway;color: #fff;}
#winter .wi-bottom {position: absolute;bottom: 0;left: 0;width: 100%;height: 89px;background: url(../images/m3.png) repeat-x center bottom;background-size: 100% auto;z-index: 10;}
#winter .winter-item {background: no-repeat center center;background-size: cover;padding: 350px 0 315px;}
#winter p.nr {font-size: 12px;opacity: .8;}
.wi-dots {display: inline-block;}
.wi-next, .wi-prev {font-size: 12px;color: #000;cursor: pointer;}
#winter .slick-dots li {position: relative;}
#winter .slick-dots li .info {width: 0;height: 0;position: absolute;bottom: 20px;left: 0px;line-height: 9px;margin: 0;padding: 0;white-space: nowrap !important;text-transform: uppercase;list-style: none;color: #fff;font-family: raleway;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#winter .slick-dots li button {background: rgba(0,0,0, .23);}
#winter .slick-dots li.slick-active button {background: #fff;}
#winter .slick-slide {margin: 0px;}
#winter .slick-list {margin: 0px;width: 100%;}
#winter .controls {position: absolute;bottom: 65px;width: 100%;z-index: 10;}
#winter .list {position: absolute;bottom: 20px;left: 170px;line-height: 42px;font-weight: bold;margin: 0;padding: 0;text-transform: uppercase;list-style: none;color: #fff;font-family: raleway;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#winter .stitle {display: none;}

.winter #angebote .an-top {background: none;}

/* Angebote
------------------------------------------------*/

#angebote {padding: 100px 0 40px; position: relative;}
#angebote .container {max-width: 915px;}
#angebote .nr {margin: 0 0 0 316px;font-size: 12px;}
#angebote h2 {font-size: 52px;line-height: 60px;margin: 0 0 0 316px;font-family: raleway;font-weight: normal;}
#angebote h3 {font-size: 34px;margin: 0 0 45px 316px;font-family: raleway;font-weight: normal;}

#angebote img {margin-bottom: 30px;}
#angebote .title {display: block;font-weight: bold;color: #876612;font-family: raleway;}
/*#angebote .btn {margin-top: 30px;}*/

#angebote .an-top {position: absolute;top: 0;left: 0;width: 100%;height: 89px;background: url(../images/m2.png) repeat-x center top;background-size: 100% auto;z-index: 10;}

.einzel-angebot .th-dots { display: none; }


/* Kontakt
------------------------------------------------*/

#kontakt {background: #876612;padding: 40px 0 12px;text-align: center;color: #f3f3f3;position: relative;}
#kontakt .social {margin: 10px 0;}
#kontakt .social img {margin: 0 4px;}
#kontakt p {margin-bottom: 15px;}
#kontakt .col-sm-10 {padding: 0;margin: 0 auto;float: none;}
#kontakt p.ktitle {font-size: 19px;font-weight: bold;margin: 0;}
#kontakt p.adresse1 {font-size: 16px;font-style: italic;margin: 0;}
#kontakt p.adresse2 {font-size: 16px;}
#kontakt .az {display: block;font-size: 23px;line-height: 30px;}
#kontakt .norm {font-weight: normal;}
#kontakt .anschrift .az a {color: #ffffff;font-size: 23px;line-height:30px;}
#kontakt .anschrift a {color: #000;font-size: 18px;line-height: 28px;}
#kontakt .anschrift a:hover {color: #fff;}
#kontakt .con-top {position: absolute;top: -78px;left: 0;width: 100%;height: 94px;background: url(../images/m4.png) repeat-x center top;background-size: 100% auto;z-index: 10;}

@media (max-width: 1600px) {
  #kontakt .con-top {top: -62px; height: 78px;}
}
@media (max-width: 1263px) {
  #kontakt .con-top {top: -52px; height: 62px;}
}
@media (max-width: 1056px) {
  #kontakt .con-top {top: -46px; height: 51px;}
}
@media (max-width: 942px) {
  #kontakt .con-top {top: -37px; height: 46px;}
}
@media (max-width: 768px) {
  #kontakt .con-top {display: none;}
}

#kontakt.offers .con-top {background-image: url(../images/m2.png);}

#rr_wetter_daten {text-align: center;max-width: 630px;margin: 20px auto;padding: 10px 0;border-top: 1px solid #b38f33;border-bottom: 1px solid #b38f33;}
#rr_wetter_daten img {max-width: 50px;}
#rr_wetter_daten th {text-align: center;}
#rr_wetter_daten table {width: 100%;}


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

#icons {padding: 14px 0;background: #fff;}
#icons img {margin: 0 25px;}
footer {padding: 0;}
footer p {margin: 0;color: #876612;}
footer a {color: #876612;}
.footernav {font-weight: bold;font-family: raleway;letter-spacing: 2px;}
.footernav a {color: #fff;}
.footernav a:hover {text-decoration: underline;}

#mapcontent {width: 100%;height: 430px;}

/* Helper
------------------------------------------------*/

.well {background: none;border: 1px solid #C8B5B0;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;}
.divider {height: 1px;display:block;margin: 15px 45px;overflow: hidden;background-color: #C1B08C;clear: both;}
.divider_h {height: 34px;width:100%;display:block;margin: 20px 0;overflow: hidden;background: url(../images/divider.png) no-repeat center top; }
.btn-circle {width: 70px;height: 70px;margin-top: 15px;padding: 7px 16px;border: 2px solid white;border-radius: 100% !important;font-size: 40px;color: white;background: transparent;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.btn-circle:hover,.btn-circle:focus {outline: none;color: white;background: rgba(255, 255, 255, 0.1);}
.btn-circle i.animated {-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;}
.btn-circle:hover i.animated {-webkit-animation-name: pulse;-moz-animation-name: pulse;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;}
@-webkit-keyframes pulse {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.2);transform: scale(1.2);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes pulse {
  0% {-moz-transform: scale(1);transform: scale(1);}
  50% {-moz-transform: scale(1.2);transform: scale(1.2);}
  100% {-moz-transform: scale(1);transform: scale(1);}
}

.content-section {padding-top: 80px;}

.btn {font-weight: 600;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 4px;padding: 13px 30px;text-transform: none;font-weight: bold;letter-spacing: 2px;font-size:13px;}
.btn .glyphicon {font-size: 10px;}
.btn-blue {background: #718CC1;border: 0;border-radius: 0;color: #fff;font-size: 14px;padding: 9px 30px;}
.btn-blue:hover {background: #6278A6;color: #fff;}
.btn-green {background: #7F932C;border: 0;border-radius: 0;color: #fff;font-size: 14px;padding: 9px 30px;}
.btn-green:hover {background: #607122;color: #fff;}
.btn-primary {background: #876612;border: 0;border-radius: 0;color: #fffdfd;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary.active {background: #fff;border: 0;color: #282828;}
.btn-default {border: 1px dotted #100E0D;color: rgba(40,40,40, .85);background-color: transparent;font-size: 14px;font-weight: bold;font-family: open_sans;line-height: 33px;padding: 0 40px;border-radius: 15px;}
.btn-default:hover, .btn-default:focus {outline: none;color: #fff;background-color: #876612;}
ul.banner-social-buttons {margin-top: 0;}
@media (max-width: 1199px) {
  ul.banner-social-buttons {margin-top: 15px;}
}
@media (max-width: 767px) {
  ul.banner-social-buttons li {display: block;margin-bottom: 20px;padding: 0;}
  ul.banner-social-buttons li:last-child {margin-bottom: 0;}
}
::-moz-selection {text-shadow: none;color: #fff;background: #736860;}
::selection {text-shadow: none;color: #fff;background: #8A4748;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {webkit-tap-highlight-color: #8A4748;}
::-webkit-input-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
:-moz-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
::-moz-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
:-ms-input-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}

.float-left {float:left;}
.float-right {float:right;}


#lts-eventfinder { text-align: left; }
#lts-eventfinder .row { margin: 0; }

#lts-eventfinder .lcswdgtevents .filter-info .data-block { background-color: #f5e3d0!important; }
#lts-eventfinder .lcswdgtevents .filter-info .sort-bar { background-color: #f5e3d0!important; }
#lts-eventfinder .lcswdgtevents .date-title { background-color: #f5e3d0!important; }

/* ROT */
#lts-eventfinder .box-search .box-header { color: #876612!important; }
#lts-eventfinder .box-search .row-search-text .button-ok { background-color: #876612!important; }
#lts-eventfinder .lcswdgtevents .item .module-title { color: #876612!important; font-size: 16px!important; }
#lts-eventfinder .button-primary { background-color: #876612!important; border: none!important; }
#lts-eventfinder .lcswdgtevents .filter-info .search-count { color: #876612!important; }
#lts-eventfinder .calendar-events .ui-datepicker-current-day.active-date a { background-color: #876612!important; }
#lts-eventfinder .calendar-events .active-date .ui-state-default { background-color: #876612!important; }
#lts-eventfinder .lcswdgtevents .detail .block-title .title { color: #876612!important; }
/* GRÜN */
#lts-eventfinder .box-search .block-accordion .accordion-header { color: #000000!important; }
#lts-eventfinder .box-search .reset-button  { background-color: #876612!important; }
#lts-eventfinder .lcswdgtevents .item .subtitle { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .show-on-map { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .detail .block-title .sub-title { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .detail .block-infos a { color: #000000!important; }



/* Accordion
---------------------------------------------*/
.accordion {
  margin-bottom: 80px;
  margin-top: 50px;
}
.accordion .card {
  position: relative;
  margin-bottom: 10px;
}
.accordion .accordion-button {
  font-weight: 600;
  color: #391605;
  font-size: 30px;
  width: 100%;
  background: #efe1d3;
  border: 1px solid #876612;
  position: relative;
}
.accordion .accordion-button:after {
  font-family: 'FontAwesome';
  content: "\f078";
  color: #391605;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .accordion-button[aria-expanded="true"]::after {
  content: "\f077";
}
.accordion .card-body {
  margin-top: 20px;
}
.accordion .card-body h2 {
  font-size: 24px;
}
.accordion .slick-arrow {
  margin-top: 10px;
}


/* Mobile
---------------------------------------------*/

@media (max-width: 1350px) {
         .container {width: 96%;}
         .navbar-custom .nav li a, .language-selector li a {padding-left: 10px;padding-right: 10px;font-size: 16px;}
         .carousel-caption h3 {font-size: 35px;line-height: 37px;}
         .carousel-caption p {font-size: 30px;line-height: 32px;}
         .navbar-header {width: 20%;}
         #anfrage {padding: 5px 25px;}
         .navbar-custom .m1 {bottom: -15px;}

}
@media (max-width: 1100px) {
         .carousel-caption h3 {font-size: 30px;line-height: 32px;}
         .carousel-caption p {font-size: 24px;line-height: 26px;}
         .carousel-caption {padding: 15px 0;}
         .navbar-custom .nav li a {padding-left: 8px;padding-right: 8px;}
         .carousel-control {bottom: 100px;}
         #anfrage input[type="text"], #anfrage select {max-width: 100px;padding: 20px 20px 30px;font-size: 18px;}
         .sl_bottom {display: none;}
         #hotel .content-section {margin-top: 0;padding-top: 40px;}
         #anfrage, .navbar-custom .m1 {display: none;}
         .navbar-custom .navbar-header {background: none;}
		 .schnellanfrage-handy { display:block; background:#876612; border-radius:0; color:#ffffff; border:none; padding: 5px; width:100%; }
		 #anfrage { background: rgba(0,0,0,0.8); position:fixed; width:95%;  }
}
@media (max-width: 980px) {
		.navbar-nav > li > a { padding-bottom:2px; }
		.navbar-nav > li > .dropdown-menu {
			position: relative;
			display: block;
			float: none;
			min-width: 100%;
			padding: 0;
			margin: 0;
			background: none;
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			left: 30px;
		}
		.navbar-nav li:hover .dropdown-menu { padding-top: 0; }

         .carousel-caption h3 {font-size: 20px;line-height: 22px;}
         .carousel-caption p {font-size: 18px;line-height: 20px;}
         .carousel-caption {width: 90%;margin: 0 auto;left: 0;}
         .carousel-caption, .controls {display: none;}
         .carousel {background:#E9D1B8;}

         .navbar-custom .nav li {min-width: 10px;}
         .navbar-custom .nav li a, .navbar-custom .nav li:hover a, .navbar-custom .nav li.dropdown:hover a {background-image: none !important;padding-top: 2px;color: #fff;font-weight: bold;background: none !important; font-size: 15px;}
         .top-nav-collapse .nav li a {padding: 0 15px !important;}
         .language-selector {position: absolute;right: 10px;top: 30px;}
		 .language-selector li.active a { background: none;}
		 .language-selector li { display:block; }
         .navbar-header {width: 40%;}
         .navbar-brand > img {width: 100%;}
         .collapsing .navbar-nav {display: none;}
         .navbar-custom.top-nav-collapse {display: none;}
         .navbar-toggle {margin-top: 0;margin-right: 0;display: block;}
         .navbar-collapse.collapse {display: none !important;}
         .navbar-collapse.collapse.in {display: block !important;}
         .navbar-header .collapse, .navbar-toggle {display:block !important;}
         .navbar-nav {background: #000;left: 0;margin: 0;position: absolute;top: 0px;width: 100%;text-align: left;z-index: 2;}
         .nav > li > a {display: block;}
         .navbar-nav > li {float: none;}
         #zimmer img {max-width: 538px;width: 90%;margin: 0 5% 40px;}
         #sommer .sommer-item, #winter .winter-item {padding: 150px 0;}
         #sommer .slick-dots li .info, #winter .slick-dots li .info {display: none;}
         #sommer .container, #winter .container {width: 90%;padding: 0;}
         #angebote h3, #angebote h2, #angebote .nr {margin-left: 0;}
         #hotel .back_img {margin: 0;}
         .price table {margin-top: 50px;}
         .table-responsive {border: 0;}
		 .navbar { height: 100%; overflow-x:scroll; }

}
@media (max-width: 768px) {

         .navbar-header {float: left;width: 40%;position: relative;z-index: 1;}
         .carousel-control {bottom: 0px;}

         #kontakt .anschrift, #kontakt .social {float: none;width: 100%;margin-bottom: 1px;}
         .top-nav-collapse .navbar-nav {top: 0;}
         #anfrage input[type="text"], #anfrage select {max-width: none;background-position: 98% center;padding: 10px;font-size: 18px;}
         #wetter table {width: 100%;}
         #wetter td img {max-width: 100%;}
         .hotel-slider {overflow: hidden;}


}
@media (max-width: 500px) {
         #wetter th, #wetter td {padding: 0 3px;}
         .th-prev, .th2-prev, .ang-prev, .r-prev {float: left;margin: 10px 0;}
         .th-next, .th2-next, .ang-next, .r-next {float: right;margin: 10px 0;}

}