html,
body {
	height: 100%;
}

body {
	background: #FFF9F6;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 1.8;
}

a {
	color: #B08968;
	text-decoration: none;
}

a:hover {}

h1,
.h1 {
	font-size: 36px;
	font-weight: 400;
}

.frame-4-sterne h1 {
	margin-bottom: 15px;
}

.frame-3-sterne h1 {
	margin-bottom: 15px;
}

.frame-4-sterne h1:after {
	content: "";
	background-image: url(../Images/Template/4-Sterne.png);
	position: absolute;
	width: 175px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.frame-3-sterne h1:after {
	content: "";
	background-image: url(../Images/Template/3-Sterne.png);
	position: absolute;
	width: 220px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 10px;
}

h2,
.h2 {
	font-size: 32px;
	font-weight: 400;
}

h3,
h3 {
	font-size: 24px;
	font-weight: 400;
}

.container-800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#c22 {
	min-height: 1600px;
}

#c37,
#c49 {
	min-height: 893px;
}

/*------------------------------------*\
  #SEITENHEADER
\*------------------------------------*/
#seitenheader {
	margin-bottom: 50px;
	position: relative;
}

header#seitenheader .top-wrap {
	background: #FFF9F6;
	height: 120px;
	transition: all 0.5s ease-in-out;
}

header#seitenheader.scroll .top-wrap {
	position: fixed;
	height: 60px;
	width: 100%;
	top: 0;
	z-index: 999;
}

header#seitenheader .top-wrap .logo img {
	height: 100px;
	width: auto;
	transition: all 0.5s ease-in-out;
}

header#seitenheader.scroll .top-wrap .logo img {
	height: 50px;
	width: auto;
}

header#seitenheader.scroll .top-wrap .quick-icons button.btn {
	padding: 4px 30px;
}

#seitenheader.scroll .top-wrap+.carousel {
	padding-top: 120px;
}

.quick-icons .flex-fill {
	line-height: 1.2;
}

.quick-icons i {
	font-size: 30px;
}

.quick-icons button.btn {
	background: #DF221C;
	border-radius: 0;
	color: #fff;
	padding: 14px 30px;
	transition: all 0.5s ease-in-out;
}

.quick-icons a {
	color: #333;
}

.quick-icons a:hover {
	color: #B08968;
}

.quick-icons .iconviewer {
	width: 45px;
	height: 45px;
	margin-top: -9px;
	background: url("../Icons/360.svg") no-repeat;
	background-size: cover;
	opacity: 1 !important;
}

.quick-icons .panowrap {
	margin-right: 9px;
}

.quick-icons a:hover .iconviewer {
	background: url("../Icons/360_act.svg") no-repeat;
	background-size: cover;
}

.kopfslider {
	max-height: 800px;
	overflow: hidden;
}

.carousel-indicators {
	bottom: unset;
	top: 750px;
}

.kopfslider i {
	font-size: 50px;
}

header#seitenheader.scroll .top-wrap .quick-icons .d-flex .p-2.flex-fill.flex-column.justify-content-center.text-center a div,
header#seitenheader.scroll .top-wrap nav .mobile-menu .menu-beschriftung {
	opacity: 0;
}

/*------------------------------------*\
  #BUCHUNGSSTRECKE
\*------------------------------------*/
#vri-container-21763,
#vri-overlay .vri-container-21763 {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 18px !important;
	color: #333 !important;
	font-weight: 400;
	line-height: 120%;
}

#vri-container-21763 .vri-widget-fixed,
#vri-overlay .vri-container-21763 .vri-widget-fixed {
	position: absolute !important;
	bottom: unset !important;
	top: 680px;
	width: 1100px !important;
	left: 50% !important;
	margin-left: -550px;
	right: unset !important;
	box-shadow: unset !important;
}

#vri-container-21763 .vri-widget-container,
#vri-overlay .vri-container-21763 .vri-widget-container {
	background-color: rgba(255, 255, 255, 0.8) !important;
	color: #777;
	padding: 20px !important;
}

.schnellbuchungsleiste-wrap {
	background: rgba(255, 255, 255, 0.8);
	color: #777;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	bottom: 20px;
	padding: 20px;
	position: absolute;
	z-index: 9;
}

