body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;	
}

h1, h2, h3, h4, h5, h6 {
	text-align:	left;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size:	inherit;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
	border-color:	rgb(123, 123, 123);
}

ol {
	list-style: decimal outside;
	padding-left:	2.5rem;
}

ul {
	list-style: disc outside;
	padding-left:	1.5rem;
}

button, input, a, svg, #home .box .box-content{
	transition:	all .3s ease-in 0s;
	-webkit-transition:	all .3s ease-in 0s;
	-moz-transition:	all .3s ease-in 0s;
	-ms-transition:	all .3s ease-in 0s;
	-o-transition:	all .3s ease-in 0s;
}

.menufixed{
	position: fixed;
	top:	0; 
	left:	0;
	width: 100%;
	z-index:	999;
	margin:	0;
	padding:	0;
	/*height:	60px;*/
}

.menufixed #logo img{
	max-height:	50px;
	width:	auto !important;
}

.menufixed nav a, .menufixed nav a.lang{
	padding-top:	3rem;
	padding-bottom:	3rem;
}

@media (min-width: 80rem) {
	.menufixed #top-nav ul li{
		padding-top:	0;
		padding-bottom:	0;
	}
}

header, footer{
	color:	#666;
	background:	#f8f8f8;
	border-top: 1px solid #f1f1f1;	
}

@media (min-width: 80rem) {
	header, footer{
		text-align:	left;
	}
}

header{
	position:	relative;
	z-index:	99;
	/*border-top:	3px solid rgb(255, 158, 37);*/
	border-bottom:	1px solid #f1f1f1;
	/*-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-ms-transition: height .5s;
	-o-transition: height .5s;
	transition: height .5s;
	height:	90px;*/
}

header #logo{
	text-align:	center;
	padding:	2rem 0;
}

@media (min-width: 80.0rem) {
	header #logo{
		text-align:	left;
	}
}

header #logo img{
	padding:	0;
	margin:	0 auto;
	display:	block;
}

@media (min-width: 80.0rem) {
	header #logo img{
		margin:	0;
	}
}

#top-nav{
	display: flex;
}

header nav{
	text-align:	center;
	width:	100%;
	position:	fixed;
	top:	0;
	left:	0;
	background:	rgb(212, 212, 212);	
	padding-left:	2rem;
}

header nav {
	display:	none;
}

@media (min-width: 80.0rem) {
	header nav {
		display:	block;
	}
}

header nav ul{
	margin:	0;
	padding:	0 0 0 2rem;
	list-style:	none;
	text-align:	left;
}

header nav ul li{
	display:	block;
	position:	relative;
	padding: 0;
	margin:	0;	
	border-bottom:	1px solid #fff;
}

header nav ul li:last-child{
	border:	none;
}

header nav a{
	display:	inline-block;
	color: #4a4a4a;
	background-color:	inherit;
	font-size: 1.4rem;
	text-decoration: none;
	text-transform:	uppercase;
	position:	relative;
	padding:	1rem;
}

header nav a:hover, header nav a.active{
	color:	#98c93c;
	background-color:	inherit;
}

@media (min-width: 80rem) {
	header nav{
		position:	static;
		display:	flex;
		align-items: center;
		justify-content: right;
		padding-left:	0;
		background:	none;
	}	
	
	header nav a{
		padding:	4rem 2rem;
	}
	
	header nav a.lang{
		padding:	4rem 1rem;
	}

	header nav a::before, header nav a::after {
		content: '';
		position: absolute;
		top: 50%;
		width: 1px;
		height: 14px;
		margin-top: -7px;
		right: auto;
		left: 0;
		background: #f1f1f1;
		-webkit-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
	}
	
	header nav a.lang::before, header nav a.lang::after{
		display:	none;
	}

	header nav a::after {
		right: 0;
		left: auto
	}

	header nav a:hover:before,header nav a:hover:after {
		top: 0;
		height: 100%;
		margin: 0
	}	
	
	header nav ul{
		padding:	0;
	}
	
	header nav ul li{
		display:	block;
		float:	left;
		border:	none;
	}
	
	header nav ul li + li {
	  margin-left: -1px;
	}	
}

/*mobile menu*/
#menu-mobile{
	position:	fixed;
	z-index:	9999;
	top:	0;
	left:	0;
	display:	block;
	padding:	0.500rem;
	color:	rgb(255, 255, 255);
	background-color:	rgb(0, 0, 0);
	font-weight:	bold;
}

@media (min-width: 80.0rem) {
	#menu-mobile{
		display:	none;
	}	
}

/*mobile table*/
.table-container {
	overflow-y: hidden;
	overflow-x: scroll;		
	-webkit-overflow-scrolling: touch;
}

.table-container .data{
	white-space:	nowrap;
}

