@font-face {
    font-family: 'good_karmaregular';
    src: url('../fonts/positype_-_good_karma_regular-webfont.woff2') format('woff2'),
         url('../fonts/positype_-_good_karma_regular-webfont.woff') format('woff'),
        url('../fonts/positype_-_good_karma_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* neuer Datenschutz */

.div-datenschutzcontent {
	display:none;
}

.datenschutz-buttons .button {
	width:250px;
	width:auto;
}

.start-trust-widget {
position: absolute;
left: 120px;
bottom: 100px;
width: 120px;
height: 120px;
display: block;

}

.start-trust-widget.mobile-view {
position: absolute;
left: 30px;
bottom: 140px;
width: 120px;
height: 120px;
display: block;

}

input {
    padding: 10px 0 10px 10px;
}


.kontakt-box-rahmen {
    position: relative;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* corona popup */

.overlay-close {
	display:none;
}

.fullscreen-action-container {

    transition: top 0.0s 1.5s, opacity 1.5s 0s;
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top:0;
    left: 0px;
    opacity: 0.9;
    color: #fff;
    overflow: hidden;
    display: table;
    z-index: 7;
    padding-top: 0;
    padding-bottom: 100px;
    z-index: 99999;
    display:none;

}
.fullscreen-action-container {

    background-color: #000;
    opacity: 0.5;
    height: 100%;

}

#cor-action-container {

    width: 100%;
    height: 100%;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    xmargin-top: 70px;
	margin-top: 15vh;
    display: none;
    z-index: 9999999;
    

}	

@media only screen and (max-width: 616px) {
	#cor-action-container {
		margin-top: 0px;
	}
	
}


#cor-action-container .corona {

    background-color: #fff;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    xheight: 70vh;
    position:relative;
    xborder-radius: 5px;
	box-shadow: 0 2px 5px #000;
	overflow: auto;
}
@media only screen and (max-width: 1000px) {
	#cor-action-container .corona {

    	width: 100%;
    	min-height: 600px;
		xheight: 80vh;
	}
}

		
#cor-action-container .corona .action-nav-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("../img/X.svg");
    margin-top: 20px;
    width: 35px;
    height: 35px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 10px;
    right: 20px;

}


#cor-action-container .corona .inner {
    width: 100%;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    text-decoration: none;
    xpadding: 30px;
	padding: 15px 30px 0px 30px;
    xpadding-bottom: 50px;
    text-align:left;
    font-family: "Oswald", "Arial Narrow", sans-serif;
}


@media only screen and (max-width: 620px) {
	.popup-cvk {display:none;}}
.popup .popup-head{
display: flex;
justify-content: space-between;
align-items:center;
}

.cnt223 a{
text-decoration: none;
}




.cnt223 p{
	clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 14px;
    font-family: sans-serif;
	xpadding: 15px 15px 15px 15px;
}
.cnt223 p a{
color: black;
text-decoration:underline;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
.close{
cursor:pointer;
color:black;
font-size:66px;
margin-right:50px;}

.logo {
padding-left:20px;
padding-bottom:20px;}

body {
	
}

/* ende corona */


.content_guest {
	display:none;	
	height:auto;
	padding-top:20px;
	padding-left:20px;
}

.content_guest h4 {
	font-family: "Playfair Display", serif;
	font-size: 1.5rem;
	line-height: 1.75rem;
}

.sub_gaesteinfo_item {
	height:auto;
	border-bottom: 1px solid #999999;
	text-align: left;
	position: relative;
	cursor: pointer;
	padding: 10px 0 10px 15px;
}


.sub_gaesteinfo_item_title  {
	text-align: left;
	position: relative;
	padding: 25px 0 10px 0;
	margin-left:-20px;
}

.sub_gaesteinfo_sub_item  {
	margin-left:30px;
}

.sub_gaesteinfo-img img {
		padding-top:0px;
		width:100%;
		height:auto;
}


  .accordion .accordion-item .expand-icon-e {
    float: left;
    left: 0px;
    top: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    position: absolute; }
    .accordion .accordion-item .expand-icon-e .one, .accordion .accordion-item .expand-icon-e .two {
      position: absolute;
      background: #000;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      transition: 200ms all ease-out; }
    .accordion .accordion-item .expand-icon-e .one {
      top: 10px;
      left: 0;
      width: 16px;
      right: initial;
      height: 1px; }
    .accordion .accordion-item .expand-icon-e .two {
      top: 2px;
      left: 8px;
      bottom: initial;
      width: 1px;
      height: 16px; }

  .accordion .sub_gaesteinfo_item.open .expand-icon-e .two {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }




/********** aus styles mike ***********/

.geschichte .history-content .history-item.history-item-1981 .history-item-content { padding-bottom: 50px; }
.geschichte .history-content .history-item.history-item-1985 {
    top: -40px;
    padding-bottom: 50px;
}

.geschichte .history-content .history-item.history-item-1988 { top:-40px; }
.geschichte .history-content .history-item.history-item-1988 .history-item-content { padding-top: 0px; }
.geschichte .history-content .history-item.history-item-1988 img { padding-top:50px; }

.geschichte .history-content .history-item.history-item-1996 { top:-70px; }
.geschichte .history-content .history-item.history-item-1996 .history-item-content { right:80px; }

.geschichte .history-content .history-item.history-item-2000 .history-item-content { padding-top:50px; }

.geschichte .history-content .history-item.history-item-2001 .history-item-content { width:70%; right:15%; }

.geschichte .history-content .history-item.history-item-2002 { padding-top: 100px; }

.geschichte .history-content .history-item.history-item-2006 .history-item-content { right:100px; }
.geschichte .history-content .history-item.history-item-2006 img { left:100px; }

.geschichte .history-content .history-item.history-item-2008 { margin-top:-200px; }
.geschichte .history-content .history-item.history-item-2008 .history-item-content { float:right; width:40%; right:20px; }

.geschichte .history-content .history-item.history-item-2010 .history-item-content { width:50%; padding-bottom:100px; }
.geschichte .history-content .history-item.history-item-2010 img { width:250px; top:60px; left:80px; }

.geschichte .history-content .history-item.history-item-2012 .history-item-content { padding-top:30px; }

.geschichte .history-content .history-item.history-item-2013 img { padding-top:20px; }
.geschichte .history-content .history-item.history-item-2013 .history-item-content { padding-top:60px; }

.geschichte .history-content .history-item.history-item-2013 { padding-bottom:100px; }


.geschichte ul.history-top { display:flex; flex-direction: row; justify-content: space-between; }

.geschichte ul.history-top li { border:0; border-top: 1px solid #000; padding-top:10px; }

.button.triples {
	width:30%;
	display:inline-block;
	margin-right:1%;
	margin-left:1%;
	min-width:auto;
}

@media only screen and (max-width: 1020px) {
	.button.triples {
		width:100%;
	}
}

.arrangement .sub_header {
	padding-top:5px;
}

.arrangement .text-wrapper {
	margin-top:0px !important;
}

.news_box_content {
	padding:20px;
}

/********** ende styles mike ***********/

.text-left {
	text-align:left !important;	
}

#main-menu {
	xbackground-color:yellow;
}	

.amplify, #main-menu:after, .kontakt-intro h2, .parkhaus h2, .kultur .subclaim, .lageplan .subclaim {
  font-family: 'good_karmaregular';
  font-size: 2.7rem;
  line-height: 2.7rem; }
  
  
 .kulinarik .subclaim {
  font-family: 'good_karmaregular';
  font-size: 2rem; }


.subclaim.amplify:lang(ru) 	{
    font-family: "Oswald", "Arial Narrow", sans-serif;
   font-size: 1.7rem !important;
}

@media only screen and (max-width: 800px) {
	.subclaim.amplify:lang(ru) 	{
	    font-family: "Oswald", "Arial Narrow", sans-serif;
	   font-size: 1.4rem !important;
	}
}


/*
  #main-menu:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    left: 0px; 
   }
*/
.main-top-welcome {
	display: block;
    position: absolute;
    top: 20px;
    text-align: center;
    width: 100%;
    left: 20px; 
    font-family: 'good_karmaregular';
	text-align: center;
	font-size: 2.9rem;
	line-height: 1.4rem;
}

.main-top-welcome:lang(ru) {
	font-family: "Oswald", "Arial Narrow", sans-serif;
	font-size: 1.9rem !important;
	line-height: 1.4rem;
}

@media only screen and (max-width: 1000px) {
  	.main-top-welcome {
		display: none;
  	}
}

.artist-box {
	padding-top:30px;
	display:none;
	text-align:center;
	width:100%;
	height:auto;
	

}
.artist-box_bg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:100;
	padding-left:30px;	
}

.artist-text {
	width:100%;
	position:relative;
	z-index:200;	
	padding-left:30px;padding-right:30px;
}

.gaesteliste_links {
	border-right:1px solid black;
	padding-top:20px;
	padding-bottom:40px;
	height:100%;
	width:52%;
	float:left;
	padding-right:32px;
	background-color:none;
	
	
}

.gaesteliste_rechts {
	padding-top:20px;
	padding-bottom:40px;
	height:100%;
	width:48%;
	float:right;
	padding-left:28px;
	background-color:none;
}


.gaesteliste_links strong, .gaesteliste_rechts strong {
	font-weight:400;
}


.gaeste-mobile {
	display:none;	
	height:auto;
	position:relative;
}


@media only screen and (max-width: 900px) {
	.gaesteliste_links {
		clear:both !important;
		float:bottom;
		border:none;
		width:100%;	
		padding-right:0;
		padding:0;
		margin-left:auto;
		margin-right:auto;
	}
	.gaesteliste_rechts {
		clear:both !important;
		border:none;
		width:100%;	
		padding:0;
		margin-left:auto;
		margin-right:auto;
	}
}


/* vb preise */

@media only screen and (max-width: 900px) {
  .vb_preise_links .header {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  line-height: 1.75rem; 
 }

  
  .vb_preise_links {
	  width: 70%;
	  float: left;
	  text-align: left; 
  }
  
  .vb_preise_rechts {
	  width: 30%;
	  float: right;
	  text-align: right; 
  }
}


