@charset "utf-8";
/* CSS Document
Poppins
font-family: "Poppins", sans-serif;
Monarcha
font-family: "monarcha", serif;
font-weight: 300 bis 700;
font-style: italic;
*/

@import url("https://use.typekit.net/tzo1ang.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


:root {
	--frame-link-color: #77ABA2;
	--frame-link-hover-color: #77ABA2;
	--bs-secondary:#587866;
	--bs-secondary-rgb:231,111,81;
}
.frame-background-primary {	--frame-color: #587866;	--frame-background: #F5F4EF;	--frame-link-color: #587866;	--frame-link-hover-color: #587866;}
.frame-background-dark {--frame-color: #ffffff;	--frame-background: #587866;	--frame-link-color: #FFFFFF;	--frame-link-hover-color: #FFFFFF;}
.frame-background-pattern {background: transparent url("/fileadmin/user_upload/Icon/pattern.svg") repeat center center;}
.frame-background-secondary {	--frame-color: #ffffff;	--frame-background: #587866;	--frame-link-color: #ffffff;	--frame-link-hover-color: #ffffff;}
.btn-secondary{color:#fff;background-color:#587866;border-color:#587866;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}
.btn-secondary:hover{color:#fff;background-color:#587866;border-color:#587866}
.btn-check:focus+.btn-secondary,
.btn-secondary:focus{color:#fff; background-color:#587866 !important;  border: 1px solid #9FAFA3 !important; box-shadow: none !important;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}


*{ margin:0;	padding:0;	border:0;	}
input, textarea, select {  border-radius: 2px; -webkit-border-radius:2px; }
* { -webkit-tap-highlight-color:transparent; }

::selection {    background: #CCCCCC;    color: #FFFFFF; }
::-moz-selection {    background: #CCCCCC;    color: #FFFFFF;}

html {	  -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;}
body 	{  -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%; font-weight: 300; line-height: 26px;  background-color: #3B4C47; }
div#wrap	{ position: relative;  width:100%; margin:0 auto; padding:0;  text-align:center; }

/* sprache */
div#sprache			{ position:fixed; display: none;   margin: 0; padding:20px 0 0 0;  right:0; 	top: 0;    z-index:20;   transition: 1s ease-in-out;}
div#sprache .menu-language a	{ color: white; font-size:16px;  font-weight:700; padding: 5px 5px 5px 5px; text-decoration:none; text-transform: unset;
	letter-spacing:0;  display: inline;	transition: 0.2s ease-in-out;}

@media screen and (min-width: 768px){
	div#sprache		{  right:10px;   }
	div#sprache .menu-language a	{ font-size:18px;  	}
}
@media screen and (min-width: 992px){
	div#sprache		{  right: 100px;	   display: block; padding-top: 40px; }
}
@media screen and (min-width: 1200px){
	div#sprache		{  right: 140px;	  }
}

main, #main	{position:relative; width: 100%;  float:left;  z-index:0;     }

.frame-type-text .frame-container {	padding-right: 10px;	padding-left: 20px; max-width: 100%; }
.frame-type-div .frame-container { padding-right: 10px;	padding-left: 10px; max-width: 100%; }
.frame-type-footer .frame-container { padding-right: 10px;	padding-left: 10px; max-width: 100%; }
.frame-type-mask_rosestartseite .frame-container { padding-right: 0px;	padding-left: 0px; max-width: 100%; }
.frame-container.frame-type-express { padding-right: 10px;	padding-left: 10px; max-width: 100%; }


@media (min-width: 768px){
	.frame-type-mask_rosestartseite .frame-container { padding-right: 50px;	padding-left: 50px; }
	 .frame-container.frame-type-express { padding-right: 50px;	padding-left: 50px; }
}

@media (min-width: 992px){
	.frame-background-light {padding-bottom: 180px;}
	.frame-type-tab .frame-container{ width: 100%; max-width: 100%; padding-left: 0; padding-right: 0 ; 	}
	.frame-type-footer .frame-container { width: 100%;	 max-width: 1600px; }
	.frame-type-text .frame-container { width: 100%;	 max-width: 1400px; }
	.frame-type-div .frame-container { width: 100%;	 max-width: 1600px; }


	.frame-type-mask_rosestartseite .frame-container { width: 100%;	 max-width: 1600px; }
	.frame-type-container_2_columns .frame-container { width: 100%;	 max-width: 1100px; }
	.frame-type-container_4_columns .frame-container { width: 100%;	 max-width: 1600px; }
	 .frame-container.frame-type-express { width: 100%;	 max-width: 1600px; }
	.frame-type-mask_rosegallerie .frame-container { width: 100%;	 max-width: 1600px; }
}


@media (min-width: 1600px){
	.frame-type-container_2_columns .frame-container {	 max-width: 1500px; }
}


@media (min-width: 2200px){
	.frame-type-footer .frame-container { width: 100%;	 max-width: 1920px; }
	/*.frame-type-text .frame-container { width: 100%;	 max-width: 1920px; }*/
	.frame-type-div .frame-container { width: 100%;	 max-width: 1920px; }
	.frame-type-mask_rosestartseite .frame-container { width: 100%;	 max-width: 1920px; }
	.frame-type-container_4_columns .frame-container { width: 100%;	 max-width: 1920px; }
	.frame-container.frame-type-express  { width: 100%;	 max-width: 1920px; }
}

h1, p.h1 {    position: relative; font-family: "Poppins", sans-serif; 	 font-size: 30px; line-height: 36px;     font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
h2, p.h2, span.h2 { font-size: 20px; line-height: 30px;  font-weight: 600;   text-transform: uppercase;     margin-top: 0;  letter-spacing: 2px;}
h3, p.h3 {  font-family: "monarcha", sans-serif; font-weight: 700; font-style: italic;  font-size: 28px;  text-transform: lowercase; color: white;	 margin-top: 0; letter-spacing: 1px; padding-bottom: 0px;  }
h4, p.h4 {  font-family: "Poppins", sans-serif; font-weight: 400;  font-size: 28px;  text-transform: uppercase; color: white;	 margin-top: 0; letter-spacing: 1px; padding-bottom: 0;  }
p {  font-weight:500;   line-height: 26px; font-size: 0.8em;    }
ul {  font-weight:500;   line-height: 26px; font-size: 0.8em;   }
p.bigfont {text-align: right; text-transform: lowercase; font-size: 50px; line-height: 50px; font-style: italic; font-family: monarcha, sans-serif; font-weight: 500;}
.frame-type-text p {margin-bottom: 20px;}

@media (min-width: 768px) {
	p {   font-size: 16px;  line-height: 32px; font-weight: 300;  }
	li	{    font-size: 16px;   font-weight: 300; }
	ul {   font-size: 16px;  font-weight: 300; }
	ol {  font-size: 16px;  font-weight: 300;}
}

@media (min-width: 1200px) {
	h1, p.h1 {  font-size: 35px; line-height: 43px;     }
	h2, p.h2, span.h2 {  font-size: 22px;  line-height: 25px; }
	p.bigfont { font-size: 120px; line-height: 180px; }
}

@media (min-width: 1600px) {
	p.bigfont { font-size: 233px; line-height: 200px; }
}


td {  font-weight:500;   line-height: 26px; font-size: 0.8em; margin-bottom: 0;   }
a {     text-decoration: none;  }
hr {margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-top: 2px solid;   display:block;  height:25px; border-color:#CABEB4;  }
.frame.frame-type-footer .frame-inner a {	color: white; }
.frame.frame-type-footer .frame-inner a.highlight {color: white;}

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.internal-link:hover,  a.link:hover,  a.internal_link:hover {  }
a[href^="tel:"] {    text-decoration: none;}


.gray {	display: inline-block; filter:grayscale(100%) }
.gray:hover { filter:grayscale(0) }

.btn-default{	color: white;	 border: 0;	 	border-bottom: 0;	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;	font-weight: 600;	font-size: 14px;	padding: 0;	line-height: 40px;	box-shadow: none;
	border-radius: 0;	display: unset; background-color: transparent; letter-spacing: 1px;
	background-image: url("/fileadmin/user_upload/Icon/next.svg"); background-repeat: no-repeat; background-size: 34px 20px;
	padding-right: 40px; background-position: center right;
}

.btn-primary {	color: white;	background-color: #77ABA2; box-shadow: none;	padding: 10px 30px;	border-radius: 25px;	border: 1px solid #77ABA2; font-family: 'Poppins', sans-serif;
	font-size: 14px;	font-weight: 600;	text-transform: uppercase;	letter-spacing: 1px;	min-width: 150px; margin-bottom: 10px;
}
.btn-secondary {	color: white;	background-color: #6F0026; box-shadow: none;
	padding: 10px 30px;	border-radius: 25px;	border: 1px solid #6F0026; font-family: 'Poppins', sans-serif;
	font-size: 14px;	font-weight: 600;	text-transform: uppercase;	letter-spacing: 1px;	min-width: 150px; margin-bottom: 10px;
}


.btn-default:hover {	color: #77ABA2;  background-color: transparent; background-image: url("/fileadmin/user_upload/Icon/next-g.svg"); opacity: 1;}

.btn-primary:focus, .btn-primary.focus{	color: #77ABA2;	background-color: transparent;		}
.btn-primary.disabled, .btn-primary:disabled  {	color: #77ABA2;	background-color: transparent;	}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:hover {color: #77ABA2;  background-color: transparent; opacity: 0.8;}

.btn-secondary:hover {color: #77ABA2;  background-color: transparent; opacity: 0.8;}


th h3, td h3{ padding-bottom: 0; padding-top: 20px; }
.modal-body td{ border-bottom: 1px solid #D1CFCF; border-top: 1px solid #D1CFCF }

/* Footer Styles */
#footer			{ position:relative; width:100%;  height:auto; padding: 0; margin: 60px 0 0 0; float: left; flex-wrap: wrap; flex-direction: column;	justify-content: center;  }
#footer .frame .row {padding: 0; margin: 0;}
#footer a, #footer button    	{    }
#footer a:hover, #footer button:hover { text-decoration: none;}
#footer img { margin: 20px 0;}

@media (min-width: 992px) {
	#footer	{  margin-top: 0; }

}

.frame-type-footer img.logofooter { max-width: 218px; width: 100% }
.frame-type-footer img {	margin-right: 20px; margin-top: 20px;}
.frame-type-footer img. {margin-top: 0;}
.frame-type-footer .row{margin: 0;}
.frame-type-footer .logofooter{text-align: center;}
.frame-type-footer .footercopyright { text-align:left; font-size:14px; font-weight:normal; text-transform:uppercase; color:white;}

@media (min-width: 768px) {
	.frame-type-footer .logofooter{text-align: center}

}

@media (min-width: 992px) {
	.frame-type-footer img.logofooter { max-width: 250px;}
	.frame-type-footer.landingpage img.logofooter { max-width: 180px;}
}

@media (min-width: 1600px) {
	.frame-type-footer img.logofooter { max-width: 320px;}
	.frame-type-footer.landingpage img.logofooter { max-width: 180px;}

}

/*
------------------------------------------------------------------------------------------------------
Scroll to top button
------------------------------------------------------------------------------------------------------
*/
#totop	{ position: fixed;  width: 40px; background-color: #3B4C47;  right: 0; border-radius: 50%;	height: auto;	padding: 0;	margin: 0;	margin-right: 15px; bottom: 60px;	}
#totop:hover { background-color: #3B4C47;  }
.cd-top {   padding: 10px; height: 40px;  width: 40px;   border-radius: 0;	overflow: hidden;  text-indent: 100%;  white-space: nowrap; content:url(/fileadmin/user_upload/Icon/arrow-up.svg);	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:100000;	}
.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; }

@media only screen and (min-width: 768px) {
	.cd-top {    right: 20px;    bottom: 20px;  }
}


/*image Anpassungen */
.gallery-item.gallery-item-size-1 img {	width: auto;	height: auto;	max-height: 800px; max-width: 100%; opacity: 1; opacity: 0.8;	filter: saturate(0.7);}

.gallery-item.gallery-item-size-2 {padding-bottom: 14px;}
.gallery-item.gallery-item-size-2 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 {	-webkit-transform: scale(1.05);	transform: scale(1.05);}

.gallery-item.gallery-item-size-3 img  {	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transition: 0.9s ease-in-out;	transition: 0.9s ease-in-out; opacity: 0.8; }
.gallery-item.gallery-item-size-3 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-3 { width: 100%;}
	.gallery-item.gallery-item-size-1 {padding-bottom: 20px;}
}


.accordion-button:not(.collapsed) {		background-color: transparent;}
.accordion-header {	padding-bottom: 0; border-bottom: 1px solid #587866; }
.accordion-button{ background-color: transparent; font-family: 'Poppins', sans-serif; color:#587866; line-height: 35px; padding: 10px 1.25rem;  }
.accordion-button:not(.collapsed) {		box-shadow: none;}
.accordion-item+.accordion-item {	 margin-top: 0; }
.accordion-item:first-of-type .accordion-button {	border-top-left-radius: 0;	border-top-right-radius: 0;}
.accordion-item { border-bottom: 1px solid rgba(255, 255, 255, 1) !important; background-color: transparent;
	border-top: 1px solid rgba(255, 255, 255, 1) !important;	border-left: 0;	border-right: 0;}
.accordion-item { border-bottom: 0 solid #587866 !important; border-top: 0 solid #587866 !important;	}
.accordion-item  .accordion-body { border: 0 solid #FFFFFF;}
.accordion-item  .accordion-body  img{ max-width: 100%; height: auto;}
.accordion-button:focus {	z-index: 3;	border-color: #FFFFFF;	outline: 0;	box-shadow:none;}
.accordion-item:first-of-type {	border-top-left-radius: 0;	border-top-right-radius: 0;}


@media only screen and (min-width: 768px) {
	.accordion-button{ padding: 1rem 1.25rem;  }
}

.modal-open {	overflow: hidden}


.modal.news .gallery-item.gallery-item-size-1 img {		max-height: 150px;	}
.modal.news .textpic-text {display: flex;	flex-direction: column;	align-items: center;}


.modal-open .modal {	overflow-x: hidden;	overflow-y: auto}
.modal {	position: fixed;	top: 40px;	left: 0;	display: none;	width: 98%;	height: 100%;	overflow: hidden;	outline: 0; z-index: 2002;}
.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;	}
}

.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: #3B4C47;	background-clip: padding-box;	border: 1px solid rgba(0, 0, 0, 0.2);	outline: 0}
.modal .modal-content .accordion {min-width: 100%;}
.modal .modal-content p{     line-height: 28px; width: 80%;}
.modal .modal-content h5 {	font-weight: 100;  padding-bottom: 20px;}
.modal .modal-content ul{    padding: 20px 0 0 0; width: 80%;}
.modal-content ul.list-normal li {	margin: 0 0 0 25px; line-height: 24px; width: 80%;}
.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 #F5F4EF}
.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; display: flex;	flex-direction: column; align-items: center;}
.modal-footer {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: flex-end;	padding: 0.75rem;	border-top: 1px solid #F5F4EF}
.modal-footer>* {	margin: 0.25rem}
.modal .news-img-wrap img, .modal  img{ max-width: 100%; height: auto; width: 100%; opacity: 0.8;	filter: saturate(0.7);}


.modal .frame-type-accordion{padding-top: 0; padding-bottom: 0;  max-width: 100%; height: auto; width: 100%;}
.modal .frame-type-accordion .frame-container {	padding-right: 0;	padding-left: 0;}
.modal .frame-type-accordion .accordion-button{font-family: 'IBM Plex Serif', sans-serif; color:#587866;  }
.modal .frame-type-accordion .accordion-header{ border-bottom: 1px solid #587866;  }
.modal .frame-type-accordion .accordion-item { border-bottom: 0 solid #587866 !important; border-top: 0px solid #587866 !important;	}

.modal .frame-type-accordion .table-responsive table { border-spacing: 2px; }
.modal .frame-type-accordion .table-responsive .table th { padding: 0.75rem;    border-top: 0 solid #dedede; font-family: 'IBM Plex Serif', sans-serif; color:#587866; font-size: 16px; font-weight: 500; border-bottom: 0;}
.modal .frame-type-accordion .table-responsive .table tbody td { background-color: rgba(219,225,173,0.2);
	color: #587866; font-size: 16px; border-top: 2px solid #F5F4EF; }


@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	}
}

@media (min-width:992px) {
	.modal-lg, .modal-xl {	max-width: 800px	}
	.modal-dialog {	max-width: 800px;		}
	.modal .frame-type-accordion .table-responsive .table th {font-size: 22px;}
	.modal .frame-type-accordion .table-responsive .table tbody td{ font-size: 18px;}
	.modal .modal-content h3 {	font-size: 62px; line-height: 62px; text-transform: unset;}
	.modal .modal-content h4{	font-size: 62px; line-height: 62px; font-weight: 100;}
	.modal .modal-content h5{	font-size: 35px; line-height: 35px; }

}

@media (min-width:1200px) {
	.modal-xl {		max-width: 1140px	}
	.modal-dialog {		max-width: 800px;		}
	.modal .news-img-wrap img{ max-width: 660px; 	}
	.modal .frame-type-accordion{  min-width: 660px; max-width: 660px;}

}

@media (min-width:1600px) {
	.modal-dialog {		max-width: 1000px;		}
}




@-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;	}
}

.owl-carousel .owl-item img {	display: block;	width: 100%; 	height: auto; opacity: 0.8; filter: saturate(0.7);}
.owl-one.owl-carousel .owl-nav {width: 50px;	background: #3B4C47;	height: 100%;	position: absolute;	right: 0;	top: 0;
	display: flex;	align-items: center;	align-content: center;	justify-content: center; flex-direction: column;}
.roomlist .owl-one.owl-carousel .owl-nav {display: none;}

.owl-one.owl-carousel .nav-btn{	height: 20px;		width: 33px;	cursor: pointer;	top: 0 !important;}
.owl-one.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{	pointer-events: none;	opacity: 0.2;}
.owl-one.owl-carousel .prev-slide{	background: url("/fileadmin/user_upload/Icon/arrow-prev.svg") no-repeat scroll 0 0;	right: 0; margin: 10px 0;}
.owl-one.owl-carousel .next-slide{	background: url("/fileadmin/user_upload/Icon/arrow-next.svg") no-repeat scroll 0px 0px;	right: 0; margin: 10px 0;}

.owl-drei.owl-carousel .owl-nav {width: 50px;	background: #3B4C47;	height: 100%;	position: absolute;	right: 0;	top: 0;
	display: flex;	align-items: center;	align-content: center;	justify-content: center; flex-direction: column;}
.owl-drei.owl-carousel .nav-btn{	height: 20px;		width: 33px;	cursor: pointer;	top: 0 !important;}
.owl-drei.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{	pointer-events: none;	opacity: 0.2;}
.owl-drei.owl-carousel .prev-slide{	background: url("/fileadmin/user_upload/Icon/arrow-prev.svg") no-repeat scroll 0 0;	right: 0; margin: 10px 0;}
.owl-drei.owl-carousel .next-slide{	background: url("/fileadmin/user_upload/Icon/arrow-next.svg") no-repeat scroll 0px 0px;	right: 0; margin: 10px 0;}


/* Kreisform für die Punkte */
.owl-one.owl-carousel .owl-dots {width: 50px; position: absolute;	right: 0; height: 50%;	top:0; display: flex;	align-items: center;	align-content: center;	justify-content: flex-end; flex-direction: column; margin-top: -80px; text-align: center;}
.owl-fuenf.owl-carousel .owl-dot {	width: 10px;	height: 10px;	margin: 0 5px;	background-color: white;	border-radius: 50%; 	border: 2px solid white; opacity: 0.5; }
.owl-fuenf.owl-carousel .owl-dot.active {	opacity: 1; }
.roomlist .owl-one.owl-carousel .owl-dots {display: none;}

.owl-drei.owl-carousel .owl-dots {width: 50px; position: absolute;	right: 0; height: 50%;	top:0; display: flex;	align-items: center;	align-content: center;	justify-content: flex-end; flex-direction: column; margin-top: -80px; text-align: center;}


/* Aktiver Punkt */
.owl-dot.active {background-color: #77ABA2; border: 2px solid #77ABA2; }

@media screen and (min-width: 992px){
	.owl-fuenf.owl-carousel .owl-dots {padding-left: 60%;}
}





/*Standard Newstemplate Framecontainer Breite*/
.frame-type-news_newsliststicky  .frame-container {width: 100%; max-width: 1900px;}

/*ZimmerSlider*/
#c11.frame-type-news_newsliststicky  .frame-container { width: 100%;  max-width: calc((100vw - 20px) / 16 * 15); padding-right: 0; padding-left: 0; margin: 0; margin-left:  calc((100vw - 20px) / 16 * 1); overflow: hidden; }

/*AngeboteSlider*/
#c21.frame-type-news_newsliststicky  .frame-container { width: 100%;  max-width: 1600px; 	padding-right: calc(var(--bs-gutter-x)* .5);
	padding-left: calc(var(--bs-gutter-x)* .5);	margin-right: auto;	margin-left: auto; }
.frame-type-news_newsliststicky .grid-container  {	display: grid;	grid-template-columns:  repeat(4, 1fr);	gap: 10px;	background: transparent url("/fileadmin/user_upload/Icon/offer-hg.svg") no-repeat top left ; padding: 0; background-size: 167px;
}
.frame-type-news_newsliststicky .grid-container > div {	text-align: right;}
.frame-type-news_newsliststicky .item1 {	grid-column: 1 / span 3;	grid-row: 1;	z-index: 1; padding-top: 20px; padding-left: 20px;}
.frame-type-news_newsliststicky .item1 img { opacity: 1;}
.frame-type-news_newsliststicky .item2 {	grid-column: 1 / span 3;	grid-row: 2;	transform: translateY(-50px); z-index: 2;}
.frame-type-news_newsliststicky .item2 p {padding-top: 10px; padding-right: 0px;}
span.offersliderab {font-size: 18px; font-family: 'monarcha',sans-serif; font-style: italic; font-weight: 700;}
span.offerslideprice {font-size: 35px; font-family: 'monarcha',sans-serif; font-style: italic; font-weight: 700;}
span.offerslidepro {font-size: 13px; line-height: 16px; font-family: 'Poppins',sans-serif; text-transform: uppercase; letter-spacing: 1px; padding-top: 20px;}
.frame-type-news_newsliststicky .offerslidercontent h3 {	text-transform: unset; padding-bottom: 0; margin-bottom: 0;}
.frame-type-news_newsliststicky .offerslidercontent h4 {	 padding-bottom: 20px; }
.frame-type-news_newsliststicky .offerslidercontent h5 {	font-weight: 100; color:#77ABA2; padding-bottom: 20px;}

@media screen and (min-width: 992px){
	.frame-type-news_newsliststicky .grid-container  {		grid-template-columns:  repeat(6, 1fr);	gap: 16px;	background-size: 453px;}
	.frame-type-news_newsliststicky .item1 {	grid-column: 2 / span 4;	grid-row: 1;	 padding-top: 50px;  padding-left: 0px;}
	.frame-type-news_newsliststicky .item2 {	grid-column: 2 / -1;	grid-row: 1; transform: translateY(0px);	}
	.frame-type-news_newsliststicky .item2 p {padding-top: 150px; padding-right: 70px;}
	span.offersliderab {font-size: 40px; }
	span.offerslideprice {font-size: 96px; }
	span.offerslidepro {font-size: 16px;  padding-top: 20px; line-height: 24px;}
	.frame-type-news_newsliststicky .offerslidercontent  {	padding-top: 55px;}
	.frame-type-news_newsliststicky .offerslidercontent h3 {	font-size: 62px; line-height: 62px; text-transform: unset;}
	.frame-type-news_newsliststicky .offerslidercontent h4{	font-size: 62px; line-height: 62px; font-weight: 100;}
	.frame-type-news_newsliststicky .offerslidercontent h5{	font-size: 35px; line-height: 35px; }
}

/*Zimmerlist und Angeboteliste
bei Anpassungen für das Angebotstemplate steht offerlist dabei;
*/
.frame-type-news_newsliststicky .news .frame-container {display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 50px; padding-top: 50px; }
.frame-type-news_newsliststicky .news .grid-container-fluid-inner.roomlist  {	display: grid;	grid-template-columns: repeat(8, 1fr);
	grid-column-gap: 0;	grid-template-rows:  auto;	overflow: hidden; max-width: 1360px; width: 100%; }
.frame-type-news_newsliststicky .news .roomlist .imgcontainer {	 grid-column: 1 / span 8;	grid-row-start: 1; grid-row-end: span 1;	z-index: 4;	}
.frame-type-news_newsliststicky .news .roomlist .imgcontainer  img {	opacity: 0.8;	filter: saturate(0.7); width: 100%;	height: auto;}
.frame-type-news_newsliststicky .news .roomlist .imgcontainer .owl-carousel .owl-item img {	opacity: 0.8;	filter: saturate(0.7);}
.frame-type-news_newsliststicky  .news .roomlist .textcontainer { 	grid-column: 1 / span 8; 	grid-row: 4 / auto;	z-index: 5;	width: 100%; 	display: flex; justify-content: flex-end; margin-top: -25px;}
.frame-type-news_newsliststicky  .news .roomlist .textcontainer h3 {font-size: 28px;}
.frame-type-news_newsliststicky  .news .roomlist .textcontainer h4{font-size: 28px;  margin-top: -10px;}
.frame-type-news_newsliststicky  .news .roomlist .pricecontainer { 	grid-column: 1 / span 8; 	grid-row: 1 / auto;	z-index: 6;  text-align: right; padding-top: 20px;}
.frame-type-news_newsliststicky  .news .roomlist .bookcontainer { 	grid-column: 1 / span 4; 	grid-row: 4 / auto;	z-index: 7;  text-align: left; padding-top: 30px; }

@media screen and (min-width: 770px){
	.frame-type-news_newsliststicky  .news .roomlist .textcontainer { 	grid-column: 1 / span 7; 	margin-top: -60px; }
	.frame-type-news_newsliststicky  .news .roomlist.offerlist .textcontainer { 	margin-top: -40px; }
	.frame-type-news_newsliststicky  .news .roomlist .pricecontainer { 	grid-column: 1 / span 7; padding-top: 55px;	}
	.frame-type-news_newsliststicky  .news .roomlist .bookcontainer { 	 padding-top: 10px; }
}
@media screen and (min-width: 992px){
	.frame-type-news_newsliststicky .news  .grid-container-fluid-inner.roomlist {	grid-template-rows: 200px auto;	}
	.frame-type-news_newsliststicky .news .roomlist .imgcontainer {		grid-row-end: none;	}
	.frame-type-news_newsliststicky .news .roomlist.offerlist span.offerslideprice {font-size: 66px; }
}
@media screen and (min-width: 1200px){
	.frame-type-news_newsliststicky  .news .roomlist .textcontainer h3 {font-size: 52px;}
	.frame-type-news_newsliststicky  .news .roomlist.offerlist .textcontainer h3 {font-size: 32px;}
	.frame-type-news_newsliststicky  .news .roomlist .textcontainer h4{font-size: 42px;  margin-top: -10px;}
	.frame-type-news_newsliststicky  .news .roomlist.offerlist .textcontainer h4{font-size: 28px;  margin-top: -10px;}
}

@media screen and (min-width: 1400px){
	.frame-type-news_newsliststicky  .news .roomlist .bookcontainer { 	 padding-top: 50px; }
}

@media screen and (min-width: 1600px){
	.frame-type-news_newsliststicky  .news .roomlist .textcontainer h3 {font-size: 62px;}
	.frame-type-news_newsliststicky  .news .roomlist.offerlist .textcontainer h3 {font-size: 42px;}
	.frame-type-news_newsliststicky  .news .roomlist .textcontainer h4{font-size: 62px;  margin-top: -20px;}
	.frame-type-news_newsliststicky  .news .roomlist.offerlist .textcontainer h4{font-size: 42px;  margin-top: -20px;}
}

/*detailliste*/
.news .row{margin: 0;}

.frame-type-news_newsdetail .frame-container  {width: 100%; max-width: 1900px;}
.frame-type-news_newsdetail .grid-container  {display: grid;	grid-template-columns:  repeat(7, 1fr);	gap: 10px;}
.frame-type-news_newsdetail .item1 {	grid-column: 1 / span 7;	grid-row: 1;	 padding-top: 0;  padding-left: 0;}
.frame-type-news_newsdetail .item1  img{	width: 100%; height: auto; opacity: 0.8;	filter: saturate(0.7);}


.frame-type-news_newsdetail .item2 {	grid-column: 4 / span 4;	grid-row: 2; margin-top: -40px; padding-top: 0px; padding-right: 40px;	 z-index: 2; text-align: right;}
.frame-type-news_newsdetail .item3 {	grid-column: 4 / span 4;	grid-row: 2; 	 z-index: 2; text-align: right;}
.frame-type-news_newsdetail .item3  img{	width: 137px; height: auto; max-width: 370px;}
.frame-type-news_newsdetail .articleBody {max-width: 1400px;}
.frame-type-news_newsdetail .calltoactionbutton	 {padding-top: 20px;}
.frame-type-news_newsdetail .calltoactionbutton	 img {  padding-bottom: 20px;   transition: all 0.4s ease; max-width: 75px; height: auto;}
.frame-type-news_newsdetail	.calltoactionbutton  img:hover			{  transform: scale(1.1);}

@media screen and (min-width: 720px){
	.frame-type-news_newsdetail .item1 {	grid-column: 1 / span 6;	}
	.frame-type-news_newsdetail .item2 {	grid-column: 4 / span 4;	grid-row: 1; margin-top: 0px; padding-top: 150px; padding-right: 80px;	 z-index: 2; text-align: right;}
	.frame-type-news_newsdetail .item3  img{	width: 100%; height: auto;}
	.frame-type-news_newsdetail .calltoactionbutton	 {padding-top: 40px;}
	.frame-type-news_newsdetail .calltoactionbutton	 img {   max-width: 105px; height: auto;}
}

/* Formatierung der Tablle Punkt */
.frame-type-news_newsdetail .frame-type-table  .frame-container {width: 100%; max-width: 1400px; padding: 0;}
.frame-type-news_newsdetail .frame-type-text  .frame-container {width: 100%; max-width: 1400px; padding: 0;}
.frame-type-table  table { border-spacing: 2px; }
.frame-type-table table th { padding: 0.75rem;    border-top: 0 solid #dedede; color:white; font-size: 16px; font-weight: 500; border-bottom: 0;}
.frame-type-table table td {background-color: transparent; color: white; border:0; border-right: 2px solid #3B4C47; }
.frame-type-table table tbody tr:nth-child(even) { background-color: #3B4C47;	color: white; border: 0;  }
.frame-type-table table tbody tr:nth-child(odd) { background-color: #4F6E66;	color: white; border: 0;  }
.frame-type-table table tbody tr:first-child {	background-color: #77ABA2;}
.frame-type-table table tbody tr:first-child td{	font-weight: 600;}

@media screen and (min-width: 1200px) {
	.frame-type-news_newsdetail  h3 {		font-size: 62px;		line-height: 62px;		text-transform: unset;	}
	.frame-type-news_newsdetail  h4 {		font-size: 62px;		line-height: 62px;		font-weight: 100;	}
	.frame-type-news_newsdetail  h5 {		font-size: 35px;		line-height: 35px;	}

}




/*Maskstartseite*/
.frame-type-mask_rosestartseite .row{	margin:0;}
.frame-type-mask_rosestartseite .col-xs-12.roseleft {background: transparent url('/fileadmin/user_upload/Icon/h1before-2.svg') top left no-repeat;  background-size: 165px;  padding-top: 30px; padding-left: 24px; background-position-x: -20px; }

@media screen and (min-width: 992px){
	.frame-type-mask_rosestartseite .col-md-6.roseleft {background: transparent url('/fileadmin/user_upload/Icon/h1before-2.svg') top left no-repeat; background-size: 255px; padding-left: 10%;}
	.frame-type-mask_rosestartseite .col-md-6.roseright {padding: 100px 15%  50px 0;}
}

@media (min-width: 2200px) {
	.frame-type-mask_rosestartseite .col-md-6.roseleft {background: transparent url('/fileadmin/user_upload/Icon/h1before-2.svg') top left no-repeat; padding-left: 10%; min-height: 380px; }

}


/*2 Spalten 50%-50%*/
.frame-type-container_2_columns {}

.frame-type-container_2_columns .margin150 {margin-top: 0;}
.frame-type-container_2_columns .frame-container{ padding: 0 10px;}
.frame-type-container_2_columns .frame-container .frame-container{ padding: 0;}
.frame-type-container_2_columns  .col-md-6 {display: flex; align-items: center;}
.frame-type-container_2_columns  .col-md-6 .frame-type-text{max-width: 510px;}

.frame-type-container_2_columns.frame-background-pattern {}


/* 2 Spalten mit Verlinkung zu den jeweiligen Themenseiten*/
.frame-type-mask_imagebuttonverlinkung { }
.frame-type-mask_imagebuttonverlinkung .frame-container{ padding: 30px 15px; max-width: 1500px; width: 100%; background: transparent url("/fileadmin/user_upload/Icon/pattern.svg") repeat center center;}
.frame-type-container_2_columns  .col-md-6 {display: flex; align-items: center; justify-content: center;}
.frame-type-mask_imagebuttonverlinkung .frame-container img{		-webkit-transition: 0.9s ease-in-out;	transition: 0.9s ease-in-out;	width: 100%;	height: auto;	opacity: 0.8; filter: saturate(0.7);}
.frame-type-mask_imagebuttonverlinkung .frame-container img:hover{ opacity: 1;}

.frame-type-mask_imagebuttonverlinkung .imagebuttonverlinkungimagetext {
	position: relative;	margin: -124px 0 0 0;	padding-right: 5%;	display: flex;	align-items: flex-end;
	background: linear-gradient(rgba(38,38,38,0) 0%, rgba(38,38,38,0.7) 100%); flex-direction: column;
}

.gallery-item.gallery-item-size-1.imagebuttonverlinkungimage img  {	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transition: 0.9s ease-in-out;	transition: 0.9s ease-in-out; border-radius: 5px; opacity: 0.2;}
.gallery-item.gallery-item-size-1.imagebuttonverlinkungimage img:hover {	-webkit-transform: scale(1.05);	transform: scale(1.05); opacity: 1;}
.frame-type-mask_imagebuttonverlinkung .frame-container h3{ transform: translateY(15px); }
.frame-type-mask_imagebuttonverlinkung .frame-container h4{   }

@media screen and (min-width: 992px){
	.frame-type-mask_imagebuttonverlinkung .imagebuttonverlinkungimagetext {		margin: -144px 0 0 0;}
	.frame-type-mask_imagebuttonverlinkung .col-md-6:nth-child(2){transform: translateY(80px); }
	.frame-type-mask_imagebuttonverlinkung .frame-container{ padding: 160px 80px; }
	.frame-type-mask_imagebuttonverlinkung .frame-container h3{ font-size: 2em; }
	.frame-type-mask_imagebuttonverlinkung .frame-container h4{ font-size: 2em; }
}


/*2 Spalten 25%-75%*/
.frame-type-container_2_columns_left .frame-container{ padding: 0 10px;}
.frame-type-container_2_columns_left .frame-container .frame-container{ padding: 0;}
.frame-type-container_2_columns_left .col-md-7 {padding: 0 2.5% 0 0; padding-left: 14%;}
.frame-type-container_2_columns_left .col-md-5 {padding: 0; padding-right: 10%;}

@media screen and (min-width: 992px){
	.frame-type-container_2_columns_left .col-md-7 {padding: 0 2.5% 0 0; padding-left: 28%;}
	.frame-type-container_2_columns_left .col-md-5 {padding: 0; padding-right: 20%;}
}


/*2 Spalten 75%-25%*/
.frame-type-container_2_columns_right .margin150 {margin-top: 0;}
.frame-type-container_2_columns_right .frame-container{ padding: 0 10px;}
.frame-type-container_2_columns_right .frame-container .frame-container{ padding: 0;}
.frame-type-container_2_columns_right .col-md-5 {padding: 0; padding-left: 10%;}
.frame-type-container_2_columns_right .col-md-7 {padding: 0 0 0 2.5%; padding-right: 14%;}
@media screen and (min-width: 992px){
	.frame-type-container_2_columns_right .col-md-5 {padding: 0; padding-left: 0%;}
	.frame-type-container_2_columns_right .col-md-5 .textpic-gallery  {padding-left: 48%;}
	.frame-type-container_2_columns_right .col-md-5 .textpic-text .TableParagraph {padding-left: 48%;}
	.frame-type-container_2_columns_right .col-md-5 .textpic-text h1 { padding-left: 38%;}
	.frame-type-container_2_columns_right .col-md-5 .textpic-text h2 { padding-left: 48%;}
	.frame-type-container_2_columns_right .col-md-5 .textpic-text p { padding-left: 48%;}
	.frame-type-container_2_columns_right .col-md-7 {padding: 0 0 0 2.5%; padding-right: 28%;}
}



/*4 Spalten*/
.frame-type-container_4_columns  .margin150 {margin-top: 0;}
.frame-type-container_4_columns .frame-container{ padding: 0 10px;}
.frame-type-container_4_columns .frame-container .frame-container{ padding: 0;}
.frame-type-container_4_columns .col-xs-12,
.frame-type-container_4_columns .col-sm-12,
.frame-type-container_4_columns .col-md-6,
.frame-type-container_4_columns .col-lg-3 {padding: 0;}
.frame-type-container_4_columns .frame  { margin-top: 0;  margin-bottom: 0;}
.frame-type-container_4_columns .textpic { gap: 10px;}
.frame-type-container_4_columns .frame.frame-background-dark { min-height: 375px; display: flex; align-items: center; padding: 0 25px; }


@media screen and (min-width: 768px){
	.frame-type-container_4_columns .frame-container{ padding: 0 50px;}
	.frame-type-container_4_columns .frame.frame-background-dark {margin-top: 50px; min-height: 375px; display: flex; align-items: center; padding: 0 25px; }
	.frame-type-container_4_columns .col-xs-12,
	.frame-type-container_4_columns .col-sm-12,
	.frame-type-container_4_columns .col-md-6,
	.frame-type-container_4_columns .col-lg-3 {padding: 0 10px 0 0;}
}

@media screen and (min-width: 992px){
	.frame-type-container_4_columns .frame.frame-background-none {padding: 0;}
	.frame-type-container_4_columns .frame.frame-background-dark {margin-top: 0;}
}

@media screen and (min-width: 1600px){
	.frame-type-container_4_columns  .margin150 {margin-top: 150px;}
}

/* Anfrageformular */
div#main .powermail_form .form-control { color: #FFFFFF; }
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: #587866;  text-decoration: none;}
div#main .powermail_form  label		{  text-align:left; width:100%; position:relative; float:left; padding: 0 10px 0 0;  line-height:24px}
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			{     font-family: 'Poppins', sans-serif; width:100%; height:3em;  border: 2px solid #AAA8A8;    padding: 6px 12px; background-color: transparent; margin: 0; border-radius: 2px; color: #FFFFFF;  }
div#main .powermail_form  input::placeholder	{  color: #AAA8A8;   }
div#main .powermail_form  input:focus::placeholder {	color: transparent;}

div#main .powermail_form  .btn-toolbar>.btn-group  {    margin-left: 5px;    width: 100%;  text-transform:uppercase;  }
div#main .powermail_form   select {     font-family: 'Poppins', sans-serif; width: 100%;	color: #FFFFFF; height:3em;   border: 2px solid #AAA8A8; background-color: #3B4C47;   padding: 6px 12px; margin: 0; }
div#main .powermail_form  select:focus { border-color: rgba(255, 255, 255, 0.2); box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.4);  outline: 0 none; 	}
div#main .powermail_form   textarea {     font-family: 'Poppins', sans-serif; min-height: 200px;  color: #FFFFFF; width:100%;  border: 2px solid #AAA8A8; background-color: transparent;  padding: 6px 12px; margin: 0 0 25px 0;}
div#main .powermail_form  textarea:focus { border-color: rgba(255, 255, 255, 0.2); box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.4);  outline: 0 none; 	}
div#main .powermail_form  .checkbox input[type=checkbox]	{ width: 20px;	left: 0;	top: 5px;	position: absolute;	height: 18px;}
div#main .powermail_form  .powermail_field  .checkbox label {padding: 0 10px 0 30px;}
div#main .powermail_form   input:focus { border-color: rgba(255, 255, 255, 0.2); box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset, 0 0 8px rgba(255, 255, 255, 0.4);  outline: 0 none; 	}
div#main .powermail_form .powermail_fieldwrap.nolabel label.powermail_label {display: none;}

div#main .powermail_form input.powermail_submit { cursor: pointer; margin: 0; width: 100%; padding: 5px;  border-style: solid; clear: both; color: #ffffff;	background-color: #77ABA2;	border-color: #77ABA2;	text-transform: uppercase;	border-radius: 0;	border: 0;	box-shadow: none; margin-top: 20px;     border-radius: 25px;}
div#main .powermail_form   ul { margin-bottom: 0;}
div#main .powermail_form .powermail_message_error {color: red;}
div#main .powermail_form .powermail_field_error {color: red; border-color: red;}
div#main .powermail_form .powermail_message_error  {padding: 20px;}
div#main .powermail_form .powermail_message_error li {color: red;}
div#main .powermail_form .powermail-errors-list {color: red;}

.tx-powermail {	padding: 50px 0;}
.tx-powermail .container-fluid { max-width: 980px;}
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;}

	div#main .powermail_form .powermail_fieldwrap {		padding-bottom: 10px;	}
	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_zimmertyp,
	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;}

@media screen and (min-width: 768px) {

	div#main .powermail_form   textarea {width: 48%;	}
	div#main .powermail_form .powermail_fieldwrap_anrede,  div#main .powermail_form .powermail_fieldwrap_zimmertyp{width: 48%;	 display: block;}
	div#main .powermail_form .powermail_fieldwrap_anreise,
	div#main .powermail_form .powermail_fieldwrap_erwachsene,
	div#main .powermail_form .powermail_fieldwrap_jahrekinder,
	div#main .powermail_form .powermail_fieldwrap_vorname {		width: 48%;		margin-right: 2%;		float: left;	}

	div#main .powermail_form .powermail_fieldwrap_abreise,
	div#main .powermail_form .powermail_fieldwrap_kinder,
	div#main .powermail_form .powermail_fieldwrap_nachname	{		width: 50%;		float: left;	}

}
/*expressAnfragen
 */
.frame-container.frame-type-express h2.element-header { padding-left: 20px; }
fieldset.express div.expressdiv{ width: 50%; border-bottom: 1px solid #CDD6D1; margin-bottom: 10px; padding: 5px;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
fieldset.express div.buchen{  border-right: 0; }
fieldset.express div label { text-transform: uppercase; font-size: 14px;  font-weight: bold; color:#CDD6D1; letter-spacing: 0px;}
fieldset.express div input[readonly]
{ background-color: transparent; border: 0; box-shadow: none; color: #CDD6D1; font-size: 18px; font-family: "Poppins", sans-serif;
	padding: 0;	margin: 0;	text-align: left; max-width: 200px;}
fieldset.express div select{ background-color: transparent; color: #CDD6D1; font-size: 18px; font-family: "Poppins", sans-serif; padding: 0;	margin: 0;}
fieldset.express div select option{font-size: 16px;}

@media screen and (min-width: 768px){
	.frame-container.frame-type-express h2.element-header { padding-left: 50px; }
	fieldset.express div input[readonly] {font-size: 30px; }
	fieldset.express div select {font-size: 30px;}
	fieldset.express div label {font-size: 16px; }
	fieldset.express div.expressdiv{ width: 50%; border-bottom: 1px solid #CDD6D1; margin-bottom: 10px; }
	fieldset.express div.expressdiv:nth-child(1){  border-right: 1px solid #CDD6D1;}
}

@media screen and (min-width: 992px) {
	fieldset.express div.expressdiv {	width: 250px;		border-right: 1px solid #CDD6D1;		border-bottom: 0;	}
	fieldset.express div.expressdiv:nth-child(4) {	border-right: 0;	}
	fieldset.express div.expressbuchen {	display: flex;	justify-content: center;	align-items: center;	flex-direction: column;	}
}

 iframe { filter: grayscale(100%);}


.frame-type-mask_roseimagefulltext .frame-container {padding: 0;}
.frame-type-mask_roseimagefulltext .backgroundimage-container1{	position: relative; float: left; margin: 0 auto; padding: 0;	 z-index: 4; opacity: 0.8;
	min-height: 200px;	min-width: 200px;	background-size: cover; width: 100%; height: 80vh; display: flex;	align-items: center;	justify-content: flex-end;
	opacity: 0.8;	filter: saturate(0.7);
}
.frame-type-mask_roseimagefulltext .backgroundimage-container2{	position: absolute;	float: left; margin:0;   width: calc((100vw - 20px) / 8 * 8); margin-right: calc((100vw - 20px) / 8 * 1); top: 0;	 z-index: 5; text-align: right; height: 100%;  display: flex;	flex-direction: column;	align-items: flex-end; justify-content: center;}
.frame-type-mask_roseimagefulltext .backgroundimage-container2 h1{ font-family: monarcha,sans-serif; font-style: italic; text-transform: lowercase; font-size: 55px; line-height: 55px; font-weight: 700; max-width: calc((100vw - 20px) / 16 * 10); margin: 0 0 10px 0;}
.frame-type-mask_roseimagefulltext .backgroundimage-container2 p{ max-width: calc((100vw - 20px) / 16 * 14); }


@media screen and (min-width: 992px) {
	.frame-type-mask_roseimagefulltext .backgroundimage-container2 h1{  max-width: calc((100vw - 20px) / 16 * 6); }
}

@media screen and (min-width: 1200px) {
	.frame-type-mask_roseimagefulltext .backgroundimage-container2{	 margin-right: calc((100vw - 20px) / 16 * 2); width: calc((100vw - 20px) / 16 * 14); }
	.frame-type-mask_roseimagefulltext .backgroundimage-container2 h1{  max-width: calc((100vw - 20px) / 16 * 10); }
	.frame-type-mask_roseimagefulltext .backgroundimage-container2 p{ max-width: calc((100vw - 20px) / 16 * 10); }
}


@media screen and (min-width: 1600px) {
	.frame-type-mask_roseimagefulltext .frame-container {padding-right: calc(var(--bs-gutter-x)* .5);		padding-left: calc(var(--bs-gutter-x)* .5);}
	.frame-type-mask_roseimagefulltext .backgroundimage-container2{	 margin-right: calc((100vw - 20px) / 16 * 1); width: calc((100vw - 20px) / 16 * 15); }
	.frame-type-mask_roseimagefulltext .backgroundimage-container2 h1{  font-size: 230px; line-height: 230px; font-weight: 700; max-width: calc((100vw - 20px) / 16 * 10); margin: 0 0 50px 0;}
	.frame-type-mask_roseimagefulltext .backgroundimage-container2 p{ max-width: calc((100vw - 20px) / 16 * 6); }
}



/*Counter für Hotel mit Zahlen und Fakten*/
/*Counter für Zahlen und Fakten*/
.frame-type-mask_werbestudiozahlenfakten {background: transparent url('/fileadmin/user_upload/Icon/rose.svg') -10px 20px no-repeat; background-size: 150px; padding: 0; min-height: 170px;  }
.card-group-element-item {}
.card-group-element-item h3.card-title{ font-size: 37px; color: white;   font-weight: 500; margin-bottom: 0;}
.card-group-element-item h4.card-subtitle{ font-size: 16px;  color: white;  line-height: 30px; font-weight: 200;}
.card-group-element-item .card {background: transparent; border-radius: 10px;}
.owl-vier.owl-carousel .owl-stage {		display: flex;	align-items: center;}

@media only screen and (min-width: 768px) {
	.card-group-element-item h3.card-title{ font-size: 40px; }
	.card-group-element-item h4.card-subtitle{ font-size: 18px; }
}

@media only screen and (min-width: 992px) {
	.frame-type-mask_werbestudiozahlenfakten {padding-bottom: 170px; background: transparent url('/fileadmin/user_upload/Icon/rose.svg') 50px 50px no-repeat; background-size: 373px  }
	.card-group-element-item h3.card-title{ font-size: 110px; }
	.card-group-element-item h4.card-subtitle{ font-size: 45px; }
}

/*Exeptions */
/*hallo Urlaub Bild Abstand unten */
#c18.frame-type-image {padding-bottom: 0}

/*Kunleisys */

input.button_default {	background: #c1454e !important;	border: none;	color: #ffffff;	font-weight: bold;	padding: 2px 4px; }
.breakbefore {break-before: column;}


/* Content  Gallerie*/
.frame-type-mask_rosegallerie .grid-item img{ max-width: 100%;	height: auto; opacity: 0.5; transition: all 0.4s ease;  }
.frame-type-mask_rosegallerie .grid-item img:hover{  opacity: 1;}
.frame-type-mask_rosegallerie #filters li{display: block; padding: 0 50px 0 0; text-transform: uppercase; font-weight: 500; font-family: "Open Sans", sans-serif; cursor: pointer;}
.frame-type-mask_rosegallerie .grid-item { padding: 5px 10px 5px 0;}
.frame-type-mask_rosegallerie  h5{ font-size: 20px; text-transform: uppercase; letter-spacing: 2px;}

/* clear fix */
.hidden {	display: none;}
.hidden{	visibility:hidden;	width:0px!important;	height:0px!important;	margin:0px!important;	padding:0px!important;}

@media screen and (min-width: 1200px) {
	.frame-type-mask_rosegallerie #filters li{display: inline;}
}


/* Content Formular Click to pay*/
.clicktopay tr, .clicktopay td {padding:  10px 0;}


/* Sliderbildergallerie*/
.frame-type-mask_sliderbildergallerie .row { --bs-gutter-x: 0px; margin-right: 0;}