/*bei diesem system geht BG farbe nur über html,
da 100% höhe immer nur das window sieht
oder dann wieder über #mainbody 
*/

#mainwrapper {

/*background-color: rgba(199, 198, 192, 0.79);*/

height: 100%;
display: flex;
flex-direction: column;

}


/*-------------------*/ 
/*	WRAP
/*-------------------*/

.wrap {
position:relative;
width:91%;
max-width:1300px;
/*margin:0 auto;*/
margin-right: auto;
margin-left: auto;
}

.wrap.wrap-supersmall {
max-width: 720px;
}

.wrap.wrap-verysmall {
max-width: 900px;
}

.wrap.wrap-small {
max-width: 1100px;
}

.wrap.wrap-big {
max-width: 1500px;
}

.wrap.wrap-rand {
width:100%;
max-width: 100%;
/*background-color: #f5f4f1;
padding-top: 70px;
padding-bottom: 70px;*/
}



/*----------------------------------------------*/ 
/*	MAINBODY
/*----------------------------------------------*/

#mainbody {
flex: 1 0 auto;
padding-top: calc(50px + 1vw);
padding-bottom: calc(30px + 1vw);
background-color: rgba(199, 198, 192, 0);
/*background-color: #d05555;*/

}

#mainbody .wrap {}

#mainbody .wrap + .wrap {
margin-top: calc(35px + 2vw);
}

/*body#bodyid_speisekarte-to-go #mainbody,
body#bodyid_speisekarte-to-go #breadcrumb,
body#bodyid_speisekarte #mainbody,
body#bodyid_speisekarte #breadcrumb  {
background-color: #f5f4f1;
}*/

body.bodyfond #mainbody,
body.bodyfond #breadcrumb {
/*background-color: #f5f4f1;*/
}






/*
#F0BF42 das Gelb
#C77C0C das cognac
#629DA8 das Petrol 
*/



/*---------------------------------------------*/ 
/*	MAINHEADER
/*---------------------------------------------*/



#mainheader {

}


#mainheader .head {
background-image: -webkit-linear-gradient(top, #448ead 0.3%, #83b1c3 100%);
background-image: -moz-linear-gradient(top, #448ead 0.3%, #83b1c3 100%);
background-image: -ms-linear-gradient(top, #448ead 0.3%, #83b1c3 100%);
background-image: linear-gradient(to bottom, #448ead 0.3%, #83b1c3 100%);
width: 100%;
height: 200px;
padding-right: 38px;
padding-left: 38px;
}

#mainheader .head .wrap {
/*max-width: none;
width:100%;*/
}


#mainheader p.subline {
text-align: center;
font-weight: 400;
color: #003763;
padding-right: 10px;
	padding-left: 10px;
}



@media only screen and (max-width: 850px) {
	
	#mainheader .head {
	padding: 0;
	}
	
	#mainheader .head .wrap {
	width:91%;
	}
	
}


/*---------------------------------------------*/ 
/*	PIN HEADER 
/*---------------------------------------------*/

#mainheader .pin-spacer {
z-index: 1030!important;
}

/*#mainheader .head.headpin {
z-index: 1030!important;
}*/

/*---------------------------------------------*/ 
/*	STICKY HEADER 
/*---------------------------------------------*/

/*#mainwrapper.stickyheader {
padding-top: 120px;
}

#mainwrapper.stickyheader .head {
position: fixed!important;
top: 0;
left: 0;
right: 0;
z-index: 1020;
}*/



/* bigimage ------------------*/

#mainwrapper.bigimage .head {
position: absolute;
top: 0;
left: 0;
z-index: 1020;
background-color: rgba(178, 198, 29, 0);
box-shadow: none;
border-bottom: none;
}

#mainwrapper.stickyheader.bigimage {
padding-top: 0;
}




/*----------------------------------------*/ 
/*	TOPPER
/*----------------------------------------*/ 






/*-----------------------------------*/ 
/*	FLEX conthead
/*-----------------------------------*/

#flexContHead {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center	;
justify-content: center;
background-color: rgba(220, 107, 189, 0);
position: relative;
height: 200px;
}


/*---------------------------*/ 
/*	LINKS :: HEADERLOGO
/*---------------------------*/

a#headerlogo  {
/*display: flex;
justify-content: center;
align-items: center	;*/
overflow: hidden;
background-color: rgba(235, 123, 123, 0);
height: 85px;
}

