/* kurrentkurs.css
Kurrentkurs Standard CSS
Kurrentkurs ist ein online-Kurs
(c) 2020 by Wasserburger OÜ & Co KG, https://www.wasserburger.at
Autor: c.beyer@wasserburger.at und wolfgang@wasserburger.at
*/
* {
	/*box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
#kktundia {
	--mdc-dialog-scrim-color: rgba(0, 0, 0, 0)!important;
	--mdc-dialog-margin-bottom: -100px;
	position: absolute;
	bottom: -100px;
}
.tuner {
	--mdc-ripple-color: transparent;
}
.lr20 {
	padding-left: 20px;
	padding-right: 20px;
}
#b5grid_wrapper {
	position: static;
	display: grid;
	height: calc(100% - 64px);
}
#b5grid {
	display: grid;
	grid-template-columns: [col1] 1fr [col2] 48px [colend];
	grid-row-gap: 8px;
	grid-column-gap: 8px;
	/*row-gap: 1em;
	gap: 2em 2em;
	column-gap: 0.5em;*/
	padding: 16px;
	/*box-sizing: border-box;*/
	height: 100%;
	/*margin: 0.25em;*/
	/*grid-auto-flow: row;*/
	/*grid-auto-rows: auto;*/
}
#b5grid div, #b5grid .col1 mwc-textarea {
	grid-column: col1;
	width: 100%;
	vertical-align: middle;
	/*border: 1px solid blue;
	grid-row: auto;*/
}
#b5grid .col2, #b5grid .col4 {
	grid-column: col2;
}
@media (min-width: 480px) { 
	#b5grid {
		/*grid-template-columns: [col1] minmax(25em, 1fr) [col2] minmax(15em, 1fr);*/
		grid-template-columns: [col1] 1fr [col2] 48px [colend];
		grid-column-gap: 12px;
		/*margin: 1em;*/
	}
}
@media (min-width: 640px) { 
	#b5grid {
		grid-template-columns: [col1] 1fr [col2] 48px [col3] 1fr [col4] 48px [colend];
		/*margin: 2em;*/
	}
	#b5grid .col2 {
		grid-column: col2;
	}
	#b5grid .col3 {
		grid-column: col3;
	}
	#b5grid .col4 {
		grid-column: col4;
	}
}
@media (min-width: 1296px) { 
	#b5grid {
		grid-template-columns: [colstart] auto [col1] 600px [col2] 48px [col3] 600px [col4] 48px [colend] auto;
	}
	#b5grid .col1 mwc-select {
		width: 192px;
		margin-right: 12px;
	}
	#b5grid .col1 mwc-select:last-child {
		margin-right: 0px;
	}
}

.transkr a, .transkr a:link, .transkr a:-webkit-any-link {
	text-decoration: none;
	color: var(--mdc-text-field-ink-color, rgba(0, 0, 0, 0.87));
}
.expert .tr-2ndblank {
	color: green;
}
.expert .tr-2ndvar {
	color: cyan;
}
.expert .tr-addkey {
	color: red;
	text-decoration: line-through;
}
.expert .tr-case {
	color: magenta;
}
.expert .tr-err {
	color: red;
}
.expert .tr-missblank {
	background-color: blue;
}
.expert .tr-misskey {
	color: lime;
}
.expert .tr-missmark {
	color: red;
}
.expert .tr-raute {
	color: orange;
}
.expert .tr-general {
	color: darkblue;
}
.expert .tr-nro {
	color: darkgreen;
}
.expert .tr-minchg {
	color: magenta;
}

.basic .tr-2ndblank {
	/*background-color: red;*/
	color: red;	/*green*/
}
.basic .tr-2ndvar {
	color: blue;	/*cyan*/
}
.basic .tr-addkey {
	color: red;
	text-decoration: line-through;
}
.basic .tr-case {
	color: magenta;	/* ??? */
}
.basic .tr-err {
	color: red;
}
.basic .tr-missblank {
	background-color: blue;
}
.basic .tr-misskey {
	color: red;	/*lime*/
}
.basic .tr-missmark {
	/*color: red;	lime*/
}
.basic .tr-raute {
	color: red;	/*orange*/
}
.basic .tr-general {
	color: blue;	/*darkblue*/
}
.basic .tr-nro {
	color: blue;	/*darkgreen*/
}
.basic .tr-minchg {
	color: blue;	/*magenta*/
}
.blau {
	--mdc-theme-primary: blue;
}
.gruen {
	--mdc-theme-primary: #48ad96;
}
.gelb {
	--mdc-theme-primary: yellow;
}
.rot {
	--mdc-theme-primary: red;
}
#nord {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 50%;
}
#container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#sued {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	/*border: solid red 5px;*/
	/*overflow: auto;*/
}
.transkrcont {
	position: absolute;
	/*top: 30px;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	/*padding-right: 10px;
	margin: 10px;
	border-radius: 10px;
	border: 1px solid #fed976;*/
}
/*.bspdash mdl-card__media img {
	max-height: calc(100% - 24px);
}*/
.bspdashbild {
	margin: 12px;
	margin-bottom: 0;
	max-height: 138px;
	overflow: hidden;
}
.bspdashbild img {
	width: calc(100% - 24px);
	/*width: 100%;*/
}
.cardlev1 {
	background-color: #1a9641!important;
}
.cardlev2 {
	background-color: #a6d96a!important;
}
.cardlev3 {
	background-color: #ffffbf!important;
}
.cardlev4 {
	background-color: #fdae61!important;
}
.cardlev5 {
	background-color: #d7191c!important;
}
	
	
	
	




