/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN				
2.0 CONTAINER		
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	
	html, body {
		min-width: 362px;
		font-size: 18px;
		outline: none;
		color: #000;
		min-height: 100%;
	}
	body {
		z-index: 100;
	}
	.home {
		background-image: url(../img/backgrounds/background_neutral.png);
		background-repeat: no-repeat;
		transition: color 0.2s;
		background-attachment: fixed;
		background-size: cover;
	}
	.home #content a img {
		transition: all ease 0.3s;
  		transition-property: all;
  		transition-duration: 0.3s;
  		transition-timing-function: ease;
  		transition-delay: initial;
	}
		.home #content h2 {
			color: white !important;
			font-size: 50px;
		}
		.home #content a:hover img {
			webkit-transform: scale(1.06);
  			-ms-transform: scale(1.06);
  			transform: scale(1.06);
		}
	.plankis {
		min-height: 100%;
		background-image: url(../img/backgrounds/background_neutral.png);
		background-repeat: no-repeat;
		background-size: cover;
		color: #66666a;
	}
		.plankis a {
			color: #66666a !important;
		}
		.plankis a:hover {
			color: black !important;
		}
	.milch {
		background-image: url(../img/backgrounds/background_milch.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		font-size: 18px;
		color: white;
	}
		.text-milch {
			text-align: center;
			color: white;
		}
		.milch h1 h2 h3 ul{
			color: white;
		}
		.gelato h1 h2 h3 ul{
			color: white;
		}
	.jogurt {
		background-image: url(../img/backgrounds/background_jogurt.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		color: #66666a !important;
		font-size: 18px;
	}
	.kontakt {
		background-image: url(../img/backgrounds/background_neutral.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	.kontakt {
		color: #66666a;
	}
		.kontakt a {
			color: #66666a;
		}
		.kontakt a:hover {
			color: black !important;
		}
		.bezugsorte {
			background-image: url(../img/backgrounds/background_neutral.png);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
		}
		.bezugsorte {
			color: #66666a;
		}
		.bezugsorte h1 {
			margin-top: 150px;
		}
		.bezugsorte h2 {
			margin-top: 50px;
		}
	.pfeil {
		background-image: url(../img/pfeil.png);
		background-repeat: no-repeat;
		height: 80px;
		width: 70px;
		background-position: 40% 0%;
		transition: background-position 0.2s;
	}
		a .pfeil:hover {
			background-position: -1% 0%;
		}
	.pfeil2 {
		background-image: url(../img/pfeil2.png);
		background-repeat: no-repeat;
		height: 80px;
		width: 70px;
		background-position: 40% 0%;
		transition: background-position 0.2s;
	}
		a .pfeil2:hover {
			background-position: -1% 0%;
		}

	a {
		color: #000;
		outline: none !important;
		text-decoration: none !important;
		color: black;
	}

/* ============================================= 2.0 CONTAINER ============================================= */
	
	/* ------ 2.1 NAVIGATION ------ */
	ul.nav.navbar-nav li {
		font-family: 'klavika-web', Arial, sans-serif;
	}
	.navbar-logo div {
		position: absolute;
		left: 50%;
		margin-left: -100px;
		width: 200px;
		background: url("../img/churer_milch_logo.png") no-repeat center;
		background-size: contain;
	}
	.bg-white {
		background-color: #FFF;
		overflow: hidden;
	}
	.gradient-white {
		width: 100%;
		z-index: 999;
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}


	/* ------ 2.2 CONTENT ------ */
	
		
		/* -- 2.2.1 HAUPTSEITE -- */
		

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 TITEL ------ */
		h1, h2, h3 {
			font-family: 'CucaOT-Bold';
			font-weight: normal;
		}

		h1 {
			margin-bottom: 40px;
		}

		h2 {
			margin-top: 0px;
		}
		h3 {
			margin-top: 0px;
		}

	/* ------ 3.2 ALLGEMEIN ------ */
		p.lead {
			font-size: 24px;
		}
		p {
			font-family: 'klavika-web', Arial, sans-serif;
		}


	/* ------ 3.3 BUTTONS ------ */
	

	/* ------ 3.4 ICONS ------ */
	.icon-pur {
		background-image: url(../img/milch/pur_icon.png);
		background-repeat: no-repeat;
		position: absolute;

	}
	/* ------ 3.5 LISTEN ------ */
	ul {
		padding: 0px;
		list-style: none;
		font-size: 18px;
	}
		ul li {
			padding: 0px;
			font-family: 'klavika-web', Arial, sans-serif;
		}

/* ============================================= 4.0 FORMULAR ============================================= */

/* ============================================= 5.0 TABELLEN ============================================= */
table {
	margin-top: 100px;
	margin-bottom: 10px;
}
table {
	font-family: 'klavika-web', Arial, sans-serif;
}
th {
	text-align: center;
}
/* ============================================= 6.0 SONSTIGES ============================================= */
	.foodfacts {
		position: relative;
	}
	/* ------ 6.1 BILDER ------ */	
 	footer {
		background-color: white;
		height: 400px;
	}
	.gmap-col {
		padding: 0px !important;
	}
	.jogurt-packshot {
		margin-bottom: 70px;
	}
	.punkt {
		background-image: url(../img/bezugsorte/punkt.png);
		background-repeat: no-repeat;
		height: 30px;
		background-size: 35px;
		background-position: 52% 5%;
	}
	.dash {
		background: url(../img/list-mdash-small.png);
		background-repeat: no-repeat;
		height: 30px;
		background-position: 50%;
		background-size: 11px;
	}
	/* ------ 6.2 ABSTÄNDE ------ */
	.col-padding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.col-padding-strong {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.col-margin {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.klein {
		font-size: 15px;
	}