.schnellbuchungsleiste-wrap #book_form input#date_from,
.schnellbuchungsleiste-wrap #book_form input#date_to {
	border: 1px solid #dc3545;
	color: #777;
	font-size: 16px;
	padding: 8px;
	min-width: 220px;
}

.schnellbuchungsleiste-wrap #book_form #hotel_adults,
.schnellbuchungsleiste-wrap #book_form #hotel_children {
	background: #fff;
	border: 1px solid #dc3545;
	color: #777;
	font-size: 16px;
	padding: 11px;
	min-width: 200px;
}

.schnellbuchungsleiste-wrap form#book_form input.absenden {
	position: relative;
	color: #fff;
	padding: 10px 20px 11px 20px;
	background: #786360;
	line-height: 120%;
	margin: 0;
	font-size: 16px;
	text-decoration: none;
	font-weight: 400;
	border: none;
}

/*------------------------------------*\
  #CONTENT
\*------------------------------------*/
.kontaktbox-wrap {
	background: #333;
	color: #fff;
	padding: 75px 240px;
	position: relative;
}

.kontaktbox-wrap .kontaktbox-inhalt {}

.kontaktbox-wrap .kontaktbox-inhalt i {
	font-size: 200px;
	line-height: 1;
}

.kontaktbox-wrap .kontaktbox-inhalt .btn.anfrage,
.kontaktbox-wrap .kontaktbox-inhalt .btn.buchen {
	background: #B08968;
	border-radius: 0;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.kontaktbox-wrap .kontaktbox-inhalt .btn:hover {
	background: #555;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
footer {
	background: #EAE4E4;
	padding-top: 50px;
}

footer a {
	color: #333;
}

footer a:hover {
	color: #B08968;
}

.footer #c11 .frame-type-menu_pages ul {
	display: flex;
	justify-content: end;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer #c11 .frame-type-menu_pages ul li {}

.footer #c11 .frame-type-menu_pages ul li a {
	color: #333;
	padding-left: 20px;
}

.footer #c11 .frame-type-menu_pages ul li a:hover {
	color: #B08968;
}

.footer #c11 .frame-type-menu_pages ul li a span {}

footer .btn.stellenangebote {
	border: 1px solid #333;
	border-radius: 0;
}

footer .btn.stellenangebote a {
	color: #333;
	padding: 5px 20px;
	transition: all 0.3s ease-in-out;
}

footer .btn.stellenangebote:hover {
	background: #333;
	color: #fff;
}

footer .btn.stellenangebote:hover a {
	color: #fff;
}

/*------------------------------------*\
  #TYPO3
\*------------------------------------*/
p {
	margin-bottom: 15px;
}

strong {
	font-weight: 600;
}

.frame-space-before-extra-small {
	margin-top: 20px;
}

.frame-space-before-small {
	margin-top: 40px;
}

.frame-space-before-medium {
	margin-top: 60px;
}

.frame-space-before-large {
	margin-top: 80px;
}

.frame-space-before-extra-large {
	margin-top: 100px;
}

.frame-space-after-extra-small {
	margin-bottom: 20px;
}

.frame-space-after-small {
	margin-bottom: 40px;
}

.frame-space-after-medium {
	margin-bottom: 60px;
}

.frame-space-after-large {
	margin-bottom: 80px;
}

.frame-space-after-extra-large {
	margin-bottom: 100px;
}

.frame.frame-trenner-links {
	border-left: 1px solid #333;
	padding-left: 30px;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
	margin-bottom: 20px;
}

.ce-gallery img {
	width: 100%;
	height: auto;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.error {
	color: red;
	font-size: 20px;
	font-weight: bold;
}

/*------------------------------------*\
  #FORMULAR
\*------------------------------------*/
.cdsoftformfield {
	margin-bottom: 10px;
}

.cdsoftformfield input {}

.cdsoftformfield select#KATEGORIE {
	background: #fff;
	border: 1px solid #555;
	padding: 7px 5px;
}

#kontaktformular-8-checkbox-1 {
	top: 9px;
}

.container form.cdsoftform {
	max-width: 900px;
	margin: 0 auto;
}

form.cdsoftform input#ABSENDEN.absenden {
	background: #786360;
	border: none;
	color: #fff;
	padding: 10px 40px;
	transition: all 0.3s ease-in-out;
}

