/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS RESET 1                                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	/* http://meyerweb.com/eric/tools/css/reset/
	   v2.0 | 20110126
	   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0 none;
		font-size: 100%;
		font: inherit;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS RESET 2                                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	a { outline: none; text-decoration: none; color: #444; }

	:focus { outline: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS MICRO CLEARFIX -> For floated boxes in container for clearing the float environments                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	.clearfix::after {
		content: "";
		display: block;
		clear: both;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> FONTS                                                                                                                        */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	@font-face {
		font-family: Kalam;
		font-stretch: normal;
		font-style: normal;
		font-weight: normal;
		src: url(../fonts/Kalam/Kalam-Light.ttf);
	}

	@font-face {
		font-family: Rajdhani;
		font-stretch: normal;
		font-style: normal;
		font-weight: normal;
		src: url(../fonts/Rajdhani/Rajdhani-Regular.ttf);
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS BODY                                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	html, body {
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS NOSCRIPT                                                                                                                 */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	noscript {
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
	}

	#ar-noscript-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 64px;
		height: 64px;
		background: url('../images/ar-attention.png') no-repeat 0 0 transparent;
		z-index: 30;
		-webkit-transform: translate(-50%, -105px);
		   -moz-transform: translate(-50%, -105px);
		    -ms-transform: translate(-50%, -105px);
		     -o-transform: translate(-50%, -105px);
		        transform: translate(-50%, -105px);
	}

	#ar-noscript-msg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 550px;
		height: auto;
		padding: 20px;
		text-align: justify;
		color: #ddd;
		background-color: rgba(0,0,0,0.5);
		z-index: 30;
		border-radius: 10px;
		-webkit-transform: translate(-50%, -25px);
		   -moz-transform: translate(-50%, -25px);
		    -ms-transform: translate(-50%, -25px);
		     -o-transform: translate(-50%, -25px);
		        transform: translate(-50%, -25px);
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS GLOW                                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	.ar-glow-2 { border-radius: 1px; }

	.ar-glow-3 { border-radius: 2px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS NAVIGATION                                                                                                               */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	.ar-navdown {
		position: absolute;
		display: none;
		left: 50%;
		bottom: 18px;
		width: 57px;
		height: 34px;
		cursor: pointer;
		z-index: 1;
		-webkit-transform: translate(-70px, 0);
		   -moz-transform: translate(-70px, 0);
		    -ms-transform: translate(-70px, 0);
		     -o-transform: translate(-70px, 0);
		        transform: translate(-70px, 0);
	}

	.ar-navdown-center {
		position: absolute;
		display: none;
		left: 50%;
		bottom: 18px;
		width: 57px;
		height: 34px;
		cursor: pointer;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}

	#ar-navdown-white { background: url('../images/ar-navdown-white.png') no-repeat 50% 50% transparent; }
	#ar-navdown-dark { background: url('../images/ar-navdown-dark.png') no-repeat 50% 50% transparent; }

	.ar-navup {
		position: absolute;
		display: none;
		left: 50%;
		bottom: 18px;
		width: 57px;
		height: 34px;
		cursor: pointer;
		z-index: 1;
		-webkit-transform: translate(13px, 0);
		   -moz-transform: translate(13px, 0);
		    -ms-transform: translate(13px, 0);
		     -o-transform: translate(13px, 0);
		        transform: translate(13px, 0);
	}

	.ar-navup-center {
		position: absolute;
		display: none;
		left: 50%;
		bottom: 18px;
		width: 57px;
		height: 34px;
		cursor: pointer;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}

	#ar-navup-white { background: url('../images/ar-navup-white.png') no-repeat 50% 50% transparent; }
	#ar-navup-dark { background: url('../images/ar-navup-dark.png') no-repeat 50% 50% transparent; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS PAGING                                                                                                                   */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	.ar-paging {
		position: absolute;
		display: none;
		left: 50%;
		top: 15px;
		width: 60px;
		height: 5px;
		cursor: default;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}

	#ar-ws-paging { background: url('../images/ar-page-ws.png') no-repeat 50% 50% transparent; }
	#ar-ph-paging { background: url('../images/ar-page-ph.png') no-repeat 50% 50% transparent; }
	#ar-pr-paging { background: url('../images/ar-page-pr.png') no-repeat 50% 50% transparent; }
	#ar-kt-paging { background: url('../images/ar-page-kt.png') no-repeat 50% 50% transparent; }
	#ar-im-paging { background: url('../images/ar-page-im.png') no-repeat 50% 50% transparent; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS HEADER                                                                                                                   */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	.ar-header {
		position: absolute;
		display: none;
		left: 50%;
		top: 35px;
		width: 200px;
		height: 13px;
		cursor: default;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		   -moz-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		     -o-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
	}

	#ar-ws-header { background: url('../images/ar-header-ws.png') no-repeat 50% 50% transparent; }
	#ar-ph-header { background: url('../images/ar-header-ph.png') no-repeat 50% 50% transparent; }
	#ar-pr-header { background: url('../images/ar-header-pr.png') no-repeat 50% 50% transparent; }
	#ar-kt-header { background: url('../images/ar-header-kt.png') no-repeat 50% 50% transparent; }
	#ar-im-header { background: url('../images/ar-header-im.png') no-repeat 50% 50% transparent; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS BODY                                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-cbody {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#ar-cbody-box {
		position: absolute;
		top: 70px;
		left: 50px;
		right: 50px;
		bottom: 70px;
		background: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	}

	#ar-cbody-box:before,
	#ar-cbody-box:after {
		position: absolute;
		z-index: -1;
		width: 50%;
		height: 20px;
		content: " ";
		left: 12px;
		bottom: 15px;
		background: transparent;
		box-shadow: 0 13px 6px rgba(0,0,0,0.5);
		-webkit-transform: skew(-4deg) rotate(-2deg);
		   -moz-transform: skew(-4deg) rotate(-2deg);
		    -ms-transform: skew(-4deg) rotate(-2deg);
		     -o-transform: skew(-4deg) rotate(-2deg);
		        transform: skew(-4deg) rotate(-2deg);
	} 

	#ar-cbody-box:after {
		left: auto;
		right: 12px;
		-webkit-transform: skew(4deg) rotate(2deg);
		   -moz-transform: skew(4deg) rotate(2deg);
		    -ms-transform: skew(4deg) rotate(2deg);
		     -o-transform: skew(4deg) rotate(2deg);
		        transform: skew(4deg) rotate(2deg);
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS MASK                                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-cbody .ar-mask {
		position: absolute;
		display: none;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		overflow: hidden;
	}

	#ar-ws-box-mask {}
	#ar-ph-box-mask { border: 1px dashed #aaa; background: url('../images/ar-grafic-ph.png') no-repeat 50% 50% transparent; }
	#ar-pr-box-mask { z-index: 1; }
	#ar-kt-box-mask { border: 1px dashed #aaa; background: url('../images/ar-grafic-kt.png') no-repeat 50% 50% transparent; }
	#ar-im-box-mask { border: 1px dashed #aaa; background: url('../images/ar-grafic-im.png') no-repeat 50% 50% transparent; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS TEXT FORMATTING                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-cbody ul .ar-bold { font-weight: bold; }
	#ar-cbody ul .ar-green { color: #99cc00; }
	#ar-cbody ul .ar-center { text-align: center; }
	#ar-cbody ul .ar-left { text-align: left; }
	#ar-cbody ul .ar-header-big { font-size: 21px; }
	#ar-cbody ul .ar-header-medium { font-size: 18px; }

	#ar-cbody ul .ar-email { cursor: pointer; }
	#ar-cbody ul .ar-email:hover { color: #99cc00; }
	#ar-cbody ul .ar-email::before { unicode-bidi: bidi-override; direction: rtl; content: attr(data-domain) '\0040'; }
	#ar-cbody ul .ar-email::after { unicode-bidi: bidi-override; direction: rtl; content: attr(data-user); }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS SECTION INTRODUCTION                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-ws-box-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		box-shadow: 0 0 2px rgba(0,0,0,0.8) inset, 0 0 40px rgba(0,0,0,0.1) inset;
	}

	#ar-ws-box-logo {
		position: absolute;
		top: 35%;
		left: 20%;
		width: 404px;
		height: 132px;
		background: url('../images/ar-logo-white.png') no-repeat 0 0 transparent;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#ar-ws-box-info {
		position: absolute;
		left: 50%;
		bottom: 20px;
		width: 450px;
		height: 140px;
		background: url('../images/ar-navdown-info.png') no-repeat 0 0 transparent;
		-webkit-transform: translate(-14px, 0);
		   -moz-transform: translate(-14px, 0);
		    -ms-transform: translate(-14px, 0);
		     -o-transform: translate(-14px, 0);
		        transform: translate(-14px, 0);
	}

	#ar-ws-box-slideshow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	#ar-ws-box-slideshow li span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: 0;
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
		    -ms-backface-visibility: hidden;
		     -o-backface-visibility: hidden;
		        backface-visibility: hidden;
		-webkit-animation: imageAnimation 20s linear infinite 0s;
		   -moz-animation: imageAnimation 20s linear infinite 0s;
		    -ms-animation: imageAnimation 20s linear infinite 0s;
		     -o-animation: imageAnimation 20s linear infinite 0s;
		        animation: imageAnimation 20s linear infinite 0s;
	}

	#ar-ws-box-slideshow li:nth-child(1) span {
		background-image: url('../images/images-ws/ar-ws-background-1.jpg');
	}

	#ar-ws-box-slideshow li:nth-child(2) span {
		background-image: url('../images/images-ws/ar-ws-background-2.jpg');
		-webkit-animation-delay: 10s;
		   -moz-animation-delay: 10s;
		    -ms-animation-delay: 10s;
		     -o-animation-delay: 10s;
		        animation-delay: 10s;
	}

	@-webkit-keyframes imageAnimation {
		0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
		10% { opacity: 1; -webkit-animation-timing-function: ease-out; }
		50% { opacity: 1; }
		70% { opacity: 0; -webkit-transform: scale(1.2); }
		100% { opacity: 0 }
	}

	@-moz-keyframes imageAnimation {
		0% { opacity: 0; -moz-animation-timing-function: ease-in; }
		10% { opacity: 1; -moz-animation-timing-function: ease-out; }
		50% { opacity: 1; }
		70% { opacity: 0; -moz-transform: scale(1.2); }
		100% { opacity: 0 }
	}

	@-o-keyframes imageAnimation {
		0% { opacity: 0; -o-animation-timing-function: ease-in; }
		10% { opacity: 1; -o-animation-timing-function: ease-out; }
		50% { opacity: 1; }
		70% { opacity: 0; -o-transform: scale(1.2); }
		100% { opacity: 0 }
	}

	@-ms-keyframes imageAnimation {
		0% { opacity: 0; -ms-animation-timing-function: ease-in; }
		10% { opacity: 1; -ms-animation-timing-function: ease-out; }
		50% { opacity: 1; }
		70% { opacity: 0; -ms-transform: scale(1.2); }
		100% { opacity: 0 }
	}

	@keyframes imageAnimation {
		0% { opacity: 0; animation-timing-function: ease-in; }
		10% { opacity: 1; animation-timing-function: ease-out; }
		50% { opacity: 1; }
		70% { opacity: 0; transform: scale(1.2); }
		100% { opacity: 0 }
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS SECTION PHILOSOPHIE                                                                                                      */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-ph-box-wrap {
		position: absolute;
		width: 800px;
		height: 400px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#ar-ph-box-text {
		position: absolute;
		width: 450px;
		height: 400px;
		top: 0;
		left: 300px;
		right: 50px;
	}

	#ar-ph-box-text ul {
		position: absolute;
		height: auto;
		top: 50%;
		left: 0;
		right: 0;
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #444;
		text-align: justify;
		cursor: default;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}

	#ar-ph-box-text ul > li.ar-ph-hdr { padding: 0 0 25px 0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS SECTION PROJEKTE                                                                                                         */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-pr-box-slideshow-counter {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 90px;
		height: 40px;
		background-color: rgba(0,0,0,0.7);
		z-index: 2;
		display: none;
		border-radius: 7px;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#ar-pr-box-slideshow-counter span {
		display: block;
		width: 90px;
		height: 40px;
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 41px;
		color: #eee;
		text-align: center;
		cursor: default;
	}

	#ar-pr-box-slideshow-nav-left {
		position: absolute;
		left: -10px;
		top: 50%;
		width: 58px;
		height: 52px;
		background: url('../images/ar-slideshow-nav-left.png') no-repeat 50% 50% transparent;
		z-index: 2;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}

	#ar-pr-box-slideshow-nav-left span {
		position: absolute;
		top: 5px;
		left: 14px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url('../images/ar-slideshow-nav-left-button.png') no-repeat 50% 50% transparent;
	}

	#ar-pr-box-slideshow-nav-right {
		position: absolute;
		right: -10px;
		top: 50%;
		width: 58px;
		height: 52px;
		background: url('../images/ar-slideshow-nav-right.png') no-repeat 50% 50% transparent;
		z-index: 2;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}

	#ar-pr-box-slideshow-nav-right span {
		position: absolute;
		top: 5px;
		right: 14px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url('../images/ar-slideshow-nav-right-button.png') no-repeat 50% 50% transparent;
	}

	#ar-pr-box-shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		z-index: 3;
		box-shadow: 0 0 2px rgba(0,0,0,0.8) inset, 0 0 40px rgba(0,0,0,0.1) inset;
	}

	#ar-pr-box-slideshow-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 500px;
		height: 100%;
		background-color: rgba(255,255,255,0.9);
		z-index: 2;
		display: none;
		box-shadow: 0 2px 5px rgba(0,0,0,0.8);
	}

	#ar-pr-box-slideshow-info-host {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 20px 30px;
	}

	#ar-pr-box-slideshow-info-host > li {
		display: none;
	}

	#ar-pr-box-slideshow-info-text {
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #444;
		text-align: justify;
		cursor: default;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	#ar-pr-box-slideshow-info-text > li.ar-pr-hdr {}
	#ar-pr-box-slideshow-info-text > li.ar-pr-ttl { padding: 10px 0 10px 0; }
	#ar-pr-box-slideshow-info-text > li.ar-pr-top { padding: 10px 0 0 0; }
	#ar-pr-box-slideshow-info-text > li.ar-pr-txt { padding: 5px 0 0 20px; }

	#ar-pr-box-slideshow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	#ar-pr-box-slideshow li span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
		display: none;
		z-index: 0;
	}

	#ar-pr-box-slideshow li:nth-child(1) span { background-image: url('../images/images-pr/ar-pr-background-1.jpg'); }
	#ar-pr-box-slideshow li:nth-child(2) span { background-image: url('../images/images-pr/ar-pr-background-2.jpg'); }
	#ar-pr-box-slideshow li:nth-child(3) span { background-image: url('../images/images-pr/ar-pr-background-3.jpg'); }
	#ar-pr-box-slideshow li:nth-child(4) span { background-image: url('../images/images-pr/ar-pr-background-4.jpg'); }
	#ar-pr-box-slideshow li:nth-child(5) span { background-image: url('../images/images-pr/ar-pr-background-5.jpg'); }
	#ar-pr-box-slideshow li:nth-child(6) span { background-image: url('../images/images-pr/ar-pr-background-6.jpg'); }
	#ar-pr-box-slideshow li:nth-child(7) span { background-image: url('../images/images-pr/ar-pr-background-7.jpg'); }
	#ar-pr-box-slideshow li:nth-child(8) span { background-image: url('../images/images-pr/ar-pr-background-8.jpg'); }
	#ar-pr-box-slideshow li:nth-child(9) span { background-image: url('../images/images-pr/ar-pr-background-9.jpg'); }
	#ar-pr-box-slideshow li:nth-child(10) span { background-image: url('../images/images-pr/ar-pr-background-10.jpg'); }
	#ar-pr-box-slideshow li:nth-child(11) span { background-image: url('../images/images-pr/ar-pr-background-11.jpg'); }
	#ar-pr-box-slideshow li:nth-child(12) span { background-image: url('../images/images-pr/ar-pr-background-12.jpg'); }
	#ar-pr-box-slideshow li:nth-child(13) span { background-image: url('../images/images-pr/ar-pr-background-13.jpg'); }
	#ar-pr-box-slideshow li:nth-child(14) span { background-image: url('../images/images-pr/ar-pr-background-14.jpg'); }
	#ar-pr-box-slideshow li:nth-child(15) span { background-image: url('../images/images-pr/ar-pr-background-15.jpg'); }
	#ar-pr-box-slideshow li:nth-child(16) span { background-image: url('../images/images-pr/ar-pr-background-16.jpg'); }
	#ar-pr-box-slideshow li:nth-child(17) span { background-image: url('../images/images-pr/ar-pr-background-17.jpg'); }
	#ar-pr-box-slideshow li:nth-child(18) span { background-image: url('../images/images-pr/ar-pr-background-18.jpg'); }
	#ar-pr-box-slideshow li:nth-child(19) span { background-image: url('../images/images-pr/ar-pr-background-19.jpg'); }
	#ar-pr-box-slideshow li:nth-child(20) span { background-image: url('../images/images-pr/ar-pr-background-20.jpg'); }
	#ar-pr-box-slideshow li:nth-child(21) span { background-image: url('../images/images-pr/ar-pr-background-21.jpg'); }
	#ar-pr-box-slideshow li:nth-child(22) span { background-image: url('../images/images-pr/ar-pr-background-22.jpg'); }


