#lernfeld-uebersicht {

}

#lernfeld-uebersicht .uebersicht-intro {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0;
}

#lernfeld-uebersicht .nutzer {
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    padding-top: 10px;
}

#lernfeld-uebersicht .uebersicht-intro .one-half {
	float: left;
	width: 48%;
	margin-right: 10px;
}

#lernfeld-uebersicht .uebersicht-intro .one-half:last-child {
	margin-right: 0;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis .ergebnis {
    background-color: lightgray;
    border: 2px solid;
    clear: left;
    display: block;
    margin-top: 15px;
    padding: 10px 15px;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis .ergebnis p {
    margin-bottom: 0;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis .ergebnis span {
    font-size: 13px;
    font-style: italic;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis.bestanden .ergebnis {
    background-color: lightgreen;
    border-color: green;
    margin-bottom: 15px;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis.nicht-fertig .ergebnis {
    background-color: lightyellow;
    border-color: orange;
}

#lernfeld-uebersicht .uebersicht-intro .lernfeld-ergebnis.nicht-bestanden .ergebnis {
    background-color: lightpink;
    border-color: red;
}

#lernfeld-uebersicht .kapitel-wrapper {
    background-color: #fcfcfc;
    border-bottom: 1px solid #e1e1e1;
}

#lernfeld-uebersicht .kapitel-titel {
	background-color: lightpink;
    cursor: pointer;
    display: block;
    padding: 10px;
    width: 100%;
}

#lernfeld-uebersicht .kapitel-wrapper.richtig .kapitel-titel {
	background-color: lightgreen;
}

#lernfeld-uebersicht .kapitel-wrapper.leer .kapitel-titel {
	background-color: lightyellow;
}

#lernfeld-uebersicht .kapitel-wrapper.unvollstaendig .kapitel-titel {
	background-color: #ffdb9b;
}

#lernfeld-uebersicht .kapitel-titel h4 {
	margin: 0;
}


#lernfeld-uebersicht .film-wrapper {
	margin: 0;
	padding: 0;
	display: none;
}



#lernfeld-uebersicht .film-wrapper .film-titel {
    background-color: #eee;
	font-size: 16px;
    padding: 10px 10px 10px 16px;
}

#lernfeld-uebersicht .frage-antwort-wrapper {
    float: left;
    margin: 10px;
    min-width: 253px;
    width: 23%;
}

.lernfeldkontrolle-wrapper {
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 1em;
    overflow: hidden;
    padding: 1em 0;
}

#lernfeld-uebersicht .lernfeldkontrolle-wrapper .film-titel {
	background-color: lightblue;
}

#lernfeld-uebersicht .lernfeldkontrolle-wrapper .film-titel span {
    float: right;
    font-style: italic;
}

.lernfeldkontrolle-wrapper h3 {
	margin-bottom: 15px;
}

.frage-antwort-wrapper {
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}

.lernfeldkontrolle-wrapper .frage {
    background-color: #fff;
    font-weight: bold;
}

.lernfeldkontrolle-wrapper .antworten {
	background-color: #f4f4f4;
}

.lernfeldkontrolle-wrapper .antwort {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.lernfeldkontrolle-wrapper .antwort:last-child {
	border-bottom: none;
}

.lernfeldkontrolle-wrapper .antwort:nth-child(even) {
	background-color: #f9f9f9;
}

.lernfeldkontrolle-wrapper .antwort:hover {
	background-color: #f0f0f0;
}

#lernfeld-film .antwort.active {
	background-color: #4da6ff;
	color: #fff;
}

#lernfeld-uebersicht ul.legende {
    overflow: hidden;
    width: 100%;
    display: block;
}

#lernfeld-uebersicht ul.legende li {
    display: inline;
    float: left;
    list-style: none;
    font-size: 14px;
    padding: 0 0 0 25px;
    margin-right: 15px;
    margin-left: 0;
    position: relative;
    width: 45%;
}

#lernfeld-uebersicht ul.legende li:nth-child(3) {
	clear: left;
}

#lernfeld-uebersicht ul.legende li span {
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    border: 1px solid #aaa;
    position: absolute;
    top: 5px;
    width: 20px;
}

#lernfeld-uebersicht ul.legende li.richtig span{
	background-color: lightgreen;
}

#lernfeld-uebersicht ul.legende li.falsch span{
    background-color: lightpink;
}

#lernfeld-uebersicht ul.legende li.unvollstaendig span{
	background-color: #ffdb9b;
}

#lernfeld-uebersicht ul.legende li.leer span{
	background-color: lightyellow;
}


#lernfeld-uebersicht .lernfeldkontrolle-wrapper .antwort.active {
    background-color: lightpink !important;
}

#lernfeld-uebersicht .lernfeldkontrolle-wrapper .antwort.active.richtig {
	background-color: lightgreen !important;
}

.antwort-index {
    display: inline-block;
    float: left;
    margin-right: 6px;
    position: relative;
    width: 2%;
}

.antwort-text {
    border-left: 2px solid #e1e1e1;
    float: left;
	padding-left: 8px;
    width: 94%;
}   

.lernfeldkontrolle-wrapper .antwort,
.lernfeldkontrolle-wrapper .frage {
  	border-bottom-style: solid;
  	border-bottom-width: 1px;
  	padding: 6px 12px;
}

