/* melzner.css */
/* (c) 2016 IWI GmbH, Münster */
/* http://www.iwi.de */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin:0;
	padding:0;
}

a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --- IWI --- */

/* hind-siliguri-300 - latin */
@font-face {
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hind-siliguri-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Hind Siliguri Light'), local('HindSiliguri-Light'),
       url('../fonts/hind-siliguri-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-siliguri-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-siliguri-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-siliguri-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-siliguri-v5-latin-300.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}

/* cinzel-regular - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cinzel-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cinzel Regular'), local('Cinzel-Regular'),
       url('../fonts/cinzel-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v8-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}

html{
}

body{
	background-color:#565656;
	background-image:url(../grafik/hintergrund.jpg);
	font-family: 'Hind Siliguri', sans-serif;
	font-weight:300;
	color:#75685f;
	font-size:1.2em;
}

#corpus{
	position:relative;
	box-sizing:border-box;
	width:1200px;
	padding:0 0 0 0;
	margin:0 auto;
	background-color:#FFFFFF;
}

/* ******************** *** ******************** */
/* ******************** NAV ******************** */

#responsive{
	display:none;
}

nav[role="navigation"]#nav-main{
	padding:0;
	background-color:#a79b94;
	text-align:center;
	color:#FFFFFF;
	font-weight:300;
	text-transform:uppercase;
}

		#css3-menu{
			padding-top:0;
			text-align:center;/**/
		}

			ul#css3menu1,ul#css3menu1 ul{
				margin:0;
				list-style:none;
				padding:0;
				background-color:none;
				color:#000000;
			}

			/*submenu*/
			ul#css3menu1 ul{
				display:none;
				position:absolute;
				left:0;
				top:100%;
				background-color:transparent;
				padding:16px 0 0 0;
				z-index:100;
			}

			ul#css3menu1 li:hover>*{
				display:block;
			}

			ul#css3menu1 li{
				position:relative;
				display:block;
				white-space:nowrap;
				font-size:0;
				float:left;
			}

			ul#css3menu1 li:hover{
				z-index:1;
			}

			ul#css3menu1{
				font-size:0;
				z-index:999;
				position:relative;
				display:inline-block;
				zoom:1;
				padding:0;
				*display:inline;
			}

			* html ul#css3menu1 li a{
				display:inline-block;
			}

			ul#css3menu1>li{
				margin:0;
			}

			ul#css3menu1 a:active, ul#css3menu1 a:focus{
				outline-style:none;
			}

			/*all*/
			ul#css3menu1 a{
				display:block;
				vertical-align:middle;
				text-align:left;
				text-decoration:none;
				font-family: 'Hind Siliguri', sans-serif;
				font-weight:500;
				/*font-size: 20px;*/
				font-size: 18px; /* geändert 2019-04 - weiterer Menüpunkt */
				color:#FFFFFF;
				cursor:pointer;
			}

			/*sub*/
			ul#css3menu1 ul li{
				float:none;
				margin:0;
				background-color:rgba(76,63,54,0.65);
			}

			/*sub*/
			ul#css3menu1 ul a{
				position:relative;
				left:1px;
				text-align:left;
				padding:3px 0;
				/*background-color:rgba(25,48,62,0.75);*/
				border-width:0 0 1px 0;
				border-style:solid;
				border-color:#FFFFFF;
				margin:0 15px;
				font-family: 'Hind Siliguri', sans-serif;
				font-weight:500;
				font-size: 16px;
				color:#FFFFFF;
				text-decoration:none;
				min-width:150px;
				z-index:100;
			}

			ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
				border-style:none;
				color:transparent;
				text-decoration:none;
			}

			ul#css3menu1 ul li>a.aktiv{
				text-decoration:underline;
			}

			/*sub hover/active*/
			ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
				border-bottom:1px solid;
				color:#FFFFFF;
				border-color:#FFFFFF;
				text-decoration:underline;
			}

			/*sub last*/
			ul#css3menu1 ul li:last-of-type a{
				border-bottom:0;
			}

			/*main*/
			ul#css3menu1 li.topmenu>a{
				background-color:transparent;
				border-width:1px 1px 1px 1px;
				border-style:solid;
				border-color:transparent transparent transparent transparent;
				padding:10px 0 0 0;
				margin:0 5px 0 5px;/**/
			}

				ul#css3menu1 li.topmenu>a::after{
					content:"|";
					margin:0 0 0 10px;
					color:#FFFFFF;
					text-decoration:none;
				}

					ul#css3menu1 li.topmenu>a.last::after{
						content:"";
						margin:0;
					}

				ul#css3menu1 li.topmenu>a.aktiv{
						color:#4c3f36;
				}


			ul#css3menu1 li.topmenu>a.last{
				margin:0 0 0 5px;
			}


			ul#css3menu1 li.topmenu>a.aktiv{
				border-color:transparent;
				text-decoration:none;
			}

			ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
				border-color:transparent;
				background-color:transparent;
				color:#4c3f36;
				text-decoration:none;
			}

