@media only screen and (min-width:1252px){
	.fixedWidth, div#form { width:1250px; }
	body, input, textarea, select, button {
		font-size:18px;
		line-height:26px;
	}
	h1, div.fcePricelist h3.priTitle, h3 { font-size:20px; }
	h2, div.fcePricelist h4.priSubtitle { font-size:28px; }
	h4 { font-size:18px; }

	div#headerNavBar { height:130px; background-position:center 0; }
	#navMain >  ul >  li > a { padding:0 29px 0 26px; height:120px; }
	#navMain > ul > li#hochlandHome a { width:259px; }
	#navMain ul li a span.navTitle { font-size:20px; line-height:20px; height:20px; margin-top:48px; }
	#navMain ul li a span.navSubTitle { font-size:15px; line-height:18px; height:18px; }
	#navMain > ul > li#nm3 > a, #navMain > ul > li#nm4 > a, #navMain > ul > li#nm6 > a, #navMain > ul > li#nm7 > a { background-image:url(../images/navLine65.png); }
	#navMain > ul > li#nm5 > a, #navMain > ul > li#hochlandHome > a { background-image:url(../images/navLineLogo90.png); }
	#navMain ul li div.navSub { top:120px; }
	#navMain ul li div.navSub h3 { font-size:18px; }
	#navMain ul li div.navSub ul li a { font-size:18px; line-height:30px; }
	#navMain ul li span.hover span { background-image:url(../images/navActiveLeft120.png); }
	#navMain ul li span.hover span.hr { background-image:url(../images/navActiveRight120.png); }

	div#h360 { width:157px; margin:10px 0 0 495px; }
	div#headerContainer { top:120px; }
	div#headerSlider div.hsOverlay, div#headerSlider div.hsOverlay img { width:323px !important; }
	div#headerSlider div.hsOverlay { margin-left:320px; }
	
	/* main */
	div#contentTop { height:212px; }
	div#contentArrow a::before { font-size:11px; }
	div#ctContent { width:1070px; }
	div#inquiry h3.qi_header { font-size:18px; width:242px; margin:10px 0 0; }
	div.qi_dates { width:464px; }
	div#inquiry div.qi_dates input { width:187px; height:31px; padding-top:3px; background-position:left -60px; font-size:15px; }
	div#inquiry div.qi_dates input:hover { background-position:left -94px; }
	div.qi_submit { width:364px; }
	div.qi_submit div { width:144px; background-position:left -60px; height:34px; }
	div.qi_submit div:hover { background-position:left -94px; }
	div#inquiry input#qi_send, div#inquiry input#qi_book { font-size:18px; padding:4px 0 0 10px; background-position:left 13px; }
	div#form input#btn_send { font-size:18px; padding:2px 0 0 5px; }
	div.qi_submit div.qi_enquire { margin-left:75px; }
	div#hotline h4 { font-size:16px; }
	div#hotline p { font-size:20px; }
	
	/* fce */
	.btnStyle {
		font-size:16px;
		height:34px;
		line-height:36px;
	}
	.btnStyle:before {
		font-size:11px;
		line-height:36px;
	}
	.columnContent.column3 > div, .columnContent.column3 > a, .columnContent.column3 > figure {
		width:246px; margin:0 20px 40px;
	}
	.columnContent.column3full > figure { width:390px; margin:0 40px 40px 0 }
	.columnContent.column3full > figure:nth-child(3n+0){ margin-right:0 }


	/*.btnStyle.btnArrow span, .btnStyle.btnArrow span img { width:6px; }*/
	/*.btnStyle.btnArrow span { height:11px; }*/
	div.acImg { width:390px; margin-right:40px; }
	div.acImg figure { margin:20px 20px 0 0; width:185px; }
	div.acContent, div.acButton { width:820px; }
	div#content div.acButton ul li a { width:390px; }
	div#content div.acButton ul li.acInquiry a { margin-right:40px; }
	div.fce3Col.acCol div.cbContent { height:213px; }
	div.priTbl table th { font-size:18px; }
	div#content div.fs_imgWrapper ul li, div#content div.fs_galleryWrapper ul li { width:390px; margin-right:40px; }
	div#content div.fs_galleryWrapper .fs_img {	margin-bottom:40px; }
	div#content div.fs_galleryWrapper .fs_2, div#content div.fs_galleryWrapper .fs_5, div#content div.fs_galleryWrapper .fs_8, div#content div.fs_galleryWrapper .fs_11, div#content div.fs_galleryWrapper .fs_14, div#content div.fs_galleryWrapper .fs_17, div#content div.fs_galleryWrapper .fs_20, div#content div.fs_galleryWrapper .fs_23, div#content div.fs_galleryWrapper .fs_26, div#content div.fs_galleryWrapper .fs_29, div#content div.fs_galleryWrapper .fs_32, div#content div.fs_galleryWrapper .fs_35, div#content div.fs_galleryWrapper .fs_38, div#content div.fs_galleryWrapper .fs_41, div#content div.fs_galleryWrapper .fs_44, div#content div.fs_galleryWrapper .fs_47, div#content div.fs_galleryWrapper .fs_50 {
		margin-right:0;
	}
	/* controls packageSlide Home + headerSlide Main */
	span.psControls ol li a { width:16px; height:16px }
	
	div.fce3Col, div.ctSub { width:390px; margin:0 40px 40px 0; }
	div.ctSub > div.fce3Col:not(:last-child) { margin-bottom:40px }
	div.cbContent h3 { font-size:22px; margin:0 0 5px; }
	div.cbContent h4 { font-size:18px; }
	div.cbPrice, div.cbLink { font-size:16px; }
	div.cbPrice span { font-size:22px; }
	
	div#content div.fmibContent ul.fmDP li { font-size:16px; }
	
	
	/* footer */
	div#fSocial ul.socialIcons li a { background-image:url(../images/socialmediaBig2017.png); width:35px; height:35px; }

	div.fCol { font-size:16px; line-height:20px; }
	div.fCol h5 { font-size:18px; }

	#buttonBar { margin:-125px 0 0; }
	#buttonBar ul li { margin-bottom:5px; }
}
@media only screen and (min-width:1330px){
	div#h360 { margin:0 0 0 530px; }
}
@media only screen and (min-width:1252px) and (max-width:1450px) and (max-height:740px){
	#buttonBar { margin:-44px 0 0; }
	#buttonBar ul li { margin-bottom:0; }
	div#h360 { width:145px }
	
}
@media only screen and (min-width:1970px){
	div#contentTop { height:252px; margin-top:-130px; }
	span.psControls, span.hPreload { margin-bottom:20px; }
	div#inquiry { margin:50px 0 30px; }
	div#fTop { height:112px; padding:10px 0 0; }
}
@media only screen and (min-width:2600px){
	div#fTop { height:130px; padding:20px 0 0; }
}
@media only screen and (max-width:996px){
	.fixedWidth, div#form { width:746px; }
	div#ctContent { width:90%; }
	.inlineElement { width:100% }
	.inlineElement.inlineSmall { width:90% }
	body, input, textarea, select, button { font-size:16px; line-height:23px }
	h1, div.fcePricelist h3.priTitle, h3 { font-size:17px; margin:0 0 6px }
	h2, div.fcePricelist h4.priSubtitle { font-size:23px; margin:0 0 30px }
	h4 { font-size:15px }
	/* nav */
	#mobileLogo, #mobileHeader { display:block }
	div#h360 { left:auto; right:5%; margin:0 }
	
	/* main */
	div#contentArrow img { width:14px; height:auto }
	div#wrapper { margin:571px 0 0 }
	div.columnWrapper > div { width:100%; margin:0 }
	div#content	{ padding-top:30px }
	div.fce3Col, div.ctSub { width:100%; margin:0 0 30px }
	div#content div.fce3Col.acCol { width:363px; margin-bottom:20px }
	div#content div.fce3Col.acCol.cb0, div#content div.fce3Col.acCol.cb2, div#content div.fce3Col.acCol.cb4, div#content div.fce3Col.acCol.cb6, div#content div.fce3Col.acCol.cb8, div#content div.fce3Col.acCol.cb10, div#content div.fce3Col.acCol.cb12, div#content div.fce3Col.acCol.cb14, div#content div.fce3Col.acCol.cb16, div#content div.fce3Col.acCol.cb18, div#content div.fce3Col.acCol.cb20, div#content div.fce3Col.acCol.cb22, div#content div.fce3Col.acCol.cb24, div#content div.fce3Col.acCol.cb26, div#content div.fce3Col.acCol.cb28, div#content div.fce3Col.acCol.cb30 { margin-right:20px }
	/* header */
	div#headerSlider div.hsOverlay { margin-left:105px; bottom:110px }
	/* footer */
	div#fTop { height:80px }
	div#fInner { width:100% }
	div.fCol { line-height:18px; width:35% }
	div.fCol.fMap { padding:23px 20px; width:30% }
	div.fCol.fMap img { width:100%; display:inline-block; height:auto; max-width:274px }
	div.fCol h5 { font-size:15px }
	div.fCol h6 { font-size:13px }
	.imprint { display:none }
	div.newsletter { margin-bottom:10px }
	/* qi */
	div#contentArrow { margin-top:26px }
	div#inquiry { margin:12px 0 5px }
	div#inquiry h3.qi_header { margin:0 0 10px; width:100%; text-align:center }
	div.qi_dates { margin:0 0 0 33px }
	div.qi_submit { width:264px; }
	div.qi_submit div.qi_enquire { margin-left:20px; }
	/* -- fce -- */
	.columnContent.column3 > div, .columnContent.column3 > a, .columnContent.column3 > figure { width:30%; margin:0 1% 3% }
	.columnContent.column3full > figure { width: 31%; margin: 0 3.5% 3.5% 0 }
	h3.psTitle { font-size:14px; }
	h4.psSubtitle { font-size:18px; margin:0 0 15px; }
	div.psDesc { margin:0 0 15px; }
	div.psContent span.psPrice strong {	font-size:16px; }
	div.psButton { left:37px; }
	div.psButton a { width:52px; height:40px; background-position:right bottom; }
	div.fceMirrored div.psOverlay { margin-right:-102px; margin-left:0; }
	div.fceMirrored div.psContent { padding:55px 177px 0 0; }
	div.fceMirrored div.psButton { right:39px; }
	div.psFooter span.psLink a { font-size:15px; background-position:left 5px; }
	div#content div.fs_galleryWrapper .fs_img { margin-bottom:3.5%; }
	div#content div.fs_imgWrapper ul li, div#content div.fs_galleryWrapper ul li { width:31%; margin:0 3.5% 0 0; }
	/* fce4Col */
	div#contentBoxes { width:640px; }
	div.fce4Col {
		width:300px;
		height:356px;
		margin:0 40px 30px 0;
		-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
		box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
	}
	div#col2, div#col4 { margin:0 0 30px; }
	div.fce4Col div.colImg, div.fce4Col div.colImg img { width:296px; height:163px; }
	div.fce4Col div.colImg { margin:2px 2px 0 2px; }
	div.fce4Col:hover div.colImg, div.fce4Col:hover div.colImg img { width:296px; height:163px; }
	div.fce4Col:hover div.colImg img { margin:0; }
	div#contentBoxes h3.colHeader { font-size:16px; line-height:20px; }
	div.colContent { font-size:14px; line-height:16px; }
	div.colLink { bottom:20px; }
	div.colLink a { font-size:15px; line-height:15px; height:15px; background-position:left 1px; }
	div.acImg, div.acContent { width:361px; }
	div.acImg { margin:0 24px 24px 0; }
	div.acImg figure { width:48%; margin:4% 4% 0 0; }
	div.fce3Col.acCol div.cbContent { height: 188px }
	div.priTbl.priComplete table th { font-size:14px; }
	div#content div.priTbl.priComplete table th h3 { font-size:14px; }
	div.priTbl table td { font-size:14px; }
	div.priTbl table th, div.priTbl table td { padding:8px 0 6px; }
	div.priTbl.priComplete table tr td.priDesc { font-size:15px; line-height:18px; padding:8px 5px 6px; }
	div.priTbl table td h4 { font-size:13px; margin:0 0 6px; line-height:16px; }
	div.sp_sitemap { width:100%; }

	/* BUTTON BAR */
	#buttonBar .ntContainer, #mobileHeader { display:block }
	#buttonBar { z-index:1001; top:auto; right:0; bottom:0; transform-origin:right bottom; transition:all .3s ease-in-out }
	#buttonBar ul { position:absolute; bottom:80px; right:13px; transform:scale(0); transform-origin:right bottom; opacity:0; transition:opacity .5s ease-in-out }
	#buttonBar ul li { margin:0 0 12px }
	#buttonBar ul li span.icon { margin:0 10px 0 5px }
	#buttonBar ul li span.txt { transform:scaleX(1); opacity:1; margin-right:0 }
	#buttonBar .bbCircle { display:block }
	#buttonBar ul li .buttonSub span.icon::before, #buttonBar ul li span.icon.roemerweg-like::before { padding:0 }
	#buttonBar.opened { left:0; top:0; background-color:rgba(0, 0, 0, 0.5) }
	#buttonBar.opened ul { opacity:1; transform:scale(1); transition:all .5s ease-in-out }
	#buttonBar.opened .bbOpener > span::before  { opacity:0; transform:scale(0) }
	#buttonBar.opened .bbOpener:before, #buttonBar.opened .bbOpener:after, #buttonBar.navOpen .bbNav:before, #buttonBar.navOpen .bbNav:after { opacity:1 }
	#buttonBar.opened .bbOpener:before, #buttonBar.navOpen .bbNav:before { transform:rotate(45deg) }
	#buttonBar.opened .bbOpener:after, #buttonBar.navOpen .bbNav:after { transform:rotate(-45deg) }
	#mobileHeader { display:block; }
	#navMain {
		position:fixed; z-index:110; display:none; top:0; left:0; right:0; bottom:0;
		width:100%; height:100%; padding:0; border:none; box-shadow:none; transition:none;
		text-align:left; overflow:auto; background-color:rgba(0,0,0,0.80);
	}
	#navMain ul.menu-items li ul, #navMain ul.menu-items li, #navMain div, #navMain a { width:100% }
	#navMain > ul { position:relative; float:left; display:block; margin:0; width:80%; min-width:280px; max-width:320px; background:url(../images/pattern.png) repeat; }
	#navMain > ul.menu-items { min-height:100%; box-sizing:border-box; padding:140px 0 46px }
	#navMain > ul.navService { text-align:center; margin: -30px 0 0 }
	#navMain > ul.navService > li { float:none; display:inline-block; padding:0 5px }
	#navMain > ul.navService > li > a { height:auto; padding:0; }
	#navMain > ul.menu-items > li { display:inline-block; width:100%; margin:0; border-bottom:1px solid #e0d7cb }
	#navMain > ul > li#hochlandHome { position:absolute; left:0; top:0 }
	#navMain > ul > li#hochlandHome > a { width:auto; }
	#navMain > ul.menu-items > li:nth-child(2) { margin:0 }
	#navMain ul li a span.navTitle, #navMain ul li a span.navSubTitle { display:inline; font-family:'goudy-trajan', serif; font-size:1em; color:#a11338; line-height:1em; padding:0; margin:0; height:auto }
	#navMain ul li.active a span.navTitle, #navMain ul li.active a span.navSubTitle { color:#b6916d; }
	#navMain ul li a span.navTitle::after { content:"-"; margin:0 .2em }
	#navMain > ul.menu-items > li > a { height:auto; display:block; padding:15px 20px; box-sizing:border-box; background:none !important }
	#navMain ul li span.hover { display:none }
	#navMain > ul.menu-items > li div.navSub {
		top:0; box-shadow:inset 0 7px 9px -7px rgba(0, 0, 0, 0.3);
		width:100%; position:relative; float:left; z-index:1; padding:10px 20px;
		box-sizing:border-box; background:no-repeat;
	}
	#navMain > ul.menu-items > li div.navSub h3 { display:none }
	#navMain > ul.menu-items > li div.navSub ul li a { line-height:27px }
}

