
/*---------------------------------------*/ 
/*	RESET
/*---------------------------------------*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
text-decoration: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {
display: block;
}

ol,ul { 
list-style: none; 
}

:focus { outline: 0; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { 
content: '';content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th,td { font-weight: normal; text-align: left; }
img { border:0;-ms-interpolation-mode:bicubic }

svg:not(:root){ overflow:hidden }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }

a:active, a:visited { 
border: none;
outline: none;
}

*, *:before, *:after {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}



/*---------------------------------------------*/ 
/*	BASIC
/*---------------------------------------------*/

/*
#F0BF42 das Gelb
#C77C0C das cognac
#629DA8 das Petrol 
#cd4008 my red
#d0572e my red 2
#f5f4f1 my fond hell
*/


html {

/* S C H M A L */
/*font-family: Oswald, sans-serif;*/

/* S E R I F */
/*font-family: 'Lora', serif;*/
/*font-family: 'Merriweather', serif;*/
/*font-family: 'Baskervville', serif;*/
/*font-family: 'Libre Baskerville', serif;*/

/* S A N S */
/*font-family: Arial, sans-serif;*/
/*font-family: 'Maven Pro', sans-serif;*/
/*font-family: 'Josefin Sans', Arial, sans-serif;*/
/*font-family: 'Nunito Sans', sans-serif;*/
/*font-family: 'Noto Sans JP', sans-serif;*/

overflow-y: scroll;
overflow-x: hidden;
height: 100%;
background-color: #fff;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.5;

color: #003763;
font-weight: 300;

-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

/* Font varient */
/*font-variant-ligatures: none;*/
/*font-variant-ligatures: common-ligatures;*/

/* speed or quality */
/*text-rendering: optimizeLegibility;*/

/* Smoothing */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 1.2px rgba(0, 0, 0, 0.2);

}

html.layer_open {
overflow: hidden;
margin-right: 20px;
}

html.layer_open #mainwrapper.stickyheader .head #flexContHead {
margin-right: 20px;
}

html.layer_open #openNav2 {
margin-right: 20px;
}


body {
height: 100%;
-webkit-font-smoothing:antialiased;
/*background-color: #dca963;*/
}





/*-----------------------------------------*/ 
/*	TYPO ABSTÄNDE
/*-----------------------------------------*/

h1 { 
margin-bottom: calc(10px + 1vw);
}

h2 { 
margin-bottom: 20px; 
}

*+p, *+table, *+blockquote, *+ul, *+ol, *+dl, 
*+pre, *+address, *+fieldset, *+figure, .cke_body_2,
h2+h3 {
margin-top: 20px;
}

*+h2 {
margin-top: calc(40px + 2vw);
}

.cke_body_2 h2:first-child {
margin-top: calc(40px + 2vw);
}


*+h3 {
margin-top: calc(30px + 1vw);
}


*+blockquote,
.cke_body_2 blockquote:first-child,
*+table,
*+ul.list2,
*+ul.list1rahmen,
*+ul.list1-col3 {
margin-top: calc(30px + 1vw);
margin-bottom: calc(30px + 1vw);
}

h2+ul.list1-col3 {
margin-top: calc(20px + 1vw);
margin-bottom: calc(30px + 1vw);
}


*+figure {
margin-top: calc(35px + 1vw);
margin-bottom: calc(35px + 1vw);
}



/*-----------------------------------------*/ 
/*	TYPO FONTS
/*-----------------------------------------*/

p {
font-size: 1rem;
font-weight: 300;
}

h1 {
font-size: 2rem ;
line-height: 1.2;
color: #b8422b;
/*color: #C77C0C;*/
}



h2 {
font-size: 1.2rem ;
font-weight: 700;
line-height: 1.2;
}

h3 {
font-size: 1.02rem;
line-height: 1.2;
/*color: #c6b04c;*/
font-weight: 400;
color: #4c4c4c;
}

@media only screen and (max-width: 700px) {
	p, li, table { font-size: 0.95rem; }
	h1 { font-size: 1.9rem; }
	h2 { font-size: 1.1rem; }
	h3 { font-size: 1rem; }
}

@media only screen and (max-width: 485px) {
	p, li, table { font-size: 0.9rem; }
	h1 { font-size: 1.8rem; }
	h2 { font-size: 1rem; }
}


p.bigstart {
font-size: 1.3rem;
text-align: center;
margin-top: 5px;
margin-bottom: calc(35px + 1vw);
line-height: 1.4;
}

/*p.bigstart::before {
font: normal normal 48px/0 'iconmoon_hotel'!important;
content: "\e93e";
color: #dad4cd;
position: relative;
right: 14px;
top: 0;
}

p.bigstart::after {
font: normal normal 48px/0 'iconmoon_hotel'!important;
content: "\e940";
color: #dad4cd;
position: relative;
top: 24px;
left: 12px;
}*/



@media only screen and (max-width: 800px) {
	p.bigstart {
	font-size: 1.2rem;
	}
}


@media only screen and (max-width: 500px) {
	
	p.bigstart {
	font-size: 1.1rem;
	}
	
	p.bigstart::before,
	p.bigstart::after {
	display: none;
	}

}




/*---------------------------------------------*/ 
/*	BIGLINK
/*---------------------------------------------*/

a {
color: inherit;
}

