@charset "utf-8";

html,body { font-family:Raleway, sans-serif; font-weight:400; color:#0d0d0d; }
body { font-size:1.6rem; line-height:1.5rem; }
a { color:#262626; text-decoration:none; transition:color .4s; }
a:hover { color:#ccc; }
strong, b { font-weight:bold; }
p { margin:0; padding-bottom:20px; }
h1, h2, h3 { margin:0; padding-bottom:10px; line-height:1.2; }
h3 { padding-bottom:2rem; }
ul > li,
ol > li { padding-bottom:10px; }

.absolute { position:absolute; top:0; right:0; bottom:0; left:0; }

#gallerybox .flickity-wrapper .flickity-slider > div > .itext-wrapper { background-color:#ccc; }
#gallerybox .flickity-wrapper .flickity-slider > div > .itext-wrapper .ititle { padding-bottom:5px;}
#gallerybox .flickity-wrapper .flickity-slider > div > .itext-wrapper .itext { font-size:15px; }

/* Extranet */
	#extranet-panel { color:#E30613; }

/* globale Breiten */
	#siteheader,
	#dscontent,
	#sitefooter { max-width:1230px; margin:0 auto; padding:0 30px; box-sizing:border-box; }
	#dsmain { position:relative; z-index:2; }

	/* Lighbox */
		#gallerybox .flickity-controls { background-color:#262626 }

	/* Header */
		#dssiteheader { position:relative; z-index:4; background-color:#fff; }
		#siteheader { padding-top:40px; }

		/* fixed */
			.scrolled #dssubbody { padding-top:205px; }
			.scrolled #dssiteheader { position:fixed; z-index:3; top:0; left:0; width:100%; border-bottom:1px #000 solid; }
			.scrolled #siteheader { padding-top:0; }
			.scrolled #logo,
			.scrolled #quicklinks { display:none; }
			.scrolled nav { padding-top:0; }

		/* Logo */
			#logo { position:relative; float:left; width:235px; height:90px; background-repeat:no-repeat; background-position:center; background-size:contain; }

		/* Quicklinks */
			#quicklinks { float:right; padding-bottom:0; }
			#quicklinks:after { content:""; display:block; clear:both; }
			#quicklinks > li { position:relative; float:left; padding-bottom:0; line-height:0; }
			#quicklinks > li + li { padding-left:15px; }
			#quicklinks > li + li:before { content:""; position:absolute; top:0; left:7px; height:100%; width:1px; background-color:#262626; }
			#quicklinks > li > a { font-size:1rem; line-height:1; text-transform:uppercase; }
			#quicklinks > li.active > a { font-weight:700; }
			#quicklinks > li > a.search:before { content:"\f002"; font-family:"Font Awesome 5 Pro"; font-weight:400; margin-right:5px; }

		/* Navigation */
			#dsmenuli_517333 { display:none; }
			nav { clear:both; padding-top:40px; }
			#dsmenus { display:flex; padding-bottom:0; justify-content:center; }
			#dsmenus .dsmenubutton { position:absolute; top:0; left:0; }
			#dsmenus a { display:block; font-size:1.5rem; line-height:1.3; color:#fff; transition:color .4s; }
			#dsmenus > li { display:flex; justify-content:center; align-items:center; position:relative; flex:1; padding-bottom:0; background-color:#000; text-align:center; line-height:0; transition:background-color .4s; }
			#dsmenus > li.dsmenu_active > a { font-weight:700; }
			#dsmenus > li + li { margin-left:5px; }
			#dsmenus > li > a { padding:7px 5px; text-transform:uppercase; }
			#dsmenus > li > ul { display:none; position:absolute; top:52px; left:0; width:100%; padding-bottom:0; background-color:#000; }
			#dsmenus > li > ul > li { position:relative; padding-bottom:0; border-top:1px rgba(255,255,255, 0.4) solid; }
			#dsmenus > li > ul > li:hover { font-weight:700; }
			#dsmenus > li > ul > li > a { padding:13px 5px; }
			#dsmenus > li > ul > li > a.dssubmenu_active { font-weight:700; }
			#dsmenus > li > ul > li > a:after { content:attr(title); display:block; font-weight:700; height:1px; color:transparent; overflow:hidden; visibility:hidden; margin-bottom:-1px; }

			/* Farben */
				#dsmenus > li:nth-child(2),
				#dsmenus > li:nth-child(2) > ul{ background-color:#404040; }
				#dsmenus > li:nth-child(3),
				#dsmenus > li:nth-child(3) > ul {background-color: #737373;}
				#dsmenus > li:nth-child(4),
				#dsmenus > li:nth-child(4) > ul {background-color: #d8b279;}
				#dsmenus > li:nth-child(5),
				#dsmenus > li:nth-child(5) > ul { background-color:#a6a6a6; }
				#dsmenus > li:nth-child(6),
				#dsmenus > li:nth-child(6) > ul { background-color:#ccc; }

				/*Rot*/
					/*#dsmenus > li > a#mna_517344 { color:#e30613; }*/
					/*#dsmenus > li#dsmenuli_517344 > ul > li > a { color:#e30613; }*/



/* Content */
	/* Menutext */
		#menutext-wrapper { background-color:#404040; }
		#menutext-wrapper > div { max-width:1230px; margin:0 auto; padding:15px 30px; box-sizing:border-box; color:#fff; text-align:right; font-size:2rem; }

	/* Breadcrumb */
		#breadcrumb-wrapper > div { max-width:1230px; margin:0 auto; padding:10px 30px; box-sizing:border-box; text-align:right; }

	/* Articledesigns */
		/* Default */
			.dsarticle { position:relative; padding-bottom:40px; font-size:1.6rem; line-height:1.5; color:#262626; }
			.dsarticle h1 { font-size:4rem; font-weight:400; text-transform:uppercase; }
			.dsarticle h2 { font-size:3rem; font-weight:400; text-transform:uppercase; }
			.dsarticle h1 + h2,
			.dsarticle h2 + h2 { padding-bottom:40px; font-size:3rem; color:#888; text-transform:none; }

			.dsarticle div[class^="dsbody_"] > ul > li { position:relative; padding-left:15px; }
			.dsarticle div[class^="dsbody_"] > ul > li:before { content:""; position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:50%; background-color:#262626; }

			/* DSOption */
				a[class*='dsoption_'] { padding-left:15px; }
				a[class*='dsoption_']:before { content:""; position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:50%; background-color:#262626; }

			/* DSLinklist */
				div[class^="dslinklist_title_"] { padding-bottom:5px; margin-bottom:10px; text-transform:uppercase; font-weight:400; border-bottom:1px #262626 solid; font-size:2rem; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton) { padding-left:15px; border-bottom:none; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { content:""; position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:50%; background-color:#262626; }

				/* Download */
					.cdownload.view .cdownload-subGroup > ul > li > a:not(.dsbutton) { padding-left:0;}
					.cdownload.view .cdownload-subGroup > ul > li > a:not(.dsbutton):before { display:none; }
					.cdownload.view .cdownload-subGroup > ul > li > a:not(.dsbutton):after { content:"\f105"; display:inline-block; padding-left:10px; font-size:1.6rem; line-height:1.5; font-family:"Font Awesome 5 Pro"; }

			/* Image */
				div[class*='dsimage_'] { float:none !important; }

		/* DSarticle 1 */
			.dsarticle_1 div[class^="dsbody_"] { column-count:2; column-gap:30px; }
			.dsarticle_1 div[class^="dsbodydesign_content_"] + .cbox.view { padding-top:40px;}

		/* DSArticle_3*/
			.dsarticle_3 { margin-bottom:40px; padding:20px; background-color:#efefef; }

		/* DSarticle_4 */
			#dsarticlebody_5038729 div[class^="dslinklist_title_"] { display:none; }
			.dsarticle_4 ul[class^="dslinklist_"] > li { margin-bottom:20px; padding:20px; background-color:#eee; transition:background-color .7s; }
			.dsarticle_4 ul[class^="dslinklist_"] > li:hover { background-color:#ddd; }
			.dsarticle_4 ul[class^="dslinklist_"] > li > a:not(.dsbutton) { font-family:Raleway, sans-serif; font-size:2rem; font-weight:700; line-height:1.3; }
			.dsarticle_4 ul[class^="dslinklist_"] > li > a:not(.dsbutton):hover { color:#000; }

/*Ajaxdiv*/
	#ajaxdiv { position:absolute; top:50% !important; left:50%; width:100%; max-width:1170px; height:calc(100vh - 40px); transform:translate(-50%,-50%); }

	#ajaxdiv > a.ajaxclose { position:absolute; z-index:5; top:0; right:0; width:40px; height:40px; background-color:transparent; transform:translate(100%, -100%); }
	#ajaxdiv > a.ajaxclose:before,
	#ajaxdiv > a.ajaxclose:after { content:""; position:absolute; top:50%; right:5px; left:5px; height:2px; background:#888; transition:transform 1s; }
	#ajaxdiv > a.ajaxclose:before { transform:rotate(45deg); }
	#ajaxdiv > a.ajaxclose:after { transform:rotate(-45deg); }

	#ajaxdiv > div { height:100%; padding:12px 45% 12px 12px; box-sizing:border-box; background-color:#fff; }
	#ajaxdiv .popupcontent { position:absolute; z-index:3; top:0; right:0; bottom:0; width:45%; max-height:100%; overflow:auto; -webkit-overflow-scrolling:touch; background-color:#fff; }
	#ajaxdiv .popupheader { position:relative; padding:20px; box-sizing:border-box; }
	#ajaxdiv .popupheader:after { content:""; display:block; clear:both; }
	#ajaxdiv .popupbody { position:relative; padding:20px; box-sizing:border-box; font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; }
	#ajaxdiv .popupbody h1 { font-size:40px; line-height:1; padding-bottom:18px; border-bottom:1px #000 solid; margin-bottom:18px; }
	#ajaxdiv .popupbody h2 { font-size:30px; line-height:1; padding-bottom:18px; }

	/* Video */
		#ajaxdiv.video { height:auto; }
		#ajaxdiv.video > div { position:relative; top:auto; left:auto; width:auto; height:0; padding:0 0 57%; }
		#ajaxdiv.video .popupheader { left:0; width:100%; padding:0 15px; box-sizing:border-box; }
		#ajaxdiv.video > div > iframe { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; }

	/* Small */
		#ajaxdiv.small { height:auto; max-height: 80vh; overflow: auto; }
		#ajaxdiv.small > div { padding:20px; background-color:#000; color:#fff; }
		#ajaxdiv.small .popupcontent { position:relative; top:auto; right:auto; bottom:auto; width:100%; max-height:initial; background-color:transparent; }
		#ajaxdiv.small .popupbody { padding:20px 0 0; }

		/* White */
			#ajaxdiv.small.white > div { background-color:#fff; color:#000; }


/* Footer */
	#dssitefooter { background-color:#000; }
	#sitefooter { padding-top:40px; padding-bottom:40px; font-size:1.2rem; line-height:1.2; color:#fff; }
	#sitefooter a { color:#fff; }
	#sitefooter p { padding-bottom:0; }
	#sitefooter .row { border-bottom:none; }
	#sitefooter .row .col { padding:0; }
	#sitefooter .row .col.small { width:170px; padding-right:20px; box-sizing:border-box; }
	#sitefooter .row .col.small > div:first-of-type { padding-bottom:20px; }
	#sitefooter .row .col.big { width:calc(100% - 170px); }
	#sitefooter .row .col.big > .menu-wrapper { margin-left:-10px; }
	#sitefooter .row .col.big > .menu-wrapper:after { content:""; display:block; clear:both; }
	#sitefooter .row .col.big > .menu-wrapper > .menu { float:left; position:relative; top:auto; left:auto; width:20%; padding:0 0 10px 20px; box-sizing:border-box; }
	#sitefooter .row .col.big > .menu-wrapper > .menu > h3 { padding-bottom:5px; border-bottom:1px #fff solid; font-size:1.7rem; text-transform:uppercase; font-weight:400; }
	#sitefooter .row .col.big > .menu-wrapper .submenus { padding-top:10px; }
	#sitefooter .row .col.big > .menu-wrapper .submenus li { padding-bottom:0; }


/* Formular */

	/* Rows */
		#FormError { padding-bottom:0; }
		.f1_row { padding-bottom:20px; }
		.f1_row > .col { padding-right:10px; }
		.f1_row > .col.plz { display:grid; grid-template-columns:80px minmax(0,1fr); gap:10px; }
		.f1_row > .col + .col { padding-right:0; padding-left:10px; }
		.f1_row:not(.custominput) > label { padding-left:0; }

		.f1_row input.spamfilter { float:left; width:120px; }
		.f1_row label.spamfilter { float:left; }

		/* Custominput */
			.f1_row .custominput { flex:1; padding-left:190px; }
			.f1_row .custominput > label { width:190px; padding-left:0; line-height:40px; text-align:left; }
			.cform.stp .f1_row .custominput > label { line-height:25px; }
			.f1_row > .custominput + .custominput { padding-left:140px; }

			/* label */
				.custominput > label {line-height:30px; }

		/* Inputs */
			input[type=text], input[type=email], input[type=password], textarea { background-color:#efefef; border:none; }
			input[type=text], input[type=email], input[type=password], button { height:40px; line-height:30px; font-family:Raleway, sans-serif; font-size:1.6rem; line-height:30px; }
			textarea { padding:10px; line-height:30px; resize:vertical; font-family:Raleway, sans-serif; font-size:1.6rem; line-height:30px; }
			.dsarticle_3 input[type],
			.dsarticle_3 .cis-select > div,
			.dsarticle_3 textarea { background-color:#fff; }


		/* Button */
			button { background-color:#d8b279; color:#fff; font-weight:700; }

		/* Class Button*/
			.btn { background-color:#404040; color:#fff;  }

		/* Checkbox */
			.checkboxCheck { margin-bottom:0; }
			.checkboxCheck > div { width:auto; }
			.checkboxCheck.full > div { width:100%; padding-right:0; }
			.checkboxCheck.inline > div { width:auto; }
			.checkboxCheck > div > label { padding-top:0; padding-bottom:0; line-height:40px; }
			.checkboxCheck.newsletter > div > label { line-height:20px; }
			.checkboxCheck > div > label:before { background-color:#fff; border:1px #000 solid; font-weight:700; }
			.checkboxCheck > div > input[type=checkbox]:checked + label:before,
			.checkboxCheck > div > input[type=radio]:checked + label:before,
			.checkboxCheck > div > label.checked:before { color:#000; }

			/*CheckboxCheck*/
				.checkboxCheck { margin-bottom:0; }
				.checkboxCheck > div label { transition:color .4s; }
				.checkboxCheck > div input[type=radio] + label:before { top:5px; left:0; background-color:#fff; border:1px #000 solid; transition:border .4s, background-color .4s, box-shadow .4s; }
				.checkboxCheck > div input[type=checkbox] + label:before { top:5px; left:0; background-color:#fff; border:1px #000 solid; transition:border .4s, background-color .4s, box-shadow .4s; }
				.checkboxCheck > div input[type=radio] + label:before { border-radius:50%; }
				.checkboxCheck > div input[type=radio]:checked + label:before { content:""; border:15px #000 solid; }
				.checkboxCheck > div input[type=checkbox]:checked + label:before { content:""; border:15px #000 solid; }
				.checkboxCheck > div input[type=checkbox]:focus + label:before,
				.checkboxCheck > div input[type=radio]:focus + label:before  { border-color:#000; }
				.checkboxCheck > div input[type=checkbox]:disabled + label:before,
				.checkboxCheck > div input[type=radio]:disabled + label:before { background-color:#ccc; }


		/* Cis select */
			.cis-select { min-width:180px; height:40px; font-family:Raleway, sans-serif; }
			.cis-select:after { z-index:2; width:40px; height:40px; line-height:40px; color:#000; }
			.cis-select > div { height:40px; border:none; font-size:1.6rem; line-height:30px; background-color:#efefef; box-sizing:border-box; }
			.cis-select > div.empty { color:#999; }
			.cis-select ul { top:40px; }
			.cis-select > ul > li { background:#ddd; border:none; font-size:1.6rem; line-height:30px; transition:background .4s, color .4s; }
			.cis-select > ul > li:before { display:none; }
			.cis-select > ul > li.selected { background:#d8b279; color:#fff; }
			.cis-select > ul > li:hover { background:#ccc; }

		/* Spamfilter */
			.spamfilterrow { padding-bottom:20px; }
			label.spamfilter { line-height:40px; }
			label.spamfilter:before { content:"\f104"; float:left; padding:0 10px; font-family:"Font Awesome 5 Pro"; font-size:25px; line-height:40px; color:#e85f6f; }

		/* Button */
			.f1_row button { display:inline-block; width:auto; padding:5px 20px; border:none; text-transform:uppercase; font-family:Raleway, sans-serif; }

		/* Formbest */
			.formbest { text-align:left; }
			.formbest p { padding-bottom:0; text-align:left;  }
			.formbest.warning { background-color:#d8b279; border:none; }
			.formbest.warning:before { content:"\f06a"; }

		/* Umfrage */
			#survey-language { position:absolute; top:20px; right:20px; }
			#survey-language a.active { font-weight:700; }
			#survey-language a + a { margin-left:10px; }
			.cform.survey .custominput > label { font-weight:700; }
			.cform.survey .custominput > div > label { display:block; padding:15px 0; line-height:20px; }
			.cform.survey .andere { width:100%; }
			.cform.survey .andere input { display:none; }

		/* STP */
			.cform.stp .f1_row { display:flex; }
			.cform.stp .f1_row.noflex { display:block; }
			.cform.stp .f1_row.bold > label { font-weight:700; text-transform:uppercase; font-size:2rem;}
			.cform.stp .f1_row .col { flex:3; line-height:40px; }
			.cform.stp .f1_row .col.input { flex:1; }

			.cform.stp .tabs > ul { width:500px; margin:0 auto 40px; padding:0; background-color:#d8b279; }
			.cform.stp .tabs > ul:after { content:""; display:block; clear:both; }
			.cform.stp .tabs > ul > li { position:relative; float:left; width:50%; padding:0; line-height:40px; text-align:center; transition:background-color .4s, color .4s; cursor:pointer; }
			.cform.stp .tabs > ul > li.active { background-color:#333; color:#fff; }

			/* Rechnungs & Lieferadresse */
				.cform.stp .tabs > ul { display:none; }
				.cform.stp .tabs > .block { display:block; }
				#lieferadresse { display:none; }

		/* Werbeartikel */
			.cform.ad .f1_row .col { line-height:1.7; }
			.cform.ad .f1_row span.small { display:block; padding-bottom:2rem; font-size:14px; line-height:1; }
			.cform.ad .f1_row > .col > h3 { padding-bottom:0; font-size:2rem; line-height:1.7; }
			.cform.ad .f1_row.language { padding:20px 0 10px; font-weight:700; }

			/* bild */
				.cform.ad .f1_row.image { padding-top:20px; border-bottom:1px #000 solid; }
				.cform.ad .f1_row.image.first { padding-top:20px; border-top:1px #000 solid; }
				.cform.ad .f1_row.image.noborder { border-bottom:none; padding-bottom:0; }
				.cform.ad .f1_row.image > .col { flex:5; }
				.cform.ad .f1_row.image > .col + .col { flex:2; }
				.cform.ad .f1_row.image .placeholder { border:1px #000 solid; }

			/* Same Width */
				.cform.ad .f1_row .col.same-width,
				.cform.ad .f1_row .col.same-width + .col.same-width { flex:1; }

		/* Qualitätslabel */
			.cform.qualitylabel .f1_row .col { line-height:1.7; }
			.cform.qualitylabel .f1_row span.small { display:block; padding-bottom:2rem; font-size:14px; line-height:1; }
			.cform.qualitylabel .f1_row > .col > h3 { padding-bottom:0; font-size:2rem; line-height:1.7; }
			.cform.qualitylabel .f1_row.language { padding:20px 0 10px; font-weight:700; }

			/* bild */
				.cform.qualitylabel .f1_row.image { padding-top:20px; border-bottom:1px #000 solid; }
				.cform.qualitylabel .f1_row.image.first { padding-top:20px; border-top:1px #000 solid; }
				.cform.qualitylabel .f1_row.image.noborder { border-bottom:none; padding-bottom:0; }
				.cform.qualitylabel .f1_row.image > .col { flex:5; }
				.cform.qualitylabel .f1_row.image > .col + .col { flex:2; }
				.cform.qualitylabel .f1_row.image .placeholder { border:1px #000 solid; }

			/* Same Width */
				.cform.qualitylabel .f1_row .col.same-width,
				.cform.qualitylabel .f1_row .col.same-width + .col.same-width { flex:1; }

/* Modules */

	/*Flickity*/
		.flickity-wrapper { position:relative; z-index:1; }
		.flickity-wrapper .flickity-gallery { position:absolute; top:0; left:0; width:100%; height:100%; }
		.flickity-wrapper .flickity-gallery .flickity-viewport { height:100% !important; }
		.flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }

			/* Pagedots */
				.flickity-wrapper .flickity-page-dots { position:absolute; z-index:5; right:calc((100vw - 1170px) / 2); bottom:20px; left:auto; width:auto; height:auto; line-height:0; }
				.flickity-wrapper .flickity-page-dots .dot { display:block; float:left; height:15px; width:15px; margin:0 0 0 10px; padding:0; border-radius:0; background:#fff; box-sizing:border-box; opacity:1; }
				.flickity-wrapper .flickity-page-dots .dot:first-of-type { margin-left:0; }
				.flickity-wrapper .flickity-page-dots .dot.is-selected { background-color:#D8B279; }

	/*Imagepool*/
		.cimagepool.slide { position:relative; height:0; padding-bottom:28%; }
		.cimagepool.slide video { width:100%; height:100%; object-fit:cover; }
		.ie .cimagepool.slide video { height:auto; }
		.cimagepool.slide .editbalken { position:absolute; z-index:10; top:15px; left:15px; }
		.cimagepool.slide .editbalken .dropdown-menu { right:0; left:auto; }
		.cimagepool.slide .flickity-wrapper { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; padding-bottom:0; }
		.cimagepool.slide .flickity-wrapper .flickity-viewport:after { content:""; position:absolute; z-index:3; right:0; bottom:0; left:0; height:25%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; }

		/*Fade-Effekt*/
			.cimagepool .flickity-wrapper .flickity-viewport { z-index:1; }
			.cimagepool .flickity-wrapper .flickity-slider { left:0 !important; transform:none !important; }
			.cimagepool .flickity-wrapper .flickity-slider > video,
			.cimagepool .flickity-wrapper .flickity-slider > div { z-index:1; left:0 !important; margin-left:0; opacity:0; filter:alpha(opacity=0); transition:opacity 1.5s; }
			.cimagepool .flickity-wrapper .flickity-slider > video.is-selected,
			.cimagepool .flickity-wrapper .flickity-slider > div.is-selected { z-index:3; opacity:1; filter:alpha(opacity=100); }

	/* Breadcrumbs */
		.cbreadcrumbs.view:after { content:""; display:block; clear:both; }
		.cbreadcrumbs.view > ul { float:right; padding-bottom:0; }
		.cbreadcrumbs.view > ul:after { content:""; display:block; clear:both; }
		.cbreadcrumbs.view > ul > li { float:left; padding-bottom:0; line-height:0; }
		.cbreadcrumbs.view > ul > li + li { padding-left:10px; }
		.cbreadcrumbs.view > ul > li + li:before { content:"\f054"; float:left; padding:0 10px 0 0; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:1rem; line-height:1; }
		.cbreadcrumbs.view > ul > li > a { font-size:1.3rem; line-height:1; }

	/* items */
		.item { width:33.33%; }
		.item.nodata,
		.item.block { width:100%; }
		.item .box { border:none; background-color:transparent; }
		.item .box .title-wrapper { position:absolute; z-index:2; right:0; bottom:7.2rem; left:0; transform:translateY(-20px); }
		.item .box .title-wrapper .title { padding:0; text-align:center; font-size:2rem; text-transform:uppercase; color:#fff; }
		.item.no-text .box .title-wrapper { bottom:0; transform:none; }

		/* Placeholder */
			.placeholder { padding-bottom:80%; }
			.placeholder.double { padding-bottom:160%; }
			.placeholder.load { background:url(../mm/loading.gif) no-repeat center; background-size:100px auto; }
			.placeholder.empty { background:url(../mm/placeholder_empty.png) no-repeat center; background-size:150px auto; }

	/* Searchpanel */
		.searchpanel > span { display:none; }
		.searchpanel > form > div { width:33.33%; }

		.searchpanel input[type=text],
		.searchpanel input[type=email],
		.searchpanel input[type=password],
		.searchpanel textarea,
		.searchpanel .cis-select > div { background-color:#fff; border:none; }
		.cis-select.input_false > div { background-color:#d9534f !important; }

		.cdownload.view .searchpanel input[type=text],
		.cdownload.view .searchpanel input[type=email],
		.cdownload.view .searchpanel input[type=password],
		.cdownload.view .searchpanel textarea,
		.cdownload.view .searchpanel .cis-select > div { background-color:#efefef; }


		/* group */
			.searchpanel.custom  { padding-bottom:20px; }
			.searchpanel.custom > form { margin-left:0; }
			.searchpanel.custom > form > .group { position:relative; width:100%; padding:20px 20px 20px 40px; background-color:#eee; }
			.searchpanel.custom > form > .group:first-of-type:before { content:"\f002"; position:absolute; top:20px; left:15px; font-family:"Font Awesome 5 Pro"; font-size:3rem; line-height:40px; color:#fff; font-weight:700; }
			.searchpanel.custom > form > .group > div { float:left; width:33.33%; padding:0 0 20px 20px; box-sizing:border-box; }
			.searchpanel.custom > form > .group > div > input { width:100%; }

			/* Dark */
				.searchpanel.custom > form > .group.dark { width:100%; padding:0; }
				.searchpanel.custom > form > .group.dark > div { width:100%; padding:10px; border-top:1px #fff solid; color:#fff; background-color:#999; }
				.searchpanel.custom > form > .group.dark > div:after { content:""; display:block; clear:both; }
				.searchpanel.custom > form > .group.dark .counter { float:left; width:calc(100% - 270px); line-height:40px; }
				.searchpanel.custom > form > .group.dark button { float:right; width:270px; background-color:#fff; color:#999; }

	/* Paging */
		.paging a { height:40px; background-color:#999; color:#fff; line-height:40px; }
		.paging a:after { content:""; display:block; text-align:center; font-size:20px; line-height:40px; color:#fff; font-family:"Font Awesome 5 Pro"; }
		.paging a.ajaxpaging_go,
		.paging a.ajaxpaging_back { width:40px; }
		.paging a.ajaxpaging_go:after { content:"\f105"; }
		.paging a.ajaxpaging_back:after { content:"\f104"; }
		.paging > div { width:33.33%; }
		.paging .paging_content .ajaxpaging_text { line-height:40px; }

	/* Video */
		.cvideo.view .item.no-image .absolute:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../mm/play.png) no-repeat center; background-size:60px; background-color:rgba(0,0,0,.25); transition:background-color .7s, opacity .7s; }
		.cvideo.view .item.no-image .box:hover .absolute:after { background-color:rgba(0,0,0,0); opacity:.5;}

	/* Box */
		.cbox.view { position:relative; }
		.cbox.view .item .box { transition:background-color .6s; }
		.cbox.view .item .box .text { height:7.2rem; padding-top:20px; overflow:hidden; }
		.cbox.view .item .box .title-wrapper { padding:10px 0; transition:background-color .7s; }

		/* Color */
			.cbox.view .item.schwarz .box .title-wrapper { background-color:rgba(0, 0, 0, .9); }
			.cbox.view .item.schwarz .box:hover .title-wrapper { background-color:rgba(0, 0, 0, 1); }
			.cbox.view .item.gold .box .title-wrapper { background-color:rgba(216, 178, 121, .9); }
			.cbox.view .item.gold .box:hover .title-wrapper { background-color:rgba(216, 178, 121, 1); }
			.cbox.view .item.anthrazit .box .title-wrapper { background-color:rgba(38, 38, 38, .9); }
			.cbox.view .item.anthrazit .box:hover .title-wrapper { background-color:rgba(38, 38, 38, 1); }
			.cbox.view .item.dunkelgrau .box .title-wrapper { background-color:rgba(115, 115, 115, .9); }
			.cbox.view .item.dunkelgrau .box:hover .title-wrapper { background-color:rgba(115, 115, 115, 1); }
			.cbox.view .item.grau .box .title-wrapper { background-color:rgba(166, 166, 166, .9); }
			.cbox.view .item.grau .box:hover .title-wrapper { background-color:rgba(166, 166, 166, 1); }
			.cbox.view .item.weiss .box .title-wrapper { background-color:rgba(217, 217, 217, .9); }
			.cbox.view .item.weiss .box:hover .title-wrapper { background-color:rgba(217, 217, 217, 1); }

	/* Dropdown */
		.dropdown-wrapper .dropdown { position:relative; border-bottom:1px #737373 solid; }
		.dropdown-wrapper .dropdown.missingCoord { padding-left:30px; background-color:#f6dfdf; }
		.dropdown-wrapper .dropdown.missingCoord:before { content:"\f06a"; position:absolute; top:10px; left:10px; line-height:30px; font-family:"Font Awesome 5 Pro"; font-size:20px; color:#f00; }
		.dropdown-wrapper .dropdown:first-of-type { border-top:1px #737373 solid; }

		/* Header */
			.dropdown-wrapper .dropdown .dropdown-header > a.dsbutton { position:absolute; z-index:2; top:0; left:0; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle { position:relative; display:block; padding:10px 40px 10px 0; font-size:2rem; color:#737373; cursor:pointer; line-height:1.3; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:before,
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:after { content:""; position:absolute; top:50%; right:5px; width:20px; height:2px; background:#737373; transition:.8s transform; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:after { transform:rotate(90deg); }
			.dropdown-wrapper .dropdown.active .dropdown-header div.toggle:after { transform:none; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth { display:flex; justify-content:center; width:100%; padding-right:60px; box-sizing:border-box; float:none; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > div { float:left; width:33.33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .left { text-align:left; padding-right:5px; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .center { text-align:left; padding:0 5px; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .right { text-align:right; padding-left:5px; }

		/* Content */
			.dropdown-wrapper .dropdown .dropdown-content { display:none; padding:20px 0px; }
			.dropdown-wrapper .dropdown .dropdown-content h2 { padding-bottom:0; font-size:3.3rem; line-height:4.5rem; text-transform:uppercase; color:#0d0d0d; }
			.dropdown-wrapper .dropdown .dropdown-content h3 { padding:5px 0 20px 0; font-size:2.8rem; line-height: 4rem; color:#A2A2A2; font-weight:400; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul { display:flex; flex-wrap:wrap; margin-bottom:20px; padding:20px 20px 10px; background-color:#e5e5e5; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul:after { content:""; display:block; clear:both; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li { position:relative; float:left; width:50%; padding-left:20px; box-sizing:border-box; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(even) { padding-left:20px; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(odd) { padding-right:20px; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(even):before { left:0; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:before { content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000; }

			/* Box */
				.dropdown-wrapper .dropdown .dropdown-content:after { content:""; display:block; clear:both; }
				.dropdown-wrapper .dropdown .dropdown-content .contentbox { float:left; width:33.33%; padding-left:20px; box-sizing:border-box; }
				.dropdown-wrapper .dropdown .dropdown-content .contentbox .maps-wrapper { position:relative; height:0; padding-bottom:80%; }

	/* Maps */
		.cmaps.view { position:relative; height:0; padding-bottom:28%; }s
		.cmaps.view #maps { position:absolute; top:0; right:0; bottom:0; left:0; }
		.cmaps.view .editbalken { position:absolute; z-index:2; top:15px; left:15px; }

	/* Gallery Slider */
		.cgallery.slide { position:relative; height:0; padding-bottom:32%; }
		.cgallery.slide > div { position:absolute; top:0; left:0; width:100%; height:100%; }

	/* Team */
		.cteam.view .item .box .placeholder { padding-bottom:60%; }
		.cteam.view .item .box .content { padding:10px; }
		.cteam.view .item .box .content .title { font-weight:600; }
		.cteam.view .item .box .content .text { padding:10px 0; }
		.cteam.view .item .box .content > a { display:block; }
		.cteam.view .item .box .content > a:before { content:"\f0e0"; display:inline-block; padding-right:10px; font-size:15px; font-family:"Font Awesome 5 Pro"; font-weight:300; }
		.cteam.view .item .box .content > a.phone:before { content:"\f095"; }
		.cteam.view .item .box .content > a.vcard:before { content:"\f2c2"; }
		.cteam.view .item .box .content > .empty { display:block; height:22.5px; }

	/* Member */
		.cmember.view .dropdown-wrapper .paging { padding-top:20px; }
		.cmember.view .dropdown .dropdown-body { margin-left:-20px; }
		.cmember.view .dropdown .dropdown-body .box-right { text-align:right; }
		.cmember.view .dropdown .dropdown-body { display:flex; justify-content:center; align-items:center; margin-left:0; }
		.cmember.view .dropdown .dropdown-body .box { float:none; padding-left:0; }

	/* Maps */
		.cmember.maps { position:relative; height:0; padding-bottom:28%; }
		.cmember.maps #map_overview { position:absolute; top:0; right:0; bottom:0; left:0; }

	/* Event */
		.cevent.view .item { width:100%; }
		.cevent.view .item .box { padding:20px; box-sizing:border-box; background-color:#eee; transition:background-color .4s; }
		.cevent.view .item .box:hover { background-color:#ddd; }
		.cevent.view .item .box h3 { margin:0; padding:0; font-family:Raleway, sans-serif; font-size:2rem; }
		.cevent.view .item .box .text { height:7.2rem; padding:0; }

		.cevent.viewdet input[type=text],
		.cevent.viewdet input[type=email],
		.cevent.viewdet input[type=password],
		.cevent.viewdet textarea,
		.cevent.viewdet .cis-select > div { background-color:#fff; }


		/* Viewdet */
			.cevent.viewdet { padding:20px; box-sizing:border-box; background-color:#eee; }
			.cevent.viewdet .content-header { padding-bottom:20px; line-height:1; }
			.cevent.viewdet .content-body h1 { padding-bottom:20px; }
			.cevent.viewdet .content-body .besch p { padding-bottom:5px; }
			.cevent.viewdet .content-body h3 { margin-bottom:20px; padding-bottom:20px; font-size:2.5rem; border-bottom:1px #000 solid; }
			.cevent.viewdet .content-body ul > li { position:relative; padding-left:15px; }
			.cevent.viewdet .content-body ul > li:before { content:""; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background-color:#262626; }

			/* zusatzpersonen */
			.cevent.viewdet .content-body h4 { margin:0; padding:0; font-size:1.8rem; ; }

			.cevent.viewdet  .person-row--show { padding-top:5px; }
			.cevent.viewdet  .person-row--hide { display:none; }

			.cevent.viewdet  .person-col { position:relative;}
			.cevent.viewdet  .person-col--button {  text-align:right;  }


			.cevent.viewdet  .person-col--action { margin:10px 0 20px 0; font-size:1.2rem; line-height:1.2; display:flex; justify-content:flex-end;  }
			.cevent.viewdet  a.person-action { display:block; width:40%; margin-left:10px; padding:10px 7px; background-color:#d8b279; color:#fff; box-sizing:border-box; text-align:center; cursor:pointer; font-size:16px ; }
			.cevent.viewdet  a.person-action--remove { background-color:#737373;}
			.cevent.viewdet  a.person-action--hide { display:none; }



			.cevent.viewdet .text-wrapper { padding:5px; box-sizing:border-box; line-height:30px; }

			/* Rows */
				.cevent.viewdet .block { margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ccc solid; }
				.cevent.viewdet .block:last-of-type { margin-bottom:0; border-bottom:none; }
				.cevent.viewdet .f1_row.right { text-align:right; }
				.cevent.viewdet .f1_row > .title { padding-bottom:10px; font-weight:700; font-size:2rem; line-height:1.2; }
				.cevent.viewdet .block .f1_row.bold,
				.cevent.viewdet .block .f1_row.bold > label { font-weight:700; }

			/* Map */
				.cevent.viewdet .block.map .f1_row:after { content:""; display:block; clear:both; }
				.cevent.viewdet .block.map .f1_row a { display:block; }
				.cevent.viewdet .block.map .f1_row > div > .left { float:left; width:50%; padding-right:20px; box-sizing:border-box; }
				.cevent.viewdet .block.map .f1_row > div > .map-wrapper { position:relative; float:right; width:50%; padding-bottom:28%; border:1px #ccc solid; box-sizing:border-box; }
				.cevent.viewdet .block.map .f1_row > div > .map-wrapper > div { position:absolute; top:0; right:0; bottom:0; left:0; }

			/* Kosten */
				.cevent.viewdet .cost-wrapper > div:after { content:""; display:block; clear:both; }
				.cevent.viewdet .cost-wrapper > div > span { float:left; width:180px; }
				.cevent.viewdet .cost-wrapper > div > span#kurskosten_mitglied,
				.cevent.viewdet .cost-wrapper > div > span#kurskosten_besucher { width:400px; }

			/* Hotel */
				.cevent.viewdet .block.hotels .items { display:flex; flex-wrap:wrap; }
				.cevent.viewdet .block.hotels .item h3 { padding:5px 0 10px; font-weight:400; font-size:2rem; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
				.cevent.viewdet .block.hotels .item h3 a { display:block; }
				.cevent.viewdet .block.hotels .item h3 a > i { float:right; line-height:30px; }
				.cevent.viewdet .block.hotels .item h3 a:hover { color:#999; }
				.cevent.viewdet .block.hotels .item .box { position:relative; padding:10px; box-sizing:border-box; background-color:#fff; transition:background-color .6s; }
				.cevent.viewdet .block.hotels .item .box:hover { background-color:#ccc; }
				.cevent.viewdet .block.hotels .item .box .text { height:auto; min-height: max-height:none; padding-right:40px; }
				.cevent.viewdet .block.hotels .item .box .text .strasse { min-height:calc(1.6rem * 1.5 * 4); }
				.cevent.viewdet .block.hotels .item .box .text .preis { min-height:calc(1.6rem * 1.5 * 2); }
				.cevent.viewdet .block.hotels .item .box .text .distance { padding-top:5px; font-size:1.2rem; font-style:italic; }
				.cevent.viewdet .block.hotels .item .box .checkboxCheck { position:absolute; right:10px; bottom:10px; width:30px; height:30px; }
				.cevent.viewdet .block.hotels .item .box .checkboxCheck.input_false > div > label:before { background-color:#d9534f !important; }
				.cevent.viewdet .block.hotels .item .box .checkboxCheck label:before { top:0; left:0; }

			/* File */
				.cevent.viewdet .block.files .row:last-of-type { border-bottom:none;  }
				.cevent.viewdet .block.files .row .col { width:33.33%; }
				.cevent.viewdet .block.files .row .col.name { width:calc(100% - 240px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
				.cevent.viewdet .block.files .row.header { border-bottom-width:1px; }
				.cevent.viewdet .block.files .row.header .col { line-height:30px; }
				.cevent.viewdet .block.files .row:not(.header) .col { line-height:40px; }
				.cevent.viewdet .block.files .row .col.preis { text-align:right; }
				.cevent.viewdet .block.files .row .col.anzahl,
				.cevent.viewdet .block.files .row .col.preis { width:120px; }

			/* Eat */
				.cevent.viewdet .block.eat .row { display:flex; }
				.cevent.viewdet .block.eat .row .col { flex:4; }
				.cevent.viewdet .block.eat .row .col.menue { flex:8; }
				.cevent.viewdet .block.eat .row .col.anmelden { flex:7; }
				.cevent.viewdet .block.eat .row .col.datum { flex:3; }
				.cevent.viewdet .block.eat .row .col.zeit { flex:2; }

				.cevent.viewdet .block.eat .row .formbest.info { flex:1; }

/*Search*/
	.csearch { position:relative; min-height:450px; }
	/*.csearch { padding-left:330px; }*/
	.csearch .searchpanel { position:static; }
	.csearch .searchpanel > form div.input { width:100%; }
	.csearch .searchpanel > form div.button button { width:100%; }
	/*.csearch .searchpanel > form div.modules { position:absolute; top:0; left:0; float:none; width:300px; padding-left:0; }
	.csearch .searchpanel > form div.modules .modules_inner { background-color:#ededed; padding:10px; }
	.csearch .searchpanel .checkboxCheck { margin-bottom:0; }
	.csearch .searchpanel .checkboxCheck > div label:before { background-color:#fff; }
	.csearch .searchpanel .checkboxCheck > div:first-of-type label { padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }*/
	.csearch .searchpanel > form > .group:first-of-type { position:static; padding-bottom:0; }
	.csearch .searchpanel > form > .group:first-of-type:before { left:auto; margin-left:-25px; }

	.csearch .result { padding-bottom:20px; }
	.csearch .result .absolute { z-index:2; }
	.csearch .result-box { padding:20px; background-color:#eee; transition:background-color .4s; }
	.csearch .result-box:hover { background-color:#ddd; }
	.csearch .result-content { position:relative; }
	.csearch .result-headline { font-family:"Raleway"; font-size:2rem; line-height:1.2; font-weight:700; }
	.csearch .result-source { font-size:1.2rem; }
	.csearch .result-icons { position:absolute; z-index:3; right:0; bottom:0; display:flex; flex-wrap:wrap; justify-content:flex-end; width:120px; }
	.csearch .result-icons a { display:block; width:30px; height:30px; text-align:center; line-height:30px; background-color:#262626; color:#fff; font-size:14px; margin-left:10px; }
	.csearch .result-icons a.phone:before { content:"\f095"; font-family:"Font Awesome 5 Pro"; font-weight:700; }
	.csearch .result-icons a.website:before { content:"\f0ac"; font-family:"Font Awesome 5 Pro"; font-weight:700; }
	.csearch .result-icons a.email:before { content:"\f1fa"; font-family:"Font Awesome 5 Pro"; font-weight:400; }
	.csearch .result-icons a.download:before { content:"\f063"; font-family:"Font Awesome 5 Pro"; font-weight:400; }

	/*Has Image*/
		.csearch .result.image .result-box { display:flex; flex-wrap:wrap; justify-content:space-between; }
		.csearch .result.image .result-img { width:65px; height:65px; background-color:#999; }
		.csearch .result.image .result-img > div { height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
		.csearch .result.image .result-content { width:calc(100% - 85px); }

	/*Download*/
		.csearch .result.cdownload .result-headline,
		.csearch .result.cdownload .result-text { padding-right:30px; }

	/*Team*/
		.csearch .result.cteam .result-headline,
		.csearch .result.cteam .result-text { padding-right:70px; }


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

/*Input Placeholder*/
	::-webkit-input-placeholder { font-size:1.6rem; color:#999 !important; }
	:-moz-placeholder { font-size:1.6rem; color:#999 !important; opacity:1; }
	::-moz-placeholder { font-size:1.6rem; color:#999 !important; opacity:1; }
	:-ms-placeholder { font-size:1.6rem; color:#999 !important; }

	.input_false::-webkit-input-placeholder { color:#fff !important; }
	.input_false:-moz-placeholder { color:#fff !important; opacity:1; }
	.input_false::-moz-placeholder { color:#fff !important; opacity:1; }
	.input_false:-ms-placeholder { color:#fff !important; }

/* Scrolltop */
	#scrolltop { right:15px; bottom:0; width:40px; height:40px; border:1px #fff solid; border-bottom:none; background-color:rgba(216, 178, 121, .9); transform:translateY(100%); opacity:1; filter:alpha(opacity=100); visibility:visible; transition:.7s transform ease-out; }
	#scrolltop:before { display:block; content:"\f106"; font-size:30px; line-height:40px; color:#fff; font-weight:300; }
	.scrolled #scrolltop { transform:none; }

	.checkboxCheck.input_false { background-color:transparent !important; color:#d9534f !important; border-width:0; }
	.checkboxCheck.input_false > div input[type=checkbox] + label:before { background-color:#d9534f; }
	.checkboxCheck.input_false > div input[type=radio] + label:before { background-color:#d9534f; }