@charset "utf-8";

/*Einstellung für Texvergrösserung bei Asset-Laden*/
html { font-size: 62.5% !important; font-family:'Open sans', Verdana, sans-serif; color:#666; }
body { font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; background-size:cover; /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/ }
.hidden { display:none; }
.cb { clear:both; }
p{ margin:0px; padding:0px 0px 9px 0px; }
ul, ol { margin:0px; padding:0px 0px 9px 18px; }
.round-border { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.bold { font-weight:600; }
.gap-bottom { margin-bottom:10px; }
sup, sub { line-height:0; }
iframe#bo_iframe { width:100%; height:1000px; border:0px; }
h2 { font-size:17px; font-size:1.7rem; line-height:24px; line-height:2.4rem; font-weight:400; margin:0px; padding:0px 0px 10px 0px; color:#d02421; }
h2.border-bottom { padding-bottom:5px; border-bottom:1px #d02421 solid; margin-bottom:10px; display:block; }
.space-before { padding-top:20px; }
.space-after { padding-bottom:20px; }

/*Ajaxdiv & Overlay*/
#ajaxdiv {
	position:absolute; width:1240px; top:90px; left:50%; background-color:#fff; overflow:hidden; display:none; z-index:99; margin-left:-710px; margin-bottom:100px;
	-webkit-box-shadow:0px 0px 15px 0px #000000; -moz-box-shadow:0px 0px 15px 0px #000000; -ms-box-shadow:0px 0px 15px 0px #000000; -o-box-shadow:0px 0px 15px 0px #000000; box-shadow:0px 0px 15px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=3);
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
#overlay { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:80; display:none; cursor:pointer; background-color:rgba(0,0,0,.7); }
#ajaxdiv.block, #overlay.block { display:block; }
.ajaxclose { cursor:pointer; }

#dssiteheader {
	background-color:transparent; border-bottom:4px transparent solid;
	-webkit-transition:background-color .4s, border-color .4s; -moz-transition:background-color .4s, border-color .4s;
	-ms-transition:background-color .4s, border-color .4s; -o-transition:background-color .4s, border-color .4s;
	transition:background-color .4s, border-color .4s;
}
#siteheader {
	-webkit-transition:background-color .4s; -moz-transition:background-color .4s; -ms-transition:background-color .4s;
	-o-transition:background-color .4s; transition:background-color .4s;
}

/*Siteheader*/
#top { padding:15px 20px; }
#top:after { content:''; display:block; clear:both; }
#top ul { list-style:none; padding:0px; margin:0px; }
#top ul > li { float:left; border-right:1px #999 solid; padding:0px 5px; }
#top ul > li:first-child { padding-left:0px; }
#top ul > li:last-child { border-right:0px; padding-right:0px; }
#top ul > li > a { font-size:12px; line-height:12px; color:#999; text-decoration:none; padding:5px; }
#top ul > li > a.active, #top ul > li > a:hover { color:#fff; background-color:#d02421; }
#language { float:left; }
#quicklinks { float:right; }
#siteheader { padding:20px 20px 0px 20px; background-color:#fff; border-top:4px #d02421 solid; }
#siteheader:after { content:''; display:block; clear:both; }
#logo { display:inline-block; line-height:0; }

/*Menu*/
#menutrigger { display:none; }
nav { float:right; max-width:1000px; padding-top:42px; }
#dsmenus { list-style:none; margin:0px; padding:0px; display:block; }
#dsmenus:after { content:''; display:block; clear:both; }
#dsmenus > li { position:relative; float:left; margin-right:10px; }
#dsmenus > li:last-child { margin-right:0px; }
#dsmenus > li > a { position:relative; height:30px; font-size:15px; font-size:1.5rem; line-height:30px; color:#d02421; font-weight:700; text-decoration:none; padding:0px 10px; display:block; z-index:4; }
#dsmenus > li:before {
	content:''; position:absolute; display:block; left:0px; top:0px; width:100%; height:0%; background-color:rgba(208,36,33,0); z-index:4;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
#dsmenus > li.fixwidth:before { -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -ms-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; }
#dsmenus > li.dsmenu_active:before, #dsmenus > li:hover:before { height:100%; background-color:rgba(208,36,33,1) }
#dsmenus > li > a.dsmenu_active, #dsmenus > li:hover > a, #dsmenus > li > a:hover { color:#fff; }
#dsmenus > li > ul {
	position:absolute; top:30px; left:0px; width:200px; background-color:#d02421; list-style:none; padding:10px; margin:0px; z-index:3; display:none;
	-webkit-border-radius:0px 4px 4px 4px; -moz-border-radius:0px 4px 4px 4px; -ms-border-radius:0px 4px 4px 4px; -o-border-radius:0px 4px 4px 4px; border-radius:0px 4px 4px 4px;
	-webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -ms-box-shadow:0px 0px 5px #000; -o-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000;
}
#dsmenus > li > ul > li { position:relative; min-height:30px; display:block; padding:2px 0px; border-bottom:1px #eecccc dotted; }
#dsmenus > li > ul > li:last-child { border-bottom:0px; }
#dsmenus > li > ul > li > a {
	font-size:13px; font-size:1.3rem; color:#fff; display:block; text-decoration:none; padding:6px 5px;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
#dsmenus > li > ul > li > a.dssubmenu_active, #dsmenus > li > ul > li > a:hover { background-color:#fff; color:#d02421; }
#dsmenus li img.dsmenubutton { position:absolute; left:0px; top:0px; line-height:0; z-index:5 !important; }

/*Absolut Banner*/
#banner-right { position:absolute; top:160px; left:50%; margin-left:550px; width:160px; height:603px; display:block; overflow:hidden; }

/*Border-Radius*/
#siteheader, #dsmain, #dscontent, #bottombar, .dsarticle_1 { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }

/*Fix: Clear Both's*/
#dscolumns:after { content:''; display:block; clear:both; }

/*Artikeldesigns*/
.dstitle_2 { -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -ms-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; }
a { color:#d02421; text-decoration:none; }
a:hover { color:#666; }
.dsoption_1 a, .dsoption_2 a, .dsoption_3 a, .dsoption_4 a, .dsoption_5 a { text-indent:-13px; }
.dsoption_1 a:before, .dsoption_2 a:before, .dsoption_3 a:before, .dsoption_4 a:before, .dsoption_5 a:before { content:"\f105"; font-family:FontAwesome; margin-right:4px; }

/*Icons*/
a.icon {
	width:30px; height:30px; line-height:30px; font-size:16px; text-align:center; background-color:#d02421; color:#fff; display:block;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
a.icon:hover { background-color:transparent; color:#d02421; }

/*Tags-Filter*/
.tags-wrapper:after { content:''; display:block; clear:both; }
a.tags {
	position:relative; float:left; font-size:13px; font-size:1.3rem; text-decoration:none; padding:8px 10px; margin:0px 10px 10px 0px; display:block; background-color:#eee; color:#666;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
a.tags img { display:inline-block; padding-right:5px; }
a.tags i { padding-right:5px; }
.searchpanel .title { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight:600; padding-bottom:5px; }
a.tags:hover { background-color:#f1bdbc; }
a.tags.active { background-color:#d02421; color:#fff; }
.tag-div:after { content:''; display:block; clear:both; }
.popupbody .tags-wrapper { padding-bottom:10px; }
a.tags.extern:after { content:"\f064"; font-family:FontAwesome; margin-left:10px; }

/*Tabelle*/
.row { position:relative; padding:5px; display:block; border-bottom:1px #ccc solid; font-size:13px; font-size:1.3rem; cursor:default; }
.row.gap-top { margin-top:15px; }
.row.header {
	background-color:#d02421; color:#fff; font-weight:600;
	-webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -ms-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}
.row:not(.header):nth-child(2n) { background-color:#eee; }
.row.hover:hover { background-color:#f1bdbc; }
.row:after { content:''; display:block; clear:both; }
.row span { float:left; min-height:20px; line-height:20px; }
.row span.block { float:none; display:block; }
.row > .ajaxloader { position:absolute; width:100%; height:100%; display:block; left:0px; top:0px; background:url('../mm/blind.png') repeat; z-index:1; }

/*Placeholder*/
.placeholder { overflow:hidden; }
.placeholder.load { background:url('../mm/loader.gif') no-repeat center center; background-size:26px; animation:placeholder-hide 0.7s 1s forwards; }
.placeholder > div { width:100%; height:100%; display:block; background-size:cover; background-position:center center; background-repeat:no-repeat; }

@keyframes placeholder-hide {
	0% { background-image:url('../mm/loader.gif'); }
	100% { background-image:url('../mm/blind.png'); }
}

/*Fusszeile*/
#dssitefooter {
	/*...IE noch machen...*/
	background:-webkit-linear-gradient(#d02421, #990000);
	background:-moz-linear-gradient(#d02421, #990000);
	background:-o-linear-gradient(#d02421, #990000);
	background:linear-gradient(#d02421, #990000);
	box-shadow:0px 0px 15px #000;
}
#sitefooter { width:1220px; display:block; padding:20px 190px 20px 10px; margin:0 auto; }
#footermenu { list-style:none; padding:0px; margin:0px; }
#footermenu:after { content:''; display:block; clear:both; }
#footermenu > li { position:relative; float:left; width:183px; margin:0px 10px 20px 10px; }
#footermenu > li > a { font-size:14px; color:#eecccc; font-weight:700; display:block; border-bottom:1px #eecccc solid; text-decoration:none; }
#footermenu > li > ul { list-style:none; padding:6px 0px 0px 0px; margin:0px; }
#footermenu > li > ul > li { position:relative; }
#footermenu > li > ul > li > a { font-size:12px; color:#eecccc; text-decoration:none; display:block; padding:3px 0px; }
#footermenu .dsmenubutton { position:absolute; left:0px; top:0px; line-height:0px; }
#footermenu a:hover, #footermenu a.dsmenu_active, #footermenu a.dssubmenu_active { color:#fff; }
#bottombar { padding:10px; background-color:#dedede; }
#bottombar .title { font-size:14px; font-size:1.4rem; color:#d02521; font-weight:700; text-transform:uppercase; display:block; }
#bottombar * { font-size:12px; font-size:1.2rem; color:#999; text-decoration:none; }
#bottombar a:hover { color:#666; }
#bottomlinks { float:right; list-style:none; margin:0px; padding:0px; line-height:12px; }
#bottomlinks:after { content:''; display:block; clear:both; }
#bottomlinks > li { float:left; border-right:1px #999 solid; padding-right:10px; margin-right:10px; }
#bottomlinks > li:last-child { border-right:0px; padding-right:0px; margin-right:0px; }
#footer-blank { position:fixed; clear:both; width:100%; height:100%; left:0px; background-color:#990000; }
#scrolltop {
	position:fixed; left:0px; bottom:100px; width:50px; height:50px; background-color:#fff; color:#d02421; font-size:30px; line-height:50px; text-align:center; z-index:99; cursor:pointer;
	-webkit-border-radius:0px 25px 25px 0px; -moz-border-radius:0px 25px 25px 0px; -ms-border-radius:0px 25px 25px 0px; -o-border-radius:0px 25px 25px 0px; border-radius:0px 25px 25px 0px;
	-webkit-box-shadow:0px 0px 5px #333; -moz-box-shadow:0px 0px 5px #333; -ms-box-shadow:0px 0px 5px #333; -o-box-shadow:0px 0px 5px #333; box-shadow:0px 0px 5px #333;
	-webkit-transition:background-color .4s, color .4s; -moz-transition:background-color .4s, color .4s; -o-transition:background-color .4s, color .4s; transition:background-color .4s, color .4s;
}
#scrolltop:hover { background-color:#d02421; color:#fff; }

/*Formular Elemente > Grundelemente*/
input[type=text], input[type=password], input[type=email], input[type=number], input[type=file], textarea {
	margin:0px; padding:4px 3px 4px 7px; background-color:#fff; border:1px #ccc solid; outline:none; font-family:Open Sans; font-size:13px; font-size:1.3rem; color:#666;
	-webkit-appearance:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
input[type=text],input[type=email], input[type=password] { width:100%; height:34px; }
textarea { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.customselect, .customselect:after, .customupload, .customupload:after, input, button { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }

/*Formular Elemente > Schaltflächen*/
input[type=submit], input[type=button], input[type=reset], button, a.btn {
	height:34px; margin:0px; padding:0px 6px 2px 6px; background-color:#d02421; border:0px; cursor:pointer; outline:0; font-family:"Open Sans"; font-size:13px; font-size:1.3rem; color:#fff;
	-webkit-appearance:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
a.btn {
	display:block; padding:0px 10px; line-height:34px;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}

/*Customselect*/
.customselect {
	position:relative; border:1px #ccc solid; background-color:#fff; color:#666; overflow:hidden; z-index:1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.customselect select { width:115%; height:32px; background:transparent; border:0px; padding:5px 3px; margin:0px; font-family:Open Sans; font-size:13px; font-size:1.3rem; color:#666; z-index:1; outline:none; -webkit-appearance:none; }
.customselect:after { position:absolute; width:30px; height:30px; right:1px; top:1px; content:"\f078"; font-family:FontAwesome; font-size:13px; line-height:30px; background-color:#d02421; color:#fff; text-align:center; z-index:-1; }

/*Customupload*/
.customupload {
	position:relative; height:34px; background-color:#fff; border:1px #ccc solid; cursor:pointer; font-size:13px; font-size:1.3rem; line-height:26px; color:#666;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.customupload > input[type=file] { display:none; }
.customupload > div { position:relative; line-height:24px; min-height:24px; padding:5px 44px 5px 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2; }
.customupload:after { content:""; position:absolute; top:1px; right:1px; width:30px; height:30px; font-family:FontAwesome; font-size:18px; line-height:30px; text-align:center; z-index:1; background-color:#d02421; color:#fff; }
.customupload[data-action=choose]:after { content:"\f0c6"; }
.customupload[data-action=remove]:after { content:"\f00d"; }

.input_false { background-image:none !important; background-color:#f2dede !important; -webkit-box-shadow:0 0 0px 1000px #f2dede inset !important; /* Autofill überlagern */ }
select.input_false { background-color:transparent !important; border:0px !important; -webkit-box-shadow:none !important; }

.f1_col1of2 { float:left; width:590px; }
.f1_col2of2 { float:right; width:590px; }
.f1_row { margin-bottom:3px; }
.f1_row.empty { min-height:34px; }
.f1_row.separator { height:34px; }
.f1_row:after { content:''; display:block; clear:both; }
.f1_row > label { float:left; width:200px; line-height:34px; }
.f1_row > label + label { width:calc(100% - 200px); }
.f1_row > .col { float:left; width:calc(50% - 100px); box-sizing:border-box; padding-right:2px; }
.f1_row > .col + .col { padding-right:0; padding-left:2px; }
.f1_row > .col > input[type="text"] { width:100%; }
.f1_row .customselect,
.f1_row .customupload,
.f1_row input[type=email],
.f1_row input[type=text],
.f1_row input[type=password],
.f1_row input[type=file] { float:left; width:390px; }
.f1_row textarea { width:1000px; height:100px; }
.f1_row > label + .checkboxCheck { float:right; width:calc(100% - 200px); }
.f1_row .checkboxCheck { position:relative; padding-left:30px; border:1px #ccc solid; box-sizing:border-box; }
.f1_row .checkboxCheck label { display:block; line-height:20px; padding:7px 7px 7px 0; }
.f1_row .checkboxCheck input[type=checkbox] { position:absolute; top:11px; left:10px; margin:0; }
.f1_row .checkboxCheck:after { content:''; display:block; clear:both; }
.f1_row .checkboxCheck label > p:last-of-type { padding-bottom:0; }
.f1_spamfilter input[type=text].spamfilter { float:left; width:80px; margin-right:15px; }
.f1_spamfilter label.spamfilter { float:left; width:auto; }
.f1_row button[type=submit] { float:right; width:110px; }
.login .f1_row button[type=submit] { float:left; width:110px; margin-left:120px; margin-top:15px; }
.f1_row.lunch button[type=submit] { margin-left:0px; float:right; }
.f1_row .placeholder { height:34px; display:none; background-position:right center; }
.formbest { position:relative; padding:7px 7px 7px 27px; margin:0px 0px 10px 0px; }
.formbest:before { position:absolute; left:7px; font-family:FontAwesome; font-size:14px; }
.formbest.check { background-color:#dff0d8; color:#468847; border:1px #d6e9c6 solid; }
.formbest.check:before { content:"\f00c"; }
.formbest.fail { background-color:#f2dede; color:#b94a48; border:1px #eed3d7 solid; }
.formbest.fail:before { content:"\f00d"; }
.formbest.info { background-color:#d9edf7; color:#31708f; border:1px #bce8f1 solid; }
.formbest.info:before { content:"\f05a"; }
.formbest p:last-of-type { padding-bottom:0px; }

.cform h3 { color:#d02421; font-weight:600; font-size:15px; font-size:1.5rem; line-height:30px; border-bottom:1px #d02421 solid; margin:0 0 10px; }

#dscolumn1_2 .f1_col1of2, #dscolumn1_2 .f1_col2of2 { width:440px; }
#dscolumn1_2 .f1_row label { width:150px; }
#dscolumn1_2 .f1_row .customselect,
#dscolumn1_2 .f1_row:not(.f1_spamfilter) input[type=text],
#dscolumn1_2 .f1_row input[type=password],
#dscolumn1_2 .f1_row input[type=file] { float:left; width:290px; }
#dscolumn1_2 .f1_row textarea { width:750px; }

/*Paging*/
.paging { margin:0px 10px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; }
.paging:after { content:''; display:block; clear:both; height:0px; }
.paging .paging_content { float:right; }
.paging a:not(.btn) {
	width:34px; height:34px; text-align:center; background-color:#d02421; color:#fff; font-size:20px; line-height:34px; text-decoration:none; padding:0px;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
.paging a.ajaxpaging_back { float:left; }
.paging a.ajaxpaging_go { float:right; }
.paging a:hover { background-color:transparent; color:#d02421; }
.paging .ajaxpaging_text { float:left; padding:0px 30px; height:34px; line-height:34px; text-align:center; color:#666; }
.paging a.btn { float:left; }

/*Popup*/
.popupheader { position:relative; display:block; padding:10px 15px 10px 15px; min-height:43px; background-color:#d02421; }
.popupheader h1 { font-family:'Open Sans',verdana; font-size:20px; font-size:2rem; line-height:24px; line-height:2.4rem; font-weight:600; color:#fff; margin:0px; }
.popupheader span { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color:#fff; }
.popupheader a { float:right; margin-left:15px; text-decoration:none; color:#fff; }
.popupheader a.ajaxclose:hover { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.popupheader a:before { font-size:30px; }

.popupbody { padding:20px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; }
.popupbody:after { content:''; display:block; clear:both; }
.popupbody h2 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popupbody .col1of2 { float:left; width:695px; }
.popupbody .col2of2 { float:right; width:445px; }
.popupbody .col2of2 > div { padding:14px 20px 20px; background-color:#eee; margin-bottom:20px; }
.popupbody .absatz { display:block; margin-bottom:20px; }
.popupbody .absatz .col { width:50%; }

/*CIS-Galerie*/
body.dynasite .cis-gallery { position:relative; float:right; width:585px; height:354px; display:block; }
body.dynasite .cis-gallery .overflow { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
body.dynasite .cis-gallery .overflow .inner-content .image-content .image { background-color:#fff; }
body.dynasite .cis-gallery .nav-points .points-content { float:right; }
body.dynasite .cis-gallery .nav-points .points-content:after { content:''; display:block; clear:both; }
body.dynasite .cis-gallery .nav-points { position:absolute; width:auto; height:auto; left:auto; right:20px; bottom:15px; border:0px; text-align:right; }
body.dynasite .cis-gallery .nav-points .point { width:30px; height:30px; margin:0px 0px 5px 5px; background-color:#d02421; border:0px; border:0px; }
body.dynasite .cis-gallery .nav-points .point span { font-size:14px; line-height:30px; color:#fff; font-family:'Open Sans',Verdana,sans-serif; }
body.dynasite .cis-gallery .nav-points .point.aktiv, body.dynasite .cis-gallery .nav-points .point:hover { background-color:#fff; }
body.dynasite .cis-gallery .nav-points .point.aktiv span, body.dynasite .cis-gallery .nav-points .point:hover span { color:#d02421; }
body.dynasite .cis-gallery .top-navigation { position:absolute; bottom:20px; left:20px; }
body.dynasite .cis-gallery .top-navigation > div { position:relative; float:left; width:30px; height:30px; background:#d02421; text-align:center; filter:alpha(opacity=100); opacity:1; }
body.dynasite .cis-gallery .top-navigation > div.prev { margin-right:5px; }
body.dynasite .cis-gallery .top-navigation > div:before { font-family:'FontAwesome'; font-size:20px; line-height:30px; color:#fff; }
body.dynasite .cis-gallery .top-navigation > .prev:before { content:"\f104"; }
body.dynasite .cis-gallery .top-navigation > .next:before { content:"\f105"; }
body.dynasite .cis-gallery .top-navigation > div:hover { background-color:#fff; }
body.dynasite .cis-gallery .top-navigation > div:hover:before { color:#d02421; }

/*CIS-Contentslider*/
body.dynasite .cis-contentslider .overflow { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
body.dynasite .cis-contentslider .navigation { bottom:20px; left:20px; }
body.dynasite .cis-contentslider .navigation div { width:30px; height:30px; background-color:#d02421; background-image:none; }
body.dynasite .cis-contentslider .navigation div.prev { margin-right:5px; }
body.dynasite .cis-contentslider .navigation div:before { font-family:'FontAwesome'; font-size:20px; line-height:30px; color:#fff; }
body.dynasite .cis-contentslider .navigation div.prev:before { content:"\f104"; }
body.dynasite .cis-contentslider .navigation div.next:before { content:"\f105"; }
body.dynasite .cis-contentslider .navigation div:hover { background-color:#fff; }
body.dynasite .cis-contentslider .navigation div:hover:before { color:#d02421; }
body.dynasite .cis-contentslider .nav-points { position:absolute; width:auto; bottom:15px; right:20px; height:auto; }
body.dynasite .cis-contentslider .nav-points .points-content { float:right; }
body.dynasite .cis-contentslider .nav-points .points-content:after { content:''; display:block; clear:both; }
body.dynasite .cis-contentslider .nav-points .points-content .point { width:30px; height:30px; margin:0px 0px 5px 5px; border:0px; background-color:#d02421; }
body.dynasite .cis-contentslider .nav-points .points-content .point span { font-size:14px; line-height:30px; color:#fff; font-family:'Open Sans',Verdana,sans-serif; }
body.dynasite .cis-contentslider .nav-points .points-content .aktiv, body.dynasite .cis-contentslider .nav-points .points-content .point:hover { background-color:#fff; }
body.dynasite .cis-contentslider .nav-points .points-content .aktiv span, body.dynasite .cis-contentslider .nav-points .points-content .point:hover span { color:#d02421; }

/*Border-Radius*/
body.dynasite .cis-gallery .nav-points .point,
body.dynasite .cis-gallery .top-navigation > div,
body.dynasite .cis-contentslider .navigation div,
body.dynasite .cis-contentslider .nav-points .points-content .point { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }

/*CIS-Contentslider*/
body.dynasite .cis-gallery .loader, body.dynasite .cis-contentslider .loader { width:50px; height:50px; margin-left:-25px; margin-top:-25px; background:url('../mm/loader.gif') no-repeat; background-size:auto; }

/*GoogleMaps Finder (mview)*/
*.mview {
	position:fixed; top:20px; left:20px; width:365px;
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:0px 0px 15px #000; -moz-box-shadow:0px 0px 15px #000; -ms-box-shadow:0px 0px 15px #000; -o-box-shadow:0px 0px 15px #000; box-shadow:0px 0px 15px #000;
}
.mview .searchpanel { background-color:#fff; margin:0px !important; overflow:hidden; }
.mview .searchpanel button { width:100%; }
.mview #back {
	float:left; width:54px; height:54px; line-height:54px; font-size:13px; background-color:#d02421; color:#fff; margin-right:1px; text-align:center;
	cursor:pointer; overflow:hidden;
}
.mview #back .fa { -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; }
.mview #back:hover .fa {
	-webkit-animation:animate_back 2s infinite;
	-moz-animation:animate_back 2s infinite;
	-ms-animation:animate_back 2s infinite;
	-o-animation:animate_back 2s infinite;
	animation:animate_back 2s infinite;

}
.mview #toggle { float:left; width:270px; height:34px; font-size:13px; font-size:1.3rem; line-height:34px; font-weight:600; display:block; cursor:pointer; padding:10px 20px; background-color:#d02421; color:#fff; }
.mview #toggle:after {
	float:right; font-size:13px; content:'\f078'; font-family:FontAwesome;
	-webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s;
}
.mview #toggle:hover:after {
	-webkit-animation:animate_toggle 2s infinite;
	-moz-animation:animate_toggle 2s infinite;
	-ms-animation:animate_toggle 2s infinite;
	-o-animation:animate_toggle 2s infinite;
	animation:animate_toggle 2s infinite;
}
.mview .searchpanel.open #toggle:after {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.mview .searchpanel.open #toggle:hover:after {
	-webkit-animation:animate_toggle_up 2s infinite;
	-moz-animation:animate_toggle_up 2s infinite;
	-ms-animation:animate_toggle_up 2s infinite;
	-o-animation:animate_toggle_up 2s infinite;
	animation:animate_toggle_up 2s infinite;
}
.mview .searchpanel > form { display:none; padding:20px; }
.mview .zoomcontrols { float:left; width:54px; height:54px; line-height:54px; text-align:center; background-color:#d02421; color:#fff; font-size:13px; cursor:pointer; margin-left:1px; display: none;}
.mview .zoomcontrols:hover .fa {
	-webkit-animation:animate_zoom 2s infinite;
	-moz-animation:animate_zoom 2s infinite;
	-ms-animation:animate_zoom 2s infinite;
	-o-animation:animate_zoom 2s infinite;
	animation:animate_zoom 2s infinite;
}
.mview .searchpanel .customselect { display:block !important; margin-bottom:10px; }
.mview .searchpanel .customselect.hidden { display:none !important; }
.mview .infodiv { min-width:135px; }

/*Direkt zur Reservation*/
#resbanner {
	position:relative; margin:0px 10px 20px 10px; overflow:hidden;
	background:url('../mm/bg_resbanner.jpg') no-repeat center right #d02421;
}
#resbanner:before {
	content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1;
	background:-webkit-linear-gradient(to right, rgba(208,36,33,1) 0%, rgba(208,36,33,0.8) 50%,rgba(125,185,232,0) 100%);
	background:-moz-linear-gradient(to right, rgba(208,36,33,1) 0%, rgba(208,36,33,0.8) 50%,rgba(125,185,232,0) 100%);
	background:-ms-linear-gradient(to right, rgba(208,36,33,1) 0%, rgba(208,36,33,0.8) 50%,rgba(125,185,232,0) 100%);
	background:-o-linear-gradient(to right, rgba(208,36,33,1) 0%, rgba(208,36,33,0.8) 50%,rgba(125,185,232,0) 100%);
	background:linear-gradient(to right, rgba(208,36,33,1) 0%, rgba(208,36,33,0.8) 50%,rgba(125,185,232,0) 100%);
}
#resbanner a { position:relative; padding:30px; color:#fff; font-size:22px; line-height:30px; font-weight:600; z-index:2; background:url('../mm/blind.png') repeat; display:block; }

#dscolumn2_2 #resbanner a { padding-top:15px; padding-bottom:15px; }

/*EditBalken*/
.editbalken{ display:block; margin-bottom:10px; background:#ededed; border-bottom:1px solid #cccccc; }
.editbalken a { display:block; padding:5px; color:#000 !important; text-decoration:none; font-size:12px; line-height:16px; }
.editbalken a img { padding-right:5px; }

/*dslinklist*/
div.dslinklist_title_1 { font-size:1.3rem; font-weight:700; display:block; padding:20px 10px 0px 10px; }
ul.dslinklist_1 { list-style:none; display:block; margin:0px; padding:0px 10px 10px 10px; }
ul.dslinklist_1 li { padding:0px; display:block; border-bottom:1px #ccc solid; }
ul.dslinklist_1 li a { text-decoration:none; font-size:1.3rem; line-height:30px; display:block; padding:0px 5px 0px 17px; text-indent:-13px; }
ul.dslinklist_1 li a:before { content:"\f105"; font-family:FontAwesome; margin-right:4px; }
ul.dslinklist_1 li:hover { border-color:#d02421; }
ul.dslinklist_1 li:hover a { color:#666; background-color:#f5f5f5; }

/*Anpassung dslinklist: Standard*/
.dsarticle_1 div.dslinklist_title_1 { padding:20px 0px 0px 0px; }
.dsarticle_1 ul.dslinklist_1 { padding:0px 0px 10px 0px;}

/*Anpassung dslinklist: Rote Box*/
.dsarticle_4 div.dslinklist_title_1 { color:#fff; }
.dsarticle_4 ul.dslinklist_1 li { border-color:#fff; }
.dsarticle_4 ul.dslinklist_1 li a { color:#fff; }
.dsarticle_4 ul.dslinklist_1 li:hover { border-color:#d02421; }
.dsarticle_4 ul.dslinklist_1 li:hover a { color:#666; background-color:#f5f5f5; }

/*Artikel Links*/
a.dsoption_1 { text-indent:-10px; }

/*Schaenzli*/
	.cschaenzli.price { padding-top:10px; padding-bottom:5px; }
	.cschaenzli.price .row .spalte { width:calc(100% - 100px); }
	.cschaenzli.price .row .preis { width:100px; }

/* TBKreuzlingen */
	.ctbkreuzlingen.price .row .bez { width:calc(100% - 300px); }
	.ctbkreuzlingen.price .row .preis { width:150px; }


/*Mouse selections*/
::selection { background:#e79190; color:#fff; }
::-moz-selection { background:#e79190; color:#fff; }

/*Effect-Transitions*/
#dsmenus > li:before { -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; }

#dsmenus a, #top a, .dsarticle a, #footermenu a, a.tags, ul.dslinklist_1 li a,
body.dynasite .cis-contentslider .navigation div,
body.dynasite .cis-contentslider .navigation div:before,
body.dynasite .cis-contentslider .nav-points .points-content .point,
body.dynasite .cis-contentslider .nav-points .points-content .point span {
	-webkit-transition:color .4s, background-color .4s; -moz-transition:color .4s, background-color .4s; -ms-transition:color .4s, background-color .4s; -o-transition:color .4s, background-color .4s; transition:color .4s, background-color .4s;
}
#dsmenus > li > ul > li,
ul.dslinklist_1 li { -webkit-transition:border .4s; -moz-transition:border .4s; -ms-transition:border .4s; -o-transition:border .4s; transition:border .4s; }
.popupheader a { -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; }
.row { -webkit-transition:background-color .4s; -moz-transition:background-color .4s; -ms-transition:background-color .4s; -o-transition:background-color .4s; transition:background-color .4s; }

/*Cookie-Notification*/
	.cookie-notification {
		position:fixed; z-index:70; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.8);
		transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; animation:showCookieNotification .7s 1s forwards;
	}
	.cookie-notification.hide {
		animation:hideCookieNotification .7s forwards;
	}
	.cookie-notification-inner { position:relative; padding:15px 35px 15px 15px; font-size:15px; line-height:25px; color:#fff; }
	.cookie-notification-inner:after { content:""; display:block; clear:both; }
	.cookie-notification-inner a { color:#cc0000; text-decoration:underline; }
	.cookie-notification-close { display:block; position:absolute; top:15px; right:5px; width:25px; height:25px; cursor:pointer; }
	.cookie-notification-close:before,
	.cookie-notification-close:after { content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#fff; transform-origin:center top }
	.cookie-notification-close:before { transform:translateY(-50%) rotate(45deg); }
	.cookie-notification-close:after { transform:translateY(-50%) rotate(-45deg); }

	@keyframes showCookieNotification {
		0% { transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; }
		100% { transform:translateY(0%); opacity:1; filter:alpha(opacity=100); visibility:visible; }
	}
	@keyframes hideCookieNotification {
		0% { transform:translateY(0%); opacity:1; filter:alpha(opacity=100); visibility:visible; }
		100% { transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; }
	}

/* Animations */
@-webkit-keyframes animate_back { 50% { margin-left:-10px; } }
@-moz-keyframes animate_back { 50% { margin-left:-10px; } }
@-ms-keyframes animate_back { 50% { margin-left:-10px; } }
@-o-keyframes animate_back { 50% { margin-left:-10px; } }
@keyframes animate_back { 50% { margin-left:-10px; } }

@-webkit-keyframes animate_toggle { 50% { margin-top:5px; } }
@-moz-keyframes animate_toggle { 50% { margin-top:5px; } }
@-ms-keyframes animate_toggle { 50% { margin-top:5px; } }
@-o-keyframes animate_toggle { 50% { margin-top:5px; } }
@keyframes animate_toggle { 50% { margin-top:5px; } }

@-webkit-keyframes animate_toggle_up { 50% { margin-top:-5px; } }
@-moz-keyframes animate_toggle_up { 50% { margin-top:-5px; } }
@-ms-keyframes animate_toggle_up { 50% { margin-top:-5px; } }
@-o-keyframes animate_toggle_up { 50% { margin-top:-5px; } }
@keyframes animate_toggle_up { 50% { margin-top:-5px; } }

@-webkit-keyframes animate_zoom { 50% { transform:scale(1.3); } }
@-moz-keyframes animate_zoom { 50% { transform:scale(1.3); } }
@-ms-keyframes animate_zoom { 50% { transform:scale(1.3); } }
@-o-keyframes animate_zoom { 50% { transform:scale(1.3); } }
@keyframes animate_zoom { 50% { transform:scale(1.3); } }