/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.09.2017, 09:32:45
    Author     : post
*/

@font-face {
    font-family: 'UnitBold';
	src: url('https://medienanstalt-sachsen-anhalt.de/cms/css/FiraSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UnitSlab';
    src: url('https://medienanstalt-sachsen-anhalt.de/cms/css/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UnitSlabSc';
    src: url('https://medienanstalt-sachsen-anhalt.de/cms/css/UnitSlabScOffc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
dt.accordion-title {cursor:pointer;}
dd { display:none; }
.ui-state-disabled {
opacity: .55 !important;
}
.cms_abstract select {width:60% !important;}

#linkeditor_filename_606 select {width:51% !important;}

.form-control::-webkit-input-placeholder { color: #f0f0f0; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #f0f0f0;  }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #f0f0f0;  }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #f0f0f0;  }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #f0f0f0; }  /* Microsoft Edge */

.vrweb_player_main {
	    top: -15px !important;
}

i#readindividual {
	display: none;
}

body {
  background-image: url('../images/PixelGlitch.gif');
}
#nav-read-container button {
	color: #2c6fb7;
    font-size: 3.2rem;
    z-index: 1040;
	text-decoration: none;
    cursor: pointer;
}

#nav-contrast-container button {
    cursor: pointer;
}

nav.navbar h2 {
    padding: 4rem 0.7rem 4.5rem 0;
    font-size: 2.6rem;
    font-family: UnitBold;
}

a.nav-link.active, a.active {
    color: magenta !important;
}
nav.navbar .navbar-nav .nav-link {
	text-decoration:none;
	color:#2c6fb7;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}
a.nav-link:hover {
	text-decoration:none;
    color: magenta !important;
}

nav.navbar .navbar-nav .nav-link {
    /*font-size: 2.0rem;*/
	font-family: UnitSlab;
    font-weight: normal;
	text-decoration:none;
}
nav.navbar .navbar-nav .nav-item ul .nav-link {
    /*font-size: 1.8rem;*/
    color: #4e4e4e;
    line-height: 2.3rem;
	text-decoration:none;
}
nav.navbar .navbar-nav .nav-link:hover {
    text-decoration: none;
}

@media (min-width: 1601px) {
.nav-link a.active {
		border-bottom: 2px solid magenta !important;
}
}
.caption {
	font-size:1rem;
	color:ligthgray;
	display:inline-block;
}
.article_infobox {
    border-top: 2px solid magenta;
    background-color: #e3e3e3;
    color: darkslategray;
    padding: 2rem;
}

.tile-content h2 {
    font-size: 2.2rem;
    line-height: 1.3;
    font-family: UnitBold;
    font-weight: normal;
}

.tile-content time {
    display: block;
    font-family: UnitSlab;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 1em;
    margin-bottom: 0.5rem;
}


.tile-content {
	margin: 0 2px 2px 0;
}
.tile-content video {
	background-color:black;
}

.fa-4x {
    font-size: 2em;
    color: #001049 !important;
	margin-right: 1rem;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
	border: 1px solid #001049;
	border-radius: 50%;
    padding: 1.2rem;
}
.fa-4x:hover {
    color: #3b5998 !important;
}
.fa-chevron-left {
	inline-size: 5.7rem !important;
}
.content video {
	width:100% !important;
	height:auto !important;
}
.content img.fullwidth {
	width:100% !important;
	height:auto !important;
	display:inline-block;
}

footer#page-footer h3 {
	font-family: UnitSlab !important;
	font-weight: normal !important;
}

footer#page-footer .navigation li {
    font-family: UnitSlab !important;
	font-weight: normal !important;
}
footer#page-footer .footer_content ul li a {
    text-decoration: none !important;
}

#content main article {
    padding-left: 2rem;
}
#content main article footer {
    padding-top: 1.6rem;
}
@media (min-width: 1601px) {
	#content main article {
    	padding-left: 8rem;
	}
}

#content main article header h1 {
    font-family: 'UnitBold', sans;
	margin-bottom: 1.2rem;
}
#content main article header h2 {
	font-family: 'UnitSlab', sans;
}
#content main article {
	font-family: 'UnitSlab', sans;
}
#content main article h3 {
	font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

.mpDynamicContentHtml {
	background-color:#f1f1f1;
	border-top:4px solid magenta;
	padding: 0rem;
	margin-bottom:2rem;
}

.mpDynamicContentHtml p, .mpDynamicContentHtml h2 {
	padding: 1rem;
}

.nopadding {
    padding: 0rem !important;
}
.link-extern:after {
    content: "\f14c";
}
.link-extern:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
a.link-extern {
	hyphens: none !important;
	color:magenta;
}
.link-sign-in:after {
	content: "\f090";
}
.link-sign-in:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
.link-sign-in {
	hyphens: none !important;
	color:magenta;	
}
.link-email:after {
	content: "\f0e0";
}
.link-email:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
a.link-email {
	hyphens: none !important;
	color:magenta;
}
.link-download:after {
	content: "\f019";
}
.link-download:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
a.link-download {
	hyphens: none !important;
	color:magenta;
}
a.link-intern {
	hyphens: none !important;
	color:magenta;
}