@media only screen and (max-width: 700px) {
  .vb_preise_row {
    height: 60px; 
    padding-top: 2px; 
    
   }
  .vb_preise_links {
    width: 100%;
    float: left;
    text-align: left; }
  .vb_preise_rechts {
    width: 100%;
    float: left;
    text-align: left; } }








/* room icons */

.vb_ausst_icon {
	width:80px;
	height:80px;
	background-size: 70px 70px;
	background-repeat: no-repeat;
	background-position:  center 0;	
	margin-left:auto;
	margin-right:auto;
}

.vb_icon_ausstattung {
	background-image: url("../img/rooms/Ausstattung.svg"); 
}

.vb_icon_safe {
	background-image: url("../img/rooms/Safe.svg"); 
}

.vb_icon_freeinternet {
	background-image: url("../img/rooms/WiFi.svg"); 
}

.vb_icon_kaffee {
	background-image: url("../img/rooms/Kaffee.svg"); 
}

.vb_icon_roomsize {
	background-image: url("../img/rooms/RoomSize.svg"); 
}

.vb_icon_buffet {
	background-image: url("../img/rooms/Buffet.svg"); 
}

.vb_icon_tagung {
	background-image: url("../img/rooms/Tagung.svg"); 
}

.vb_icon_hochzeit {
	background-image: url("../img/rooms/Hochzeit.svg"); 
}

.vb_icon_minibar {
	background-image: url("../img/rooms/MiniBar.svg"); 
}

.vb_icon_tagung {
	background-image: url("../img/rooms/Tagung.svg"); 
}

.vb_icon_restaurant {
	background-image: url("../img/rooms/Restaurant.svg"); 
}

.vb_icon_reception {
	background-image: url("../img/rooms/Reception.svg"); 
}

.vb_icon_spa {
	background-image: url("../img/rooms/SPA.svg"); 
}
.vb_icon_klima {
	background-image: url("../img/rooms/Klima.svg"); 
}

.vb_icon_kabelpaytv {
	background-image: url("../img/rooms/KabelPayTv.svg"); 
}

.men_booking {
	font-family: "Oswald", "Arial Narrow", sans-serif;
	font-style:normal;
	font-weight:400;	
}


/********* newsboxen startseite *************/


