@charset "utf-8";

.hide-scrollbar .scroll_top { display:none !important; }


@media (max-width:1920px){
	html { font-size:56% !important; -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */ }
}

@media (max-width:1750px){
	html { font-size:62.5% !important; -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */ }
}

@media (max-width:1580px){

	#ajaxdiv { width:auto; }

}

@media only screen and (min-width:1024px){
	#dsbody.hide-scrollbar { overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; }
	#dsmain,
	#nav { display:block !important; }
	#menutrigger { display:none; }
}

@media screen and (max-width:1330px) {
	/* footer */
	#time,
	#adresse { width:50%; border:none; }
	#time { padding-left:20px; }
	.fbox-wrapper { width:100%; margin-top:25px; }

	/* news */
	.cnews.view .item { width:33.333%; margin-bottom:25px; }
	.cnews.view .item .placeholder > div { background-size:cover; background-repeat:no-repeat; }


	/* team */
	.cteam.view .item { width:33.333%; margin-bottom:25px; }
	.cteam.view .item .placeholder > div { background-size:cover; background-repeat:no-repeat; }


	/* searchpanel */
	.searchpanel > form > div { width:33.33%; padding-right:7px; }
	.searchpanel > form > div + div { padding-left:7px; }
	.searchpanel > form > div + div + div { padding-left:7px; padding-right:0; }


	/* paging */
	.paging .paging_viewall a { width:33%; }

}

@media (max-width:1100px){
	/*Footer-Box*/
		.footer-box { width:50%; }
		.footer-box.third { width:100%; border-left-width:0; border-top:1px #ccc solid; padding-top:10px; }


	/* Shop */
		.cshop .product .placeholder { float:left; width:380px; height:300px; }
		.cshop .product .table { width:auto; margin-left:395px; }
}

@media screen and (max-width:1024px) {
	/*iPad Querformat oder grösser*/
	html { font-size: 68% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }
	#responsive { position:absolute; top:0px; left:0px; width:200px; height:25px; z-index: 1; display:block; background-color:white; }
	#responsive:before { content:'iPad Querformat'; display:block; }
	#siteheader, #dsmain { padding:0 15px; }
	#dssitefooter { padding:0 15px; }
	#logo { padding-top:15px; padding-bottom:15px;}
	#ajaxdiv.ajax-reservation { max-width:900px; top:50px; }

	/*Bilderwechsel*/
	.cimagepool .gallery-wrapper { padding-bottom:35%; }

	/* content */
	#dscolumn1_2 { padding-right:15px; }
	#dscolumn2_2 { padding-left:15px; }


	/* news */
	.cnews.view .item { width:50%; margin-bottom:25px; }
	.cnews.view .item .placeholder > div { background-size:cover; background-repeat:no-repeat; }


	/* team */
	.cteam.view .item { width:50%; margin-bottom:25px; }
	.cteam.view .item .placeholder > div { background-size:cover; background-repeat:no-repeat; }


	/* content */
	#dscolumn1_3, #dscolumn2_3,	#dscolumn3_3, #dscolumn1_2,	#dscolumn2_2 { width:100%; padding:0; }
}

@media only screen and (max-width: 1023px) {
	/*iPad hochformat  768px*/
	#responsive { background-color:red; }
	#responsive:before { content:'iPad Hochformat'; }
	img { max-width:100%; height:auto !important;}

	/*Bilderwechsel*/
	.cimagepool .gallery-wrapper { padding-bottom:45%; }

	/* Position Counter */
	#cnt {top:103px; }

	/* header */
	#siteheader { height:auto; }
	#topgallery { height:300px; }

	#quicklinks { display:none; width:100%; padding:10px; top:auto; right:auto; bottom:0; left:0; box-sizing:border-box; background-color:white; }
	#menutrigger.open + #quicklinks { display:flex; gap:10px; flex-wrap:wrap; }
	#quicklinks a { display:block; border:none; box-sizing:border-box; white-space:nowrap; }
	/* #quicklinks a:first-of-type { display:none; } */

	#dsbody.menu-in #cnt { z-index:0; }

	/* nav */
	#nav { display:none; float:none; width:100%; padding-top:0px; padding-bottom:50px; overflow:hidden;}

	#dsmenus li a { padding:10px 0px; }
	#dsmenus > li { float:none; border-bottom:1px solid #646463; }
	#dsmenus > li:before { display:none; }

	#dsmenus > li.fixwidth:after { display:block; width:30px; position:absolute; right:0; top:20px; content:'\f078'; z-index:2; color:#cb4d5e; font-family: fontawesome; text-align:center;
		-webkit-transition:transform .4s; -moz-transition:transform .4s; -ms-transition:transform .4s; -o-transition:transform .4s; transition:transform .4s; }
	#dsmenus .dsmenu_active:after { color:#646463; }
	#dsmenus .fixwidth.running:after { color:#646463;
		-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); }
	#dsmenus > li > ul { position:static; padding-top:0px; width:100%; background:none; border:none !important; box-sizing:border-box; }
	#dsmenus > li > ul > li { background:none; border-bottom:1px solid #ccc; }
	#dsmenus > li > ul > li:last-of-type { border-bottom:none; }
	#dsmenus > li > ul > li > a { color:#cb4d5e; background:none; border:none; }
	#dsmenus > li > ul > li:hover > a { background:none; }

	/*Menutrigger*/
	#menutrigger { display:block; position:absolute; width:50px; height:50px; right:15px; top:20px; line-height:50px; margin:5px 0; z-index: 2; overflow:hidden;
		-webkit-transition:background-color .4s; -moz-transition:background-color .4s; -ms-transition:background-color .4s; -o-transition:background-color .4s; transition:background-color .4s;
	}
	#menutrigger span { position:absolute; left:0px; width:50px; height:6px; background-color:#646463;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
		-webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s;
	}
	#menutrigger span.line1 { top:8px; }
	#menutrigger span.line2 { top:22px; }
	#menutrigger span.line3 { top:22px; background:#cb4d5e; }
	#menutrigger span.line4 { top:36px; }
	#menutrigger.open span.line2 { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
	#menutrigger.open span.line3 { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
	#menutrigger.open span.line1,
	#menutrigger.open span.line4 { opacity:0; filter:alpha(opacity=0); }

	/* ajax div */
	#ajaxdiv { top:15px !important; right:15px; bottom:15px; left:15px; }
	#ajaxdiv .gallery { width:100%; height:300px; }
	#ajaxdiv > div { display:block; overflow:auto; -webkit-overflow-scrolling:touch; }
	#ajaxdiv .popupcontent { min-width:100%; max-width:100%; width:100%; position:static; }
	#ajaxdiv .popupcontent > div { position:static; }

	/* guestbook */
	.gb-list.gb-form { overflow:hidden; }
	.gb-list.gb-form .cguestbook #guestbook-button { display:block; }
	.gb-list.gb-form .cguestbook form { display:none; }
	.gb-list.gb-form,
	.gb-list.gb-form #dscolumn1_2,
	.gb-list.gb-form #dscolumn2_2 { transform:scale(1,-1); -webkit-transform:scale(1,-1); -moz-transform:scale(1,-1); -ms-transform:scale(1,-1); -o-transform:scale(1,-1); }

	/*newsletter*/
	.newsletter {height:200px}


	/* news slider */
	.cnews.viewue .slide .text { max-height:145px; }


	/*** shop ***/
	.cshop .product .wrapper.one > div,
	.cshop .product .wrapper.two > div,
	.cshop .product .wrapper.two > div + div { width:100%; }

}