/* ******************** ****** ******************** */
/* ******************** HEADER ******************** */

header[role="banner"]{
	position:relative;
	height:624px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}

	#adress-block{
		position:absolute;
		top:0;
		right:0;
		width:360px;
		height:240px;
		padding:0 24px 0 0;
		background-color:rgba(255,255,255,0.9);
		text-align:center;
	}

		#logo-block{
			width:235px;
			height:118px;
			margin:20px auto 0 auto;
			background-image:url(../grafik/melzner-logo_1200.png);
		}

		#adresse{
			border-top:1px solid #75685f;
			/*font-size:0.7em;*/
			/*font-size:1.1em; 2019-04 Nur Telefon,dafür größer */
			font-size:0.8em;/* 2019-12 2x Telefon und Adresse, wieder kleiner */
			padding-top:1.1em;
			font-weight:bold;
		}

			#adresse p{
				margin:0;
				padding:0;
			}

			.adress-absatz{
				display:inline-block;
				text-align:left;
			}

	/* ++++++++++++++++++++++++++++++++++ */
	/* Kachel auf der Startseite - Header */

	header[role="banner"] .st_box{
		position:absolute;
		right:0;
		bottom:0;
		/*background-color:#e8e5e4;*/
		background-color:#d0d9e1; /* 2019-04 blau */
		margin:0 0 0 0;
	}

		header[role="banner"] .st_box:hover{
			/*background-color:#ded6d3;*/
			background-color:#adbccb; /* 2019-04 blau */
		}


	/* Ende Kachel auf der Startseite */
	/* ------------------------------ */

/* ******************** **** ******************** */
/* ******************** MAIN ******************** */

