@charset "utf-8";
/* CSS Document

font-family: brandon-grotesque,sans-serif;
font-weight: 400;
font-style: normal;
font-family: brandon-grotesque,sans-serif;
font-weight: 700;
font-style: normal;
font-family: brandon-grotesque,sans-serif;
font-weight: 700;
font-style: italic;
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
@import url("https://use.typekit.net/nun1yif.css");

:root {
	--gray: #D1CFCF;
	--gray-dark: #3b3b3b;
	--primary: #575656;
	--secondary: #464545;
	--success: #9E774B;
	--info: #9E774B;
	--warning: #9E774B;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #2b2b2b;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--rg-primary-font-family: 'brandon-grotesque', "Arial", 'Helvetica Neue', Helvetica, sans-serif;
	--rg-primary-color: #485018;
	--rg-text-color-label: #606060;
	--rg-link-color: #929292;
	--rg-link-hover-color: rgba(146, 146, 146, 0.8);
	--rg-border-color: #c3c3c3;
	--rg-border-color-lite: rgba(195, 195, 195, 0.5);
	--rg-btn-default-text-color: #343434;
	--rg-btn-default-border-color: #c8d9ca;
	--rg-btn-default-background-color: #f0f0f0;
	--rg-btn-default-background-color-bottom: #eee;
	--rg-btn-default-active-border-color: #dae0e5;
	--rg-btn-default-active-background-color: #f1f3f3;
	--rg-btn-primary-text-color: #fff;
	--rg-btn-primary-border-color: #485018;
	--rg-btn-primary-background-color: #485018;
	--rg-btn-primary-active-background-color: #485018;
	--rg-btn-primary-active-border-color: #485018;
	--rg-field-background: #fff;
	--rg-field-background-inactive: #eee;
	--rg-field-text-color: #343434;
	--rg-field-text-color-inactive: #808080;
	--rg-field-checkbox-hover-border-color: rgba(52, 52, 52, 0.5);
	--rg-validation-message-text-color: #f00;
	--rg-calendar-selected-background: #929292;
	--rg-calendar-selected-text-color: #fff;
}





*{ margin:0;	padding:0;	border:0px;	}
input, textarea, select {  border-radius: 4px; -webkit-border-radius:4px; }
* { -webkit-tap-highlight-color:transparent; }



/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {    background: #CCCCCC;    color: #FFFFFF; }
/* und hiermit der Firefox >=1 */
::-moz-selection {    background: #CCCCCC;    color: #FFFFFF;}

html {	  -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%; font-size:18px;}
body 	{ background-repeat:repeat; -ms-text-size-adjust: 100%;  font-size:18px;  -webkit-text-size-adjust: 100%; font-weight: 300;  }


div#wrap	{ position: relative;  width:100%; margin:0 auto; padding:0;  text-align:center; }


#top-request    		{ position: fixed;  width:100%; margin:0 auto; padding:0;  text-align:center; display:none; z-index:1;  }
#top-request.visible    {  display:block; }
#top-request  a			{   text-decoration:none; padding: 7px 10px 10px 10px;  font-size:14px; font-family: 'brandon-grotesque', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:2px; background-color: #485018; color:#F8F7F3;}
#top-request  a:hover 	{	background-color: #E3DBCE; color: #485018;}
body.detail #top-request   { display: none;}

/* header */
div#header		{ position:absolute; width:100%; text-align:center; margin:0 auto; padding:0; padding-bottom: 50px;	z-index:90;}
div#header_wrap			{ position:relative; max-width: 1320px; width:100%;  padding:20px 0 0 0; display: flex;justify-content: center;  text-align:right;  margin:0 auto; z-index:1;   }

/* intro */
div#intro {    position: absolute;	top: 25%; left: 10%;    width: 75%;    float: left;    text-align: left;    margin: 0 auto;	transition: all 0.4s ease;    z-index: 99;}
div#intro_wrap {    position: relative;    text-align: left;    margin: 0 auto;    z-index: 1;	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
div#intro h1 {    color: white;        font-size: 60px;    font-weight: 400;    letter-spacing: 1px; text-transform: none;
	display: inline;	clear: both;	border-bottom: 0px solid #898D66;	position: relative;	line-height: 60px; padding-bottom: 0;
	background-color: rgba(255,255,255,0); text-shadow:5px 5px 5px grey;
}
div#intro p {    color: #493B29;       font-size: 25px;    font-weight: 400; text-align: center;  }


@-webkit-keyframes scale-down-center {
	0% {		-webkit-transform: scale(1);		transform: scale(1);	webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
	100% {		-webkit-transform: scale(0.7);		transform: scale(0.7);	-webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
}
@keyframes scale-down-center {
	0% {		-webkit-transform: scale(1);		transform: scale(1);	 -webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
	100% {		-webkit-transform: scale(0.7);		transform: scale(0.7);	  -webkit-transform-origin: 50% 100%;		transform-origin: 50% 100%;}
}

.fade-in {	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.fade-out {	-webkit-animation: fade-out 1s ease-out both;	animation: fade-out 1s ease-out both;}

@-webkit-keyframes fade-in {
	0% {		opacity: 0;	}
	100% {		opacity: 1;	}
}
@keyframes fade-in {
	0% {		opacity: 0;	}
	100% {		opacity: 1;	}
}

@-webkit-keyframes fade-out {
	0% {		opacity: 1;	}
	100% {		opacity: 0;	}
}
@keyframes fade-out {
	0% {		opacity: 1;	}
	100% {		opacity: 0;	}
}

@media(min-width:1600px) {
	div#intro_wrap {	width: 100%; 	}
	div#intro img {		height: 400px; width: auto; max-width: 1000px;	}
}


/* Buttons */
div#intro_buttons	{    position: absolute;	bottom: -50px; right: 10%;       margin: 0 auto;     transition: all 0.4s ease;    z-index: 99;}
div#intro_buttons_wrap {    position: relative;    margin: 0 auto; display: flex;	flex-direction: column;	align-items: center;    z-index: 1;}

@media (max-width:991px) {
	div#intro_buttons		{   bottom: -50px; }
}

@media (max-width:575px) {
	div#intro_buttons {		bottom: -50px; right: 15px; 	}
	div#intro_buttons_wrap a.intro_buttons_wrap-lastminute img {height: 100px; width: 100px;}
}

@media (min-width:576px) {
	div#intro_buttons_wrap a.intro_buttons_wrap-lastminute img {height: 100px; width: 100px;}
}
@media (min-width:768px) {
	div#intro_buttons_wrap a.intro_buttons_wrap-lastminute img {height: 150px; width: 150px;}
}

@media (min-width:1200px) {
	div#intro_buttons_wrap a.intro_buttons_wrap-lastminute img {height: 180px; width: 180px;}
}

@media (min-width:1900px) {
	div#intro_buttons_wrap a.intro_buttons_wrap-lastminute img {height: 250px; width: 250px;}
}

/* sprache */
div#sprache							{ position:absolute;   margin: 0; padding:0;  left:0%;	top: 20px;    letter-spacing:1px; z-index:99;   }
div#sprache	 a.button				{ font-size:16px;  font-weight:800; padding: 5px 10px 5px 10px; text-decoration:none;     letter-spacing:2px; text-decoration:none; display: inline;	}
div#sprache	 a.button:hover			{  background-color: #9E774B; }

@media screen and (min-width: 576px){
	div#sprache	 a.button				{ font-size:18px;  	}
	div#sprache							{  left:10%;	top: 60px;     }
}


/* Logo */
div#logo							{ position:absolute;    margin: 0; padding:0;   text-align:center; top:60px;    }
div#logo_wrap 					 	{  transition: all 0.4s ease;  }
div#logo img					    { width:auto; height:100%; max-width:155px; }

@media (min-width:992px) {
	div#logo img					    { width:auto; height:100%; max-width:250px; }
}

/* kontakt */
div#kontakt						{ position:absolute;  right: 40px;	top: 20px;   margin: 0;  width:auto;   letter-spacing:1px;  z-index:99;   }
div#kontakt	 a.button			{ font-size:18px;    padding: 0 20px; border: 1px solid white;	height: 40px !important; line-height: 40px;	 text-transform:uppercase; letter-spacing:1px; font-weight: bold;}
div#kontakt	 a.button:hover		{  background-color: #464545;  text-decoration:none; color: white;  border: 1px solid #464545; }
body.detail #kontakt   { display: none;}

@media screen and (min-width: 992px){
	div#kontakt {	top:60px; right:10%; 	}
	div#kontakt a.button {	padding:0 30px;		height: 60px !important;	line-height: 60px;			}
}


/* slider */
#section-slider			{ position:relative; float:left; width:100%;  margin:0 auto; padding:0;   }
#section-slider-wrap		{ position:relative;  width:100%;    padding: 0 0;  margin:0 auto; z-index:1;  }
#section-slider .carousel .carousel-item .valign {	align-items: flex-end; }
#section-slider .carousel .carousel-item {	padding-left: 0px;	padding-right: 0px;}
#section-slider .carousel-fullscreen .item {	height: 50vh }
#section-slider .frame { padding: 0;}
#section-slider .carousel-item-type-header .carousel-text-inner {	 margin: 0;}
#section-slider .carousel .carousel-item h1 {	font-family:'brandon-grotesque';
	font-weight: 400; color:white; text-align: left; padding-bottom: 0; margin-bottom: 0; padding-left: 10px;
	border-bottom: 0; letter-spacing: 5px;	text-transform: uppercase;  font-size: 20px; line-height: 24px;
}

#section-slider .carousel .carousel-item h2 {font-family:'brandon-grotesque';	font-weight: 400; color:white; text-align: left;
	font-style: italic;  font-size: 18px;  line-height: 24px; text-transform: none; padding-left: 5px; padding-bottom: 5px; margin-bottom: 5px;
}
#section-slider .carousel .carousel-item h2:before { background-image: url("/fileadmin/user_upload/Hotel-Molin/Icons/h2line.svg"); background-size: 55px;	height: 5px;
background-position: top left; margin-bottom: 5px;
}


#section-slider #section-slider-wrap .carousel-content {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 55%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 55%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.0) 55%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 );
}


