html, body {
padding:0;
margin:0.2em;
}
body,h1,h2,h3,h4,h5 { 
	/* font-family: "Poppins", sans-serif; */
	font-family: 'Merienda', cursive;
	text-shadow:1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff;
	color:#333;
}
body {font-size:16px;}
a { 
	color:#000;
}
a:hover { 
	color:#666;
}
.txtdarkblueshadow { 
	text-shadow: 1px 1px 1px #0099ff,1px -1px 1px #0099ff,-1px 1px 1px #0099ff,-1px -1px 1px #0099ff;
}
.notextshadow { 
	text-shadow:none;
}
.fsize130pro { 
	font-size:130% !important;
}
.fsize120pro { 
	font-size:120% !important;
}
.fsize110pro { 
	font-size:110% !important;
}
.fsize100pro { 
	font-size:100% !important;
}
.fsize90pro { 
	font-size:90% !important;
}
.fsize80pro { 
	font-size:80% !important;
}
.fsize70pro { 
	font-size:70% !important;
}
.fsize60pro { 
	font-size:60% !important;
}
.fsize50pro { 
	font-size:50% !important;
}
.nomargintop { 
	margin-top:0;
}
.nomarginbottom { 
	margin-bottom:0;
}
.clearright { 
	clear:right;
}
.clearleft { 
	clear:left;
}
.txtcenter { 
	text-align:center;
}
.txtitalic { 
	font-style:italic;
}
.txtbold { 
	font-weight:bold;
}
.txtunderline { 
	text-decoration:underline;
}
.img400maxw { 
	max-width:400px;
	width:100%;
}
.imgbordershadow { 
	border:1px solid #fff;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
	border-radius:0.6em;
	-webkit-box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
	-moz-box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
}
header { 
	max-width:980px;
	margin:0 auto;
	border:0px solid #ccc;
}
.head-logodiv { 
	text-align:center;
	/* border-radius:0.8em 0.8em 0 0; */
	border-radius:4em 0 4em 0;
	margin-bottom:0em;
    background:url("../images/havel-brandenburg-ferien-urlaub-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center; 
	/* height:190px; */
	width:100%;
}
.head-logoimg { 
	width:100%;
	max-width:450px;
}
.headlogotxt { 
	width:100%;
	font-size:2em;
	/* font-size:5.5vw; */
	font-size:5.5vmax;
	line-height:1.1em;
	padding-bottom:2em;
	color:#ffffff;
}
header nav { 
	text-align:center;
	/* background-color:rgba(204,204,204,0.7); */
	background-color:rgba(0,153,255,0.2);
	padding-top:0.3em;
	padding-bottom:0.3em;
	border-left: 0.1em solid #ccc;
    border-right: 0.1em solid #ccc;
    border-top: 0.1em solid #ccc;
	/* border-radius: 0.8em 0.8em 0 0; */
	border-radius:0em 0.8em 0 0;
}
header nav ul { 
	margin:0;
	padding:0;
}
header nav ul li { 
	display:inline-block;
	margin-right:0.5em;
	margin-left:0.5em;
	margin-bottom:0.1em;
	/* width:10em; */
	/* background-color:rgba(0,153,255,0.6); */
	/* padding:0.2em; */
    border: 0.2em outset #fff;
	border-radius:0 0.8em 0;
    font-size: 1.0em;
	transition: border-radius 0.3s ease 0s;
	text-decoration:none;
	background:url("../images/boot.png");
    background-repeat: no-repeat;
    background-size: auto;
	background-position: top left;
	background-color:rgba(0,153,255,0.4);
	min-width:10em;
	padding:0.1em;
}
header nav ul li:hover { 
	border: 0.2em inset #eee;
	background-color:rgba(0,153,255,0.5);
	border-radius:0.8em 0 0.8em 0;
	transition: border-radius 0.3s ease 0s;
	color:#eee;
	font-style:italic;
	text-decoration:underline;
}
header nav ul li a { 
	display:block;
	color:#fff;
	text-decoration:none;
	text-shadow:0.2em 0.2em 0.2em #996699;
	padding-left: 3em;
	padding-right: 2.5em;
}
header nav ul li a:hover { 
	color:#eee;
	font-style:italic;
	text-decoration:underline;
}
header nav ul .activelink { 
	border: 0.2em inset #eee;
	background-color:rgba(0,153,255,0.5);
	border-radius:0.8em 0 0.8em 0;
	color:#eee;
	font-style:italic;
	text-decoration:underline;
}
.content { 
	max-width:946px;
	margin:0 auto 1.5em;
	padding:1em;
	border:1px solid #ccc;
	box-shadow:0.3em 0.3em 0.7em 0.3em #ccc;
	border-radius: 0 0 0.8em 0.8em;
    /*
	background:url("../images/werkzeug-bg-head.jpg");
    background-repeat: no-repeat;
    background-size: auto;
	background-position: top center; 
	*/
}
.content p { 
	font-size:1em;
	color:#666;
	/* text-shadow:0.1em 0.1em 0.2em #fff; */
	/* text-shadow:1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff; */
}
.content ul { 
	padding-left:1em;
}
.content ul li { 
	color:#666;
}
.rightimg { 
	float:right;
	margin-left:0.5em;
	margin-right:0.4em;
	margin-bottom:0.4em;
}
.rightimg img { 
	max-width:250px;
	width:100%;
	border:1px solid #fff;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
	border-radius:0.6em;
	-webkit-box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
	-moz-box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.2em 0.2em 0.4em 0.2em rgba(0,0,0,0.20);
}
.galcontent { 
	width:100%;
	text-align:center;
}
.galmain { 
	/* border:1px solid #ccc; */
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	display: inline-block;
	margin:0.4em;
	padding-top: 0.4em;
	border-radius:0.6em;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
}
.galmain .galimg { 
	/* float:left; */
	margin-left:0.4em;
	margin-right:0.4em;
	margin-bottom:0.4em;
	text-align:center;
}
.galmain .galimg a { 
	display:block; /* padding under img */
	line-height:0;
}
.galmain .galimg img { 
	max-width:200px;
	width:100%;
	/* border:1px solid #fff; */
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
	border-radius:0.6em;
	/*
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	*/
}
.galmain .galtxt { 
	display:none; /* activate image desc-txt if needed */ 
	text-align:center;
}
.gmiframe { 
	max-width:600px;
	max-height:450px;
	width:100%;
	height:400px;
}
.footer { 
	max-width:980px;
	margin:0 auto;
	margin-bottom:1em;
}
.footer span { 
	white-space:nowrap;
}
/* @media only screen and (max-width: 530px) {  */
/* all <= html, body width 600px */
@media screen and (max-width: 600px) {
	.content p, .content h1 { 
		/* background-color:red; */
	}
	.head-logodiv { 
		border-radius:1.8em 0 1.8em 0;
	}
	.headlogotxt { 
		font-size:1.8em;
		font-size:5.5vw;
		line-height:1.5em;
		color:#ffffff;
	}
	header nav ul li { 
		/* width:80%; */
		width:80%;
		margin-bottom:0.5em;
	}
	.rightimg { 
		float:none;
		width:100%;
		max-width:100%;
		text-align:center;
		margin:0;
	}
	.rightimg img { 
		max-width:250px;
		width:100%;
	}
	.galmain { 
		/* float:none; */
		display:block;
		width:100%;
		max-width:100%;
		text-align:center;
		margin-left:0;
		margin-right:0;
		margin-top:0.6em;
		margin-bottom:0.6em;
	}
	.galmain .galimg img { 
		max-width:250px;
		width:100%;
	}
}
/* all >= html, body width 980px */
@media screen and (min-width: 980px) {
	.headlogotxt { 
		font-size:3.7em;
	}
}