.newsbox_row {
	width:1080px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.newsbox_left {
	float:left;
	top:0;	
	padding-right:20px;
}

.newsbox_right {
	float:left;
	top:0;	
}

.newsbox_right_unten {
	float:bottom;
}


.news_mm_box_3 {
	width: 340px;
	height:310px;
	background-color:#f1f1f2;
	padding:0;	
	float:left;
	position:relative;
}


.news_mm_box_3:first-child {
	margin-right:20px;	
}


.news_mm_box_3_img {
	width:100%;
	height:100%;
	background-color:#f1f1f2;
	padding:0;	
	background-repeat:no-repeat;
}


.news_mm_box_3_text {
	width:100%;
	padding:15px;
	height:auto;
	max-height:300px;
	top:0 !important;
}

.news_mm_box_2 {
	width: 700px;
	height:310px;
	background-color:#f1f1f2;
	padding:0;	
	float:left;
	margin-bottom:20px;	
	position:relative;
}

.news_mm_box_2_img {
	width: 350px;
	height:310px;
	background-color:#f1f1f2;
	padding:0;	
	float:left;
	background-repeat:no-repeat;
}

.news_mm_box_2_text {
	width:350px;
	padding:15px;
	height:auto;
	max-height:350px;
	float:right;
	top:0;
}


.news_mm_box_1, .news_mm_box_4 {
	width: 350px;
	height:640px;
	background-color:#f1f1f2;
	padding:0;	
	float:left;
}

.news_mm_box_1_img {
	width: 350px;
	height:310px;
	background-color:#f1f1f2;
	padding:0;	
	margin-bottom:0px;
	float:left;
	background-repeat:no-repeat;
}

/* box doppelt hoch */
.news_mm_box_4_img {
	width: 350px;
	height:640px;
	background-color:#f1f1f2;
	padding:0;	
	margin-bottom:0px;
	float:left;
	background-repeat:no-repeat;
}


.news_mm_box_1_inner {
	width:100%;
	height:320px;	
	clear:both;
	padding-top:20px;
	
}
.news_mm_box_1_text {
	width:100%;
	padding:15px;
	max-height:300px;
	height:auto;
	y-overflow:scroll;

}

.news_mm_box_4_inner {
	width:100%;
	height:100%;
	clear:both;
		
}
.news_mm_box_4_text {
	width:100%;
	padding:15px;
	max-height:300px;
	height:auto;
	position:relative

}



.news_mm_box_3 .overlay {
        height: 100%;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 1;
        transition: all 0.5s;
        display: table;
        text-align: center; 

}

.news_mm_box_3 .overlay:hover {
	background: #000;
    opacity: 0.25; 
}

.news_mm_box_1_text .header, .news_mm_box_2_text .header, .news_mm_box_3_text .header, .news_mm_box_4_text .header  {
	  font-family: 'Playfair Display Regular', 'Times', 'Times New Roman';
  	  font-size: 1.5rem;
     line-height: 1.5rem; 
 }


 
  @media only screen and (max-width: 1200px) {
  	
	  	.newsbox_row {
			width:750px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			clear:both;
		}
		
		
		.news_mm_box_2 {
			width: 350px;
			height:640px;
			background-color:#f1f1f2;
			padding:0;	
			float:left;
		}
		
		.news_mm_box_2_img {
			width: 350px;
			height:310px;
			background-color:#f1f1f2;
			padding:0;	
			margin-bottom:0px;
			float:left;
			background-repeat:no-repeat;
		}
		.news_mm_box_2_inner {
			width:100%;
			height:320px;	
		}
		.news_mm_box_2_text {
			width:100%;
			padding:15px;
			max-height:300px;
			height:auto;
			y-overflow:scroll;
		}
		
		
		.news_mm_box_3 {
			width: 350px;
			height:310px;
			background-color:#f1f1f2;
			padding:0;	
			float:left;
		}
		

  	
  }
 
 
 @media only screen and (max-width: 900px) {
 	
 	.news_mm_box_3_text, .news_mm_box_2_text {

		padding-top:30px !important;
	}
 	
 	
 	.newsbox_row {
		width:500px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		
	}

	
	
	.news_mm_box_3 {
		width: 500px;
		height:350px;
		background-color:#f1f1f2;
		padding:0;	
		float:bottom;
		margin-bottom:20px;
	}
	
	.news_mm_box_2 {
		width: 500px;
		height:750px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_2_img {
		width: 500px;
		height:500px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_2_text {
		width:500px;
		height:auto;
		max-height:250px;
		top:0;
	}
	
	.news_mm_box_1, .news_mm_box_4 {
		width: 500px;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_1_img {
		width: 500px;
		height:350px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_1_text {
		width:500px;
		height:auto;
		max-height:250px;
	}
	
	.news_mm_box_4_img {
			width: 500px;
			height:600px;
			background-color:#f1f1f2;
			padding:0;	
			margin-bottom:0px;
			float:left;
			background-repeat:no-repeat;
	}
	
	
	.news_mm_box_4_text.vmid {
    	top: 25% !important;
	}

 }
 
 

 @media only screen and (max-width: 768px) {
 	
 	.news_mm_box_3_text, .news_mm_box_2_text {

		padding-top:30px !important;
	}
	
	
	.newsbox_left {
		float:left;
		top:0;	
		padding-right:0;
	}
 	
 	
 	.news_mm_box_3:first-child {
		margin-right:0;	
	}
 	
 	.newsbox_row {
		width:500px;
		width: 100%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		
	}

	
	
	.news_mm_box_3 {
		width: 100%;
		height:450px;
		xheight:100vh;
		
		background-color:#f1f1f2;
		padding:0;	
		float:bottom;
		margin-bottom:20px;
	}
	
	.news_mm_box_2 {
		width: 500px;
		width: 100%;
		height:750px;
		xheight:100vh;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_2_img {
		width: 500px;
		width: 100%;
		height:500px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_2_text {
		width:500px;
		width: 100%;
		height:auto;
		max-height:250px;
		top:0;
	}
	
	.news_mm_box_1{
		width: 500px;
		width: 100%;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	.news_mm_box_4 {
		width: 500px;
		width: 100%;
		height:500px;
		float:bottom;
		margin-bottom:20px;
	}
	
	.news_mm_box_1_img {
		width: 500px;
		width: 100%;
		height:350px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_1_text {
		width:500px;
		width: 100%;
		height:auto;
		max-height:250px;
	}
	
	.news_mm_box_4_img {
		width: 500px;
		width: 100%;
		height:500px;
		background-repeat:no-repeat;
	
	}
	.news_mm_box_4_inner {
		width:500px;
		width: 100%;
		height:500px;

	}
	
	.news_mm_box_4_text{
		width:500px;
		width: 100%;
		height:auto;
		max-height:250px;
	}
 }
 
 
 
  @media only screen and (max-width: 520px) {
 	.newsbox_row {
		width:300px;
		position:relative;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		clear:both;
	//	display:none;
		
		
	}
	
	.newsbox_left {
		padding-right:0;	
	}
	
	
	.news_mm_box_3 {
		width: 300px;
		height:350px;
		background-color:#f1f1f2;
		padding:0;	
		float:bottom;
		margin-bottom:20px;
	}
	
	.news_mm_box_2 {
		width: 300px;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_2_img {
		width: 300px;
		height:300px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_2_text {
		width:300px;
		height:auto;
		max-height:250px;
		top:0;
	}
	
	.news_mm_box_1 {
		width: 300px;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_1_img {
		width: 300px;
		height:300px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_1_text {
		width:300px;
		height:auto;
		max-height:250px;
	}
	
	.news_mm_box_4 {
		width: 300px;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_4_img {
		width: 300px;
		height:600px;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_4_text {
		width:300px;
		height:auto;
		max-height:250px;
	}


 }
 

  @media only screen and (max-width: 420px) {
 	.newsbox_row {
		width:240px;
		width:100%;
		position:relative;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		clear:both;
	
		
	}
	
	.newsbox_left {
		padding-right:0;	
	}
	
	
	.news_mm_box_3 {
		width: 300px;
		width: 100%;
		height:350px;
		background-color:#f1f1f2;
		padding:0;	
		float:bottom;
		margin-bottom:20px;
	}
	
	

	
	.news_mm_box_2 {
		width: 300px;
		width: 100%;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_2_img {
		width: 300px;
		width: 100%;
		height:300px;
		xheight:auto;
		float:bottom;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_2_text {
		width:300px;
		width: 100%;
		height:auto;
		max-height:250px;
		xtop:0;
	}
	
	.news_mm_box_1 {
		width: 280px;
		width: 100%;
		height:600px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_1_img {
		width: 100%;
		height:300px;
		xheight:auto;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_1_text {
		width:100%;
		height:auto;
		max-height:250px;
	}
	
	.news_mm_box_4 {
		width: 280px;
		width: 100%;
		height:300px;
		float:bottom;
		margin-bottom:20px;
	}
	
	
	.news_mm_box_4_img {
		width: 100%;
		height:300px;
		xheight:auto;
		background-repeat:no-repeat;
	}
	
	.news_mm_box_4_text {
		width:100%;
		height:auto;
		max-height:250px;
	}


 }
 

  @media only screen and (max-width: 320px) {
  	
  	.news_mm_box_1_img, .news_mm_box_2_img {
		height:240px;

	}
  }





  
.news_black {
	color:black;	
}

.news_white {
	color:white;	
	border-color:white !important;
}
  


/*


.news_box_inner {
	width: 100%;
	height:100%;
	background-color:#f1f1f2;
}




.news-col {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


.news_box_typ1 {
	width: 290px;
	height:250px;
	min-height:250px;
	xheight:290px;
	xmin-height:290px;
	margin-left:20px;
	float:left;
	background-color:#f1f1f2;
}

.news_box_typ1 .news_box_content  {
	height:100%;
}

.news_box_content {
	padding:10px;	
	width:100%;

	overflow:hidden;
	background-color:#f1f1f2;
}



.news_box_typ2 {
	width: 600px;
	height:345px;
	xheight:290px;
	padding:0;	
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	

}

.news_box_typ2 .news_box_content {
	float:left;	
	width:50%;

}


.news_box_image_typ2 img {
	width:50%;
	height:auto;
	float:left;
	overflow:hidden;
}

.news_box_typ3 {
	width: 33.33333%;
	height: 33.33333%;
	
	width: 300px;
	height:613px;

	padding:0;	
	float:left;

}

.news_box_image_typ3 img {
	width:100%;
	height:auto;
}

.news_box_content .header {
	  font-family: 'Playfair Display Regular', 'Times', 'Times New Roman';
  	  font-size: 1.5rem;
     line-height: 1.5rem; 
  }

.news_black {
	color:black;	
}

.news_white {
	color:white;	
	border-color:white !important;
}


.news_mover_lay {
	cursor:pointer;

}

.news_mover_lay:hover {
	background-color:#000;
	opacity:0.5;

}


.news_mover {
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	position:absolute;
}
*/

/*
@media only screen and (max-width: 1020px) {
	
	
	.news-col {
		width:770px;
		width:90%;
		margin-left:5%;
	}
	
	.news_box_typ1 {
		width: 100%;
		height:300px;
		min-height:300px;
		padding:0px;	
		float:bottom;
		margin-bottom:10px;
		margin-left:0px;
	}
	
	.news_box_typ2 {
		width: 100%;
		min-height:300px;
		height:auto;
		padding:0;	
		float:bottom;
		margin-bottom:10px;
		margin-left:0px;
	}
	
	
	.news_box_typ2 .news_box_content {
		float:bottom;	
		width:100%;
		height:50%;
	}
	
	.news_box_image_typ2 img {
		width:100%;
		height:auto;
		float:bottom;
		overflow:hidden;
	}
	
	.news_box_typ3 {
		width: 100%;
		height:auto;
		padding:0;	
		float:bottom;
		margin-bottom:10px;
	}
}

*/

/* prüfen wegen breite */
.contents {
    max-width: 80%;
}

@media only screen and (max-width: 714px) {
	.contents {
	    max-width: 100%;
	}
}

/* abstand zur bu */
.video-wrapper {
	margin-bottom:15px;
}

body.galerie .gallery-items {
	border:none;	
}




body.galerie .gallery-items row {
	padding-top:0;
	margin-top:0;
}


.pressebilder-row .galerie-bu {
	min-height:55px;
}

/* header video */

.TopVideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-bottom: 50%; /* 16:9 */
    padding-top: 25px;
    padding-top: 0px;
    height: 0;
}
.TopVideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxed-video {
	padding-top:70px
}

@media only screen and (max-width: 714px) {
	.boxed-video {
		padding-top:0px
	}
}

/* mm */
/* gallerie */
.fullscreen-galerie {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  background-color: #fff;
  background-color: #ededed;
  background-color: none;
  z-index: 7; }

body.galerie .gallery-items .ehh-gallery-item .container, body.galerie .gallery-items .ehh-gallery-item .event-room-overview .event-rooms .head, .event-room-overview .event-rooms body.galerie .gallery-items .ehh-gallery-item .head, body.galerie .gallery-items .ehh-gallery-item .event-room-overview .event-rooms .body, .event-room-overview .event-rooms body.galerie .gallery-items .ehh-gallery-item .body {
  height: auto; }

body.galerie .gallery-items .ehh-gallery-item {
  width: 33.3333333333%;
  float: left;
  text-align: center; }

.galerie_image_cursor {
  cursor: pointer; }

.big_gallery {
  margin-top: 70px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute !important;
  z-index: 99999;
  background-size: cover;
  Background-position:center center;
  background-repeat: no-repeat;
  text-align: center; }

.big_gallery_inner {
  width: 80%;
   width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }


 



.gal_arrows {
  width: 100%;
  z-index: 100000;
  position: absolute;
  height: 50px;
  xmargin-left: -20px; 

  bottom:150px;
	background-color: none;
  }



.gal_last {
    left: 50% !important;
    bottom: 0px !important;
    top: auto !important;
    margin-left: -80px;
    height: 50px;
    width: 50px;
    background-image: url("../img/fullscreen-left.svg"); 
	position: absolute;
	z-index: 100005 !important;
	cursor:pointer;

    }
.gal_next {
    right: 50% !important;
    bottom: 0px !important;
    top: auto !important;
    margin-right: -80px;
    height: 50px;
    width: 50px;
    background-image: url("../img/fullscreen-right.svg"); 
	position: absolute;
	z-index: 100005 !important;
	cursor:pointer;
    }


  

body.galerie .gallery-items .ehh-gallery-item .box {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: block;
}

body.galerie .gallery-items .ehh-gallery-item .box:before {
  content: "";
  display: block;
  padding-top: 100%; }

body.galerie .gallery-items .ehh-gallery-item .box .content {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  overflow: hidden; }

body.galerie .gallery-items .ehh-gallery-item .box .content .galerie-bu {
  height: 20px !important;
  position: absolute; }

body.galerie .gallery-items .ehh-gallery-item .box .content img {
  width: 100%;
  height: auto;
  max-height: 100%; }
 

@media only screen and (max-width: 1020px) {
  body.galerie .gallery-items .ehh-gallery-item {
    width: 50%;
    float: left;
    text-align: center; 
   } 
}

@media only screen and (max-width: 1000px) {
  body.galerie .col-12-m {
    padding-left:0;
    padding-right:0;
   } 
}




@media only screen and (max-width: 414px) {
  body.galerie .gallery-items .ehh-gallery-item {
    width: 100%;
    float: bottom;
    text-align: center; 
   } 
}
    
    
@media only screen and (max-width: 1000px) {   
    
	.big_gallery {
	    margin-top: 10px;
	    background-size: 100% auto;
	    
	}   
	
	body.galerie .gallery-items {
		padding-top:30px;	
	}
	
	.sliderbgcover {
		padding-right:0 !important;
		padding-left:0 !important;
		width:100% !important;
	}
  
}


/* für die videos */

body.galerie .gallery-items .ehh-gallery-item .ehh-video-overlay-button {
	width:80px;
	text-align:center;	
	margin-left:auto;
	margin-right:auto;
}
  
body.galerie .gallery-items .ehh-gallery-item .ehh-video-button {
	width:80px;
	height:80px;
	position:absolute;
	top:calc(50% - 40px);
	margin-left:auto;
	margin-right:auto;	
	cursor:pointer;
}

body.galerie .gallery-items .ehh-gallery-item .ehh-video-button img {
    width: 100%;
   height: auto;
}





/* gallerie */
.fullscreen-video-galerie {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  background-color: rgba(0, 0, 0,0.8);
  z-index: 7; 
}


.fullscreen-video-galerie .video-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("../img/X.svg");
    margin-top: 20px;
    width: 35px;
    height: 35px;
    z-index: 9999999;
    cursor: pointer;
    margin-right: 10px;
    right: 20px;

}
/*
.fullscreen-video-galerie .video_gallery_inner {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
*/


.fullscreen-video-galerie .video_gallery_inner {
  position: relative;
  overflow: hidden;
  width: 800px;
  height:600px;
  max-width:800px;
  xpadding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-left:auto;
  margin-right:auto;

}


@media only screen and (max-width: 900px) {
	.fullscreen-video-galerie .video_gallery_inner {
  		width: 700px;
  		height:500px;
	}
	
}

@media only screen and (max-width: 616px) {
	.fullscreen-video-galerie .video_gallery_inner {
  		width: 100%;
  		height:400px;
	}
	
}

/* Then style the iframe to fit in the container div with full height and width */
#gal-vid {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* alternatif iframe */

.ehh-gallery-item-if {
	margin-bottom:40px;
	text-align:center;	
}

 /* gallerie-blockieren */
.fullscreen-video-galerie-hide {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  background-color: rgba(0, 0, 0,0.8);
  z-index: 8; 
  
}

.fullscreen-video-galerie-hide .video_gallery_hide-inner {
	max-width:800px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:200px;
	text-align:center;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#000;
}

.video-show-ok {
	cursor:pointer;
	text-align:center;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:10px;
	border:2px solid #000;
	width:80%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	
}


/* ende mm gallerie */


.left-navigation {
  height: 70px;
  text-align: center;
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
  left: 70px;
  opacity: 1; }

header {
  background-color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255,0.9);
  height: 70px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 3000;
  transition: background-color 0s; 
 }


/****** arrangement *********/


.arrangement-previews {
  height: 650px;
  width: 1100px;
  left: 50%;
  margin-left: -550px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 30px; 
 }
  

.arrangement-previews .bg {
  min-height: 400px;
  width: 100%;
  margin: 0 auto; }

.arrangement-previews .next-arrow {
  margin-right: 100px;
  margin-top: -135px; }

.arrangement-previews .previous-arrow {
  margin-left: 100px;
  margin-top: -134px; }

.arrangement-previews .slick-list {
	padding:0px 250px !important;	
}

.arrangement-previews .slick-slide .content {
  display: none; 
}

.arrangement-previews .slick-center .content {
    display: block;
    overflow:hidden;
}


.arrangement-previews .slick-track {
	height:100%;	
}

.arrangement-previews .slick-list, .arrangement-previews .bg {
    height: 100%; 
 }
 
 
.arrangement-teaser {
	padding-bottom:0;
}

@media only screen and (max-width: 800px) {
	.arrangement-previews .next-arrow, .arrangement-previews .previous-arrow  {
		display:none;
	}
	
	
	/* arrangement slider auf startseite ausblenden */
	
	#secid-124, #secid-10122, #secid-8756, #secid-10113, #secid-9645 {
		display:none;
	}
	
	.arrangement-teaser {
		padding-bottom:30px;
	}
	
	 .arrangements-list .arrangement {
	 	margin-bottom: 20px;	
	 }

}



/* arrangement detailseite */

.arr-liste {
	padding-left:20%;
	padding-right:20%;
	text-align:left;
}

@media only screen and (max-width: 900px) {
	.arr-liste {
		padding-left:0;
		padding-right:0;
	}
	
}


/* arrangement leistungen */

.arrangements_le {
	width:100%; 
	
}

.arr_le_items_row:first-child {
	border-top:1px solid black;
}

.arr_le_items_row {
		border-bottom:1px solid black;
		padding-bottom:10px;
		padding-top:10px;
		width:100%;
		float:both;
		text-align:left;
}



.arr_le_items_row .arr_le_item {
	text-align:left;
	display:table-cell; 

}

.arr_le_items_row .arr_le_item.zimmer {
	width:250px;
	display:table-cell;
}

.arr_le_items_row .arr_le_item.dauer {
	width:150px;
	display:table-cell;
}

.arr_le_items_row .arr_le_item.preis {
	width:150px;
	display:table-cell;
}


.arr_le_items_row .header {
	font-weight: 500;	
	font-weight: 400; 
}



.pull-pt-50 {
	padding-top:-50px;	
}

.pull-mt-50 {
	margin-top:-50px;	
}





#ehh_bucket_map {
	height:500px;
	width:100%;
	margin-top:50px;
	float:bottom;


}
h1.bucket_head {
	font-size:18px !important;	
	line-height:22px !important;	
}

#ehh_show_buckets .content {
	font-family: "Oswald", "Arial Narrow", sans-serif  !important;	
    font-size: 1.1rem;
    line-height: 1.3rem;

}

#ehh_show_buckets {
	display:block;
	width:100%;
	height:50px !important;
	margin-top:40px;
	xborder: 1px solid black;
	text-align:center;

		
}

/* jobs */


.jobs_mm_row {
	width:100%; 
	text-align:left;
	text-align:center;
	padding-bottom:20px;
	padding-top:5px;
}

.jobs_mm_row .jobs_mm_row_top {
	border-bottom:1px solid black;
	width:100%; 
	padding-bottom:20px;
	padding-top:20px;
}

.jobs_mm_row .job_kat_header  {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  line-height: 2rem; 
}

.jobs_mm_row .job_abteilung_header {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  line-height: 2rem; 
  padding-bottom:15px;
  padding-top:15px;
}

.jobs_mm_row .job_content {
	font-family: "Oswald", "Arial Narrow", sans-serif  !important;	
    font-size: 1.1rem;
    line-height: 1.7rem;
}


.jobs_mm_row .job_content_datum {
	font-family: "Playfair Display", serif;
   font-size: 1.2rem;
    line-height: 1.7rem;
}

.jobs-mm-title {
	padding-left: 30%;
	
}

.jobs-mm-container .row {
	
}

@media only screen and (max-width: 700px) {
	.jobs-mm-container .row {
		margin-left: 0;
		margin-right:0;
	
	}
	
	.jobs_mm_row .job_kat_header  {
	  font-size: 1.6rem;
	  line-height: 1.9rem; 
	}
	
}


@media only screen and (max-width: 400px) {
	.jobs-mm-title {
		padding-left: 10%;
	
	}
	
	
	.jobs_mm_row .job_kat_header  {
	  font-size: 1.4rem;
	  line-height: 1.6rem; 
	}
}

.jobs_mm_row .job_anzeige_row {


}

.video_karriere {
	width:560px;
	height:315px;
}

@media only screen and (max-width: 700px) {
	.video_karriere {
		width:480px;
		height:270px;
	}
}

@media only screen and (max-width: 500px) {
	.video_karriere {
		width:280px;
		height:158px;
	}
}


/* Philosophie */


.philo-eckpunkte_n {
	margin-left:20px;
	width:100%; 
}

.philo-eckpunkte3:first-child {
	border-top:1px solid black;
}

.philo-eckpunkte3 {
		border-bottom:1px solid black;
		padding-bottom:10px;
		padding-top:10px;
		width:100%;
		float:both;
}

.philo-eckpunkte3 .num {
	width:30px;
	margin-right:10px;
	text-align:left;
	font-family: 'Playfair Display Regular', 'Times', 'Times New Roman';
  	font-size: 1.5rem;
    line-height: 1.5rem; 
	display:table-cell; 
}

.philo-eckpunkte3 .text {
	text-align:left;
	display:table-cell; 
}






/* youtube frame */

.yt_iframe_1 {
	width:660px;
	height:370px;	
}

@media only screen and (max-width: 900px) {
	
	.yt_iframe_1 {
		width:500px;
		height:280px;	
	}
	
}

@media only screen and (max-width: 520px) {
	
	.yt_iframe_1 {
		width:300px;
		height:170px;	
	}
	
}

@media only screen and (max-width: 420px) {
	
	.yt_iframe_1 {
		width:240px;
		height:136px;	
	}
	
}


/* room types */

.room-type-reservation {
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0 60px;
}

    .room-type-reservation .smaller .control {
      cursor: pointer;
      padding-right: 10px;
      position: relative; }


.button.button.breit250, .breit250.tab, .responsive-tabs__list li.breit250 {
    width: 250px; 
}

.breit250  {
    width: 250px; 
 }
 
@media only screen and (max-width: 1000px) { 
 
	.button.button.breit300, .breit300.tab, .responsive-tabs__list li.breit300 {
	    width: 200px; 
	}
	.button.button.breit350, .breit350.tab, .responsive-tabs__list li.breit350 {
	    width: 250px; 
	 }
	 .col-12-m .hochzeitsbutton .button {
	 	 width: 80%;
	 	 max-width:350px;
	 }

}

@media only screen and (max-width: 714px) { 
	.button {
	    margin-top: 15px !important;
	}
	
		 
	 .col-12-m .hochzeitsbutton .button {
	 	 width: 90%;
	 	 max-width:300px;
	 }

}


/* bucket list */


/*font-family: 'Good Karma Regular'*/

.fonttest {
	font-family: 'Good Karma Regular','Oleo Script', Helvetica, sans-serif;
  	font-size:20px;
  	  font-size:2.5rem;
  	  line-height: 3.5rem;
}


.bucket-list .locations .location-number {
  font-family: 'Good Karma Regular','Oleo Script', Helvetica, sans-serif;
  font-size:1.2rem;
  float: left;
  position: relative;
  color: #fff;
  color: #000;
  background-color: #97836a;
   background-color: #fbe902;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }


.bucket-list .map-shortcode .map {
  position: relative; }
  .bucket-list .map-shortcode .map .map-image {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%; }
  .bucket-list .map-shortcode .map .pins .pin-wrapper {
    position: absolute;
    top: 0;
    left: 0; }
    .bucket-list .map-shortcode .map .pins .pin-wrapper:hover {
      z-index: 20; }
    .bucket-list .map-shortcode .map .pins .pin-wrapper .anchor {
      display: block; }
    .bucket-list .map-shortcode .map .pins .pin-wrapper .pin {
      font-family: 'Good Karma Regular','Oleo Script', Helvetica, sans-serif;
       font-size:1.2rem;
      position: relative;
      z-index: 3;
      color: #fff;
      color: #000;
      background-color: #97836a;
      background-color: #fbe902;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      line-height: 32px;
      display: block;
      text-align: center;
      cursor: pointer; }
      
 @media only screen and (max-width: 500px) {  

	 .bucket-list .map-shortcode .map .pins .pin-wrapper .pin {
	       font-size:1rem;
	      position: relative;
	      z-index: 3;
	      border-radius: 50%;
	      height: 20px;
	      width: 20px;
	      line-height: 20px;
	   }
	   
	   
	   .map .map-shortcode .map .pins .pin-wrapper .pin {
	      font-size:0.8rem;
	      position: relative;
	      z-index: 3;
	      border-radius: 50%;
	      height: 20px;
	      width: 20px;
	      line-height: 17px;
	   }
 }

      
    .bucket-list .map-shortcode .map .pins .pin-wrapper .content {
      position: absolute;
      transition: opacity 0.75s, z-index 0s 0.75s;
      margin-top: 0px;
      opacity: 0;
      width: 100%;
      background: #fff;
      border: 2px solid #eee;
      pointer-events: none;
      z-index: -1;
      top: -30px;
      left: -105px;
      width: 250px;
      padding: 60px 20px 20px; }
      .bucket-list .map-shortcode .map .pins .pin-wrapper .content .thumb {
        background-size: cover;
        height: 100px;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 7px;
        margin-bottom: 10px; }
      .bucket-list .map-shortcode .map .pins .pin-wrapper .content .title {
        text-transform: uppercase;
        display: block;
        color: #000;
        padding: 5px 0;
        text-align: center; }
      .bucket-list .map-shortcode .map .pins .pin-wrapper .content p {
        color: #000;
        padding-top: 5px;
        font-size: 0.8rem;
        line-height: 1.0rem; }
    .bucket-list .map-shortcode .map .pins .pin-wrapper.hovered .pin {
      z-index: 6; }
    .bucket-list .map-shortcode .map .pins .pin-wrapper.hovered .content {
      opacity: 1;
      pointer-events: initial;
      z-index: 4;
      transition: opacity 0.75s, z-index 0s; }
 

 
/* geschichte */
  .geschichte .history-content .history-item.history-item-2001 {
    left: 0px; }
  .geschichte .history-content .history-item.history-item-2001 .history-item-content {
    padding-left: 0px; 

    }
 
      .geschichte .history-content .history-item.history-item-1976 .history-item-content {
    padding-top: 60px; }

  .geschichte .history-content .history-item.history-item-2002 .history-item-content {
    padding-top: 40px; }



 @media only screen and (max-width: 1000px) {  
 	
	 	.geschichte .boxed {
	
	    	xpadding: 20px 40px 40px 40px !important;
	    	xpadding: 0 0 0 0 !important;
		}
		

		
 	
		.geschichte .history-content .history-item.reverse img {
		    float: left;
		    float:none;
		    left: 0;
		}
		.geschichte .history-content .history-item img {
		    position: relative;
		    float: right;
		    float:none;
		    right: 0;
		    max-height:300px;
		}
		
		
		.geschichte .history-content .history-item.history-item-1930 img,
		.geschichte .history-content .history-item.history-item-1936 img,
		.geschichte .history-content .history-item.history-item-1953 img,
		.geschichte .history-content .history-item.history-item-1957 img,
		.geschichte .history-content .history-item.history-item-2002 img,
		.geschichte .history-content .history-item.history-item-2006 img,
		.geschichte .history-content .history-item.history-item-2010 img
		 {
		 	float:none;
		    right: 0;
		    left: 0;
		    top: 0;
		}
		
		
		.geschichte .history-content .history-item.history-item-2013 {
    		padding-bottom: 0px;
		}

		
		.geschichte .history-content .history-item.history-item-1957,
		.geschichte .history-content .history-item.history-item-1976,
		.geschichte .history-content .history-item.history-item-1985,
		.geschichte .history-content .history-item.history-item-1988,
		.geschichte .history-content .history-item.history-item-1996,
		.geschichte .history-content .history-item.history-item-2001,
		.geschichte .history-content .history-item.history-item-2002,
		.geschichte .history-content .history-item.history-item-2015 
		{
		    left: 30px;
		    top: -20px;
		    float:none;
		    right: 0;
		    left: 0;
		    top: 0;
		    padding-top: 0;
		}
		
		.geschichte .history-content .history-item.history-item-1976 .history-item-content,
		.geschichte .history-content .history-item.history-item-1988 .history-item-content,
		.geschichte .history-content .history-item.history-item-1996 .history-item-content,
		.geschichte .history-content .history-item.history-item-2000 .history-item-content,
		.geschichte .history-content .history-item.history-item-2001 .history-item-content,
		.geschichte .history-content .history-item.history-item-2002 .history-item-content,
		.geschichte .history-content .history-item.history-item-2010 .history-item-content,
		.geschichte .history-content .history-item.history-item-2013 .history-item-content,
		.geschichte .history-content .history-item.history-item-2015 .history-item-content
		 {
		    padding-top: 0;
		    width:100%;
		    right: 0;
		    left: 0;
		    padding-bottom:0;
		}
  }      
  
  @media only screen and (max-width: 700px) {  
  	.geschichte .listcontainer {
		display:none;
	}
  	
  }
  
 @media only screen and (max-width: 700px) {  
 	
 	.geschichte .history-content .history-item img {
		    position: relative;
		    float: right;
		    float:none;
		    right: 0;
		    max-height:200px;
		}
		
	
	.geschichte .boxed {

    	xpadding: 20px 40px 40px 40px !important;
    	xpadding: 0 0 0 0 !important;
	}
 	
 }
 
 /*footer menue */
 
.footer-menu #footer-menu ul.sub-menu {
    display: inline-block;
    list-style: none;
    margin-bottom: 0px;
    padding-bottom:0;
}

.footer-menu #footer-menu ul.sub-menu li {
    margin-bottom: 0px;
    padding-bottom:0;
}

.footer-menu #footer-menu .menu-item {
    margin-bottom: 15px;
}

.footer-menu #footer-menu ul {
    margin-top: 0px;
}


.restaurant_auswahl .single-restaurant .inner .overlay a.title span {
  font-family: 'Playfair Display', 'Times', 'Times New Roman';
  font-size: 1.5rem;
  line-height: 1.5rem; 
}


.restaurant_auswahl {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 30px; 
}




.restaurant_auswahl .single-restaurant  {
    padding: 0 5px;
    height: 300px; 
}
.restaurant_auswahl .single-restaurant .inner {
    height: 100%;
    position: relative; 
}
.restaurant_auswahl .single-restaurant .inner .overlay {
     height: 100%;
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 1;
     opacity: 1;
     transition: all 0.5s;
     display: table;
     text-align: center; 
}
.restaurant_auswahl .single-restaurant .inner .overlay .background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          opacity: 0.25; 
}
.restaurant_auswahl .single-restaurant .inner .overlay a.title {
          display: table-cell;
          vertical-align: middle;
          font-size: 1.5rem !important;
          background-color: rgba(0, 0, 0, 0.3); 
}
.restaurant_auswahl .single-restaurant .inner .overlay a.title span {
            color: #fff;
            padding: 10px 0;
            font-size: 1.5rem; 
}
.restaurant_auswahl .single-restaurant .inner:hover .overlay a.title {
        background-color: transparent; 
 }

.single-restaurant span {
    color: #fff !important; 
}
    

@media only screen and (max-width: 1000px) {
 .restaurant_auswahl .single-restaurant  {
    width: 100%;
    padding: 10px 0; 
    } 
    
    
    
    .restaurant_auswahl {

	  margin-top: 10px; 
	  padding-bottom:20px;
	}
 }
 
 

 
 
 
.sectionScrollTop {
	display:none;	
}
 
.section-nav .sectionTop {
  xbackground: transparent url("../img/DirectionUp.svg") no-repeat 10px 20px;
  display: inline-block;
  width: 50px;
  height: 16px;
  cursor: pointer; 
  transform: rotate(180deg);
   background-image: url("../img/DirectionDown.svg");
background-repeat: no-repeat;
background-position: 50% 50%;
   background-position-x: 50%;
   background-position-y: 50%;

 }


.color_backstage {
	color:#7d694d;	
}

.tagungsraeume-row_active {
	background-color: #cccdcc;
}


/* presse */

.presseinhalt {
	display:none;	
}

/* zitat author */
.citation .citation-author {
	line-height:1.7rem
}

.referenzlogo img {
	width:100%;
	height:auto;	
}


/* vb presse */
.vb_presse {
  margin: 0;
  padding: 0;
  text-align: left; }

.vb_presse_head {
  font-family: "Playfair Display", serif;
  text-align: left;
  font-size: 1.7rem;
  line-height: 1.7rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-align: left; 
 }

.vb_presse_row {
  height: auto;
  min-height: 60px;
  border-top: 1px solid black;
  padding-top: 10px;
  padding-bottom: 10px; }

.vb_presse_row:last-child {
  border-bottom: 1px solid black; }

.vb_presse_links {
  width: 70%;
  float: left;
  text-align: left; }

.vb_presse_links .header {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  line-height: 1.55rem; 
 }
 

.vb_presse_rechts {
  width: 30%;
  float: right;
  text-align: right; 
}
  
.presse .responsive-tabs-wrapper .responsive-tabs__list {
  margin-left: 0; 
}
  .presse .responsive-tabs-wrapper .responsive-tabs__list li {
    width: 16%;
    margin-right: 4%;
    margin-left: 3%; 
 }
	
.pressebilder-row {
	display:table-cell;	
}	



	
@media only screen and (max-width: 800px) {
	
		.vb_presse_links .header {
		  font-family: "Playfair Display", serif;
		  font-size: 1rem;
		  line-height: 1.55rem; 
		 }
		 
		 
		 .pressebilder-row {
		 	padding-left:5px;
		 	padding-right:5px;	
		 }

} 


@media only screen and (max-width: 600px) {
	
		.vb_presse_links .header {
		  font-family: "Playfair Display", serif;
		  font-size: 0.8rem;
		  line-height: 1.3rem; 
		 }
		 
		 .vb_presse_row {
			  padding-top: 5px;
  
		 }
		 
		 .vb_presse_rechts .datum {
		 	font-size: 0.7rem;
			line-height: 1.1rem;
		 }
} 



  
  
  
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  color: #706f6f;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
   opacity: 1;
   color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   opacity: 1;
   color: #000;
   color: #706f6f;
}

form.wpcf7-form label, form.wpcf7-form input {
	color: #000;
	
}


form.wpcf7-form textarea {
    display: block;
    width: 100%;
    top: 46px;
     top: 0;
    position: relative;
    height: 166px; 
 }
 
 
.top-navigation > ul > li > a {
    font-size: 48px;
    font-size: 3rem;
    
    font-size: 2.5rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    line-height: 3.1rem;
    font-weight: 300; }

.top-navigation li.menu-item-has-children > ul {
    overflow: hidden;
    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-size: 1.1rem;
    line-height: 1.6rem;
 }
 


 




 
 .hide_mobile , .hide_arr_slider, .mobile-hide {
 	display:block;	
 }
 
  .show_mobile, .mobile-show,  .show_mobile_bucket {
 	display:none;	
 }
 

 
.location-info {
	padding-left:45px;	
}
 
 .hide_teaser {
 	display:block;	
 }
 
 .hide_teaser_button {
 	display:none;	
 }
 
   .mobile-fade {
   	
   	
   }

 .bucket_mobile {
 	display:none;	
 }
 
 .hide_bucket {
 	display:block;
 }
 
  @media only screen and (max-width: 769px) {
  	
  	 .bucket_mobile {
 		display:block;	
 	}
 	

 
  	
  	
  	 .mobile-fade {
       position: relative;
       max-height: 7.2em;
       overflow: hidden;
   }

   .mobile-fade:after {
       content: "";
       text-align: left;
       position: absolute;
       bottom: 0;
       right: 0;
       width: 100%;
       height: 5.2em;
       background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f4 95%) repeat scroll 0 0 transparent;
       background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%) repeat scroll 0 0 transparent;
   }
  	
  	
  	 .hide_teaser {
	 	display:none;	
	 }
	 
	 .hide_teaser_button {
	 	display:block;	
	 }
  	
  }
 @media only screen and (max-width: 1000px) { 
  	.show_mobile_bucket {
 		display:block;	
 	}
 	
 	 .hide_bucket {
 			display:none !important;
 	}
 }
  
 @media only screen and (max-width: 1000px) {
 	 .hide_mobile,  .hide_arr_slider, .mobile-hide {
 			display:none !important;	
 	 }
 	 
 	  .show_mobile, .mobile-show {
 		display:block !important;	
 	}
 }
 




 
 
 /************** main menue mobile **********/
 
.mobile-language-navigation  {
	margin-left:20px;
	bottom:0px;
}
 
.mobile-language-navigation ul li:last a {
        padding: 3px 0px 3px 5px;
        margin: 0px 0px;
}
 
 
 .left-navigation button.hamburger {
      margin-bottom: 0;
      width: 30px; 
 }
 
.left-navigation_mobile  {
	width:100%;
	margin: 10px 15px;	
	display:none;	
	
}


.left-navigation_mobile:lang(ar)  {
	width:95%;
	margin: 10px 15px;	
	display:none;	
	
}



.logo-top-mobile {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:300;	
	font-size:1.0rem;
	padding-right:40px;
	margin-top:20px;
}

  .left-navigation_mob button {
    padding: 0px;
    margin: 0px;
    background: transparent;
    border: 0;
    display: inline-block;
    height: 100%; 
   }

.left-navigation_mobile button.hamburger_mob {
    position: relative;
    padding: 0px;
    width: 30px;
    height: 22px;
    outline: none;
    float: left; 
    border:none;
	background-color:#fff;
    }
/*
.left-navigation_mobile button.hamburger_mob {
		height:22px;
		width:30px;
		float:left;
		border:none;
		xbackground-image: url("../img/Hamburger.png");
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDIgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTAsMGg0MnYySDBWMHogTTAsMTBoNDJ2MkgwVjEweiBNMCwyMGg0MnYySDBWMjB6Ii8+PC9zdmc+);
		background-size: contain;
      background-position: 50% 50%;
		xbackground-color:#fff;
		xbackground-size:30px 30px;
		
}
*/

  body.nav-open .left-navigation_mobile button.hamburger_mob:before {
    transition: opacity .25s; }
  body.nav-open .left-navigation_mobile button.hamburger_mob:after {
    transition: opacity .25s; }

.left-navigation_mobile button.hamburger_mob:after, .left-navigation_mobile button.hamburger_mob:before {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDIgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTAsMGg0MnYySDBWMHogTTAsMTBoNDJ2MkgwVjEweiBNMCwyMGg0MnYySDBWMjB6Ii8+PC9zdmc+);
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      left: 0;
      top: 0;
      opacity: 1;
}

.hamburger_mob_akt {
	  background-color:#000 !important;
      background-image: url("../img/pfeil_menue_neg.svg");
      background-repeat: no-repeat;

}


/* sprachauswahl mobile */ 


.mob-lang-select {
    width: 30px;
    height: 30px;
    right: 20px;
    top: 15px;
    float: right;
    background: transparent url("../img/icon-lang-select-01.svg") no-repeat center center;
    background-size: auto auto;
    background-size: 25px 25px;
    display: none;
    position: absolute;
}

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

		/* sprachauswahl mobile */ 
		.mob-lang-select {
		    display:block;
		}

}

.mobile-language-navigation-m {
	display:block;
}

.mobile-lang-container {
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100vh;
	background-color:#000;
	display:none;	
	z-index:999999;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url("../img/Menu.jpg");
}

.mobile-language-navigation-m {
  position: absolute;
  top: 95px;
  left: 0px;
  width: 100%;
  text-align: center;
  opacity: 1;
  z-index:9999999;
  
 }
.mobile-language-navigation-m ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: center; 
     color:#fff !important;
     font-size:30px;
     line-height:50px;
     
    
  }
.mobile-language-navigation-m ul li {
 
      color:#fff !important;
  }
.mobile-language-navigation-m ul li a {
        padding: 15px 15px;
        margin: 10px 5px;
        text-transform: uppercase; 
         color:#fff !important;
   }
        
.mobile-language-navigation-m ul li a:hover {
     color:#fff !important;
  }
          
  @media only screen and (max-width: 1000px) {
		.mobile-language-navigation-m {
    		  bottom: 0; 
      
    	  } 
    }

.mobile-language-head {
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	width:80%;
	height:30px;
	color:#fff;
	font-size:15px;
	text-align:center;	
}


.mobile-lang-container .lang-close {
   background-size: contain;
   background-position: 50% 50%;
    background-repeat: no-repeat;
	positon:absolute;
    background-image: url("../img/pfeil_menue_neg2.svg");
	margin-top:20px;
	margin-left:20px;
	width:30px;
	height:30px;
	width:25px;
	height:25px;
 }

 
 .left-navigation_mobile .mob-nav-close {
   background-size: contain;
   background-position: 50% 50%;
    background-repeat: no-repeat;
	position:absolute;
    background-image: url("../img/pfeil_menue_neg2.svg");
	margin-top:0px;
	margin-left:0px;
	width:35px;
	height:25px;
	z-index:9999999;
	cursor:pointer;
	display:none;
	margin-right:10px;

 }

 
 
 /* Neuer left-nav Punkt Newsletter und Shop, daher früher Burger */
@media only screen and (max-width: 1280px) {
.left-navigation {
		display:none;	
		left:20px;
	}
	
	.left-navigation_mobile {
		display:block;
	}
}
 
@media only screen and (max-width: 1000px) {
	
	
	
	  .fullscreen-navigation .container .wrapper, .fullscreen-navigation .event-room-overview .event-rooms .head .wrapper, .event-room-overview .event-rooms .fullscreen-navigation .head .wrapper, .fullscreen-navigation .event-room-overview .event-rooms .body .wrapper, .event-room-overview .event-rooms .fullscreen-navigation .body .wrapper {
      height: calc(100vh - 200px);
      width: 100%;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto; 
      }
	
	
	
	/* prüfen bildavstände */
	
	img.field {
		padding-bottom:20px !important;	
	}
	
	
	
	.heidelberg-sehenswuerdigkeiten-2  {
		xheight:100px;
	}
	
	.heidelberg-sehenswuerdigkeiten-2 .image-container {
		width:80%;
		height:auto;
		margin-left:10%;
		padding-top: 0 !important;
			
	}
	
	.heidelberg-sehenswuerdigkeiten-2 .inner-content .content-box{
		padding-bottom:100px !important;
		padding-top:-100px !important;
	}
	
	
	.acc-img img {
		padding-top:20px;
	}
	
	.left-navigation {
		display:none;	
		left:20px;
	}
	
	.left-navigation_mobile {
		display:block;
	}
	
	
	.left-navigation_mobile:lang(ar)  {
		display:block;
		padding-left:15px;
		
	}
	
	
 #main-menu {
  	position: relative; 
  }
  /*
  #main-menu:after {
    content: '';
    display: none;
    position: absolute;
    top: -60px;
    text-align: center;
    width: 100%;
    left: 0px; 
   }
	*/
	.top-navigation {
	  font-family: "Playfair Display", serif;
	  text-align: center; 

	  margin-left:20px; 
    }
  .top-navigation ul {
    list-style: none;
    padding: 0px;
    margin: 0px; 
    }
  .top-navigation > ul > li > a {
    font-size: 48px;
    font-size: 3rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    font-weight: 300; 
   }
    .top-navigation > ul > li > a:hover {
      color: #fff; 

    }
    .top-navigation > ul > li > a:hover:after {
        background-color: #fff; 
    }
  .top-navigation li.menu-item-has-children > ul {
	    overflow: hidden;
	    font-family: "Oswald", "Arial Narrow", sans-serif;
	    font-size: 1.2rem;
	    line-height: 1.8rem;
	    text-transform: uppercase;
	    max-height: 0px;
	    padding: 0;
	    opacity: 0;
	    transition: max-height .3s ease-in-out, padding-top .2s .1s, padding-bottom .6s .3s ease-out, opacity .5s .4s ease-in; 
    }
    .top-navigation li.menu-item-has-children > ul li {
      	margin-top: 8px;
     	 margin-bottom: 8px; 
     	 padding-left:20px;
     }
    .top-navigation li.menu-item-has-children > ul li a:hover {
        color: #fff; 
    }
  .top-navigation li.menu-item-has-children.open > ul {
    	padding-bottom: 10px;
    	padding-top: 10px;
    	max-height: 300px;
    	opacity: 1; 
   }
	
	
	
	.fullscreen-navigation {
		text-align:left;
	}
	
	
	.fullscreen-navigation .container .wrapper  {
    	height: auto !important;
    	padding-bottom: 0;
	}
	
	.top-navigation {
	    xwidth: 100% !important;
	    padding: 0px 40px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    height: calc(100vh - 140px) !important;
	    padding-bottom: 100px;
	}
	
	.fullscreen-navigation .container .wrapper > div {
	    width: 880px;
	    xwidth: 100%;
	    height: calc(100vh - 280px);
	    overflow-y: scroll;
	    overflow-x: hidden;
	    padding-top: 10px;
	}
}

/*

.arrangement_image_bg {
	background-size:400px 400px !important;	
	height:400px !important;
	width:400px;
}
*/



/**** Arrangement detailseite ****/

.arrangement-header-img {
	height:500px;
	background-size:cover; 
	background-position:center center;
}

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

	.arrangement-header-img {
		height:300px;
	}
}

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

	.arrangement-header-img {
		height:200px;
	}
}