#section-slider .carousel .carousel-control-icon {
	position: absolute;	top: 50%;		width: auto; border: 0;
	height: auto;	color: #4faf98;	padding: 1em;	background-color: transparent;	transition: all 0.4s ease-in-out 0s;
	background-image: url("/fileadmin/user_upload/Hotel-Molin/Icons/arrow-round-slider.svg");
}
#section-slider .carousel .carousel-control-icon.carousel-control-prev-icon {transform: scaleX(-1) translate(0, -18px); }
#section-slider .carousel .carousel-control-icon:before {		border-top: 0px solid #575656;	border-right: 0px solid #575656;}
body.detail #section-slider .carousel-fullscreen .carousel-content  { display: none;}


@media (min-width:576px) {
	#section-slider .frame { padding: 0;}
	#section-slider .carousel-fullscreen .item {	height: 50vh }
}
@media (min-width:768px) {
	#section-slider .carousel-fullscreen .item {	height: 50vh }
	#section-slider .carousel-item-type-text .carousel-text-inner {		width: 100%;	}
}
@media (min-width:992px) {
	#section-slider .carousel .carousel-item h1 {font-size: 55px; line-height: 80px; letter-spacing: 5px;}
	#section-slider .carousel .carousel-item h2 {font-size: 30px;  line-height: 43px; padding-bottom: 15px; margin-bottom: 15px;}
	#section-slider .carousel .carousel-item h2:before { height: 10px;}
	#section-slider .carousel-fullscreen .item {	height: 80vh }

}
@media (min-width:1200px) {

	#section-slider .carousel-fullscreen .item {		height: 100vh;	}
	body.detail #section-slider .carousel-fullscreen .item  { height: 50vh;}
}

@media (min-width:1800px) {
	.carousel .carousel-item .valign {		max-width: 1600px;	}
	.carousel-item-type-image .carousel-image img {		width: 100%;	}
}

.carousel .carousel-control-next  {	right: 0px;}
.carousel .carousel-control-prev  {	left: 0px;}
.carousel .carousel-control-next .carousel-control-icon {	right: 100%;}
.carousel .carousel-control-prev .carousel-control-icon {	left: 100%;}

#main .carousel .item {	height: auto;}
#main .carousel .carousel-item {	padding-left: 0;	padding-right: 0;}

#main .carousel .carousel-control-icon:before {		border-top: 0px solid #575656;	border-right: 0px solid #575656;}
#main .carousel .carousel-control-icon {
	position: absolute;	top: 50%;	transform: translate(0, -50%);	width: auto; border: 0;
	height: auto;	color: #4faf98;	padding: 1em;	background-color: transparent;	transition: all 0.4s ease-in-out 0s;
	background-image: url("/fileadmin/user_upload/Hotel-Molin/Icons/arrow-round-slider.svg");
}
#main .carousel .carousel-control-icon.carousel-control-prev-icon {transform: scaleX(-1) translate(0, -22px);; }

@media (min-width: 768px) {
	#main .carousel .item {		height: auto;	}
	#main .carousel .carousel-item {	padding-left: 0px;	padding-right: 0px;}
}

main, #main	{position:relative; width:100%; float:left;  z-index:0;     }
.frame-space-before-overlaylarge {margin-top: -90px;}

@media (min-width: 576px){
	.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage){ margin-top: 0;}
	.frame {		padding-top: 40px;		padding-bottom: 40px;	}
	.modaloverflow .frame{		padding-top: 0px;		padding-bottom: 0px;	}
}

@media (max-width: 575px){
	.frame {		position: relative;		padding-top: 20px;		padding-bottom: 20px;	}
	.frame.frame-type-text{padding-left: 10px; padding-right: 10px;}
	.frame-space-before-extra-large {	margin-top: 20px;}
	.frame-space-after-large {		margin-bottom: 20px;	}
	.frame-space-before-large {margin-top: 20px;}
	.frame-type-header {padding-top: 20px; padding-bottom: 20px;}
	.frame-space-before-overlaylarge {		margin-top: -60px;	}
}

.col100w	{ width:100%; }
.col100 	{ position:relative; width:100%; height:auto;  margin:0 auto; padding:0; }
.sectionw .row.parallax  .col100w 	 { position:relative; width:100%; height:600px; min-height: 600px;  margin:0 auto; padding:0; }
.sectionw .row.parallax  .col100w 	.frame-has-backgroundimage	 {  height:600px; min-height: 600px;  display: flex;	justify-items: flex-end;	flex-wrap: wrap;	align-items: flex-end;}

 .frame-container {		margin: 0;	}
