body,
html {
	padding: 0px;
	margin: 0px;
	background: #000000;
	width: 100%;
	height: 100%;
	position: relative;
	font-family: Arial, Verdana, sans-serif; /* Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif; */
	font-size: 0.875em;
	color: #000000;
	/*
	text-rendering: optimizelegibility;
	*/
}

* {
	padding: 0px;
	margin: 0px;
	/*
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*/
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img {
	border: 0px;
	vertical-align: middle;
	margin: -2px 0px 0px 0px;
}

h1 {
	font-size: 1.125em;
}

a,
a:link,
a:visited,
a:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Verdana, sans-serif; /* Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif; */

}

a:hover {
	text-decoration: underline;
}

.fLClear {
	clear: left;
}

.fRClear {
	clear: right;
}

#contentWrap {
	background: #ffffff;
	position: relative;
	width: 100%;
	/* max-width: 1030px; */
	/*min-width: 800px;*/
	/*min-height: 100%;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}

#header > .inner,
#footer > .inner {
	max-width: 72rem;
	margin: 0px auto;
	padding: 0px 1rem;
}

/***** Header *****/

#header {
	/*padding: 0.875em 0.9375em 0.9375em 0.9375em;*/
	padding: 0.875em 1.875em 0.875em 1.875em;
	/*max-height: 8.125em;*/
	/* background: url('../gfx/bg_header.gif') bottom left repeat-x; */
	background: #000000;
}

#header-logo {
	float: left;
	height: 90px;
}
	
#header-logo img {
	height: 100%;
	width: auto;
}

#header-rpLogo {
	text-align: right;
}

#header-rpLogo > div {
	padding: 0.875em 0px 0px 0px;
	display: inline-block;
	text-align: left;
	color: #C5C5C5;
	font-weight: bold;
}

#header-rpLogo img {
	width: auto;
}

/***** Content *****/

#content {
	/*padding: 0.9375em 0.9375em 0.9375em 0.9375em;*/
	/* padding: 0.9375em 1.875em 0.9375em 1.875em; */
	padding: 0.9375rem 1rem;
	position: relative;
	max-width: 72rem;
	margin: 0px auto;
}

#images {
	float: right;
	width: 58%;
}

#images-main {
	position: relative;
	padding: 0px 0px 0px 0.9375em;
}

#images-main > a {
	display: block;
	width: 100%;
}

#images-main > a > img {
	width: 100%;
	height: auto;
}

#images-main > #disturber {
	position: absolute;
	top: 25px;
	right: auto;
	bottom: auto;
	left: 0.9375em;
}

#images-main > #disturber img {
	width: auto;
}

#images-small {
	padding: 0.9375em 0px 0px 0px;
	box-sizing: border-box;
}

.images-small-image {
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 0px 0px 0px 0.9375em;
	overflow: hidden;
	box-sizing: border-box;
}

.images-small-image > a {
	display: block;
	width: 100%;
}

.images-small-image > a > img {
	/*min-height: 100%;*/
	width: 100%;
	margin:0 auto;
	height: auto;
}

#information {
	width: 42%;
}

#information-address {
	float: left;
	padding: 0px 0.9375em 0px 0px;
	width: 50%;
}

#information-additional {
	text-align:left;
	margin-left: 50%;
}

#information-additional > div {
	text-align: left;
}

#mapContainer {
	/*padding: 0.9375em 0.9375em 0px 0px;*/
	padding: 0.9375em 1.875em 0px 1rem;
	width: 42%;
	height: 250px;
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0.9375em;
	/*left: 0.9375em;*/
	/* left: 1.875em; */
	left: 0px;
	box-sizing: border-box;
}

#map {
	width: 100%;
	height: 100%;
}

#mapStaticImage {
	max-width:100%;
	height: auto;
}

/***** Footer *****/

#footer {
	/* background: url('../gfx/bg_verlauf_small.gif') bottom left repeat-x; */
	background: #000000;
	min-height: 3.875em;
	/*padding: 0px 0.9375em 0px 0.9375em;*/
	padding: 0px 1.875em 0px 1.875em;
	line-height: 3.875rem;
}

#footer-links {
	float: left;
}

#footer-links > .link-splitter,
#footer-links > a {
	/* margin: 0px 1.125em 0px 0px; */
	margin: 0px 0.3125rem;
	color: #999999;
}

#footer-copyright {
	text-align: left;
	color: #999999;
	float: left;
	margin-right: 1rem;
}

#footer-social-media {
	text-align: right;
}

#footer-social-media > a {
	/*margin: 0px 1.125em 0px 0px;*/
	margin: 0px 0px 0px .5rem;
	color: #999999;
}

