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

html {
	scroll-behavior:smooth;
    font-family: 'Merriweather', serif;
}


body {
/*	background-image:url(../imgs/basics/bgs/repeat_wood_dark.jpg);*/	
	background-image:url(../imgs/basics/bgs/bg_blue01.jpg);
	background-position:top center;
	margin:0 0;
}

.haed {
	height:0px;
}

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


.band {
	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)
}

.bluestripe {
	width:100%;
	height:7px;
	background-image:url(../imgs/basics/bgs/bg_blue01.jpg);
	background-position:top center;
}
	

.logo {
	width:270px;
	height:auto;
	position:relative;
	top:-155px;
	margin:0 auto;
	text-shadow:
	0 0 25px rgb(0 0 0 / 0.6)

}

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



.nav {
	position:absolute;
	top:300px;
	width:100%;
	color:#FFF4E0;
	text-align:center;
	visibility:visible;
	}



hr {border-bottom:solid 1px #FFF4E0;height:1px;}

.hrsp {border-bottom:solid 1px;color:#FFF4E0;height:1px;width:60%;margin:1em auto;}

.main-wrapper{
	width:70%;
	margin:0 auto;
}

.slide {
	width:calc(100% - 18px);
	height:auto;
/*	position:relative;
	top:-51px;
*/	border:#FFF4E0 solid 2px;
	box-shadow:	0 0 30px rgb(0 0 0 / 0.8),
	0 0 40px rgb(0 0 0 / 0.5);
	padding:7px;
}

.teaserimg {
	width:calc(100% - 18px);
	height:auto;
	position:relative;
	top:-51px;
	border:#FFF4E0 solid 2px;
	box-shadow:	0 0 30px rgb(0 0 0 / 0.8),
	0 0 40px rgb(0 0 0 / 0.5);
	padding:7px;
}

.event {
	width:99%;
	height:auto;
	background-color:#d0e629;
	border:#FFF4E0 solid 2px;
	box-shadow:	0 0 30px rgb(0 0 0 / 0.8),
	0 0 40px rgb(0 0 0 / 0.5);
	padding:4px;
	position:relative;
	top:10px;
}

.img100 {
	width:100%;
	height:auto;
}

.yelblock {
	background:url(../imgs/basics/bgs/bg_yellow01.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	margin:0 auto;
	box-shadow:	0 0 30px rgb(0 0 0 / 0.5);

}

.greenblock {
	background:url(../imgs/basics/bgs/bg_apple3.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	margin:0 auto;
	box-shadow:	0 0 30px rgb(0 0 0 / 0.5);

}

.socmed {
	position:absolute;
	top:70px;
	right:20px;
	visibility:visible;
	transition-duration:0.5s;
	animation:ease-in-out;
	
}

.socmedia {
	width:50px;
	height:auto;
}

.nohr {
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #FFF4E0;
	
}



.red {
	color:red;
	}










			@media screen and (max-width: 750px){
				
			.haed {height:40px;}

			.topnav {
			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;
			}

			.burger {
			color:#FFF4E0;
			text-decoration:none;
			font-size:2.2em;
			position:relative;
			top:-5px;
			float:right;
			padding-right:20px;
			}
			
			.logo {
			width:200px;
			height:auto;
			position:relative;
			top:-150px;
			margin:0 auto;
			}
		
			.nav {visibility:hidden;}
			
			.slide {
			width:calc(100% - 12px);
			height:auto;
			object-fit: cover;
			border:#FFF4E0 solid 2px;
			box-shadow:	0 0 30px rgb(0 0 0 / 0.5);
			padding:4px;
			position:relative;
			top:-20px;
			}
		
			.main-wrapper{
			width:90%;
			margin:0 auto;
			}


			.socmed {
			position:absolute;
			top:80px;
			left:2px;
			visibility:visible;
			transition-duration:0.5s;
			animation:ease-in-out;
			}

			.socmedia {
				width:35px;
				height:auto;
				margin-left:7px;
			}
				
			}