@media (min-width: 576px){
	.frame-type-list .frame-container {
		 max-width: unset;
	}
}

@media (min-width: 1320px){
	.col100w		 { position:relative; width: 100%; max-width:1320px; height:auto;  margin:0 auto; padding:0; }
}

@media (min-width: 1400px){
	.frame-container {		max-width: 1340px;	}

}

@media (min-width: 1600px){
	.frame-container {		max-width: 1518px;	}
	.col100w {		max-width: 1518px;	}

}
@media (min-width: 1900px){
	.frame-container {		max-width: 1818px;	}
	.frame-type-carousel .frame-container {		max-width: 992px;	}
	.col100w {		max-width: 1400px;	}
	.safety  .col100w {		max-width: 1400px;	}
}


@media screen and (max-width: 992px){
	.frame-container {		padding-right: 0px;		padding-left: 0px;	}
	.sectionw .row.parallax  .col100w 	 { position:relative; width:100%; height:400px; min-height: 300px;  margin:0 auto; padding:0; }
	.sectionw .row.parallax  .col100w 	.frame-has-backgroundimage	 {  height:400px; min-height: 300px;  display: flex;	justify-items: flex-end;	flex-wrap: wrap;	align-items: center;}
}


h1, p.h1 {    position: relative; text-transform: uppercase;  	line-height: 60px; padding-bottom: 0px; letter-spacing: 2px; font-size: 24px; line-height: 30px;  }
h2, p.h2 { font-weight: normal;  line-height: 45px;  text-transform: none; font-style: italic;	 padding: 20px 0; margin-top: 0;  letter-spacing: 1px;  }
h2:before {	content: '';	display: block;	height: 5px;	width: 100%;	background-image: url(/fileadmin/user_upload/Hotel-Molin/Icons/h2linegreen.svg);
	background-position: top left;	background-repeat: no-repeat;	align-self: center;	background-size: 100px; margin-bottom: 20px; background-size: 55px;}

