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

h1 {
	color: rgb(157, 157, 157); margin: 0px; line-height: 60px; font-family: "Oregano-Italic", sans-serif; font-size: 40px;
}
h1 span {
	color: rgb(157, 157, 157); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 26px; font-weight: normal; display: block;
}



#sec_produkt_1 .col2 .added_padding span {
	color: rgb(157, 157, 157); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 28px; font-weight: normal; display: block;
}



p {
	line-height: 32px; font-family: "Pompiere-Regular", sans-serif; font-size: 24px;
}
p span {
	color: rgb(160, 204, 38); line-height: 60px; font-family: "Pompiere-Regular", sans-serif; font-size: 48px; font-weight: normal; display: block;
}


#produkt_text1 span {
	color: rgb(157, 157, 157); line-height: 46px; font-family: "Oregano-Italic", sans-serif; font-size: 26px; font-weight: normal; display: block;
}




header {
	height: 730px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 0px; 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;
}


.linie_sep {
	margin: 20px 0px; width: auto; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 4px; border-bottom-style: solid;
}



.konfiguration_section {
	text-align: center; margin: 30px 0px; overflow: hidden; color: rgb(31, 163, 255); line-height: 80px; font-family: "Oregano-Italic", sans-serif; font-size: 50px; position: relative;
}





#header_produkt {
	background-position: left top; height: 400px; overflow: hidden; background: rgb(226, 226, 226); background: url("../img/wall_produkt.jpg"); background-repeat: no-repeat;
}
#produkt_touchit_basic_sticker1 {
	left: -150px; top: 0px; width: 173px; height: 293px; position: absolute; z-index: 11;
}
#produkt_touchit_basic_sticker2 {
	top: -40px; width: 473px; height: 436px; right: -140px; position: absolute; z-index: 16;
}
#produkt_touchit_basic_sticker1_kkk {
	left: -90px; top: 110px; width: 455px; height: 545px; position: absolute; z-index: 10;
}
#produkt_touchit_basic_sticker2_kkk {
	top: 120px; width: 455px; height: 530px; right: -160px; position: absolute; z-index: 10;
}
#produkt_touchit_basic_screen {
	left: 11%; top: 0px; width: 84%; height: 450px; text-align: center; position: absolute; z-index: 15;
}
#casestudy-item {
	left: 8%; top: 7%; width: 84%; height: 450px; text-align: center; position: absolute;
}
#produkt_nav {
	top: 100px; width: 50px; height: 200px; right: 20px; position: absolute; z-index: 10;
}
#produkt_nav a {
	background-position: top; border-radius: 3px; border: 1px solid rgb(202, 202, 202); border-image: none; height: 50px; margin-bottom: 10px; display: block; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
#produkt_nav a:hover {
	background-position: bottom;
}
#produkt_nav a.ansicht_next {
	background-image: url("../img/btn-viewnext.jpg");
}
#produkt_nav a.ansicht_prev {
	background-image: url("../img/btn-viewprev.jpg");
}
#produkt_nav a.ansicht_alle {
	background-image: url("../img/btn-viewgrid.jpg");
}
#sec_produkt_1 .fixedcase {
	position: fixed;
}
#sec_produkt_1 {
	padding: 80px 0px; line-height: 24px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