main[role="main"]{
}

	#inhalt{
		min-height:500px;
		background-color:#FFFFFF;
		font-family: 'Hind Siliguri', sans-serif;
	}

		/* +++++++++++++++++++++++++++++++++++++++++ */
		/* Kacheln auf der Startseite - Hauptbereich */

		#inhalt.startseite .start_responsive{
			display:none;/* verschobene 1. Box */
		}

		#inhalt.startseite .st_zeile{
			clear:both;
			padding:0;
			margin:0;
		}

			#inhalt.startseite .st_zeile:first-child{
				padding:24px 0 0 0;
			}

		.st_box{
			display:block;
			box-sizing:border-box;
			width:384px;
			height:384px;
			padding:60px 0;
			border:0;
			text-align:center;
			color:#75685f;
			text-decoration:none;
		}

		#inhalt.startseite .st_box{
			position:relative;
			float:left;
			margin:0 24px 24px 0;
		}

			#inhalt.startseite .st_box .st_hintergrund, header[role="banner"] .st_box .st_hintergrund{
				position:absolute;
				bottom:50px;
				left:0;
				height:170px;
				width:384px;
				background-position:center center;
				background-repeat:no-repeat;
			}

				/* 1. Kachel im Header! */
				header[role="banner"] .st_box .st_floristik{
					background-image:url(../grafik/floristik_170.png);
				}

				#inhalt.startseite .st_box .st_friedhofsgaertnerei{
					background-image:url(../grafik/friedhofsgaertnerei_170.png);
				}

				#inhalt.startseite .st_box .st_grabmale{
					background-image:url(../grafik/grabmale_170.png);
				}

				#inhalt.startseite .st_box .st_haus_der_trauer{
					background-image:url(../grafik/haus_der_trauer_170.png);
				}

		.st_bildbox{
			position:relative;
			float:left;
			display:block;
			width:384px;
			height:auto;
			max-height:384px;
			margin:0 0 24px 0;
			padding:0;
		}

		.st_bildboxL{
			position:relative;
			float:left;
			display:block;
			width:384px;
			height:auto;
			max-height:384px;
			margin:0 24px 24px 0;
			padding:0;
		}

		.st_bildboxR{
			position:relative;
			float:left;
			display:block;
			width:384px;
			height:auto;
			max-height:384px;
			margin:0 0 24px 24px;
			padding:0;
		}

		#inhalt.startseite .st_doppelboxR{
			box-sizing:border-box;
			width:792px;
			height:384px;
			float:left;
			margin:0 24px 24px 0;
			padding:30px;
		}

		#inhalt.startseite .st_doppelboxL{
			box-sizing:border-box;
			width:792px;
			min-height:384px;
			float:left;
			margin:0 0px 24px 0;
			padding:30px;
		}

			#inhalt.startseite .blau{
				background-color:#d0d9e1;
			}

				#inhalt.startseite .blau:hover{
					background-color:#adbccb;
				}

			#inhalt.startseite .hellgrau{
				background-color:#e8e5e4;
			}

				#inhalt.startseite .hellgrau:hover{
					background-color:#ded6d3;
				}

			#inhalt.startseite .grau{
				background-color:#d4d7d0;
			}

			#inhalt.startseite .rot{
				background-color:#d87159;
			}

			#inhalt.startseite .st_box:last-child, #inhalt.startseite .st_doppelboxR:last-child{
				margin:0 0 24px 0;
			}

		/* Ende Kacheln auf der Startseite */
		/* ------------------------------- */

		article{
			position:relative;
			box-sizing:border-box;
			margin:0 0 0 384px;
			padding:20px 55px 20px 55px;
			min-height:500px;
		}

			.first-article{
				margin-top:86px;
			}

			article aside[role="complementary"]{
				position:absolute;
				top:0;
				left:-360px;
				width:360px;
				box-sizing:border-box;

			}

		h1{
			font-family: 'Cinzel', serif;
			font-size:1.8em;
			margin:0 0 0.8em 0;
			border-bottom:1px solid #75685f;
			padding:0 0 0.5em 0;
		}

		h2{
			font-family: 'Cinzel', serif;
			font-size:1.5em;
			margin:0 0 0.5em 0;
			padding:0;
		}

		p{
			margin:0 0 1em 0;
			padding:0;
		}

		ul{
			margin:0 0 1em 18px;
			padding:0;
		}


		b{
			font-weight:bold;
		}

		i{
			font-style:italic;
		}

		section a, .st_doppelboxL a{
			color: #75685f;
		}

			section a:hover, section a:focus, .st_doppelboxL a:hover, .st_doppelboxL a:focus{
				color: #bc4b48;
			}

		a[href^="tel:"]{
			color: #75685f;
			text-decoration: none;
		}

			a[href^="tel:"]:hover, a[href^="tel:"]:focus{
				color: #75685f;
			}

		hr{
			height:1px;
			border:0;
			border-top:1px solid #75685f;
			margin:0 0 1em 0;
		}

		.nowrap, .nobr{
			white-space:nowrap;
		}

		/* ++++++++ */
		/* Formular */

form{
	font-weight:normal;
	margin:0;
	padding: 0 0 20px 0;
	font-family: 'Hind Siliguri', sans-serif;
	font-weight:300;
	color:#75685f;
}

.formular_zeile{
	margin:0;
	padding:0;
	clear:both;
}

.formular_leerzeile{
	margin-bottom:0px;
	padding:0px;
	height:8px;
	font-size:1px;
	clear:both;
	border:0px green solid;
}

.formular_text{
	display:block;
	width:6em;
	float:left;
	text-align:left;
	padding-right:5px;
	padding-bottom:2px;
	border:0px #000000 solid;
}

.formular_feld{
	display:block;
	width:100%;
	max-width:254px;
	float:left;
	padding-left:5px;
	padding-bottom:2px;
	border:0px #000000 solid;
}