.arrangement_image_img {
	max-width:400px;
	width:auto !important;
	height:auto;
	text-align:center !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

.arrangement_image_img img {
	
	width:100%;
	height:auto;
	text-align:center !important;
	
}


@media only screen and (max-width: 1000px) {
	.arrangement_text {
		padding-top:30px;
	}
}


@media only screen and (max-width: 768px) {
	.arrangement_image_img {
		max-width:none;

	}

}


.catering-list-mittig  {
	width: 25%;
	padding-left:33.3333%;	
}


.bottom-navigation-desk {
	display:block;	
}

.bottom-navigation-mob {
	display:none;	
}

.bottom-navigation-top ul  {
	padding-top:30px;
	font-family: "Oswald", "Arial Narrow", sans-serif;
	font-size: 1.1rem;
	line-height: 1.8rem;
	letter-spacing: 0.04rem;
}

.bottom-navigation-top ul li {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 10px;
}


.buttons-bottom {
	bottom:0;
	padding-bottom:0;
	display:none;
	z-index:99999;
	position:fixed;
	width:100%;
	background-color:#c2b098;
	height:42px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	
}

.buttons-bottom .buchen {
	width:50%;
	height:40px;
	text-align:center;
	padding-top:7px;
	padding-bottom:10px;
	left:0;
	border: 1px solid #fff;	
	font-size:1.1rem;
	letter-spacing: 0.1rem;
	float:left;
}

.relax-image img {
	width:450px;
	height:450px;	
}




@media only screen and (max-width: 1000px) {
	
	
	/* linien abstände links / rechts */
	section::before, section::after {

	    width: 20px;

	}
	
	
	.footer-menu-row {

	    margin-left: 0px;
	    margin-right:0;
	}
	
	
	
	.footer-menu #footer-menu {
		text-align:center;
	}
	
	.button.left {
		clear:both;
		float:none;	
	}
	
	.button.right {
		clear:both;
		float:none;	
	}

	
	
	section:last-child {
		border-bottom:none;	
	}
	
	.buttons-bottom {
		display:block;	
	}

	
	.bottom-navigation-desk {
		display:none;	
	}
	
	.bottom-navigation-mob {
		display:block;	
	}
	
	/*
	.mobile-language-navigation {
	    margin-left: 0;
	    margin-right: 0;
	}
	*/
	
	.horizontal-tiles .horizontal-tile .image {
		text-align:center;
		width:350px;	
		margin-left:auto;
		margin-right:auto;
	}

	
	.catering-list-mittig  {
		padding-left: 16.66667%;
		width: 50%;
		margin-left:20px;
	}

	
	
	/*
	.arrangement_image {
		width:100%!important;
		height:400px !important;
		float:bottom;	
		margin-left:auto;
		margin-right:auto;
		text-align:center;

		margin-top:20px;
		margin-bottom:10px;
	}
	*/
	.lrtext {
		padding-bottom:20px;	
	}
	
	
	.col-6.arrangement_image_b {
		clear:both;
		float:none;
		width:100%;
		height:auto !important;
		padding-left:0 !important;
		padding-right:0 !important;
		
	}
	

	
}


	/* map auf den smartphones raus */
	
	/* de en cn ru ar*/
	#menu-item-8560, #menu-item-10588, #menu-item-8591, #menu-item-10406, #menu-item-10549  {
		display:block;	
	}


