div.chptrs {
	position: fixed;
	display:block;
	top: 100px;
	width:100%;
    height: auto;
	line-height: 40px;
	padding:0 calc(50% - 480px);
	margin:0 auto;
	background-color:transparent;
	backdrop-filter: blur(10px);
    -o-backdrop-filter:blur(10px);
    -ms-backdrop-filter:blur(10px);
    -moz-backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom: 0.5px solid #001426;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:99;
}
div.chptrs label {
	display: inline;
}
div.chptrs select, div.chptrs span {
    display: inline;
    width:auto;
    height: auto;
	line-height: 40px;
	font-size: 18px;
	text-align:left;
	background-color: transparent;
	margin:0;
	border:none;
	outline: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.chptrs select {
	font-family: 'latoheavy', Helvetica Neue, Arial, Helvetica, sans-serif;
	color:#3085BB;
	padding:0;
    cursor: pointer;
}
div.chptrs span {
	font-family: 'latoregular', Helvetica Neue, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#10547E;
}
div.chptrs span i {
	font-size: 24px;
	vertical-align:-3px;
	padding:0;
}
div.chptrs span i.fa-book {
	color:#00324C;

}
div.chptrs span i.fa-arrow-right {
	color:#0C6A9E;
}


/****************************************************************************************************/

@media only screen and (max-width: 1280px) {


div.chptrs {
	top: 90px;
}
div.chptrs select, div.chptrs span {
	font-size: 16px;
}

}

/****************************************************************************************************/

@media only screen and (max-width: 1120px) {


/*	Book ---------------------------------------------------------------------------------------------------- */


div.chptrs {
	padding:0 20px;
}

}

/****************************************************************************************************/

@media only screen and (max-width: 1024px) {


div.chptrs {
	position: absolute;
	top: 80px;
	margin:0;
}
div.chptrs select, div.chptrs span {
	font-size: 15px;
}

}


/****************************************************************************************************/


@media only screen and (max-width: 768px) {


div.chptrs {
	top: 70px;
	line-height: 30px;
}
div.chptrs select {
	line-height: 30px;
	font-size: 14px;
	max-width:calc(100% - 120px);
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
}
div.chptrs span {
	line-height: 30px;
	font-size: 12px;
}
div.chptrs span i {
	font-size: 20px;
	vertical-align:-2px;
}

}

/****************************************************************************************************/


@media only screen and (max-width: 640px) {


div.chptrs {
	top: 60px;
	padding:0 10px;
}
div.chptrs span {
	font-size: 12px;
}
div.chptrs span i {
	font-size: 16px;
	vertical-align:-1px;
}

}


/****************************************************************************************************/


@media only screen and (max-width: 480px) {


div.chptrs {
	line-height: 24px;
}
div.chptrs select, div.chptrs span {
	line-height: 24px;
}
div.chptrs select {
	font-size: 13px;
}

}

/*
Farben
Blau1 = #82BBE9
Blau2 = #4C9ED3
Blau3 = #3085BB 90%=#4491C2 75%=#64A4CC 25%=#CBE0EE 16%=#DEEBF4 8%=#EFF5FA 5%=#F4F9FC
Blau4 = #0C6A9E
Blau5 = #10547E
Blau6 = #00324C
Blau7 = #001426
Grünblau1 = #9DCBD1
Grünblau2 = #6DB5BA
Grünblau3 = #53AAA7
Grünblau4 = #2C8B8D
Grünblau5 = #007871
Grünblau6 = #005346
Grünblau7 = #002F26
*/