/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS SECTION KONTAKT                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-kt-box-wrap {
		position: absolute;
		width: 800px;
		height: 400px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#ar-kt-box-text {
		position: absolute;
		width: 415px;
		height: 400px;
		top: 0;
		left: 385px;
		z-index: 1;
	}

	#ar-kt-box-text ul {
		position: absolute;
		height: auto;
		top: 50%;
		left: 0;
		right: 0;
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #444;
		text-align: left;
		cursor: default;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}

	#ar-kt-box-text ul #ar-kt-box-logo {
		width: 202px;
		height: 66px;
		background: url('../images/ar-logo-dark.png') no-repeat 0 0 transparent;
	}

	#ar-kt-box-glow {
		position: absolute;
		width: 330px;
		height: 240px;
		top: 80px;
		left: 20px;
		z-index: 2;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  aR Garten -> CSS SECTION IMPRESSUM                                                                                                        */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

	#ar-im-box-wrap {
		position: absolute;
		width: 800px;
		height: 400px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#ar-im-box-text {
		position: absolute;
		width: 450px;
		height: 400px;
		top: 0;
		left: 350px;
	}

	#ar-im-box-text ul {
		position: absolute;
		height: auto;
		top: 50%;
		left: 0;
		right: 0;
		font-family: Rajdhani;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #444;
		text-align: left;
		cursor: default;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}