@media only screen and (max-width: 1000px) {
	
	.home .start-preloader  {
	       height: 100vw !important;
		    width: 100% !important;
		    padding: 0 15px 20px 15px;
	}
	
	.start-preloader {
		    height: 64vw !important;
		    width: 100% !important;
		    padding: 40px;
	}
	
	.image-container .content {
	    background-size: 100% auto !important;
	    padding-top: 60vh !important;
	}
	
	
	.image-container .content {
	    background-size: auto 40vh !important;
	    background-position: top center !important;
	    padding-top: 45vh !important;
	    height: auto !important;
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    padding-bottom: 0px !important;
	}

}



@media only screen and (max-width: 900px) {
	
	.image-container .content {
	    padding-top: 55vh !important;
	}
	

}

@media only screen and (max-width: 800px) {
	
	.image-container .content {
	    padding-top: 50vh !important;
	}
	
	
		.philospohie-und-vision  .image-container .content {
			padding-top: 45vh !important;
		}


}

@media only screen and (max-width: 768px) and (orientation: portrait) {
	
	.image-container .content {
	    padding-top: 45vh !important;

	}
	
	
	.start-preloader {
		    height: 57vw !important;
		    width: 100% !important;
		    padding: 60px 40px 0px 40px;
	}
	
	
	.image.fullheight {
	    height: 50vw;
	    width: 100%;
	}

}

