@charset "utf-8";

/* GRUNDEINSTELLUNGEN ***************************************************************************/
	/*Einstellung für Texvergrösserung bei Asset-Laden*/
	html {font-family:'open sans'; font-weight:300; letter-spacing:0.05em;  color:#000; background:#000; height:100%}
	h1, h2{padding:0 0 20px 0; margin:0; font-weight:700; font-size:20px; font-size:2.0rem; line-height:25px; line-height:2.5rem; }
	h2{padding-bottom:10px;  font-size:19px; font-size:1.9rem; line-height:20px; line-height:2.0rem;}
	a:not(.dsbutton) {color:#000;background-color:#E3DC29; padding:2px 5px}
	a:not(.dsbutton):hover {background-color:#000; color:#fff; transition:all .4s;}
	h1 a, h2 a{background:none !important; padding:0 !important; color:#000 !important}
	strong, b{font-weight:700}

	p { padding-bottom:15px; }
	ul, ol { padding-bottom:5px; }

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


/* HEADER ***************************************************************************/
	#dssiteheader{border-top:15px solid #000; background:#fff}
	#dssiteheader .editbalken{position:absolute; z-index:50; top:0; right:0}
	#wechselbilder {position:relative; z-index:10; overflow:hidden;  border-top:3px solid #E4DD29; border-bottom:3px solid #E4DD29;  background:#fff; box-shadow: 0 5px 6px #999}
	#maps {position:absolute; top:0; right:0; bottom:0; left:0 }
	.cmaps.view,
	.gallery-wrapper { position:relative; height:0; padding-bottom:19%; }
	.gallery-wrapper .cis-gallery .overflow .inner-content .image-content .image {background-size:cover}
	.cis-gallery .nav-points{position:absolute; top:0;}
	.cis-gallery .nav-points .points-content .point{display:block; width:15px; height:15px; border:none; border-radius:3px}
	.cis-gallery .nav-points .points-content .aktiv{background-color:#E4DD29;}
	.cis-gallery .nav-points .points-content span{display: none !important}

	.slideimage--label {
		position:absolute; left:40px; right:40px; top:40px; z-index:3;
		color:#fff; font-size:3rem; line-height:1.2; letter-spacing:.2rem ;
		font-weight:500; text-shadow: #000 3px 0 5px;
	}

	/*siteheader inhalt*/
	#siteheader{ max-width:1450px; padding:0 30px; margin:auto; }
	#logo{position:absolute; margin-top:-51px; z-index:20; }
	#logo img{ box-shadow: 0 0px 6px #000; border-radius:3px}
	#logo a:hover, #logo a{padding:0; margin:0; line-height:0}

	#menutrigger{display:none}

	#nav {width:100%; min-height:100px;  text-transform:lowercase; font-weight:700; font-size:20px; font-size:2.0rem; position:relative; z-index:11; border-bottom:3px solid #000}
	#nav a {padding:8px 20px; margin-left:5px; border-radius:0 0 3px 3px }
	#nav a.dsmenu_active{background:#000; color:#fff; position:relative;}
	#nav a.dsmenu_active:before{content:''; background:#000; position:absolute; width:100%; height:50px; top:-50px; left:0;}
	#nav ul {list-style:none; margin:0; padding:0; float:right; }
	#nav li { float:left; position:relative; }
	#nav ul > li > ul{display:none; opacity:0; position:absolute; font-size:16px; font-size:1.6rem; padding-top:5px ; right:0; width:100vw; text-align:right; background:#fff}
	#nav ul > li.dsmenu_active > ul{display:block; opacity:1}
	#nav ul > li > ul a{background:none;  padding:5px 8px; }
	#nav ul > li > ul > li{float:right}
	#nav ul > li > ul > li:not(:last-of-type):before{content:'|'; display:inline; position:absolute; left:-3px; top:5px}
	#nav ul > li > ul a:hover,
	#nav ul > li > ul a.dssubmenu_active{text-decoration:underline; color:#000}
	#nav:after{content:''; display:block; width:100%}



/* INHALT  ***************************************************************************/
	/*dsmain*/
	#dsmain{ min-height:300px; padding:40px 30px 0; position:relative; background:#fff; }
	#dsmain:after{content:''; display:block; clear:both; height:1px}
	#dssubbody{font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem;}

	/*Content*/
	#dscontent{max-width:1450px; margin:auto}
	#dscolumns{padding:0}
	#dscolumn1_2{ width:65%; padding-right:40px}
	#dscolumn2_2{ width:35%;padding:0}


	/*Artikel*/
	.dsarticle{margin-bottom:30px; }


 	/* Artikel-Links */
	div[class*='dsoption_'] { padding:10px 0; }
	a[class*='dsoption_'] {  padding:5px 10px 5px 20px; line-height:20px; line-height:2rem; background:none; border-bottom:#000 dotted 1px; color:#000 }
	a[class*='dsoption_']:before { content:"\f0da";  }

	/* Linkliste */
	div[class^="dslinklist_title_"] { font-weight:400; padding:5px; }
	ul[class^="dslinklist_"] > li {display:block;}
	ul[class^="dslinklist_"] > li > a:not(.dsbutton) { padding-left:20px; margin:0; background:none; border-bottom:#000 dotted 1px; color:#000}
	ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { content:"\f0da";   }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton):hover{background:#000; color:#fff}

	/*art 1*/
	.dsarticle_1 h1,
	.dsarticle_1 h2 {letter-spacing:0.1rem; font-size:30px; font-size:3.0rem; line-height:35px; line-height:3.0rem; padding-bottom:20px; font-weight:bold }

	/*art 2*/
	.dsarticle_2 h2:before{content:''; display:inline-block; width:15px; height:15px; background:#000; border-radius:3px  }

	/*art 3*/
	.dsarticle_3{padding:15px; color:#fff; background:#000; border-radius:3px  }
	.dsarticle_3 a{color:#E4DD29 !important; background:none !important;  border-color:#fff !important}
	.dsarticle_3 a:hover {color:#fff !important}
	.dsarticle_3 h2 a {color:#fff !important}
	.dsarticle_3 h2:before{content:''; display:inline-block; width:15px; height:15px; background:#fff; border-radius:3px  }


	/*art 4*/
	.dsarticle_4{padding:15px; background:#E4DD29; border-radius:3px  }
	.dsarticle_4 h2 a {color:#000 !important}
	.dsarticle_4 h2:before{content:''; display:inline-block; width:15px; height:15px; background:#000; border-radius:3px  }


	/*art 5*/
	.dsarticle_5{padding:15px; background:#ededed; border-radius:3px  }
	.dsarticle_5 h2 a {color:#000 !important}
	.dsarticle_5 h2:before{content:''; display:inline-block; width:15px; height:15px; background:#000; border-radius:3px  }


	/*UL-Liste Darstellung*/
	div[class^="dsbody_"] > ul:not([class^="dslinklist_"]) > li,
	.popupbody .content > ul:not([class^="dslinklist_"]) > li { position:relative; padding-left:20px; padding-bottom:10px; }
	div[class^="dsbody_"] > ul:not([class^="dslinklist_"]) > li:before,
	.popupbody .content > ul:not([class^="dslinklist_"]) > li:before { content:"\f0da"; font-family:FontAwesome; position:absolute; top:0; left:7px; }

	div[class^="dsbody_"] > ol > li { padding-bottom:10px; }


/* FOOTER **************************************************************************/
	#dssitefooter{padding-top:20px; border-top:3px solid #E4DD29; color:#fff}
	#dssitefooter a:not(#scrolltop) { color:#fff; background:none; padding:0 }
	#dssitefooter a:hover{text-decoration:underline}

	.sitefooter{max-width:1450px; padding:0 30px 15px; margin:auto; }
	/*Adresse */
	#footer, #mobilefooter { padding-bottom:6px; border-bottom:1px #fff dotted; position:relative}

	#address { list-style:none; padding:10px 0; }
	#address:after { content:""; display:block; clear:both; }
	#address > li { float:left; }
	#address > li:after { content:"|"; padding:0 10px; }
	#address > li > a { float:left; }
	#address > li.company:after,
	#address > li.web:after { display:none; }
	#address > li.company { width:100%; padding-bottom:5px; }


	/*Copyright & Createdby*/
	#copyright { display:flex; justify-content:space-between; padding:8px 0; font-size:11px; font-size:1.1rem; }



	a#scrolltop {
		width:40px; height:40px; line-height:30px; background-color:#E4DD29; color:#333;
		text-decoration:none; border:1px solid #000; border-radius:3px;
		transition:opacity 0.4s;
	}
	a#scrolltop:hover{ text-decoration:none; }



/* SPEZIAL  ***************************************************************************/
 	/* Input Elemente */
	input[type=text], input[type=email], input[type=password], textarea, .cis-select, button {
		font-family:'Open sans', sans-serif; text-align:left; height:35px;
	}
	input[type=text], input[type=email], input[type=password], textarea {
		border:1px #333 solid; letter-spacing:0.12em; background-color:#fff; border-radius:3px;
	}
	.cis-select {max-width:200px}
	.cis-select:after { width:35px; height:35px; line-height:35px; }
	.cis-select.open:after { transform:rotate(180deg); }
	.cis-select > div { height:23px; line-height:23px; border-color:#333; margin-bottom:1px; border-radius:3px; padding-right:40px; }
	.cis-select.open > div { border-color:#000; }
	.cis-select ul { top:35px; z-index:20; }
	.cis-select ul > li { background-color:#E3DC29; padding-top:7px; padding-bottom:6px; border-color:#E3DC29; }
	.cis-select ul > li.selected,
	.cis-select ul > li:hover { background:#000; color:#fff; }

	button {background-color:#E3DC29; color:#000;  font-weight:700; text-transform:lowercase; text-align:center }
	button:hover{background-color:#000; color:#fff  }

	.f1_row.spamfilter input[type=text],
	.f1_row.spamfilter label {width:auto; display:inline-block;  }
	.f1_row > label.spamfilter:before { content:"\f062"; margin:0 5px 0 0;}
	.f1_row textarea {min-height:65px}

	/* Checkbox */
	.subtitle {font-weight:400; padding-bottom:3px}
	.checkboxCheck{margin-bottom:8px}
	.checkboxCheck > div {padding-right:8px;}
	.checkboxCheck > div > label {padding:8px 0 5px 25px; line-height:inherit; letter-spacing:normal}
	.checkboxCheck > div label:before {left:0px; width:20px; height:20px; border:1px #333 solid; background-color:#fff; line-height:18px; font-size:inherit}

	/* Input Placeholder */
	::-webkit-input-placeholder { color:#000 !important; }
	:-moz-placeholder { color:#000 !important; }
	::-moz-placeholder { color:#000 !important;  }
	:-ms-placeholder { color:#000 !important; }

/* MODULE ***************************************************************************/
	/*Paging*/
	.paging {margin:15px 0 0 0 }
	.paging a{ text-decoration:none; background-color:#E4DD29; padding:0; border-radius:3px; height:35px; line-height:35px; }
	.paging > div { display:inline; width:auto; padding:0px; }
	.paging a:before {  content:''; display:inline; font-family:'FontAwesome';}
	.paging a.ajaxpaging_go:before {  content:'\f061'; }
	.paging a.ajaxpaging_back:before { content:'\f060';}
	.paging > div a.btn{background:#E3DC29; color:#000;font-weight:bold; text-transform:lowercase; }
	.paging > div a.btn:hover{background:#000; color:#fff}
	.paging .paging_content .ajaxpaging_text { line-height:35px; }
	.paging .paging_content a { width:35px; }
	.paging .paging_content .ajaxpaging_text { padding:0 35px; }

	/*Picasalow*/
	.cpicasalow { position:relative;  }
	.cpicasalow .grid { margin-left:-5px; }
	.cpicasalow .grid:after { content:''; display:block; clear:both; }
	.cpicasalow .thumbnail {
		position:relative; float:left; width:20%; height:0; padding-bottom:calc(20% - 5px); overflow:hidden;
		padding-left:15px; box-sizing:border-box; margin-bottom:5px;
	}
	.cpicasalow .thumbnail a.image {
		position:absolute; top:0; right:0; bottom:0; left:5px; padding:0; background-color:#E3DC29 !important;  z-index:1;opacity:0.80;
		background-repeat:no-repeat; background-position:bottom right; background-size:cover;
	}
	.cpicasalow .thumbnail a.image:hover {
		opacity:1;
	}

	.cpicasalow .thumbnail a.download {
		position:absolute; bottom:7px; right:7px; width:30px; height:30px; line-height:30px; font-size:20px; text-align:center;
		color:#fff;  z-index:2; opacity:0.8;
	}
	.cpicasalow .thumbnail a.download:hover{opacity:1; bottom:6px}

	.handyslider { display:none; width:100%; height:300px; overflow:hidden}
	.handyslider .cis-gallery .top-navigation div{background-image:none !important;  }
	.handyslider .cis-gallery .top-navigation div:before {display:block;font-family:'FontAwesome'; font-size:20px; color:rgba(255,255,255,0.8); padding:150px 20px; }
	.handyslider .cis-gallery .top-navigation div.next:before {  content:'\f061'; }
	.handyslider .cis-gallery .top-navigation div.prev:before {  content:'\f060'; }


	/*Partner*/
	.cpartner a:not(.dsbutton){ padding:0;}

	/*Searchpanel*/
	.searchpanel { margin-bottom:10px;}
	.searchpanel > form > div {width:40%; border-radius:3px}
	.searchpanel > form > div.buttondiv{width:20%}
	.searchpanel .cis-select {max-width:none}

	/*Einträge*/
	.partnercontent{}
	.partnercontent:after{content:''; clear:both; display:block}
	.box {border:1px solid #ccc; border-radius:3px; width:calc(25% - 10px); background:#ddd; float:left; margin:5px ; box-sizing:border-box; overflow:hidden; text-align:center; position:relative}
	.box.block{float:none; width:100%; text-align:left; padding:15px;}
	.box .dsbutton{position:absolute; top:5px; left:5px; z-index:1}
	.box div.placeholder{height:120px; width:80%; margin:15px auto 5px auto ; background-size:contain; background:#efefef; border:1px solid #ccc; border-radius:3px}
	.box div.content{clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.box div.content h3{display:block; margin:0 auto 15px auto; padding:4px 10px; text-overflow:ellipsis;
						width:80%; font-size:15px; font-size:1.5rem; font-weight:700; background:#000; color:#fff; border-radius:3px; box-sizing:border-box; overflow:hidden }
	.box a.absolute{position:absolute; top:20px; left:10px; right:10px; bottom:10px; background:none; z-index:1}
	.box:hover div.content h3 {background:#E3DC29; color:#000; }




	/* Galery Bilderstrecke */
	.cgallery .items { display:grid;  grid-template-columns:repeat(4, minmax(0,1fr)); z-index:1; gap:20px; margin:0 ; }
	.cgallery .item { position:relative; float:none; width:100%;; margin: 0; }
	.cgallery .gallerylink {position:absolute; top:0; bottom:0; left:0; right:0;background:none !important;	}
	.cgallery .picture { display:block; position:relative; aspect-ratio:1/1; width: 100%; background:#ddd; overflow:hidden;}
	.cgallery .image { object-fit:cover; width:100%; height: 100%; transition:transform .6s; }

	.cgallery .item:hover .image {transform:scale(1.1) }



	/*Ajaxdiv & Overlay*/
	#ajaxdiv { max-width:1200px; top:90px; margin-bottom:50px; border-radius:3px; overflow:hidden; }
	.popupheader { background-color:#E3DC29; padding-left:20px}
	.popupheader h1{float:left; padding:10px 0;}
	.popupheader a { float:right; width:40px; height:40px; line-height:40px; font-size:20px; color:#000; text-align:center; margin-right:5px; }
	.popupheader a:before { content:""; font-family:FontAwesome; }
	.popupheader a.ajaxclose { float:right; }
	.popupheader a.ajaxclose:before { content:"\f00d"; }
	.popupheader:after { content:''; display:block; clear:both; }

	.popupbody { position:relative; font-size:14px; font-size:1.4rem; line-height:23px; line-height:2.3rem; padding:20px; }
	.popupbody .text { min-height:180px; }
	.popupbody ul { padding-top:25px; }
	.popupbody img.partner{max-width:40%; max-height:200px; padding:0 0 10px 10px; cursor:pointer}
	.popupbody .kats{margin-left:-5px; margin-top:20px}
	.popupbody .kats a{background:#E3DC29; border-radius:3px; padding:4px 10px; text-align:center; display:inline-block; margin:0 5px }
	.popupbody .kats a:hover{background:#000;}