/*** webfonts MyFonts Order M9905572 ***/
/* 
colors:
green: #006836  #0c6036
red: #cb2802
hover grau: #999
*/

@font-face {
    font-family: 'GilamBook';
    src: url('webfonts/Fontfabric-Gilam-Book.otf') format('otf');
    src: url('webfonts/Gilam-Book.woff2') format('woff2'),
    	url('webfonts/Gilam-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GilamThin';
    src:  url('webfonts/Fontfabric-Gilam-Thin.otf') format('otf');
    src: url('webfonts/Gilam-Thin.woff2') format('woff2'),
        url('webfonts/Gilam-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GilamHeavy';
    src: url('webfonts/Fontfabric-Gilam-Heavy.otf') format('otf');
    src: url('webfonts/Gilam-Heavy.woff2') format('woff2'),
        url('webfonts/Gilam-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GilamBookItalic';
    src:url('webfonts/Fontfabric-Gilam-Book-Italic.otf') format('otf');
    src: url('webfonts/Gilam-BookItalic.woff2') format('woff2'),
        url('webfonts/Gilam-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GilamBold';
    src:url('webfonts/Gilam_Bold.otf') format('otf');
    src: url('webfonts/gilam_bold-webfont.woff2') format('woff2'),
        url('webfonts/gilam_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*** allgemeines reset ***/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
  	font-weight: normal;
  	list-style: none;
}


:focus {
	outline: 0;
}

.clearfix:before,
.clearfix:after {
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

html, body {
	height: 100%;
	margin: 0px;
}	

body {
	background-color: #fff;
	font-size: 18px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a { text-decoration: none; color: inherit; }
strong { 
	font-family: 'GilamHeavy'; 
  	font-weight: normal;
}

b, strong {
	font-family: 'GilamHeavy'; 
  	font-weight: normal;

}
/*** test booking INAKTIV ***/

.booking {
	position: absolute;
	top: -1px;
	right: 0px;
	padding: 2px 12px 2px 12px;
	background-color: #006836;
	background-color: #027c42;
	font-family: 'GilamBold'; 
	letter-spacing: 2px;
}

.booking a {
	color: #fff;
}



/* Absolute positioned header for all browsers*/
.header-wrapper {
    position:fixed;
	z-index: 100;
    width:100%;
    top:0;
    left:0;
    height:8vw;
	background-color: #fff;
	padding-top: 1px; 
}

.header {
	position: relative;
    height:100%;
    width: calc(88%);
	max-width: 1260px; 
    margin:0 auto;
	border-bottom: 2px #000 solid;
	font-family: 'GilamHeavy';
	font-size: 1.16vw;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-sizing: border-box;
/*	border-left: 2px #fff solid;
	border-right: 2px #fff solid;	*/
	/*overflow: hidden;*/
}

.header .logo,
.header .logo_des {
	width: 20%;
	margin: 0 auto;
	padding: 2.4vw 0 0 0;
}

.header .logo img, 
.header .logo_des img {
	width: 100%;
}

.burger { display: none; }

.footer-wrapper  {
	position:fixed;
	z-index: 100;
    width: 100%;
    bottom:0;
    left:0;
    height:8%;
	background-color: #fff;

}

.footer {
	position: relative;
    height:100%;
    width: calc(88%);
	max-width: 1260px; 
    margin:0 auto;
	border-top: 2px #000 solid;
	background-color: #fff;
	font-family: 'GilamThin';
	font-size: 1.16vw;
	text-transform: uppercase;
	box-sizing: border-box;
}

.home .footer { border-top: 0px #000 solid; }


/*** menus ***/

.mainmenu {
	position: absolute;
	z-index: 1;
	bottom: -6px;
}

.mainmenu ul li {
	float: left;
	margin: 0 10px 0 0;
	border-bottom: 5px transparent solid;
}
.mainmenu ul li ul.sub-menu {
	position: absolute;
	z-index: 99;
	display: none; 
	padding: 6px 6px 0 6px;
	margin-top: 5px;
	background-image: url(imgs/bg80.png);
	border: 1px #999 solid;
	color: #777;
}

.mainmenu ul li ul.sub-menu li
{
	display: block;
	clear: left;
	line-height: 1.6vw;
	margin: 0;
	border-bottom: 0;
	white-space: nowrap;
}

.mainmenu ul.menu li:hover { border-bottom: 5px #000 solid; }
.mainmenu ul.menu li.current-menu-item { border-bottom: 5px #000 solid; }
.mainmenu ul.menu li:hover ul.sub-menu { display:block }
.mainmenu ul.menu li ul.sub-menu li:hover{ color: #000; border-bottom:0;  }
.mainmenu ul.menu li ul.sub-menu li a:hover{ color: #000; border-bottom:0;  }
.mainmenu ul.menu li ul.sub-menu li.current-menu-item { border-bottom: 0; }
.__mPS2id, .mobilemenu2 li { color: #777; }
.mobilemenu2 .current-menu-item { color: #000; }
.sub-menu li a.mPS2id-highlight-first { color: #000; }
.mobilemenu2 li a.mPS2id-highlight-last { color: #000; }


.langmenu {
	position: absolute;
	z-index: 1;
	bottom: -6px;
	right: 0;
}

.langmenu ul li {
	float: left;
	margin: 0;
	border-bottom: 5px transparent solid;
}

/*.langmenu ul.menu li:hover {	border-bottom: 5px #000 solid; }
.langmenu ul.menu li.current-menu-item { border-bottom: 5px #000 solid; }*/

/*wpml-ls-current-language*/
.langmenu ul.menu li:hover, 
.langmenu ul.menu li.wpml-ls-current-language
{
	/*border-bottom: 5px #000 solid;*/
	background-image: url(imgs/langbg.png);
	background-repeat: no-repeat;
	background-position: 0px 26px;
}

.langmenu ul.menu li:nth-child(1):hover, 
.langmenu ul.menu li:nth-child(2):hover, 
.langmenu ul.menu li:nth-child(3):hover, 
.langmenu ul.menu li.current_page_item:nth-child(1), 
.langmenu ul.menu li.current_page_item:nth-child(2), 
.langmenu ul.menu li.current_page_item:nth-child(3) { 
	background-image: url(imgs/langbg.png);
	background-repeat: repeat-x;
	background-position: 0px 26px;
}
.langmenu ul.menu li:nth-child(1), 
.langmenu ul.menu li:nth-child(1) {
	padding-bottom: 3px;
}

.langmenu ul.menu li:nth-child(1):hover, 
.langmenu ul.menu li.current_page_item:nth-child(1) {
	background-position: 0 26px;
}


.langmenu ul.menu li:nth-child(6):hover, 
.langmenu ul.menu li.current_page_item:nth-child(6) { 
	background-size: 1.9vw 5px;
}

.langmenu ul.menu li a::after { 
    content: "|";
    margin-left: 5px;
}

.langmenu ul.menu li:last-of-type a::after { 
    content: "";
}

.langmenu ul.menu li:nth-child(1) a::after, 
.langmenu ul.menu li:nth-child(2) a::after, 
.langmenu ul.menu li:nth-child(3) a::after { 
    content: "";
    margin-left: 0;
}

.langmenu ul.menu li  { 
    padding-left: 5px;
}

.langmenu ul.menu li:nth-child(1),
.langmenu ul.menu li:nth-child(3),
.langmenu ul.menu li:nth-child(2) {
	padding-left: 0;
	margin: 0 5px;
}


.buchung {
	font-family: 'GilamBold'; 
	letter-spacing: 2px;
	line-height: 23px;
}
.buchung a {
	padding: 2px 13px 3px 15px;
	background-color: #0c6036;
	color: #fff;
}

.footmenu {
	position: absolute;
	top: 6px;
	right: -0;
}

.footmenu ul li {
	float: left;
	margin: 0 0 0 10px;
	border-bottom: 5px transparent solid;
}

.footleft {
	margin-top: 6px;
}

/*** content ***/

.content-wrapper {
	width: 88%;
	max-width: 1260px;
	margin: 0 auto;
	min-height: 94%;
	border-right: 2px #000 solid;
	border-left: 2px #000 solid;
	background-color: #fff;
	box-sizing: border-box;
}



.content,
.content-home,
.content-sihot {
	width: 100%;
	margin: 0%;
	padding: 8vw 0;
	background-color: #fff;
}

.content { visibility: hidden; }
.content.masonry { visibility: visible; }


.item {
	padding: 1px 0
}

.item img { opacity: 0; }

.item h1 {
	font-family: 'GilamThin';
	font-size: 3.6vw;
	line-height: 4vw;	
}

.item .txt {
	font-family: 'GilamBook'!important;
	font-size: 1.16vw;
	line-height: 1.8vw;	
}

.item p{
 margin-bottom: 1.8vw;
}

.item .txt a {
	font-family: 'GilamBookItalic' ,'GilamBook' ;
	text-decoration: underline;
}

.item .txt a span.booknow,
.item .txt a.booknow {
	font-family: 'GilamBook' ;
	text-decoration: none;
	color: #fff;
	padding: 4px 14px;
	background-color: #000;
}

.item .txt a span.booknow:hover,
.item .txt a.booknow:hover {
	background-color: #0c6036;	
}

.item img { width: 100%; }

a.zoomimg { 
	position: relative;
	display: block;
}

.zoomimg span {
    background-image: url(imgs/open2.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 2;
    right: 0px;
    bottom: 5px;
}


.a0 { margin-left: 0 }
.page-template-tmpl-contact h1,
.a1 { margin-left: 12.5% }
.a2 { margin-left: 25% }
.a3 { margin-left: 37.5% }
.a4 { margin-left: 50% }

.b0 { padding-top: 0 }
.b1 { padding-top: 2vw }
.b2 { padding-top: 4vw }
.b3 { padding-top: 6vw }
.b4 { padding-top: 8vw }
.b5 { padding-top: 10vw }


.w4 { width: 50% }
.w5 { width: 62.5% }
.w6 { width: 75% }
.w7 { width: 87.6% }

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

#modalimg {
	width: 90%;
}

#modal {
	height: 80%;
	width: 40%;
	/*display: none;*/
 /*  position:relative;*/
}

#modal .close {
   position:absolute;
   z-index: 10;
   width: 15px;
   height: 15px;
   top: 5px;
   right: 5px;
   cursor: pointer;
}

#modal .close img { width: 100%; }

.imprint h1 {
	font-family: 'GilamThin';
	font-size: 7.2vw;
	line-height: 7.6vw;	
	margin: 7vw;
}

.imprint .txt {
	font-family: 'GilamBook';
	font-size: 3.0vw;
	line-height: 4.8vw;	
	margin: 4vw 7vw;
}

.imprint p {
 margin-bottom: 1.8vw;
}

.imprint .txt a {
	font-family: 'GilamBookItalic';
	text-decoration: underline;
}

.imprint ul
{
	margin-bottom: 1.8vw;
	margin-left: 4%;
}
.imprint ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

/*** newsletter ***/

.cr_ipe_item {
    font-family: 'GilamBook';
	text-align: left !important;
	margin-bottom: 0.9vw !important;
}

.cr_ipe_item input {
	padding: 4px;
}

.cr_button {
    font-family: 'GilamBook';
    text-decoration: none;
    color: #fff;
    padding: 4px 14px;
    background-color: #000;
	font-size: 1.16vw;
}

/**** SIHOT ***/

.content-sihot {
	width: 98%;
	margin: 0 auto;
	padding: 9.8vw 0;
}

.SIHOTWeb, 
.SIHOTWeb label,
.SIHOTWeb .availCalendarDate, 
.SIHOTWeb .availCalendarDayIncative,
.SIHOTWeb .availCalendarDaySelected,
.SIHOTWeb .s_availCalendarMonthHeader,
.SIHOTWeb .availCalendarDayHeader,
.SIHOTWeb .s_ratePanelHeader,
.SIHOTWeb .s_roomPanelHeader,
.SIHOTWeb .k-dropdown .k-input,
.SIHOTWeb .k-input,
.SIHOTWeb .k-calendar,
.SIHOTWeb .k-widget,
.SIHOTWeb .k-window,
.SIHOTWeb .k-window .k-header {
	font-family: 'GilamBook' !important;
	font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #000 !important;
 	background-color: transparent !important;
}

.SIHOTWeb .s_ratePanelPrice, 
.SIHOTWeb .s_roomPanelPrice, 
.SIHOTWeb .panel-default > .panel-heading,
.SIHOTWeb .panel-body,
.SIHOTWeb .s_calendarBtn,
.SIHOTWeb .s_panelComment {
    color: #000 !important;
 	background-color: transparent !important;
}


.SIHOTWeb a {
	color: inherit !important;
	text-decoration: underline !important; 
	font-style: italic !important; 
}

.SIHOTWeb .s_mainRow {
 background-color: transparent !important;
}


.SIHOTWeb .s_availCalendarOneMonth,
.SIHOTWeb .s_calendarBtn {
	border: 1px solid #666 !important;
}

.SIHOTWeb .panel-default > .panel-heading {
	border-bottom: 1px solid #666 !important;
}

.SIHOTWeb .availCalendarDay {
	border: 1px solid #666 !important;
    color: #fff !important; 	
}

.SIHOTWeb .availCalendarDay .availCalendarDate {
    color: #fff !important; 	
}

.SIHOTWeb .availCalendarDaySelected .availCalendarDate {
	color: #000 !important;
}

.SIHOTWeb .availCalendarDayIncative .availCalendarDate {
    color: #000 !important; 	
}

.SIHOTWeb .availCalendarDayActive {
 	background-color: #006836 !important;	
    color: #fff !important; 	
}

.SIHOTWeb .s_availCalendarOneMonth {
	margin-bottom: 18px;
}

.SIHOTWeb .s_availCalendarMonthHeader {
	height: 40px !important;
}

.SIHOTWeb .markerStart {
	border-color: #000 transparent transparent #000 !important;
}
.SIHOTWeb .markerEnd {
	border-color: transparent #000 #000 transparent !important;
}

.SIHOTWeb .s_panelButton {
	border: 1px solid #666 !important;
 background-color: transparent !important;

}



.SIHOTWeb .availCalendarInOtherMonth {
	 background-color: #ccc !important;

}

.SIHOTWeb .k-button {
    height: 30px !important;
}
.SIHOTWeb .s_addRoomBtn {
    background-color:  transparent !important;
	border: 1px solid #666 !important;
    width: 48% !important;
	font-size: 22px !important;
    line-height: 22px !important;
    color: #000 !important; 	
}
.SIHOTWeb .k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fff !important;
    border-color: #666 !important;
}

.SIHOTWeb .k-state-default {
    color: #000 !important;
}

.SIHOTWeb .k-state-hover {
    color: #000 !important;
}
.SIHOTWeb .k-autocomplete.k-state-default, 
.SIHOTWeb .k-picker-wrap.k-state-default, 
.SIHOTWeb .k-numeric-wrap.k-state-default, 
.SIHOTWeb .k-dropdown-wrap.k-state-default {
    background-color: #fff !important;
    border-color: #666 !important;
}

.SIHOTWeb .list-group > li {
    background-color:  transparent !important;
}

.SIHOTWeb .panel > .list-group, 
.SIHOTWeb .panel > .panel-collapse > .list-group {
	border: 1px solid #666 !important;
}

.SIHOTWeb .s_bookingOverviewSummarySection {
	font-family: 'GilamBook' !important;
	font-size: 14px !important;
    line-height: 1.42857143 !important;
}


.SIHOTWeb .s_bookingOverviewTotalPriceSection {
	font-size: 18px !important;
}

.SIHOTWeb .discountNormalPrice, 
.SIHOTWeb .s_ratePanelPrice, 
.SIHOTWeb .s_roomPanelPrice {
    font-size: 18px !important;
    padding-top: 10px !important;
}

.SIHOTWeb  .k-button {
    background-color: #fff !important;
    border-color: #666 !important;
}


.SIHOTWeb .s_continue_btn, 
.SIHOTWeb .s_back_btn,
.SIHOTWeb .s_book_btn {
    width: 100%;
    background: #006836 !important;
	font-family: 'GilamBook' !important;
	font-size: 14px !important;
}

 
.SIHOTWeb input.k-textbox,
.SIHOTWeb textarea.k-textbox {
	background-color: #fff !important;
    color: #000 !important;
	border: 1px solid #666 !important;
}

.SIHOTWeb .k-button {
 /*   background: transparent !important;*/

}
#sihot_expandCalendarBtn {
	border: 1px solid #666 !important;
	background-color: transparent !important;
    color: #000 !important;	
}


.SIHOTWeb .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff !important;
    border-color: #666 !important;
    color: #006836 !important;
}




.SIHOTWeb div.k-window,
#idAvailCalendarWindow .k-window .k-content {
    background-color: #fff !important;

}

.SIHOTWeb .k-window-titlebar .k-window-actions { right: 0; }
.SIHOTWeb .k-button.k-bare .k-icon {  color: #fff;   font-size: 18px; }

.SIHOTWeb .k-link { color: #fff !important }


.SIHOTWeb .k-header {
	background-color: #fff !important;
}

.SIHOTWeb .k-i-close {
	color: #000!important; 
}

.SIHOTWeb .k-window-content k-content {
		background-color: #006836 !important;
}

.SIHOTWeb .k-header,
.SIHOTWeb .k-grid-header,
.SIHOTWeb .k-toolbar,
.SIHOTWeb .k-dropdown-wrap,
.SIHOTWeb .k-picker-wrap,
.SIHOTWeb .k-numeric-wrap,
.SIHOTWeb .k-grouping-header,
.SIHOTWeb .k-pager-wrap,
.SIHOTWeb .k-textbox,
.SIHOTWeb .k-progressbar,
.SIHOTWeb .k-draghandle,
.SIHOTWeb .k-autocomplete,
.SIHOTWeb .k-state-highlight,
.SIHOTWeb .k-tabstrip-items .k-item,
.SIHOTWeb .k-panelbar .k-tabstrip-items .k-item,
.SIHOTWeb .km-pane-wrapper > .km-pane > .km-view > .km-content  {
	background-color: #006836 !important;
}

.SIHOTWeb .k-button:focus,
.SIHOTWeb .k-button.k-state-focused {
  border-color: #006836 !important;
}
.SIHOTWeb .k-state-focused.k-state-selected,
.SIHOTWeb .k-list > .k-state-focused.k-state-selected,
.SIHOTWeb .k-listview > .k-state-focused.k-state-selected,
.SIHOTWeb td.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #006836 !important;
}
.SIHOTWeb .k-spreadsheet-formula-list .k-state-focused {
  background-color: #006836 !important;
}

.SIHOTWeb .k-button:focus,
.SIHOTWeb .k-button.k-state-focused  {
  border-color: #006836 !important;
}
.SIHOTWeb .k-state-focused.k-state-selected,
.SIHOTWeb .k-list > .k-state-focused.k-state-selected,
.SIHOTWeb .k-listview > .k-state-focused.k-state-selected,
.SIHOTWeb td.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #006836 !important;
}

.SIHOTWeb .s_calendarLegendRestricted,
.SIHOTWeb .availCalendarRestriction {
	background-color: #7ea854 !important;
}

.SIHOTWeb .availCalendarDaySelected,
.SIHOTWeb .panelSelected {
 background-color: #dee9d5 !important;
	border: 1px solid #666 !important;
}

.SIHOTWeb .s_conf_container {
    max-width: 600px;
    background-color: #ddd !important;
    font-family: 'GilamBook',helvetica neue,helvetica,arial,sans-serif !important;
    font-size: 15px;
}

.SIHOTWeb .s_conf_divider {
    background-color: #006836 !important;
}

.SIHOTWeb .k-window-titlebar,
.SIHOTWeb .k-window .k-header,
.SIHOTWeb .k-window .k-content {
    border-bottom-color: #fff !important;
    background-color: #fff !important;
}

.imageGaleryTextBlock, 
.imageGaleryTextBlock pre {
	color: #000 !important;
    background-color: #fff !important;
}


@media (min-width: 1200px)
.SIHOTWeb .col-lg-6 {
    width: 49% !important;
}



body, #bodyTable {
	background: #fff !important;
}

	.wpml-ls-statics-footer,
	.mobilemenu,
	.mobilemenu2,
	.slicknav_menu { display: none; }
	
/*** home ***/

/*
	width: 100%;
	margin: 0%;
	padding: 12vw 0;
*/
.home .header {
	max-width: 1260px;

}

.home .content-wrapper {
	border-right: 0px #000 solid;
	border-left: 0px #000 solid;
    width: 88%;
	margin: 0 auto;
	max-width: 1260px;
	box-sizing: border-box;

}

.page-id-5 {

}

.content-home {
}

.otgs-development-site-front-end { display: none !important; }

.page-template-tmpl-home_new  .content-wrapper {
/*	overflow: hidden; */
	position: relative;
}

.imgcontainer  {
	position: relative;
	width: 100%;
	height: 84vh;
	border-right: 2px #000 solid;
	border-left: 2px #000 solid;
	border-bottom: 2px #000 solid;
	padding: 0;
	line-height: 0;
	margin: 7vw 0 0 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fff;
}

.imgcontainer img {
	width: 100%;
	margin: 0;
   /* box-sizing: content-box;*/
	position: absolute;
	top: 0;
	line-height: 0;
	transform:  scale(1.1)  translateY(-20px);
	-webkit-transition: all 3.5s;
    -moz-transition: all 3.5s;
    -o-transition: all 3.5s;
    transition: all 2.5s;
    transition-timing-function: ease-out;
    /* opacity: 0;   */
}

.imgcontainer .bgmove {
/*    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);	*/
    opacity: 1;
    transform: scale(1)  translateY(0);
}

.imgcontainer .homebg { 
	position: absolute; 
	display: none; 
	z-index: 2; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
};
.imgcontainer .homebg.active { z-index: 10; }
.imgcontainer .homebg.last-active { z-index: 8 !important; }

.overlay {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 60%;
    left: 50%;
    text-align: center;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'GilamBook';
	font-size: 3vw;
	line-height: 3vw;
	color: #000;
    transition: all 3.5s;
    transition-timing-function: ease-out;
    opacity: 0;
}

.overlay.overmove {
	opacity: 1;
	top:50%
}

.home-foot {
	position: relative;

}

@-moz-document url-prefix() {
/*	.home .content-wrapper {
		width: 88% !important;
	}
	
	.imgcontainer  {
		margin: 7vw 0 4vw 0;
		width: 99.6%;
	}	*/
	
}
	

/*** home slideshow *****/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  /** rooms singel ***/
  
  .roomsingle .content .item {
  	/*padding-top: 10vh;*/
  }


/*** rooms slideshow *****/

.rooms .imgwrap {
	position: relative;
		text-align: center;

}


.rooms .rslides_nav {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
}

.rooms .rslides li { 
	height: 410px;
	overflow: hidden; 
}

.rooms .rslides_nav.prev { 
	margin: 10px 0 0 1px; 
    background-image: url(imgs/pfeil_prev.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 4px 3px;
}
.rooms .rslides_nav.next { 
	margin: 10px 0 0 22px; 
    background-image: url(imgs/pfeil_next.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 5px 3px;
}

.rooms .rslides img {
	max-height: none !important;
	width: auto;
    height: 100%;
    max-height: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}

.rooms .item p {
/*	margin-bottom: 0.6vw; */
}

.gitem {  display: block; }


	/*** buchung neu ***/
	.content-clock { 
		max-width: 1180px; 
		margin: 0 auto;
		padding-top: 8vw;	
	}
	
	.bookbt {
		border: none;
		font-family: 'GilamHeavy';
		font-size: 1.16vw;
		line-height: 25px;
		text-transform: uppercase;
		letter-spacing: 1px;	
		background: transparent;
		cursor: pointer;
	}

/*** kontakt ***/ 

.soc {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin: 0 24px 0 0;
	content: ' ';
	text-indent: -9999px;
	overflow: hidden;
	transition: all 0.4s;
}

.soc:hover {
	opacity: 0.6;
}

.soc.insta {
	background-image: url('imgs/icon-instagram.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.soc.boutique {
	background-image: url('imgs/icon-boutique.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.soc.trip {
	background-image: url('imgs/icon-tripadvisor.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.soc.expedia {
	background-image: url('imgs/icon-expedia.png');
	background-size: cover;
	background-repeat: no-repeat;
}
 

@media only screen and (min-width: 1469px) {


	.item h1 {
		font-family: 'GilamThin';
		font-size: 52px;
		line-height: 4vw;	
	}
	
	.item .txt, .header {
		font-size: 18px;
		line-height: 26px;
	}

.header {
		font-size: 18px;
	}
	
	.item p{
	 margin-bottom: 1.8vw;
	}


	
}

@media only screen and (min-width: 1400px) { 

.buchung a {
	padding: 2px 13px 2px 15px;
	background-color: #0c6036;
	color: #fff;
}


/*** gallery ***/
	
	.gallery { 
		width: 1110px;
		margin: 0 auto;
		padding: 15vw 0 8vw 0;
	}
	
	.gitem { 
		display: block;
		width: 218px; 
		max-height: 295px;
		margin-bottom: 5px;
		float: left;
		line-height: 0;
		overflow: hidden;
	}
	.gal-grid-sizer { width: 218px; }
	.gal-gutter-sizer { width: 5px; }

	
	.gitem img { width: 100%; margin-bottom: 0; }



}

@media only screen and (min-width: 1024px) and (max-width: 1230px) {


	.buchung a {
		padding: 2px 13px 6px 15px;
		background-color: #0c6036;
		color: #fff;
	}	

}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {

	/*** gallery ***/
	
	.gallery { 
		width: 88%;
		margin: 0 auto;
		padding: 15vw 0 8vw 0;
	}
	
	.gitem { 
		width: 19.7%; 
		margin-bottom: 0.3%;
		float: left;
		line-height: 0;
	}
	.gal-grid-sizer { width: 19.7%; }
	.gal-gutter-sizer { width: 0.3%; }

	
	.gitem img { width: 100%; margin-bottom: 0; }

}


@media only screen and (min-width: 1024px) {

	.logo { display: none; }


	.grid-sizer, .item { width: 49%; }
	.gutter-sizer { width: 2%; }

	.header-wrapper { height: auto; }
	.header { height: auto; }

	
	ul.price {
		display: table;
		margin-left: 4%;
	}
	ul.price li {
		display: table-row;
	}
	
	span.rooms,
	span.roomstop
	{
		display: table-cell;
		min-width: 46%;
		white-space: nowrap;
		padding: 0 15px ;
	}
	span.rates {
		display: table-cell;
		max-width: 25%;
		padding-right: 15px;
		white-space: nowrap;
	}
/*
.item .txt {
	font-family: 'GilamBook' !important;
	font-size: 1.4vw;
	line-height: 2vw;	
}
*/

	ul.price {
		padding-left: 5%;
	}

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {


	.logo { display: none; }


	.header, .footer, .home .content-wrapper {
		width:88%;
		max-width: 1260px;
	}
	.header-wrapper { height: auto; }
	.header { height: auto; }
	
	.header .logo,
	.header .logo_des {
		width: 25%;
		margin: 0 auto;
		padding: 2.4vw 0 0 0;
	}
	
	.langmenu ul.menu li:nth-child(6):hover, 
	.langmenu ul.menu li.current_page_item:nth-child(6) { 
		background-size: 2.6vw 5px;
	}	
	.mainmenu ul li ul.sub-menu li {
		line-height: 2.6vw;
	}
	
	
	.content { padding: 20% 0; }

	.grid-sizer, .item { width: 100%; }
	.gutter-sizer { width: 0; }
	
	.item img { width: 100%; }


	.item {
		position: relative !important;
		left: auto !important;
		top: auto !important;
	}
	
	.item h1 {
		font-size: 5.6vw;
		line-height: 6vw;	
	}

	.item .txt {
		font-size: 1.6vw;
		line-height: 2.2vw;	
	}

	.header, .footer { font-size: 1.6vw; }

	.aX, .a0, .a1,.a2,.a3,.a4,.a5 { margin: 0 10%; }
	
	.b1,.b2,.b3,.b4,.b5 { padding-top: 2vw; }
	
	.w4,.w5,.w6, .w7, .w8 { width: 80%; }


	.page-id-192 .im-4,
	.page-id-385 .im-4,
	.page-id-384 .im-4 { display: none; }
	
	/*** gallery ***/
	
	.gallery { 
		width: 88%;
		margin: 0 auto;
		padding: 20vw 0 16vw 0;
	}
	
	.gitem { 
		width: 32.3%; 
		margin-bottom: 0.7%;
		float: left;
		line-height: 0;
	}
	.gal-grid-sizer { width: 32.3%; }
	.gal-gutter-sizer { width: 0.7%; }

	
	.gitem img { width: 100%; margin-bottom: 0; }


	
	

}

@media only screen and (max-width: 880px) {
	.header, .footer,.home .content-wrapper {
	/*	width:88.5%; */
	}

}

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

	.logo_des { display: none; }
	.logo { display: block; }

	.mainmenu, .langmenu { display: none; }

	.header { 
		height: auto; 
	}
	.header, .footer,.home .content-wrapper {
		width:88%;
	}

	
	.header .logo {
		width: 30%;
		margin: 0 auto;
		padding: 2.4vw 0 0 0;
	}
	
	

	.header-wrapper { 	
		height:auto !important; 
		background-color: #fff;
	}
	
	/* expand .header-wrapper */
	.exp {
		height:100%;  
		min-height:100%;  
	}

	/* show mobilemenu */
	.mm-show { display: block; }
	.wpml-ls-statics-footer { display: block; }


	.mobilemenu, .mobilemenu2 {
		position: absolute;
		z-index: 1;
		font-family: 'GilamHeavy';
		font-size: 16px;
		line-height: 40px;	
		width: 100%;
	}


	.mobilemenu ul li {
		padding: 4px 0 0 0;
		border-bottom: 2px #000 solid;
	}

	.mobilemenu ul li a { display: block; }	
	
	.mobilemenu2 ul li {
		padding: 4px 0 0 0;
		border-bottom: 2px #000 solid;
	}
	


	.mobilemenu2 ul li a { display: none; }	

	.mobilemenu2 ul.sub-menu li {
		float: left;
		display: inline-block;
		border-bottom: 0;
		padding-left: 8px;
	}
	
	.mobilemenu2 ul.sub-menu li:first-of-type {
		padding-left: 0;
	}	

	.mobilemenu2 ul.sub-menu li a::after { 
		content: "|";
		padding-left: 8px;
	}

	.mobilemenu2 ul.sub-menu li:last-of-type a::after { 
		content: "";
		padding-left: 0;
	}

	.mobilemenu2 ul.sub-menu::after {
	  content: "";
	  clear: both;
	  display: table;
	}

	.mobilemenu2 ul.sub-menu li a {
		display: block;
	}
	
	.wpml-ls-statics-footer {
		font-family: 'GilamHeavy';
		font-size: 16px;
	}
	


	.header, .footer { font-size: 13px; }

	.burger { 
		display: block; 
		position: absolute;
		right:0;
		top: 5vw;
		z-index: 3;		
		   cursor: pointer;
	}
	
	
	/* lang menu footer */
	.wpml-ls-statics-footer, 
	.footmenu {
		font-family: 'GilamBook';
		font-size: 16px;
		text-align: left;
	}
	
 	.wpml-ls-legacy-list-horizontal {
 		padding: 0 !important;
 		border: 0 !important;
 	}
 	
	
	.langmenu ul.menu li:hover {	border-bottom: 5px #000 solid; }
	.langmenu ul.menu li.current-menu-item {	border-bottom: 5px #000 solid; }
	
	
	.wpml-ls-statics-footer ul li a::after { 
		content: "|";
		padding-left: 8px;
	}
	
	.wpml-ls-statics-footer ul li:last-of-type a::after { 
		content: "";
		padding-left: 0;
	}
	
	.wpml-ls-statics-footer ul li a { 
		padding-left: 0;
	}
	
	.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul {
		text-align: left !important;
	}

	.content-wrapper { padding: 0 0 0 0; }
	.content { padding: 30vw 0 30% 0; }

	.grid-sizer, .item { width: 100%; }
	.gutter-sizer { width: 0; }

	.item img { width: 100%; }

	.item {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		padding-bottom: 2vw;
	}

	
	.item h1,
	.imprint h1
	 {
		font-size: 40px;
		line-height: 40px;	
		padding-bottom: 1vw 0;
	}

	.item .txt,
	.imprint .txt {
		font-size: 14px;
		line-height: 20px;	
		padding-bottom: 2vw;
	}
	
	#modal {
		height: 60%;
		width: 90%;
		/*display: none;*/
	}	
	
	.item img {
	padding-bottom: 2vw;
	}

	.aX, .a0, .a1,.a2,.a3,.a4,.a5 { margin: 0 10%; }
	
	.b0,.b1,.b2,.b3,.b4,.b5 { padding-top: 0; }
	
	.w4,.w5,.w6, .w7, .w8 { width: 80%; }
	
	.zoomimg span {
		right: 5px;
		bottom: 20px;
	}

ul.price {
    margin-left: 0;
}


	.page-id-192 .i4,
	.page-id-385 .i4,
	.page-id-384 .i4 { display: none; }
	
	.wpml-ls-current-language .wpml-ls-native { font-family: 'GilamHeavy'; }

	.SIHOTWeb {
		padding-top: 36px;
		margin: 15px 0 !important;
	}

}

@media only screen and (min-width: 680px)  {


	ul.price {
		display: table;
		margin-left: 2px;
	}
	ul.price li {
		display: table-row;
	}
	
	span.rooms,
	span.roomstop
	{
		display: table-cell;
		min-width: 46%;
		white-space: nowrap;
		padding-right: 15px;
	}
	span.rates {
		display: table-cell;
		max-width: 25%;
		padding-right: 15px;
		white-space: nowrap;
	}
}

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


	span.rooms {
		display: block;
	}
	span.roomstop {
		display: block;
		visibility: hidden;
	}
		
	.price .first::after {
		content: "/";
		padding-left: 6px;
	}
}


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

	.header .logo {
		width: 40%;
		margin: 0 auto;
		padding: 2.4vw 0 0 0;
	}


	.header, .footer, .home .content-wrapper {
		width:88%;
	}
	
	.item h1 {
		padding-top: 10px;
	}

	
}


@media only screen and (min-width: 380px) and (max-width: 768px) {

	/*** gallery ***/
	
	.gallery { 
		width: 88%;
		margin: 0 auto;
		padding: 25vw 0 16vw 0;
	}
	
	.gitem { 
		width: 49%; 
		margin-bottom: 0.8%;
		float: left;
		line-height: 0;
	}
	.gal-grid-sizer { width: 49%; }
	.gal-gutter-sizer { width: 0.8%; }

	
	.gitem img { width: 100%; margin-bottom: 0; }
}


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

	.page-id-77 .item.t4 h1 { font-size: 34px; }

	.header, .footer,.home .content-wrapper {
		width:88%;
	}

	/*** gallery ***/
	
	.gallery { 
		width: 96%;
		margin: 0 auto;
		padding: 25vw 0 8vw 0;
	}
	
	.gitem { 
		width: 100%; 
		margin-bottom: 5px;
		line-height: 0;
	}
	.gal-grid-sizer { width: 100%; }
	.gal-gutter-sizer { width: 0; }

	
	.gitem img { width: 100%; margin-bottom: 0; }



}