/* ==========================================================================
   Modules (reusable elements)
   ========================================================================== */

/*
 * Button
 */

.btn {
	background-color: #4d591f;
	color: #ffffff !important;
	display: inline-block;
	font-size: 2.0em;  
	height: 50px;
	line-height: 50px;
	min-width: 150px;
	padding: 0 15px 0 15px;
	text-align: center;
	transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
}
.btn:visited {
	color: #ffffff !important;
}
.btn:hover {
	background-color: #F19D10;
	color: #ffffff !important;
}

/*
 * Accordion
 */

.accordion {
	margin: 50px 0 50px 0;
	padding: 10px 10px 10px 10px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
	.accordion .frame {
		background-color: #E6E0D0;
		text-align: left;
	}
		.accordion .frame .title {
			background-color: #5E484A;
			cursor: pointer;
			padding: 10px 15px 10px 15px;
			position: relative;
			transition: background-color 0.5s;
    		-webkit-transition: background-color 0.5s;
		}
		.accordion .frame .title:hover {
			background-color: #463A3B;
		}
			.accordion .frame .title h3 {
				padding-right: 50px;
			}
			.accordion .frame .title > div {
				color: #ffffff;
				font-size: 2.0em;
				height: 50px;
				line-height: 50px;
				position: absolute;
				right: 15px;
				text-align: center;
				top: 0;
				width: 50px;
			}
				.accordion .frame .title > div .icon-circle-up {
					display: none;
				}
				.accordion.open .frame .title > div .icon-circle-down {
					display: none;
				}
				.accordion.open .frame .title > div .icon-circle-up {
					display: inline-block;
				}
		.accordion .frame .slide_box {
			background-image: url("../img/template/DECO_grass-right_200x235.png");
            background-position: right bottom;
            background-repeat: no-repeat;
			display: none;
		}
		.accordion.invert .frame .slide_box {
			background-image: url("../img/template/DECO_grass-left_200x235.png");
            background-position: left bottom;
		}
			.accordion .frame .slide_box .image {
				float: left;
				width: 40%;
			}
			.accordion.invert .frame .slide_box .image {
				float: right;
			}
			.accordion .frame .slide_box .text {
				padding: 10px 15px 10px 15px;
				text-align: center;
			}
			.accordion .frame .slide_box .image + .text {
				padding-left: 30px;
				float: right;
				text-align: left;
				width: 60%;
			}
			.accordion.invert .frame .slide_box .image + .text  {
				padding-left: 15px;
				padding-right: 30px;
				float: left;
			}
				.accordion .frame .slide_box .text p,
				.accordion .frame .slide_box .text ul,
				.accordion .frame .slide_box .text ol {
					padding-bottom: 0;
					padding-top: 0;
				}
				.accordion .frame .slide_box .text .btn {
					float: right;
					margin-top: 25px;
				}

/*
 * Box
 */

.box {
	margin: 50px 0 50px 0;
	padding: 10px 10px 10px 10px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
	.box .frame {
		background-color: #E6E0D0;
		background-image: url("../img/template/DECO_grass-left_200x235.png");
        background-position: left bottom;
        background-repeat: no-repeat;
	}
	.box.invert .frame {
		background-image: url("../img/template/DECO_grass-right_200x235.png");
        background-position: right bottom;
	}
		.box .frame .title,
		.box .frame .text {
			float: left;
			text-align: left;
			width: 60%;
		}
		.box.invert .frame .title,
		.box.invert .frame .text {
			float: right;
		}
		.box .frame .title {
			background-color: #5E484A;
			padding: 10px 30px 10px 15px;
		}
		.box.invert .frame .title {
			padding-left: 30px;
			padding-right: 15px;
		}
		.box .frame .text {
			padding: 15px 30px 15px 15px;
		}
		.box.invert .frame .text {
			padding-left: 30px;
			padding-right: 15px;
		}
		.box .frame .image {
			float: right;
			width: 40%;
		}
		.box.invert .frame .image {
			float: left;
		}
			.box .frame .text p,
			.box .frame .text ul,
			.box .frame .text ol {
				padding-bottom: 0;
				padding-top: 0;
			}
			.box .frame .text .btn {
				float: right;
				margin-top: 25px;
			}

/*
 * Gallery
 */

.gallery {
	margin: 50px 0 50px 0;
}
	.gallery .slider {
		position: relative;
	}
		.gallery .slider .item {
			height: 0;
			float: left;
			padding: 0 0 100% 0;
			overflow: hidden;
			width: 100%;
		}
		.gallery .slider > .item {
			margin-left: 4%;
			padding-bottom: 23.6%;
			width: 22%;
		}
		.gallery .slider > .item:first-child {
			margin-left: 0;
		}
		.gallery .slider .owl-controls {
			height: 0;
			left: 0;
			margin: -25px 0 0 0;
			position: absolute;
			top: 50%;
			width: 100%;
			z-index: 5;
		}
			.gallery .slider .owl-controls .owl-nav {
				height: 0;
			}
				.gallery .slider .owl-controls .owl-nav > div {
					background-color: #5E484A;
					color: #ffffff;
					display: block;
					font-size: 2.5em;
					height: 50px;
					line-height: 50px;
					width: 50px;
					box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
					-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
					transition: background-color 0.5s;
    				-webkit-transition: background-color 0.5s;
				}
				.gallery .slider .owl-controls .owl-nav > div.owl-prev {
					float: left;
					margin-left: -20px;
				}
				.gallery .slider .owl-controls .owl-nav > div.owl-next {
					float: right;
					margin-right: -20px;
				}
				.gallery .slider .owl-controls .owl-nav > div:hover {
					background-color: #F19D10;
				}
				
				

/*
 * reob 150826: Vista
 */

.vista {
	margin: 0 0 0 0;
}
	.vista .slider {
		position: relative;
	}
		.vista .slider .item {
			height: 0;
			float: left;
			padding: 0 0 100% 0;
			overflow: hidden;
			width: 100%;
		}
		/* 150826 nicht für vista wegen auflösung
		.vista .slider > .item {
			margin-left: 4%;
			padding-bottom: 23.6%;
			width: 22%;
		} */
		.vista .slider > .item:first-child {
			margin-left: 0;
		}
		.vista .slider .owl-controls {
			height: 0;
			left: 5px;
			margin: -300px 0 0 0;
			position: absolute;
			top: 50%;
			width: 100%;
			z-index: 2005;
		}
			.vista .slider .owl-controls .owl-nav {
				height: 0;
			}
				.vista .slider .owl-controls .owl-nav > div {
					/* background-color: #5E484A; */
					color: #463a3b;
					display: block;
					font-size: 4em;
					/* folgende 3 in Zusammenh. m. left: 5px; oben und font-size: 4em; */
					height: 50px;
					line-height: 50px;
					width: 50px;
					/* box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
					-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05); */
					transition: background-color 0.5s;
    				-webkit-transition: background-color 0.5s;
				}
				.vista .slider .owl-controls .owl-nav > div.owl-prev {
					float: left;
					margin-left: 0px;
				}
				.vista .slider .owl-controls .owl-nav > div.owl-next {
					float: right;
					margin-right: 0px;
				}
				.vista .slider .owl-controls .owl-nav > div:hover {
					color: #F19D10;
					/* background-color: #F19D10; */
				}
				

/*
 * reob 150814: Elastic-video
 */
.elastic-video {
	position: relative;
	padding-bottom: 55%;  /* reob 150814 Original: padding-bottom: 55%; */
	padding-top: 7px;  /* reob 150814 Original: padding-top: 15px; */
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 7px;  /* reob 150814 Original: top: 0; */
	left: 0;
	width: 100%;
	height: 100%;
}