/*p {
	font-size: 16px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fcfcee;
	padding: 20px;
	margin: 0;
}
a {
	text-decoration: none;
}
a:any-link, a:link, a:vlink, a:visited, a:active, a:-webkit-any-link, a:-moz-any-link {
	color: #bd0026; / *!important; * /
}
a:link {
	color: #bd0026;
}
a:visited {
	color: #bd0026;
}
/ *.bgcolh1 {
	color: #600010;
	font-size: 24px;
}* /
.bgcolh1:before {
	color: #e31a1c;
	font-size: 24px;
}
.bglogo {
	position: absolute;
	font-size: 500px;
	width: 500px;
	height: 500px;
	z-index: -1;
	color: #500005;
	position: absolute;
	left: 100px;
	bottom: 200px;
	display: none;
}
.bglogo i {
	font-size: 500px;
}



.navbar-cent {
	width: 700px;
	margin: 100px auto;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.navbar li, .nav-header span {
	box-sizing: border-box;
	margin: 22px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	position: relative;
	display: block;
}
.nav-header span a {
	/ *padding: 25px;* /
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
	line-height: 20px;
	font-weight: bold;
}
.mainmenu ul {
	width: auto;
	/ *float: right;* /
	margin-top: 0;
}
.mainmenu li a {
	/ *padding: 30px;* /
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
	line-height: 20px;
}
.nav-header {
	width: 300px;
	height: 70px;
	float: left;
}
.mainmenu {
	width: 400px;
	height: 70px;
	/ *float: right;* /
}

.diawrap {
	/ *position: fixed;
	top: 150px;
	bottom: 100px;
	overflow: auto;* /
	width: 100%;
	items-align: center;
	text-align: center,
}
.gkdialog, .gkdialog7 {
	background-color: #ffffee;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
	margin: 100px auto;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 10px;
}
.gkdialog {
	width: 400px;
}
.gkdialog7 {
	min-width: 700px;
	max-width: 1000px;
}
.gkdialog h1, .gkdialog7 h1, #modal_window h2, .gkdialog h2 {
	text-align: center;
	color: #5b6574;
	font-size: 24px;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #fed976;
	margin-bottom: 6px;
}
.gkdialog form, .gkdialog7 form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}
.gkdialog form label, .gkdialog7 form label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #bd0026;
	color: #ffffff;
}
.gkdialog form input, .gkdialog form input[type="password"], .gkdialog7 form input[type="password"], .gkdialog form input[type="text"], .gkdialog7 form select {
	width: 280px;
	height: 50px;
	border: 1px solid #feb24c;
	margin-bottom: 20px;
	padding: 0 15px;
}
.gkdialog form input[type="submit"] {
	margin-bottom: 0px;
}
.gkdialog7 form select {
	width: 310px;
}
.gkdialog form textarea {
	width: 310px;
	height: 150px;
	border: 1px solid #feb24c;
	margin-bottom: 0px;
	padding: 0 15px;
}
.gkdialog form p, .gkdialog p {
	width: 360px;
	/ *height: 250px;* /
	margin-bottom: 20px;
	padding: 0px;
}
.gkdialog p {
	margin-left: 20px;
	margin-right: 20px;
}
.gkdialog form input[type="submit"], .gkdialog form button[type="submit"], .gkdialog7 form input[type="submit"], .pseudosubmit {
	width: 100%;
	padding: 15px;
	/ *padding-left: 30px;
	padding-bottom: 0;* /
 	margin-top: 20px;
	background-color: #bd0026;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}
.gkdialog form input[type="submit"]:hover, .gkdialog7 form input[type="submit"]:hover {
	background-color: #e31a1c;
	transition: background-color 0.2s;
}

.gkdialog3 button[type="button"], .gkd3btn button[type="button"] {
	width: 310px;
	height: 50px;
	padding: 15px;
	margin-right: 25px;
	margin-left: 0px;
	/ *padding-left: 30px;
	padding-bottom: 0;* /
	background-color: #bd0026;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
	border-radius: 0 10px 10px 0;
	text-align: center;
}
.gkd3btn button[type="button"]:hover {
	background-color: #e31a1c;
	transition: background-color 0.2s;
}
.gkd3btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}

.gkdialog3 {
	padding-bottom:20px;
}
.gkd3btn label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #444444;
	color: #ffffff;
	margin-left: 25px;
	border-radius: 10px 0 0 10px;
}
.gkd3btn a label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #444444;
	color: #ffffff;
	margin-left:25px;
}
.normal {
	font-size:0.8em;
	display: inline ;
	/ *color:#444444;* /
}
.normal a {
	display: inline ;
}
.bold {
	font-weight:bold;
}
.error {
	font-size:0.8em;
	color:#FF0044;
	text-align:center;
}
.gkinput {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
	width: 400px;
}
.gkdialog500 {
	width:500px;
}
.bggreen label {
	background-color:#11BB00;	
}
.bgred label {
	background-color:#fc4e2a;	
}
.bggrey label {
	background-color:#aaa!important;	
}
.gkdialog7 form input[type="text"] {
	width: 280px;
	height: 50px;
	border: 1px solid #feb24c;
	margin-bottom: 20px;
	padding: 0 15px;
}
.larger div label {
	width:100px;
	font-weight:bold;
}
.larger div input[type="text"] {
	width:260px;
}
.font80 {
	font-size:0.8em;
}
.hr300 {
	width:500px;
	margin-top:15px;
	margin-bottom:-5px;
}
.rand {
	padding-left:50px;
	padding-right:50px;
}
.gktbl td {
  border: 1px solid #FFDDDD;
  padding: 5px;
}




.tablewrap {
	box-sizing: border-box;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
	margin-top:20px;
}
.legend {
	width: 100%;
	padding: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-top: 1px solid #fed976;
}
.dialogmsg {
	/ *width: 100%;* /
	display: block;
	padding: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.smallmenu, .kurschg {
	/ *width: 100%;* /
	box-sizing: content-box;
	position: float;
	float: right;
	margin-right: 40px;
	margin-bottom: 20px;
	/ *right: 0;
	padding: 10px;* /
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.smallmenu {
	float: right;
}
.kurschg {
	float: left;
}
.nodisp {
	display: none;
}
/ *input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button!important;
}* /

/ * ***** schon neu * /
.whitewrap {
	width: 100%;
	/ *height: 100%;* /
	box-sizing: border-box;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px 20px 0 20px;
	border: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
header, footer {
	position: relative;
	/ *margin: 0;* /
	width: 100%;
	/ *background-color: #ffffcc;
	border-bottom: 1px solid #ffffee;* /
	height: 70px;
	align-items: center;
	display: block;
}
header {
	/ *top: 0;* /
	height: 130px;
}


footer {
	bottom: 0;
	height: 100px;
	text-align: center;
	background-color: #fcfcee;
}
header div, footer div {
	position: relative;
	/ *margin-left: 20px;
	margin-right: 20px;* /
	text-align: center;
	padding: 20px;
	/ *align-content: center;
	align-items: center;* /
}
header div {
	padding: 0;
	text-align: left;
}
footer div {
	text-align: center;
}
/ *header #custom_titel {
	border-bottom: 3px solid #bd0026;
}* /
header .mainmenu {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	margin-left: 0px;
	text-align: center;
	items-align: center;
}
header .mainmenu {
	border-top: 1px solid #bd0026;
	padding-top: 10px;
}
footer div {
	padding-top: 10px;
}
footer div ul, header .mainmenu ul {
	width: 700px auto;
	height: auto;
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0;
	box-sizing: content-box;
	list-style-position: outside;
}
footer div ul li, header .mainmenu ul li {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
}
footer .links {
	position: fixed;
	left: 20px;
	bottom: 0px;
}
footer .rechts {
	position: fixed;
	right: 20px;
	bottom: 0px;
	text-align: right;
}
#custom_titel {
	font-family: "Libre Baskerville", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color: #bd0026;
	display: inline-block;
	box-sizing: content-box;
	width: auto;
	min-width: 100px auto;
	max-width: 250px auto;
	margin: 0px;
	margin-top: -30px;
	text-align: right;
	position: relative;
	left: 100px;
	top: 0;
	padding-top: 0;
}
#custom_titel a, #custom_titel a:link, #custom_titel a:vlink, #custom_titel a:visited, #custom_titel a:active {
	color: #bd0026!important;
}
#custom_titel h1 {
	box-sizing: content-box;
	font-family: "Libre Baskerville", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	font-size: 36px;
}
#custom_titel p {
	box-sizing: content-box;
	font-size: 18px;
	margin-top: -30px;
}
#klisttab tr, #klisttab tr td {
	cursor: pointer;
}
.yellow:before {
	color: #feb24c;
}
.green:before {
	color: green;
}
.red:before {
	color: red;
}
.gkdialog7 form .bggreen label {
	background-color:#11BB00!important;
}
.gkdialog7 form .bgred label {
	background-color:#fc4e2a;
}
.doublecol {
	width: 100%;
}

.gkdialog3 button, .gkd3btn button {
	width: 310px;
	height: 50px;
	padding: 15px;
	margin-right:25px;
	margin-left: 0px;
	/ *padding-left: 30px;
	padding-bottom: 0;* /
	background-color: #bd0026;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	transition: background-color 0.2s;
	border-radius: 0 10px 10px 0;
	text-align: center;
}
.gkd3btn button:hover {
	background-color: #e31a1c;
	transition: background-color 0.2s;
}
.gkd3btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}
.gkd3btn td {
	display: table-cell;
}
.gkd3btn input[type="number"] {
	width: 60px;
	height: 50px;
	border: 1px solid #feb24c;
	margin-bottom: 20px;
	padding: 0 0 0 15px;
	font-weight:bold;
}

.gkd3chk {
	/ *border: 2px solid blue;* /
	display: block;
	background-color: #ffffee;
	width: 360px;
}
.gkd3chk p {
	/ *border: 2px solid blue;* /
	display: block;
	/ *background-color: #ffffee;* /
	width: 360px;
}
.gkd3chk label {
	display: inline!important;
	/ *border: 2px solid cyan;* /
	/ *background-color: magenta!important;* /
	width: 310px!important;
	background-color: #ffffee!important;
	height: auto!important;
	color: black!important;
}
.gkd3chk a {
	display: inline;
}

.box {
	float: left;
}
.wrapper {
	position:relative;
}
/ *.infobox {
DOPPELT
	position: absolute; 
	left: 50px; 
	top: 30px; 
	width:400px;
	height:380px;
	border-style: solid;
	border-width: 1px;
	border-color:#BD0026;
	border-radius:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:10px;
	overflow-y: auto;
	overflow-x: hidden;
 background-color:#00FF00;
}* /
.dashboard {
	position: relative; 
	left: 450px; 
	top: 0px; 
	width:500px;
	/ * background-color:#FFFFFF; * /
}

input[type=number] {
	display: block;
	box-sizing: content-box;
	line-height: 40px;
	font-size: 30px;
	padding-right: 0px;
	margin-right: 0;
}
.gkd3btn input[type=number]::-webkit-inner-spin-button, .gkd3btn input[type=number]::-moz-inner-spin-button {
  width: 30px;
  height: 50px;
}

.box {
     float: left;
}
.wrapper {
	position:relative;
}
.infobox {
	position: absolute; 
	left: 50px; 
	top: 25px; 
	width:400px;
	/ *height:335px;* /
	border-style: solid;
	border-width: 1px;
	border-color:#BD0026;
	border-radius:5px;
	padding: 0;
	/ *padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
   background-color:#00FF00;* /
}
.infoboxinside {
	margin: 10px;
	margin-top: 40px;
	height: 100%;
	overflow-x: auto;
}
.infobox div {
	padding-bottom:2px;
}
.dashboard {
	position: relative; 
	left: 450px; 
	top: 0px; 
	width:500px;
	/ * background-color:#FFFFFF; * /
}
.white {
	color:#FFFFFF;
}
.progressbarWrapper {
	width: 100%;
	height:25px;
	line-height:25px;
	background-color:#BBBBBB;
	border-radius: 7px 7px 7px 7px;
	margin-bottom:15px;
}
.progressbarLeft {
	float:left;
	height:25px;
	text-align:center;
	background-color:#BD0026;
	border-radius: 7px 7px 7px 7px;
}
.progressbarRight {
	float:left;
	height:25px;
	text-align:center
}
.infoboxhead {
	/ *left: 50px; 
	top: 25px; * /
	margin-left: 0;
	position:absolute;
	width:400px;
	height:25px;
	background-color:#BD0026;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	padding-top:7px;
}
.largerfont {
	font-size:1.2em
}

.diahauto {
	height: 570px;
}

.zwischenzeile {
	position: relative;
	margin-left: 0;
	width: 100%;
	padding: 20px;
	/ *padding-right: 20px;* /
	margin-bottom: 20px;
}*/