/*Header*/
.topbar-link {
	margin: 0 5px 0px 10px!important;
}
.topbar-link a {
	font-weight: 300!important;
	background-color: inherit!important;
	font-size: 12px!important;
	text-decoration: none!important;
	width: auto!important;
	height: auto!important;
	border:none!important;
}
.topbar-link a:hover{
	color: #fff!important;
	text-decoration: underline!important;
}
#header-top-second a {
	text-decoration: none;
}
#header-top-second a:hover {
	text-decoration: underline;
}
#header-top-second .header-zitat{
  font-size: 15px;
  padding: 5px;
}
/*Navi*/
@media (max-width: 1199px) {
	.header .navbar-nav li .nav-link {
	    border-bottom: 1px solid #f3f3f3;
	    padding: 10px 15px;
	}
}
.header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active {
	color: #c30f1d;
}

/*Allgemein*/
.text-default { /*Überschrift*/
	color: #0262aa;
}
strong {
    font-weight: bold;
}
a {
	color: #0262aa;
}

/*Module*/
.zitat {
	min-height: 120px;
}
.mini-navi-button {
	width: 100%;
}
.kontakt-bildbanner h1 {
	text-transform: none;
}
.kontakt-bildbanner .list-inline-item {
	padding-top: 5px;
}
.kontakt-bildbanner .list-inline-item:not(:last-child) {
    margin-right: 15px;
}
.kontakt-bildbanner .list-inline-item .pl-10 {
	padding-left: 0;
}
.kontakt-form #kontakt-datenschutz-label {
	display: inline;
}
/*Bildbanner*/
.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, 0.3);
}
/*Bild mit Teaser Modul*/
.bild-teaser-wrapper {
	position: relative;
}
.bild-teaser-wrapper img {
	display: block;
}
.bild-teaser-content {
	position: absolute;
	top: 8%;
	right: 4%;
	color: #ffffff;
	min-height: 0px; 
	min-width: 0px; 
	max-height: none; 
	max-width: 540px;
	background-color: rgba(0, 0, 0, 0.7); 
	visibility: inherit; 
	transition: none; 
	text-align: inherit; 
	line-height: 22px; 
	border-width: 0px; 
	margin: 0px; 
	padding: 20px; 
	letter-spacing: 0px; 
	font-weight: 300; 
	font-size: 15px; 
	white-space: normal; 
	opacity: 1; 
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); 
	transform-origin: 50% 50% 0px;
}
@media only screen and (max-width:770px){
    .bild-teaser-content {
		max-width: 540px;
		font-size: 12px;
		left: 0;
		top: 0;
    }
    .bild-teaser-content h2{
    	font-size: 14px;
    	margin-bottom: 7px;
    }
    .bild-teaser-content p {
    	display: none;
    }
    .bild-teaser-content .separator-2 {
    	margin-bottom: 0;
    }
    .bild-teaser-content .separator-2:after {
    	display: none;
    }
    .bild-teaser-content .btn-gray-transparent {
    	font-size: 12px;
    }
}
.bild-teaser-content h2 {
	color: #ffffff;
}
.bild-teaser-content .btn-gray-transparent {
    border-color: #ffffff;
    color: #ffffff;
}
.bild-teaser-content .btn-gray-transparent:hover, .bild-teaser-content .btn-gray-transparent:focus {
  border-color: #ffffff;
  color: #777777;
  background-color: #ffffff;
}
.bild-teaser-content .separator-2:after {
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}
/*Buchung*/
@media only screen and (max-device-width:480px){
 fieldset {
    padding: 10px 15px !important;
 }       
}
.calendar-wrapper {
    padding: 10px 0!important;
}
/*Flatpickr*/
.form-control[readonly] {
  display: none;
}
.flatpickr-belegt {
    background: #ffccd1!important;
}
.flatpickr-reserviert {
    background: #D7F1F6;
}
.flatpickr-uhrzeit {
    width: 20%;
    font-weight: bold;
}