a#headerlogo img {
display: block;
/*height: 80px;*/
max-height: 85px;
/*-webkit-box-shadow: 0 4px 4px rgb(255, 255, 255); /* WebKit *!/
-moz-box-shadow: 0 4px 4px rgb(255, 255, 255); /* Firefox *!/
box-shadow: 0 4px 4px rgb(255, 255, 255); /* Standard *!/*/
}

/*--- S V G---------*/
/*--- S V G---------*/

/*a#headerlogo svg {
display: block;
width: 53px;
height: 80px;
fill: #444;
fill-opacity: 1;
transition: all 0.2s ease-out;
color: #818181;
background-color: rgba(193, 24, 24, 0);
}*/

a#headerlogo svg {
display: block;
width: 52px;
height: 52px;
transition: all 0.2s ease-out;
fill: #2b2b2b;
fill-opacity: 1;
stroke: #fff;
stroke-width: 12;
stroke-opacity: 0;
}

.bigimage a#headerlogo svg {
fill: #fff;
}


/*--- T E X T ---------*/
/*--- T E X T ---------*/

a#headerlogo p {
font-size: 15px;
margin: 0 0 0 8px;
text-transform: uppercase;
line-height: 1.3;
transition: all 0.25s ease-out;
font-weight: 600;
}

.bigimage a#headerlogo p {
color: #fff;
}


@media only screen and (max-width: 770px) {
	a#headerlogo svg {
	width: 45px;
	height: 60px;
	}
	a#headerlogo p {
	font-size: 14px;
	}
}

@media only screen and (max-width: 400px) {
	a#headerlogo svg {
	width: 40px;
	height: 51px;
	}
	a#headerlogo p {
	font-size: 13px;
	}
}




/*---------------------------------------------*/ 
/*	RECHTS :: HEADER NAV
/*---------------------------------------------*/

.flexCont {
display: flex; 
flex-wrap: wrap;
flex-direction: row; 
justify-content: space-between;
align-items: center	;
}


/*---------------------------------------------*/ 
/*	HEADERBOTTOM
/*---------------------------------------------*/

/*#header-bottom {
background-color: #b5773d;
}*/


/*--------------------------------------*/ 
/*	FLEX
/*--------------------------------------*/

.flex-auto-260 {
display: flex;
flex-wrap: wrap;
/*flex-direction: row; */
/*align-items: center	;
justify-content: center;*/
justify-content: space-between;
}

.flex-auto-260 div:nth-child(1) {
flex: 50%;
}

.flex-auto-260 div:nth-child(2) {
margin-left: 6%;
}

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

	.flex-auto-260 {
	flex-direction: column-reverse;
	}
	
	.flex-auto-260 div:nth-child(2) {
	margin-left: 0;
	}

}





/*--------------------------------------*/ 
/*	GRID 50-50
/*--------------------------------------*/

.grid-50-50 {
display: grid;
grid-template-columns: auto 260px;
grid-column-gap: 8%;
}





/*--------------------------------------*/ 
/*	GRID A
/*--------------------------------------*/

.grid-a {
display: grid;
grid-template-columns: auto 320px;
grid-column-gap: 8%;
}

.grid-a .gridbox-1 {
grid-row: 1;
background-color: #c5aedd;
}

.grid-a .gridbox-2 {
grid-row: 2;
}

@media only screen and (max-width: 1160px) {
	.grid-a {
	grid-column-gap: 6%;
	}
}

@media only screen and (max-width: 1050px) {
	
	.grid-a {
	display: block;
	}
	
	.grid-a .gridbox-2:last-child {
	/*margin-top: calc(50px + 2vw);*/
	display: none;
	}
	
}


/*--------------------------------------*/ 
/*	GRID B
/*--------------------------------------*/

.grid-b {
display: grid;
grid-template-columns: 50% 40%;
grid-column-gap: 10%;
}


@media only screen and (max-width: 860px) {
	
	.grid-b {
	display: block;
	}
	
	.grid-b .gridbox:last-child {
	margin-top: calc(50px + 2vw);
	}
	
}



/*--------------------------------------*/ 
/*	GRID CD
/*--------------------------------------*/

/*.grid-cd {
width: 800px;
}

@media only screen and (max-width: 870px) {
	.grid-cd {
	width: 100%;
	}
}*/





