@CHARSET "UTF-8";
.sbHolder{
	background-color: #f4f5f5;
	border:none;
	font-weight: normal;
	height: 48px;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	display: none;
}

.sbHolder:hover{
	background-color: #f9f9f9;
}

.comment-form-schulnote .sbHolder {
    width: 50px;
}

.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 48px;
	left: 0;
	line-height: 43px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 14px;
	top: 0;
	width: 100%;
	padding-top: 1px;
	padding-left: 4px;
}
a.sbSelector:link, a.sbSelector:visited, a.sbSelector:hover{
	color: #8c1e40;
	outline: none;
	text-decoration: none;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 40px);
    font-weight: 600;
	border-bottom: 0;
}
a.sbSelector:hover{
	background-color: transparent;
}

.sbToggle{
	background-image: url(../images/select-icons_2x.png);
	background-size: 48px 96px;
	background-position: 0 -48px;
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
    transition: background-position 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.sbToggle:hover{
	background-repeat: no-repeat;
	border-bottom: 0;
}
.sbToggleOpen{
	background-image: url(../images/select-icons_2x.png);
	background-size: 48px 96px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.sbToggleOpen:hover{
	background-repeat: no-repeat;
}

@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		.sbToggle, .sbToggle:hover, .sbToggleOpen, .sbToggleOpen:hover{
		}
	}

.sbHolderDisabled{
	background-color: #EBEBEB;
	border:none;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
ul.sbOptions{
	background-color: #f4f5f5;
	border-top:1px solid #ddd;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
ul.sbOptions li {
    border-bottom: 1px solid #ddd;
    padding: 0;
}
ul.sbOptions li:hover{
	background-color: #f9f9f9;
}
ul.sbOptions>li>a:hover{
	border-bottom: none !important;
}
ul.sbOptions li:first-child {
    display: none;
}
ul.sbOptions a{
	display: block;
	outline: none;
	padding: 11px 18px 13px;
	color: #8c1e40;
	font-weight: 500;
}
ul.sbOptions a:link, .sbOptions a:visited{
	color: #8c1e40;
	text-decoration: none;
}
ul.sbOptions a:hover,
ul.sbOptions a:focus,
ul.sbOptions a.sbFocus{
	color: #8c1e40;
	border-bottom: 0;
}
ul.sbOptions li.last a{
	border-bottom: none;
}
ul.sbOptions .sbDisabled{
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
ul.sbOptions .sbGroup{
	color: #454545;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
ul.sbOptions .sbSub{
	padding-left: 17px;
}


.teaser-link + select + .sbHolder {
    margin-bottom: 25px;
    margin-top: 30px;
}


@media (max-width: 900px) {
    .sbHolder{
        display: block;
    }
}