.formular_feld input{
	padding:0px;
	margin:0px;
	width:98%;
	font-family: 'Hind Siliguri', sans-serif;
	font-weight:300;
	color:#75685f;
	background-color:#FFFFFF;
	border:1px #646566 solid;
	padding:1px;
}

.formular_feld textarea{
	padding:0px;
	margin:0px;
	width:98%;
	font-family: 'Hind Siliguri', sans-serif;
	font-weight:300;
	color:#75685f;
	font-size:1em;
	background-color:#FFFFFF;
	border:1px #646566 solid;
	padding:1px;
}

.formular_knopf{
	font-family: 'Hind Siliguri', sans-serif;
	font-weight:300;
	margin-top:10px;
	margin-left: 6.5em;
	border:1px #646566 solid;
	color:#646566;
	background-color:#E7EDE6;
	width:150px;
}

.klein{
	font-size:0.8em;
}
		/* Ende Formular */
		/* ------------- */

/* ******************** ****** ******************** */
/* ******************** FOOTER ******************** */

footer[role="contentinfo"]{
	clear:both;
	position:relative;
	height:384px;
	background-color:transparent;
	background-image:url(../bilder/footer201912_1200.jpg);
}

	#zeiten{
		box-sizing:border-box;
		height:384px;
		width:384px;
		background-color:rgba(255,255,255,0.9);
		padding:1.5em;
		text-align:center;
		font-size:1em;
	}

		#zeiten h2{
			margin:0;
			padding:0;
		}

		#zeiten p{
			margin:0 0 1em 0;
			padding:0;
		}

		#zeiten a{
			color: #75685f;
		}

			#zeiten a:hover, #zeiten a:focus{
				color: #bc4b48;
			}

	#meisterkasten{
		position:absolute;
		top:0;
		right:34px;
		box-sizing:border-box;
		margin:0;
		border-right:2px solid #75685f;
		border-bottom:2px solid #75685f;
		border-left:2px solid #75685f;
		padding:15px 95px 0 15px;
	}

		.mk_eintrag{
			margin:0 0 10px 0;
			font-family: 'Cinzel', serif;
			text-transform:uppercase;
			line-height:2em;
		}

			.mk_eintrag::before{
				margin-right:5px;
				content:"\2192";
			}

		#meisterplakette{
			position:absolute;
			top:-5px;
			right:15px;
			width:80px;
			height:119px;
			background-image:url(../grafik/meisterplakette_1200.png);
		}

/* ******************** ******* ******************** */
/* ******************** OVERLAY ******************** */

	#JPO{
		position:relative;
		background-color:#ffffff;
		box-sizing:border-box;
		padding:10px 20px 20px 20px;
		border:1px solid #c8c8c8;
		margin:1em;
		box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 6px;
		font-size:1.1em;
		width:80%;
		max-width:1000px;
		min-width:200px;
	}

	#JPO h2{
		font-family:'Cinzel',times,serif;
		font-weight:bold;
		font-size:1.4em;
		color:#75685f;
		color: #db0100;
		margin:0;
		padding:0 0 15px 0;
	}

	#JPO a{
		color:#646566;
	}

	#JPO a:hover{
		color:#888888;
	}

	#JPO div {
		clear:both;
	}

	#JPO .jpo_bildbox {
		position: relative;
		float: left;
		display: block;
		width:30%;
		max-width: 300px;
		height: auto;
		margin: 0 24px 24px 0;
		padding: 0;
	}

	#JPO .JPOachtung{
		border:1px #646566 solid;
		background-color:#d0d9e1;
		margin:0 0 1em 0;
		padding: 1em 1em 0.5em 1em;
		border-radius: 0.1em;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	}

	#JPO button{
		display:block;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		border:1px #646566 solid;
		/*border-radius: 0.7em;*/
		padding:5px;
		color:#646566;
		background-color:#d0d9e1;
		width:150px;
		font-size:0.8em;
		box-shadow: 0 0 5px rgba(0,0,0,0.8);

	}

	#JPO button:hover, #JPO button:active{
		box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	}


/* ____________________ ________ ____________________ */
/* ******************** 970-1200 ******************** */