@media only screen and (max-width: 700px) and (orientation: portrait) {
	
	
	.reservierungsfeld {
	    width: 100%;
	   left:0;
	   padding-left:0 !important;
	   padding-right:0 !important;
	}
	
	
	.room-type-reservation .smaller, .room-type-reservation .bigger {
		padding: 0 0;
	}
	
	.image-container .content {
	    xpadding-top: 45vh !important;
	}
	
	
	.philospohie-und-vision  .image-container .content {
			xpadding-top: 32vh !important;
	}

}

@media only screen and (max-width: 600px) and (orientation: portrait) {
	
	.image-container .content {
	    xpadding-top: 40vh !important;

	}
	


}


@media only screen and (max-width: 520px) and (orientation: portrait) {
	
	.image-container .content {
	    xpadding-top: 32vh !important;
	}
	


}

@media only screen and (max-width: 414px) and (orientation: portrait) {
	
	.image-container .content {
	    xpadding-top: 24vh !important;
	}

}

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

	.image-container .content {
	    background-size: auto 40vh !important;
	    background-position: top center !important;
	    padding-top: 45vh !important;
	    height: auto !important;
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    padding-bottom: 0px !important;
	}

}



.mobile_white  {
	color:#000;	
}


.booking_pink {
	padding:5px 10px;
	background-color:#df007e;
	color:#fff !important;	
}

