@media all and (min-width:768px), print {
h1 {
	font-size: 42px;
	line-height: 48px;
	text-transform: none;
	margin-bottom: 0
}
h2 {
	font-size: 38px;
	line-height: 44px;
	text-transform: none;
	margin-bottom: 24px
}
h3 {
	font-size: 28px;
	line-height: 34px;
	text-transform: none;
	margin-bottom: 20px
}
h4 {
	font-size: 26px;
	line-height: 30px;
	text-transform: none;
	margin-bottom: 18px
}
h5 {
	font-size: 22px;
	line-height: 26px;
	text-transform: none;
	margin-bottom: 18px
}
h6 {
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
	margin-bottom: 18px
}
h1 {
	font-size: 64px;
	line-height: 72px;
	text-transform: none;
	margin-bottom: 0
}
h2 {
	font-size: 48px;
	line-height: 54px;
	text-transform: none;
	margin-bottom: 30px
}
.image-teaser .overlay .subline {
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	font-family: Poppins, sans-serif
}
.teaser .teaser-headline h2 {
	font-size: 32px;
	line-height: 38px
}
.teaser.layout-1 .teaser-box, .teaser.layout-2 .teaser-box, .teaser.layout-4 .teaser-box {
	margin: -50px auto 0;
	padding: 25px;
	width: 90%
}
.teaser.layout-4.hotel-description.star-1 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-2 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-3 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-4 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-5 .teaser-box h3:after {
	margin: 20px auto 30px
}
.teaser.layout-2.clickable .teaser-box {
	padding: 50px 80px
}
.teaser.layout-2.clickable .teaser-box .fulltext {
	margin: 25px -80px 0
}
.teaser.customer-review .teaser-headline h2 {
	font-size: 20px;
	line-height: 30px
}
.back-to-top {
	opacity: 1
}
.contact-button {
	opacity: 1
}
.informations-container .info-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin: 0 0 30px
}
.informations-container .info-block .image {
	width: 50%;
	padding: 0 10px 0 0
}
.informations-container .info-block .info-detail-block {
	width: 50%;
	padding: 0 0 0 10px
}
.informations-container .info-block .info-detail-block .info-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 15px 0 0 0
}
.informations-container .info-block .info-detail-block .info-row .col-50 {
	width: 50%;
	padding: 0 10px 0 0
}
.informations-container .info-block .info-detail-block .info-row .col-100 {
	width: 100%
}
.informations-container .button-row {
	margin: 0 0 20px
}
.video-wrapper {
	width: 80%;
	margin: 0 auto
}
.contact-person .contact-block .image {
	margin: 0 0 20px;
	width: 100%
}
.contact-person .contact-block .contact-details h3 {
	font-size: 24px;
	line-height: 30px
}
.fullsize-image {
	height: 450px
}
.fullsize-image h3 {
	font-size: 32px;
	line-height: 38px
}
.text-image-fullcontent .text-block {
	padding: 15px
}
.headline-text-container h2 {
	font-size: 32px;
	line-height: 38px
}
.quote-container blockquote {
	width: 80%;
	position: relative
}
.quote-container blockquote:after, .quote-container blockquote:before {
	font-size: 120px;
	line-height: 24px;
	font-weight: 400;
	font-family: Poppins, sans-serif;
	position: absolute;
	top: 50%
}
.quote-container blockquote:before {
	left: -60px
}
.quote-container blockquote:after {
	right: -60px
}
.quote-container .author {
	width: 80%
}
.contact-container .contact-block {
	padding: 50px 0
}
.contact-container .contact-block a, .contact-container .contact-block h4 {
	font-size: 48px;
	line-height: 54px
}
.contact-container .contact-block p {
	font-size: 18px;
	color: #fff
}
}
@media all and (min-width:1024px), print {
.slick-slider.fullsize .slick-slide .slider-text-container {
	align-items: center;
	display: flex;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.slick-slider .slick-slide {
	position: relative
}
.slick-slider .slider-text {
	background: #333;
	color: #fff;
	opacity: .8;
	padding: 15px;
	margin: 0 0 0 5%
}
.slick-slider .slider-text a, .slick-slider .slider-text h2 {
	color: #fff
}
.image-teaser .image {
	overflow: hidden
}
.image-teaser .image img {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease
}
.image-teaser .overlay .subline {
	font-size: 34px;
	line-height: 40px;
	font-weight: 300;
	font-family: Poppins, sans-serif
}
.image-teaser.hover-zoom:hover .image img {
	transform: scale(1.17);
	-webkit-transform: scale(1.17);
	-moz-transform: scale(1.17);
	-o-transform: scale(1.17);
	-ms-transform: scale(1.17)
}
.teaser .image {
	overflow: hidden
}
.teaser .image img {
	-webkit-transition: all 2.1s ease;
	-moz-transition: all 2.1s ease;
	-o-transition: all 2.1s ease;
	transition: all 2.1s ease
}
.teaser.hover-zoom:hover .image img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
.teaser .teaser-headline h2 {
	font-size: 38px;
	line-height: 44px
}
.teaser.layout-2.clickable .teaser-box {
	padding: 50px 120px
}
.teaser.layout-2.clickable .teaser-box .fulltext {
	margin: 50px -120px 0
}
.teaser.customer-review .teaser-headline h2 {
	font-size: 28px;
	line-height: 34px
}
button, input[type=submit] {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
button:hover, input[type=submit]:hover {
	border: 2px solid #c49651;
	background: #c49651;
	color: #fff
}
a.button {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
a.button:hover {
	border: 2px solid #c49651;
	background: #c49651;
	color: #fff
}
a.button.layout-2:hover {
	border: 2px solid #c49651;
	background: transparent url(../images/icon-arrow-right-gold.svgz) no-repeat left 12px center;
	color: #c49651;
	padding: 12px 17px 12px 32px
}
a.button.layout-3:hover {
	border: 2px solid #333;
	background: transparent url(../images/icon-arrow-right-dark.svgz) no-repeat left 12px center;
	color: #333;
	padding: 12px 17px 12px 32px
}
a.button.layout-4:hover {
	border: 2px solid #889707;
	background: transparent url(../images/icon-arrow-right-green.svgz) no-repeat left 12px center;
	color: #889707;
	padding: 12px 17px 12px 32px
}
a.button.layout-5 {
	-webkit-transition: border .5s ease;
	-moz-transition: border .5s ease;
	-o-transition: border .5s ease;
	transition: border .5s ease
}
a.button.layout-5:hover {
	border: 2px solid #fff;
	background: #c49651;
	color: #fff
}
a.link-layout-1:after {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 2px 0 0;
	content: "";
	display: block;
	border-bottom: 1.5px solid #c49651;
	width: 0
}
a.link-layout-1:hover {
	text-decoration: none
}
a.link-layout-1:hover:after {
	width: 100%
}
a.link-layout-2:after {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 2px 0 0;
	content: "";
	display: block;
	border-bottom: 1.5px solid #c49651;
	width: 0
}
a.link-layout-2:hover {
	text-decoration: none
}
a.link-layout-2:hover:after {
	width: 100%
}
a.link-layout-3:hover {
	color: #c49651;
	text-decoration: none
}
a.link-layout-4:hover {
	color: #c49651;
	text-decoration: none
}
.video-wrapper {
	width: 70%
}
.contact-person .contact-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row
}
.contact-person .contact-block .image {
	margin: 0;
	width: 33%;
	padding: 0 5px 0 0
}
.contact-person .contact-block .contact-details {
	width: 50%;
	padding: 15px 0 0 25px
}
.contact-person .contact-block .contact-details h3 {
	font-size: 32px;
	line-height: 38px
}
.fullsize-image {
	height: 500px
}
.fullsize-image p {
	width: 70%;
	margin: 0 auto
}
.fullsize-image h3 {
	font-size: 48px;
	line-height: 54px
}
.fullsize-image a.layout-3:hover {
	border: 2px solid #fff;
	color: #fff;
	background: transparent url(../images/icon-arrow-right-white.svgz) no-repeat left 12px center
}
.text-image-fullcontent .text-block {
	padding: 35px 25px
}
.headline-text-container h2 {
	font-size: 48px;
	line-height: 54px
}
.quote-container blockquote {
	width: 70%
}
.quote-container .author {
	width: 70%
}
}
@media all and (min-width:1220px), print {
.image-teaser .overlay .subline {
	font-size: 38px;
	line-height: 44px;
	font-weight: 300;
	font-family: Poppins, sans-serif
}
.teaser .teaser-box h3 {
	padding: 0 45px
}
.teaser .teaser-headline h2 {
	font-size: 48px;
	line-height: 54px
}
.teaser.layout-1 .teaser-box {
	padding: 25px;
	width: 90%
}
.teaser.layout-2 .teaser-box {
	margin: -75px auto 0;
	padding: 30px;
	width: 70%
}
.teaser.layout-2.clickable .teaser-box {
	padding: 50px 150px
}
.teaser.layout-2.clickable .teaser-box .fulltext {
	margin: 50px -150px 0
}
.teaser.layout-4 {
	position: relative
}
.teaser.layout-4 .image {
	width: 60%
}
.teaser.layout-4 .teaser-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 0;
	position: absolute;
	right: 0;
	top: 50%;
	width: 55%;
	height: 80%;
	text-align: left
}
.teaser.layout-4 .teaser-box h3 {
	padding: 0;
	font-size: 28px;
	line-height: 34px
}
.teaser.layout-4 .teaser-box a.button {
	margin: auto 50% 0 0
}
.teaser.layout-4.hotel-description.star-1 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-2 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-3 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-4 .teaser-box h3:after, .teaser.layout-4.hotel-description.star-5 .teaser-box h3:after {
	margin: 10px 0 0 0
}
.center-content-section.blog-content-element .col {
	padding: 0
}
.center-content-section [data-blog-uid].col {
	padding: 0
}
.back-to-top {
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	bottom: 30px;
	right: 30px;
	opacity: .7
}
.back-to-top:hover {
	opacity: 1
}
.contact-button {
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	bottom: 50%;
	right: 30px;
	opacity: .7
}
.contact-button:hover {
	opacity: 1
}
.contact-person .contact-block .contact-details {
	padding: 40px 0 0 25px
}
.fullsize-image {
	height: 600px
}
.text-image-fullcontent .text-block {
	padding: 40px 30px
}
.quote-container blockquote {
	width: 60%
}
.quote-container .author {
	width: 60%
}
}
@media all and (min-width:1440px), print {
.image-teaser .overlay .subline {
	font-size: 38px;
	line-height: 44px;
	font-weight: 300;
	font-family: Poppins, sans-serif
}
}
.box-shadow {
	-webkit-box-shadow: 5px 5px 25px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 5px 5px 25px 0 rgba(0,0,0,.2);
	box-shadow: 5px 5px 25px 0 rgba(0,0,0,.2)
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}
.flex-center {
	align-items: center;
	justify-content: center
}
.image {
	margin: 0;
	line-height: 0
}
.image img {
	max-width: 100%;
	margin: 0;
	line-height: 0
}
.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
display:none!important
}
@keyframes bounce {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-moz-keyframes bounce {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-o-keyframes bounce {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0)
}
}











.con01bg{ max-width:1600px; margin:0 auto;}
.con01{ padding:0 1%;}
.con01 ul li{ float:left; width:23%; margin:2% 1% 0 1%;}
.con01 ul li .img{ overflow:hidden;}
.con01 ul li .img img{ width:100%; transition:all .3s ease;}
.con01 ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.con01 ul li .txt{}
.con01 ul li .txt h2{ font-size:14px; line-height:2em; height:2em; overflow:hidden; margin:0;}
.con01 ul li .txt h2 a{ color:#804000;}
.con01 ul li .txt h2 a:hover{ text-decoration:underline;}
.con01 ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:3em;}
@media(max-width:768px){
.con01 ul li{ float:left; width:98%; margin:2% 1% 0 1%;}
}
*{ font-family:‘’ !important; /*font-style:italic !important;*/
}