form.cdsoftform input#ABSENDEN.absenden:hover {
	background: #333;
}

/*------------------------------------*\
  #2-KLICK
\*------------------------------------*/
.map {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.map .privacy-msg.privacy-map-msg {
	background-image: url(../Images/Template/Mapdummy.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100% !important;
}


.map .privacy-msg.privacy-map-msg::after {
	content: "© OpenStreetMap contributors";
	position: absolute;
	left: 15px;
	bottom: 0;
}

.map .privacy-msg.privacy-map-msg p {
	background-image: url(../Images/Template/trans-80-schwarz.png);
	width: 90%;
	position: absolute;
	margin-top: 50px;
	margin-left: 5%;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px;
	text-align: center;
}

.privacy-msg.privacy-script-msg {
	position: relative;
}

.privacy-msg.privacy-script-msg p {
	background-image: url(../Images/Template/trans-80-schwarz.png);
	width: 100%;
	position: relative;
	margin-top: 0;
	margin-left: 0;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px;
	text-align: center;
	z-index: 99;
}

[data-eobp-media="desktop"] .eobp {
	margin: 15px 0 !important;
}

.map iframe {
	width: 100%;
	margin-bottom: -6px;
}

.privacy-msg.privacy-script-msg a,
.privacy-msg.privacy-map-msg a {
	color: #a90015;
}

.privacy-msg a.btn {
	background: #a90015;
	border-color: #a90015;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

.privacy-msg.privacy-script-msg p a,
.privacy-msg.privacy-map-msg p a {
	color: #fff;
	text-decoration: underline;
}

.privacy-map-msg p a.btn {
	text-decoration: none;
}

span.btn-group.next.submit button a {
	color: #fff;
}

/*------------------------------------*\
  #STÖRER
\*------------------------------------*/
.angebote {
	background-image: url(../Images/Template/Sonne-klein.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 150px;
	right: 70px;
	width: 400px;
	height: 400px;
	transform: rotate(9deg);
	z-index: 9;
}

.angebote .text {
	width: fit-content;
	height: fit-content;
	font-weight: 400;
	line-height: 1.2;
	hyphens: auto;
	text-align: center;
}

.angebote.residenz .text {
	font-size: 22px;
}

.angebote.residenz .text {
	margin-bottom: -15px;
}

.angebote a {
	color: #333;
	padding: 140px 65px;
}

/*------------------------------------*\
  #VIOMA
\*------------------------------------*/
.vri-button {
	background: #786360 !important;
}

#vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-adult::before,
#vri-overlay .vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-adult::before,
#vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-adult::before,
#vri-overlay .vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-adult::before,
#vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-child::before,
#vri-overlay .vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-child::before,
#vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-child::before,
#vri-overlay .vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-child::before,
#vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-empty::before,
#vri-overlay .vri-container-21693 .vri-roomtype-list .vri-roomtype .vri-roomtype-alloc-empty::before,
#vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-empty::before,
#vri-overlay .vri-container-21693 .vri-roomtype-detail .vri-roomtype .vri-roomtype-alloc-empty::before {
	color: #dc3545 !important;
}

#vri-container-21699 .vsc {
	max-width: unset;
}

html body .vsc {
	max-width: unset !important;
}

#vri-container-21693 h2,
#vri-overlay .vri-container-21693 h2,
#vri-container-21701 h2,
#vri-overlay .vri-container-21701 h2,
#vri-container-21703 h2,
#vri-overlay .vri-container-21703 h2 {
	color: #dc3545 !important;
}

#vri-container-21693 .vri-page,
#vri-overlay .vri-container-21693 .vri-page,
#vri-container-21701 .vri-page,
#vri-overlay .vri-container-21701 .vri-page,
#vri-container-21703 .vri-page,
#vri-overlay .vri-container-21703 .vri-page {
	max-width: unset !important;
}

#vri-container-21693,
#vri-overlay .vri-container-21693,
#vri-container-21701,
#vri-overlay .vri-container-21701,
#vri-container-21703,
#vri-overlay .vri-container-21703 {
	background: #FFF9F6 !important;
}

