body {
	font-family: sans-serif,verdana, arial;
	font-size:15px;
	margin:0px;
	background-color:#e0e0e0;
	width:100%;
	min-height:100%;
	position:absolute;
}

.up {
	position:fixed;
	display: table;
	align-content: center;
	align-items: center;	
	bottom:40px;
	right:50px;
	z-index:999;
	background-color:#016263;
	border: 1px solid grey;
	border-radius:19px;
	color:white;
	width:35px;
	height:35px;
}

.up a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: white;
	text-decoration: none;
	font-size: 1.5em;
}

h2 {
	font-weight:normal;
	font-style:italic;
	color:#016263;
	font-family: georgia,sans-serif,verdana, arial;	
}

a {
	color:blue;
}

hr {
	color:#016263;
}

video {
	width:100%;
}

video.grabpflege {
	display:none;
}

a.impressum {
	color:#384042;
}

.wrap:after
{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}

header {
	text-align: center;
}

header > .wrap {

}

.h-menu {
	margin:0 auto;
}

header h1 {
	margin:20px 0;
	text-align:center;
}


footer {
	background-color:#016263;
	color:white;
	width:100%;
}

footer img {
	width:100%;
}

.footer-image{
	position:relative;
}

.footertext{
	position:absolute;
	color:white;
}

.footertext p {
	margin:0px;
}

.bold{
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.font-s {
	font-size:0.8em;
}

.font-l {
	font-size:1.1em;
	line-height:150%;
}

.relative {
	position:relative;
}

.margin-top-0 {
	margin-top:0px;
}

.margin-top-25 {
	margin-top:25px;
}

.margin-bottom-0{
	margin-bottom:0px;
}

.margin-bottom-35 {
	margin-bottom:35px;
}

.pics-margin-bottom-25 img {
	margin-bottom:25px;
}

.willk{
	text-align: center;
}

#news h2{
	margin-top:0px;
	margin-bottom:50px;
}

#news h3{
	margin-top:0px;
}

.historie .row {
	margin-bottom: 35px;
}

.historie h3 {
	color:#921B56;
}

.historie h4 {
	margin-top:17px;
}

.historie p , .hist-h4{
	padding-left:26px;
}

.historie img {
	height:150px;
	display:block;
	margin:0 auto;
}

.historie .dank {
	text-align:center;
	border-top:2px solid #016263;
	border-bottom:2px solid #016263;
	padding-top:20px;
	padding-bottom:30px;
}

#events h3{
	color: #921B56;
}

.gtipps-txt {
	font-size:1.3em;
	margin-bottom:50px;
}

.gtipps-buttons > div {
	text-align:center;
	margin-bottom:35px;
}

.gtipps-buttons a{
	text-decoration:none;
	color:white;
	background-color: #016263;
	border: 1px solid #013b3c;
	padding:6px 12px;
	width:135px;
	display:inline-block;
	border-radius:4px;
	font-size:1.4em;
}

.gtipps-buttons a:hover {
	background-color:#921b56;
	transition: all 0.3s;
}

#news > div {
	border-bottom: 3px solid #016263;
}

#kontakt > div {
	border-top: 3px solid #016263;
}

.impressum-button{
	margin-top:25px;
	text-decoration:none;
	color:#016263;
	background-color: #fff;
	border: 1px solid #013b3c;
	padding:6px 12px;
	width:280px;
	display:inline-block;
	border-radius:4px;
	font-size:1.4em;
}

/*================== KEYFRAMES ==============*/

@keyframes strtxt{
	0% {opacity:0.1;left:-500px;}
	100% {opacity:1.0;left:20px;}
}

/*================== MEDIA QUERIES ==============*/

@media (max-width: 767px) { 

	.up {
		display:none;
	}

	header {
		margin-top:50px;
	}
	
	header img {
		width:100%;
		max-width:350px;
		display:block;
		margin-left: auto;
		margin-right: auto;
	}
	
	header h1{
		font-size:30px;
	}

	.logo {
		float:none;
	}
	
	#news, #gaertnerei, #floristik, #grabgestaltung, #eichenbalken, #historie, #events ,#gartentipps, #memoriam, #kontakt {
		padding-top:50px;
	}
	
	.title-txt {
		font-size:1.3em;
		font-style:italic;
		text-align:center;
	}	
	
	.willk img {
		width:100%;
	}

	video.grabpflege-mobile {
		display:block;
	}
	
	#kontakt iframe {
		width:100%;
		height:450px;
	}
	
	.footertext{
		bottom:-30px;
		left:2px;
	}

	.div-impressum-anschr {
			text-align:center;
	}
	.div-impressum-button{
		text-align:center;
		margin-bottom:25px;
	}	
}

