/* Definitionen fürs gesamte Dokument */
body {
	font-family: 'Noto Sans';
}

img {
	max-width: 100%;
}

.space-above {
	margin-top: 30px;
}
.space-below {
	margin-bottom: 30px;
}

/* Footer mit Trennlinie oben */
#footer {
	margin-top: 50px;
	border: 1px #23396e;
	border-top-style: solid;
	padding-top: 10px;
}

/* Wechselelement unterhalb des Banners */
#formSwitchOSA {
	width: max-content;
	margin: -30px 0 0 auto;
}

/* Standard-Button mit dunkelblauem Rand */
.button-default {
	padding: 5px 10px;
	font-size: 1.2em;
	border: 1px solid;
	border-color: #23396e;
	border-radius: 5px;
}

/* hervorgehobener Button mit dunkelblauem Hintergrund */
.button-primary {
	background-color: #23396e;
	color: white;
}

/* Navigations-Button */
.button-main-navigation {
	min-height: 60px;
	width: 100%;
}

/* Markierung für bearbeitet Module in OSA-Übersicht */
.module_completed::after {
	content: '\2714';
	display: inline-block;
	margin: 0 4px 0 8px;
	color: white;
	background-color: darkgreen;
	border-radius: 50%;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
}

.module_completed {
  color: #909090;
}

/* Erwartungscheck-Feedback
- Hintergrundfarbe weiß
- Block-Element bekommt Klasse 'ecfb-display-x', die die Rahmenfarbe und die 
	Anzeige des passenden Feedback-Tags ("Deine Erwartung ist korrekt" bzw. 
	"... nicht korrekt") steuert
*/

.ecfbblock{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
	background-color: white; 
	border: 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.ecfb-display-1 {
	border-color: #78BC29;
}
.ecfb-display-0 {
	border-color: #F2C718;
}

.ecfb_text{
	padding: 16px;
}

.ecfb_text > .h3block {
	margin-top: -12px;
	margin-bottom: 4px;
	background-color: transparent;
	color: inherit;
	font-weight: 600;
}

.ecfb_text > p:last-child {
	margin-bottom: 0;
}

.ecfb_tag_kor {
	padding: 0.5em 1em;
	color: inherit;
	background-color: #78BC29;
}

.ecfb-display-0 > .ecfb_tag_kor {
	display: none;
}

.ecfb_tag_ink{
	padding: 0.5em 1em 0.5em 2.3em;
	text-indent: -1.3em;
	color: inherit;
	background-color: #F2C718;
}

.ecfb-display-1 > .ecfb_tag_ink {
	display: none;
}