#vri-container-21693 .vri-content-highlighted,
#vri-overlay .vri-container-21693 .vri-content-highlighted,
#vri-container-21701 .vri-content-highlighted,
#vri-overlay .vri-container-21701 .vri-content-highlighted,
#vri-container-21703 .vri-content-highlighted,
#vri-overlay .vri-container-21703 .vri-content-highlighted {
	background: #fdf0d5 !important;
}

html body .vsc-item-hotels .vsc-hotel-details-offers-link,
html body .vsc-item-packages .vsc-hotel-details-offers-link,
html body .vsc-item-hotels .vsc-hotel-details-packages-link,
html body .vsc-item-packages .vsc-hotel-details-packages-link {
	color: #dc3545 !important;
}

html body .vsc-navigation-progress {
	background: #dc3545 !important;
}

html body .vsc-navigation-progress-hint {
	color: #dc3545 !important;
}

/*------------------------------------*\
  #MASK
\*------------------------------------*/
/*--------- BILDERGALERIE ------------*/
.mask-bildergalerie .bildspalte {
	margin-bottom: 30px;
}

.mask-bildergalerie .bildspalte .zoom img {
	width: 100%;
	height: auto;
}

.mask-bildergalerie .mask-bildergalerie-wrapper {
	margin-bottom: 15px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.mask-bildergalerie .bildspalte {
	margin-bottom: 15px;
}

.mask-bildergalerie .bildspalte img {
	width: 100%;
	height: auto;
}

.ce-gallery figcaption {
	display: block;
	font-size: 14px;
}

figcaption {
	width: 100%;
}

figcaption div {
	color: #555;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

/*--------- RESIDENZEN EINBLENDUNG ------------*/
.frame-type-mask_residenzeneinblendung {
	max-width: 2550px;
	margin-left: auto;
	margin-right: auto;
}

.c-accordion {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 500px;
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
}

.c-accordion__item {
	background-position: center center;
	background-size: cover;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #000 120%);
	position: relative;
	flex-grow: 1;
	height: 100%;
	width: 100px;
	min-width: 2.05rem;
	transition: all 0.3s ease-in-out;
}

.c-accordion__item:hover,
.c-accordion__item:focus-within,
.c-accordion__item:target {
	_flex-grow: 2;
	width: 50%;
	background-color: transparent;
}

.c-accordion__item:hover .c-accordion__title--hover-hide,
.c-accordion__item:focus-within .c-accordion__title--hover-hide,
.c-accordion__item:target .c-accordion__title--hover-hide {
	max-height: 0;
	opacity: 0;
}

.c-accordion__item:hover .c-accordion__title--hover-show,
.c-accordion__item:focus-within .c-accordion__title--hover-show,
.c-accordion__item:target .c-accordion__title--hover-show {
	opacity: 1;
}

.c-accordion__item:hover .c-accordion__description,
.c-accordion__item:focus-within .c-accordion__description,
.c-accordion__item:target .c-accordion__description {
	opacity: 1;
}

.c-accordion__item:hover {
	cursor: pointer;
}

.c-accordion__action {
	position: absolute;
	display: flex;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.c-accordion__title {
	color: white;
	font-family: "Roboto Condensed";
	font-size: 32px;
	margin: 0;
	max-height: 100%;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.c-accordion__title--hover-show {
	opacity: 0;
	width: 100%;
}

.c-accordion__title--hero {
	background: rgb(0, 0, 0, 0.5);
	padding: 10px;
	font-size: 48px;
	line-height: 100%;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.85);
	margin-left: -145px;
}

.c-accordion__content p.c-accordion__description {
	background: rgb(0, 0, 0, 0.5);
	width: 100%;
	padding: 0px 10px 10px 10px;
	font-size: 20px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.85);
}

.c-accordion__aside {
	background-color: rgba(15, 15, 15, 0.75);
	background: linear-gradient(-90deg, rgba(15, 15, 15, 0) 0%, #111111 100%);
	padding: 20px 40px;
	position: absolute;
	height: 100%;
	right: 0;
	bottom: 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.c-accordion__aside:before {
	content: "+";
	color: #fff;
	margin-bottom: 1rem;
	font-size: 2rem;
	display: inline-block;
}

.c-accordion__aside:after {
	content: "";
	flex-grow: 1;
	width: 1px;
	display: block;
	margin-top: 1rem;
	background-color: rgba(255, 255, 255, 0.2);
}

.c-accordion__content {
	padding: 22rem 4.5rem 0rem 8rem;
	width: 65%;
	text-align: left;
	line-height: 4px;
	font-size: 16px;
	left: -50rem;
}

section.container .c-accordion__content {
	padding: 19rem 4.5rem 0rem 8rem;
	width: 70%;
}

.c-accordion__description {
	color: white;
	font-weight: 500;
	line-height: 120%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	margin-left: -145px;
	width: 85%;
}

/*--------- PARALLAXELEMENT ------------*/
.parallax-wrap .simpleParallax {
	max-height: 1000px;
}

.parallax-wrap .parallax-item-content-wrap {
	background: url(../Images/Template/trans-60-schwarz.png);
	color: #fff;
	width: 1320px;
	margin-top: -200px;
	margin-left: -660px;
	position: absolute;
	top: 40%;
	left: 50%;
	height: auto;
	padding: 50px 75px;
}

.parallax-item-content-ueberschrift {
	position: absolute;
	margin-left: 10px;
	padding: 5px;
}

.parallax-item-content-ueberschrift:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: -10px;
	left: -10px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.parallax-item-content-ueberschrift:after {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: -10px;
	right: -10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.parallax-item-content-wrap .parallax-item-content-ueberschrift h2 {
	margin-bottom: 0;
}

.parallax-item-content {
	font-size: 20px;
	margin-top: 100px;
}

.parallax-item-content-button a button.custom-btn,
.parallax-item-content .parallax-item-content-button a button.custom-btn {
	background: #B08968;
	border: none;
	color: #fff;
	padding: 10px 40px;
	transition: all 0.3s ease-in-out;
}

.parallax-item-content .parallax-item-content-button a button.custom-btn:hover {
	background: #333;
}

/*--------- BILDERSLIDER ------------*/
.swiper-slide-bild img,
.swiper-wrapper .swiper-slide img {
	width: 100% !important;
	height: auto;
}

.swiper-button-bilderslider-weiter svg,
.swiper-button-bilderslider-zurueck svg {
	color: #B08968;
	width: 50px;
	height: 50px;
}

.slider-arrow-wrap {
	margin-left: 75px;
	margin-right: 75px;
	position: relative;
}

.swiper-button-bilderslider-weiter {
	position: absolute;
	right: -50px;
	top: calc(50% - 25px);
}

.swiper-button-bilderslider-zurueck {
	position: absolute;
	left: -50px;
	top: calc(50% - 25px);
}

/*--------- FAQ ------------*/
.frame-type-mask_faq .accordion .accordion-item .faq-accordion-header .accordion-button {
	background: #B08968;
	color: #fff;
}

.accordion-flush .accordion-item {
	margin-bottom: 5px;
}

.accordion-button::after {
	font-family: "bootstrap-icons";
	content: "\f282";
	background-image: unset;
	background-size: unset;
	font-size: 20px;
	width: unset;
	height: unset;
}

.accordion-button:not(.collapsed)::after {
	background-image: unset;
}

.frame-type-mask_faq .accordion .accordion-item .accordion-collapse div div {
	padding: 15px 10px 1px 10px;
}

/*------------------------------------*\
  #SUCHE
\*------------------------------------*/
div.kesearchbox {
	height: 50px;
}

#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .result-title {
	font-size: 20px;
}

#kesearch_results .result-list-item {
	clear: both;
	margin: 20px 0 30px 0;
	padding: 0 0 40px 0;
}

.result-list-item.result-list-item-type-page {
	border-bottom: 1px solid #ccc;
}

.result-list-item.result-list-item-type-page:last-child {
	border-bottom: none;
}

.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
	float: left;
	margin-top: 0;
	margin-right: 15px;
}

#kesearch_results .result-list-item .result-teaser {
	color: #333;
}

/*------------------------------------*\
  #KC-BOX
\*------------------------------------*/
.kc-wrap {
	background: #fdf0d5;
	position: relative;
	padding: 20px 25px;
}

.kc-wrap:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #B08968;
	border-left: 2px solid #B08968;
}

