body {
	background: rgb(60, 61, 61); color: rgb(226, 226, 226);
}


h1 {
	margin: 0px; line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 60px;
}
h1 span {
	color: rgb(157, 157, 157); line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 30px; font-weight: normal; display: block;
}
p {
	line-height: 22px; font-family: "Oregano-Italic", sans-serif; font-size: 18px;
}
p span {
	color: rgb(157, 157, 157); line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 48px; font-weight: normal; display: block;
}


header {
	height: 730px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}



#header_beschreibung h2 {
	color: rgb(238, 238, 238); margin: 20px; line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 50px; text-align: center; position: relative;
}
#header_beschreibung h2 span {
	color: rgb(255, 255, 255); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 26px; font-weight: normal; display: block; text-align: center; position: relative;
}











.produkt {
	background: white; position: relative;
}
.produkt .hide {
	transition:opacity 1s ease-out; height: 0px; opacity: 0; transform: translateY(100px); -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px);
}
.produkt a {
	display: block;
}
.produkt .produkt_thumb {
	overflow: hidden; position: relative;
}
.produkt .produkt_thumb {
	transition:0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75); -webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75); -moz-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75); -o-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}
.produkt .produkt_thumb img {
	transition:0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75); -webkit-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75); -moz-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75); -o-transition: all 0.2s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}
.produkt a:hover .produkt_thumb > img {
	position: relative; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15);
}
.produkt a.selected .produkt_thumb > img {
	position: relative; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15);
}
.produkt a:hover .produkt_thumb::after {
	background: url("../img/overlay.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0.5;
}
.produkt a.selected .produkt_thumb::after {
	background: url("../img/overlay.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0.5;
}
.produkt .produkt_info {
	overflow: hidden; position: relative; max-height: 128px;
}
.produkt .produkt_info .content {
	padding: 30px 10px;
}


.produkt .produkt_info {
	background: rgb(238, 238, 238);
}


.produkt :hover .produkt_info {
	background: rgb(31, 163, 255);
}



.produkt_info h1 {
	margin: 0px 0px 2px; color: rgb(0, 0, 0); line-height: 0.75em; font-family: "Oregano-Italic", sans-serif; font-size: 36px; white-space: nowrap;
}
.produkt a:hover .produkt_info h1 {
	color: rgb(255, 255, 255);
}
.produkt a.selected .produkt_info h1 {
	color: rgb(255, 255, 255);
}



.produkt_info h1 + p {
	margin: 10px 0px 20px; color: rgb(0, 0, 0); font-family: "Pompiere-Regular", sans-serif; font-size: 24px;
}
.produkt a:hover .produkt_info h1 + p {
	color: rgb(255, 255, 255);
}
.produkt a.selected .produkt_info h1 + p {
	color: rgb(255, 255, 255);
}

.produkt_info p.tag {
	margin: 0px; color: rgb(0, 0, 0); font-family: "Oregano-Italic", sans-serif; font-size: 18px;
}
.produkt a:hover .produkt_info p.tag {
	color: rgb(255, 255, 255);
}














#unsere_produkte {
	padding: 80px 0px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
#unsere_produkte .nomarg {
	clear: both;
}
#unsere_produkte_sticker {
	top: -200px; width: 173px; height: 293px; right: -60px; position: absolute; z-index: 10;
}
.unsere_produkte_image {
	overflow: hidden; position: relative;
    border: 7px solid rgb(238, 238, 238); border-image: none;
}
.unsere_produkte_image img {
	margin-bottom: -4px;
}
.unsere_produkte:hover {
	width: 160px; height: 160px; right: 5px; bottom: 5px; position: absolute;
}
.unsere_produkte_text h2 {
	color: rgb(157, 157, 157); line-height: 12px; font-family: "Oregano-Italic", sans-serif; font-size: 34px; font-weight: normal;
}

.unsere_produkte_text .h2-g {
	color: rgb(160, 204, 38); line-height: 12px; font-family: "Oregano-Italic", sans-serif; font-size: 34px; font-weight: normal;
}

.unsere_produkte_text .h2-v {
	color: rgb(155, 65, 163); line-height: 12px; font-family: "Oregano-Italic", sans-serif; font-size: 34px; font-weight: normal;
}


.unsere_produkte_text {
	line-height: 24px; padding-top: 30px;
}
.unsere_produkte_produkt {
	padding-bottom: 40px; margin-bottom: 40px; border-bottom-color: rgb(211, 210, 210); border-bottom-width: 1px; border-bottom-style: dashed;
}
#unsere_produkte_extended {
	padding: 80px 0px; line-height: 24px;
}
#morework-text {
	padding: 0px 200px 40px; text-align: center;
}
#morework-text h1 {
	color: rgb(60, 61, 61); line-height: 36px; font-family: "Sanchez", sans-serif; font-size: 36px; font-weight: normal;
}
#morework-text .unsere_produkte_produkt {
	margin-bottom: 0px;
}
@media all and (max-width:1150px)
{
#morework-text {
	padding: 0px 100px 40px;
}
.unsere_produkte:hover {
	width: 130px; height: 130px;
}
}
@media all and (max-width:960px)
{
#morework-text {
	padding: 0px 0px 40px;
}
.unsere_produkte:hover {
	width: 160px; height: 160px;
}
#unsere_produkte_sticker {
	top: 540px; right: 10px;
}
}
@media all and (max-width:767px)
{
#header_beschreibung h2 {
	margin: 40px; font-size: 30px;
}
#unsere_produkte_sticker {
	top: 540px; right: -40px;
}
#unsere_produkte .container {
	width: 509px;
}
.unsere_produkte:hover {
	width: 31%; height: auto;
}
}
@media all and (max-width:580px)
{
#unsere_produkte {
	padding: 40px 0px;
}
#unsere_produkte_extended {
	padding: 40px 0px;
}
#unsere_produkte .container {
	width: 80%;
}
.unsere_produkte_produkt {
	padding-bottom: 25px;
}
#unsere_produkte_sticker {
	display: none;
}
.produkt_info h1 {
	font-size: 30px;
}
.produkt_info h1 + p {
	font-size: 18px;
}
}

@media all and (max-width:479px)
{
.produkt_info h1 {
	font-size: 20px;
}

}