/*---------------------*/ 
/*	SIDEBAR
/*---------------------*/


#sidebar .section {}

#sidebar .section+.section {
margin-top: 38px;
}


/*--------------------------------*/ 
/*	SUB ONE STACK
/*--------------------------------*/

.onestack {
/*background-color: rgba(149, 201, 204, 0.73);*/
display:block;
overflow:hidden;
clear:both;
width:100%;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #cedae4;
}

.onestack:first-child {
/*margin-top: 0;*/
}





/*---------------------------------------------*/ 
/*	BREADCRUMB
/*---------------------------------------------*/


#breadcrumb {
background-color: #c3c2bc;
}

ul.breadcrumb  { 
display: flex;
flex-wrap: wrap;
align-items: center	;
margin-top: 30px;
margin-bottom: 30px;
}

ul.breadcrumb li { 
font-size: 0.8rem;
white-space: pre-wrap;
}

ul.breadcrumb li a {
/*text-decoration: underline;*/
font-weight: 500;
}

ul.breadcrumb li a:hover {
/*text-decoration: underline;*/
/*color: #cd4008;*/
color: #afb59e;
}

ul.breadcrumb li:after {
font: normal normal 0.5rem/0 'iconmoon_hotel'!important;
content: "\e92d";
padding-left: 10px;
padding-right: 10px;
/*color: #cd4008;*/
color: #afb59e;
}

ul.breadcrumb li:last-child:after {
content: '';
padding-right: 0;
}



/*----------------------------------------*/ 
/*	UL LIST 1
/*----------------------------------------*/

ul.list1 {
list-style: none;
padding: 0;
}

ul.list1 li {
padding-left: 30px;
padding-top: 3px;
padding-bottom: 3px;
position: relative;
}

ul.list1 li:before {
font: normal normal 18px/33px 'iconmoon_hotel'!important;
content: "\e95d";
color: #cd4008;
/*color: #C77C0C;*/
position: absolute;
top: 1px;
left: 0;
}


/*----------------------------------------*/ 
/*	UL LIST 1 COL 3
/*----------------------------------------*/

ul.list1-col3 {
list-style: none;
padding: 0;
column-count: 3;
column-gap: 25px;
padding-right: 100px;
}

ul.list1-col3 li {
padding-left: 2px;
padding-top: 0;
padding-bottom: 0;
}

ul.list1-col3 li:before {
font: normal normal 18px/32px 'iconmoon_hotel'!important;
content: "\e95d";
color: #cd4008;
/*color: #C77C0C;*/
padding-right: 11px;
}

@media only screen and (max-width: 1100px) {
	ul.list1-col3 {
	padding-right: 0;
	}
}

@media only screen and (max-width: 1000px) {
	ul.list1-col3 {
	column-count: 2;
	}
	ul.list1-col3 li:before {
	font: normal normal 18px/30px 'iconmoon_hotel'!important;
	}
}

@media only screen and (max-width: 710px) {
	ul.list1-col3 {
	column-count: 1;
	}
	ul.list1-col3 li:before {
	font: normal normal 18px/28px 'iconmoon_hotel'!important;
	}
}





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

.tab-innerbox ul.list1 li {
padding: 3px 15px 3px 36px;
}

.tab-innerbox ul.list1 li:before {
top: 2px;
left: 0;;
}





/*----------------------------------------*/ 
/*	UL LIST 1 RAHMEN
/*----------------------------------------*/

ul.list1rahmen {
list-style: none;
padding: 50px 55px;
/*background-color: #e9e8e5;*/
background-color: #f5f4f1;
}

@media only screen and (max-width: 740px) {
	ul.list1rahmen {
	padding: 30px 40px;
	}	
}


ul.list1rahmen li {
padding: 2px 15px 2px 32px;
position: relative;
}

ul.list1rahmen li:before {
font: normal normal 18px/33px 'iconmoon_hotel'!important;
content: "\e95d";
color: #cd4008;
/*color: #C77C0C;*/
position: absolute;
top: 0;
left: 0;
}




/*----------------------------------------*/ 
/*	UL LIST 2
/*----------------------------------------*/

ul.list2 {
list-style: none;
padding: 0;
}

