/* --------------------------------------------------------------------------------
 * Globals: ELEMENTE
 * ----------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6
{
	
	color:#d50c2f;
	font-weight:500;
	letter-spacing: 0.5px;
	max-width: 80%;
	font-family: 'Playfair Display', serif;
}

h1 {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 2.25rem;
	color:#FCBA9F;
}

h2 {
	font-size: 2.625rem;
	margin-bottom: 1rem;
	color:#595959;
}

h3 {
	color:#595959;
	font-size: 1.5625rem;
}

h4{
	font-size: 1.5rem;
	color:#191919;
	font-weight: 500;
}

h5

{
	color: #8197CD;
	text-transform: uppercase;
}

p
{
	
	font-style: normal;
	font-size:16px;
	line-height:23px;
	font-size: 1rem;
    line-height: 1.4rem;	;	
}

.startpage h1
{
	font-size: 2.5rem;
	line-height: 1.2;
	color:#595959;
}
.bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6
{
	color:#FCBA9F;
}

.hotel .bg-red h1, .hotel .bg-red h2, .hotel .bg-red h3, .hotel .bg-red h4, .hotel .bg-red h5, .hotel .bg-red h6
{
	color:#F6E7BC;
}

.bg-red p
{
	color:#fff;
}

.ce_text .image_container.float_above + h1,
.ce_text .image_container.float_above + h2,
.ce_text .image_container.float_above + h3
{
	margin-top:1rem;
}

p.teaser, .teaser p
{

	font-size:1.2rem;
	line-height: 1.75rem;
	color:#191919;
	max-width: 85%;
	font-weight: 400;
	
}

.image_container + p
{
	margin-top:1rem;
}

.teaser
{
	margin-bottom: 3rem;
}

.quotetext {
	max-width: 55%;
	margin-left: auto;
	margin-right: auto;
}
.quotetext p
{
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-size: 3.125rem;
	line-height: 1.2;
	color:#595959!important;
}

.quotetext p em
{
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
	font-style: normal;
	font-family: "Raleway", sans-serif;
}

.highlight-price
{
	margin-top:0.5rem;
	margin-bottom: 0.5rem;
}
.highlight-price p
{
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 500;
	color: #C03533;
	line-height: 1.3;
}

.hotel .bg-red .highlight-price p
{
	color:#F6E7BC;
}

.bg-red .highlight-price p
{
	color: #FCBA9F;
}

.bg-red .highlight-price em
{
	text-align: left;
	font-size: 0.8rem;
	font-style: normal;
	font-family: "Raleway", sans-serif;
}

.ce_text ul
{
	margin-left:24px;
}

.ce_text li
{
	font-size:1rem;
	line-height:1.5;
	list-style:disc;
}

.ce_text ul li::marker, 
.ce_text ol li::marker
{
	color:#364959;
}

.ce_text strong
{
	font-weight: 800;
    /*font-family: "", sans-serif;*/
}

.kursiv
{
	font-style:italic;
}

.ce_download .download-element,
.ce_downloads .download-element
{
	padding-left:30px;
	background-image:url('/files/mhr20/theme/elements/download.png');
	background-repeat:no-repeat;
	background-position:0 4px;
}

b, strong, .ce_text strong {
    font-weight: 600;
}



/* --------------------------------------------------------------------------------
 * Globals: Region
 * ----------------------------------------------------------------------------- */

.bs_flex
{
	display: flex;
    flex-wrap: wrap;	
}
.bs_flex > div
{
	display: flex;
    flex-wrap: wrap;		
	flex-direction: column;
}

.bs_flex.center
{
	display:flex;
}

.bs_flex.center > div
{
	display: flex;
	align-items: center;
	flex-direction: row;
	
}

.bs_flex.center > div .ce_text
{
	max-width: 80%;
}

.guterborders > div:first-child
{
	border-right: 8px solid #fff;
}

.guterborders > div:last-child
{
	border-left: 8px solid #fff;
}
.ce_bs_gridStart.bg-lightred > div
{
	background-color: #f8efef;
	padding:1.5rem;
}

.hotel .ce_bs_gridStart.bg-lightred > div
{
	background-color: #f3f3f3;
}
/* --------------------------------------------------------------------------------
 * Globals: LINKS & BUTTON
 * ----------------------------------------------------------------------------- */



