@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: 400;
  src: /*local('Bangers')*/
    url('fonts/bangers-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers  */
    url('fonts/bangers-v12-latin-regular.woff') format('woff'), /* Modern Browsers  */
    url('fonts/bangers-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS  */
    url('fonts/bangers-v12-latin-regular.svg') format('svg'); /* Legacy iOS  */
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  padding-bottom: 40px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 60px; /* Set the fixed height of the footer here */
  line-height: 50px;
}
footer a{
	color: #f8f9fa;
}
#cookieconsent {
	background: rgba(0,0,0,0.85);
	color: white;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 4rem;
}
h1,.bangers{
	font-family: 'Bangers';
	letter-spacing: 0.07rem;
}

@-moz-document url-prefix() {
    h1,.bangers{letter-spacing: 0.02rem;}
}



.versteckt{
	display: none;
}
.slogan:hover .versteckt{
	display: inline;
}
.card-header h3,
.card-header h4{
	margin-bottom: 0;
}
.card-body p{
	text-align:left;
}
#hauptnavigation .navbar-nav li{
	font-size:120%;
}
td{
	padding:0 0.2rem;
}
a {
	font-weight:bold;
}
.accordion-trigger{
	cursor: pointer;
}
article{
	border:1px solid rgba(0, 0, 0, 0.125);
	margin: 1rem 0;
}
article h3{
	background-color: #FFBE00;
	padding: 0.5rem 1rem;
}

article{
	padding: 1rem;
}
article h3{
	margin: -1rem -1rem 1rem -1rem;
}

/* Dropdown-Menü für die Lehreraufgaben */
.untermenu{	
	background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x;
}
.untermenu li{
	list-style:none;
}
.untermenu a:hover{
	color:#214000;
	text-decoration: underline;
}

/* Ende Dropdown-Menü für die Lehreraufgaben */
.lehrerbreadcrumb span{
	font-weight: bold;
	color: #214000;
}

.modal-header:hover{
	cursor: move;
}

/* ANWEISUNGEN FÜR TABLESORTER-PLUGIN */
th.header,
th.headerSortDown,
th.headerSortUp{cursor:pointer;}
th.header:after{font-size:8px;font-size:0.5rem;content:" \25BC\25B2";}
th.headerSortDown:after{content:"\00A0\00A0\00A0\00A0\00A0\25B2";}
th.headerSortUp:after{content:"\00A0\00A0\00A0\00A0\00A0\25BC ";}
/* eNDE ANWEISUNGEN TABLESORTER-PLUGIN */

/*FARBEN FÜR DIE RECHTSCHREIBARTEN */
 .LB{
 background-color: #FFFF99;
 }
 .GZ{
 color: #FFCC00;
 }
.GK{
color: #FF9900;	
}
.K{
color: #FF4400;	
}
/*ENDE FARBEN FÜR DIE RECHTSCHREIBARTEN */

