/* SLIDER */
div.camera_commands {
	display: none;
}

/* PAGES */

p.home {
	max-width: 530px;
	margin: auto;
}

div.picBox {
	display: block;
	background-color: rgb(77,46,23);
	border-radius: 15px;
	width: 300px;
	margin-top: -250px;
	margin-right: 130px;
	z-index: 100;
	float: right;
	position: relative;
	text-align: left;
	padding: 0px 20px;
}

div.picBox > p {
	color: #fff;
	text-align: left;
}

div.picBox > h1 {
	color: #fff;
	font-family: garagegothicbold;
	font-size: 50px;
	letter-spacing: 2.4px;
	padding-bottom: 0px;
}

div.home-boxes {
	margin-top: 50px;
}

div.home-boxes > div.box-row > a {
	max-width: 31%;
	display: inline-block;
}

@media (min-width: 991px) {
	div.home-boxes > div.box-row > a:nth-child(2) {
		margin: 0 3%;
	}
	
	div.home-boxes > div.box-row:first-child {
		margin-bottom: 3%;
	}
}

.produkte {
	font-size: 0px;
}

.produkte img {
	display: inline-block;
	width: 49.75%;
}
.produkte > a:nth-child(1) > img {
	margin-right: 0.5%;
}

p.whisky {
	width: 610px;
	margin: auto;
	margin-bottom: 50px;
}

div.sorte ,
div.interesse,
div.auszeichnung {
	border-top: 2px solid rgb(166, 102, 34);
	font-size: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.interesse {
	padding-bottom: 50px;
	margin-top: 30px;
	padding-top: 40px;
}

div.sorte div.bild,
div.auszeichnung div.bild {
	width: 30%;
	display: inline-block;
	padding: 2%;
}
div.sorte div.bild img, {
	margin: 20px 0px;
}

div.sorte div.text,
div.sorte div.information,
div.auszeichnung div.text {
	width: 35%;
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	text-align: left;
	padding: 2%;
}

div.auszeichnung div.text {
	width: 50%;
}

div.sorte h2,
div.interesse h2,
div.auszeichnung h2,
div.person h2,
div.articleContent ul.category-module h2 {
	font-size: 20px;
	font-weight: bold;
}

div.sorte div.text {
	text-align: justify;
}

div.sorte div.text h2 {
	text-align: left;
}

img.headerImage {
  width: 100%;
}

div.activities img,
div.ueberuns img {
	margin-bottom: 15px;
}

div.activities a:nth-child(3) img,
div.ueberuns a:nth-child(3) img {
	margin-bottom: 0px;
}

div.text > ul {
	margin-left: 18px !important;
	padding-left: 0px !important;
	text-align: left;
}

div.information > ul {
	padding-left: 0px !important;
	text-align: left;
	margin: -10px 0px 18px 15px;
}

div.interesse {
	width: 100%;
	text-align: center;
	font-size: 15px;
}

div.interesse div.link {
	margin: auto;
	margin-top: 40px;
	width: 170px;
}

div.person {
	display:inline-block;
	vertical-align: top;
	max-width: 191px;
	margin: 0px 3px 30px 3px;
}

div.geschichte ul.category-module {
	padding-top: 60px;
}

div.geschichte ul.category-module li,
div.neuigkeiten ul.category-module ul li,
ul.category-moduleweitereneuigkeiten li {
	display: inline-block;
	width: 310px;
	margin: 0px 10px 60px 10px;
	vertical-align:top;
	padding: 0px;
}

div.neuigkeiten ul.category-module > li {
	border-top: 3px solid rgb(166, 102, 34);
	margin-top: -30px;
}

div.neuigkeiten ul.category-module > li:nth-child(1) {
	border: none;
}

div.geschichte ul.category-module h2 {
	margin-top: 40px;
	margin-bottom: 40px;
}

div.geschichte ul.category-module img,
div.neuigkeiten ul.category-module img,
ul.category-moduleweitereneuigkeiten img {
	border-radius: 11px;
	max-width: 310px;
	max-height: 200px;
	margin: auto;
}

div.neuigkeiten ul.category-module ul {
	padding: 0px;
}

div.neuigkeiten ul.category-module h3 {
	font-weight: bold;
	font-size: 28px;
	margin-top: 50px;
	margin-bottom: 40px;
}

div.neuigkeiten ul.category-module > li:nth-child(1) h3 {
	margin-top: -20px;
}

div.neuigkeiten a.mod-articles-category-title,
div.neuigkeiten a.mod-articles-category-title:hover,
ul.category-moduleweitereneuigkeiten a.mod-articles-category-title,
ul.category-moduleweitereneuigkeiten a.mod-articles-category-title:hover {
	display: block;
	font-family: garagegothicbold;
	text-transform: uppercase;
	font-size: 34px;
	letter-spacing: 0.09em;
	text-decoration: none;
	margin: 10px 0px 10px 0px;
}

div.neuigkeiten p.mod-articles-category-readmore a,
div.neuigkeiten p.mod-articles-category-readmore a:hover,
ul.category-moduleweitereneuigkeiten p.mod-articles-category-readmore a,
ul.category-moduleweitereneuigkeiten p.mod-articles-category-readmore a:hover,
h3.module-title {
	color: #a66622;
	font-family: cassiaregular;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0;
}

h3.module-title{
	margin-bottom: 40px;
}

div.neuigkeitenImage {
	margin-bottom: 40px;
}

section.article-content > p {
	max-width: 610px;
	text-align: center;
	margin: auto;
}

div.moduleweitereneuigkeiten {
	width: 1000px;
	margin: auto;
	margin-top: 80px;
	padding-top: 50px;
	border-top: 3px solid rgb(166, 102, 34);
}

ul.category-moduleweitereneuigkeiten {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


/* LAYOUT */
div.page-header.clearfix {
	display: none;
}

h1 {
	letter-spacing: 0.09em;
	padding-bottom: 30px;
}

.wrap.t3-footer div.custom {
	float: right;
	text-align: right;
	margin-top: 20px;
	color: rgb(166,102,34);
	font-size: 14px;
}

.t3-footer ul {
	margin-top: 40px;
	width: 540px;
	font-size: 16px;
}

.t3-footer ul li {
	width: 180px;
	float: left;
	padding-bottom: 20px;
}

.t3-footer ul a{
	padding: 0px;
}

div.mapWrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 38%;
}

.mapWrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}