.kc-wrap:after {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	border-top: 2px solid #B08968;
	border-right: 2px solid #B08968ff;
}

.kc-wrap .kc-text {
	/* background: #B08968; */
	/* color: #fff;
  padding: 25px; */
}

.kc-wrap .kc-logo img {}


#angebotModal .modal-body i {
	font-size: 68px;
}

#angebotModal .modal-content {
	background: #4881D5;
	color: #fff;
}

#angebotModal button.button-schliessen,
#baustelleModal button.button-schliessen {
	background: none;
	border: none;
}

#angebotModal button.button-schliessen i:before,
#baustelleModal button.button-schliessen i:before {
	color: #fff;
}

#baustelleModal .modal-body .col-12.col-sm-3 i {
	font-size: 68px;
}

#baustelleModal .modal-content {
	background: #F98510;
	color: #fff;
}

#baustelleModal .modal-body a {
	color: #fff;
	margin-right: 10px;
}

#baustelleModal .modal-body a:hover {
	text-decoration: underline;
}

#angebotModal .modal-dialog,
#baustelleModal .modal-dialog {
	max-width: 800px;
	margin-top: 150px;
}

/*------------------------------------*\
  #TP-TOP-BUTTON
\*------------------------------------*/
.back-to-top {
	background: red;
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 1em;
	z-index: 100;
}

