@charset "UTF-8";
/* CSS Document */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	margin: 0;
	padding: 0;
	color: #666;
	font-size:14px;
}
    .imprint { display: block; text-align: right; padding-bottom: 25px;
padding-top: 10px;}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
p { margin:0 0 5px 0;}
h1 { font-size:22px; color:#f00; margin-top:20px; margin-bottom:0;}
h2.first { font-size:16px; margin-top:0; margin-bottom:20px;}
h2 { font-size:18px; margin-top:25px; margin-bottom:8px;}
h3 { font-size:14px; margin-top:15px; margin-bottom:6px;}

img.webma {display: inline-block;
margin-top: -4px;
position: relative;
top: 4px;}
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none; color: #f00;
}

img { margin-top:15px;}

.container {
	width: 700px;
	background: #FFF;
	margin: 0 auto;
}

.content {

}
.vcard {
	position: relative;
}
/*#urlaub*/ .ja20 {
	width: 150px;
	height:150px;
	display: block;
	background-image: url("20-Jahre.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right:70px;
	top:150px; 
	transform: rotate(10deg);
	background-color: #fff;
}

.help {}
.help h2 {margin-top:40px;}


/*Urlaub*/
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


#urlaub {
	width: 100%;
	height: 100%;
	height: 370px;
	position: absolute;
	margin-top:70px;
	background: rgba(255,255,255,0.95);
		z-index:1;
/*	transform: rotate(780deg)scale(1,1);*/
transition: all 5s;
}
#urlaub .info {
	width:80%;
	max-width:600px;
	/*height: 400px;*/
	margin:0 auto;
	padding: 20px 0 0 0 ; 
	color: red;
	font-size:20px;
	border: 1px solid red;
border-bottom: 1px solid #ccc;
}
#urlaub .info p {
	margin-bottom:20px;
}

.partner {}
.partner .label { display: block; position: absolute; bottom: 0; font-weight: 700;}
.plogo { display: flex;justify-content:space-between; padding:0 15px 25px 15px; height: 100%;
align-items: center; position: relative; margin-bottom: 20px}
.plogo img {width: 90%; height: auto; }
.p1 {width: 100%}
.p2 {width: 100%}
.p3 {width: 100%}
.p4{width: 100%}