@media only screen and (min-width:970px) and  (max-width:1200px){

	body{
		background-image:url(../grafik/hintergrund.jpg);
	}

	#corpus{
		width:950px;/**/
	}

	/* ******************** *** ******************** */
	/* ******************** NAV ******************** */

	nav[role="navigation"]#nav-main{
		padding:0;/**/
		background-color:#a79b94;
		text-align:center;
		color:#FFFFFF;
		font-weight:300;
		text-transform:uppercase;
	}

		#css3-menu{
			padding-top:0px;/**/
			text-align:center;/**/
			height:35px;
		}

			ul#css3menu1,ul#css3menu1 ul{
				margin:0;
				list-style:none;
				padding:0;
				background-color:none;
				color:#000000;
			}

			/*submenu*/
			ul#css3menu1 ul{
				display:none;
				position:absolute;
				left:0;
				top:100%;
				background-color:transparent;
				padding:8px 0 0 0;
				z-index:100;
			}

			ul#css3menu1 li:hover>*{
			}

			ul#css3menu1 li{

			}

			ul#css3menu1 li:hover{
			}

			ul#css3menu1{
			}

			* html ul#css3menu1 li a{
			}

			ul#css3menu1>li{
			}

			ul#css3menu1 a:active, ul#css3menu1 a:focus{
			}

			/*all*/
			ul#css3menu1 a{
				/*font-size: 16px;*/
				font-size: 15px; /* geändert 2019-04 - weiterer Menüpunkt */
			}

			/*sub*/
			ul#css3menu1 ul li{
			}

			/*sub*/
			ul#css3menu1 ul a{
				padding:2px 0;/**/
				margin:0 10px;/**/
				font-size: 14px;/**/
			}

			ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
			}

			ul#css3menu1 ul li>a.aktiv{
			}

			/*sub hover/active*/
			ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
			}

			/*sub last*/
			ul#css3menu1 ul li:last-of-type a{
			}

			/*main*/
			ul#css3menu1 li.topmenu>a{
				padding:5px 0 0 0;/**/
				margin:0 3px 0 3px;/**/
			}

				ul#css3menu1 li.topmenu>a::after{
					margin:0 0 0 6px;/**/
				}

					ul#css3menu1 li.topmenu>a.last::after{
					}

				ul#css3menu1 li.topmenu>a.aktiv{
				}

			ul#css3menu1 li.topmenu>a.aktiv{
			}

			ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
			}

	/* ******************** ****** ******************** */
	/* ******************** HEADER ******************** */

	header[role="banner"]{
		height:494px;/**/
	}

		#adress-block{
			position:absolute;
			width:290px;/**/
			height:188px;/**/
			padding:0 16px 0 0;/**/
			font-size:0.8em; /* 950 */
		}

			#logo-block{
				width:187px;/**/
				height:93px;/**/
				margin:16px auto 0 auto;/**/
				background-image:url(../grafik/melzner-logo_950.png);/**/
			}

			#adresse{
			}

		/* ++++++++++++++++++++++++++++++++++ */
		/* Kachel auf der Startseite - Header */

		header[role="banner"] .st_box{
		}

		/* Ende Kachel auf der Startseite */
		/* ------------------------------ */

	/* ******************** **** ******************** */
	/* ******************** MAIN ******************** */

	main[role="main"]{
	}

		#inhalt{
		}

			/* +++++++++++++++++++++++++++++++++++++++++ */
			/* Kacheln auf der Startseite - Hauptbereich */

			#inhalt.startseite .st_zeile{
			}

				#inhalt.startseite .st_zeile:first-child{
					padding:16px 0 0 0;/**/
				}

			.st_box{
				box-sizing:border-box;
				width:306px;/**/
				height:306px;/**/
				padding:60px 0;
				font-size:0.8em; /* 950 */
			}

			#inhalt.startseite .st_box{
				float:left;
				margin:0 16px 16px 0;/**/
			}

				#inhalt.startseite .st_box .st_hintergrund, header[role="banner"] .st_box .st_hintergrund{
					bottom:40px;/**/
					height:135px;/**/
					width:306px;/**/
				}

					/* 1. Kachel im Header! */
					header[role="banner"] .st_box .st_floristik{
						background-image:url(../grafik/floristik_135.png);/**/
					}

					#inhalt.startseite .st_box .st_friedhofsgaertnerei{
						background-image:url(../grafik/friedhofsgaertnerei_135.png);/**/
					}

					#inhalt.startseite .st_box .st_grabmale{
						background-image:url(../grafik/grabmale_135.png);/**/
					}

					#inhalt.startseite .st_box .st_haus_der_trauer{
						background-image:url(../grafik/haus_der_trauer_135.png);/**/
					}

			.st_bildboxL{
				width:306px;/**/
				max-height:306px;/**/
				margin:0 16px 16px 0;/**/
			}

			.st_bildboxR{
				width:306px;/**/
				max-height:306px;/**/
				margin:0 0 16px 16px;/**/
			}

			#inhalt.startseite .st_doppelboxR{
				box-sizing:border-box;
				width:628px;/**/
				height:306px;/**/
				margin:0 16px 16px 0;/**/
				padding:24px;/**/
				font-size:0.8em; /* 950 */
			}

			#inhalt.startseite .st_doppelboxR, #inhalt.startseite .st_doppelboxL{
				box-sizing:border-box;
				width:628px;/**/
				min-height:306px;/**/
				margin:0 0 16px 0;/**/
				padding:24px;/**/
				font-size:0.8em; /* 950 */
			}

				#unterschrift{
					width:198px;
					height:auto;
				}

				#inhalt.startseite .st_box:last-child, #inhalt.startseite .st_doppelboxR:last-child{
					margin:0 0 16px 0;/**/
				}

			/* Ende Kacheln auf der Startseite */
			/* ------------------------------- */

			article{
				margin:0 0 0 306px;/**/
				padding:16px 44px 16px 44px;/**/
				min-height:400px;
			}

				.first-article{
					margin-top:68px;/**/
				}

				article aside[role="complementary"]{
					left:-290px;/**/
					width:290px;/**/
				}

					article img{
						width:290px;
						height:auto;
					}

			h1{
				font-family: 'Cinzel', serif;
				font-size:1.8em;
				margin:0 0 0.8em 0;
				border-bottom:1px solid #75685f;
				padding:0 0 0.5em 0;
			}

			h2{
				font-family: 'Cinzel', serif;
				font-size:1.5em;
				margin:0 0 0.5em 0;
				padding:0;
			}

			p{
				margin:0 0 1em 0;
				padding:0;
			}

			/* ++++++++ */
			/* Formular */


			/* Ende Formular */
			/* ------------- */

	/* ******************** ****** ******************** */
	/* ******************** FOOTER ******************** */

	footer[role="contentinfo"]{
		height:306px;/**/
		background-image:url(../bilder/footer201912_950.jpg);/**/
	}

		#zeiten{
			height:306px;/**/
			width:306px;/**/
			font-size:0.8em; /* 950 */
		}

			#zeiten h2{
				margin:0;
				padding:0;
			}

			#zeiten p{
				margin:0 0 1em 0;
				padding:0;
			}

			#footer-uhr{
				width:66px;/* 950 */
				height:auto;/* 950 */
			}

		#meisterkasten{
			position:absolute;
			top:0;
			right:34px;
			box-sizing:border-box;
			margin:0;
			border-right:2px solid #75685f;
			border-bottom:2px solid #75685f;
			border-left:2px solid #75685f;
			padding:15px 95px 0 15px;
		}

			.mk_eintrag{
				margin:0 0 10px 0;
				font-family: 'Cinzel', serif;
				text-transform:uppercase;
			}

				.mk_eintrag::before{
					margin-right:5px;
					content:"\2192";
				}

			#meisterplakette{
				position:absolute;
				top:-5px;
				right:15px;
				width:80px;
				height:119px;
				background-image:url(../grafik/meisterplakette_1200.png);
			}

}/*media 970-1200*/