.booking_pink:hover {
	background-color:#da4472;
}


/* buchen kasten */

.single-room_type .room-type-reservation-wrapper {
    background-color: #eee;
    padding-bottom: 10px;
    padding-top:30px;
    margin-top:50px;
}


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


		
		
		.single-room_type .room-type-reservation-wrapper {

		}

		
		
		.page-template-a .inner-content .content-box, .page-template-a-lefttext .inner-content .content-box {
		    max-width: 800px;
		    width:100%;
		    margin-left: auto;
		    margin-right: auto;
		}
		
		
		header {
			height:60px;	
		}
}


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

	
	
	.section-nav .sectionDown, .section-nav .anchorLink {
		   width: 40px;
		   height: 14px;
		   padding-top:50px;
	}
	
	
	.section-nav .sectionTop {

	    display: inline-block;
	    width: 40px;
	    height: 14px;
	    cursor: pointer;
	    transform: rotate(180deg);
	    background-image: url("../img/DirectionDown.svg");
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-position-x: 50%;
	    background-position-y: 50%;
	    padding-top:50px;
	}
	
	
	/* linien abstände links / rechts */
	section::before, section::after {

	    width: 15px;

	}
	
	
		/* buchen grauer kasten */
	
	
	.single-room_type .room-type-reservation-wrapper {
		  background-color: #fff;
		  padding-bottom: 10px; 
		  padding-top:30px;
    	  margin-top:10px;
	}
	
	
	.room-type-reservation .smaller {

    	  padding-bottom: 20px; 
     }
	
	
	 .room-type-reservation .smaller > span {
    	  text-align: center; 
    	  font-size:1.3rem;
    	  padding-bottom: 10px; 
     }
     
     .room-type-reservation .smaller .control .number {
	    font-size: 1.2rem;
	    line-height: 1.8rem;
	    text-transform: uppercase;
	}
	
	
	

	.room-type-reservation .smaller .control::after {
    		position: absolute;
		    content: '';
		    bottom: 10px;
		    right: 30px;
		    width: 20px;
		    height: 20px;
		}
	
	.room-type-reservation input {
		border-bottom:0;	
	}
	
	
	.hidden-input select, .hidden-input input {
	    width: 100%;
	    padding: 0;
	    height: 20px;
	    text-align: center;
	    margin: 0;
	}
	
	
	
	/* map auf den smartphones raus */
	
	/* de en cn ru ar*/
	
	#menu-item-8560 , #menu-item-10588, #menu-item-8591, #menu-item-10406, #menu-item-10549  {
		display:none;	
	}
	


	
	/* hintergrund karte sehenswürdigkeite */
	
	
	.heidelberg-sehenswuerdigkeiten-2 .image-container .content {
	    background-size: auto 35vh !important;
	    padding-top: 10vh !important;
	}
	
	
	.arrangement-list .arrangement_image_b:first-child {
		padding-top:30px;
		
	}
	

	
	.half.floating.first {
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.half.floating.last {
	    margin-left: auto;
	    margin-right: auto;
	}

	
	.arrangement_image_img {
		width:100%;
		height:auto;
	}
	
	/*
	.arrangement_image {
		width:100%;
		height:400px !important;
		float:bottom;	
		margin-left:auto;
		text-align:center;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	
	.arrangement_image_bg {
		background-size:cover !important;	

	}
	*/
	.arrangement_text {
		position:relative;
		display:table-cell;
		height:400px;
		padding-top:20px;
		height: auto; 
		padding-left:0 !important;
		padding-right:0 !important;
	}


	
	.start-preloader {
		display:none;	
	}
	
	
	#fullpage {
		margin-top:50px;	
	}
	
	
	header {
		height:60px;
	}
	
	/* prüfen auf allen seiten
		padding oben/unten verringert
	*/
	
	.boxed {
		/*prüfen */
		/*padding: 60px 40px 60px 40px !important;*/
	    /*padding: 60px 40px 40px 40px !important;*/
	    padding: 60px 15px 40px 15px !important;
	     padding: 20px 15px 0 15px !important;
	}
	
	.boxed:first-child {
		/*padding: 60px 40px 60px 40px !important;*/
	    padding: 70px 40px 40px 40px !important;
	    padding: 20px 40px 20px 40px !important;
	    padding: 20px 15px 20px 15px !important;
	}
	
	
	.page-template-a-lefttext .inner-content {
	    padding-top: 0px;
	    padding-bottom: 25px !important;
	}
	
	
	.section-nav.mt-30 {
		margin-top:10px;	
	}
	
	
	.ehhslider .slider .bg {
		  min-height: 350px;
	}
	
	.mobile-full {
		padding-bottom:30px;	
		padding-bottom:5px;	
		padding-bottom:0;
	}
	
	/**** bucket list *****/
	
	.location-wrapper .col-4.col-6-m {
		width:100%;
		
	}
	
	
	.col-12-s {
		width:100%;	
		left: 0;
	}
	

	.fullscreen-navigation {
		padding: 60px 40px 40px 0 !important;
	}
	
	
	.relax-image img {
		width:350px;
		height:350px;	
	}
	
	.citation {
	    padding: 20px 0 10px 0;
	    color: #000;
	    text-align: center;
	    position: relative;
	    font-size: 2.5rem;
	    line-height: 3rem;
	}
	
	
	.citation {
	    font-size: 1.3rem !important;
	    line-height: 1.6rem !important;
	}
	
	.citation .citation-author {
	    font-size: 1.1rem;
	    text-align: center;
	    padding-top: 0px;
	    margin-top: 20px;
	    position: relative;
	    height: 40px;
	}
	
	.citation .citation-author:before {
      content: '';
      margin-top: 0px;
	}
	
	
}


