@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(http://fonts.gstatic.com/s/breeserif/v7/4UaHrEJCrhhnVA3DgluA96Tp56N1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(http://fonts.gstatic.com/s/breeserif/v7/4UaHrEJCrhhnVA3DgluA96rp5w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,body{
	padding: 10px 0px;
	margin:0px;
	width:100%;
	height:calc(100% - 20px);
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.4;
	font-size: 14px;
background-color: #28220B;
background-image: url(../images/bird_bg.jpg);
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: repeat no-repeat;
}

a{
	color:inherit;
	text-decoration:none;
}
.table{
	display:table;
	width: 100%;
	height: 100%;
}
.tr{
	display:table-row;
}
.td{
	display:table-cell;
	width:100%;
}
.body{
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	margin: 0px auto;
	max-width: 1200px;
}
.box{
	display:block;
	max-width:1200px;
	width:100%;
	height:100%;
	margin: 0px auto;
}
.box:empty{
	display:none;
}
.head,.menu,.slider,.foot{
	height:auto;
	vertical-align: middle;
}
.cont{
	height:100%;
}

.head .box{
	background-color:#ecc207;
	height: 80px;
	font-family: 'Bree Serif';
	padding: 5px 10px 0px 10px;
	max-width: 1180px;
	width: calc(100% - 20px);
}
.head .box,.menu .box{
	text-align:right;
}
.menu .box,.foot .box{
	background-color:#f17c00;
	background:linear-gradient(to bottom,#f17c00, #b75e00);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 0px;
}
.foot .box{
	background:linear-gradient(to bottom,#ead100, #bfaa00);
}
.foot .box{
	max-width: 1180px;
	width: calc(100% - 20px);
	padding: 10px 10px;
}
.menu .box{
	padding: 0px 0px;
}
.menu .box .table {
    width: auto;
}
.menu .box,.foot .box{
	height: auto;
}

.slider .box{
	background-color:#fcf1c4;
	text-align: center;
}
.slider .box img {
    max-width: 100%;
    height: auto;
    width: auto;
}







.slider{
	position:relative;
}
.slider .box{
	position:relative;
	max-width: 1200px;
	max-height: 500px;
	overflow:hidden;
	display: block;
}
.slider .box *:not(a):not(img) {
    display: none;
}
.slider .box a,.slider .box img{
	display:block;
	width: 100%;
	height:auto;
}
.slider .box a{
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
}
.slider .box a img{
	opacity: 0;
}
.slider .box a:first-of-type{
	position:static !important;
	max-height:1000vw;
	display:block;
}

.slider .box a:first-of-type + a img{
	opacity: 1;top: calc(0% + 0vw);
}
.slider .box a:first-of-type img{
position:relative !important;
z-index:20;
top:calc(0% + 0vw);
-webkit-animation: slidImg 5s forwards;
animation: slidImg 5s forwards;
}
.slider .box a.visible:last-of-type img{
	opacity: 1;top: calc(0% + 0vw);
}
@-webkit-keyframes slidImg {
    0%   {top: calc(0% + 0vw);}
	50%  {opacity: 1;top: calc(0% + 0vw);}
	100%  {opacity: 1;top: calc(0% + 0vw);}
}
@keyframes slidImg {
    0%   {top: calc(0% + 0vw);}
	50%  {opacity: 1;top: calc(0% + 0vw);}
	100%  {opacity: 1;top: calc(0% + 0vw);}
}
.slider .btns{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	width: 100%;
	text-align: center;
}
.slider .btns div {
    display: inline-block;
    background-color: #462c1f;
    width: 25px;
    height: 8px;
    margin: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.slider .btns div.btnactive{
	background-color: #ecc207;
}


















.cont .box{
	background-color:#fff;
}
.cont .box .left{
	background-color:#097102;
	background:linear-gradient(to right,#097102, #054d00);
	width:200px;
	vertical-align: top;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.cont .box .left h4{
	font-size:16px;
	font-weight:bold;
	display: block;
	background: linear-gradient(to bottom,#ecc207, #f17c00);
	padding: 3px 5px;
	margin: 0px 0px 10px 0px;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
-webkit-box-shadow: -5px 5px 5px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -5px 5px 5px 2px rgba(50, 50, 50, 0.75);
box-shadow: -5px 5px 5px 2px rgba(50, 50, 50, 0.75);
}
.cont .box .left ul{
padding: 0px 20px 15px 20px;
margin: 0px;
}
.cont .box .left:empty{
	display:none;
}
.cont .box .right{
	width:auto;
	vertical-align: top;
	padding: 10px;
}
.menu .box .logo,.menu .box label{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.menu .box .logo{
	max-width: 260px;
	min-width:120px;
}
.menu .box .logo img{
	width:100%;
	height:auto;
	margin: -35% 0px -35% 0px;
	position:relative;
	z-index: 999;
}
.menu .box ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: table;
}
.menu .box ul li{
	display:table-cell;
	position:relative;
	vertical-align: middle;
	text-align: center;
	float:unset !important;
}
.menu .box ul li a{
	color: #1E130D;
	font-size: 14px;
	padding: 10px 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
}
.menu .box ul li a:hover,a.fo_menu-1_link_aktiv,a.al_menu-1_link_aktiv{
	background-color: #853B00 !important;
	color:#fff !important;
}
.menu .box ul li ul{
	display:none;
	position:absolute;
	top:100%;
	left:0%;
	padding: 0px;
	margin: 0px;
	/*overflow:hidden;*/
	max-height:0px;
    -webkit-transition: display 500ms ease-out;
    -moz-transition: display 500ms ease-out;
    -o-transition: display 500ms ease-out;
    transition: display 500ms ease-out;
	border: 1px solid #000;
	border-bottom: none;
	min-width:200px;
	margin: -1px;
	z-index: 999;
}
.menu .box ul li:hover > ul{
	display:block;
}
.menu .box ul li ul li{
	display:block;
	background-color:#f17c00;
	background:linear-gradient(to bottom,#f17c00, #b75e00);
	border: 1px solid #000;
	border-top: none;
	text-align:left;
}
.menu .box ul li ul li a{
	padding: 5px 10px;
}
.menu .box ul li ul li ul{
	top:0%;
	left:100%;
}
@media screen and (max-width: 401px) {

}
@media screen and (max-width: 850px) {
	html, body {
		padding: 0px 0px;
		height: calc(100% - 0px);
	}
	.menu .box label{
		width:100%;
	}
	.menu .box label:before {
		content: '';
		display: inline-block;
		width: 40px;
		border-bottom: 5px solid;
		border-top: 15px double;
		height: 5px;
		margin: 5px 10px 0px 0px;
		cursor: pointer;
	}
	.menu .box label input:checked ~ ul{
		margin:0px;
	}
	.menu .box ul{
		position:fixed;
		left:0px;
		top: 0px;
		height: 100vh;
		display:block;
		background-color:#f17c00;
		overflow: auto;
		-webkit-box-shadow: 0px 0px 5px 2px #000;
		-moz-box-shadow: 0px 0px 5px 2px #000;
		box-shadow: 0px 0px 5px 2px #000;
		margin-left:calc(-100% - 5px);
		z-index: 999;
	}
	.menu .box ul li{
		display:block;
		text-align:left;
		border:none !important;
		background: none !important;
	}
	.menu .box ul li a{
		padding: 5px 10px;
	}
	.menu .box ul li ul{
		position:static;
		display:block;
		max-height: none;
		border:none !important;
		background-color:inherit;
		margin-left: 15px;
		height: auto;
		overflow: unset;
		border-left: 1px solid #000 !important;
		width: calc(100% - 20px);
		-webkit-box-shadow:unset;
		-moz-box-shadow:unset;
		box-shadow:unset;
	}
	.left{
		display:none;
	}
	.foot .box a{
		float:unset !important;
		display:block;
	}
	.menu .box .logo img {
		width: 100%;
		height: auto;
		margin: -43% 0px -11% 0px;
	}
	.head .box span {
		font-size: 17px !important;
		margin: 0px 0px 0px 108px !important;
		line-height:100% !important;
	}
	.head .box span i{
		font-size: 17px !important;
	}
}