@charset "utf-8";

/*CIS-Select*/
	.cis-select { position:relative; z-index:1; height:30px; background-color:#fff; box-sizing:border-box; }
	.cis-select:after {
		content:"\f0d7"; position:absolute; z-index:1; width:30px; height:30px; right:0; top:0; font-family:"Font Awesome 5 Pro"; font-weight:600; font-size:20px; line-height:30px; text-align:center;
	}
	.cis-select > select { display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); }
	.cis-select > div {
		position:relative; z-index:2; height:18px; border:1px #d7d7d7 solid; padding:5px 30px 5px 10px; cursor:pointer;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:border-color .4s;
	}
	.cis-select > div > span { display:inline-block; }
	.cis-select > div > span:not(:last-of-type):after { content:","; display:inline-block; padding-right:5px; }
	.cis-select ul { display:none; position:absolute; z-index:2; top:31px; left:0; width:100%; list-style:none; padding:0; box-sizing:border-box; margin:0; }
	.cis-select ul > li {
		padding:5px 10px 5px 10px; border:1px #d7d7d7 solid; background-color:#fff; color:#000; cursor:pointer;
		word-wrap:break-word; transition:background-color .4s;
	}
	.cis-select ul > li:hover { background-color:#f5f5f5; }

	/*Focus*/
		/*.cis-select.focus > div {}*/

	/*Open*/
		.cis-select.open { z-index:2; }
		.cis-select.open > div { border-color:#bbb; }
		.cis-select.open > div { border-color:#bbb; }

	/*Liste anzeigen, wenn kein iOS Gerät*/
		body:not(.ios) .cis-select.open:before { content:''; position:fixed; top:0; left:0; width:100%; height:100%; }
		body:not(.ios) .cis-select.open ul { display:block; max-height:300px; overflow:auto; -webkit-overflow-scrolling:touch; }