@media only screen and (max-width:750px){
	.fixedWidth, div#ctContent { width:92%; }
	div#form { width:100%; }
	body, input, textarea, select, button { font-size:14px; line-height:18px; }
	h1, div#content div.fcePricelist h3.priTitle, div#content h3 { font-size:14px; margin:0 0 4px; }
	h2, div#content div.fcePricelist h4.priSubtitle { font-size:17px; margin:0 0 20px; }
	div#content h4 { font-size:14px; }
	div#content h5 { font-size:13px; }

	div#headerNavBar { height:100px; background-position:center -29px; }
	div#headerContainer { top:91px; }
	#mobileLogo { width:200px; }
	div#navToggle { top:85px; }
	div#navToggle span { font-size:18px; line-height:18px; }
	div#content p, div#content ul { margin:0 0 20px; }
	span.psControls, span.hPreload { bottom:50px; }
	.btnStyle { font-size:14px; line-height:30px }
	.btnStyle:before { line-height:30px }
	.btnContent.columnContent.column3 > a.btnStyle { width:auto; padding-left:.75em; padding-right:.75em; margin:0 0.5em 1em }
	/* inquiry button */
	div#mobileInquiry { display:block; margin:15px 0 0; height:22px; color:#fff; text-align:center }
	div#mobileInquiry a { font-family:"goudy-trajan",serif; color:#a11338; font-size:15px }
	div#inquiry, div#hotline, .fShadow, div#headerSlider div.hsOverlay { display:none; }
	div#h360 { top: 75px; right: 10%; width: 120px }
	div#h360 .overlay_spruch img { top:14%; right:5% }
	#mobileFooter { display:block; }
	div#contentTop { height:106px; margin-top:-50px; }
	div#content { padding-top:20px; }
	#footer .dt-visible { display:none; }
	#footer .mb-visible { display:block; }
	div.fCol, div.fCol.fMap { width:100%;padding:20px 10% 0 }
	div.newsletter { padding:0 }
	
	/* fce */
	div#content div.fce3Col.acCol { width:100%; margin-right:0 !important; }
	div.fce3Col.acCol div.cbContent { height:160px; }
	div.acImg, div.acButton, div.acContent { width:100%; text-align:center }
	div#content div.acButton ul li { width:48%; }
	div#content div.acButton ul li.acInquiry { margin-right:4%; }
	div#content div.acButton ul li a { width:100%; margin:0; }
	div.priInner { width:100%; overflow-x:auto; }
	div#content div.fceMoreInfoBar h3.fmibHeader { font-size:14px; padding:10px 0 8px; height:auto }
	div.cbContent h3 { font-size:16px; }
	div.cbContent h4 { font-size:14px; }
	div.cbPrice { font-size:12px; }
	div.cbPrice span { font-size:14px; }
	div.fmib2Cols div { width:100%; padding:0 !important; text-align:center; }
	div.fmibSub div.fICL, div.fmibSub div.fICR { width:100%; margin:0 0 5%; text-align:center }
	/* gm */
	div#gmContainer { height:585px; }
	div#gmCanvas { width: 100%; height:300px; }
	div#gmInput { width:100%; height:285px; }
	fieldset.gmRoute { padding:20px 25px 10px; }
	/* inq */
	div#form input#btn_send { padding:7px 0 7px 5px; }
	.ui-datepicker { width:auto; }
	.ui-datepicker td span, .ui-datepicker td a, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { padding:7px 9px !important; }
}
@media only screen and (max-width:450px){
	div#contentArrow { margin-top:20px; }
	div#contentTop { height:89px; margin-top:-35px; }
	div#mobileInquiry { margin-top:10px; }
	span.psControls, span.hPreload { bottom:30px; }
	span.psControls ol li a { width:12px; height:12px }
	.inlineElement { width:90vw }
	.inlineElement.inlineSmall { width:86vw }
	.columnContent.column3 > div, .columnContent.column3 > a, .columnContent.column3 > figure { width:auto; margin:0 1vw 4vw }
	.columnContent.column3full > figure { width:auto; margin:0 1vw 4vw }
	.navFooter > li { margin:0 3px }
	.social a > span::before { width:30px; height:30px; font-size:30px; line-height:31px }
}
@media only screen and (max-width:996px) and (max-height:650px) {
	div#headerNavBar, div#headerContainer, div#headerImage { position:absolute; }
}