ul.list2 li {
/*background-color: rgba(197, 175, 76, 0.3); */
margin-bottom: 2px;
padding: 15px 15px 15px 50px;
position: relative;
background-color: #e9e8e4;
}

ul.list2 li:before {
font: normal normal 18px/60px 'iconmoon_hotel'!important;
content: "\e93f";
color: #cd4008;
position: absolute;
top: 0;
left: 15px;
}

/* lastline -------------------------*/

ul.list2.lastline li:last-of-type {
font-size: 0.8rem;
padding: 15px 15px 15px 15px;
}

ul.list2.lastline li:last-of-type:before {
content: "";
}




/*----------------------------------------*/ 
/*	UL LIST 3
/*----------------------------------------*/

ul.list3 {
list-style: none;
padding: 30px 30px 30px 45px;
background-color: #f5f4f1;
border-left: 2px solid #C77C0C;
}

ul.list3 li {
font-weight: 400;
padding-bottom: 2px;
padding-top: 2px;
}











/*----------------------------------------*/ 
/*	UL PDF DOWNLOAD
/*----------------------------------------*/

ul.pdf_download {
list-style: none;
padding: 0;
/*margin-top: 60px;*/
}

ul.pdf_download li a {
color: #cd4008;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
}

ul.pdf_download li a:hover {
color: #444;
}

ul.pdf_download li a:before {
font: normal normal 20px/1 'iconmoon_hotel'!important;
content: "\eadf";
padding-right: 12px;
position: relative;
top: 2px;
}




/*----------------*/ 
/*	VIDEO
/*----------------*/

video.videohost {
display: block;
margin: 0;
padding: 0;
/*border-bottom: 5px solid #3b6b9a;*/
background-color: #ffffff;
width:100%;
min-width: 100%;
height: auto;
/*height:300px;*/
/*opacity: 0.5;*/
}






/*-----------------------------------------------*/ 
/*	FOOTER
/*-----------------------------------------------*/


/* top ----------------*/

#mainfooter .footertop {
position: relative;
z-index: 10;
padding: 90px 0 60px;
/*box-shadow:0 0 15px rgba(0, 0, 0, .1);*/
text-align: center;
background-color: #b5b3ac;
}





/* footerlogo img ----------------*/

a#footerlogo_img {
width: 130px;
height: 130px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 34px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #629DA8;
border-radius: 100px;
border: 4px solid #F0BF42;
box-shadow: 0 0 16px rgba(13, 0, 0, 0.22);
transition: all 0.25s ease-out;
}

a#footerlogo_img img {
height: 93px;
margin-bottom: 6px;
}

a#footerlogo_img:hover {
background-color: #C77C0C;
border: 4px solid #629DA8;
}


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


/* footerlogo svg ----------------*/

a#footerlogo {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 28px;
}

a#footerlogo svg {
fill: #2b2b2b;
fill-opacity: 1;
transition: all 0.25s ease-out;
color: #8d8e8d;
}

a#footerlogo svg {
width: 70px;
height: 70px;
background-color: rgba(255, 255, 255, 0);

}

a#footerlogo:hover svg {
fill: #fff;
}






/* adr ----------------*/

#mainfooter .adr {
margin-bottom: 40px;
}

#mainfooter .adr_item {
display: flex;
align-items: center;
justify-content:center;
}

#mainfooter .adr_item span {
display: block;
}

#mainfooter .adr_item span+span:before {
content: "|";
padding-right: 10px;
padding-left: 10px;
font-size: 12px;
position: relative;
bottom: 2px;
}

#mainfooter .adr_item  a:hover {
color: #d94a1e;
}


@media only screen and (max-width: 740px) {
	#mainfooter .adr_item  {
	display: block;
	}
	#mainfooter .footertop span+span:before {
	content: "";
	padding: 0;	
	}
}



/* bottom ----------------*/

#mainfooter .footerbottom {
padding: 0 0 60px;
display: flex;
align-items: center;
justify-content:center;
background-color: #eae6e1;
}

#mainfooter .footerbottom a svg {
fill: #2b2b2b;
fill-opacity: 1;
transition: all 0.2s ease-out;
height: 43px;
width: 43px;
margin-right: 26px;
}

#mainfooter .footerbottom a.bettbike svg {
width: 170px;
margin-right: 0;
}

#mainfooter .footerbottom a:hover svg {
/*fill: #d0572e;*/
}