/* ____________________ ____ ____________________ */
/* ******************** -969 ******************** */

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

	body{
		background-image:none;/**/
		padding:0;/**/
		margin:0;/**/
	}

	#corpus{
		width:100%;/**/
		margin:0;/**/
		padding:0;/**/
		margin:0;/**/
		overflow:hidden;
	}

	/* ******************** *** ******************** */
	/* ******************** NAV ******************** */

	#responsive{
		position:absolute;
		left:15px;/**/
		top:188px;/**/
		z-index:10000;
		display:block;
		font-family: 'Hind Siliguri', sans-serif;
		font-weight:500;
		min-width:50%;
		max-width:250px;
	}

		#responsive .toggle{
			display: inline-block;
			margin:0 0 0 0;
			padding:5px 10px;
			background-color:#a62522;/**/
			color:#FFFFFF;
			min-width:20px;
			cursor:pointer;
			font-size:24px;
			text-align:center;
			border-radius:0 0 0.3em 0.3em;
		}

			#responsive .toggle #menubutton{
				width:48px;
				height:33px;
				background-image:url('../grafik/menubutton.gif');
				background-position:left;
			}

			#responsive .toggle:hover, #responsive .toggle:active{
				color:#FFFFFF;
				background-color:#028346;/**/
			}

				#responsive .toggle:hover #menubutton, #responsive .toggle:active #menubutton{
					background-position:right;
				}

		#responsive .togglemenu{
			display: inline-block;
			margin:0 0 0 0;
			border:1px solid #19303e;
			padding:0;
			background-color:#e7ebed;
			color:#19303e;
			min-width:20px;
			cursor:pointer;
			font-size:20px;
			text-align:center;
			font-weight:bold;
		}

			#responsive .togglemenu:hover, #responsive .togglemenu:active{
				border:1px solid #19303e;
				color:#e7ebed;
				background-color:#19303e;
			}

		#responsive ul{
			display:none;
			margin:0;
			padding:0 0 0 0;
			list-style-type:none;
			border-radius:0 0 0.3em 0.3em;
		}

		#responsive>ul{
			background-color:rgba(231,235,237,0.9);
			padding:0 10px 10px 10px;
			margin:0 5px 5px 0;
			box-shadow:2px 2px 4px rgba(0,0,0,0.2),
					   6px 6px 8px rgba(0,0,0,0.2);
		}

			#responsive li{
				margin:0;
				padding:0;
				height:auto;
			}

			#responsive a{
				display:inline-block;
				margin:8px 0 0 0;
				padding:5px;
				color:#19303e;
				text-decoration:none;
				font-size:24px;
			}

				#responsive a.aktiv{
					/*text-decoration:underline;*/
					background-color:#a62522;
					color:#FFFFFF;
					border-radius:0.3em;
				}

				#responsive a:hover, #responsive a:active{
					background-color:#028346;
					color:#FFFFFF;
					/*text-decoration:underline;*/
					border-radius:0.3em;
				}

			#responsive li>ul{
				margin: 0 0 0 10px;
				padding:0 0 0 10px;
				/*border-left:1px solid #4A4A4C;*/
				border-left:2px solid #19303e;
			}

	nav[role="navigation"]#nav-main{
		display:none;
	}


	/* ******************** ****** ******************** */
	/* ******************** HEADER ******************** */

	header[role="banner"]{
		position:relative;/**/
		top:0;/**/
		left:0;/**/
		height:auto;/**/
		padding:0;/**/
		margin:0;/**/
		background-position:center;/**/
	}

		#adress-block{
			position:relative;/**/
			width:290px;/**/
			max-width:100%;/**/
			height:188px;/**/
			padding:0 15px 0 15px;/**/
			margin: 0 0 0 0;/**/
			font-size:0.8em;/**/
		}

			#logo-block{
				width:187px;/**/
				height:93px;/**/
				margin:0 auto 0 auto;/**/
				background-image:url(../grafik/melzner-logo_950.png);/**/
			}

			#adresse{
				max-width:90%;
				border-top:1px solid #75685f;
				font-size:0.7em;
			}

		/* ++++++++++++++++++++++++++++++++++ */
		/* Kachel auf der Startseite - Header */

		header[role="banner"] .st_box{
			display:none;/**/
		}

		/* Ende Kachel auf der Startseite */
		/* ------------------------------ */

	/* ******************** **** ******************** */
	/* ******************** MAIN ******************** */

	main[role="main"]{
	}

		#inhalt{
			margin:0 0;/**/
		}

			/* +++++++++++++++++++++++++++++++++++++++++ */
			/* Kacheln auf der Startseite - Hauptbereich */

			#inhalt.startseite .start_responsive{
				display:block;/* verschobene 1. Box */
			}

			#inhalt.startseite .st_zeile{
				clear:both;
				padding:0;/**/
				margin:40px 15px 0 15px;/**/
			}

				#inhalt.startseite .st_zeile:first-child{
					padding:24px 0 0 0;
				}

			.st_box{
				width:100%;/**/
				height:210px;/**/
				padding:15px 0 0 0;/**/
			}

			#inhalt.startseite .st_box{
			}

				#inhalt.startseite .st_box .st_hintergrund, header[role="banner"] .st_box .st_hintergrund{
					position:relative;/**/
					top:-40px;/**/
					height:170px;
					width:auto;/**/
				}

					#inhalt.startseite .st_box .st_floristik{
						background-image:url(../grafik/floristik_135.png);/**/
					}

					#inhalt.startseite .st_box .st_friedhofsgaertnerei{
						background-image:url(../grafik/friedhofsgaertnerei_135.png);/**/
					}

					#inhalt.startseite .st_box .st_grabmale{
						background-image:url(../grafik/grabmale_135.png);/**/
					}

					#inhalt.startseite .st_box .st_haus_der_trauer{
						background-image:url(../grafik/haus_der_trauer_135.png);/**/
					}

			.st_bildboxL, .st_bildboxR{
				float:none;/**/
				width:306px;/**/
				max-width:100%;/**/
				max-height:306px;/**/
				margin:0 0 24px 0;/**/
			}

			#inhalt.startseite .st_doppelboxR, #inhalt.startseite .st_doppelboxL{
				box-sizing:border-box;
				width:100%;/**/
				height:auto;/**/
				float:none;
				margin:0 24px 24px 0;
				padding:15px;
			}

				#unterschrift{
					width:198px;
					max-width:100%;
					height:auto;
				}

				#inhalt.startseite .blau{
					background-color:#d0d9e1;
				}

					#inhalt.startseite .blau:hover{
						background-color:#adbccb;
					}

				#inhalt.startseite .grau{
					background-color:#d4d7d0;
				}

				#inhalt.startseite .rot{
					background-color:#d87159;
				}

				#inhalt.startseite .st_box:last-child, #inhalt.startseite .st_doppelboxR:last-child{
					margin:0 0 24px 0;
				}

			/* Ende Kacheln auf der Startseite */
			/* ------------------------------- */

			article{
				margin:0 0 0 0;/**/
				padding:20px 15px 20px 15px;/**/
				min-height:none;
			}

				.first-article{
					margin-top:50px;/**/
				}

				article aside[role="complementary"]{
					position:relative;/**/
					top:0;/**/
					left:0;/**/
					width:auto;/**/
					margin:0 0 20px 0;/**/
				}

					article aside[role="complementary"] img{
						width:301px;/**/
						max-width:90%;/**/
						height:auto;/**/
					}

			h1{
				font-size:1.3em;/**/
			}

			h2{
				font-size:1.1em;/**/
			}

			/* ++++++++ */
			/* Formular */



			/* Ende Formular */
			/* ------------- */

	/* ******************** ****** ******************** */
	/* ******************** FOOTER ******************** */

	footer[role="contentinfo"]{
		height:306px;/**/
		background-image:url(../bilder/footer201912_950.jpg);/**/
	}

		#zeiten{
			height:306px;/**/
			width:306px;/**/
			max-width:100%;/**/
			font-size:0.8em; /**/
		}

			#zeiten h2{
				margin:0;
				padding:0;
			}

			#zeiten p{
				margin:0 0 1em 0;
				padding:0;
			}

			#footer-uhr{
				width:66px;/* 950 */
				height:auto;/* 950 */
			}

		#meisterkasten{
			display:none;/**/
		}

	#JPO .jpo_bildbox {
		position: relative;
		float: left;
		display: block;
		width:30%;
		max-width: 300px;
		height: auto;
		margin: 0 3% 24px 0;
		padding: 0;
	}

}/*media -899*/

/* ____________________ ____ ____________________ */
/* ******************** -450 ******************** */

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


}