#sec_produkt_1 .col2 {
	position: relative; z-index: 2;
    top: 0px;
    left: 0px;
}
#sec_produkt_1 .padding_bottom {
	padding-bottom: 30px; color: rgb(60, 61, 61);
}
#sec_produkt_1 .padding_bottom span {
	color: rgb(31, 163, 255); line-height: 46px; font-family: "Pompiere-Regular", sans-serif; font-size: 32px; font-weight: normal; display: block; text-align: center; position: relative;
}
#sec_produkt_1 .added_padding {
	padding-bottom: 40px; color: rgb(60, 61, 61);
}
#produkt_image2_container {
	width: 65%; margin-top: 20px; float: left; position: relative;
    top: 0px;
    left: 0px;
}
#produkt_image2_sticker {
	top: -100px; width: 504px; height: 375px; right: -340px; position: absolute; z-index: 2;
}
#produkt_text1 {
	width: 31%; padding-top: 300px; margin-top: 50px; float: right;
    line-height: 28px; font-family: "Pompiere-Regular", sans-serif; font-size: 24px; color: rgb(60, 61, 61);
}
#produkt_platzhalter_links1 {
	padding-top: 50px;
}
#produkt_platzhalter_rechts1 {
	padding-top: 50px;
}
#sec_produkt_1 .umfrage_slider {
	border: currentColor; border-image: none; height: auto;
}
#sec_produkt_1 .umfrage_slider .slide {
	padding: 0px;
}
#produkt_final_container {
	margin: 10px 0px; height: 550px; position: relative;
}
#produkt_final_image {
	left: -185px; top: 0px; width: 1470px; position: absolute; z-index: 2;
}
#produkt_final_copyright {
	margin-top: 20px; margin-bottom: 20px; position: relative; color: rgb(157, 157, 157); line-height: 46px; font-family: "Pompiere-Regular", sans-serif; font-size: 22px; font-weight: normal; display: block; text-align: center;
}
#casestudy-peakclip {
	height: 612px; position: relative;
}
#casestudy-clip {
	left: -250px; width: 847px; height: 612px; margin-top: 30px; position: absolute; z-index: 0;
}
#casestudy-viophone {
	height: 548px; position: relative;
}
#casestudy-phone {
	left: -180px; width: 698px; height: 548px; position: absolute; z-index: 0;
}
#casestudy-lady-hold {
	height: 204px; padding-top: 50px;
}
#casestudy-lady {
	width: 520px; position: absolute;
}
#casestudy-triangle {
	left: -100px; top: 330px; width: 597px; height: 595px; position: absolute;
}
#produkt_image1_container {
	height: 800px; position: relative;
}
#produkt_image1 {
	left: -100px; top: 0px; width: 670px; position: absolute;
}
#produkt_platzhalter_image1 {
	top: -110px; width: 418px; right: 0px; position: absolute; z-index: 1;
}
#produkt_video1 iframe {
	width: 509px; height: 908px;
}
#produkt_navigation {
	text-align: center; font-size: 16px;
}
#produkt_navigation a.dashedborder {
	background: rgb(255, 255, 255); border: 1px dashed rgb(192, 192, 192); border-image: none; margin-bottom: 10px; display: inline-block;
}
#produkt_navigation img {
	padding: 5px; transition:opacity 0.1s linear; margin-bottom: -5px; opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear;
}
#produkt_navigation img:hover {
	opacity: 1;
}
#produkt_navigation_links a {
	color: rgb(157, 157, 157); font-family: "Satisfy", cursive; font-size: 24px;
}
#produkt_navigation_links {
	width: 197px; float: left;
}
#produkt_navigation_rechts {
	width: 197px; float: right;
}
#produkt_navigation_rechts a {
	color: rgb(157, 157, 157); font-family: "Satisfy", cursive; font-size: 24px;
}
#produkt-contact {
	background: rgb(255, 255, 255); margin: auto; width: 165px; padding-top: 44px;
}
#produkt-contact a {
	margin: 0px 5px; border-radius: 5px; border: 1px solid rgb(203, 203, 203); border-image: none; color: rgb(157, 157, 157); line-height: 50px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#produkt-contact a:hover {
	border: 1px solid rgb(173, 173, 173); border-image: none;
}

.allergen {
	margin-bottom: 30px;
}
.icon-allergen {
	margin-right: 10px; float: left;
}
.allergen p {
	margin-left: 80px; color: rgb(157, 157, 157);
}
.allergen h3 {
	margin-left: 80px; color: rgb(157, 157, 157);
}
.icon-krebstiere {
	background: url("../img/produkte/produkt7/Krebstiere.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-fisch {
	background: url("../img/produkte/produkt7/Fisch.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-eier {
	background: url("../img/produkte/produkt7/Eier.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-gluten {
	background: url("../img/produkte/produkt7/Glutenhaltiges_Getreide.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-schalenfruechte {
	background: url("../img/produkte/produkt7/Schalenfruechte.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-erdnuss {
	background: url("../img/produkte/produkt7/Erdnuss.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-sesam {
	background: url("../img/produkte/produkt7/Sesam.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-weichtiere {
	background: url("../img/produkte/produkt7/Weichtiere.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-soja {
	background: url("../img/produkte/produkt7/Soja.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-schwefeldioxid {
	background: url("../img/produkte/produkt7/Schwefeldioxid.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-milch {
	background: url("../img/produkte/produkt7/Milch.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-senf {
	background: url("../img/produkte/produkt7/Senf.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-lupine {
	background: url("../img/produkte/produkt7/Lupine.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icon-sellerie {
	background: url("../img/produkte/produkt7/Sellerie.png") no-repeat center; text-align: center; width: 65px; height: 65px; display: block;
}
.icons-allergen-large {
	border-radius: 50px; width: 65px; height: 65px; text-align: center; color: rgb(255, 255, 255) !important; line-height: 72px; font-size: 36px; display: inline-block;
}


@media all and (max-width:1150px)
{
#header_produkt {
	height: 400px;
}
#casestudy-item {
	top: 6%;
}
#produkt_touchit_basic_screen {
	top: 50px;
}
#produkt_image2_container {
	width: 50%; padding-top: 0px;
}
#produkt_image2_sticker {
	display: none;
}
#produkt_text1 {
	width: 45%; padding-top: 0px;
}
#produkt_final_container {
	height: auto;
}
#produkt_final_image {
	width: auto; position: static; display: block;
}
#casestudy-peakclip {
	height: 506px;
}
#casestudy-clip {
	left: -200px; width: 700px; height: 506px; z-index: 0;
}
#casestudy-viophone {
	height: 450px; margin-top: 40px; position: relative;
}
#casestudy-phone {
	left: -150px; width: 569px; height: 450px;
}
#casestudy-triangle {
	left: -150px;
}
#produkt_image1_container {
	height: 700px;
}
#produkt_image1 {
	left: -50px; width: 500px;
}
#produkt_platzhalter_image1 {
	top: -160px; width: 418px; right: -30px; position: absolute; z-index: 1;
}
#produkt_video1 iframe {
	width: 416px; height: 742px;
}
}
@media all and (max-width:960px)
{
#header_produkt {
	height: 400px;
}
#produkt_touchit_basic_sticker1_kkk {
	top: 160px; width: 340px;
}
#produkt_touchit_basic_sticker2_kkk {
	top: 200px; width: 255px;
}
#produkt_touchit_basic_screen {
	top: 100px;
}