@media only screen and (max-width:900px){
	.cshop .product .placeholder { float:none; margin:0 auto; width:450px; height:320px;  }
	.cshop .product .table { margin:20px 0; width:100%; }
}


@media only screen and (max-width:767px) {
	/*iPhone 6 Querformat 667px*/
	#responsive:before { content:'iPhone 6 Querformat'; }
	html { font-size:70% !important; -webkit-text-size-adjust: 100%; } /* Prevent font scaling in landscape */
	#ajaxdiv { position:fixed; top:0 !important; right:0; bottom:0; left:0; height:100vh; margin:0; }

	/* header links */
	.header-links.mobile { display:block; }
	.header-links.desktop { display:none; }
	.header-links { top:30px; bottom:auto; left:-15px; }
	.header-links > div { position:relative; display:block; }
	.header-links > div { left: -250px; transition:transform 0.5s; -webkit-transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s; }
	.header-links > div.in { left:0; }
	.header-links > div a { top:auto; right:auto; }
	.header-links i { float:right; }

	.header-links > div a,
	.header-links > div i { display:block; position:static; float:left; box-sizing:border-box; }
	.header-links > div a { width:calc(100% - 60px); }
	.header-links > div i { width:60px; padding:10px; text-align:right; }

	.header-links div:hover,
	.header-links div:hover a { background:#cb4d5e; color:#fff; }
	.header-links div:hover i { color:#fff; }

	/* footer */
	#time,
	#adresse { width:100%; padding:0; }
	#adresse { margin-bottom:30px; }
	.fbox-wrapper { display:none; }

	.footer-box { width:100%; }
	.footer-box:not(.first) { border-left-width:0; }
	.footer-box.second { border-top:1px #ccc solid; padding-top:10px; }


	.mobile-buttons { display:block; width:100%; padding-top:20px; overflow:hidden; box-sizing:border-box; }
	.mobile-buttons .footer-btn { width:33.33%; float:left; box-sizing:border-box; }
	.mobile-buttons .footer-btn + .footer-btn { padding-left:5px; }
	#dssitefooter .mobile-buttons .footer-btn a { display:block; padding:10px 15px; color:#cb4d5e; background:#fff; text-align:center; line-height:28px; font-size:25px; }
	#dssitefooter .line { padding-top:25px; }

	/*newsletter*/
	.newsletter {height:300px}

	/* news */
	.cnews.viewue .slide .text { max-height:130px; }
}

@media only screen and (max-width: 666px) {
	/*iPhone 5 Querformat 568px*/
	#responsive { background-color:blue; }
	#responsive:before { content:'iPhone 5 Querformat'; }

	/*Bilderwechsel*/
	.cimagepool .gallery-wrapper { padding-bottom:70%; }

	/* form */
	.f1_col1of2,
	.f1_col2of2,
	.f1_col1of3,
	.f1_col2of3,
	.f1_col3of3 { width:100%; float:none; padding:0; }


	/* reservation */
	.creservation .step.last .f1_row:first-of-type,
	.creservation .step.last .f1_row { width:100%; padding:0; }
	#reservationForm { padding:0; }
	.reservation-status .status .txt,
	.reservation-status .status i { font-size:15px; }

	/* team */
	.cteam.view .item .text h3 { font-size:18px; font-size:1.8rem; }

	/* news */
	.cnews.view .item .text h3 { font-size:18px; font-size:1.8rem; }

	/* downloads */
	.cdownload.viewue .item { width:100%; float:none; padding:0; }
	.cdownload.viewue .items > div:nth-child(odd),
	.cdownload.viewue .items > div:nth-child(even) { padding:0; }

}

@media only screen and (max-width:600px) {
	/*** shop ***/
    .cshop .product .table .row.head { display:none; }
	.cshop .product .table .row { flex-wrap:wrap; border-bottom:1px solid #a6a6a6; padding:5px 10px; }
	.cshop .product .table .row > div.desc { width:100%; font-weight:600; }
	.cshop .product .table .row > div.price { width:calc(100% - 100px); }
	.cshop .product .table .row > div.count { width:100px; }

}

@media only screen and (max-width: 567px) {
	/*iPhone 4 Querformat 480px*/
	#responsive { background-color:green; }
	#responsive:before { content:'iPhone 4 Querformat'; }

	/* news slider */
	.cnews.viewue .slide .placeholder { float:none; }
	.cnews.viewue .slide .placeholder div { width:100%; }
	.cnews.viewue,
	#newsslider .overflow .inner-content .content { height:300px !important; }
	.cnews.viewue .slide .text { max-height:130px; margin:0; }
	.cnews.viewue .slide h3 { margin:5px 0; }


	/* paging */
	.paging .paging_viewall a { width:50%; }


	/* searchpanel */
	.searchpanel { padding-bottom:30px; }
	.searchpanel > form { margin-left:0; }
	.searchpanel > form > div,
	.searchpanel > form > div + div,
	.searchpanel > form > div + div + div { width:100%; margin-bottom:5px; padding:0; }


	/* team */
	.cteam.view .item .text h3 { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; }
	.cteam.view .item .text .fx { font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; }

	/* news */
	.cnews.view .item .text h3 { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; }
	.cnews.view .item .text .cat { font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; }
}

@media only screen and (max-width: 479px) {
	/*iPhone 6 Hochformat 375px*/
	#responsive { background-color:yellow; }
	#responsive:before { content:'iPhone 6 Hochformat'; }


	/* header */
	#topgallery { height:280px; }
	.header-links { top:80px; }

	#cnt .cnt-body,
	#cnt.in .inner { width:280px; }


	/* guestbook */
	#guestbookForm .title3, #guestbookForm .bewertung-wrapper { width:100%; }


	/* team */
	.cteam.view .items { margin-left:0; }
	.cteam.view .item { width:100%; padding:0; }


	/* team pick */
	.cteam.viewue .item .text h3 { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; }
	.cteam.viewue .item .text .fx { font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; padding-bottom:10px; }

	.cteam.viewue .item { padding:0; }
	.cteam.viewue .item .placeholder { width:100%; height:160px; overflow:hidden; margin-bottom:0; }
	.cteam.viewue .text { padding:10px 10px 0px; overflow:hidden; }


	/* news */
	.cnews.view .items { margin-left:0; }
	.cnews.view .item { width:100%; padding:0; }
	.cnews.view .item .placeholder div { background-size:cover; background-position:center; background-repeat:no-repeat; }

	/*Shop */
	.cshop .product .placeholder { width:100%; }
}

@media only screen and (max-width: 374px) {
	/*iPhone 4/5 Hochformat 320px*/
	html { font-size:65% !important; -webkit-text-size-adjust: 100%; } /* Prevent font scaling in landscape */

	#responsive { background-color:pink; }
	#responsive:before { content:'iPhone 4/5 Hochformat'; }


	/* header */
	#siteheader { min-height:90px; }
	#logo { width:200px; }

	#cnt .cnt-body,
	#cnt.in .inner { width:250px; }

	/* paging */
	.paging { height:100px; }
	.paging .paging_viewall a { width:100%; }
	.paging .paging_content { right:0; }

	/* reservation */
	.creservation .title2 { padding:0; }
	.creservation .ui-datepicker th { font-size:12px; }
	.reservation-status { padding:5px; }
	.reservation-status .status { width:100%; padding:0; text-align:left; }
	.reservation-status .status span { display:inline-block; }

	/*Shop*/
		.cshop .product .table .row { display:block; }
		.cshop .product .table .row > div.price { width:100%; }
		.cshop .product .table .row > div.count { margin:0 auto; }
}

@media (max-width:320px){ /* iPhone 4/5 */ }