h3, p.h3 {  font-weight: normal;  font-size: 36px; line-height: 45px;  text-transform: none;	 padding-bottom: 20px; margin-top: 0; letter-spacing: 1px;   }
h4, p.h4 {  font-weight: normal;  font-size: 14px;  text-transform: uppercase; color: #474A4D;	 margin-top: 0; letter-spacing: 1px; padding-bottom: 40px;  }
h4:before {	content: '';	display: block;	height: 40px;	width: 100%;	background-image: url(/fileadmin/user_upload/Hotel-Molin/kristall.svg);
	background-position: top center;	background-repeat: no-repeat;	align-self: center;	background-size: 35px;}
.frame-background-primary h1, .frame-background-primary p.h1 {	color: #485018; }
.frame-background-primary h4, .frame-background-primary p.h4 {	color: #828282;}
.frame-background-secondary h1, .frame-background-secondary p.h1 {	color: #485018;}
.frame-background-secondary h4, .frame-background-secondary p.h4 {	color: #828282;}

header.frame-header {	}
.frame-type-accordion header.frame-header{ min-height: auto;}
h5.element-header {
	font-size: 18px;	font-weight: 700;	font-family: 'brandon-grotesque', sans-serif;	text-transform: uppercase;
	padding: 5px 10px;	margin: 0 0 10px 0;	line-height: 24px;
	position: absolute;	bottom: 0;	left: 0;	margin-left: -30px;	background: none;
	transform: rotate(270deg);	transform-origin: 0  0;
}
h5.element-header::after {	content: " ";		display: block;		border-bottom: 2px solid #5D5D5D;	width: 150px;	height: 30px;	top: 15px;	right: -120px;
	position: absolute;	display: inline-block;}

@media screen and (max-width: 1199px){
	h5.element-header {		bottom: 60px;	}
}

@media screen and (max-width: 992px){
	header.frame-header {		padding-left: 0px;		min-height: 25px;	}
	h5.element-header {		position: relative;		top: auto;		left: 0;		transform-origin: 0;		transform: rotate(0deg);		text-align: left;
		margin-top: 15px;	}
	h5.element-header:after {		left: 0;	}

}

@media screen and (max-width: 767px){
	header.frame-header {		height: 50px;		margin: 0;		padding-top: 60px;	}

}



@media screen and (max-width: 480px){
	header.frame-header {		height: 50px;		margin: 0;		padding-top: 30px;	}
	.frame-indent-left {		margin-left: 0;	}
}

p {  font-weight:300; letter-spacing: 0.5px; margin-bottom: 0; line-height: 32px;  }
#main p {   max-width: 700px;  }

.text-center {position: relative;	max-width: 1200px;	margin: 0 auto;}

.primarybg {background-color: #575656; padding: 150px 0;  }
.defaultbg {background-color: #9E774B;}
.frame-background-primary { color:#828282;		background-color: #E3DCD0;  padding: 60px 20px;}
.frame-background-secondary {	color:#828282;		background-color: #F2F0E9;   padding: 60px 20px;}
.frame-background-grey {	background-color: #EFEFEF;  padding: 60px 20px;}
.frame-background-backicon {	background-image:url("/fileadmin/user_upload/Hotel-Molin/kristall-backicon.svg");	background-size: 50%;	background-repeat: no-repeat;	background-position: 0 50%; }
.frame-backgroundimage-fade {opacity: 0.8;}

.primarybg p, .primarybg li, .primarybg ul{color: #FFFFFF; }
.defaultbg p{background-color: #9E774B;}

@media screen and (min-width: 768px){
	h1, p.h1 {   font-size: 60px; line-height: 60px;  }
}

@media screen and (min-width: 992px){
	.frame-background-primary {padding: 120px 45px;}
	.frame-background-secondary {	padding: 120px 45px;}
	.frame-background-grey {	padding: 120px 45px; }
}

li	{   text-align:left; margin:0 20px 0 0;   }
ul {   list-style: none;    padding: 0 20px;   }
ol {   list-style: none;    padding: 0 40px;   }
a {     text-decoration: none;  }
ul.list-normal li:before {      content: '→'; font-size: 15px; }
.frame-background-primary  li:before, .frame-background-secondary  li:before {     color: #828282;}
li:before, ul:before {    font-family: 'slick';      opacity: 1;     -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;     margin-left: 0px;    margin-right: 5px; margin-top:5px;}

@media (min-width: 481px) {
	li:before, ul:before {        margin-left: -25px;  }
}

hr {margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-top: 2px solid;   display:block;  height:25px; }

a.internal-link, a.mail, a.download  {  padding: 0 5px;       text-transform:uppercase;     display: inline-block;    cursor: pointer;    outline: 0;        text-decoration: none;    text-shadow: none !important;    text-align: center;      width: 50%;    position: relative;    margin: 24px 25%;	 -moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;   	 	 -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0); }
a.link, a.internal_link {  text-decoration:none;	 -moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;
		 -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0);

}
a.external-link-new-window{  text-decoration:none; }
a[href^="tel:"] {    text-decoration: none;}
blockquote {	content: '';	display: block;	height: 116px;	width: 100%;	background-image: url(/fileadmin/user_upload/Hotel-Molin/quote.svg);
	background-position: left;	background-repeat: no-repeat;	align-self: center; border-left: 0;
	position: relative;	max-width: 1200px;	margin: 0 auto;
}


.parallax blockquote {display: none;}

@media (min-width: 576px) {
	.parallax blockquote {display: block;}
}

.btn-default {	color: #FFFFFF;	background-color: #5E6837; letter-spacing: 1px;	 padding: 10px 30px; border: 0px solid #FFFFFF; font-size:14px;  font-weight:600;   text-transform:uppercase; letter-spacing:1px; min-width: 170px; }
.btn-primary {	color: #FFFFFF; letter-spacing: 1px;	background-color: #504A40;	padding: 10px 30px; margin: 0 2px 5px 0;  border: 0px solid #FFFFFF;  text-transform:uppercase; font-weight:600; font-size:14px;  min-width: 170px;}
.btn-primary:hover {		color: #485018; background-color: rgba(227,219,206,0.5);}
.btn-default:hover {		color: #485018; background-color: rgba(227,219,206,0.5);}
.btn-primary:focus, .btn-primary.focus { color: #485018;	background-color: rgba(227,219,206,0.5);	box-shadow: 0 0 0 0.2rem rgba(87,86,86, 0.5);}
.btn-primary.disabled, .btn-primary:disabled { color: #485018;	background-color: rgba(227,219,206,0.5);	}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {	color: #fff;	background-color: rgba(87,86,86,0.8);	border-color: rgba(87,86,86,0.8);}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {	box-shadow: 0 0 0 0.2rem rgba(87,86,86, 0.5);}




.button {
	font-weight: 400;       margin:0; text-transform:uppercase;  font-size:18px;    outline: 0;    color: #FFFFFF; background-color: transparent;            text-shadow: none !important;    text-align: center;    position: relative;
	-moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;      -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0); border-radius:0;
	display: block;		padding:15px 20px 20px 20px;				text-decoration:none;	cursor: pointer; min-width:90px;

}
.button:hover { background-color:#FFFFFF; cursor:pointer; color:#271f1d;}
.button:active, .button.is-checked {  background-color:#FFFFFF;  color:#271f1d; }
.button.is-checked {  background-color:#FFFFFF;		color:#271f1d;}
.button:active {  background-color:#FFFFFF;	color:#271f1d;}
.border { border-color:rgba(255,255,255,1.00); border-width:5px; border-style:solid;}
#banner { position:relative; width:100%; float:left; height:auto;  text-align:center; padding: 20px 0; min-height:120px;   }


.sectionw		{ position:relative; width:100%; float:left; height:auto;    }
.sectionw .row {   display: flex; margin-right: -6px;    margin-left: -6px;  justify-content: center; align-items: center; padding-bottom: 0;}
.sectionw .row.parallax  {}

@media (max-width: 768px) {
	.sectionw .row {		flex-wrap: wrap;	}
}

.sectionw.GoogleMap .frame-container {	max-width: 100%;}
.sectionw.zimmerspecial .frame-container {	max-width: 1800px;}
.sectionw.margintop-Default { margin-top: -140px; }
.sectionw.margintop-Large { margin-top: -130px; }
.sectionw.margintop-Medium { margin-top: -60px; }
.sectionw.margintop-Small { margin-top: -40px; }
.sectionw.margintop-xSmall { margin-top: 0;}

@media (max-width: 575px) {
	.sectionw.margintop-Default {		margin-top: 0px;		padding-top: 0;	}
}


.sectionw.zimmer .col100w {width: 90%}

.sectionw.z-index { z-index: 1;}
.sectionw.z-index0 { z-index: 1;}
.sectionw.z-index1 { z-index: 2;}
.sectionw.z-index2 { z-index: 3;}
.sectionw.z-index3 { z-index: 4;}
.sectionw.z-index4 { z-index: 5;}


.sectionw.index { z-index: 0;}
.sectionw.index0 { z-index: 0;}
.sectionw.index1 { z-index: 1;}
.sectionw.index2 { z-index: 2;}
.sectionw.index3 { z-index: 3;}
.sectionw.index4 { z-index: 4;}

.frame.z-index { z-index: 1;}
.frame.z-index0 { z-index: 1;}
.frame.z-index1 { z-index: 2;}
.frame.z-index2 { z-index: 3;}
.frame.z-index3 { z-index: 4;}
.frame.z-index4 { z-index: 5;}

.sectionw .row {margin-right: 0; margin-left: 0;}

@media (max-width: 991px) {
	.col-md-62 {		max-width: 800px;	}
}

.buttonrequest {		margin: 10px;	border: 1px solid rgba(0,0,0,0.4) ;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5),	0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06),	0 0 0 3px rgba(0,0,0,0.1);	cursor: pointer;}
.card-body{ padding: 20px;}
.card-header {      background-color:#E6E6E3;  border-bottom-color:#646463; border-top-color:#E6E6E3; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; }
.card-header h5 button.btn-link {  font-size:30px; font-weight:normal; font-family: 'brandon-grotesque', sans-serif; line-height:36px; color:#646463; margin-bottom:0;   letter-spacing:0px; text-transform:none; text-align:center; display: unset; white-space: unset; }
.card-header h5 button.btn-link:hover { text-decoration: none; }


.panel-default>.panel-heading {      background-color:#E6E6E3;  border-bottom-color:#646463; border-top-color:#E6E6E3; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; }
.panel {    display: block;    background-color: #FFFFFF;  border-width:0; }
.panel-group .panel {   margin: -4px;}
.panel-heading {  padding: 25px 25px;}
.panel-heading h4.panel-title {  font-size:30px; font-weight:700; font-family: 'brandon-grotesque', sans-serif; line-height:36px; color:#646463; margin-bottom:0;   letter-spacing:1px; text-transform:none; text-align:center; }
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {   font-size:30px;  font-weight: 700; line-height: 36px;  color: #646463;   }
.panel-title>a:hover { text-decoration: none;}
.panel-title a.accordion-toggle:after  { content:url(../images/up.png); font-size: 18px;    line-height: 1;    opacity: 1;    color: #646463;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    position: relative;    float: left;    text-align: center;    width: 100%;} 	.panel-title a.collapsed:after  {  content:url(../images/down.png);   font-size: 18px;    line-height: 1;    opacity: 1;    color: #646463;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    position: relative;    float: left;    text-align: center;    width: 100%;}
.panel-title>.small:hover, .panel-title>.small>a:hover, .panel-title>a:hover, .panel-title>small:hover, .panel-title>small>a:hover { text-decoration:none;}

.panel h1  {     text-align:left;  text-transform:none; }
.panel p {    }
.panel-body h1, .panel-body .h1  {  font-size:30px; line-height:40px; }

#footer			{ position:relative; width:100%;  text-align:center;  height:auto; padding: 20px 0; margin: 0; float: left; display: flex;	flex-wrap: wrap; flex-direction: column;	justify-content: center; background-color: #E3DCD0; margin:50px 0;  align-items: center;  }
#footer .textmedia, #footer .textpic {		margin-left: 0;	margin-right: 0;}
#footer p.h1    {    text-align:center; letter-spacing: 0px;  }
#footer p    	{    text-align:center; padding-bottom:0px; }
#footer a    	{   text-decoration:none; padding:5px; }
#footer a:hover {color: #98A434; text-decoration: none;}
#footer .colums1 img { max-width:227px; height:auto;}
#footer .gallery-row {		margin-left: 0;	margin-right: 0;}

#footer #footer-kontakt .footer-kontakt {padding: 20px}
#footer #footer-kontakt {flex-wrap: wrap; display: flex; margin:20px 0;}
#footer #footer-kontakt p {text-align: center; color: white;  padding: 20px; line-height: 24px;}
#section7 button.highlight {background-color: transparent; text-transform: uppercase; color: #485018; }


@media (min-width: 992px) {
	#footer { margin:150px 0; }
	#footer #footer-kontakt .footer-kontakt {padding: 20px}
	#footer #footer-kontakt {flex-wrap: wrap; display: flex; margin:80px 0;}
	#footer #footer-kontakt p {text-align: center; color: white;  padding: 80px; line-height: 36px;}
}
@media (min-width: 1200px) {
	#footer #footer-kontakt .footer-kontakt {padding: 60px}
}


#section7		{ position:relative; width:100%; float:left; height:auto;  text-align:center; padding: 0;   }
#section7 img.gray {	display: inline-block;
	filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
	filter: gray;
	-webkit-filter: grayscale(100%);	filter: grayscale(100%);
}
#section7 img {	margin: 12px 10px;}
#section7 img.gray:hover, img.gray.act {	-webkit-filter: grayscale(0%);	filter: grayscale(0%); cursor: pointer;}
#section7 a:hover {color: #98A434; text-decoration: none;}
.fullwidth		 { width:90%;  }
/*  100% */
.colums1		 { position:relative; width:100%; float:left; margin:0;  }


/* Anfrageformular */

div#main .powermail_form fieldset {  border: 0; margin: 0; padding: 0; }
div#main .powermail_form  .nolabel legend.powermail_legend { display:none;}
div#main .powermail_form  .nolabel h3 { display:none;}
div#main .powermail_form  h2 { display:none;}
div#main .powermail_form a:hover {color: #98A434; text-decoration: none;}
div#main .powermail_form  form  		{ padding:20px 10px 10px 15px;  max-width:80%; margin:0 auto;  }
div#main .powermail_form  label		{  text-align:left; width:100%; position:relative; float:left; padding: 0 10px 0 0;  line-height:40px}
div#main .powermail_form  label.form-check-label label.form-check-label {padding: 0 10px 0 80px; line-height:40px}
div#main .powermail_form  .clear		{clear:both; }


div#main .powermail_form  input			{ width:100%; height:3em;    margin:10px; margin-left:0; font-size:16px;   border: 1px solid #dee2e6;  font-family:'brandon-grotesque';     padding: 6px 12px;}

div#main .powermail_form  .btn-toolbar>.btn-group  {    margin-left: 5px;    width: 100%;  text-transform:uppercase;  }
div#main .powermail_form     select { width: 100%;	   margin:10px; height:3em; margin-left:0;  border: 1px solid #dee2e6; font-family:'brandon-grotesque';    padding: 6px 12px; }
div#main .powermail_form   textarea {    min-height: 200px;  width:100%;   border: 1px solid #dee2e6;  font-family:'brandon-grotesque';     padding: 6px 12px;}



div#main .powermail_form    .checkbox input[type=checkbox]	{ float:left; left:0px;	margin-bottom: 0px; width: 20px;	height: 20px;	vertical-align: middle;	border-style: none; background-color:#FFFFFF;  -webkit-appearance: checkbox;   -moz-appearance:    checkbox;   appearance:  checkbox;}
div#main .powermail_form  .powermail_field  .checkbox label {padding: 0 10px 0 30px;}


div#main .powermail_form     input:focus { 	border-color: rgba(186, 135, 72, 0.4);  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);      outline: 0 none; 	}
div#main .powermail_form .powermail_fieldwrap.layout1 { width: 48%; margin-right: 2%; float: left;}
div#main .powermail_form .powermail_fieldwrap.layout2 { width: 50%; float: left; }
div#main .powermail_form .powermail_fieldwrap.nolabel label.powermail_label {display: none;}
div#main .powermail_form input.powermail_submit {         cursor: pointer;  font-weight: 700;       text-transform: uppercase;      margin: 0px;    width: 100%;    padding: 10px;    height: 50px;        font-size: 14px;    letter-spacing: 2px;      border-style: solid;      clear: both;	background-color: #485018; border: 0; color: white; }



div#main .powermail_form .powermail_fieldwrap_kinder {width: 31%;	margin-right: 2%;	float: left;}
div#main .powermail_form .powermail_fieldwrap_jahrekinder {width: 33%;	float: left;}
div#main .powermail_form .powermail_fieldwrap_jahrekinder1,
div#main .powermail_form .powermail_fieldwrap_jahrekinder2,
div#main .powermail_form .powermail_fieldwrap_jahrekinder3,
div#main .powermail_form .powermail_fieldwrap_jahrekinder4,
div#main .powermail_form .powermail_fieldwrap_jahrekinder5,
div#main .powermail_form .powermail_fieldwrap_jahrekinder6 {width: 31%; margin-right: 2%;	float: left; display: none;}


@media screen and (max-width: 590px){
	div#main .powermail_form .powermail_fieldwrap {		padding-bottom: 20px;	}
	div#main .powermail_form .powermail_fieldwrap_anreise,
	div#main .powermail_form .powermail_fieldwrap_abreise,
	div#main .powermail_form .powermail_fieldwrap_erwachsene,
	div#main .powermail_form .powermail_fieldwrap_kinder,
	div#main .powermail_form .powermail_fieldwrap_jahrekinder,
	div#main .powermail_form .powermail_fieldwrap_anrede,
	div#main .powermail_form .powermail_fieldwrap_vorname,
	div#main .powermail_form .powermail_fieldwrap_nachname
	{width: 100%;	margin-right: 0%;	}

	div#main .powermail_form .powermail_fieldwrap_erwachsene .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_kinder .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_jahrekinder .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_vorname .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_nachname .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_emailadresse .powermail_label,
	div#main .powermail_form .powermail_fieldwrap_telefon .powermail_label
	{display: none;}

}
div#main #reguest-request-widget{font-family:'brandon-grotesque', sans-serif;  color: #606060; width: 100%; padding: 20px; }
div#main #reguest-request-widget  input {width:100%; height:3em;    margin:10px; margin-left:0; font-size:16px;   border: 1px solid #dee2e6;  font-family:'brandon-grotesque', sans-serif;     padding: 6px 12px;}
div#main #reguest-request-widget label {text-align:left; width:100%; position:relative;  padding: 0 10px 0 0;  line-height:20px; font-family:'brandon-grotesque', sans-serif;  font-size:16px; margin-bottom: 0; display: inline-block;   }
div#main #reguest-request-widget .rg-form-row label.rg-validation-label.first {color: #606060; font-weight: bold;}
div#main #reguest-request-widget .rg-privacy-info-text {text-align:left;  line-height:20px; font-family:'brandon-grotesque', sans-serif;  font-size:16px;  }
div#main #reguest-request-widget .rg-form-period-nights { font-size:15px; line-height:20px; vertical-align: text-top; }

div#main #reguest-request-widget select {width: 100%;	   margin:10px 0; height:2.7em; margin-left:0;  border: 1px solid #dee2e6; font-family:'brandon-grotesque', sans-serif;    padding: 6px 12px; color: #606060; background-color: white; }
div#main #reguest-request-widget .rg-checkbox-container input[type=checkbox]	{ float:left; left:0;	margin: 0; width: 20px;	height: 20px;	vertical-align: middle;	border-style: none; background-color:#FFFFFF;  -webkit-appearance: checkbox;   -moz-appearance:    checkbox;   appearance:  checkbox;}
div#main #reguest-request-widget .rg-checkbox-container label {padding: 0 10px 0 30px;}
div#main #reguest-request-widget   textarea {    min-height: 200px; min-width: 280px;  width:100%;   border: 1px solid #dee2e6;  font-family:'brandon-grotesque', sans-serif;     padding: 6px 12px; color: #606060;}
div#main #reguest-request-widget button.rg-button {cursor: pointer;  font-weight: 700;       text-transform: uppercase;      margin: 0;    width: 100%;    padding: 10px;    height: 50px;        font-size: 14px;    letter-spacing: 2px;     border-style: solid; background-color: transparent; border: 1px solid #485018;
margin-bottom: 20px; color: #606060;
}
div#main #reguest-request-widget button.rg-button.rg-send-action {     clear: both;	 border: 0; color: white;
	background: -webkit-gradient(linear,left top,left bottom,from(#485018),to(#485018));
}


.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.startRange:hover {
	background: #485018;
	border-color: #485018
}
.flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #E3DCD0;
	box-shadow: -10px 0 0 #E3DCD0
}
.flatpickr-calendar .flatpickr-day.week.selected {
	-webkit-box-shadow: -5px 0 0 #E3DCD0,5px 0 0 #E3DCD0;
	box-shadow: -5px 0 0 #E3DCD0,5px 0 0 #E3DCD0
}
.flatpickr-calendar .flatpickr-calendar.arrowTop:after {
	border-bottom-color: #E3DCD0
}
.flatpickr-calendar .flatpickr-calendar.arrowBottom:after {
	border-top-color: #E3DCD0
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
	background: #485018;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
	background: #485018;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: #485018;
}
.flatpickr-calendar .flatpickr-weekdays {
	background: #E3DCD0;
}
.flatpickr-calendar span.flatpickr-weekday {
	background: #E3DCD0;
}

DIV#errormessage			{	color: #ff0000;}
DIV#errormessage ul 		{	margin-top: 10px;}

@media screen and (max-width: 480px){
	.form-group-col1 {  width:98%; margin-left:1%;}
	.form-group-col2 {  width:98%; margin-left:1%;}
	.form-group-col3 {  width:98%; margin-left:1%;}
	.form-group-col4 { width:98%; margin-left:1%;}
	.form-group-col5 { width:98%; margin-left:1%;}
}


.csc-textpic-imagerow { padding:0px; margin:0;}
.csc-textpic-image img{ padding:0; margin:0px; background-position:top left; }
.csc-textpic-imagecolumn{ padding:0px; margin:0;}
.csc-textpic-imagewrap{ padding:0px; margin:0;}
.lightbox{ padding:0px; margin:0;}
.ce-column {   max-width: 100%;}
.ce-gallery img {    display: block;    float: left;  }
.ce-right .ce-gallery {     float: none;}
.ce-intext.ce-right .ce-gallery {    margin-left: 0px; }
.ce-column {    margin-right: 7.2px;}
.ce-row {    margin-top: 7.2px;}
.gallery-row {		margin-left: 0;	margin-right: 0;}
/*
------------------------------------------------------------------------------------------------------
Scroll to top button
------------------------------------------------------------------------------------------------------
*/
#totop	{ position: fixed; height: 40px;  width: 40px; background-color: #474A4D;  right: 0;	height: auto;	padding: 0;	margin: 0;	margin-right: 15px;		bottom: 30px;	}

.cd-top {  display: inline-block;  height: 40px;  width: 40px;   border-radius: 0px;	overflow: hidden;  text-indent: 100%;  white-space: nowrap; content:url(arrow-top-48.png);	display: none;  opacity: 1;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index:99;	}
.cd-top svg {  fill: #000000; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s; display: block;}
.cd-top.cd-is-visible {  opacity: 1; }
.cd-top.cd-fade-out {  	opacity: 1;}
.no-touch .cd-top:hover {  opacity: 1; }
#totop:hover { background-color: #98A434;}
@media only screen and (min-width: 768px) {
	.cd-top {    right: 20px;    bottom: 20px;  }
}


/* google Maps */
iframe {	margin: 50px 0 0 0;	border: 0;}


/*image Anpassungen */
.gallery-item.gallery-item-size-1 img {	width: auto;	height: auto;	max-height: 800px; max-width: 100%; }
.gallery-item.gallery-item-size-2 {padding-bottom: 14px;}
.gallery-item.gallery-item-size-2 img, .gallery-item.gallery-item-size-1 img  {	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transition: 0.9s ease-in-out;	transition: 0.9s ease-in-out; }
.gallery-item.gallery-item-size-2 img:hover, .gallery-item.gallery-item-size-1 img:hover {	-webkit-transform: scale(1.05);	transform: scale(1.05);}



@media (max-width: 768px) {
	.gallery-item.gallery-item-size-2 { width: 100%;}
	.gallery-item.gallery-item-size-1 {padding-bottom: 20px;}
}


.frame-type-carousel_fullscreen .frame-container { max-width: 100%; padding: 0; }

.modal-open {	overflow: hidden}
.modal-open .modal {	overflow-x: hidden;	overflow-y: auto}
.modal {	position: fixed;	top: 0;	left: 0;	display: none;	width: 98%;	height: 100%;	overflow: hidden;	outline: 0; z-index: 100;}
.modal-dialog {	position: relative;	width: auto;	margin: 0.5rem;	pointer-events: none}
.modal.fade .modal-dialog {	transition: transform 0.3s ease-out;	transform: translate(0, -50px)}

.modal .carousel .item {	height: auto;}

@media (min-width: 768px) {
	modal .carousel .item {		height: auto;	}
}


@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {		transition: none	}
}
.modal.show .modal-dialog {	transform: none}
.modal.modal-static .modal-dialog {	transform: scale(1.02)}
.modal-dialog-scrollable {	display: flex;	max-height: calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content {	max-height: calc(100vh - 1rem);	overflow: hidden}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {	flex-shrink: 0}
.modal-dialog-scrollable .modal-body {	overflow-y: auto}
.modal-dialog-centered {	display: flex;	align-items: center;	min-height: calc(100% - 1rem)}
.modal-dialog-centered::before {	display: block;	height: calc(100vh - 1rem);	content: ""}
.modal-dialog-centered.modal-dialog-scrollable {	flex-direction: column;	justify-content: center;	height: 100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {	max-height: none}
.modal-dialog-centered.modal-dialog-scrollable::before {	content: none}
.modal-content {	position: relative;	display: flex;	flex-direction: column;	width: 100%;	pointer-events: auto;	background-color: #fff;	background-clip: padding-box;	border: 1px solid rgba(0, 0, 0, 0.2);	outline: 0}
.modal .modal-content p{     line-height: 32px;}
.modal .modal-content ul{    padding-top: 20px;}
.modal-content ul.list-normal li {	margin: 0 0 0 25px; line-height: 24px; }
.modal-backdrop {	position: fixed;	top: 0;	left: 0;	z-index: 0;	width: 100vw;	height: 100vh;	background-color: #000000}
.modal-backdrop.fade {	opacity: 0}
.modal-backdrop.show {	opacity: 0.5}
.modal-header {	display: flex;	align-items: flex-start;	justify-content: space-between;	padding: 1rem 1rem;	border-bottom: 1px solid #dee2e6}
.modal-header .close {	padding: 1rem 1rem;	margin: -1rem -1rem -1rem auto}
.modal-title {	margin-bottom: 0;	line-height: 1.5}
.modal-body {	position: relative;	flex: 1 1 auto;	padding: 1rem; }
.modal-footer {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: flex-end;	padding: 0.75rem;	border-top: 1px solid #dee2e6}
.modal-footer>* {	margin: 0.25rem}
.modal-scrollbar-measure {	position: absolute;	top: -9999px;	width: 50px;	height: 50px;	overflow: scroll}


.modal .newsangebotpreispreis2, .modal .newsangebotpreispreis {font-size: 50px;	font-weight: 300; line-height: 60px;}
.modal .news-img-wrap img{ width: 100%;	height: auto; }

@media screen and (max-width: 767px) {
	.modal h3 {     font-size:18px; line-height: 28px;}

}

@media (min-width:480px) {
	.modal .news-img-wrap img{ width: 480px;	height: auto; }
}

@media (min-width:576px) {
	.modal-dialog { width: 100%;		max-width: 500px;		margin: 1.75rem auto; margin-top: 10px;	}
	.modal-dialog-scrollable {		max-height: calc(100% - 3.5rem)	}
	.modal-dialog-scrollable .modal-content {		max-height: calc(100vh - 3.5rem)	}
	.modal-dialog-centered {		min-height: calc(100% - 3.5rem)	}
	.modal-dialog-centered::before {		height: calc(100vh - 3.5rem)	}
	.modal-sm {		max-width: 300px	}
	.modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:768px) {
	.modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:992px) {
	.modal-lg, .modal-xl {		max-width: 800px	}
	.modal-dialog {		max-width: 800px;		}
	.modal .news-img-wrap img{ max-width: 760px;	height: auto; }
}

@media (min-width:1200px) {
	.modal-xl {		max-width: 1140px	}
	.modal-dialog {		max-width: 800px;		}
	.modal .news-img-wrap img{  width:100%;  max-width: 760px;	height: auto; }
}

@media (min-width:1600px) {
	.modal-dialog {		max-width: 1000px;		}
	.modal .news-img-wrap img{  width:100%;  height: auto; max-width: 100%; }
}

.GoogleMap  iframe {	border: 0;	filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);	filter: gray;	-webkit-filter: grayscale(99%);	-webkit-backface-visibility: hidden;
}


.card-body .news-text-wrap { text-align: right;}
@media screen and (max-width: 575px){
	.card-body .news-text-wrap { text-align: center;}
}

.accordion-header.card-header {	background-color: #575656;	border-bottom-color: #575656;	border-top-color: #575656;
	border-left-width: 0;	border-right-width: 0;	border-bottom-width: 1px;	border-top-width: 1px;	border-bottom-style: solid;	border-top-style: solid;
}
.card .accordion-header a:not(.btn) {	color: #FFFFFF;}
.card .accordion-title-link-text {	color: #FFFFFF;}
.accordion-item.card { border: 0px solid rgba(0, 0, 0, 0.125); }
.accordion-item+.accordion-item {	 margin-top: 0; }
.accordion-item { border-bottom: 0px solid rgba(0, 0, 0, 0.125) !important; }
.accordion-item  h4.accordion-title:before {	display: block;	height: 0px;		background-image: none;		background-size: auto;}
.accordion-item  h4.accordion-title {	padding-bottom: 0; text-transform: none; text-align: center;}
.accordion-item  .accordion-body { border: 1px solid rgba(48,85,110,0.35);}


.grey .col-lg-6, .grey .col-xl-6 {background-color: #EFEFEF;}
.grey .col-lg-6, .grey .col-xl-6 {flex: 0 0 46%;	max-width: 46%;	margin:0 2% 0 0; padding: 0}
.grey .col-lg-6 .frame-container, .grey .col-xl-6 .frame-container {	padding-right: 0px;	padding-left: 0px;}
.grey .col-lg-6 .frame, .grey .col-xl-6 .frame {	padding-top: 0;}
.grey .col-lg-6 .frame.frame-type-text, .grey .col-xl-6 .frame.frame-type-text{padding: 0 40px;}

.carousel-indicators li {	box-sizing: content-box;	flex: 0 1 auto;	width: 30px;	height: 3px;	margin-right: 3px;
	margin-left: 3px;	text-indent: -999px;	cursor: pointer;	background-color: #fff;	background-clip: padding-box;	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;	opacity: 0.5;	transition: opacity 0.6s ease;}

.slick-dots li {	position: relative;	display: inline-block;	width: 20px;	height: 20px;	margin: 0 5px;	padding: 0;	cursor: pointer;}
.slick-dots li:before, .slick-dots ul:before {	font-size: 18px;	line-height: 40px;	color: #aec138;}
.slick-dots li:before {	content: '';}


/* Dots */
.slick-dots{	position: absolute;	bottom: 0px;	display: block;	width: 100%;	padding: 0;	list-style: none;	text-align: center;}
.slick-dots li{	box-sizing: content-box;	flex: 0 1 auto;	width: 30px;	height: 3px;	margin-right: 3px;	margin-left: 3px;	text-indent: -999px;	cursor: pointer;
	background-color: #fff;	background-clip: padding-box;	border-top: 10px solid transparent;	border-bottom: 10px solid transparent;	opacity: 0.5;	transition: opacity 0.6s ease;	}
.slick-dots li button:before{	content: ' ';	text-align: center;}

/* Arrows */
.slick-prev, .slick-next {	position: absolute;		bottom: 0;	z-index: 1; display: flex;	align-items: center;	justify-content: left;	width: 70px;	color: #fff;	text-align: center;	opacity: 1;	transition: opacity 0.15s ease; height: 100%; background-color: transparent;}
.slick-next {right:0;}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{	color: transparent;	outline: none;	background-color: transparent; opacity: 0.5;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{	opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{	opacity: .25;}
.slick-prev:before, .slick-next:before{	position: absolute; 	transform: translate(0, -50%);	width: auto;	height: auto;	color: #4faf98;	padding: 0;
	background-color: transparent;	transition: all 0.4s ease-in-out 0s; width: 50px;	height: 50px;
	background-image: url(/fileadmin/user_upload/Hotel-Molin/Icons/arrow-round-slider.svg); background-size: 50px;
}
.slick-prev:before {transform: scaleX(-1)  translate(0px, -25px);}


.slick-prev:after, .slick-next:after{	position: absolute;		transform: translate(0, 0%); margin-top: -50px; 	width: auto;	height: auto;	color: #4faf98;	padding: 0;	background-color: transparent;	transition: all 0.4s ease-in-out 0s; border-top: 0px solid #474A4D;	border-right: 0px solid #474A4D;	width: 25px;	height: 25px;}


[dir='rtl'] .slick-prev{	right: -25px;	left: auto;}
.slick-prev:before{	content: '';  }
.slick-prev:after{	content: '';  transform: rotate(225deg); margin-left: 15px;}
[dir='rtl'] .slick-prev:before{	content: '';}
.slick-next {justify-content: flex-end;	}
[dir='rtl'] .slick-next{	right: auto;	left: -25px;}
.slick-next:before{	content: '';  }
.slick-next:after{	content: '';  transform: rotate(45deg); right:15px; }
[dir='rtl'] .slick-next:before{	content: '';  }


.news .slick-slide img {	width: 100%;	height: auto;}
.news a{ text-align: right;}
.news hr{  position: relative;	float: left;	width: 100%;	border: 0;	border-top: 2px solid;	display: block;	height: 25px;}
.news .card {border: 0; border-bottom: 0px solid; padding: 0px; }
.news .card.mb-2 {background-size: cover; background-position: top center; height: 609px; width: 95%;}
.news .zimmer-list .card.mb-2 { background-position: center center;}

@media screen and (max-width: 1199px){
	.news .card.mb-2 { height: 409px; }
	.news .card.mb-2 h3.card-title { font-size: 30px; }
}


.news .card.mb-2 .card-body{background-color: rgba(0,0,0,0.2);     padding: 20px;	display: flex;	flex-wrap: wrap; align-items: flex-end;}
.news .card.mb-2 .card-body .card-headline-top h3.card-title {color: white;}

.news .card.mb-2 .card-body .teaser-text {    padding: 20px 20px;	background-color: rgba(255,255,255,0.8);	display: flex;	flex-wrap: wrap;	flex-direction: column;	align-items: center;	vertical-align: bottom;	justify-content: flex-end;	width: 100%; border-radius: 6px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top {  padding-bottom: 10px;}
.news .card.mb-2 .card-body>*:first-child {	margin-top: 0;	position: absolute;	top: 40px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top p { font-size: 16px; letter-spacing: 0; line-height: 18px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top span { font-size: 16px; letter-spacing: 0; line-height: 24px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top span.card-nights-price {font-size: 1.2em;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top p { font-size: 16px; letter-spacing: 0; line-height: 18px;}
#main .news .card.mb-2 .card-body .teaser-text .teaser-text-button p { text-align: center;}

.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-nights {   content: '';	width: 100%; padding-left: 25px;	background-image: url(/fileadmin/user_upload/Hotel-Molin/icon-nights.svg); 	background-position: top left;	background-repeat: no-repeat;	align-self: center;	background-size: 20px; float:left;}
.news .card.mb-2 .card-body .teaser-text .teaser-text-top .card-calendar p {content: '';	width: 100%; padding-left: 20px;	background-image: url(/fileadmin/user_upload/Hotel-Molin/icon-calendar.svg); 	background-position: top left;	background-repeat: no-repeat;	align-self: center;	background-size: 15px; float:left;}


@media screen and (max-width: 991px){
	#main .news .card.mb-2 .card-body .teaser-text .btn-default {	letter-spacing: 1px;	 padding: 10px 30px; font-size:14px;  min-width: 150px; }
	#main .news .card.mb-2 .card-body .teaser-text .btn-primary {	padding: 10px 30px; margin: 0 0; font-size:14px;  min-width: 150px;}
	.news .card.mb-2 {background-size: cover; background-position: top center; height: 409px; width: 95%;}
}

@media screen and (max-width: 767px) {
	.news .card.mb-2 {background-size: cover; background-position: top center; height: 409px; width: 100%;}
	#main .news .card.mb-2 .card-body .teaser-text .teaser-text-top span.card-nights-price {font-size: 1em;}
	#main .news .card.mb-2 .card-body .teaser-text .btn-primary {	 font-size:12px;  }
	#main .news .card.mb-2 .card-body .teaser-text .btn-default {	 font-size:12px; ; }
}

@media screen and (max-width: 320px) {


}
/*Logo*/

#c2029 img, #c2029 img  {max-width: 150px;	height: auto;}
@media screen and (min-width: 576px) {
	#c2029 img, #c2029 img  {max-width: 250px;	height: auto;}
}
/*Details Zimmer ausblenden */
#c2039 .zimmer-list button.btn-primary,  #c2039 .zimmer-list button.downtorequest { display: none;}
#c2089 .zimmer-list button.btn-primary,  #c2089 .zimmer-list button.downtorequest { display: none;}
#c2250 .zimmer-list button.btn-primary,  #c2250 .zimmer-list button.downtorequest { display: none;}
#c2290 .zimmer-list button.btn-primary,  #c2290 .zimmer-list button.downtorequest { display: none;}

/*TAB NAVIGATION Zimmer ausblenden */

.nav-tabs {	border-bottom: 1px solid #dee2e6;}
.nav-tabs .nav-item {	margin-bottom: -1px; width: 25%;	margin: 0; border-right: 1px solid #dee2e6; }
.nav-tabs .nav-item:before {	content: none;}
.nav-tabs .nav-link {	border: 1px solid transparent; font-size: 14px;	padding: 0 5px;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {	border: 1px; padding: 0 5px;}
.nav-tabs a.nav-link:hover {		color: #575746;		text-decoration: none;	}
.nav-tabs a.nav-link.active:hover {		color: #485018;		text-decoration: none;	}
.nav-tabs .nav-link.disabled {	color: #6c757d;	background-color: transparent;	border-color: transparent;}
.nav-tabs .nav-item.active {		border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { height: 100%;	background-color: #E3DCD0; color: #485018;		border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {	margin-top: -1px;}


.tab-navigation {	margin-bottom: 40px;}
.tab-pane-content {	display: flex;	flex-wrap: wrap;	margin-left: -20px;	margin-right: -20px;}
.tab-pane-content-item {	flex-grow: 1;	order: 1;	padding-left: 20px;	padding-right: 20px;	width: 100%;}
.tab-pane-content-text *:last-child {	margin-bottom: 0;}
@media (min-width: 768px) {
	.tab-pane-content-right .tab-pane-content-item,	.tab-pane-content-left .tab-pane-content-item {		width: 50%;	}
	.tab-pane-content-right .tab-pane-content-item *:last-child, 	.tab-pane-content-left .tab-pane-content-item *:last-child {		margin-bottom: 0;	}
}

.tab-pane-content-top .tab-pane-content-media, .tab-pane-content-left .tab-pane-content-media {	margin-bottom: 40px;}
@media (min-width: 768px) {
	.tab-pane-content-left .tab-pane-content-media {		margin-bottom: 0;	}
	.nav-tabs .nav-link { font-size: 18px;}
}

.tab-pane-content-bottom .tab-pane-content-media, .tab-pane-content-right .tab-pane-content-media {	order: 2;	margin-top: 40px;}
@media (min-width: 768px) {
	.tab-pane-content-right .tab-pane-content-media {		margin-top: 0;	}
	.nav-tabs .nav-link { font-size: 24px;}
}



@media (max-width: 450px) {
	.nav-tabs .nav-item {	 width: 50%;	}
}


.klaro .cookie-notice p{line-height: 1.2em}
.klaro .cookie-modal .cm-content li:before, .klaro .cookie-modal .cm-body li:before{display: none;}
.klaro .cookie-modal p {line-height: 14px;}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div { margin-top: 0em !important; }
.klaro .cookie-modal .cm-modal .cm-header h1 {	letter-spacing: 1px;}
@media (max-width: 384px){
	.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {	width: 100% !important;;}
}


.rg-request .row .col .title {	font-size: 20px;	line-height: 24px;}
.rg-request div.input-field label.field-label {	font-size: 18px;}
#c3995 iframe {margin: 50px 0 0 0;border: 0;}

small{font-size:90%;}