#casestudy-item {
	top: 4.5%;
}
#produkt_image2_container {
	width: 50%; padding-top: 50px;
}
#produkt_image2_sticker {
	display: none;
}
#produkt_text1 {
	width: 45%; padding-top: 0px;
}
#casestudy-sketch {
	padding-bottom: 30px;
}
#produkt_platzhalter_links1 {
	padding-top: 10px;
}
#produkt_final_container {
	height: auto;
}
#produkt_final_image {
	width: auto; position: static; display: block;
}
#casestudy-clip {
	left: -100px; width: 700px; height: 506px; z-index: 0;
}
#casestudy-triangle {
	display: none;
}
#casestudy-viophone {
	height: 548px;
}
#casestudy-phone {
	left: -80px; width: 698px; height: 548px;
}
#produkt_image1_container {
	height: 585px;
}
#produkt_image1 {
	left: 0px; width: 500px;
}
#produkt_platzhalter_image1 {
	display: none;
}
#produkt_video1 iframe {
	width: 509px; height: 908px;
}
}
@media all and (max-width:767px)
{
#sec_produkt_1 {
	padding: 50px 0px;
}
#header_produkt {
	height: 360px;
}
#header_produkt .container {
	width: 400px;
}
#produkt_touchit_basic_sticker2 {
	top: -70px; left: -40px;
}
#header_beschreibung h2 {
	margin: 40px; font-size: 36px;
}
#sec_produkt_1 .added_padding {
	padding-bottom: 20px;
}
#produkt_touchit_basic_sticker1_kkk {
	top: 100px; width: 255px;
}
#produkt_touchit_basic_sticker1_kkk {
	display: none;
}
#produkt_touchit_basic_sticker2_kkk {
	top: 100px; width: 255px;
}
#produkt_touchit_basic_screen {
	left: 0px; top: 165px; width: 100%;
}
#produkt_touchit_basic_screen {
	display: none;
}
#casestudy-item {
	top: 4.5%;
}
#produkt_nav {
	display: none;
}
#produkt_image2_sticker {
	display: none;
}
#produkt_image2_container {
	margin: 0px; width: 100%; height: auto; padding-top: 40px; float: none;
}
#produkt_text1 {
	width: 100%; padding-top: 30px; margin-top: 0px; float: none;
}
#casestudy-sketch {
	display: none;
}
#produkt_platzhalter_rechts1 {
	text-align: center; padding-bottom: 40px;
}
.konfiguration_section {
	display: none;
}
#produkt_final_container {
	display: none;
}
#produkt_navigation {
	background: none;
}
#produkt_navigation_links {
	width: 100%; padding-top: 20px; float: none;
}
#produkt_navigation_rechts {
	width: 100%; padding-top: 20px; float: none;
}
#produkt-contact {
	width: 100%; padding-top: 20px; float: none;
}
#produkt-contact a {
	width: 195px; display: inline-block;
}
#casestudy-peakclip {
	display: none;
}
#casestudy-viophone {
	display: none;
}
#casestudy-lady {
	width: 100%; text-align: center; position: relative;
}
#casestudy-lady-hold {
	padding-bottom: 30px;
}
#produkt_image1_container {
	display: none;
}
#produkt_video1 iframe {
	width: 280px; height: 499px;
}
}
@media all and (max-width:580px)
{
#header_produkt {
	height: 300px;
}
#header_produkt .container {
	width: 320px;
}
#produkt_touchit_basic_sticker2 {
	top: -110px; left: -100px;
}
#header_beschreibung h2 {
	margin: 40px; font-size: 30px;
}
#produkt_touchit_basic_screen {
	display: none;
}
#casestudy-item {
	top: 4.5%;
}
#produkt_touchit_basic_sticker1_kkk {
	display: none;
}
}