@charset "utf-8";

/*Einstellung für Texvergrösserung bei Asset-Laden*/
html { font-size: 62.5% !important; font-family:'Open Sans',Arial,sans-serif; font-weight:400; color:#666; word-break:break-word; }
body { font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; margin:0; }

* { font-family:'Open Sans', sans-serif; }
.scroll { width:100%; overflow-x:none; }
.hidden { display:none; }
.cb { clear:both; }
img { max-width:100%; height:auto !important; }
a img{ border-width:0; }
b, h1, h2, h3 {  font-weight:400; }
strong { font-weight:700; }
p { padding:0 0 10px 0; margin:0; }
ul, ol { padding:0 0 10px 0; margin:0; }


/* Standardlinks */
a:link { color:#cb4d5e; }
a:visited { color:#D77482; }
a:active { color:#D77482; }
a:hover { color:#D77482;  }

/*EditBalken*/
.editbalken{
	margin-bottom:10px; background-color:#ddd; border-bottom:1px #ccc solid; padding:3px; font-weight:600;
	font-size:1.3rem; line-height:1.8rem; z-index:3;
}
.editbalken a.dsbutton { position:static; top:auto; left:auto; padding:3px; color:#3c3c3b; border:0; }
.editbalken a img{ padding:0px 5px 0px 2px; border:none; }
.editbalken a{text-decoration:none}

.dsbutton { position:absolute; top:0; left:0; line-height:0; margin:0 !important; border:3px #fff solid; z-index:3; }

/* General */
#siteheader:after { content:""; display:block; clear:both; }
#siteheader, #dsmain, #dssitefooter { position:relative; z-index:1; }
.clearfix:after { display:block; content:''; clear:both; }

/* site container */
#siteheader, #dsmain { max-width:1580px; width:100%; margin:0 auto; padding:0 40px; box-sizing:border-box;}
#dsmain { padding-bottom:20px; overflow:hidden; }


/* header */
#dssiteheader { z-index:2; position:relative; }
#background { position:fixed; height:100%; width:100%; }
#logo { float:left; width:250px; padding-top:30px; }
#logo img { width:100%; height:auto; }
#logo a { display:block; }

#quicklinks { position:absolute; right:45px; top:15px; }
#quicklinks a { padding:0 10px; font-size:12px; font-size:1.2rem; line-height:15px; line-height:1.5rem; color:#646463; text-decoration:none; }
#quicklinks a + a { border-left:1px solid #999999; }
#quicklinks a:hover { color:#cb4d5e ; }

.cimagepool .gallery-wrapper { padding-bottom:30%; }

.cis-gallery .top-navigation div.next,
.cis-gallery .top-navigation div.prev { background:none; }
.cis-gallery .top-navigation div.next:after { content:'\f101'; right:15px; }
.cis-gallery .top-navigation div.prev:after { content:'\f100'; left:15px; }
.cis-gallery .top-navigation div.next:after,
.cis-gallery .top-navigation div.prev:after { display:block; height:50px; width:50px; position:absolute; top:50%; font-family:'Fontawesome'; line-height:50px; font-size:60px; color:#fff;
	transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }

#cnt { position:absolute; top:114px; right:0; z-index:4; color:#fff; box-sizing:border-box; overflow:hidden; }
#cnt .icon { width:50px; height:50px; float:left; cursor:pointer; background:#cb4d5e; font-size:30px; line-height:50px; text-align:center; }
#cnt .inner { width:0; float:left; background:#cb4d5e; box-sizing:border-box;
	transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; }
#cnt.in .inner { width:350px; }

#cnt .inner:after { content:''; display:block; clear:both; }
#cnt .cnt-body { width:350px; padding:10px 15px; float:left; line-height:25px; font-size:15px; text-align:center; box-sizing:border-box; }
#cnt .cnt-body .txt { width:100%; margin-bottom:20px; border-bottom:1px solid #D77482; text-align:center; box-sizing:border-box; }
#cnt .wrap-days { width:100%; text-align:center; }
#cnt .wrap-days span { width:100%; display:block; text-align:center; }
#cnt .wrap-days .days { font-weight:900; line-height:60px; font-size:60px; }
#cnt .wrap-time { display:block; margin-top:15px; margin-bottom:15px; line-height:25px; font-size:24px;  font-weight:900;  }

/*Fix-Header*/
#dssubbody.fixed #dssiteheader {
	height:55px; position:fixed; top:0; right:0; left:0; background:#fff; border-bottom:1px solid #ccc;
	-webkit-animation:fixheader 1s forwards; -moz-animation:fixheader 1s forwards; -ms-animation:fixheader 1s forwards;
	-o-animation:fixheader 1s forwards; animation:fixheader 1s forwards;
}
#dssubbody.fixed #logo { width:140px; padding-top:10px; }
#dssubbody.fixed #nav { padding-top:11px; }
#dssubbody.fixed #quicklinks { display:none; }
#dssubbody.fixed #dsmain { padding-top:120px; }
@-webkit-keyframes fixheader { from { -webkit-transform:translate(0,-72px); } to { -webkit-transform:translate(0,0px); } }
@-moz-keyframes fixheader { from { -moz-transform:translate(0,-72px); } to { -moz-transform:translate(0,0px); } }
@-ms-keyframes fixheader { from { -ms-transform:translate(0,-72px); } to { -ms-transform:translate(0,0px); } }
@-o-keyframes fixheader { from { -o-transform:translate(0,-72px); } to { -o-transform:translate(0,0px); } }
@keyframes fixheader { from { transform:translate(0,-72px); } to { transform:translate(0,0px); } }


/* Nav */
#nav { float:right; padding:50px 0 20px 0; }
#dsmenus,
#dsmenus ul { list-style:none; }
#dsmenus li a { display:block;padding: 10px 15px; font-family:'Open Sans',serif; line-height:24px; line-height:2.4rem; font-size:21px; font-size:2.1rem; color:#cb4d5e; text-decoration:none; font-weight:700; }

#dsmenus > li { position:relative; float:left; }
#dsmenus > li:before { content:''; opacity:1; height:0; position:absolute; left:0; bottom:0; background:#000; width:5px;
	transition:height 0.3s; -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; }
#dsmenus > li:last-of-type:before { left:auto; right:0; }
#dsmenus > li.running:before { height:100%; opacity:1; }
#dsmenus > li > ul { display:none; position:absolute; top:40px; left:0; width:243px; padding:15px; background:#cb4d5e; border-left:5px solid #000; }
#dsmenus > li:last-of-type > ul { left:auto; right:0; border-right:5px solid #000; border-left:none; }
#dsmenus > li > ul > li:last-of-type { border-bottom:none; }

#dsmenus > li > ul > li > a { padding:0; background:#cb4d5e; border-bottom:1px solid #ccc; line-height:35px; line-height:3.5rem; font-size:16px; font-size:1.6rem; font-weight:400; color:#cccccc;
	transition:all 0.4s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
#dsmenus > li > ul > li:hover > a { background:#fff; color:#cb4d5e; padding-left:5px; }
#dsmenus > li > ul > li.dssubmenu_active > a { background:#fff; color:#000; border-color:#000; padding-left:5px; }
#dsmenus .dsmenu_active, #dsmenus li a:hover { color:#646463; }


/* content */
#dscontentheader { margin-bottom:40px; position:relative; }
.header-links { position:absolute; bottom:0; left:15px; z-index:6; }
.header-links.mobile { display:none; }

.header-links > div { display:block; position:relative; height:45px; overflow:hidden; min-width:300px; margin-bottom:15px; border:1px solid #ccc; background:#cb4d5e;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }

.header-links > div a { position:absolute; top:0; left:0; right:0; bottom:0; }

.header-links > div a,
.header-links > div i { display:inline-block; padding:10px 20px; font-size:21px; font-size:2.1rem; line-height:21px; line-height:2.1rem; font-weight:700; color:#fff; text-decoration:none;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }

.header-links > div i { position:absolute; right:0; top:0; }
.header-links div:hover,
.header-links div:hover a { background:#EAB6BD; color:#cb4d5e; }
.header-links div:hover i { color:#cb4d5e; }

#dscolumn1_1, #dscolumn1_2, #dscolumn2_2, #dscolumn1_3, #dscolumn2_3, #dscolumn3_3 { box-sizing:border-box; }
#dscolumn1_2, #dscolumn2_2, #dscolumn1_3, #dscolumn2_3, #dscolumn3_3 { float:left; }
#dscolumn1_2 { width:56.6%; padding-right:30px; }
#dscolumn2_2 { width:43.4%; padding-left:30px; }
#dscontent { min-height:600px; }
#topgallery { height:450px; }

/* title1 */
div.title1 { font-weight:700; line-height:25px; line-height:2.5rem; font-size:21px; font-size:2.1rem; color:#cb4d5e; text-align:center; }
div.title2 { font-weight:600; line-height:25px; line-height:2.5rem; font-size:17px; font-size:1.7rem; color:#cb4d5e; text-align:left; }
div.title3 { font-weight:600; line-height:25px; line-height:2.5rem; font-size:21px; font-size:2.1rem; color:#cb4d5e; text-align:center; }
div.title2.gray { color:#646463; }
div.title3.white { color:#fff; }

/*Artikel*/
h1, h2, h3 { color:#cb4d5e; font-weight:700; margin:0; margin:0; }
h1, h2 { font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; }
h3 { font-size:18px; font-size:1.8rem; line-height:27px; line-height:2.7rem;  }
.dsarticle { font-size:16px; font-size:1.6rem; line-height:27px; line-height:2.7rem; margin-bottom:30px; }
.dsoption_1 { padding-top:15px; }
.dsoption_2, .dsoption_3, .dsoption_4 { padding-top:10px; }
.dsbody_1, .dsbody_2, .dsbody_4 { padding:15px 0px 0px; }

h1 a,
h2 a { text-decoration:none; }

/*Artikel 2*/
.dsarticle_2 { background-color:#fff; padding:10px; margin-bottom:25px; }

/*Artikel 3*/
.dsarticle_3 { margin-bottom:25px;}
.dsbodydesign_content_3 { background-color:#fff; padding:10px; margin-top:15px; border-top:2px solid #cb4d5e; border-bottom:2px solid #cb4d5e; }

/*Artikel 4*/
.dsarticle_4 h1, .dsarticle_4 h2 { color:#fff; }
.dstitle_4 a { color:#fff; }
.dsarticle_4 { background-color:#cb4d5e; padding:10px; margin-bottom:25px; color:#fff; }
.dsarticle_4 .dslinklist_0 li a:not(.dsbutton) { color:#fff; border-bottom:solid 1px #fff; }
.dsarticle_4 .dslinklist_0 li:hover a:not(.dsbutton) { padding-left:15px; border-bottom:1px solid #ccc; color:#ccc ; }


/* article link */
.dsoption_2 a { display:block; color:#cb4d5e; padding:5px; border-bottom:solid 1px #ccc; text-decoration:none; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.dsoption_2 a:before  { content:'\f054'; font-family:'Fontawesome'; padding-right:5px; }
.dsoption_2 a:hover { padding-left:15px; border-bottom:1px solid #cb4d5e; color:#646463 ; }


/*Scrolltop*/
#scrolltop {
	position:fixed; right:15px; bottom:50px; width:40px; height:40px; line-height:40px; text-align:center;
	background-color:#cb4d5e; border:1px solid #fff; color:#fff; cursor:pointer; z-index:5; opacity:0; filter:alpha(opacity=0);
	-webkit-transition:opacity .4s; -moz-transition:opacity .4s; -ms-transition:opacity .4s; -o-transition:opacity .4s; transition:opacity .4s;
}
#scrolltop:before { content:"\f062"; font-family:FontAwesome; font-size:22px; }
body.scrolled #scrolltop { opacity:1; filter:alpha(opacity=100); }

/*Aufzählungen*/
.dsarticle ul,
#ajaxdiv ul:not(.dslinklist_0) { list-style:none; }
.dsarticle ul:not(.dslinklist_0) > li,
#ajaxdiv ul:not(.dslinklist_0) > li { position:relative; padding-left:20px; }
.dsarticle ul:not(.dslinklist_0) > li:before,
#ajaxdiv ul:not(.dslinklist_0) > li:before { position:absolute; top:0; left:5px; content:"\f105"; font-family:FontAwesome; font-size:20px; }
.dslinklist_title_0 { font-weight:700; color:#333; }
ul.dslinklist_0 { margin-top:5px; }
.dslinklist_0 li { position:relative; }
.dslinklist_0 { list-style:none; }
.dslinklist_0 li a:not(.dsbutton) { display:block; color:#cb4d5e; padding:5px; border-bottom:solid 1px #ccc; text-decoration:none; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.dslinklist_0 li a:not(.dsbutton):before { content:'\f054'; font-family:'Fontawesome'; padding-right:5px; }
.dslinklist_0 li:hover a:not(.dsbutton) { padding-left:15px; border-bottom:1px solid #cb4d5e; color:#646463 ; }


/* footer */
#dssitefooter { width:100%; padding:0 40px; box-sizing:border-box; clear:both; background:#cb4d5e; }
#dssitefooter #time,
#dssitefooter #adresse { line-height:25px; line-height:2.5rem; font-size:14px; font-size:1.4rem; font-weight:400; color:#ccc; }
#dssitefooter h3 { margin:0; line-height:30px; line-height:3.0rem; font-size:21px; font-size:2.1rem; font-weight:600; color:#fff; }
#dssitefooter .container { width:100%; max-width:1500px; margin:0 auto; padding-top:40px; box-sizing:border-box; overflow:hidden; }
#dssitefooter .line { width:100%; height:1px; padding-top:40px; border-bottom:1px solid #ccc; clear:both; }
#dssitefooter .spacer { width:100%; height:100%; position:fixed; left:0; background:#cb4d5e; }
#dssitefooter a { color:#ccc; text-decoration:none; }
#adresse { width:345px; padding-right:50px; border-right:1px solid #ccc; float:left; box-sizing:border-box; }
#time { width:360px; padding-left:50px; float:left; box-sizing:border-box; }
.fbox-wrapper { width:calc(100% - 750px); float:right; box-sizing:border-box; }
#dssitefooter .fbox h4 { position:absolute; left:0; bottom:0; z-index:1; width:100%; margin:0; padding:0 10px; background:rgba(82, 82, 82, 0.8); font-weight:600; line-height:30px; line-height:3.0rem; font-size:17px; font-size:1.7rem; color:#fff; }
.fbox-wrapper .fbox { width:calc(50% - 20px); height:120px; margin-right:20px; position:relative; float:left; box-sizing:border-box; overflow:hidden; }
.fbox-wrapper .fbox + .fbox { margin-right:0; margin-left:20px; }
.fbox-wrapper .fbox a { display:block; height:100%; width:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-size:cover; background-position:center;
	transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
.fbox-wrapper .fbox:hover a { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.copyright, .cisag a { display:block; padding:25px 0; line-height:17px; line-height:1.7rem; font-size:13px; font-size:1.3rem; color:#ccc; text-decoration:none; }
.copyright { float:left; }
.cisag { float:right; }
.mobile-buttons { display:none; }

/*Footer-Box*/
	.footer-boxes { display:flex; flex-wrap:wrap; margin-left:-40px; }
	.footer-box {
		width:33.33%; padding-left:40px; box-sizing:border-box;
		font-size:1.4rem; line-height:2.5rem; color:#ccc;
	}

	.footer-box:not(.first) { border-left:1px #ccc solid; }
	.footer-box a { color:#ccc; text-decoration:none; }
	.footer-box ul { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin-left:-40px; }
	.footer-box ul > li { padding-left:40px; box-sizing:border-box; }
	#slowfoodch:after { content:""; display:inline-block; width:25px; height:15px; margin-left:15px; background:url('../svg/slowfoodlogo.svg') no-repeat top left; background-size:contain; }
	#faitmaison { position:relative; padding-right:40px; }
	#faitmaison:after {
		content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:25px; height:25px;
		background:url('../svg/fait_maison_logo.svg') no-repeat top left; background-size:contain;
	}
	#uaw:after { content:""; position:absolute; display:inline-block; width:55px; height:25px; margin-left:15px; background:url('../svg/uaw.svg') no-repeat top left; background-size:contain; }


/*Input Elemente*/
.customselect,
input[type=email],
input[type=text],
input[type=password],
textarea,
button {
	font-family:Arial,Helvetica, sans-serif; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; margin:0px; outline:none;
	-webkit-appearance:none; -webkit-border-radius:0px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	-webkit-transition:background-color .4s, color .4s, box-shadow .4s; -moz-transition:background-color .4s, color .4s, box-shadow .4s;
	-ms-transition:background-color .4s, color .4s, box-shadow .4s; -o-transition:background-color .4s, color .4s, box-shadow .4s;
	transition:background-color .4s, color .4s, box-shadow .4s;
}
input[type=text],
input[type=email],
input[type=password],
textarea { background-color:#fff; color:#000; border:1px #cb4d5e solid; }

input[type=text],
input[type=email],
input[type=password],
button { height:40px; padding:0px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; }

textarea { display:block; padding:0px 10px; }
button { cursor:pointer; background-color:#cb4d5e; color:#fff; font-size:19px; font-size:1.9rem; font-weight:700; border:none; }
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { background-color:#E7E7E8; color:#000; }

button:hover { background:#EAB6BD; color:#cb4d5e; }


/* CIS-Select */
.cis-select { background-color:#fff; height:40px; border:1px #cb4d5e solid; text-align:left; }
.cis-select:after {
	content:"\f107"; font-size:14px; color:#326078; height:40px; line-height:40px;
	-webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s;
}
.cis-select.open:after { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.cis-select > div { height:40px; line-height:40px; padding:0px 30px 0px 10px; color:#7E8C96; border:0px; }
.cis-select ul { top:38px; left:-1px; right:-1px; width:auto; border:1px #ccc solid; z-index:8; }
.cis-select ul > li { line-height:30px; margin-bottom:0px; border:0px; border-bottom:1px #887452 solid; color:#000; }
.cis-select ul > li:before { display:none; }
.cis-select ul > li:last-child { border-bottom:0px; }
.cis-select ul > li.selected { background-color:#d77482; color:#fff; }
.cis-select ul > li.highlight { background-color:#7E8C96; color:#fff; }
.cis-select ul > li:not(.selected):hover { background-color:#7E8C96; color:#fff; }


/* Ajaxdiv & Overlay */
#overlay { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:80; display:none; cursor:pointer; background-color:#4b4b4b; background-color:rgba(9,15,18,.7); }
#ajaxdiv {
	display:none; position:absolute; z-index:99; top:40px !important; right:40px; bottom:40px; left:40px; max-width:1500px; width:100%; height:80%;
	box-sizing:border-box; overflow:hidden; margin:auto;
}
#ajaxdiv > div { position:relative; max-width:1500px; height:100%; margin:auto; background-color:#fff; display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; }
#ajaxdiv .ajaxclose { background:#cb4d5e; height:40px; width:40px; position:absolute; right:0; top:0; z-index:4; text-align:center; text-decoration:none; }
#ajaxdiv .ajaxclose:before { content:'\f00d'; height:40px; width:40px; font-family:'FontAwesome'; color:#fff; line-height:40px; font-size:24px; }
#ajaxdiv .gallery { position:relative; width:70%; background:#eee; }
#ajaxdiv .cis-gallery { position:absolute; width:auto; height:auto; top:20px; right:20px; bottom:20px; left:20px; }
#ajaxdiv .cis-gallery .overflow .inner-content .image-content .image { background-position:center center; background-size:contain; }
#ajaxdiv .cis-gallery .navigation { display:none; }
#ajaxdiv .popupheader, #ajaxdiv .popupbody { position:absolute; right:0; left:0; }
#ajaxdiv .popupheader { top:0; }
#ajaxdiv .popupheader .logo { display:block; width:150px; padding:15px; text-align:left; }
#ajaxdiv .popupheader .logo img { display:inline-block; }
#ajaxdiv .popupcontent {
	position:relative; min-width:450px; max-width:450px; width:auto;
	-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none;
	-webkit-transform:translate(0,0); -moz-ransform:translate(0,0); -ms-ransform:translate(0,0); -o-ransform:translate(0,0); transform:translate(0,0);
}
#ajaxdiv .popupcontent > div {
	width:100%; opacity:1; filter:alpha(opacity=100);
	-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none;
}
#ajaxdiv .gallery.empty { opacity:0.5; background-image:url("../mm/placeholder_small.png"); background-size:50%; background-position:center; }
#ajaxdiv .gallery.empty + .popupcontent { max-width:100%; }
#ajaxdiv .popupcontent > a.toggle { display:none; }

#ajaxdiv .popupbody { top:74px; bottom:0; padding:0 15px 120px 15px; overflow:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box; }
#ajaxdiv .popupbody .text { line-height:25px; line-height:2.5rem; font-size:16px; font-size:1.6rem; color:#646463; }
#ajaxdiv .popupbody .text h1 { font-weight:600; line-height:25px; line-height:2.5rem; font-size:21px; font-size:2.1rem; color:#cb4d5e; margin-bottom: 20px; }

.cis-gallery .overflow .inner-content .image-content { right:auto; bottom:auto; }
#ajaxdiv .nav-points { height:45px; position:absolute; bottom:10px; left:5px; }
#ajaxdiv .nav-points .points-content { display:block; }
#ajaxdiv .point { height:40px; width:40px; background:#ccc; border:none; }
#ajaxdiv .point.aktiv { background:#cb4d5e; }
#ajaxdiv .point span { display:none; }

/*Video*/
#ajaxdiv.video { top:50% !important; right:auto; bottom:auto; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1280px; height:auto; margin:0; }
#ajaxdiv.video > div { display:block; position:relative; max-width:none; height:0; padding-bottom:calc(9 / 16 * 100%); margin:0; background-color:#000; }
#ajaxdiv.video > div iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


/* pageing */
.paging { height:50px; position:relative; }
.paging .ajaxpaging_text { position:relative; bottom:3px; }
.paging .paging_content { position:absolute; bottom:10px; right:0px; }
.paging .paging_content a { display:inline-block; }
.paging .paging_viewall { float:left; width:100%; }
.paging .paging_viewall a { display:block; height:40px; width:calc(25% - 40px); padding:0 15px; background:#cb4d5e; font-weight:700; line-height:40px; font-size:15px; font-size:1.5rem; color:#fff; text-align:center; text-decoration:none; box-sizing:border-box;
	transition:background 0.7s; -webkit-transition:background 0.7s; -moz-transition:background 0.7s; -ms-transition:background 0.7s; -o-transition:background 0.7s; }
.paging .paging_viewall a:hover { background:#EAB6BD; color:#cb4d5e; }
.paging .paging_viewall a:before { display:inline-block; content:'»'; padding-right:3px; }
.paging a { color:#cb4d5e; text-decoration:none; }
.ajaxpaging_go { display:block; width:40px; height:40px; }
.ajaxpaging_back:before,
.ajaxpaging_go:before { display:block; content:''; height:40px; width:40px; background:#cb4d5e; font-family:'FontAwesome'; line-height:40px; font-size:28px; color:#fff; text-align:center;
	transition:background 0.7s; -webkit-transition:background 0.7s; -moz-transition:background 0.7s; -ms-transition:background 0.7s; -o-transition:background 0.7s; }
.ajaxpaging_back:before { content:'\f100'; }
.ajaxpaging_go:before { content:'\f101'; }
.ajaxpaging_back:hover:before,
.ajaxpaging_go:hover:before { background:#EAB6BD; color:#cb4d5e; }


/* Formular */
.f1_col1of2,
.f1_col2of2 { float:left; width:50%; padding-right:2px; box-sizing:border-box; }
.f1_col2of2 { padding-left:2px; padding-right:0; }
.f1_row,
.f1_spamfilter { margin-bottom:4px; }
.f1_row:after,
.f1_spamfilter:after { content:''; display:block; clear:both; }
.f1_row input[type=text],
.f1_row input[type=password],
.f1_row textarea { width:100%; }
.f1_row .customselect { float:left; width:100%; }
.f1_row button { clear:both; width:100%; margin-top:10px; }
.f1_spamfilter input[type=text] { float:left; width:50%; margin-right:10px; }
.f1_spamfilter > label { float:left; line-height:30px; padding-right:10px; }
.f1_spamfilter > label > .fa { padding-right:10px; }
.f1_spamfilter > label.spamfilter { font-size:1.0em; line-height:1.1em; padding-top:8px; }
#form-failed { overflow:hidden; width:100%; margin-top:15px; }

.spacer_row { margin:20px 0; }

/* single row*/
.single_row { width:100%; }
.single_row .f1_row { width:50%; float:left; }

.f1_row > .col { float:left; width:50%; padding-right:2px; box-sizing:border-box; }
.f1_row > .col + .col { padding-right:0; padding-left:2px; }

.f1_row > .col.plz { width:100px; }
.f1_row > .col.plz + .col { width:calc(100% - 100px); }

div.ui-datepicker { width:300px; }

.f1_col1of3,
.f1_col2of3,
.f1_col3of3 { width:33.333%; float:left; box-sizing:border-box; }

.f1_col2of3,
.f1_col3of3 { padding-left:10px; }


/* Input Fehler */
.input_false { background-image:none !important; background-color:#831818 !important; -webkit-box-shadow:0 0 0px 1000px #ae4545 inset !important; color:#fff !important; /* Autofill überlagern */ }
select.input_false { background-color:transparent !important; border:0px !important; -webkit-box-shadow:none !important; }
.cis-select.input_false > div,
.cis-select.input_false:after { color:#fff !important; }


/* Formular Feedback */
.formbest { position:relative; display:block; padding:9px 9px 9px 40px; margin:0px; background-color:#468847; border:1px #887452 solid; cursor:default; color:#fff; }
.formbest:before { content:"\f00c"; position:absolute; top:12px; left:12px; font-family:'FontAwesome'; font-size:16px; }
.formbest.fail { background-color:#831818; border:1px #ae4545 solid; }
.formbest.fail:before { content:"\f00d"; }
.formbest > p:last-of-type { padding-bottom:0; }


/*Searchpanel*/
.searchpanel { position:relative; z-index:2; padding-bottom:40px; }
.searchpanel:after { content:''; display:block; clear:both; }
.searchpanel .editbalken { margin:0px 10px 10px; }
.searchpanel > form { margin-left:-40px; }
.searchpanel > form > div {
	float:left; width:25%; padding-left:40px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

.searchpanel > form > div > input[type=text] { width:100%; }
.searchpanel > form > div > button { width:100%; }
.searchpanel > form > div.tags { float:none; width:auto; }
.searchpanel a.btn { display:block; }
.searchpanel span.cb { height:20px; display:block; clear:both; }


/* loader */
.placeholder.load { background: url('../mm/loader.gif') no-repeat center center; }


/* reservation */
#ajaxdiv.ajax-reservation { max-width:800px; width:100%; min-height:50px; }
#ajaxdiv.ajax-reservation .ajaxclose { cursor:pointer; }
#ajaxdiv.ajax-reservation .creservation { display:block; padding:15px; overflow:auto; }

#reservationForm { margin-bottom:25px; padding:25px; -webkit-overflow-scrolling:touch; }

.creservation .logo { max-width:150px; margin-bottom:20px; }
.creservation .title1 { margin-bottom:20px; }
.creservation p { color:#646463; }

.creservation output,
.creservation .body-text,
.f1_spamfilter > label.spamfilter,
.creservation label { line-height:30px; line-height:2.5rem; font-size:15px; font-size:1.5rem; color:#646463; }

.creservation .datetime { overflow:hidden; }
.creservation .datetime .datetime-label { line-height:40px; }

.creservation .datetime .datetime-label,
.creservation .datetime #date,
.creservation .datetime #time { width:calc(50% - 5px); float:left; padding:0 10px; margin:10px 0 10px 5px; text-align:center; box-sizing:border-box; }

.creservation .col-2 { margin-top:10px; }
.creservation .col-2 > * { width:calc(50% - 5px); margin-left:5px; margin-bottom:5px; float:left; text-align:center; }

.creservation .step + .step { display:none; }
.creservation .step .btn { width:100%; font-weight:700; }

.creservation .step .btns { width:calc(50% - 5px); margin-right:5px; float:left; font-weight:700; box-sizing:border-box; clear:none;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }

.creservation .title2 { padding:5px; }
.creservation button { background:#cb4d5e; color:#fff; margin-bottom:20px; }
.creservation .step .btns + .btns { margin-left:5px; margin-right:0; float:left; box-sizing:border-box; }
.creservation .step .btn:hover,
.creservation .step .btns:hover { background:#EAB6BD; color:#cb4d5e; }

.creservation .step.last .f1_row:first-of-type { width:50%; margin-right:50%; float:left; }
.creservation .step.last .f1_row { width:50%; float:left; box-sizing:border-box; }
.creservation .step.last .f1_row.fullw { width:100%; }

.creservation .f1_row.left { padding-right:2px; }
.creservation .f1_row.right { padding-left:2px; }

.reservation-status { margin:10px 0; border:1px solid #EAB6BD; background:#F9F8F7; overflow:hidden; }
.reservation-status .status { width:33.33%; padding:10px 0; float:left; text-align:center; color:#ccc; box-sizing:border-box; cursor:pointer; }
.reservation-status .status i { padding-right:5px; font-size:22px; line-height:30px;}
.reservation-status .status .placeholder { font-size:18px; line-height:30px; }
.reservation-status .status .txt { display:none; font-size:18px; line-height:30px; }

.reservation-status[data-step~='1'] .status-date { color:#cb4d5e; }
.reservation-status[data-step~='1'] .status-date .txt { display:inline-block; }
.reservation-status[data-step~='1'] .status-date .placeholder { display:none; }

.reservation-status[data-step~='2'] .status-date,
.reservation-status[data-step~='2'] .status-time { color:#cb4d5e; }

.reservation-status[data-step~='2'] .status-date .txt,
.reservation-status[data-step~='2'] .status-time .txt { display:inline-block; }

.reservation-status[data-step~='2'] .status-date .placeholder,
.reservation-status[data-step~='2'] .status-time .placeholder { display:none; }

.reservation-status[data-step~='3'] .status-date,
.reservation-status[data-step~='3'] .status-time,
.reservation-status[data-step~='3'] .status-guests { color:#cb4d5e; }

.reservation-status[data-step~='3'] .status-date .txt,
.reservation-status[data-step~='3'] .status-time .txt,
.reservation-status[data-step~='3'] .status-guests .txt { display:inline-block; }

.reservation-status[data-step~='3'] .status-date .placeholder,
.reservation-status[data-step~='3'] .status-time .placeholder,
.reservation-status[data-step~='3'] .status-guests .placeholder { display:none; }

.creservation .description,
.creservation .description p { line-height: 30px; line-height:2.5rem; font-size:15px; font-size:1.5rem; color:#646463; }
.creservation .formbest p { line-height: 30px; line-height:2.5rem; font-size:15px; font-size:1.5rem; color:#fff; }


/* datepicker | slider */
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span { display:none; }

.ui-datepicker-next,
.ui-datepicker-prev { text-align:center; cursor:pointer; }

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover { background:none; right:2px; top:2px; border:none; text-decoration:none; font-weight:700; }

.ui-datepicker-prev:before,
.ui-datepicker-next:before { font-family:'FontAwesome'; content:'\f060'; color:#fff;
	transition:all 0.5; -webkit-transition:all 0.5; -moz-transition:all 0.5; -ms-transition:all 0.5; -o-transition:all 0.5; }
.ui-datepicker-next:before { content:'\f061'; }
.ui-datepicker-inline { margin:0 auto 15px; width:100%; border-radius:0; box-sizing:border-box; }

.ui-datepicker th { font-size:15px; padding:10px; }
.ui-datepicker td a,
.ui-datepicker td span { height:25px; font-size:17px;}

.ui-datepicker td a.ui-state-active,
.ui-datepicker .ui-datepicker-header { background:#cb4d5e; color:#fff; }

.ui-datepicker .ui-datepicker-header { height:30px; font-size:17px; line-height:30px; border-radius:0;}

.time-label { width:45px; margin:15px 0; text-align:center; font-size:15px; line-height:20px; float:left; box-sizing:border-box; }
.slider-range { margin:15px 0; width:calc(100% - 90px); height:20px; float:left; box-sizing:border-box; }
.slider-range .ui-slider-handle { height:25px; width:25px; border:1px solid #cb4d5e; background:#EAB6BD !important; text-decoration:none ;}
.slider-range .ui-slider-handle:before { content:'\f07e'; padding-left:1px; font-size:23px; font-family:'FontAwesome'; line-height:25px; text-align:center; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background:#eee;
	transition:background 0.5s; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s; }

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover { background:#EAB6BD; }


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

/*** cgallery ***/
.dsarticle_content > .cgallery { font-size:1.3em; line-height:1.8em; }
.cgallery .editbalken { margin:0px 0px 10px 0px; }
.cgallery .grid { min-height:110px; margin-left:-2px; padding-bottom:10px; }
.cgallery .grid:after { content:''; display:block; clear:both; }
.cgallery .thumbnail {
	position:relative; float:left; width:33.333%; height:130px; overflow:hidden; padding-left:2px; margin-bottom:2px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.cgallery .thumbnail a.image {
	position:absolute; top:0; right:0; bottom:0; left:2px; background-color:#fff; z-index:1;
	background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:#fff;
}
.cgallery .thumbnail a.download {
	position:absolute; bottom:10px; right:10px; width:30px; height:30px; line-height:30px; font-size:16px; text-align:center;
	color:#fff; background-color:#684c35; z-index:2;
	-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;
}
.cgallery .thumbnail a.download:before { content:"\f019"; font-family:FontAwesome; }

.cgallery .thumbnail.big,
#dscolumn1_2 .cgallery .thumbnail.big { width:66.667%; height:262px; }


/*** shop ***/
	.cshop .infotext { font-size:13px; }
	.cshop .product { position:relative; }

	.cshop .accordion-head { border-bottom:1px solid #fff; color:#fff; background-color:#cb4d5e; font-weight:bold; font-size:2.0rem; line-height:1.5; padding:5px 10px; cursor:pointer; }
	.cshop .accordion-head:before { content:"\f105";  margin-right:9px; font-family:FontAwesome; font-weight:bold; font-size:20px; }
	.cshop .accordion-head.open:before { content:"\f107"; margin-right:5px; }
	.cshop .accordion-body { display:none; }

	.cshop .product { position:relative; padding:20px 5px 30px 5px; }
	.cshop .product .wrapper { display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; }
	.cshop .product .wrapper.one > div { width:100%; }
	.cshop .product .wrapper.two > div { width:calc(100% - 300px); }
	.cshop .product .wrapper.two > div + div { width:280px; }
	.cshop .product .content { position:relative; margin-top:20px; }
	.cshop .product .placeholder { float:left; width:450px; height:320px; display:block; margin-right:1%; cursor:pointer; background-color:#efefef; }
	.cshop .product .placeholder.loading { background:url('../mm/loader.gif') no-repeat center center }
	.cshop .product .placeholder > div { width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover; }
	.cshop .product .placeholder:not(.loading) { background-image:url('../mm/logo.png'); background-repeat:no-repeat; background-position:center; background-size:80%; }
	.cshop .product h2 { color:#cb4d5e; font-size:1.8em; font-size:1.8rem; font-weight:bold; display:block; margin:0 0 10px; padding:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #ccc; }

	.cshop .product .table { width:auto; margin-left:465px; }
	.cshop .product .table .row { display:flex; flex-direction:row; justify-content:space-between; padding:0 10px; overflow:hidden; }
	.cshop .product .table .row.head { font-weight:bold; }
	.cshop .product .table .row:not(.head):nth-child(2n) { background-color:#f2d9dd; }
	.cshop .product .table .row > div { line-height:25px; padding-top:5px; padding-bottom:5px; }
	.cshop .product .table .row > div.desc { width:calc(100% - 200px); white-space:normal; }
	.cshop .product .table .row > div.price {  width:110px; position:relative}
	.cshop .product .table .row > div.price div.small { color:red; text-decoration:line-through; font-size:14px; display:inline-block; }
	.cshop .product .table .row > div.count { width:70px; padding-top:2px; padding-bottom:2px; }

	.cshop .product .table .row input[type=text] { width:100%; height:30px; margin:0; padding-left:5px; }

	#gesamttotal { margin-top:20px; background-color:#666; color:#fff; padding:5px 10px; font-weight:700; }
	#gesamttotal:after { content:''; display:block; clear:both; }
	#gesamttotal > div { float:left; }
	#gesamttotal > div span { display:block; }
	#gesamttotal > span { float:right; }

	/*** Formular ***/
		.cshop .adresse { margin-top:30px; }
		.cshop h3 {  color:#cb4d5e; font-size:16px; font-size:1.6rem; font-weight:bold; margin:0 0 15px 0; padding-bottom:0;  border-bottom:1px solid #cb4d5e; }
		.formbest { position:relative; }
		.cshop .zahlung { float:left; padding-right:15px; padding-bottom:5px; }
		.cshop .zahlung label { padding-left:5px; }

	/*** Effekte ***/
		.cshop .accordion-head { transition:background 0.2s; }
		.cshop .product .table .row > div { transition:background 0.2s; }

	/*** Breaks ***/
		.cshop .product:after, .cshop .product .content:after, .cshop .adresse:after { content:''; display:block; clear:both; height:0; }
		.cshop .product .dsbutton { position:absolute; left:0; top:0; line-height:0; z-index:1; }