.link-facebook:after {
    content: "\f082";
}
.link-facebook:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
a.link-facebook {
	hyphens: none !important;
	color:magenta;
}
.link-twitter:after {
    content: "\f081";
}
.link-twitter:after {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-left: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
a.link-twitter {
	hyphens: none !important;
	color:magenta;
}

a.link-download:hover, a.link-email:hover, a.link-extern:hover {
    color:red;
	transition: all 2s ease-in 2s; /* explorer 10 */
    -webkit-transition: all 2s ease-in 2s; /* chrome & safari */
    -moz-transition: all 2s ease-in 2s; /* firefox */
    -o-transition: all 2s ease-in 2s; /* opera */
}
p.zitat:before {
	content: "\f10e";
}
p.zitat:before {
	font-family: "FontAwesome" !important;
    font-size: 1em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap;
}
.zitat {

	width:70%;
	color:#2c6fb7;
	margin-left:5rem;
}

.bold {
	font-weight: 600;
}

/* Grid */

@media (min-width: 992px)
.col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Formulare */


select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 7px) !important;
}

.form-control {
	font-size: inherit !important;
}

input[type='checkbox'] {
	width: auto !important;
}

.btn-primary {
    font-size: inherit !important;
	margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1rem !important;
}

/* Suche */

.pagination ul {
	display: inherit !important;
}
.pagination li {
	list-style: none;
    margin-right: 1rem;
}


/* Navigation */

nav.navbar h2 a, nav.navbar h2 span {
    color: #2c6fb7;
	text-decoration: none;
}

li.nav-item li.nav-item li.nav-item {
    margin-left: 5px;
}
ul.page-tiles-menu li.seminarTile .tile-content .datepicker {
padding-top:0;
}

@media (min-width: 1601px) {
	ul.page-tiles-menu li.seminarTile2 .tile-content .datepicker {
		padding-top:0;	
	}
}
.tile-content {
	font-family: UnitSlab;
}

ul.page-tiles-menu li.seminarTile ul li.even {
    background-color: #000000;	
}
ul.page-tiles-menu li.seminarTile ul li {
    background-color: #a00050;	
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0px !important;
}
.ui-widget {
	font-family: UnitSlab;
}
ul.page-tiles-menu li.seminarTile .tile-content {
    background-color: #0a0a0a;
}
ul.page-tiles-menu li.seminarTile .tile-content .ui-datepicker {
	width: 100%;
}
.ui-datepicker-calendar thead tr {
	color: white;	
}

#vrweb_hover_player_0 {
	z-index: 10000;
}


/* Kontrast Einstellungen */
.contrast h1, .contrast time, .contrast a {
	color:black !important;
}
.contrast a {
	text-decoration:underline;
}
.contrast nav.navbar h2 a, .contrast nav.navbar h2 span, .contrast #nav-searchform-container button, .contrast #page-header #back-to-top {
	color:black !important;
}
.contrast .tile-content .description {
	background-color: white !important;
}
.contrast .article_infobox {
	border-top: 2px solid black;
    background-color: #fdfdfd;
    color: black;
}
.contrast ul.page-tiles-menu li.seminarTile .tile-content, .contrast ul.page-tiles-menu li.seminarTile ul li {background-color: #ffffff;}
.contrast ul.page-tiles-menu li.seminarTile ul li.even {background-color: #e8e8e8;}
.contrast ul.page-tiles-menu .video .overlay {
	background-color: black;
    background-image: none !important;
}
.contrast ul.page-tiles-menu .video .overlay .description {    color: white;
    padding-left: 1rem;
    background-color: rgba(0,0,0,0) !important;}
.contrast .mpDynamicContentHtml, .contrast .seminar_short {
    background-color: #fefefe;
    border-top: 4px solid black;
    padding: 0rem;
    margin-bottom: 2rem;
}
.contrast article img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.contrast footer#page-footer .footer_content {
background-image: none !important; background-color: black !important;}
.contrast footer#page-footer > .navigation a {
	color: white !important;
}
.contrast body {background-image: none !important; background-color: black !important;}
#back-to-top {border: none !important;} .contrast .btn-primary {background-color: black; border-color:black;}

.contrast #nav-read-container button {
    color: #000;
}

#nav-read-container a {
	text-decoration: none !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em 2em .5em 0 !important;
    cursor: pointer !important;
}

.ui-widget button {
    font-size: 2em !important;
}

#cookie_note {
	heigth: auto !important;
} 

.seminare li {
    border-bottom: 1px dotted lightgray;
    margin-bottom: 1em;
}