/*sections*/
section{
	text-align:	justify;
	margin:	3rem 0;
}

section#home {
	margin-top:	0;
}

section .content, aside .content{
	color:	#454545;
	background-color:	inherit;
}

section#home .content h2{
	margin-top:	2rem;
}

#contact p, #kontakt p{
	clear: both;
	overflow: hidden;
	margin: 0;
}

#contact_question{
	text-align:	left;
}

/*footer*/
@media (min-width: 80rem) {
	.col-help-right, .top-right{
		text-align:	right;
	}
}

footer{
	position:	relative;
	z-index:	10;
}

footer svg{
	fill:	rgb(0, 147, 200);
	vertical-align:	middle;
}

footer a:hover svg{
	/*fill:	#98c93c;*/
	fill:	#fff;
}

@media (min-width: 40rem) {
	#top-content{
		margin-top:	0.500rem;
		text-align:	right;
	}
}

footer #footer-content{
	padding-top:	2rem;
	padding-bottom:	2rem;
	border-bottom: 1px solid #f1f1f1;
}

footer ul{
	list-style:	none;
	padding-left:	0;
	margin-bottom:	0;
}

@media (min-width: 40rem) {
	footer ul{
		list-style:	disc inside;
	}
}

footer ul li {
	margin:	0;
}

footer h2 {
	font-size:	1.7rem;
    font-weight: bold;
	margin: 2rem 0;
    background-color: inherit;
}

@media (min-width: 80rem) {
	footer h2 {
		margin-top:	0;
	}
}

footer h2 span{
	font-weight:	normal;
}

footer .link {
	color:	rgb(255, 255, 255);
	background-color:	inherit;
	font-weight:	normal;
	text-shadow:	1px 1px #000;
}

footer .link:hover {
	color:	#2D5FB4;
	background-color:	inherit;
}

footer .copyright{
	display:	block;
	text-align:	justify;
	color:	rgb(0, 0, 0);
	background-color:	inherit;
	font-weight:	normal;
}

footer .powered {
	text-align:	center;
	font-size:	1.3rem;
    padding: 35px 0px;
	color:	#a7acb0;
	background:	#303030;
}

@media (min-width: 40rem) {
	#footer-copyright{
		text-align:	left;
	}
	
	#footer-copyright a:hover{
		color:	#a7acb0;
		background-color:	inherit;
	}
	
	#footer-right{
		text-align:	right;
	}
	
	#footer-logo, footer .footer-top{
		text-align:	right;
	}	
}

/*cookies*/
#overflow-content{
	position:	fixed;
	bottom:	0px;
	left:	0%;
	width:	100%;
	margin:	0px auto;
	padding:	5px 0px;
	border:	none;
	text-align:	left;
	color:	rgb(38, 38, 38);
	background-color:	rgba(210, 210, 210, 0.75);
	z-index:	1000;
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	-ms-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	-o-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	box-shadow:         0px -5px 5px rgba(0, 0, 0, 0.75);
	text-transform:	none;
}

#overflow-content p{
	margin:	0px auto;
	padding:	10px 0px;
	position:	relative;
	width:	90%;
}

#overflow-content a{
	text-decoration:	underline;
}

#overflow-close{
	cursor:	pointer;
	font-weight:	bold;
	font-size:	14px;
	line-height:	14px;
	display:	inline-block;
}

/*to top*/
#to-top{
	display:	none;
	line-height:	1;
	position:	fixed;
	bottom:	20px;
	right:	25px;
	background:	none;
	z-index:	99;
}

#to-top svg{	
	fill: #8ab833;
	opacity: 0.5;
}

#to-top:hover svg{
	opacity:	1;
}

.img{
    min-width: auto;
    min-height: auto;
    width: auto;
    height: auto;
}

/*banner*/
#banner{
	position:	relative;
	overflow:	hidden;
	width:	100%;
	height:	100%;
}

#banner #banner-nav{
	position:	absolute;
	top:	1rem;
	right:	1rem;
	z-index:	2;
}

@media (min-width: 80rem) {
	#banner #banner-nav{
		top:	2rem;
		right:	2rem;
	}
}


#banner #banner-nav .nav{
	display:	inline-block;
	cursor:	pointer;
	color: #333;
	background: #e5e5e5;
	height: 2rem;
	width: 2rem;
	line-height:	2rem;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	text-align:	center;
}

@media (min-width: 80rem) {
	#banner #banner-nav .nav{
		height: 3.2rem;
		width: 3.2rem;
		line-height:	3.2rem;
	}
}


#banner #banner-nav .nav-active{
	color: #fff;
	background: #98c93c;	
}

#banner .slide{
	position:	absolute;
	width:	100%;
	height:	100%;
	top:	0;
	left:	0;
	display:	none;
}

#banner .slide-active{
	display:	block;
}