@media only screen and (max-width : 1180px) {

	.tx-productdevelopment-list-menu-merkliste-inner-scroll {
		top:9vh;
	}
.tx-productdevelopment-list-kacheln-kachel-haken {
	background-size: 30px auto;
}
	.tx-productdevelopment-list-menu-merkliste[data-count="infinite"] .tx-productdevelopment-list-menu-merkliste-inner-scroll {
		top: 13vh;
	}

	.tx-productdevelopment-list-merkliste-kachel {
		height:26vh;
	}
	
	.tx-productdevelopment-single-detailinfo-title {
		font-size: 39px;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column1 p {
		padding: 0.3em 0 0 0;
		font-size: 31px;
		line-height: 30px;
	}

	.tx-productdevelopment-list-introtext-inner {
		padding: 60px 60px 40px 60px;
	}	

	.tx-productdevelopment-list-themenbereich-single-infotext {
		padding: 40px;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options {
		display: flex;
		justify-content: center;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options {
		text-align: center;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options a {
		margin: 2vh 0vh 0 0 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.tx-productdevelopment-list-slider {
		height: 80px;
	}	

	.tx-productdevelopment-list-kacheln {
		height: calc(94% + 20px);
	}
	.tx-productdevelopment-list-kacheln-kachel::before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

.vergleich-buttonarea.stillbookmarked-1 .vergleich-buttonarea-removebookmark {
	display: inline-block;
	top: 0;
	position: relative;
}

	.vergleich-buttonarea-contact,.vergleich-buttonarea-zoom {
		position: relative;
		top:0;
	}

	.vergleich-buttonarea {
		vertical-align: top;
	}
}

@media only screen and (max-width : 768px) {

	.tx-productdevelopment {
		position: absolute;
		left: 0;
		top: 16vw;
		width: 100%;
		height: calc(100vh - 16vw);
		overflow: hidden;
	}

	.tx-productdevelopment-list-slider {
		padding-top: 20px;
	}

	.tx-productdevelopment-list-button-merkliste {
		top: calc(13px + 21px - 2em);
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-list-button-optionen {
		top: calc(13px + 21px - 2em);
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-list-menu-optionen-close .closepanel span {
		font-size: 2.25em;
	}

	.tx-productdevelopment-list-menu-optionen {
		width: 100vw;
		top:16vw;
		bottom:0;
	}

	.maincontent-inner .tx-productdevelopment-list-menu-optionen-inner h2 span.label {
		font-size: 5vw;
	}

	.maincontent-inner .tx-productdevelopment-list-menu-optionen-inner input[type="radio"] + label {
		font-size: 4vw;
	}

	.maincontent-inner .tx-productdevelopment-list-menu-optionen-filter p.info {
		font-size: 4vw;
	}	

	.tx-productdevelopment-list-menu-optionen-filter label {
		line-height: 4.5vw;
		padding: 0.3em;
		font-size: 4vw;
	}


	.tx-productdevelopment-list-menu-optionen-filter .row .fieldarea .item {
		font-size: 3.5vw;
	}

	.maincontent-inner .tx-productdevelopment-list-menu-optionen-filter .row .fieldarea p.mehrfachauswahl {
		font-size: 1em;
	}

	.tx-productdevelopment-list-menu-optionen-filter .row_farben label .item, .tx-productdevelopment-list-menu-optionen-filter .row .fieldarea_farben .item {
		width: 18%;
	}	

	.tx-productdevelopment-list-menu-merkliste {
		max-width: 100vw;
		top: 16vw;
		bottom: 0;
	}

	.tx-productdevelopment-list-menu-merkliste[data-count="infinite"] {
		min-width: 100vw;
		width: 100%;
	}	

	.tx-productdevelopment-list-menu-merkliste-actionbuttons-button {
		font-size: 3.125vw;
	}

	.maincontent-inner .tx-productdevelopment-list-menu-merkliste-actionbuttons p {
		font-size: 3vw;
	}

	.tx-productdevelopment-list-menu-merkliste-actionbuttons {
		bottom: calc(2vh + 60px);
		bottom: calc(7vh + 60px);
	}

	.tx-productdevelopment-single-topimage {
		background-size: cover;
		height: calc(100vh - 16vh - 60px - 15vh);		
	}

	.tx-productdevelopment-single-button-removefrommerkliste {
		top: calc(10vh + 13px + 21px - 2em);
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-single-button-addtomerkliste {
		top: calc(10vh + 13px + 21px - 2em);
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-single-detailinfo-tobottom-button {
		width: 4em;
		height: 4em;
		left: calc(50% - 2em);
	}	

	.tx-productdevelopment-single-closer {
		top:calc(100vh - 60px + 2em - 16vh);
		bottom: initial;
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-single-detailinfo-title {
		font-size: 6vw;
	}

	.tx-productdevelopment-single-detailinfo-abbinder {
		flex-direction: column;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column1 {
		width: 100%;
		padding-right: 0;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column1 p {
		font-size: 5vw;
		line-height: 1.5em;
		margin-bottom: 1em;
		text-align: left;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column2 {
		padding-left: 0;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column2 p {
		font-size: 6vw;
		line-height: 1.4em;
	}

	.tx-productdevelopment-single-detailinfo {
		max-width: 80%;
		padding-bottom: 60px;
	}

	.maincontent-inner .tx-productdevelopment-single-detailinfo-abbinder-column2 p.small {
		font-size: 4vw;
		line-height: 1.4em;
	}

	.tx-productdevelopment-single-detailinfo-totop-button {
		width: 4em;
		height: 4em;
	}

	.tx-productdevelopment-list-menu-merkliste-close .closepanel span {
		font-size: 2.25em;
	}

	.tx-productdevelopment .flashmessage {
		top: 14em;
	}	

	.tx-productdevelopment-list-menu-merkliste-inner-scroll-inner {
		flex-direction: row;
		height: 95%;
	}

	.tx-productdevelopment-list-merkliste-kachel {
		position: relative;
		height: 21vh;
		box-sizing: border-box;
		margin-right: 0;
		padding-left: 2vh;
	}

	.tx-productdevelopment-list-merkliste-kachel-inner {
		width: 15vh;
		height: 9.9vh;
		padding-top: 1.9vh;
	}

	.tx-productdevelopment-list-merkliste-kachel-optionen .checkbox-merkliste {
		font-size: 2em;
		margin-top: 5vh;
	}

	.tx-productdevelopment-list-menu-merkliste[data-count="infinite"] .tx-productdevelopment-list-menu-merkliste-inner-scroll {
		top: 9vh;
		height: 60vh;
		height: 55vh;
		overflow: auto;
		overflow-x: hidden;
		padding-top: 3vh;
	}

	.tx-productdevelopment-list-menu-merkliste-inner-scroll {
		bottom: initial;
		left: calc(4em + 1.56vw);
		right: 1em;
	}

	.tx-productdevelopment-list-merkliste-kachel-inner-delete {
		right: -2vh;
		top: -2vh;
		width: 4vh;
		height: 4vh;
	}	

	.tx-productdevelopment-list-introtext {
		top: 0;
		height: auto;
		width: auto;
		float: none;
	}	

.tx-productdevelopment-list-introtext-inner {
	width: 88vw;
	max-height: initial;
	padding: 20px;
	left: initial;
	margin: 0 auto;
	filter: none;
	-webkit-filter: none;
	box-shadow: 0 0 8px rgba(25,13,12,0.5);
}
	.tx-productdevelopment-list-kacheln {
		position: relative;
		top: 0;
		height: 50vh;
		width: auto;
		float: none;
	}	

	.tx-productdevelopment-list-kacheln-kacheln-inner {
		flex-direction: column;
		height: initial;
		justify-content: center;
		align-content: center;
	}
	.tx-productdevelopment-list-inner {
		height: 100%;
		overflow-y: auto;
		padding-top: 80px;
		box-sizing: border-box;
	}

	.tx-productdevelopment-list-kacheln-kachel {
		margin-right: 0;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options {
		display: flex;
		justify-content: center;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options {
		text-align: center;
	}	

	.tx-productdevelopment-list-slider {
		display: none;
	}	
	.maincontent-inner .tx-productdevelopment-list-introtext h1 {
		font-size: 5vw;
	}

	.maincontent-inner .tx-productdevelopment-list-introtext h3 {
		font-size: 3vw;
	}

	.maincontent-inner .tx-productdevelopment-list-introtext p {
		font-size: 3.2vw;
		line-height: 1.4em;
	}

	.maincontent-inner .tx-productdevelopment-list-introtext p.small, .maincontent-inner .tx-productdevelopment-list-introtext p.marginal {
		font-size: 2.938vw;
		line-height: 1.4em;
	}

	.tx-productdevelopment-list-themenbereiche-schrank {
		margin-right: 0;
	}	
	.tx-productdevelopment-list-themenbereiche-inner {
		flex-direction: row;
		justify-content: center;

				height: 100%;
		overflow-y: auto;
		padding-top: 80px;
		padding-bottom: 50px;
		box-sizing: border-box;
	}

	.tx-productdevelopment-list-themenbereiche-slider {
		display: none;
	}

	.tx-productdevelopment-list-themenbereich-single-infotext-placeholder {
		width: 88vw;
		height: auto;
		float: none;
	}
	.tx-productdevelopment-list-themenbereich-single-infotext {
		position: static;
		height: auto;
		box-sizing: border-box;
		width: 88vw;
		padding: 20px;
		margin:0 auto 30px auto;
	}

	.tx-productdevelopment.mode-themenbereich .tx-productdevelopment-list-kacheln {
		width: auto;
	}

	.maincontent-inner .tx-productdevelopment-list-themenbereich-single-infotext-innertext h3 {
		font-size: 5vw;
		margin-bottom: 0.5em;
	}	

	.maincontent-inner .tx-productdevelopment-list-themenbereich-single-infotext-innertext h2 {
		font-size: 4vw;
		margin: 0 0 0.5em 0;
		line-height: 1.4em;
	}

	.maincontent-inner .tx-productdevelopment-list-themenbereich-single-infotext-innertext p {
		font-size: 3.2vw;
		margin: 0 0 1em 0;
		line-height: 1.4em;
	}

	.tx-productdevelopment-list-themenbereich-single-infotext-back a {
		font-size: 3vw;
		line-height: 6.6vw;
		padding-left: 10vw;
	}

	.colorgradientholder {
		visibility: hidden;
	}

	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kachel {
		margin-right: 0;
		margin-top: 20px !important;
	}

	.tx-productdevelopment-list-kacheln-kachel-inner-options {
		text-align: center;
	}	

	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-0 {
		margin-left:0%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-1 {
		margin-left:2%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-2 {
		margin-left:4%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-3 {
		margin-left:6%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-4 {
		margin-left:8%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-5 {
		margin-left:10%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-6 {
		margin-left:12%;
	}	
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-7 {
		margin-left:14%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-8 {
		margin-left:16%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-9 {
		margin-left:18%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-10 {
		margin-left:20%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-11 {
		margin-left:22%;
	}
	.tx-productdevelopment-list-kacheln-kachel-title.addmargin-12 {
		margin-left:24%;
	}		


	.tx-productdevelopment-vergleich-inner .bgimage {
		background-size: cover;
		background-position: center;
	}	

	.vergleich-buttonarea-zoom {
		width: 3.5em;
		height: 3.5em;
	}	

	.vergleich-buttonarea-removebookmark {
		width: 3.5em;
		height: 3.5em;
	}

	.vergleich-buttonarea-addbookmark {
		width: 3.5em;
		height: 3.5em;
	}

	.vergleich-buttonarea-contact {
		width: 3.5em;
		height: 3.5em;
		overflow: visible;
		vertical-align: top;
	}


	.tx-productdevelopment-list-kacheln-kachel::before {
		content:none !important;
		display: none !important;
		background: none !important;
	}

	.tx-productdevelopment-list-kacheln-kachel {
	filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
	-webkit-filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
	-moz-filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
	filter:none;
	-webkit-filter:none;
	-moz-filter:none;
	}


	.tx-productdevelopment-list-themenbereiche-schrank::after {
		content:none !important;
		display: none !important;
		background: none !important;
	}
	.tx-productdevelopment-list-themenbereiche-schrank{
		filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
		-webkit-filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
		-moz-filter: drop-shadow(-10px 10px 8px rgba(25,13,12,0.5));
			filter:none;
	-webkit-filter:none;
	-moz-filter:none;
	}


	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kachel-haken {
		background: url('../../../typo3conf/ext/productdevelopment/Resources/Public/Images/pe_mustertafel_haken.png') 50% 0 no-repeat;
		width: 24.074vh;
		height: 3.888vh;
		background-size: 42px auto;
	}
	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kachel-inner {
		width: 24.074vh;
		height: 18.981vh;
		margin-top: -1.481vh;
	}

	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kachel-title {
		font-size: 2.31vh;
		padding: 5px 20px;
		margin-top: 4px;
	}
	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kacheln-inner a {
		padding: 2.592vh 0 0 0.46vh;
		margin: 0 !important;
	}
	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kacheln-inner img {
		width: calc(100% - 0.6vh);
	}
	.tx-productdevelopment.mode-farbbereich .tx-productdevelopment-list .tx-productdevelopment-list-kacheln-kachel {
		height: 29vh;
	}

	.tx-productdevelopment.menuopen .tx-productdevelopment-list-tobeblurred,
	.tx-productdevelopment.menuopen .tx-productdevelopment-list-button-optionen,
	.tx-productdevelopment.menuopen .tx-productdevelopment-list-button-merkliste,
	.tx-productdevelopment.menuopen .tx-productdevelopment-list-themenbereiche {
	    filter: none;
	}	

	.tx-productdevelopment-vergleich-closer {
		bottom: calc(2em + 60px);
		z-index: 15;
	}	

	.vergleich-buttonarea {
		z-index: 15;
		top:3.5em;
	}	

	.tx-productdevelopment-list-themenbereiche-inner-spacer {
		min-width: 50vw;
		height: 120px;
	}


	.tx-productdevelopment-list-themenbereich-single-infotext {
		filter:none;
		-webkit-filter:none;
		-moz-filter:none;
		box-shadow: 0 0 8px rgba(25,13,12,0.5);		
	}

	.mobilegradient {
		position: absolute;
		right: 0;
		top: 0px;
		bottom: 0;
		width:  9vw;
	}
}