a
{
	color:#FCBA9F;
	text-decoration: none ;	
	cursor: pointer;
}

.hotel a
{
	color:#F6BD03;
}
a:hover
{
	color:#2A2476;
	text-decoration: none ;	
}

.ce_text p a
{
	text-transform:uppercase!important;
	color:#C03533!important;
}

.hotel .ce_text p a
{
	color:#F6BD03!important;
}

.ce_hyperlink
{
	display:inline-block;
}

.ce_hyperlink.button-center
{
	display: flex;
    justify-content: center;
}

.ce_hyperlink a
{
	color:#fff;
}




button, .button a, a.button, p.back a, p.more a, .pagination li a, #main .ncoi---revoke--button {

	border:0px;
    height: 38px;
    border: solid #C03533 1px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;	
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
	color: #C03533;
}

.hotel button, .hotel .button a, .hotel a.button, .hotel p.back a, .hotel p.more a, .hotel .pagination li a, .hotel #main .ncoi---revoke--button
{
	color: #F6CE03!important;
    border: solid #F6CE03 1px!important;	
}
/*
button:after, a.button:after, p.back a:after, p.more a:after, #main .ncoi---revoke--button:after
{
	content: ">";
	padding-left:4rem;
}*/

button:hover, .button a:hover, a.button:hover, p.back a:hover, p.more a:hover, .pagination li a:hover, #main .ncoi---revoke--button:hover  {

	background-color:#C03533;
	color:#fff;
}

.hotel button:hover, .hotel .button a:hover, .hotel a.button:hover, .hotel p.back a:hover, .hotel p.more a:hover, .hotel .pagination li a:hover, .hotel #main .ncoi---revoke--button:hover  {

	background-color:#F6CE03!important;
	color:#fff!important;
}

p + p.back
{
	margin-top:24px;
}


/* --------------------------------------------------------------------------------
 * Globals: MARGIN/PADDING
 * ----------------------------------------------------------------------------- */

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

.margin-top-m
{
	margin-top:24px;
}



.margin-top-3r
{
	margin-top:3rem;
}

/* --------------------------------------------------------------------------------
 * Globals: COLOR
 * ----------------------------------------------------------------------------- */


.max_w75
{
	max-width: 75%;
}



/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */

/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	

	h1
	{
		font-size: 2.5rem;
	}

	h2
	{
		font-size: 2.25rem;
	}
	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	
	h1, h2, h3, h4, h5, h6, p.teaser, .teaser p
	{
		max-width: 90%;
	}
	
	.flex-container.headline {
	  flex-wrap: wrap;
	  flex-direction: column;
	}
	
	.flex-container.headline .link
	{
		margin-top:1rem;
	}
	

	h1
	{
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	h2
	{
		font-size: 2.0rem;
		line-height: 2.25rem;
	}
	
	
}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	.quotetext {
		max-width: 90%;
	}

	.quotetext p {
		font-size: 2rem;
	}

	.bs_flex.center > div .ce_text {
		max-width: 100%;
	}

	.guterborders > div:first-child {
		border-right: 0;
	}

	.guterborders > div:last-child {
		border-left: 0;
	}
	
	.ce_bs_gridStart.highlights div {
		margin-bottom: 2rem;
	}
	
	.ce_bs_gridStart.text-first {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.ce_bs_gridStart.text-first .ce_bs_gridSeparator .ce_text {
		text-align: center;
	}
	
	.ce_bs_gridStart.text-first .ce_bs_gridSeparator .ce_hyperlink {
		width: 100%;
		text-align: center;
	}

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {

	h1, h2, h3, h4, h5, h6, p.teaser, .teaser p
	{
		max-width: 99%;
	}
	
.col_w25
{
	width:50%;
	float:left;
}

.col_w33
{
	width:100%;
	float:left;
}

.col_w50
{
	width:100%;
	float:left;
}

.col_w66
{
	width:100%;
	float:left;
}

	h1, h2 {
		hyphens: auto;
	}

	.quotetext {
		max-width: 95%;
	}

	.quotetext p {
		font-size: 1.5rem;
		line-height: 1.3;
	}

	.bs_flex {
		flex-direction: column;
	}

	.bs_flex > div {
		width: 100% !important;
	}

	p.teaser, .teaser p {
		max-width: 100%;
	}

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	

	
}