/*------------------------------------*\
  #MEDIA-QUERIES
\*------------------------------------*/
@media (max-width: 2550px) {
	.kopfslider {
		max-height: unset;
	}

	.carousel-indicators {
		bottom: 0;
		top: unset;
	}

	#vri-container-21763 .vri-widget-fixed,
	#vri-overlay .vri-container-21763 .vri-widget-fixed {
		position: absolute !important;
		bottom: 50px !important;
		top: unset !important;
	}
}

@media (max-width: 1399px) {
	.parallax-wrap .parallax-item-content-wrap {
		width: 90%;
		margin-left: unset;
		left: 5%;
		padding: 35px 50px;
	}

	.c-accordion__title--hero {
		font-size: 36px;
		margin-left: 0;
	}

	.c-accordion__description {
		margin-left: 0;
		width: 100%;
	}

	.c-accordion__content {
		padding: 40% 3.5rem 0rem 0rem;
		width: 75%;
	}
}

@media (max-width: 1120px) {
	.schnellbuchungsleiste-wrap {
		background: rgba(255, 255, 255, 0.8);
		color: #777;
		width: 100%;
		left: 0;
		margin-left: 0px;
	}

	.angebote {
		top: 130px;
		right: 70px;
		width: 300px;
		height: 300px;
	}

	.angebote a {
		padding: 95px 65px;
	}

	.angebote.residenz .text {
		font-size: 20px;
		width: 140px;
		text-align: center;
	}
}


@media (max-width: 991px) {
	.container {
		min-width: 100%;
	}

	.container-800 {
		max-width: 100%;
	}


	h1,
	.h1 {
		font-size: 32px;
	}

	h2,
	.h2 {
		font-size: 28px;
	}

	header#seitenheader .top-wrap {
		height: 100px;
	}

	header#seitenheader .top-wrap .logo img {
		height: 80px;
	}

	#vri-container-21763 .vri-widget-fixed,
	#vri-overlay .vri-container-21763 .vri-widget-fixed {
		position: absolute !important;
		bottom: unset !important;
		top: 680px;
		width: auto !important;
		left: unset !important;
		margin-left: unset;
	}

	#vri-container-21763 .vri-widget-container,
	#vri-overlay .vri-container-21763 .vri-widget-container {
		background-color: rgba(255, 255, 255, 0.8) !important;
		color: #777;
		padding: 20px !important;
	}

	.parallax-item-content {
		font-size: 18px;
		margin-top: 80px;
	}

	.kontaktbox-wrap {
		background: #333;
		color: #fff;
		padding: 50px 150px;
		position: relative;
	}

	.schnellbuchungsleiste-wrap {
		bottom: 0;
	}

	.schnellbuchungsleiste-wrap .justify-content-around {
		justify-content: normal !important;
	}

	.schnellbuchungsleiste-wrap .d-flex {
		display: block !important;
	}

	.schnellbuchungsleiste-wrap #book_form input {
		margin-bottom: 8px;
		margin-right: 5px;
	}

	.schnellbuchungsleiste-wrap #book_form #hotel_adults,
	.schnellbuchungsleiste-wrap #book_form #hotel_children {
		min-width: 220px;
		margin-right: 5px;
		margin-bottom: 8px;
	}

	/* .angebote {
		top: 90px;
		right: 10px;
		width: 250px;
		height: 250px;
	}

	.angebote .text {
		width: 125px;
		height: fit-content;
		font-weight: 600;
		text-align: center;
		line-height: 1.3;
	}

	.angebote a {
		padding: 45px 40px;
	} */

	.angebote {
		background-image: none;
		background: #fdf0d5;
		border: 2px solid #B08968;
		position: absolute;
		top: 140px;
		right: 50px;
		width: 150px;
		height: 140px;
		transform: rotate(0deg) !important;
		z-index: 9;
	}

	.angebote.residenz .text {
		margin-bottom: unset;
	}

	.angebote.residenz .text p {
		margin-bottom: 0;
	}

	.angebote .text::after {
		content: "";
		background-image: url(../Images/Template/Sonne-klein-Schatten.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 75px;
		height: 75px;
		top: -38px;
		left: -39px;
		position: absolute;
	}
}

