@font-face {
	font-family: 'Roboto';
	src: url('/_fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}

@font-face {
	font-family: 'Fira Sans';
	src: url('/_fonts/Fira_Sans/FiraSans-Regular.ttf') format('truetype'); 
}

:root {
	--farbe1: #b61a3d; /* EBHH-Rot */
	--schrift1: 'Fira Sans', sans-serif; /* Schrift */
}

html,h1,h2,h3,h4,h5, #main, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-form-label,
.uk-navbar-item, .uk-navbar-toggle{
	font-family: var(--schrift1);
	color:#000000;
	/* hyphens */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li.uk-active > a{
	text-decoration:underline;
}

.uk-navbar-nav>li.uk-active>a, .uk-navbar-nav>li>a{
	color: #FFFFFF;
}

.navshadow{
	background-color:rgba(61,61,61,0.9);
}

.uk-link-toggle:hover .uk-link-heading{
	color: #FFFFFF;
	text-decoration:underline;
}


nav .uk-logo img{
	width:250px;
	height:auto;
	padding:1rem 0 1rem 0;
}

.uk-dotnav > .uk-active > * {
	/*	background-color: rgba(255, 255, 255, 0.6); */
}

.uk-dotnav > * > * {
	/*	border: 1px solid rgba(255, 255, 255, 0.4); */
}

.ol,
.rand {
	background-image:linear-gradient(to top, rgba(34,34,34,.4) 0%, rgba(0,0,0,.0) 100%);
}

.ol div,
.rand div{
	color:#FFFFFF;
	font-size:2rem;
	font-weight:bold;
}

.ol.uk-overlay{
	padding-bottom:1rem;
}

.ol.uk-overlay .uk-h1{
	font-size:1.5rem;
}

.rand.uk-overlay{
	padding-bottom:1.5rem;
}

.rand .uk-h4{
	margin:0;
}

.ma {
	padding: 0 .5rem 0 0;
	font-size:.5rem;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black,-1px 1px 1px black, -1px -1px 1px black;
}

.uk-panel h2{
	font-size:1.5rem;
}

.uk-accordion>:nth-child(n+2) {
	margin-top:0;
}

#main .uk-link, #main a {
	color: var(--farbe1);
}

#main .uk-link:hover,#main a:hover {
	color: var(--farbe1);
	text-decoration: underline;
}

#main .uk-accordion-title{
	color:#FFFFFF;
	padding:1rem;
	background:var(--farbe1);
	border:1px solid #FFFFFF;
}

#main .uk-accordion-title:hover {
	color: #ffffff;
	text-decoration: underline;
}

.uk-accordion-content{
	padding:1rem;
}

.uk-accordion-default .uk-accordion-icon{
	color:#FFFFFF;
}

footer{
	color:#FFFFFF;
	background-color:#252525;
}

footer a, footer a:hover{
	color:#FFFFFF;
}