.flatpickr-calendar {
	overflow: hidden;
	border-radius: 0;
}
.flatpickr-months,.flatpickr-month, .flatpickr-months .flatpickr-month {
	border-radius: 0;
}
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
    margin: 0 auto;
    margin-top: 4px;
}
.flatpickr-input {
    display: none;
}
.flatpickr-legend {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
.flatpickr-legend .flatpickr-day {
    border-radius: 0 !important;
    border: 1px solid #e9e9e9;
    max-width: none;
    border-right-color: transparent;
    height: 15px;
    line-height: 15px;
    width: 15px;
    margin-left: 10px;
}
.flatpickr-months .flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday {
	background-color:#5c717b;
}
span.flatpickr-weekday {
	color: #ccc;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { 
	background: #3692f2;
	color: #fff;
}
/*Uhrzeit*/
.time-wrapper {
	text-align: center;
    width: 100%;
    padding-top: 20px;
}
.time-picker {
	display: inline-block;
    text-align: center;
    padding: 0 0 1px 0;
    list-style: none;
    margin: 0 auto 0 auto;
    overflow: hidden;
    zoom: 1;
    border-left: 1px solid rgba(72,72,72,0.2);
}
.time-picker li {
    margin: 0 0 -1px 0;
    padding: 4px;
    float: left;
    white-space: nowrap;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(72,72,72,0.2);
    border-left: none;
    width: 100px;
}
.time-picker li a {
	display: block;
	color: #484848;
    margin: 0;
    line-height: 35px;
    height: 90%;
    background: transparent;
}
.time-picker li a:hover {
	background-color: #e2e2e2;;
    color: #fff;
    text-decoration: none;
}
.time-choosed {
	background: #42a5f5!important;
	color: #fff!important;
}
.time-select {
  border: 1px solid rgba(72,72,72,0.2);
  padding:9px;
  margin:5px;
  color: #484848;
  background: #ffffff;
}
.time-select option {
  color: #484848;
  margin: 0;
  line-height: 35px;
}
/*Buchung Formular*/
.booking-form-block {
    margin-top: 50px;
    text-align: center;
}
#choosed-date, #choosed-price {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
#choosed-date span, #choosed-price span {
    font-weight: bold;
    color: #28a745; /*#ec6643;*/
}
#choosed-price {
    margin-top: 0px;
    margin-bottom: 10px;
}
.choosed-price-error {
    color: #ec6643;
}
/*Gutscheine Formular*/
#lieferadresse-wrapper {
  display:none;
}
#lieferadresse-wrapper{
 margin-top: 18px;
 border-top: 1px solid #dddddd;
}
.zahlungsart {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.zahlungsart-last{
  padding-top: 10px;
  padding-bottom: 10px;
}
.zahlungsart label, .zahlungsart-last label {
  font-weight: bold;
}




/* ############## */
/* Farbänderungen */
/* ############## */


/*Schriftanpassungen*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body, h1, h2, h3, h4, h5, h6, .navbar .navbar-nav {
    font-family: 'Open Sans', sans-serif!important;
}
/*Logo*/
.header .navbar-brand {
    padding: 0px 0 0 5px;
    max-height: 80px;
}
#logo-mobile {
    position: relative;
    z-index: 100;
}
#logo-mobile img {
   height: 100px;
   transform: rotate(-10deg);
}
/*für mobile*/
@media (max-width: 1200px) {
    .header .navbar-brand {
        padding: 5px 0 0 5px;
        margin-bottom: 10px;
    }
    .navbar-collapse {
        
    }
    .navbar-nav {
    	margin-top: 15px;
    }
}
/*für desktop */
@media (min-width: 1200px) {
  #logo-mobile {
    transform: translateY(7px);
  }
}
#logo img:hover, #logo-mobile img:hover {
    opacity: unset;
    filter: unset;
}

/* ### Farbanpassungen ### */
/*link*/
a,
.header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active,
.header .navbar-nav li .nav-link:focus,
.header .navbar-nav li .nav-link:hover,
.header .navbar-nav .show > .nav-link,
.header .navbar-nav li .nav-link.show,
.header .navbar-nav .active.show > .nav-link,
.header .navbar-nav li.show .nav-link.active {
  color: #0262aa; /*#ec6643;*/
}
/*hauptnavi*/
/*.header .navbar-nav li .nav-link {
    color: #c30f1d;
 }*/