@media (min-width: 768px) { 
	
	header img {
		width:277px;
	}

	header h1 {
		width:485px;
		font-size:34px;
	}
	
	.title-pic {
		position:relative;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	}
	
	.title-start {
		height:600px;
		background-color:#e0e0e0;
		z-index:910;
	}

	.title-historie {
		height:600px;
	}
	
	.title-gaertnerei {
		height:600px;
	}
	
	.title-floristik {
		height:600px;
	}
	
	.title-grabgestaltung {
		height:600px;
	}

	.title-eichenbalken {
		height:600px;
	}
	
	.title-events {
		height:600px;
	}	
	
	.title-gtipps {
		height:600px;
	}
	
	.title-memoriam {
		height:600px;
	}	
	
	.title-presse {
		height:600px;
	}
		
	.title-pic > div:first-of-type {
		background-size:cover;
		opacity:0.9;
		width:100%;
		height:100%;
	}
	
	.title-start > div:first-of-type {
		background-image:url('/img/blumen-poertner_start.jpg');
		opacity:0.65;
		background-position:50% 80%;
	}
	
	.title-historie > div:first-of-type {
		background-image:url('/img/historie/historie.jpg');
		background-position:center;		
	}	
	
	.title-gaertnerei > div:first-of-type{
		background-image:url('/img/gaertnerei/gaertnerei.jpg');
		background-position:center;
	}

	.title-floristik > div:first-of-type{
		background-image:url('/img/floristik/floristik.jpg');
		background-position:center;
	}

	.title-grabgestaltung > div:first-of-type{
		background-image:url('/img/grabgestaltung/grabgestaltung.jpg');
		background-position:50% 60%;
	}	
	
	.title-eichenbalken > div:first-of-type{
		background-image:url('/img/eichenbalken/eichenbalken.jpg');
		background-position:center;
	}
	
	.title-events > div:first-of-type{
		background-image:url('/img/events.jpg');
		background-position:bottom;
	}	
	
	.title-gtipps > div:first-of-type{
		background-image:url('/img/gartentipps.jpg');
		background-position:bottom;
	}
	
	.title-memoriam > div:first-of-type{
		background-image:url('/img/memoriam/memoriam.jpg');
		background-position:bottom;
	}		
	
	.title-presse > div:first-of-type{
		background-image:url('/img/presse.jpg');
		background-position:50% 60%;
	}
		
	.title-txt-wrap {
		position:absolute;
		bottom:0px;
		width:100%;
		background-color:rgba(255,255,255,0.7);
	}
	
	.title-txt {
		font-size:2em;
		font-style:italic;		
	}
		
	.title-start .title-txt {
		animation-name:strtxt;
		animation-duration:2s;
		position:absolute;
		bottom:0px;
		left:20px;
	}
	
	.title-txt h2 {
		font-weight:normal;
		margin:0px;
		margin-left:20px;		
	}
	
	.title-start .title-txt h2 {
		margin:0px;
		color:white;		
	}
	
	.wrap-shadow {
		background-color:#fff;
		box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);
		padding-top:50px;
		padding-bottom:75px;
	}
	
	.content {
		margin:0 10px;
		overflow:hidden;
	}
	
	
	.willk img {
		width:350px;
	}
	
	video.grabpflege-mobile {
		display:none;
	}
	
	video.grabpflege {
		display:block;
	}	
	
	#kontakt iframe {
		width:600px;
		height:450px;
	}
	
	footer {
		height:120px;	
	}
	
	.div-impressum-button{
		text-align:right;
	}	
}

@media (min-width: 992px) {
	
	body {
		font-size:16px;
	}
	
	header img {
		width:325px;
	}

	header h1 {
		width:647px;
		font-size:38px;
	}
	
	.wrap-shadow {
		padding-top:100px;
		padding-bottom:150px;
	}
	
	#news .wrap-shadow{
		padding-top:50px;
		padding-bottom:70px;
	}
	
}

@media (min-width: 1200px) {
	
	header img {
		width:350px;
	}
	
	header h1 {
		width:820px;
		font-size:42px;
	}
		
}

@media (min-width: 1800px) {

	.logo {
		position:absolute;
	}
	
	.h-menu {
		padding-left:90px;
	}

}