@charset "utf-8";
/* CSS Document */
:root {
  --dunkel: #006794;
  --dunkel2: #006794;
  --hell: rgba(247,247,247,1.00);
--transhell: rgba(247,247,247,.6);
--gelb: #9acd32;
	--rot: #ff4af7;
	--blau: #0080b1;
	--gruen: #56b259;
	--flieder: #b27eb5;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../files/webfonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../files/webfonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../files/webfonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../files/webfonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../files/webfonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../files/webfonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body {
	font-family: "Source Sans Pro";
}
 .container-lg {
    max-width: 1500px;
	}
.seitencontainer {
	padding-left: 0px;
	padding-right: 0px;
}
.tpl {
	/* border: 2px dotted red; */
	min-height: 40px;
	margin: 3px
}
.main, .footer, .header {
	border: 1px ridge var(--dunkel);
	min-height: 40px;
	padding: 5px;
}
.homemenue {
	padding: 0rem;
}

.hell {
	background-color: var(--hell);
}
.navbar-toggler {
	padding: .5rem .5rem;
}
.main, .header {
	border-bottom: 0px solid rgba(5,58,66,1.00);
}

.footer {
	color: var(--hell);
	background-color: var(--dunkel);
}
.html {
	/* border: 2px dotted green; */
	min-height: 40px;
	margin: 3px;
}
.fehler, .fehlerinfo {
	border-color: #F60101;
	color: #F60101;
}

.seitenaufbau {
	/* border: 1px dotted black; */
	background-color: rgba(214,214,214,1.00)
}

.math {
	border: 1px solid rgba(231,231,231,1.00);
}

.aktiv {
	border: 2px solid green;
	padding: 2px;
	border-radius: 4px;
}
.show-menu {
	position: absolute;
	left: 0px;
	background-color: #f8f9fa;
	z-index: 1000;
	padding: 10px;
	width: 100%;
}

.hauptmenue {
	padding-top: 0px;
	padding-bottom: 0px;
}
.hauptmenue a.nav-link {
	text-decoration: underline;
	text-decoration-color: var(--gelb) !important;
	text-decoration-thickness: 3px;
}
.homemenu img {
	vertical-align: top;
}
.haupttitel {
	vertical-align: top;
	color: var(--dunkel);
	
}
.fussmenue {
	color: var(--hell);
}
.fussmenue-titel {
	color: var(--gelb);
}
.fussmenue-link a {
	color: var(--hell);
	text-decoration: underline;
	text-decoration-color: var(--gelb) !important;
	text-decoration-thickness: 3px;
}

.btn-dunkel, .btn-primary, .btn-hell:hover, .btn-hell:active, .btn-outline-primary:hover, .btn-outline-primary:active {
    color: #fff !important;
    background-color: var(--dunkel) !important;
    border-color: var(--dunkel) !important;
}

.btn-hell, .btn-outline-primary {
	color: var(--dunkel) !important;
    background-color: var(--hell) !important;
    border-color: var(--dunkel) !important;
}

.btn-dunkel:hover, .btn-primary:hover, .btn-dunkel:active, .btn-primary:active {
	color: var(--dunkel) !important;
    background-color: var(--hell) !important ;
    border-color: var(--dunkel) !important;
}

.bg-primary {
	 background-color: var(--dunkel) !important;
}

.nav-link {
	color: var(--dunkel) !important;
}

.iconedit {
	position: absolute;
	bottom: 0px!important;
	right: 0px!important;
	flex-wrap: wrap;
}

.inhalt {
	position: absolute;
	top: 0px!important;
	left: 0px!important;
	flex-wrap: wrap;
	z-index: 1;
}

.presentation {
	position: absolute;
	top: 0px!important;
	right: 0px!important;
	flex-wrap: wrap;
	z-index: 1;
}

.label-xs {
	font-size: small;
	padding-bottom: 0px;
	padding-top: 0px;
}

.fileeditortable td, .fileeditortable th {
	padding: 0.1rem !important;
}

.dashboard-button {
	background-color: white;
}

.bild-rechts, .bild-links {
	padding: 5px;
	margin: 5px;
	border: 1px solid var(--dunkel);
	border-radius: 4px;
}

.bild-rechts {
	float: right;
}
.bild-links {
	float: left;
}

.bildunterschrift {
	text-align: center;
	font-size: .8rem;
}

.bild-mitte {
	display: block;
	margin: auto;
	text-align: center;
	clear: both;
}

math-field {
	width: 100%;
}

.iconedit {
	z-index: 2;
}

.ccard-titel {
	padding-left: 25px!important;
	padding-right: 25px!important;
}

.presentation-show .card-img {
  max-height: 75vh!important;
  width: auto!important;
  max-width:100%;
}

.presentation-show .card-img-overlay {
	background-color: var(--transhell);
	top: auto;
	right: auto;
  	left: auto;
	bottom: 10px;
	padding: 8px;
}