/* FEHLERRÜCKMELDUNGEN */
span.fehler{color:#CC0000;font-weight:bold;text-decoration:line-through;}
span.richtig{color:#006600;font-weight:bold;text-decoration:underline;}
span.falschkomma{color:#CC0000;font-weight:bold;}
span.fehlkomma{color:#CC0000;font-weight:bold;text-decoration:underline;}
span.richtigkomma{color:#006600;font-weight:bold;font-size:1.5em;}
/* ENDE FEHLERRÜCKMELDUNGEN */

/* ÜBUNGEN, FREIE TRAININGS, KOMPETENZTESTS */
#uebungsaufgabe b{position:relative;display:inline-block;}
.einsetzmoeglichkeit{position:absolute;background-color:#ddd;z-index:100;margin-top:0.1rem;display:none;}
.auswahlmoeglichkeit{border:1px solid #ccc;padding:0.3em 0.5em;margin:0;background-color:#eee;}
.auswahlmoeglichkeit:hover{background-color:#aaa;text-decoration:none;}
.gauge {
	left: 0;
	right: 0;
	text-align: center;
}
h4.gauge {
	line-height:1rem;
}
h4.gauge_klein{
	font-size:90%;
	line-height: 0.9rem;
}

canvas {
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.verblasse{
	opacity: 0.9;
	font-size: 95%;				
}

.rueckmeldung, .rueckmeldung_ft{
	position:relative;
	padding: 1rem;
}
/* Dreieck: weisse Innenfläche */
.rueckmeldung:after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	bottom:-19px;
	margin-left: 60%; 
	border-style: solid;
	border-width: 20px 20px 0;
	border-color: #e9ecef transparent;
}
@media screen and (max-width: 768px){
	.sidespeech:after {
		bottom:60%;
		margin-left: 93%; 
		border-width: 0 20px 20px 0;
	}
}
@media screen and (min-width: 768px){
	.rueckmeldung_ft:after {
		content: "";
		position: absolute;
		z-index: 1;
		display: block;
		width: 0;
		bottom:60%;
		margin-left: 95%; 
		border-width: 0 20px 20px 0;
		border-style: solid;
		border-color: #e9ecef transparent;
	}
}
/* ÜBUNGEN, FREIE TRAININGS, KOMPETENZTESTS */

/* WORTARTENTRAINING */
.feedback{float: left;margin: 0.2em;}
.Nm{
background-color: #FF0000;
color: white;
}
.Pn{
background-color: #FF6000;
color: white;
}
.Aj{
background-color: #FFB000;
}
.Ak{
background-color: #FFFF00;
}
.Vb{
background-color: #088A08;
color: white;
}
.Pz{
background: linear-gradient(to right, #088A08, #FFB000); 
color: white;
}
.Av{
background-color: #40FF40;
}
.Pp{
background-color: #0080FF;
color: white;
}
.Kj{
background-color: #0000FF;
color: white;
}
.Pt{
background-color: #8000FF;
color: white;
}
.--{
background-color: #ccc;
}


@media screen and (min-width: 992px){
	#hauptnavigation .navbar-nav li{
		font-size:150%;
	}
}

@media screen and (min-width:1400px){
	div.skyscraper{position: absolute;width:200px; margin-left: 200px;}
	div.mobileTop{display:none;}
}
@media screen and (max-width:1399px){
	.skyscraper{display:none;}
	.mobileTopGoogle{
		display: inline-block;
		width: 728px;
		height: 90px;
	}
}
@media screen and (min-width:576px){
	.jumbotron .lehrerbreadcrumb{ margin-top: -2rem;}
}
@media screen and (max-width:576px){
	h4.gauge{font-size:75%;}
	.mobileTopGoogle{
		display: inline-block;
		width: 468px;
		height: 60px;
	}
}
@media screen and (max-width:400px){
	h4.gauge{font-size:75%;}
	.mobileTopGoogle{
		display: inline-block;
		width: 300px;
		height: 100px;
	}
}
@media print{
	*{color:#000 !important;background-color:#fff !important;}
	html{background-color:#fff;}
	nav,
	.lehreraufgaben,
	.skyscraper,
	.printhide{display:none;}
	a[href]:after{content:" (" attr(href) ") ";}
	a[href]{font-weight:bold;text-decoration:underline;color:#06c;border:none;}
	a[href^="javascript:"]:after, a[href^="#"]:after{content:"";}
	abbr[title]:after{content:" (" attr(title) ")";}
	figure{margin-bottom:1em;overflow:hidden;}
	figure img{border:1px solid #000;}
	.druckehalb{width:50%;float:left;page-break-inside:avoid;}
	.pagebreak{page-break-after:always !important; }
	#visitenkartenausgabe td{border:1px solid #ccc !important;}
	#visitenkartenausgabe tr:nth-child(odd){background:#ddd !important;}
	#visitenkartenausgabe h2,
	#visitenkartenausgabe .warnung,
	.clear{display:none;}
	#adrechts{display:none !important;}
	footer{display:none;}
    .collapse {
        display: block !important;
        height: auto !important;
    }
}