/**************************************************************************************/
/*
/*		Des. Bestattungen Heinrich Tilly Herne
/*		Web: http://www.bestattungen-heinrich-tilly.de
/*		License: Commercial
/*
/**************************************************************************************/
#background{
display:none;
}
#splash-page  {
	background-image: url(../../../images/sampledata/asimages/bestattungen-heinrich-tilly.jpg);
	background-position: left top;
	background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  min-width: 100%;
  min-height:100%; 
  
}

#splash-page .content {
    left: 0;
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    z-index: 50;
	
	position:relative;
	border:0px solid #ff0000;
}

#splash-page #logo {
    float: right;
    padding: 60px 50px 0px 20px;
    text-align: center;
    z-index: 1000;
   
    
    
}


#splash-page .navigation {
    clear: both;
    float: right;
    padding: 30px 46px 0 0;
}

#splash-page .navigation #as-menu ul.as-menu > li, 
#splash-page .navigation #as-menu ul.as-menu > li:hover {
    float: none;
    margin: 15px 0;
    padding: 0 55px;
    box-shadow: 6px 6px 6px grey;
}



#splash-page #moduletable
{
	font-size: 16px;
	float: right;
}

#splash-page #copyright
{
	font-size: 16px;
	float: none;
  z-index: 500;
  position:absolute;
  bottom:50px;
}
.collPk{
width:48%;
min-width:200px;
float:left;
border:0px solid #ff0000;
}

.contact_details
{
padding-bottom: 30px;  
}

body.itemid-234 .contact-details-original
{
	margin: 0 0 32px;
}

body.itemid-234 .contact-details-original h2
{
	margin: 0 0 28px;
}

body.itemid-234 .contact-details-original .contact-intro
{
	margin: 0 0 24px;
}

body.itemid-234 .contact-details-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
}

body.itemid-234 .contact-details-grid address
{
	margin: 0;
	font-style: normal;
}

body.itemid-234 .contact-details-grid p
{
	margin: 0 0 5px;
}

body.itemid-234 .contact-details-grid a
{
	color: #800000;
}

