@charset "utf-8";
/* regex test => [a-z]\S{|\S}|(}\s)$|{\S[a-z]|;\S */
/*
000
*/

/****************** General ******************/
	html { font-size: 62.5% !important; font-family:Arial, sans-serif; font-weight:400; color:#000; word-break:break-word; }
	body { font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; margin:0; }

	* { font-family:'Arial'; font-size:12px; font-size:1.2rem; line-height:19px; line-height:2rem; color:#000; }

	.hidden { display:none; }
	.be-hidden { display:none !important; }
	.clearfix:after { content:''; display:block; clear:both; }
	.animate { transition:all 0.4s; }

	a { color:#9d9d9c; text-decoration:underline; }
	a:hover { text-decoration:underline;  }

	#gallerybox .flickity-viewport { height:100% !important; }
	#gallerybox .flickity-slider > div { width:100%; height:100%; }
	#gallerybox .flickity-controls { background-color:#333; }
	#gallerybox .flickity-controls .counter { color:#fff; font-size:1.6rem; }

	#dssubbody { min-height:100vh; padding:15px 15px 0; box-sizing:border-box; }
	.menu-in #dssubbody { position:fixed; width:100%; height:100vh; overflow:hidden; box-sizing:border-box; }


	#siteheader,
	#dsmain,
	#sitefooter { transition:transform 0.4s; }


/****************** Header ******************/
	#dssiteheader { position:fixed; left:0; top:0; width:100%; padding:0 15px; background:#fff; box-sizing:border-box; z-index:1; }
	#siteheader { position:relative; max-width:970px; width:100%; min-height:100px; margin:0 auto; box-sizing:border-box; z-index:5; }
	#logo { position:absolute; right:0; bottom:20px; width:200px; }
	#logo img { width:100%; height:auto; }


/****************** Menutrigger ******************/
	#menutrigger { display:block; position:absolute; left:0; bottom:15px; width:40px; height:40px; margin:0; outline:none; background:#fff; transition:all .4s .1s; }
	#menutrigger span { width:40px; height:4px; border-radius:0; background:#000; }
	#menutrigger span.line1 { top:9px; }
	#menutrigger span.line2,
	#menutrigger span.line3 { top:18px; }
	#menutrigger span.line4 { top:27px; }
	#menutrigger.open { transform:rotate(45deg); }

	nav #menutrigger { display:block; left:auto; right:-55px; top:41px; bottom:auto; }


/****************** Nav ******************/
	nav { position:fixed; left:0; top:0; transform:translateX(-100%); width:320px; height:100vh; background:#000; transition:all 0.4s; z-index:100; }
	nav.in { transform:translateX(0); }
	nav .overflow { position:relative; max-height:100vh; overflow:auto; -webkit-overflow-scrolling:touch; }
	nav .adresse { padding:10px 15px; border-top:1px solid #fff; }
	nav .adresse a,
	nav .adresse span { color:#fff; line-height:20px; }
	nav .adresse a { font-size:14px; font-size:1.4rem; text-decoration:none; text-transform:uppercase; }
	nav .adresse span { float:right; }
	nav .adresse:after { content:''; display:block; clear:both; }
	nav .adresse .adresse-inner { line-height:0; }
	#dsmenus { padding:44px 0 140px 0; box-sizing:border-box; min-height:calc(100vh - 52px); }
	#dsmenus a { display:block; font-size:14px; font-size:1.4rem; color:#fff; text-decoration:none; }

	#dsmenus a:hover,
	#dsmenus a.dsmenu_active,
	#dsmenus a.dssubmenu_active { color:#9d9d9c; }

	#dsmenus > li { border-top:1px solid #fff; }
	#dsmenus > li > a { line-height:32px; line-height:3.2rem; padding:0 15px; text-transform:uppercase; box-sizing:border-box; }
	#dsmenus > li > ul { padding:0 0 20px; }
	#dsmenus > li > ul > li > a { padding:0 30px; line-height:26px; line-height:2.6rem; }

	.menu-in #nav-overlay { position:fixed; right:0; top:0; height:100vh; width:100vw; z-index:4; }


/****************** Main ******************/
	#dsmain { max-width:970px; width:100%; min-height:calc(100vh - 15px - 160px - 53px); margin:0 auto; margin-top:130px; margin-bottom:140px; box-sizing:border-box; }
	#dscolumn1_1 { width:100%; box-sizing:border-box; }
	#dscolumn1_2 { float:left; width:70%; padding-right:25px; box-sizing:border-box; }
	#dscolumn2_2 { float:left; width:30%; padding-left:25px; box-sizing:border-box; }
	#dscolumn1_3,
	#dscolumn2_3 { width:40%; }
	#dscolumn3_3 { width:20%; }


/****************** Article 1 ******************/
	h1.dstitle_1,
	h2.dstitle_1 { margin-top:0; text-transform:uppercase; font-size:19px; font-size:19px; line-height:25px; line-height:2.5rem; color:#000; }

	a[class*='dsoption_'] {
		display:block; width:max-content; background-color:#000; color:#fff; text-transform:uppercase;
		padding:5px 10px; text-decoration:none;
	}
	a[class*='dsoption_']:before { display:none; }


	.dsbody_1 > ul { padding-left:15px; list-style:initial; }


/****************** Article 2 ******************/
	.dsarticle_2 { width:200px; height:3px; margin:20px 0; background:#000; }




/****************** Article 3 ******************/
	.dsarticle_3 { width:50%; float:left; }
	h1.dstitle_3,
	h2.dstitle_3 { margin-top:0; text-transform:uppercase; font-size:19px; font-size:19px; line-height:25px; line-height:2.5rem; color:#000; }


	.dsbody_3 > ul { padding-left:15px; list-style:initial; }

	.dsarticle_3 div[class^="dslinklist_title_"] { display:none; }



/****************** Footer ******************/
	#dssitefooter { position:relative; z-index:1; }
	#sitefooter { width:100%; max-width:970px; margin:0 auto; background:#fff; }
	#sitefooter .adresse { padding:10px 15px; text-align:center; }
	#sitefooter .adresse a { text-decoration:none; color:#000; }
	#sitefooter .adresse-mobile { display:none; }

	#scrolltop { display:none; }


/****************** Input Placeholder ******************/
	::-webkit-input-placeholder { color:#000 !important; text-transform:uppercase; }
	:-moz-placeholder { color:#000 !important; opacity:1; text-transform:uppercase; }
	::-moz-placeholder { color:#000 !important; opacity:1; text-transform:uppercase; }
	:-ms-placeholder { color:#000 !important; text-transform:uppercase; }

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


/****************** Form ******************/
	.cform h3 { font-size:1.4rem; line-height:2.0rem; text-transform:uppercase; padding-bottom:0; margin-bottom:5px; }
	.formblock { margin-bottom:30px; }

	.col { float:left; width:50%; box-sizing:border-box; }
	.col1 { padding-right:2px; }
	.col2 { padding-left:2px; }
	.formspace { height:30px; }

	textarea,
	input[type="text"],
	input[type="email"],
	input[type="password"] { border-color:#000; background:#fff; }



	/*Checkboxcheck*/
	.checkboxCheck > div > label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.checkboxCheck > div > label:before { border-color:#010000; background-color:#ffffff; border-radius:50%;  }
	.checkboxCheck > div input[type=radio]:checked + label:before,
	.checkboxCheck > div label.checked:before { content:"\f111"; }


	.cis-select > div { font-size:1.4rem; line-height:2.0rem; border-color:#000; text-transform:uppercase; }

	.f1_row > button { width:auto; background:#000; color:#fff; text-transform:uppercase; }
	.f1_row.submit-row { margin-top:10px; }
	.f1_row.submit-right { text-align:right; }

/****************** DROPZONE **********************/
	#cform_onlineschalter_onlineschalter_view { position:relative; }
	#cform_onlineschalter_onlineschalter_view.loadanimation:before {
		content:"\f110"; font-family:"FontAwesome"; font-weight:400; font-size:30px; color:#000; width:40px; height:40px; line-height:40px; text-align:center;
		display:block; position:absolute; z-index:99; top:50%; left:50%; transform-origin:center center; transform:translate(-50%,-50%); animation:rotate 1s linear infinite;
	}
	@keyframes rotate {
		0% { transform:translate(-50%,-50%) rotate(0deg); }
		100% { transform:translate(-50%,-50%) rotate(360deg); }
	}
	#cform_onlineschalter_onlineschalter_view.loadanimation:after {
		content:""; display:block; position:absolute; z-index:98; top:0; left:0;
		width:100%; height:100%; background-color:#fff; opacity:.75;
	}
	.cform__dropzone { position:relative; width:100%; padding:15px; border:1px #000 solid; box-sizing:border-box; background-color:#ededed; }
	.cform__dropzone--highlight { border-style:dashed; background-color:#ccc; }
	.cform__dropzone-input { position:absolute; top:0; left:0; visibility:hidden; opacity:0; overflow:hidden; width:100%; height:100%; }
	.cform__dropzone-text { text-align:center; }
	.cform__dropzone-text--hidden { display:none; }
	.cform__upload {
		display:block; position:relative;
		width:max-content; padding:15px; margin:0 auto; background-color:#fff;
		font-size:var(--font__size--big); font-weight:700; line-height:1; color:#000; cursor:pointer;
	}
	.cform__upload:after { content:"\f0ee"; font-family:"FontAwesome"; font-weight:400; padding-left:10px; }
	.cform__upload-container { padding-bottom:var(--padding); }
	.cform__upload-container--hidden { display:none; }
	.cform__uploaded-files { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:5px; padding-bottom:15px; }
	.cform__uploaded-files--hidden { display:none; }
	.cform__uploaded-file { display:grid;
		position:relative; z-index:2;
		grid-template-areas:"fileicon filename removebutton" "fileicon filesize removebutton"; grid-template-columns:20px auto 30px;
		padding:5px 5px 5px 10px; border-radius:4px; background-color:#fff; color:#000; column-gap:5px;
	}
	.cform__uploaded-filetype { grid-area:fileicon; }
	.cform__uploaded-filetype:before { content:"\f15b"; font-family:"FontAwesome"; font-weight:400; }
	.cform__uploaded-filetype--pdf:before { content:"\f1c1" }
	.cform__uploaded-filetype--jpg:before,
	.cform__uploaded-filetype--jpeg:before,
	.cform__uploaded-filetype--png:before,
	.cform__uploaded-filetype--gif:before,
	.cform__uploaded-filetype--tiff:before { content:"\f1c5" }
	.cform__uploaded-filetype--doc:before,
	.cform__uploaded-filetype--docx:before { content:"\f1c2" }
	.cform__uploaded-filetype--xls:before,
	.cform__uploaded-filetype--xlsx:before { content:"\f1c3" }
	.cform__uploaded-filetype--ppt:before { content:"\f1c4" }
	.cform__uploaded-filetype--zip:before { content:"\f1c6" }
	.cform__uploaded-filetype--mp4:before,
	.cform__uploaded-filetype--mpeg,
	.cform__uploaded-filetype--mov,
	.cform__uploaded-filetype--ogg { content:"\f1c8" }
	.cform__uploaded-filetype--mp3:before,
	.cform__uploaded-filetype--wav { content:"\f1c7" }

	.cform__uploaded-filename { grid-area:filename; white-space:nowrap; overflow:hidden; font-size:1.5rem; font-weight:400; text-overflow:ellipsis; }
	.cform__uploaded-filesize { grid-area:filesize; font-size:1.3rem; }
	.cform__uploaded-remove {
		grid-area:removebutton; width:30px; height:30px; padding:0; border:none; background:none;
		background-color:#000; line-height:30px; text-align:center; color:#fff; cursor:pointer;
	}
	.cform__uploaded-remove:before { content:"\f00d"; font-family:"FontAwesome"; font-weight:300; font-size:18px; }
	.cform__upload-maxsize-exceeded { display:none; margin-top:10px; }


/****************** Login ******************/
	.login { text-align:center; }



/****************** Linklist ******************/
	.deko-line { display:inline-block; width:30px; margin-top:10px; border-top:3px solid #000; text-transform:uppercase; box-sizing:border-box; }
	div.dslinklist_title_0 { display:inline-block; max-width:100%; padding:10px 30px 10px 0; margin-top:10px; border-top:3px solid #000; text-transform:uppercase; box-sizing:border-box; }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton) { padding:0; border:none; text-decoration:none; }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { display:none; }


/****************** Map ******************/
	#map { position:relative; width:100%; height:0; padding-bottom:83%; margin-bottom:30px; }
	#map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


/****************** Picasa ******************/
	.cpicasalow .items { margin:0; }

	.big-item { margin-bottom:15px; }
	.big-item:after { content:''; display:block; clear:both;  }
	.big-item .thumbnail a,
	.cpicasalow .thumbnail a { display:block; height:0; padding-bottom:97.8%; background-position:center; background-size:cover; background-repeat:no-repeat; }
	.cpicasalow .thumbnail a img { display:none; }
	.big-item .thumbnail a { height:auto; padding-bottom:0; margin-bottom:10px; background-image:none !important; }
	.big-item .thumbnail a img { width:100%; height:auto; display:block; }
	.cpicasalow .thumbnail { margin-bottom:10px; }
	.cpicasalow .controls { border-top:3px solid #000; }
	.cpicasalow .controls .next { float:right; background:url(../mm/arrow-r.png); background-size:auto 20px; background-repeat:no-repeat; background-position:center; color:transparent; }
	.cpicasalow .controls .prev { background:url(../mm/arrow-r.png); background-size:auto 20px; background-repeat:no-repeat; background-position:center; color:transparent; transform:rotate(180deg); }
	.cpicasalow .controls a { cursor:pointer; font-size:28px; line-height:35px; color:#000; text-decoration:none; color:transparent; }

	#sb-nav a { text-decoration:none; }
	#sb-nav-previousBox,
	#sb-nav-nextBox { background:none; }
	#sb-wrapper-inner { border:none; }
	#sb-counter { color:#b19d72; }

/****************** CGallery ******************/
	.cgallery .galleryitem { display:block; width:100%; height:0; padding-bottom:97.5%; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:5px; }
	.cgallery .galleryitem img { visibility:hidden; }
	.cgallery .items { margin:0; }
	.cgallery .controls { border-top:3px solid #000; user-select:none; }
	.cgallery .controls .next { float:right; background:url(../mm/arrow-r.png); background-size:auto 20px; background-repeat:no-repeat; background-position:center; color:transparent; }
	.cgallery .controls .prev { background:url(../mm/arrow-r.png); background-size:auto 20px; background-repeat:no-repeat; background-position:center; color:transparent; transform:rotate(180deg); }
	.cgallery .controls a { cursor:pointer; font-size:28px; line-height:35px; color:#000; text-decoration:none; color:transparent; }

/****************** Imagepool ******************/
	.gallery-wrapper { height:0; padding-bottom:60%; }
	.cis-gallery .nav-points { display:none; }


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