a:hover,
a:focus {
color: inherit;
}

a.biglink {
transition: all 0.15s ease-out;
padding: 15px 30px 17px;
color: #cd4008;
/*color: #C77C0C;*/
/*border: 1px solid rgba(199, 123, 11, 0.67);*/
display: inline-block;
font-size: 1.35rem;
font-weight: 300;
border-radius: 40px;
background-color: #ffffff;
/*background-color: #f5f3f0;*/
border: 1px solid #e17c54;
}

a.biglink::after {
font: normal normal 26px/1 'iconmoon_hotel'!important;
content: "\e90e";
padding-left: 14px;
position: relative;
top: 3px;
}

a.biglink:hover {
background-color: #f5f4f0;
}

@media only screen and (max-width: 500px) {
	a.biglink {
	padding: 12px 27px 14px;
	font-size: 1.1rem;
	}
}





/*--------------------------------*/

strong, b, .bold {
font-weight: 500;
}

em {
font-style: italic;
}

span.marker {
background-color: rgba(197, 175, 76, 0.43);
padding-right: 3px;
padding-left: 3px;
margin-right: 3px;
margin-left: 3px;
}

/*--------------------------------*/

blockquote {
padding: 50px 170px 50px 40px;
position: relative;
overflow: hidden;
border-left: 2px solid #d0572e;
/*background-color: #f5f4f1;*/
background-color: rgb(238, 234, 230);
}


blockquote::after {
/*font: normal normal 130px/1 'iconmoon_hotel'!important;
content: "\e963";
position: absolute;
bottom: -15px;
color: rgba(255, 255, 255, 0.4);
right: 15px;
z-index: 1;*/
}

blockquote p {
position: relative;
z-index: 2;
font-size: 1.1rem;
line-height: 1.3;
margin: 0;
padding: 0;
}

blockquote p:nth-child(2) {
font-size: 1rem;
margin-top: 15px;
font-weight: 400;
}

@media only screen and (max-width: 700px) {
	
	blockquote {
	padding: 35px;
	}
	blockquote p {
	font-size: 1.05rem;
	}
	
}


/*------------------------*/ 
/*	CKE BODY
/*------------------------*/


.cke_body {
/*margin-bottom: 60px;*/
}

.cke_body a {
transition: all 0.1s ease-out;
/*border-bottom: 1px solid #444;*/
/*color: #444;*/
/*color: #cd4008;*/
/*color: #C77C0C;*/
color: #d0572e;
}

.cke_body a:hover {
/*border-bottom: 1px solid rgba(205, 64, 8, 1);*/
/*color: #cd4008;*/
color: #004463;
}

.cke_body ul,
.cke_body ol { 
padding-left: 25px;
}

.cke_body ul li,
.cke_body ol li {
padding-top: 2px;
}

.cke_body ul { 
list-style-type: disc;
}

.cke_body ol { 
list-style-type: decimal;
}




/*------------------------*/ 
/*	INITIAL
/*------------------------*/

/*.body p:first-of-type:first-letter {
color: #920c0c;
float: left;
font-size: 5.5em;
line-height: 0.8;
padding-top: 2px;
padding-right: 5px;
padding-left: 3px;
margin-left: -3px;
}*/



/*-------------------------------------*/ 
/*	SPACE
/*-------------------------------------*/

.space_90 {
margin-top:90px;
margin-bottom:90px;
}

.space_90_bottom {
margin-bottom:90px;
}

.space_90_top {
margin-top:90px;
}

.space_70 {
margin-top:70px;
margin-bottom:70px;
}

.space_70_bottom {
margin-bottom:70px;
}

.space_70_top {
margin-top:70px;
}

.space_50_c3 {
margin-bottom: calc(50px + 3vw);
margin-top: calc(50px + 3vw);
}

.space_50_c3_top {
margin-top: calc(50px + 3vw);
}

.space_50_c3_bottom {
margin-bottom: calc(50px + 3vw);
}

.space_50 {
margin-top:50px;
margin-bottom:50px;
}

.space_50_top {
margin-top:50px;
}

.space_50_bottom {
margin-bottom:50px;
}


.space_40 {
margin-top:40px;
margin-bottom:40px;
}

.space_40_top {
margin-top:40px;
}

.space_40_bottom {
margin-bottom:40px;
}

.space_30 {
margin-top:30px;
margin-bottom:30px;
}

.space_30_top {
margin-top:30px;
}

.space_30_bottom {
margin-bottom:30px;
}

.space_24 {
margin-top:24px;
margin-bottom:24px;
}

.space_24_top {
margin-top:24px;
}

.space_24_bottom {
margin-bottom:24px;
}

.space_16 {
margin-top:16px;
margin-bottom:16px;
}

.space_16_top {
margin-top:16px;		
}

.space_16_bottom {
margin-bottom:16px;		
}

.space_10 {
margin-top:10px;
margin-bottom:10px;
}

.space_10_top {
margin-top:10px;
}

.space_10_bottom {
margin-bottom:10px;
}

.space_4 {
margin-top:4px;
margin-bottom:4px;
}

.space_4_top {
margin-top:4px;
}

.space_4_bottom {
margin-bottom:4px;
}

.space_0 {
margin-bottom:0;
}

.space_0_top {
margin-top:0;
}