@media (max-width: 767px) {

	h1,
	.h1 {
		font-size: 28px;
		padding-top: 40px !important;
		position: relative;
	}

	.frame-4-sterne h1::after {
		width: 145px;
		height: 35px;
		margin-left: 0;
		left: 0;
		top: 0;
	}

	h2,
	.h2 {
		font-size: 24px;
	}

	h3,
	h3 {
		font-size: 20px;
	}

	header#seitenheader .top-wrap {
		height: 70px;
	}

	header#seitenheader .top-wrap .logo img {
		height: 50px;
	}

	.quick-icons {
		position: absolute;
		background: #fff;
		bottom: -75px;
		left: 0;
		width: 100%;
		z-index: 9;
	}

	main {
		margin-top: 100px;
	}

	.frame.frame-trenner-links {
		border-left: none;
		padding-left: 0;
	}

	.c-accordion {
		display: flex !important;
		flex-direction: column !important;
	}

	.c-accordion {
		height: 900px;
	}

	.c-accordion__item {
		min-width: 100%;
	}

	.c-accordion__content {
		display: none;
	}

	.parallax-wrap .parallax-item-content-wrap {
		padding: 20px 20px;
	}

	.kontaktbox-wrap {
		padding: 50px 75px;
	}

	.kontaktbox-wrap {
		padding: 50px 25px;
	}

	.kontaktbox-wrap .kontaktbox-inhalt i {
		font-size: 175px;
	}

	.kc-wrap .kc-logo {
		margin-bottom: 30px;
	}

	.quick-icons .panowrap {
		margin-right: 0px;
	}

	/* .angebote {
		top: 70px;
		width: 215px;
		height: 215px;
	}

	.angebote.sh1,
	.angebote.residenz {
		right: unset;
		left: 10px;
	}

	.angebote .text {
		font-size: 14px;
		width: 120px;
		line-height: 1.2;
	}

	.angebote.residenz .text {
		font-size: 20px;
		width: 110px;
	} */

	.c-accordion__item:hover .c-accordion__title--hover-hide {
		max-height: 100%;
		opacity: 1;
		color: #ffd200;
	}

}

@media (max-width: 576px) {
	.schnellbuchungsleiste-wrap {
		display: none;
	}

	.kontaktbox-wrap .kontaktbox-inhalt i {
		font-size: 130px;
	}

	.parallax-wrap .parallax-item-content-wrap {
		padding: 15px;
	}

	.parallax-item-content {
		font-size: 18px;
		margin-top: 65px;
		line-height: 1.6;
	}

	#c14 {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	#c12,
	#c13,
	#c18 {
		text-align: center;
		margin-bottom: 15px;
	}

	.footer #c11 .frame-type-menu_pages ul {
		justify-content: center;
	}

	.angebote {
		top: 100px;
		right: 30px;
	}

	/* .angebote {
		top: 65px;
		transform: rotate(0deg);
	} */

	#c44 {
		min-height: 8500px;
	}

	#c37 {
		min-height: 12000px;
	}

}

@media (max-width: 350px) {
	.kc-wrap .kc-logo img {
		width: 100%;
		height: auto;
	}
}