/* Contact (RSForm form 4): preserve the two-column layout of the original site. */
body.itemid-234 #tubewrapper > div
{
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.itemid-234 #userForm .formSpan12
{
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	grid-template-areas:
		"header header"
		"name message"
		"email message"
		"phone message"
		"privacy privacy"
		"captcha captcha"
		"submit submit"
		"hint hint";
	column-gap: 20px;
	align-items: start;
}

body.itemid-234 #userForm .rsform-block
{
	min-width: 0;
	margin: 0;
	padding: 0;
}

body.itemid-234 #userForm .rsform-block-header
{
	grid-area: header;
	margin: 0 0 20px;
	text-align: center;
	font-style: italic;
	color: #777;
}

body.itemid-234 #userForm .rsform-block-name { grid-area: name; }
body.itemid-234 #userForm .rsform-block-email { grid-area: email; }
body.itemid-234 #userForm .rsform-block-telefon { grid-area: phone; }
body.itemid-234 #userForm .rsform-block-nachricht { grid-area: message; }

body.itemid-234 #userForm .rsform-block-ds
{
	grid-area: privacy;
	margin: 14px 0 18px;
	font-size: 14px;
	line-height: 1.45;
}

body.itemid-234 #userForm .rsform-block-submit
{
	grid-area: submit;
	justify-self: start;
}

body.itemid-234 #userForm .rsform-block-hinweis
{
	grid-area: hint;
	margin-top: 10px;
	font-size: 13px;
	color: #777;
}

body.itemid-234 #userForm .rsform-block-email2
{
	grid-area: captcha;
	margin: 0 0 18px;
}

body.itemid-234 #userForm .rsform-block-email2 .formControlLabel
{
	font-size: 16px;
}

body.itemid-234 #userForm .formControlLabel
{
	display: block;
	float: none;
	width: auto;
	margin: 0 0 6px;
	font-size: 0;
	line-height: 1.25;
}

body.itemid-234 #userForm .rsform-block-name .formControlLabel::before { content: "Name"; }
body.itemid-234 #userForm .rsform-block-email .formControlLabel::before { content: "E-Mail"; }
body.itemid-234 #userForm .rsform-block-telefon .formControlLabel::before { content: "Telefon"; }
body.itemid-234 #userForm .rsform-block-nachricht .formControlLabel::before { content: "Nachricht"; }

body.itemid-234 #userForm .formControlLabel::before,
body.itemid-234 #userForm .formRequired::after
{
	font-size: 16px;
	font-weight: 400;
}

body.itemid-234 #userForm .formRequired
{
	font-size: 0;
}

body.itemid-234 #userForm .formRequired::after
{
	content: " *";
}

body.itemid-234 #userForm .formControls,
body.itemid-234 #userForm .formBody
{
	margin: 0;
	padding: 0;
	width: 100%;
}

body.itemid-234 #userForm .rsform-input-box,
body.itemid-234 #userForm .rsform-text-box
{
	display: block;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

body.itemid-234 #userForm .rsform-input-box
{
	height: 32px;
	margin: 0 0 10px;
}

body.itemid-234 #userForm .rsform-text-box
{
	height: 167px;
	min-height: 167px;
	resize: vertical;
}

body.itemid-234 #userForm .formValidation,
body.itemid-234 #userForm .formDescription
{
	margin: 0;
}

body.itemid-234 #userForm .rsform-submit-button
{
	padding: 10px 25px;
	border: 0;
	border-radius: 5px;
	background: #800000;
	color: #fff;
	font: 11px/17px "PT Sans", Arial, serif;
	text-transform: uppercase;
	cursor: pointer;
}

body.itemid-234 #userForm .rsform-submit-button:hover,
body.itemid-234 #userForm .rsform-submit-button:focus
{
	background: #5f0000;
}

@media (max-width: 767px)
{
	body.itemid-234 .contact-details-grid
	{
		display: block;
	}

	body.itemid-234 .contact-details-grid address + address
	{
		margin-top: 18px;
	}

	body.itemid-234 #userForm .formSpan12
	{
		display: block;
	}

	body.itemid-234 #userForm .rsform-block-header
	{
		margin-bottom: 18px;
		text-align: left;
	}

	body.itemid-234 #userForm .rsform-block-ds
	{
		margin-top: 16px;
	}

	body.itemid-234 #userForm .rsform-block-submit
	{
		margin: 0 0 12px;
	}

	body.itemid-234 #userForm .rsform-block-email2
	{
		margin-bottom: 18px;
	}

	body.itemid-234 #userForm .rsform-submit-button
	{
		width: 100%;
	}
}

.review
{
	position: relative;
	line-height: 17px;	
}

.review p
{
	padding-bottom: 15px;
	line-height: 17px;
  	margin: 0px;
}

.nspArt p.nspText
{
	padding-bottom: 0px;	
}

.review .nspArts h4.nspHeader
{
	background: url("../images/rewiew_bottom_line.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	width: 100%;
	padding: 32px 0 0px;
	color: #fff;
}

#footer-row .footer-row-1
{
  	padding-bottom: 50px;
}

/* Mobile hamburger navigation; desktop layout remains untouched. */
.as-menu-toggle,
.as-submenu-toggle
{
	display: none;
}

.as-menu-backdrop
{
	display: none;
}

@media (max-width: 767px)
{
	.header-wrapper
	{
		position: relative;
	}

	#splash-page .content
	{
		z-index: auto;
	}

	#splash-page .splash-welcome
	{
		display: none;
	}

	#header-row .container
	{
		position: relative;
		min-height: 115px;
	}

	#header-row #logo
	{
		float: none;
		width: 220px !important;
		height: auto;
		margin: 15px 0 0 0;
	}

	#header-row #logo img
	{
		display: block;
		width: 220px;
		height: auto;
	}

	.moduletable.navigation
	{
		position: absolute;
		top: -125px;
		right: 20px;
		float: none;
		clear: none;
		width: 46px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		z-index: 1201 !important;
	}

	#splash-page .navigation
	{
		position: absolute;
		top: 15px;
		right: 20px;
		float: none;
		clear: none;
		width: 46px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		z-index: 1201 !important;
	}

	.moduletable.navigation #as-menu,
	#splash-page #as-menu
	{
		position: relative;
		width: 46px !important;
	}

	#splash-page #logo
	{
		float: none;
		width: 220px;
		padding: 15px 0 0 20px;
		text-align: left;
	}

	#splash-page #logo img
	{
		width: 220px;
		height: auto;
	}

	#as-menu .select-menu
	{
		display: none !important;
	}

	#as-menu .as-menu-toggle
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		min-height: 46px;
		padding: 10px;
		border: 1px solid rgba(128, 0, 0, 0.22);
		border-radius: 0;
		background: #ffffff;
		color: #696362;
		font: 600 16px/1.2 "PT Sans", Arial, sans-serif;
		text-align: center;
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(45, 20, 20, 0.10);
		transition: border-color .2s ease, box-shadow .2s ease;
		position: relative;
		z-index: 1202;
	}

	#as-menu .as-menu-toggle:hover,
	#as-menu .as-menu-toggle:focus-visible
	{
		border-color: rgba(128, 0, 0, 0.55);
		box-shadow: 0 3px 12px rgba(45, 20, 20, 0.18);
		outline: none;
	}

	.as-menu-toggle-icon
	{
		display: inline-flex;
		flex-direction: column;
		gap: 4px;
		width: 24px;
	}

	.as-menu-toggle-icon span
	{
		display: block;
		height: 2px;
		border-radius: 2px;
		background: #800000;
		transition: transform .25s ease, opacity .2s ease;
	}

	#as-menu.mobile-menu-open .as-menu-toggle-icon span:nth-child(1)
	{
		transform: translateY(6px) rotate(45deg);
	}

	#as-menu.mobile-menu-open .as-menu-toggle-icon span:nth-child(2)
	{
		opacity: 0;
	}

	#as-menu.mobile-menu-open .as-menu-toggle-icon span:nth-child(3)
	{
		transform: translateY(-6px) rotate(-45deg);
	}

	#as-menu ul.as-menu
	{
		display: block !important;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1200;
		width: min(88vw, 360px);
		height: 100vh;
		height: 100dvh;
		margin: 0;
		padding: 0 0 28px;
		background: #ffffff;
		border: 0;
		border-radius: 0;
		box-shadow: -12px 0 34px rgba(28, 18, 18, 0.22);
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform: translateX(105%);
		transition: transform .32s cubic-bezier(.22, .75, .25, 1), opacity .2s ease, visibility 0s linear .32s;
		-webkit-overflow-scrolling: touch;
	}

	#as-menu ul.as-menu::before
	{
		content: "Navigation";
		display: block;
		padding: 27px 76px 21px 24px;
		border-bottom: 1px solid #ece7e7;
		color: #342d2c;
		font: 600 18px/1.2 "PT Sans", Arial, sans-serif;
		letter-spacing: .02em;
	}

	#as-menu.mobile-menu-open > ul.as-menu
	{
		display: block !important;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateX(0);
		transition-delay: 0s;
	}

	.as-menu-backdrop
	{
		display: block;
		position: fixed;
		inset: 0;
		z-index: 1190;
		background: rgba(28, 20, 20, 0.42);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .25s ease, visibility 0s linear .25s;
	}

	body.as-mobile-nav-open
	{
		overflow: hidden;
	}

	body.as-mobile-nav-open .as-menu-backdrop
	{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}

	#as-menu ul.as-menu > li,
	#as-menu ul.as-menu > li:hover
	{
		position: relative;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border-bottom: 1px solid #eee9e9;
		border-radius: 0 !important;
		box-shadow: none !important;
		box-sizing: border-box;
	}

	#as-menu ul.as-menu > li.active,
	#as-menu ul.as-menu > li.current,
	#as-menu ul.as-menu > li.asHover
	{
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	#splash-page .navigation #as-menu ul.as-menu > li,
	#splash-page .navigation #as-menu ul.as-menu > li:hover
	{
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	#as-menu ul.as-menu > li:last-child
	{
		border-bottom: 0;
	}

	#as-menu ul.as-menu li > a,
	#as-menu ul.as-menu li > span
	{
		display: block;
		min-height: 22px;
		padding: 15px 58px 15px 24px;
		color: #4f4948 !important;
		font: 400 17px/1.3 "PT Sans", Arial, sans-serif !important;
		text-align: left;
		text-shadow: none;
		border: 0;
		border-radius: 0;
		box-sizing: border-box;
		transition: color .18s ease, background-color .18s ease;
	}

	#as-menu ul.as-menu li.active > a,
	#as-menu ul.as-menu li.current > a,
	#as-menu ul.as-menu li > a:hover
	{
		color: #800000 !important;
		background: #f8f4f4;
		box-shadow: inset 3px 0 0 #800000;
	}

	#as-menu .as-submenu-toggle
	{
		display: block;
		position: absolute;
		top: 9px;
		right: 16px;
		z-index: 2;
		width: 34px;
		height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		border-radius: 0;
		color: #800000;
		font: 22px/34px Arial, sans-serif;
		text-align: center;
		transition: background-color .18s ease, transform .18s ease;
	}

	#as-menu .as-submenu-toggle:hover,
	#as-menu .as-submenu-toggle:focus-visible
	{
		background: #f3eeee;
		outline: none;
	}

	#as-menu ul.as-menu,
	#as-menu ul.as-menu ul,
	#as-menu ul.as-menu li,
	#as-menu ul.as-menu a,
	#as-menu ul.as-menu span,
	#as-menu ul.as-menu button
	{
		border-radius: 0 !important;
	}

	#as-menu ul.as-menu li > ul,
	#as-menu ul.as-menu li:hover > ul,
	#as-menu ul.as-menu li.asHover > ul
	{
		display: none !important;
		position: static !important;
		width: 100% !important;
		margin: 0;
		padding: 4px 0 8px;
		background: #faf8f8;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		box-sizing: border-box;
	}

	#as-menu ul.as-menu li.mobile-submenu-open > ul
	{
		display: block !important;
	}

	#as-menu ul.as-menu ul li
	{
		position: relative;
		float: none;
		width: 100%;
	}

	#as-menu ul.as-menu ul li > a,
	#as-menu ul.as-menu ul li > span
	{
		padding: 10px 56px 10px 38px;
		font-size: 15px !important;
		line-height: 1.35 !important;
	}
}

@media (max-width: 767px)
{
	.select-menu-splash
	{
		display: block;
		margin-left: auto !important;
		margin-right: -10% !important;
	}
}