.lernfeldkontrolle-wrapper .frage {
	color: #f9f9f9;
	background-color: #66737D;
}

button.lernfeld-submit,
button.lernfeld-button {
    background-color: #4da6ff;
    border: medium none;
    clear: both;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 13px 15px;
}

.lernfeld-submit.enabled {
	cursor: pointer;
	opacity: 1;
}

button.lernfeld-submit:hover,
button.lernfeld-button:hover,
#testergebnisse-uebersicht-filter input[type="button"]:hover {
    background-color: #275380;
}

span.preloader {
	background-image: url('../img/preloader.gif');
	width: 16px;
	height: 16px;
	display: inline-block;
}

span.preloader,
span.fail,
.film-wrapper.leer span {
	margin-left: 10px;
	font-size: 12px;
	font-style: italic;
}

span.success {
    color: green;
    background-color: #fff;
}

span.fail {
    color: red;
    background-color: #fff;
}

.film-wrapper:nth-child(1) {
	margin-top: 1em;
}


.film-wrapper.leer span {
    float: right;
    font-size: 13px;
}

#lernfeld-absenden {
	padding: 15px 0;
	overflow: hidden;
	position: relative;
}

#lernfeld-absenden .hsf-lernfeld-submit-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999;
}

#lernfeld-absenden .hsf-lernfeld-submit-overlay p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
}

#lernfeld-absenden input,
#lernfeld-absenden select,
#lernfeld-absenden button {
    clear: none;
    float: left;
    margin-right: 2% !important;
    width: 32% !important;
}

#lernfeld-absenden .last {
	margin-right: 0 !important;
}

#lernfeld-absenden button {

}

#testergebnisse-uebersicht-filter {
    clear: both;
    overflow: hidden;
    width: 100%;
}

#testergebnisse-uebersicht-filter .filter-field {
    min-width: 200px;
    width: 18%;
}

#testergebnisse-uebersicht-filter input[type="button"] {
    background-color: #4da6ff;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-top: 24px;
    padding: 10px 15px 9px;
    width: auto;
}

#lernfeld-gesamtkontrolle {
    clear: both;
    margin: 10px 0;
    position: relative;
    width: 100%;
}

#lernfeld-gesamtkontrolle .row-heading .tooltip {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 1px 1px 3px 0 #888;
    display: none;
    font-size: 11px;
    font-weight: normal;
    height: 70px;
    line-height: 1.3;
    margin: 0 auto;
    padding: 10px 15px;
    position: absolute;
    text-align: left;
    top: -60px;
    vertical-align: unset;
    width: 180px;
    word-wrap: normal;
    z-index: 999;
}



#lernfeld-gesamtkontrolle .user-row {
    background-color: #f4f4f4;
    clear: both;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

#lernfeld-gesamtkontrolle .user-row:nth-child(2n) {
    background-color: #f9f9f9;
}

#lernfeld-gesamtkontrolle .row-heading {
    background-color: #c5d5e3;
    font-weight: bold;
}

#lernfeld-gesamtkontrolle .row-heading > div{
	position: relative;
}

#lernfeld-gesamtkontrolle .user-row > div {
    float: left;
    padding: 5px 10px;
    text-align: center;
    width: 20%;
    word-wrap: break-word;
}


#lernfeld-gesamtkontrolle .user-row .station {
}

#lernfeld-gesamtkontrolle .user-row .kapitel {
	width: 8% !important;
}

#lernfeld-gesamtkontrolle .user-row .answers {
	width: 10% !important;
}

#lernfeld-gesamtkontrolle .user-row .answers .correct {
    color: green;
    font-weight: bold;
}

#lernfeld-gesamtkontrolle .user-row .quote {
	width: 10% !important;
}

#lernfeld-gesamtkontrolle .user-row .download {

}

#lernfeld-gesamtkontrolle .user-row .download a {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 27px;
    line-height: 1.3;
    text-align: center;
    width: 100px;
}


#lernfeld-gesamtkontrolle button.lernfeld-button {
    margin: 10px 10px 0 0;
}

a.pdf-download {
    background-color: #70d069;
    color: #fff;
    float: left;
    font-size: 15px;
    padding: 10px 15px;
}

a.pdf-download:hover {
	color: #fff;
	text-decoration: none;
}

.hsp-sidebar h3 {
	color: #667380;
	line-height: 1;
	text-transform: uppercase;
}

.hsp-sidebar ul {
    margin-bottom: 2em;
}

.hsp-sidebar li {
	font-size: 0.9em;
	line-height: 1.3;
}

@media only screen and (max-width: 1435px) and (min-width: 768px) {
	
	#lernfeld-uebersicht .frage-antwort-wrapper	{
		width: 48%;
		margin: 10px 1%;
	}
}

@media only screen and (min-width: 768px) {
	#lernfeld-gesamtkontrolle .row-heading div:hover .tooltip {
	}
}

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

	#lernfeld-uebersicht .frage-antwort-wrapper	{
		max-width: 100%;
		width: auto;
	}
	.responsive #lernfeld-gesamtkontrolle .user-row {
		height: auto;
		overflow: hidden;
	}
	
	.responsive #lernfeld-gesamtkontrolle .user-row > div {
		width: 100% !important;
		word-wrap: normal !important;
	}

}