@media only screen and (max-width: 500px) {
	
	
	.horizontal-tiles .horizontal-tile .image {
		text-align:center;
		width:300px;	
		margin-left:auto;
		margin-right:auto;
	}
	
	
	/* buttons */
	.half.floating {
	    width: 100%;
	    float: none;
	}
	
	.half.floating.first {
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.half.floating.last {
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.ehhslider .slider .bg {
		  min-height: 250px;
	}
	
	/*
	
	.arrangement_image_bg {
		background-size:cover!important;	
		height:380px !important;
		width:380px;
	}

	
	.arrangement_image {
		width:100%;
		height:380px !important;
		float:bottom;	
		margin-left:auto;
		text-align:center;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	*/
	
	.social .icon {
	    display: inline-block;
	    width: 1.8rem;
	    height: 1.8rem;
	    margin: 0 10px;
	}
	
	.relax-image img {
		width:330px;
		height:auto;	
	}
	
	

	
}

@media only screen and (max-width: 420px) {
	
	.logo-top-mobile {
		font-size:0.8rem;	
		padding-right:50px;
		
		
	}
}

@media only screen and (max-width: 320px) {
	
	.logo-top-mobile {
		font-size:0.7rem;	
		padding-right:50px;
		
		
	}

	
	/*
	.arrangement_image_bg {
		background-size:cover!important;	
		height:280px !important;
		width:280px;
	}

	
	.arrangement_image {
		width:100%;
		height:280px !important;
		float:bottom;	
		margin-left:auto;
		text-align:center;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-top:20px;
		margin-bottom:10px;
	}
	*/
}




/*********** schriftgrößen **************/


.tagungsraeume .tagungsraeume-row .col-4 a {
  font-family: 'Playfair Display', 'Times', 'Times New Roman';
  font-size: 2rem;
  line-height: 2rem; 
}

.tagungsraeume .tagungsraeume-row .col-12 a {
  font-family: 'Playfair Display', 'Times', 'Times New Roman';
  font-size: 1.5rem;
  line-height: 2rem; 
  padding-left:5px !important;
}

.tagungsraeume .tagungsraeume-row .col-12 {
  padding-bottom:15px;
  padding-left:5px !important;
}


.tagungsraeume .tagungsraeume-row .col-tag-1 {

}

.tagungsraeume .tagungsraeume-row .col-tag-2 {

}


@media only screen and (max-width: 800px) {
	
	.tagungsraeume .tagungsraeume-row .col-tag-1 {
		width:13%;
	}
	
	.tagungsraeume .tagungsraeume-row .col-tag-1-1 {
		width:20%;
	}
	
	.tagungsraeume .tagungsraeume-row .col-tag-2 {
		width:20%;
	}
	
	.tagungsraeume .tagungsraeume-row .col-tag-2 img {
		width:50%;
		height:auto;
	}
	
	.tagungsraeume .tagungsraeume-row .col-tag-2-1 {
		width:20%;
	}

	
	.tagungsraeume .tagungsraeume-row .col-4-m .text-center {
		text-align:left !important;
	}
	
	.tagungsraeume .tagungsraeume-row .col-4-m {
		padding-left: 10px;
	}
	
	.room-masse-mob {
		text-align:left !important;	
	}
	
	.tagungsraeume {
		padding-top:10px;	
		margin-bottom:50px !important;	
	}
	
	.sitze {
		margin-bottom:10px;	
	}
	

	
}



.contact_map h2 {
	  display: block;
	   font-size: 2.8rem !important;
		line-height: 3.3rem !important;
	    color: #000;
}


@media only screen and (max-width: 700px) {
	
	
	.tagungsraeume .tagungsraeume-row .col-4 a {
	  font-size: 1.6rem;
	  line-height: 2rem; 
	}
	
	
	.contact_map h2 {
		  display: block;
		  font-size: 2.2rem !important;
		  line-height: 2.37rem !important;
		  color: #000;
	}

	
	
	.arrangements-list .arrangement .header, .arrangements-list .arrangement .date {
	    display: block;
	    font-size: 1.7rem;
	    line-height: 1.7rem;
	    color: #000;
	}
	
	
	.content h1 {
		font-size: 2.6rem !important;
		line-height: 3.2rem !important;
		font-size: 1.9rem !important;
		line-height: 2rem !important;
	}
	
	.content h2, h2, .fs-2 {
		font-size: 2.6rem !important;
		line-height: 3.2rem !important;
		font-size: 1.9rem !important;
		line-height: 2rem !important;
	}
	
	.content h3 {
		font-size: 1.7rem !important;
		line-height: 1.8rem !important;
		margin-bottom:0;
	}
	
	
	
	.subclaim {
	    font-size: 1.3rem !important;
	    line-height: 1.3rem !important;
	}
	.accordion .accordion-item .title {
	    display: block;
	    vertical-align: middle;
	    margin: 0;
	    font-size: 1.2rem;
	    line-height: 1.5rem;
	    padding-left: 10px;
	    width: 100%;
	}

	.accordion .accordion-item .content > .row, .accordion .accordion-item .xmas-arrangements .content > .content, .xmas-arrangements .accordion .accordion-item .content > .content {
	
	    padding: 20px 0px 20px 10px;
	
	}
	
	.vb_preise_head {
	    font-size: 1.7rem;
	    line-height: 1.7rem;

	}
	
	
	.accordion .accordion-item .content ul, .accordion .accordion-item .content ol {
   		 margin: 20px 0;
    	  padding: 10px 0 0 10px;
	}
	
}


/*große type für mobile-startseite */

.mobile-start-head h1 {
	font-size:2.2rem !important;	
	line-height: 2.5rem !important;	
}

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

	.tagungsraeume .tagungsraeume-row .col-4 a {
	font-family: "Oswald", "Arial Narrow", sans-serif;
	  font-size: 1.2rem;
	  line-height: 1.8rem; 
	  font-weight:500;
	}
	
	
	.contact_map h1 {
		  display: block;
		  font-size: 1.2rem !important;
		  line-height: 1.7rem !important;
		  padding-top:30px;
		  padding-left:10px;
		   padding-right:10px;
	}
	
	
	.mobile-start-head h1 {
		font-size:2.3rem !important;	
		line-height: 2.5rem !important;	
	}


} 



@media only screen and (max-width: 320px) {
	.arrangements-list .arrangement .header, .arrangements-list .arrangement .date {
	    display: block;
	    font-size: 1.4rem;
	    line-height: 1.5rem;
	    color: #000;
	}
	
	
	.relax-image img {
		width:230px;
		height:auto;	
	}


}

.header .trennung_alle {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
}

.header.trennung:lang(de) {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
}

/* kontakt-seite */

	.fast-kontakt  {

	}

  .fast-kontakt .email {
  	width:70px;
  	height:70px;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
    background: transparent url("../img/icons/mail-01.svg") no-repeat center center;
    background-size: 60px 60px; 
  }

  .fast-kontakt .phone {
  	width:70px;
  	height:70px;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
    background: transparent url("../img/icons/Tel-01.svg") no-repeat center center;
    background-size: 60px 60px; 
  }
  .fast-kontakt .whatsapp {
  	  width:70px;
  	height:70px;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
    background: transparent url("../img/icons/whatsapp-01.svg") no-repeat center center;
    background-size: 60px 60px; 
  }

  .fast-kontakt .socialmedia {
  	  width:70px;
  	height:70px;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
    background: transparent url("../img/icons/SocialMedia-01.svg") no-repeat center center;
    background-size: 60px 60px; 
  }
  
  
   .fast-kontakt .googlemaps {
  	  width:70px;
  	height:70px;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
    background: transparent url("../img/icons/google-maps.svg") no-repeat center center;
    background-size: 60px 60px; 
  }
  
 
 
 
 /* hotelcarreer */

.hc-joblist {
	text-align:left;
	padding-left:25%;	
	font-weight:400;
}

div#hc-jobliste-display {
	font-weight:400;

}

@media only screen and (max-width: 500px) {
	.hc-joblist {
	padding-left:0;	
}
}

.hc-joblist-offer-date {
	padding-right:10px;
} 

p.kontakt-fragen {
	font-family: 'Playfair Display', serif; font-weight: 400; font-size: 48px; line-height: 56px;
}
.vmid-kontakt {top:10%;height:100%;}

@media only screen and (max-width: 1025px) {
	p.kontakt-fragen {font-size:36px;line-height:44px;}
	.vmid-kontakt {left:5%;}
}
@media only screen and (max-width: 420px) {
	p.kontakt-fragen {font-size:20px;line-height:28px;}
	.vmid-kontakt {top:30%;}
}