@charset "UTF-8";
/* CSS Document */

.topnavi {
	width:100vw;
	height:0px;
	position:fixed;
	top:-500px;
	z-index:10;
	visibility:hidden;
}

.patterni {
	width:100%;
	height:103px;
	background-image:url(../imgs/basics/bgs/bg_mustertop24b.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	display:block;
}

.bandi {
	width:100%;
	height:77px;
	background-image:url(../imgs/basics/bgs/bg_bavband01.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	box-shadow:	0 0 25px rgb(0 0 0 / 0.6);
	display:block;
}

.navi {
	position:absolute;
	top:320px;
	width:100%;
	color:#FFF4E0;
	display:block;
	text-align:center;
	visibility:visible;
	}

.logoi {
	width:270px;
	height:auto;
	position:absolute;
	top:40px;
	left:30%;
	right:30%;
	margin:0 auto;
	display:block;

}

.logov {
	width:100%;
	height:auto;
	display: block;
}

.sliderwidth {
	width:70%;
	display:block;
	margin:0 auto;
}


.hinweisi {
	width:100vw;
	height:auto;
	background: rgb(0,64,2);
    background: linear-gradient(90deg, rgba(0,64,2,1) 0%, rgba(0,144,4,1) 50%, rgba(0,64,2,1) 100%); 
	
.hi {
	color:#FFF4E0;
	text-decoration:none;
}	
	
/* 	background: rgb(144,0,0);
background: linear-gradient(90deg, rgba(144,0,0,1) 0%, rgba(255,0,0,1) 50%, rgba(144,0,0,1) 100%);
	*/
	color:beige;
	font-family: 'Merriweather', serif;
	font-size:1.3em;
	font-weight:600;
	padding: 10px 0;
	color:#FFF4E0;

}


.blocki {
	height:120px;
}


@media screen and (max-width: 750px){
				

.topnavi {
	width:100vw;
	height:40px;
	background-image:url(../imgs/basics/bgs/bg_blue01.jpg);
	background-repeat:repeat-x;
	position:fixed;
	top:0px;
	z-index:10;
	visibility:visible;
}

.sliderwidth {
	width:100%;
	display:block;
	margin:0 auto;
}
	
	
	
.navi {
	visibility:hidden;
	}
	
.hinweisi {
	position:relative;
	top:40px;
	width:100vw;
	height:auto;
	background: rgb(0,64,2);
    background: linear-gradient(90deg, rgba(0,64,2,1) 0%, rgba(0,144,4,1) 50%, rgba(0,64,2,1) 100%); 	color:beige;
	font-family: 'Merriweather', serif;
	font-size:0.9em;
	font-weight:400;
	padding: 5px 0;
	color:#FFF4E0;

}

	.logoi {
	width:200px;
	height:auto;
	position:absolute;
	top:65px;
	left:10%;
	right:10%;
	margin:0 auto;
	display:block;

}
	
.blocki {
	height:20px;
}	
	
}