div.mod-languages {
	color: #a66622;
	font-family: cassiaregular;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	float: right;
	margin-top: 90px;
}
@media (min-width: 991px) {
	div.head-search {
		margin-top: 10px;
	}
}

/* CONTENT WIDTH --- SCREEN SIZE */

.wrap.t3-footer div.row {
	max-width: 1000px;
	margin: auto;
}

div.articleContent {
	max-width: 1000px;
	margin: auto;
	margin-top: 60px;
}


/* MOBILE VERSION */

@media (max-width: 990px) {
  	.logo {
		position: static;
		text-align: center;
		margin-top: 60px;
	}
	
	.navbar-default .navbar-nav > li {
		font-size: 18px;
		border-top: 1px solid rgb(166, 102, 34);
		text-align: center;
	}
	
	.navbar-default .navbar-nav > li:first-child {
		border-top: none;
	}
	
	.search {
		display: none;
	}
	
	.head-search {
		margin-top: -57px;
		position: relative;
		float: right;
		right: 35px !important;
		width: 100px;
	}
	
	.dropdown-menu > li {
		border: none;
	}
	
	.navbar-default .navbar-nav > li.dropdown.open > a,
	.navbar-default .navbar-nav > li.dropdown > a:hover {
		color: #673f15;
	}
	
	div.picBox {
		margin-top: -200px; 
		margin-right: 10px;
	}
	
	div#camera_wrap_92.slideshowck.camera_wrap.camera_amber_skin,
	img.headerImage,
	div.neuigkeitenImage img {
		position: relative;
		width: 1005px !important;
		left: 0;
		margin: 0px 0px 0px -8px;
		text-align: left;
		max-width: 1005px;
		display: block;
	}
	
	div.home-boxes > div.box-row > a {
		max-width: 100%;
		margin: 10px auto;
		clear: both;
		display: block;
		text-align: center;
	}
	
	.wrap.t3-footer div.custom {
		position: absolute;
		margin-top: 100px;
		right: 0px;
	}
	
	.t3-footer ul {
		width: 100%;
		max-width: 400px;
	}
	
	.t3-footer ul li {
		width: 130px;
	}
	
	.container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div.articleContent {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	div.overFlowDiv,
	div.activities,
	div.ueberuns,
	div.neuigkeitenImage {
		overflow: hidden;
		width: 100%;
	}
	
	.produkte img {
		width: 90% !important;
		border-radius: 11px;
	}
	
	.produkte > a:first-child > img {
		margin-bottom: 20px;
	}
	
	p.home, p.whisky {
		max-width: 100%;
	}
	
	section.article-content > p {
		max-width: 90%;
	}
	
	div.sorte div.bild,
	div.auszeichnung div.bild {
		width: 100%;
		display: block;
		text-align: center;
		margin: auto;
		margin-top: 30px;
	}
	
	div.sorte div.text, 
	div.sorte div.information, 
	div.auszeichnung div.text {
		width: 100%;
		display: block;
	}
	
	div.moduleweitereneuigkeiten {
		max-width: 100%;
	}
	
	.navbar-toggle {
		font-size: 35px;
		margin-top: 20px;
	}
	
	body {
		font-size: 16px;
	}
	
	div.geschichte ul.category-module li, 
	div.neuigkeiten ul.category-module ul li, 
	ul.category-moduleweitereneuigkeiten li,
	div.geschichte ul.category-module img, 
	div.neuigkeiten ul.category-module img, 
	ul.category-moduleweitereneuigkeiten img {
		width: 100%;
		max-width: 310px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	div.mod-languages {
		margin-top: 20px;
	}
}