.dsgvo-info {
	padding: 10px !important;
}

.dsgvo-info button {
	margin-right: 1rem !important;
}

/*
#configurator-container {
	float: left;
	padding: 0px 0.9375em 0px 0px;
	width: 75%;
}
*/

.configurator-link {
    background-color: #afc100;
	border: 1px solid #afc100;
	color: #ffffff !important;
	line-height: 1.75rem;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none !important;
	vertical-align: middle;
}

.configurator-link:hover {
	border: 1px solid #9AA800;
	background-color: #9AA800;
}


.configurator-link * {
	margin: 0px;
}

#configurator-container p {
	margin-bottom: 0.5rem;
}

.configurator-link span {
	padding: 0.375rem 0.5rem;
	display: inline-block;
	font-weight: bold;
	letter-spacing: .02em;
}

.configurator-link span:first-child {
	border-right: 2px solid #ffffff;
}

.configurator-link img {
	height: 1.75rem;
}


@media only screen and (max-width:768px){
	
	#header {
		/*height: 70px;*/
		padding: 0.875em 0.9375em 0.875em 0.9375em;
		/*padding: 0.9375em 0.9375em 0.9375em 0.9375em;*/
	}
	
	#header-logo {
		height: 60px;
		/*margin-top: 5px;*/
	}
	
	#header-rpLogo img {
		height: 30px;
	}
	
	#content {
		padding: 0.9375em 0.9375em 0.9375em 0.9375em;
	}
	
	#images {
		float: none;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
	
	#images-main > #disturber {
		left: 0px;
	}
	
	#images-main > #disturber img {
		height: 50px;
	}
	
	#images-main {
		padding-left: 0px;
	}

	#images-small {
		padding: 0.9375em 0px 0.9375em 0px;
	}
	
	#images-small {
		margin-left: -0.9375em;
	}
	
	#information {
		width: 100%;
	}
	
	#mapContainer {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#footer {
		padding: 0px 0.9375em 1rem 0.9375em;
		line-height: 2rem;
	}
	
	#footer-links {
		padding-top: 1rem;
	}
	
	#footer-links > .link-splitter,
	#footer-links > a {
		white-space: nowrap;
		/* margin: 0px 0.5rem; */
		margin: 0px 0.3125rem;
	}
	
	.mobile-splitter {
		display: none;
		width: 100%;
		height: 10px;
	}
	
	#footer-copyright {
		margin-bottom: 0px;
		padding-top: 1rem;
	}
	
	#footer-social-media {
		padding-top: 1rem;
	}
	
	#footer-social-media > a {
		white-space: nowrap;
		display: inline-block;
		margin: 0px 0.5rem;
	}
	
	#information a {
		margin-bottom: 5px;
	}
}

@media only screen and (max-width:480px){
	body{
		-webkit-text-size-adjust: 100%;
	}
  
	#content #information a {
		display: inline-block;
		margin-bottom: 0.5rem;
	}
  
	#header {
		/*height: 50px;*/
		padding: 0.625em 0.9375em 0.625em 0.9375em;
		/*padding: 0px 0.9375em 0.9375em 0.9375em;*/
		background: url('../gfx/bg_verlauf_small.gif') bottom left repeat-x;
	}
	
	#header-logo {
		height: 40px;
		/*margin-top: 5px;*/
	}
	
	#header-rpLogo > div {
		padding-top: 0.625em;
		font-size:  0.75em;
		font-weight: normal;
	}
	
	#header-rpLogo img {
		height: 20px;
	}
	
	#content {
		padding: 0.9375em 0.9375em 0.9375em 0.9375em;
	}
	
	#images {
		float: none;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
	
	#images-main > #disturber img {
		height: 30px;
	}
	
	#information {
		width: 100%;
	}
	
	#information-address {
		float: none;
		padding: 0px 0.9375em 0px 0px;
		width: auto;
	}
	
	#information-additional {
		margin-left: 0px;
	}
	
	#information-additional > div {
		display: inline-block;
	}
	
	#footer {
		padding: 0px 0.9375em 1rem 0.9375em;
	}
	
	#footer-links {
		text-align: center;
		float: none;
	}
	
	#footer-links > .link-splitter,
	#footer-links > a {
		white-space: nowrap;
	}
	
	#footer-copyright {
		text-align: center;
		float: none;
	}
	
	#footer-social-media {
		text-align: center;
		float: none;
	}
	
	#footer-social-media > a {
		white-space: nowrap;
	}
	
	/*
	#configurator-container {
		float: none;
		padding: 0px 0.9375em 0px 0px;
		width: auto;
	}
	*/
	
	#mapContainer {
		padding-right: 0px;
		padding-left: 0px;
	}
}