.header .navbar-nav li .nav-link:focus, .header .navbar-nav li .nav-link:hover, .header .navbar-nav .show > .nav-link, .header .navbar-nav li .nav-link.show, .header .navbar-nav .active.show > .nav-link, .header .navbar-nav li.show .nav-link.active {
    color: #0262aa;/*#3697d9*/
}
.header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active {
	color: #0262aa;
}
.header .main-navigation.animated .navbar-nav .dropdown-menu li a:hover  {
	color: #0262aa;
}
/*text*/
body,
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #304954;
}
h1 {
  color: #0262aa;
  font-size: 24px;
  text-transform: none;
  font-weight: normal;
}
h2 {
  color: #0262aa;
  font-size: 24px;
  margin-bottom: 4px;
}
h2.page-title {
  font-size: 30px;
}
/*Trennstrich*/
.separator-2:after {
	background: linear-gradient(to right, rgba(48, 73, 84, 0.18) 0%, rgba(48, 73, 84, 0.12) 35%, rgba(48, 73, 84, 0.05) 70%, transparent 100%);
}
/*header*/
.colored.header-top .dropdown-menu,
.header-top.colored {
    background-color: #5c717b; /*#93d5f6;*/
    border-bottom: 1px solid #5c717b; /*#93d5f6;*/
}
/*facebook*/
.colored .social-links li.facebook a, .colored .social-links li a, .colored .social-links li a:hover {
    background-color: none;
    color: #ffffff;
}
.social-links:not(.animated-effect-1) li.facebook a:hover {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.social-links .dropdown-menu li a:hover i {
  color: #777777;
}
/*button*/
.btn-default {
    background-color: #c30f1d;
    border-color: #c30f1d;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.show > .dropdown-toggle.btn-default {
  background-color: #c30f1d;/*#e97035;*/
  border-color: #c30f1d;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #ec6643;
  border-color: #c30f1d;
}
/*slider*/
.tp-bannertimer { /*ladebalken*/
	/*background-color: #304954;*/
    background-color: rgba(236, 102, 67, 0.7)
}
.slideshow .dark-translucent-bg {
	background-color: rgba(48, 73, 84, 0.7)!important;
	/*background-color: rgba(236, 102, 67, 0.7)!important;*/
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected, .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected, .tp-bullets.horizontal .tp-bullet:hover, .tp-bullets.horizontal .tp-bullet.selected {
	background-color: #304954!important;
	/*background-color: #ec6643!important;*/
}
.hebe.tparrows, .hebe.tparrows:before { /*next,previous*/
	background-color: rgba(48, 73, 84, 0.2)!important;
	/*background-color: rgba(236, 102, 67, 0.2)!important;*/
}
.hebe .tp-title-wrap {
	background-color: rgba(48, 73, 84, 0.75)!important;
	/*background-color: rgba(236, 102, 67, 0.75)!important;*/
}

/*aktuelles,news*/
.timeline-date-label:after {
	background-color: #e1504d; /*#ec6643;*/
}
/*
colres blau: #6daec9;
*/

/*zitat*/
.zitat {
	background-color: #304954;
}
.zitat:hover {
	background-color: #ec6643;
}
.zitat-link {
	color: #ffffff!important;
	text-decoration: none!important;
}
/*newsletter*/
.default-bg {
	background-color: #ec6643;
}
/*counter*/
.feature-box .icon {
	color: #304954;
}
.overlay-link {
	background-color: rgba(48, 73, 84, 0.5);
}


/*footer*/
.footer-zweite-zeile {
	padding-left: 25px;
}
/*Footer*/
.subfooter, .subfooter a {
  color: #666666;
}



/*Hotel-Startseite*/
.hotel-overview img {
  max-height: 197px;
}
/*Hotel*/
.hotel {
  /*margin-top: 40px;*/
}
.hotel h1,h2 {
  text-transform: none;
}
.hotel h2,h3,h4 {
  color: #0262aa; /*#3697d9;*/
}
@media (max-width: 991px) {
  .hotel h2 {
    margin-top: 25px;
  }
}
.hotel h3,h4 {
  margin-top: 30px;
  font-size: 22px
}
.hotel .call-to-action {
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 24px;
  -moz-box-shadow:    inset 0 0 10px #cccccc;
  -webkit-box-shadow: inset 0 0 10px #cccccc;
  box-shadow:         inset 0 0 10px #cccccc;
}
.hotel .call-to-action .button-wrapper {
  text-align: right;
}
.hotel .call-to-action .btn-lg {
    background-color: #3697d9;
    border-color: #3697d9;
    margin-top: 10px;
    margin-right: 50px;
    font-size: 24px;
    color: #fff;
}
.hotel .hotel-descripton, p { /*Text, styles von alter seite*/
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
  line-height: 21px;
}
@media (max-width: 480px) {
	.hotel .hotel-price-text { 
		text-align: center;
	}
}
@media only screen and (max-device-width:480px){
  .hotel .call-to-action .button-wrapper {
    text-align: center;
  }
  .hotel .call-to-action .btn-lg {
    margin-right: 0px;
  }
}
@media only screen and (max-device-width:380px){
  .hotel .call-to-action {
    font-size: 22px;
  }
}
@media only screen and (max-device-width:350px){
  .hotel .call-to-action {
    font-size: 20px;
  }
}
.hotel-price-text {
	color: #515151;
}
.hotel-price {
  color: #0262aa;/* #3697d9;*/
}
/*Bunter Call to Action*/
.hotel .default-bg {
  background-color: #d3e4b0;/*#f3f3f3; /*#5c717b;*/
  border: 1px solid #669901;
  color: #000;
}
.hotel .default-bg .hotel-price {
  color: #0262aa; /*#3697d9;/*#fff;*/
}
.hotel .default-bg {
  margin-top: 40px!important;
}
.hotel .default-bg .btn-lg {
    /*background-color: #ec6643;
    border-color: #ec6643;*/
    background-color: #3697d9;
    border-color: #3697d9;
}
.hotel .default-bg .hotel-price-text {
	color: #333333;
}
/*Liste: Zimmerausstattung, Hotelausstattung*/
.hotel .list-icons li{
  width: 33%;
  float: left;
  padding: 1px 0;
}
@media only screen and (max-width:480px){
  .hotel .list-icons li{
    float:none;
    width:100%;
  }
}
/*Google Maps*/
iframe {
  margin-bottom: 30px;
  width: 100%;
}

/*Masonry*/
.blogpost header {
    padding: 20px 10px 0px;
}
.main-container {
  padding: 20px 0 0 0;
}
/*Introtext mit Slider*/
.bildergalerie {
  font-size: 24px;
  margin-bottom: 8px;
}