/** * ** *** *** *** *** *** *** *** *** *** *** *** *** ***
 * @version		$id: home 2017-05-15
 * @package		SanitärSpartak_Responsive_2017
 * @author		ARWEDIS-Mediengestaltung | http://.arwedis.de
 * @copyright	Copyright (c) 2007 - 2017 ARWEDIS
 * * *** *** *** *** *** *** *** *** *** *** *** *** *** ***
 * */

/* *** Farben ***
rot #821E28 | 130, 30, 40;
grün #2D8791 | 45, 135, 145;
grün (dunkel) #416464 | 65, 100, 100;

grau (hell) #E6E6EB | 230, 230, 235;
grau (hell 2) #C8CDD7 | 200, 205, 215;
grau (mittel) #B4BEC8 | 180, 190, 200;
grau (dunkel) #646469 | 100, 100, 105;
*/

/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
body#front {
	background-image: url("../img/website_hg_6.jpg");
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}

.page-wrapper {
	background-color: rgba(255, 255, 255, 0.5);
}

#front header {
	background-color: rgba(255, 255, 255, 1);
}

.items-leading > div {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	padding: 1em;

	background-color: rgba(255, 255, 255, 0.5);

	-moz-box-shadow: 1px 1px 6px #CED5E0;
	-webkit-box-shadow: 1px 1px 6px #CED5E0;
	-khtml-box-shadow: 1px 1px 6px #CED5E0;
	box-shadow: 1px 1px 6px #CED5E0;
}

.span4 {
	padding: 1em;

	-moz-box-shadow: 1px 1px 6px #CED5E0;
	-webkit-box-shadow: 1px 1px 6px #CED5E0;
	-khtml-box-shadow: 1px 1px 6px #CED5E0;
	box-shadow: 1px 1px 6px #CED5E0;
}

#front .mainContent:after {
	clear: both;
}

#front aside:before {
	clear: both;
}

#front .trennlinie_grau {
	clear: both;
}

#front .asideContent {
	margin-left: auto;
	margin-right: auto;
    width: 90%;
}

/* ----------------------------------------------------------------------------- *
 *                          Styles für Tablet                                    *
 *                          ab ~ 700px  700px / 16px = 43.75em                   *
 * ----------------------------------------------------------------------------- */

@media only screen and (min-width: 43.75em) {

	#front .leading-1 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 1em 2em;
	}

	.items-row.cols-3 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 0 auto;
	}

	.span4 {
		width: 31.5%;
		padding: 1em;
		float: left;
		margin: 1em 0.3em;

		-moz-box-shadow: 1px 1px 6px #CED5E0;
		-webkit-box-shadow: 1px 1px 6px #CED5E0;
		-khtml-box-shadow: 1px 1px 6px #CED5E0;
		box-shadow: 1px 1px 6px #CED5E0;
	}

	#front .span4 figure {
		margin: 0;
		width: 100%;
		float: none;
	}
}

/* Farben
rot #821E28 | 130, 30, 40;
grün #2D8791 | 45, 135, 145;
grün (dunkel) #416464 | 65, 100, 100;

grau (hell) #E6E6EB | 230, 230, 235;
grau (hell 2) #C8CDD7 | 200, 205, 215;
grau (mittel) #B4BEC8 | 180, 190, 200;
grau (dunkel) #646469 | 100, 100, 105;
*/