/*
	
		-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	
	font-family: 'Open Sans', sans-serif;
	
	
	
	font-family: 'Montserrat', sans-serif;
	
*/


/* bitter-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/bitter-v32-latin-500.eot'); /* IE9 Compat Modes */
	src: url('../fonts/bitter-v32-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/bitter-v32-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/bitter-v32-latin-500.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/bitter-v32-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/bitter-v32-latin-500.svg#Bitter') format('svg'); /* Legacy iOS */
}
/* bitter-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/bitter-v32-latin-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/bitter-v32-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/bitter-v32-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/bitter-v32-latin-700.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/bitter-v32-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/bitter-v32-latin-700.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}




:root {
  --richtigschwarz: #000000;
	--schwarz: #555555;
	--schwarzhell: #555555;
  --weiss: #FFFFFF;
  
  --maincolor: #0B452B;
  --actioncolor: #87C846;
	--bgcolor: #F6F7F5;
	--grau: #7E7E7E;
	--linegrau: #CCCCCC;
	--lila: #D1002F;
	--rot: #880500;
	--liniencolor: #CCCCCC;
  
	--standardfont: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	--specialfont: 'Bitter', serif;
	--sliderfont: 'Montserrat', sans-serif;
  --light: 300;
	--regular: 400;
	--medium: 500;
	--semibold: 600;
	--bold: 700;
	--extrabold: 800;
	
	
	--fontsize: 110%;
	--lineheight: 185%;
	
	--headerheight: 120px;
	--headerheightfront: 180px;
	--sliderheight: 100vh;
	--logowidth: 268px;
	--headerprofheight: 40vh;
	--spaltenbreite: 300px;
	
	--abstand-1: 7vw;
	--abstand-2: 5vw;
	--abstand-3: 3vw;
	--abstand-4: 2vw;
	
	--transition: .8s;
  
}

*:focus {
	outline: none;
}

.displaynone {
	display: none !important;
}



label.js-form-required:after {
	content: "*";
}



.views-field-edit-node a:link,
.views-field-edit-node a:visited {
	color: red;
	padding: 3px 10px;
	border: solid 1px red;
	background-color: var(--weiss);
}

.views-field-edit-node a:hover,
.views-field-edit-node a:active {
	color: var(--weiss) !important;
	background: red;
	padding: 3px 10px;
	border: solid 1px red;
}




div.tabs {
  margin: 1em 0;
}
ul.tabs {
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-left: 0.3em;
  margin-right: 0;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
.tabs a.is-active {
  background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5;
}



.user-login-form .form-item-name {
	width: 49%;
	float: left;
}

.user-login-form .form-item-pass {
	width: 49%;
	float: right;
}

.user-login-form .form-item input {
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 5px 0px;
}


.user-login-form .form-actions {
	clear: both;
}


/* Colorbox Overrides*/

button:focus {outline:0;}


#cboxPrevious,
#cboxPrevious:hover {
	background-image:url('../images/galprev.svg');
	width:70px;
	height:70px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -35px !important;
}

#cboxNext,
#cboxNext:hover {
	background-image:url('../images/galnext.svg');
	width:70px;
	height:70px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	right: -35px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxClose,
#cboxClose:hover {
	background-image:url('../images/galclose.svg');
	background-size: 100% 100%;
	background-position: left top;
	width:40px;
	height:40px;
	top:-20px;
	right:-20px;
}
#cboxOverlay {
	background:var(--actioncolor);
}

#cboxContent {
	background:var(--weiss);
	overflow: visible !important;
}

#cboxLoadedContent {
	border: 12px solid var(--weiss);
	background: var(--weiss);
}

#cboxWrapper {
	background:transparent;
	padding-top:0px;
	overflow: visible !important;
}

#cboxTitle {
	left:0px;
	top:-30px;
	color: var(--maincolor);
	font-weight: var(--bold);

}

#cboxCurrent {
	right:12px;
	top:-18px;
	color:var(--schwarz);
	display: none !important;
}


#cboxLoadedContent {
	border: 0px !important;
	overflow: visible !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}

#cboxPrevious {
	left: -7px;
}

#cboxNext {
	right: -7px;
}



/* Login und Pass-Form */


.user-login-form {
	display: table;
	width: 100%;
}


.user-login-form .js-form-item {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.user-login-form .js-form-item input,
.user-pass .js-form-item input  {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}





input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
}

input.js-form-submit:hover {
	background-color: var(--maincolor);
}

/* Suche im Content */

.region-content .search-form input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
}

.region-content .search-form input.js-form-submit:hover {
	background-color: #9C9D9E;
}

.region-content .search-form input.form-search {
	padding: 8px 25px;
	box-sizing: border-box;
}

.region-content .search-form label {
	clear: both;
	display: block;
}

.region-content .search-form .search-help-link {
	font-size: 80%;
}




.flexslider {
  margin: 0 0 0px;
  border: 0px solid #ffffff;
  zoom: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}


.flex-control-nav {
	bottom: 40px;
	z-index: 99;
}

.flex-control-paging li a {

	width: 16px;
	height: 16px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-o-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.flex-control-paging li a {
	background-color: #7A953B;
}

.flex-control-paging li a.flex-active {
	background-color: var(--weiss);
}



/* !WEBFORM */

.webform input[type=text],
.webform input[type=tel],
.webform input[type=email] {
	border: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	height: 50px;
	width: 100%;
	color: var(--schwarz);
} 

.webform select {
	height: 50px;
	border: 0px;
	width: 100%;
	background-color: var(--weiss);
	padding: 0px 15px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--schwarz);
}

.webform textarea {
	border: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	color: var(--schwarz);
	
}

.webform .js-form-wrapper {
	margin: 0px 0px 0px 0px;
}

.webform .form-item {
	margin: 0px 0px 10px 0px;
}

.webform .wfleft {
	width: 50%;
	float: left;
}

.webform .wfleft input {
	width: calc(100% - 10px);
	float: left;
}

.webform .wfright {
	width: 50%;
	float: right;

}

input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: #FFFFFF;
	border-style: none;
	padding: 13px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
}

input.js-form-submit:hover {
	background-color: #FFFFFF;
	color: var(--maincolor);
}

.webform .messages--error {
	margin-bottom: 20px;
}
.webform .wfcont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.webform .wfcont > div {
	flex-basis: 45%;
}

.webform .webform-actions input {
	float: right;
}
.webform-confirmation {
	background: red;
	padding: 20px;
	box-sizing: border-box;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 90%;
	color: var(--grau);
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 90%;
	color: var(--grau);
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 90%;
	color: var(--grau);
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 90%;
	color: var(--grau);
}

/* !ADMIN*/ 


ul.tabs {
	border-bottom: solid 1px #CCCCCC;
	margin-top: 50px !important;
}

ul.tabs a,
ul.tabs a:visited {
	color: var(--schwarz);
}

ul.tabs a:hover,
ul.tabs a:active {
	color: var(--maincolor);
}


/* !ALLGEMEIN */

html {
  font-size: var(--fontsize);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: var(--lineheight);
}


html,
button,
input,
select,
textarea {
	font-family: var(--standardfont);
	font-style: normal;
	font-weight: var(--regular);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
}

.node--type-error-page .field--name-body {
	font-size: 500%;
	line-height: 100%;
	text-align: center;
}



a,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}

.region-content a,
.region-content a:visited,
.region-after-content a,
.region-after-content a:visited {
	text-decoration: none;
	color: var(--actioncolor);
}

.region-content a:hover,
.region-content a:active,
.region-after-content a:hover,
.region-after-content a:active {
	text-decoration: none;
	color: var(--maincolor);
}




h1 {
	font-style: normal;
	font-size: 280%;
	line-height: 135%;
	font-family: var(--specialfont);
	font-weight: var(--regular);
}

h1.page-title {
	font-size: 220%;
	line-height: 115%;
	margin-bottom: 30px;
}
.titelblock h1 {
	font-family: var(--standardfont);
	font-weight: var(--regular);
	font-size: 220%;
	letter-spacing: 2px;
	line-height: 125%;
	text-transform: uppercase;
	color: var(--maincolor);
}



h2 {
	font-size: 170%;
	line-height: 135%;
	font-family: var(--specialfont);
	font-weight: var(--regular);
}

.titelblock h2 {
	color: var(--actioncolor);
}

.colorblock h2 {
	font-size: 300%;
	letter-spacing: 0px;
	line-height: 125%;
	color: var(--maincolor);
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: var(--medium);
}

.sliderhome h2 {
	font-family: var(--standardfont);
	text-transform: uppercase;
	font-size: 350%;
	line-height: 105%;
	font-weight: var(--medium);
}

h2.newstitel {
	font-family: var(--standardfont);
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 150%;
	color: var(--actioncolor);
	
}


h3 {
	font-size: 200%;
	line-height: 135%;
	margin: 30px 0px 10px 0px;
	font-family: var(--specialfont);
	font-weight: var(--medium);
}

.colorblock h3 {
	font-size: 170%;
	line-height: 135%;
	text-transform: initial;
	font-weight: var(--medium);
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	letter-spacing: 0px;
	font-family: var(--standardfont);
}

h4 {
	font-size: 150%;
	line-height: 135%;
	margin: 30px 0px 10px 0px;
	font-weight: var(--light);
}

h5 {
	margin: 0px;
	padding: 0px;
	font-size: 105%;
	line-height: 135%;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: var(--bold);
}

h6 {
		margin: 0px;
		padding: 0px;
		font-size:110%;
		line-height: var(--lineheight);
		font-family: var(--specialfont);
		font-weight: var(--medium);
}


hr {
	background-color: var(--linegrau);
	height: 1px;
	border: 0px;
	margin: 0px 0px;
	box-sizing: border-box;
	
}

.standardblock {
	margin-bottom: var(--abstand-2);
}

.standardblock h6 {
	font-size: 170%;
	line-height: 135%;
	font-family: var(--standardfont);
	color: var(--maincolor);
	font-weight: var(--regular);
	margin-bottom: var(--abstand-4);
	position: relative;
	padding-bottom: 10px;
	letter-spacing: -0.6;
}

.standardblock h6:after {
	content: " ";
	background: var(--actioncolor);
	display: block;
	height: 2px;
	width: 30%;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


.view-team .superblocktitle h6 {
	margin-left: auto;
	margin-right: auto;
}

.view-team .superblocktitle h6:after {
	left:50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
	
}

.text-xl {
		font-size: 130%;
		line-height: var(--lineheight);
	}
	
.text-l {
	font-size: 115%;
	line-height: var(--lineheight);
}
.text-m {
	font-size: 90%;
	line-height: var(--lineheight);
}
.text-xm {
	font-size: 80%;
	line-height: var(--lineheight);
}

.text-s {
		font-size: 70%;
		line-height: 110%;
}
	
.text-xs {
	font-size: 80%;
	line-height: var(--lineheight);
}

b, strong, .bold {
	font-weight: var(--semibold);
}

.terrabrillcontent .einleitung,
.productdetail .einleitung,
.terrabrillbiocontentcontainer .einleitung,
.terricontent .einleitung {
	font-size: 125%;
	line-height: 150%;
	font-weight: var(--regular);
}

.center {
	text-align: center;
}
		

a.views-more-link,
a.views-more-link:visited {
	display: table;
	padding: 8px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
	color: var(--weiss);
	background: var(--maincolor);
	margin-top: var(--abstand-4);
}

a.views-more-link:hover,
a.views-more-link:active {
	background: var(--actioncolor);
}


a.button,
a.button:visited {
	display: table;
	padding: 5px 30px;
	box-sizing: border-box;
	border: solid 1px var(--maincolor);
	text-transform: uppercase;
	font-weight: var(--bold);
	color: var(--maincolor);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

a.button:hover,
a.button:active {
	border: solid 1px var(--actioncolor);
	color: var(--actioncolor);
	background: var(--weiss);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}





.positivonero a.button,
.positivonero a.button:visited {
	border: solid 1px var(--richtigschwarz);
	color: var(--richtigschwarz);
}

.positivonero a.button:hover,
.positivonero a.button:active {
	border: solid 1px var(--richtigschwarz);
	color: var(--richtigschwarz);
	background: var(--weiss);
}



.negativobianco a.button,
.negativobianco a.button:visited {
	border: solid 1px var(--weiss);
	color: var(--weiss);
}

.negativobianco a.button:hover,
.negativobianco a.button:active {
	border: solid 1px var(--weiss);
	color: var(--actioncolor);
	background: var(--weiss);
}





.linkce a {
	margin-left: auto;
	margin-right: auto;
}

.linkdx a {
	margin-left: auto;
	margin-right: 0px;
}






.paragraphbgblockflex a.button,
.paragraphbgblockflex a.button:visited {
	border: solid 1px var(--weiss);
	color: var(--weiss);
}

.paragraphbgblockflex a.button:hover,
.paragraphbgblockflex a.button:active {
	border: solid 1px var(--actioncolor);
	color: var(--actioncolor);
}



body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	color: var(--schwarz);
}

body.navopen {
	overflow: hidden;
}

main {
	padding-bottom: var(--abstand-2);
	box-sizing: border-box;
}

.maxwidth {
	margin-left: var(--abstand-1);
	margin-right: var(--abstand-1);
}



.maxwidthcontent {
	margin-left: auto;
	margin-right: auto;
	max-width: 1050px;
}

.paragraphbgblockflex .maxwidthcontent {
	margin-left: auto;
	margin-right: auto;
	max-width: 1250px;
}

.twocol {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	

}

.twocol > .layout-sidebar-first {
	flex-basis: var(--spaltenbreite);
	width: var(--spaltenbreite);
	padding-right: 3vw;
	box-sizing: border-box;
}


.page-node-type-prodotto .twocol .layout-sidebar-first  {
	border-right: solid 1px var(--linegrau);
	box-sizing: border-box;
}

.twocol > .layout-content {
	flex-basis: calc(100% - var(--spaltenbreite));
	width: calc(100% - var(--spaltenbreite));
}

.page-node-type-prodotto .twocol .layout-content {
	padding-left: 3vw;
	box-sizing: border-box;
	position: relative;
}


.page-node-type-prodotto .twocol .layout-content #block-whtheme-local-tasks.maxwidth {
	margin-left: 0px;
	margin-right: 0px;
}

/*  !HEADER */ 

header {
	height: var(--headerheight);
	margin-left: var(--abstand-1);
	margin-right: var(--abstand-1);
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	z-index: 100;
	line-height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: calc(100% - var(--abstand-1) - var(--abstand-1));
}

.path-frontpage header,
.page-node-type-azienda header {
	height: var(--headerheightfront);
}

.region-highlighted {
	position: relative;
	z-index: 98;
}



.path-frontpage .mainlogo,
.page-node-type-azienda .mainlogo {
	display: none;
}
.frontlogo {
		display: none;
}
.aziendalogo {
		display: none;
}

.path-frontpage .frontlogo,
.page-node-type-azienda .aziendalogo {
		display: block;
		width: 93%;
		top: -15px;
		position: relative;
}

.mainlogo {
		display: block;
}


#block-whtheme-branding{
	width: var(--logowidth);
}



.headerset {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.headerset .region-primary-menu {
		background: var(--maincolor);
		height: 45px;
		border-bottom-left-radius: 50px;

}

.headerset .region-headercontent {
	background: var(--actioncolor);
	height: 45px;
	border-top-right-radius: 50px;
	margin-left: 4px;
	position: relative;
	z-index: 80;
}
.region-secondary-menu {
	z-index: 85;

}

footer {
	position: relative;
}

.socialfooter {
	display: none;
	position: absolute;
	right: var(--abstand-1);
	top: var(--abstand-1);

	height: 40px;
}

.socialfooter .views-row {
	display: flex;
	flex-direction: row;	
}

.socialfooter .views-field {
		min-width: 32px;
		margin-left: 10px;
}


.socialfooter .views-row .views-field a,
.socialfooter .views-row .views-field a:hover {
	display: block;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
} 

.socialfooter .views-row .views-field:nth-child(1) a {
	background-image: url(../images/icon-facebook-negativ-2.svg)
}

.socialfooter .views-row .views-field:nth-child(2) a {
	background-image: url(../images/icon-linkedin-up.svg)
}






.topline {
	padding-right: 40px;
	box-sizing: border-box;
}

.topline .views-row {
	display: flex;
	flex-direction: row;	
}

.topline .views-row .views-field {
	min-width: 32px;
	margin-left: 10px;
}



.topline .views-row .views-field a,
.topline .views-row .views-field a:hover {
	display: block;
	padding: 13px 0px 0px 0px;
	box-sizing: border-box;
	background-size: 32px 43px;
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
} 

.topline .views-row .views-field.views-field-field-telefono {
	margin-left: 20px;
	margin-right: 15px;
	white-space: nowrap;
	font-weight: var(--medium);
	font-size: 115%;
}


.topline .views-row .views-field.views-field-field-telefono a {
	padding-left: 30px;
	box-sizing: border-box;
	background-image: url('../images/icon-phone.svg');
	color: var(--weiss);
}
.topline .views-row .views-field.views-field-field-telefono a:hover {
		background-image: url('../images/icon-phone-up.svg');
		color: var(--maincolor);
}

.topline .views-row .views-field.views-field-view-node a {
		background-image: url('../images/icon-map.svg');
}
.topline .views-row .views-field.views-field-view-node a:hover {
			background-image: url('../images/icon-map-up.svg');
	}

.topline .views-row .views-field.views-field-field-email {
		width: 32px;
		overflow: hidden;
		white-space: nowrap;
}
	
	
.topline .views-row .views-field.views-field-field-email a {
		text-indent: 100px;
		background-image: url('../images/icon-mail.svg');
		font-size: 0px;
}
.topline .views-row .views-field.views-field-field-email a:hover {
		background-image: url('../images/icon-mail-up.svg');
		color: var(--maincolor;)	
}

.topline .views-row .views-field.views-field-field-social a {
		background-image: url('../images/icon-facebook.svg');
}
.topline .views-row .views-field.views-field-field-social a:hover {
		background-image: url('../images/icon-facebook-up.svg');
}



/* TOPMENU */

.region-secondary-menu {
	display: none;

}


.topmenu {
	position: relative;
	margin-left: 40px;
}

.topmenu ul.level1 {
	display: flex;
	flex-direction: row;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.topmenu li {
		position: relative;
}

.topmenu ul.level1 li.mlevel1 {
	margin-right: 20px;
	list-style: none;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}



.topmenu ul.level1 li.mlevel1 > a {
	padding: 15px 0px 0px 0px;
	box-sizing: border-box;
	display: block;
}




.topmenu ul.level1 li.mlevel1 > a,
.topmenu ul.level1 li.mlevel1 > a:visited {
	color: var(--weiss);
	text-transform: uppercase;
	font-weight: var(--medium);
	padding: 13px 10px 0px 0px;
	box-sizing: border-box;
	display: block;
	height: 45px;
	letter-spacing: 1px;
}

.topmenu ul li.mlevel1.menu-item--expanded > a,
.topmenu ul.level1 li.mlevel1.menu-item--expanded > a:visited {
	padding: 13px 14px 0px 0px !important;
}

.topmenu ul.level1 li.mlevel1 a:hover,
.topmenu ul.level1 li.mlevel1 a:active,
.topmenu ul.level1 li.mlevel1 > a.is-active,
.topmenu ul.level1 li.mlevel1.menu-item--active-trail > a {
	color: var(--actioncolor);
}

.topmenu ul.level1 li.menu-item--expanded > a:after {
	content: url("../images/navicon.svg"); 
	position: absolute;
	right: 0px;
	top: 11px;
	width: 12px;
	height: 12px;
}

.topmenu ul.level1 li.menu-item--expanded > a:hover:after {
		content: url("../images/navicon-up.svg"); 
}

.topmenu ul.level2 {
	padding: 0px;
	margin:0px;
	min-width: 230px;
	list-style: none;
		height: 1px;
		overflow: hidden;
		opacity: 0;
		position: absolute;
		left: 0px;
		top: 45px;
		background: var(--bgcolor);
		text-align: left;
		-o-transition: var(--transition);
		-ms-transition: var(--transition);
		-moz-transition: var(--transition);
		-webkit-transition: var(--transition);
		transition: var(--transition);
}


.topmenu ul.level1 li.mlevel1:hover ul.level2 {
	opacity: 1;
	height: auto;
	
	-o-transition: var(--transition);
	-ms-transition: var(--transition);
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
}


.topmenu ul.level2 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	text-transform: uppercase;
}



.topmenu ul.level2 li.mlevel2 a,
.topmenu ul.level2 li.mlevel2 a:visited {
	display: block;
	padding: 15px 20px 15px 50px;
	box-sizing: border-box;
	color: var(--schwarz);
	line-height: 100%;
	font-weight: var(--light);
	font-size: 95%;
	white-space: nowrap;
}


.topmenu li.azienda ul.level2 li.mlevel2 a,
.topmenu li.azienda ul.level2 li.mlevel2.azienda a:visited {
	padding: 15px 20px 15px 20px;
}

.topmenu ul.level2 li:not(:last-child) a {
	border-bottom: solid 1px var(--linegrau);
}
.topmenu ul.level2 li.mlevel2 a:hover,
.topmenu ul.level2 li.mlevel2 a:active {
	font-weight: var(--bold);	
	color: var(--schwarz);
}

.topmenu ul.level2 li.mlevel2 a.is-active {
	font-weight: var(--bold);	
	color: var(--actioncolor);
}

	

.topmenu li a:before {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 23px;
	height: 23px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#dl-menu li a:before {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 23px;
	height: 23px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}




.topmenu li.substrati a:before,
#dl-menu li.substrati a:before {
	content: url("../images/navicon-substrati.svg");
}
.topmenu li.torbe a:before,
#dl-menu li.torbe a:before {
	content: url("../images/navicon-torbe.svg");
}
.topmenu li.lineabiologica a:before,
#dl-menu li.lineabiologica a:before {
	content: url("../images/navicon-biologica.svg");
}
.topmenu li.nutrizione a:before,
#dl-menu li.nutrizione a:before {
	content: url("../images/navicon-nutrizione.svg");
}
.topmenu li.agropot a:before,
#dl-menu li.agropot a:before {
	content: url("../images/navicon-agropot.svg");
}
.topmenu li.fuorisuolo a:before,
#dl-menu li.fuorisuolo a:before {
	content: url("../images/navicon-fuorisuolo.svg");
}
.topmenu li.macchinari a:before,
#dl-menu li.macchinari a:before {
	content: url("../images/navicon-macchinari.svg");
}
.topmenu li.ziotecnica a:before,
#dl-menu li.ziotecnica a:before {
	content: url("../images/navicon-zootecnia.svg");
}
.topmenu li.complementare a:before,
#dl-menu li.complementare a:before {
	content: url("../images/navicon-complementare.svg");
}
.topmenu li.vasi a:before,
#dl-menu li.vasi a:before {
	content: url("../images/navicon-vasi.svg");
}	

.topmenu li.ombreggianti a:before,
#dl-menu li.ombreggianti a:before {
	content: url("../images/navicon-ombreggianti.svg");
}	

/* CONTENT */

.layout-container {
	position: relative;
	padding-top: calc(var(--headerheight) + 60px);
}

.path-frontpage .layout-container,
.page-node-type-azienda .layout-container,
.page-node-type-landingpage-hobby .layout-container {
	position: relative;
	padding-top: 0;
}

.titelblock {
	text-align: center;
	margin-bottom: var(--abstand-2);
}



.titelblock h1 {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.titelblock h1:after {
	content: " ";
	background: var(--actioncolor);
	display: block;
	height: 3px;
	width: 30%;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

/* FOOTER */

footer {
	background: var(--maincolor);
	padding: var(--abstand-2) 0px var(--abstand-2) 0px;
	box-sizing: border-box;
	color: var(--weiss);
}

.page-node-type-landingpage-hobby footer,
.page-node-type-prodotto-hobby footer  {
	background: var(--actioncolor);
	color: var(--maincolor);
	
}
.page-node-type-landingpage-hobby footer h5,
.page-node-type-prodotto-hobby footer h5  {
	color: var(--maincolor);
}




footer .footerflex {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

footer .footerleftset {
	flex-basis: var(--logowidth);
}

footer .footerleftset img {
	width: 100%;
	height: auto;
	margin-top: 7px;
}
footer .footerrightset {
		flex-basis: calc(100% - var(--logowidth) - var(--abstand-1));
}

footer .region-footerright2 a,
footer .region-footerright2 a:visited {
	color: var(--weiss);
}

footer .region-footerright2 a:hover,
footer .region-footerright2 a:active {
	color: var(--actioncolor);
}





.page-node-type-landingpage-hobby footer .region-footerright2 a,
.page-node-type-landingpage-hobby footer .region-footerright2 a:visited,
.page-node-type-prodotto-hobby footer .region-footerright2 a,
.page-node-type-prodotto-hobby footer .region-footerright2 a:visited {
	color: var(--maincolor);
}

.page-node-type-landingpage-hobby footer .region-footerright2 a:hover,
.page-node-type-landingpage-hobby footer .region-footerright2 a:active,
.page-node-type-prodotto-hobby footer .region-footerright2 a:hover,
.page-node-type-prodotto-hobby footer .region-footerright2 a:active {
	color: var(--weiss);
}

.page-node-type-landingpage-hobby footer h3,
.page-node-type-prodotto-hobby footer h3 {
	color: var(--weiss);
}


footer .region-footerright2 {
	border-top: solid 2px var(--actioncolor);
	margin-top: var(--abstand-3);
	padding-top: var(--abstand-4);
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.page-node-type-landingpage-hobby footer .region-footerright2 ,
.page-node-type-prodotto-hobby footer .region-footerright2  {
	border-top: solid 2px var(--weiss);
}

footer .region-footerright2 > div {

}

footer .partnerlogo img {
	margin-right: 50%;
	margin-top: 5px;
}

footer .region-footerright2 h6 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-family: var(--standardfont);
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: var(--bold);
}

.footermenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: var(--actioncolor);
}

.usermenu ul.menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	text-transform: uppercase;
}

.usermenu ul.menu li:not(:last-child):after  {
	content: "·";
	color: var(--actioncolor);
	margin: 0px 3px 0px 0px;

}

.usermenu ul.menu li a,
.usermenu ul.menu li a:visited {
	color: var(--actioncolor);
}

.usermenu ul.menu li a:hover,
.usermenu ul.menu li a:active,
.usermenu ul.menu li a.is-active {
	color: var(--weiss);
}

.page-node-type-landingpage-hobby ul.menu li a,
.page-node-type-landingpage-hobby ul.menu li a:visited ,
.page-node-type-prodotto-hobby ul.menu li a,
.page-node-type-prodotto-hobby ul.menu li a:visited {
	color: var(--maincolor);
}

.page-node-type-landingpage-hobby ul.menu li a:hover,
.page-node-type-landingpage-hobby ul.menu li a:active,
.page-node-type-landingpage-hobby ul.menu li a.is-active,
.page-node-type-prodotto-hobby ul.menu li a:hover,
.page-node-type-prodotto-hobby ul.menu li a:active,
.page-node-type-prodotto-hobby ul.menu li a.is-active {
	color: var(--weiss);
}






.region-regionbottom {
	position: relative;
	margin-top: var(--abstand-1)
}

footer .partitaiva {
	position: absolute;
	right: 0px;
	top: 0px;
	color: var(--actioncolor);
}

footer h5 {
		margin: 22px 0px 20px 0px;
		padding: 0px;
		color: var(--actioncolor);
		font-size: 110%;
}





footer h3 {
		margin: 0px;
		padding: 0px;
		font-weight: var(--regular);
		font-size: 200%;
}

.scrolltop {
	position: fixed;
	right: var(--abstand-2);
	bottom: var(--abstand-3);
	opacity: 0.5;
	z-index: 97;
}
.scrolltop:hover {
	opacity: 1;
	cursor: pointer;
}
.scrolltop img {
	width: 60px;
	height: 70px;
}


/* HOME */

.path-frontpage .node__content .field--name-body {
	
}

.path-frontpage .node__content .field--name-body h5 {
	margin: 0px;
	color: var(--actioncolor);
}

.path-frontpage .node__content .field--name-body h4 {
	margin-top: 5px;
	margin-bottom: 30px;
	font-family: var(--specialfont);
	font-size: 200%;
	line-height: 125%;
	color: var(--maincolor);
}



/* PROFESSIONALI */


.clapper {
	content: "Ricerca avanzata";
	display: block;
	border-top: solid 1px var(--linegrau);
	border-bottom: solid 1px var(--linegrau);
	position: absolute;
	top: 58px;
	left: 0px;

	padding: 5px 0px;
	box-sizing: border-box;
	width: 100%;
	
	background-image: url("../images/arrow-down.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px auto;
	display: none;
}

.clappactive .clapper {
	background-image: url("../images/arrow-up.svg");
}

.clapper:hover {
	cursor: pointer;
}

.page-node-type-prodotto #block-whtheme-content .produktlisteowl:not(:last-child) {
	display: none !important;

}

.headerprofessional {
	
}

.headerprofessional .views-row {
	position: relative;
	height: var(--headerprofheight);
}

.bgimg {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 1;
		
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;

}

.headerslideset {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 50%;
	text-align: center;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}


.headerslideset .views-field-title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;

}

.headerslideset img {
		width: 80px;
		height: auto;
		margin-right: 15px;
}
	
.headerslideset h1 {
	font-family: 150px;
	color: var(--weiss);
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: var(--medium);
	font-family: var(--standardfont);
}


/* FACETS */


.facets-widget-checkbox {
	margin-bottom: 20px;
}

	
	
.facets-widget-checkbox .js-facets-checkbox-links{
	border-top: 0px;
	padding: 10px 0px;
	box-sizing: border-box;

}
	
.facets-widget-checkbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 90%;
	line-height: var(--lineheight);
}
	
.facets-widget-checkbox ul li {
	margin: 2px 0px 2px 2px;
}
	
	
	
.facets-widget-checkbox [type="checkbox"]+label {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	line-height: 25px;
	cursor: pointer;
	-webkit-user-select: none;
}
	
	
	
.facets-widget-checkbox input[type="checkbox"] {
	position: absolute;
	left: -9999px;
	visibility: hidden
}
	
.facets-widget-checkbox input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	line-height: 25px;
	cursor: pointer;
	-webkit-user-select: none
}
	
.facets-widget-checkbox input[type="checkbox"] + label:before, [type="checkbox"] + label:after {
	position: absolute;
	left: 0;
	z-index: 1;
	content: '';
	transition: background-color .25s
}
	
.facets-widget-checkbox input[type="checkbox"] + label:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin-top: 2px
}
	
.facets-widget-checkbox input[type="checkbox"]:not(:checked) + label:before {
	top: 10px;
	left: 6px;
	width: 0;
	height: 0;
	border: 1px solid transparent;
	transform: rotateZ(37deg);
	transform-origin: 100% 100%
}
	
.facets-widget-checkbox input[type="checkbox"]:not(:checked) + label:after {
	top: 4px;
	z-index: 0;
	width: 16px;
	height: 16px;
	border: 1px solid var(--bgcolor);
	background-color: var(--weiss);
	box-shadow: 0px 0px 3px #666666;
	border-radius: 3px;
}
	
.facets-widget-checkbox input[type="checkbox"]:checked + label:before {
	top: 2px;
	left: 0px;
	width: 5px;
	height: 10px;
	border-top: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid transparent;
	transform: rotateZ(37deg);
	transform-origin: 100% 100%
}
	
.facets-widget-checkbox input[type="checkbox"]:checked + label:after {
	top: 4px;
	z-index: 0;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid var(--actioncolor);
	background-color: var(--actioncolor);
	box-shadow: 0px 0px 3px #666666;
}
	
.facets-widget-checkbox input[type="checkbox"]:disabled + label {
	color: var(--schwarz);
	cursor: not-allowed
}
	
.facets-widget-checkbox input[type="checkbox"]:disabled:checked + label:after {
	border: 1px solid var(--maincolor);
	background-color:var(--maincolor)
}

.view-display-id-block_2 .view-header {

}

.view-header .facetsheader {
	border-bottom: solid 1px var(--linegrau);
	font-weight: var(--light);
	background-image: url(../images/arrow-down.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	padding: 5px 0px;
	box-sizing: border-box;
}


.view-header .facetsheader:hover {
	cursor: pointer;
	color: var(--actioncolor);
	background-image: url(../images/navicon-up.svg);
}

.view-header .facetsheader.active {
		background-image: url(../images/arrow-up.svg);
		color: var(--actioncolor);
}

.view-header .facetscontent {
	display: none;
}

.view-header .facets-widget-checkbox {
	margin-bottom: 0px;
}


	
/* SELECT */

.catjump {
	background: var(--bgcolor);
	padding: 0px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.catjump select {
	display: block;
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 12px;
	background-position: calc(100% - 10px) 20px;
	background-repeat: no-repeat;
	background-color: transparent;
}




/* SEARCH */

.searchblock {
	margin-bottom: var(--abstand-4);
	position: relative;
}


.searchblock label {
	display: none;
}

.searchblock input[type=text] {
	padding: 13px 10px 13px 40px;
	box-sizing: border-box;
	background: var(--bgcolor);
	width: 100%;
	border: 0px;
}
.searchblock input[type=submit] {
	width: 20px;
	height: 100%;
	background-color: transparent !important;
	text-indent: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px !important;
	overflow: hidden;
	background-image: url('../images/lupe.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 55% auto;
}

.searchblock input[type=submit]:hover {
	background-image: url('../images/lupe-up.svg');
}


.searchspalte {
	
}

.searchspalte  .views-field-field-sottotitolo{
	line-height: 145%;
}

.searchspalte .views-row {
	position: relative;
	margin-bottom: 25px;
}

.searchspalte .views-row:hover {
	color: var(--actioncolor);
}

.searchspalte .views-row p {
	margin: 0px;
	padding: 0px;
}

.searchspalte .views-field-url {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.searchspalte .view-header .blocktitle {
	margin-top: var(--abstand-3);
	margin-bottom: 20px;
}

.searchspalte .views-field-url img {
	width: 100%;
	height: 100%;
}

.mostratutto {
	text-align: center;
	margin-top: 20px;
}
.mostratutto a,
.mostratutto a:visited {
	color: var(--grau);
	font-weight: var(--regular);
	display: block;
	border: solid 1px var(--linegrau);
	padding: 10px 25px;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.mostratutto a:hover,
.mostratutto a:active {
	color: var(--weiss);
	background-color: var(--actioncolor);
}

.blocktitle {
	border-bottom: solid 1px var(--linegrau);
	font-weight: var(--regular);
	margin-bottom: 15px;
}

.contattoonpage {
	margin-top: var(--abstand-3);
}

.contattoonpage a,
.contattoonpage a:visited {
	color: var(--schwarz);
}

.contattoonpage a:hover,
.contattoonpage a:active {
	color: var(--actioncolor);
}

/* RIPRISTINA */
.ripristina {
	background-image: url(../images/ripristina.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	margin-bottom: var(--abstand-4);
}

.ripristina:hover {
	background-image: url(../images/ripristina_up.svg);
}

.ripristina a,
.ripristina a:visited {
	color: var(--grau);
	padding-left: 20px;
}
.ripristina a:hover,
.ripristina a:active {
	color: var(--actioncolor);
}

.block-views-blockcerca-produkt-container-block-1 {
	position: relative;
}

.view-cerca-produkt-container .view-footer {
	position: absolute;
	left: 0px;
	top: 50px;
}

.view-cerca-produkt-container .view-footer .ripristina {
	margin-bottom: 0px;
}

.view-cerca-produkt-container .searchblock {
	margin-bottom: 70px;
}

/* PRODOTTI */

.produktlistecontainer {
	background: var(--bgcolor);
	padding: var(--abstand-3) 0px 30px 30px;
}
.produktliste .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.produktliste h2 {
	color: var(--maincolor);
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 125%;
}

.produktliste .views-row {
	align-self: stretch;
	padding: 15px;
	box-sizing: border-box;
	background: var(--weiss);
	flex-basis: calc((100% / 4) - 30px);
	margin-right: 30px;
	margin-bottom: 20px;
	position: relative;
	
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.produktliste .views-row:hover {
	/*
	transform: scale(1.04);
	transition: all 0.3s ease-in-out;
	*/
	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.produktliste .view-inc-cat-on-product-list,
.produktliste .view-id-cat_on_owl {
	font-weight: var(--medium);
	font-size: 110%;
}

.produktliste .views-field-field-logo-marchio {
	float: right;
	line-height: 0px;
}

.produktliste .views-field-field-logo-marchio img {
	width: auto;
	height: 40px;
}

.produktliste .view-inc-cat-on-product-list,
.produktliste .views-field-title {
	padding-right: 0px;
	box-sizing: border-box;
}

.produktliste .view-inc-cat-on-product-list .view-content div:not(:last-child) .field-content:after,
.produktliste .view-id-cat_on_owl .view-content div:not(:last-child) .field-content:after {
	content: ",";
	margin-right: 4px;
	position: relative;
	left: -3px;

}

.produktliste .views-field-title {
	position: relative;
	clear: both;
}

.prodlistset2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
}

.prodlistset2 .views-field-field-sottotitolo {
	flex-basis: calc(50% - 10px);
	line-height: 135%;
	font-size: 95%;
	color: var(--schwarzhell);
	padding-bottom: 20px;
	box-sizing: border-box;
}



.prodlistset2 .views-field-field-immagine-prodotto {
	flex-basis: calc(50% - 20px);
	line-height: 0px;
}
.prodlistset2 .views-field-field-immagine-prodotto img {
	max-width: 100%;
	height: auto;
}

.produktliste .view-inc-scheda-produktliste {
	position: absolute;
	left: 20px;
	bottom: 10px;
	text-transform: uppercase;
	font-weight: var(--regular);
	white-space: nowrap;
}

.produktliste .view-inc-scheda-produktliste img {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.produktliste .view-inc-scheda-produktliste a,
.produktliste .view-inc-scheda-produktliste a:visited {
	color: var(--maincolor);
}

.produktliste .view-inc-scheda-produktliste a:hover,
.produktliste .view-inc-scheda-produktliste a:active {
	color: var(--actioncolor);
}


.produktliste .views-field-url,
.produktliste .views-field-url a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 60;
}



.produktliste .views-field-url img {
	width: 100%;
	height: 100%;
}
.produktliste .views-field-search-api-operations {
	position: relative;
	z-index: 65;
}
.produktliste  .view-inc-scheda-produktliste {
	z-index: 67;
}

.weighttable {
	border: solid 1px var(--weiss);
	margin-right: 30px;
	padding: 30px;
	box-sizing: border-box;
	background: var(--weiss);
}

.weighttable .views-form {

}

.weighttable .tabledrag-toggle-weight-wrapper {
	display: none;
}

.weighttable table {
	width: 100%;
}

.weighttable table tr {
	border-bottom: solid 1px var(--bgcolor);
}

.weighttable table td {
	padding: 5px 0px;
	box-sizing: border-box;
}



.weighttablehobby {
	border: solid 1px var(--weiss);
	margin-right: 30px;
	padding: 30px;
	box-sizing: border-box;
	background: var(--bgcolor);
	margin-bottom: 50px;
}

.weighttablehobby .views-form {

}

.weighttablehobby .tabledrag-toggle-weight-wrapper {
	display: none;
}

.weighttablehobby table {
	width: 100%;
	background: var(--weiss);
}

.weighttablehobby table tr {
	border-bottom: solid 1px var(--bgcolor);
}

.weighttablehobby table td {
	padding: 10px 10px;
	box-sizing: border-box;
}



.breadcrumb {
	color: var(--schwarz);
}
.breadcrumb .views-row {
		display: flex;
		flex-direction: row;
}

.breadcrumb .views-row .views-field a:after {
	content: ">";
	margin: 0px 5px;
}

.breadcrumb .views-row .views-field-field-categoria a:not(:last-child):after {
	content: "/";
	margin: 0px 5px;
}


.breadcrumb a,
.breadcrumb a:visited {
	color: var(--grau);
} 
.breadcrumb a:hover,
.breadcrumb a:active {
	color: var(--actioncolor);
}

.produktbreacrumb {
	position: absolute;
	left: 3vw;
	top: 0px;
}

.detailcontainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}



.containerleft {
	flex-basis: 100%;
}

.containerright {
	flex-basis: 60%;
	margin-left: 5%;
}

.detailcontainer h1.produkt-titel {
	color: var(--actioncolor);
	margin: 30px 0px 0px 0px;
	padding: 0px;
}


.detailcontainer h4.produkt-untertitel {
		color: var(--actioncolor);
		margin: 10px 0px var(--abstand-3) 0px;
		padding: 0px;
		font-weight: var(--regular);
		color: var(--maincolor);
	}

.field--name-field-immagine-prodotto img {
	max-width: 100%;
	height: auto;
}

.page-node-type-prodotto .field--name-field-marchio {
	text-align: right;
}

table.tablefield {
	margin-top: var(--abstand-3);
	border-bottom: solid 1px var(--linegrau);
	width: 100%;
}

table.tablefield th {
	color: var(--actioncolor);
	font-weight: var(--medium);
	text-align: left;
	padding-bottom: 10px;
	box-sizing: border-box;
	font-size: 120%;
}

table.tablefield td {
	border-top: solid 1px var(--linegrau);
	padding: 5px 0px;
	box-sizing: border-box;
	text-align: center;
}

table.tablefield td.col_0 {
	text-align: left;
}
.view-produkte-kategorieanzeige {
	
}

.view-produkte-kategorieanzeige .views-field-title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	color: var(--maincolor);
	margin-left: -48px;
}

.page-node-type-prodotto .view-produkte-kategorieanzeige .views-field-title  {
	margin-left: 0px !important;
}

.view-produkte-kategorieanzeige img {
	width: 40px;
	margin-right: 10px;
	height: auto;
}


.view-scheda-tecnica-on-detail .view-content > div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: var(--abstand-4);
}

.view-scheda-tecnica-on-detail .view-content > div > div {
	align-self: center;
}

.schedatecnica {
	display: table;
	background: var(--bgcolor);
	padding: 3px 10px;
	box-sizing: border-box;
	text-transform: uppercase;
	margin-right: 20px;
}

.schedatecnica img {
	width: 20px;
	height: auto;
	margin-right: 10px;
}

.schedatecnica a,
.schedatecnica a:visited {
	color: var(--maincolor);
	font-weight: var(--regular);
}

.schedatecnica a:hover,
.schedatecnica a:active {
	color: var(--actioncolor);
}





.schedadisicurezza a,
.schedadisicurezza a:visited {
	color: var(--grau);
	font-weight: var(--regular);
}

.schedadisicurezza a:hover,
.schedadisicurezza a:active {
	color: var(--actioncolor);
}


.terrabrillbioliste .schedadisicurezza a,
.terrabrillbioliste .schedadisicurezza a:visited {
	color: var(--weiss);

}

.terrabrillbioliste .schedadisicurezza a:hover,
.terrabrillbioliste .schedadisicurezza a:active {
	color: var(--actioncolor);
}

.dlsize {
	color: var(--grau) !important;
	margin-left: 10px;
	font-size: 90%;
}


/* OWL */
.superblocktitle {
	margin-top: var(--abstand-3);
	font-size: 110%;
}
.superblocktitle h6 {
		font-size: 170%;
		color: var(--maincolor);
		font-family: var(--standardfont);
		font-weight: var(--regular);
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 5px 0px;
		position: relative;
		display: table;
	}
	
	.superblocktitle h6:after {
		content: " ";
		display: block;
		height: 3px;
		width: 50%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		background: var(--actioncolor);
		
	}

.superblocktitle.center h6 {
		margin-left: auto;
		margin-right: auto;
		text-transform: uppercase;
	}
	
	.superblocktitle.center h6:after {
		left: 50%;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
.owlblockdetail {

	box-sizing: border-box;
	margin-bottom: var(--abstand-3);
}


.owlblockdetail.superblocktitle > .produktlisteowl {

}


.owlblockdetail.superblocktitle > .produktlisteowl:nth-child(3),
.owlblockdetail.superblocktitle > .produktlisteowl:nth-child(4),
.owlblockdetail.superblocktitle > .produktlisteowl:nth-child(5) {
	display: none !important;	
}


.produktlisteowl .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
}

.owl-wrapper {
	margin-left: 1px;
}

.owlblockdetail .owl-item {
	padding-right: 30px;
	box-sizing: border-box;
}

.owl-item .views-row {
	background: var(--bgcolor);
	margin-bottom: 0px;
	margin-right: 0px;
}

.owl-theme .owl-controls .owl-buttons div {
	background: transparent;
	width: 120px;
	height: 120px;
	border-radius: 0px;
	position: absolute;
	top: 50%;
	padding: 0px !important;
	margin: 0px;
	opacity: 1;
	/*
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	*/
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}



.standardblock .owl-theme .owl-controls .owl-buttons div {
	width: 100px;
	height: 100px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
	opacity: 1;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0px;
	
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.owl-theme .owl-controls .owl-buttons .owl-next {
		right: 30px;
		
		-webkit-transform: translateY(-50%) translateX(50%);
		-moz-transform: translateY(-50%) translateX(50%);
		transform: translateY(-50%) translateX(50%)
}


.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	-webkit-transform: translateY(-50%) translateX(-50%)	scale(1.06);
	-moz-transform: translateY(-50%) translateX(-50%)	scale(1.06);
	transform: translateY(-50%) translateX(-50%)	scale(1.06);
}

.owl-theme .owl-controls .owl-buttons .owl-next:hover {
	-webkit-transform: translateY(-50%) translateX(50%)	scale(1.06) !important;
	-moz-transform: translateY(-50%) translateX(50%)	scale(1.06) !important;
	transform: translateY(-50%) translateX(50%)	scale(1.06) !important;
}






.catuebersicht {
	
}

.catuebersicht .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-wrap: ;
}

.catuebersicht .views-row {
	flex-basis: calc(25% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	z-index: 95;
	box-shadow: 0px 0px 15px var(--linegrau);
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	height: 440px;
	overflow: hidden;

}

.catuebersicht  .views-row  .views-field-field-immagine-slide-1 {
	height: 270px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.catuebersicht  .views-row  .views-field-body {
	height: 180px;
	opacity: 0;
	line-height: 120%;
	transition: all 0.3s ease-in-out;
}

.catuebersicht  .views-row:hover  .views-field-field-immagine-slide-1 {
	height: 190px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.catuebersicht  .views-row:hover  .views-field-body {
	height: 280px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	
}

.catuebersicht  .views-row:hover  .views-field-body {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}



/*
.catuebersicht .views-row:hover {
	transform: scale(1.08);
	transition: all 0.3s ease-in-out;
	z-index: 98;
}

*/

.catuebersicht .views-field-field-immagine-slide-1 img {
	width: 100%;
	height: auto;
}

.catuebersicht .catset {
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	text-align: center;
}

.catuebersicht .catttitle  {
	white-space: nowrap;
}

.catuebersicht .catset img {
	width: 45px;
	height: auto;
	margin-top: 10px;
}

.catuebersicht .catset h3 {
	margin: 0px;
	padding: 0px;
}

.catuebersicht .catset p {
		margin: 0px;
		padding: 0px;
}
.catuebersicht .views-field-field-colore {
	display: none !important;
}

.catuebersicht .views-field-field-sottotitolo {
	text-transform: uppercase;
	font-weight: var(--regular);
}






.catuebersicht .views-field-fieldset {
	height: 300px;
}

.catuebersicht .views-field-view-node {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 80;
}

.catuebersicht .bgimg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.catuebersicht .views-field-view-node img {
	width: 100%;
	height: 100%;
}


.productowl {
	
}


.owlwidth {
	margin-left: var(--abstand-3);
	margin-right: var(--abstand-3);
}

.productowl .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: calc(var(--abstand-3) - var(--abstand-3) - var(--abstand-3));
}

.productowl .owl-theme .owl-controls .owl-buttons .owl-next {
		right: calc((var(--abstand-3) - var(--abstand-3) - var(--abstand-3)) + 30px);
}

.owlblockdetail .owl-theme .owl-controls .owl-buttons .owl-next {
		right: calc((var(--abstand-3) - var(--abstand-3) - var(--abstand-3)) + 45px);
}

.productowl  .owl-carousel .owl-wrapper-outer {
	border-right: solid 10px var(--bgcolor);
	box-sizing: border-box;
}

.owl .owl-carousel .owl-item {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.produktlisteowl .owl-wrapper-outer {
	width: calc(100vw - var(--abstand-1) - var(--abstand-1) - var(--spaltenbreite));
}

.produktlisteowl .owl-item {
	display: flex;
	align-items: flex-start !important;
}
 
 
 
 

/* FOCUS */

.focusliste .views-row {
	padding: var(--abstand-2) 0px;
	box-sizing: border-box;
}

.views-field-field-immaginenews img {
	max-width: 100%;
	height: auto;
}

.focusliste .view-content .views-row:nth-child(odd) {
	background: var(--bgcolor);
}

.focusliste .focusflex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.focusliste .focusflex > div {
	align-self: center;
	flex-basis: 50%;
}

.focusliste .focusset {
	padding-right: var(--abstand-2);
	box-sizing: border-box;
}

.node--type-focus-news .field--name-field-immaginenews {
	float: right;
	width: 30%;
	margin-left: 2vw;
	margin-bottom: 2vw;
}

.node--type-focus-news .field--name-field-immaginenews img {
	max-width: 100%;
	height: auto;

}

.page-node-type-focus-news .region-content {
	margin-bottom: var(--abstand-2);
}

.focusowl .owl-item {
		padding-right: 3px;
		box-sizing: border-box;
}

.focusowl .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
}

.focusowl .owl-item .titelfeld {
	height: 100px;
}

.focusowl .owl-item .titelfeld  a,
.focusowl .owl-item .titelfeld  a:visited {
	color: var(--actioncolor);
}

.focusowl .owl-item .titelfeld  a:hover,
.focusowl .owl-item .titelfeld  a:active {
	color: var(--maincolor);
}

.focusowl .owl-theme .owl-controls .owl-buttons div {
		top: calc(50% - 50px);
}

.focusowl .owl-carousel .owl-wrapper-outer {
	
}

/* CONTACT */

.contactcontent {
	margin-top: var(--abstand-1);
	margin-bottom: var(--abstand-2);
}

.contactcontent p {
	margin: 0px;
	padding: 0px;
}


.contactcontent .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	font-weight: var(--regular);
	color: var(--maincolor);
}

.contactcontent .views-row img {
	width: 60px;
	height: auto;
}

.contactcontent .views-row a,
.contactcontent .views-row a:visited {
	color: var(--maincolor);
}

.contactcontent .views-row a:hover,
.contactcontent .views-row a:active {
	color: var(--actioncolor);
}

.teamblock {
	background: var(--bgcolor);
	padding: 0px 0px 0 0px;
	box-sizing: border-box;
	margin-top: var(--abstand-3);
}





.teamblock .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.teamblock .views-row {
	flex-basis: calc(50% - 20px);
	margin-bottom: var(--abstand-4);
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.teamblock .views-row > div {
	align-self: center;
	flex-basis: calc(50% - 10px);
}
.views-field-field-portrait {
	padding: 30px 10px 30px 30px;
	box-sizing: border-box;
}

.views-field-field-portrait img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
}

.views-field-field-portrait .field-content {

}
.teamblock {
	color: var(--grau);
}
.teamblock a,
.teamblock a:visited {
		color: var(--grau);
}
.teamblock a:hover,
.teamblock a:active {
		color: var(--actioncolor);
}

.teamblock .views-label {
	font-weight: var(--bold);
	color: var(--actioncolor);
	margin-right: 5px;
}

.teamblock .views-field-field-nome {
	font-weight: var(--regular);
	color: var(--maincolor);
}

.teamblock .views-field-field-posizione:after {
	content: " ";
	display: block;
	width: 60px;
	height: 2px;
	background: var(--linegrau);
	margin: 10px 0px;
}

.gmap {

		padding: var(--abstand-2) 0px;
		box-sizing: border-box;
}

.gmap iframe {
	border: 0px;
	width: 100%;
	height: 50vh;
}


/* PARTNER */

.partnerblock {
	background: var(--bgcolor);
	padding: var(--abstand-3) 0px;
	box-sizing: border-box;

	
}

.partnerblock .view-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.partnerblock .views-row {
	flex-basis: 16%;
	margin: 30px 2%;
	align-self: center;
	text-align: center;
	box-sizing: border-box;
}

.partnerblock .views-row img {
	max-width: 100%;
	height: auto;
}


/* FRONTPAGE */

.path-frontpage .region-content,
.page-node-type-azienda .region-content {
	background: var(--bgcolor);
	padding-top: var(--abstand-2);
}
.homebody {
	padding: var(--abstand-2) 0px;
	box-sizing: border-box;
}


/* Hobby Menu*/

.hobbyclick {
	
}

.hobbyclick > ul.level2 {
	display: none !important;
}

.topmenu ul.level1 li.hobbyclick.menu-item--expanded > a:after {

}


.region-hobby {
	position: fixed;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 101;
	background: var(--weiss);
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}


.page-node-334 .region-hobby {
	left: 0% !important;
}

.page-node-334 .menuclose {
	display: none !important;
}
.region-hobby .hobbymenusetleft {
	flex-basis: 43%;
	align-self: stretch;
	position: relative;
	padding: calc(50px + 2vw) 3vw 3vw 3vw;
	box-sizing: border-box;
	overflow: auto;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}
.region-hobby .hobbymenusetright {
	flex-basis: 57%;
	align-self: stretch;
	position: relative;
}


.region-hobby .bgimg {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 1;
		
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;

}

.region-hobby .hobbymenusetright .views-row {
	background: var(--weiss);
}

.region-hobby .hobbymenusetright  .bgimg.hobbyhoverimage {
	z-index: 10;
	display: none;
}

.hobbymenusetright .hoverid73 .bgimg {

}

.hobbymenusetleft .view-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.hobbymenusetleft  .views-row {
	align-self: stretch;
	flex-basis: 50%;
	text-align: center;
	box-sizing: border-box;
	height: calc((100vh - 6vw - 50px) /3);
	line-height: 100%;
	position: relative;
	min-height: 15vw;
	padding: 0px 20px;
	box-sizing: border-box;
}
.hobbymenusetleft  .views-row .views-field-view-node {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	line-height: 0px;
}

.hobbymenusetleft  .views-row .views-field-view-node img {
	width: 100% !important; 
	height: 100% !important;

}



.hobbymenusetleft .views-row img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


.hobbymenusetleft  .views-row  {
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.hobbymenusetleft  .views-row:hover  {
	transform: scale(1.03);
	transition: all 0.3s ease-in-out;
}




.hobbymenusetleft .views-row .views-field-field-logo-menu,
.hobbymenusetleft .views-row .views-field-description__value {
	position: relative;
	top: -20px;
}

.hobbymenusetleft .views-row .views-field-description__value .text-m {
	line-height: 145% !important;
	color: var(--grau);
	font-size: 95%;
}


.hobbymenusetleft .views-field-field-hobby-menu-titel-image {
	position: absolute;
	z-index: 80;
	width: 100%;
	left: 0px;
	top: 3vw;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hobbymenusetleft .menuclose {
	position: absolute;
	right: 3vw;
	top: 3vw;
	width: 30px;
	height: 30px;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	z-index: 99;
	
		
	-webkit-transform: translateY(-50%) translateX(50%);
	-moz-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.hobbymenusetleft .menuclose:hover {
	cursor: pointer;
	background-image: url(../images/closeup.svg);
}


.hobbymenuset .views-row .views-field-field-immagine-menu {

}

.views-field-field-hobby-menu-titel-image {
	text-align: center;
}

.views-field-field-hobby-menu-titel-image img {
	max-width: 50%;
}


/* SLIDERHOME */

.sliderhome {
	position: relative;
	z-index: 98;
}

.scontainer,
.aziendaheader {
	height: var(--sliderheight);

	padding-top: calc(var(--headerheight) + 60px);
	box-sizing: border-box;
	
	background-repeat: no-repeat;
	


}

.scontainer .sliderflex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: stretch;
	height: calc(var(--sliderheight) - var(--headerheight) - var(--headerheight) - 60px);
	position: relative;
}



.scontainer .sliderflex .sliderleftblock {
	flex-basis: 100%;
	padding-left: var(--abstand-2);
	padding-right: var(--abstand-2);
	box-sizing: border-box;
	align-self: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;

}

.scontainer .sliderflex .sliderleftblock.mitbild {
	padding-right: 0px !important;
	flex-basis: 50%;

}

.scontainer .sliderflex .sliderleftblock .text,
.scontainer .sliderflex .sliderleftblock h1,
.scontainer .sliderflex .sliderleftblock h2,
.scontainer .sliderflex .sliderleftblock h3,
.scontainer .sliderflex .sliderleftblock h4,
.scontainer .sliderflex .sliderleftblock h6 {
	font-family: var(--sliderfont);
	font-weight: var(--bold);
	margin: 0px;
	padding: 0px;
}

.scontainer .sliderflex .sliderleftblock .text.ombrato {
	text-shadow: 3px 3px 10px rgba(0,0,10,0.4)

}

.scontainer .sliderflex .sliderleftblock h3 {
	font-size: 160%;
	line-height: 135%;
	margin-top: 10px;
	font-weight: var(--bold);
	text-transform: uppercase;
}

.scontainer .sliderflex .sliderleftblock .link {
	margin-top: 30px
}

.scontainer .sliderflex .sliderleftblock > div {
	flex-basis: 100%;
	align-self: center;
}

.scontainer .sliderflex .sliderrightblock {
	flex-basis: 50%;
	width: 50%;
	padding-left: 0;
	box-sizing: border-box;
	align-self: stretch;

	text-align: center;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}


.scontainer .sliderrightblock img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	vertical-align: center;
	
	/*
	-webkit-filter: drop-shadow(3px 3px 10px rgba(75,30,00, 0.3)); 
	filter: drop-shadow(3px 3px 10px rgba(75,30,00, 0.3));
	*/
}

/* Colorblock */

.colorblock {
	height: var(--sliderheight);
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.colorboxsupercontainer {
	margin-top: var(--abstand-2);
}


.colorblock > div {
	align-items: center;
}

.colorboxsupercontainer .paragraph {
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
}

.colorboxsupercontainer .paragraph .colorblockbgimg {
	position: absolute;

	top: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 37%;
	z-index: 60;
	display: flex;
	flex-direction: row;

	align-items: center;

}

.colorboxsupercontainer .paragraph .widthbg {
	width: 200px;
	height: 200px;
	filter: grayscale(1);
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: right center;
	
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	transform: translateX(20%);
	
	opacity: 0.1;
}

.colorboxsupercontainer .paragraph:nth-child(odd) .colorblockbgimg {
	left: 0px;
	justify-content: flex-end;
}

.colorboxsupercontainer .paragraph:nth-child(even) .colorblockbgimg {
	right: 0px;
	justify-content: flex-start;
}

.colorblock .colorblockbgimg img {
	max-width: auto;
	height: calc(var(--sliderheight) - 25vh);
	max-height: 100%;
	width: auto;
}


.colorboxsupercontainer .paragraph .field--name-field-immagine-prodotto {
	align-self: center;
	position: relative;
	

}

.colorboxsupercontainer .paragraph:nth-child(odd) .field--name-field-immagine-prodotto  {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	transform: translateX(25%);
}

.colorboxsupercontainer .paragraph:nth-child(even) .field--name-field-immagine-prodotto  {
	-webkit-transform: translateX(-25%);
	-moz-transform: translateX(-25%);
	transform: translateX(-25%);
}

.colorboxsupercontainer .paragraph .contentblock {
	position: relative;
	z-index: 70;
	box-sizing: border-box;
	
}

.colorboxsupercontainer .paragraph:nth-child(odd) .contentblock  {
	padding-left: 50vw;
	padding-right: var(--abstand-1);
}

.colorboxsupercontainer .paragraph:nth-child(even) .contentblock  {
	padding-left: calc(var(--abstand-1) *2);
	padding-right: 55vw;
}



.colorblock .categorie {
	position: relative;
	left: 0px;
}


.colorblock h2 + p,
.colorblock h3 + p,
.colorblock h4 + p {
	margin-top: 20px;
}

.colorblock .link {
	margin-top: calc(var(--abstand-4) - 10px);
}


.anonymous .paragraph--unpublished  {
	display: none !important;
}

.paragraph--unpublished {
	border: solid 5px red;
}

.paragraphbgblock {
	height: var(--sliderheight);
	position: relative;


}

.paragraphbgblock .bgcontainer {
	position: absolute;
	background-size: 2;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

}

.paragraphbgblockflex {
	position: relative;
	z-index: 60;
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: var(--sliderheight);
	padding: var(--abstand-2) 0px;
	box-sizing: border-box;
}


.paragraphbgblockflex > div {
	flex-basis: 45%;
	align-self: center;
}

.paragraphbgblockflex .bild {
	padding-left: var(--abstand-1);
	box-sizing: border-box;
}

.paragraph--type--blocco-sfondo-testo-immagine .paragraphbgblockflex .bild {
	padding-left: 0px !important;
	box-sizing: border-box;
}


.paragraph--type--blocco-sfondo-testo-immagine .paragraphbgblockflex .text {
	padding-right: 0px;
}


.paragraphbgblock .field--name-field-immagine-para {
	max-width: 100%;
	height: auto;
}

.paragraphbgblockflex .text {
	color: var(--weiss);
	text-align: center;
	padding-right: var(--abstand-1);
	box-sizing: border-box;
}

.paragraphbgblockflex .text h3 {
	font-family: var(--standardfont);
	font-weight: var(--regular);
	line-height: 110%;
	margin-bottom: var(--abstand-2);
	position: relative;
	font-size: 220%
}

.paragraphbgblockflex .text h3:before {
	content: " ";
	width: 40%;
	height: 2px;
	background-color: var(--actioncolor);
	display: block;
	position: absolute;
	left: 50%;
	top: -15px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.paragraphbgblockflex .text h3:after {
	content: " ";
	width: 40%;
	height: 2px;
	background-color: var(--actioncolor);
	display: block;
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.paragraphbgblockflex .field--name-field-link-colorblock a {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--abstand-4);
}



.bloccotestoimmagine {
	padding: var(--abstand-2) 0px;
	box-sizing: border-box;
	background: var(--weiss);
}

.bloccotestoimmagineflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.bloccotestoimmagineflex .text {
	flex-basis: 40%;
	align-self: center;
	padding-left: var(--abstand-1);
	box-sizing: border-box;
}

.bloccotestoimmagineflex .bild {
	flex-basis: 55%;
	align-self: center;
}

.bloccotestoimmagine .bild img {
	max-width: 100%;
	height: auto;
}

.bloccotestoimmagineflex .text h5 {
	color: var(--actioncolor);
	margin: 0px;
	padding: 0px;
	font-size: 120%;
	letter-spacing: 2px
}

.bloccotestoimmagineflex .text h4 {
	position: relative;
	color: var(--maincolor);
	padding: 0px;
	margin: 10px 0px var(--abstand-3) 0px;
	font-weight: var(--regular);
}

.bloccotestoimmagineflex .text h4:after {
	content: " ";
	width: 20%;
	height: 2px;
	background-color: var(--actioncolor);
	display: block;
	position: absolute;
	left: 0%;
	bottom: -20px;

}


/* TerraBrill */


.terrabrillheader {
	height: 37vh;
	position: relative;
	min-height: 250px;
}



.terrabrilllogoheader {
	position: absolute;
	z-index: 20;
	left: 0px;
	width: calc(var(--abstand-1) + 370px);
	height: 170px;
	background-image: url(../images/hobby_header_terrabrill.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right bottom;
}

.page-node-type-prodotto-hobby .terrabrilllogoheader {
	height: 120px;
	width: calc(var(--abstand-1) + 240px);
}

.terrabrilllogoheader.magic {
	background-image: url(../images/hobby_header_terrabrillmagic.svg);
}

.terrabrilllogoheader  img {
	width: auto;
	height: 100%;
}

.terrabrillheader .terrabrilllogoheader {
	bottom: 0px;
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	transform: translateY(30%);
}

.view-header .terrabrilllogoheader {
	top: 0px;

}

.terrabrillheader .bgimg {
	background-position: center bottom;
	height: 100%;
}

.terrabrillcontent {
	margin-top: var(--abstand-1);
}

.terrabrillcontent h1 {
	color: var(--maincolor);

}


.terrabrillcontent strong {
	color: var(--maincolor);
	font-weight: var(--regular);
}

.terrabrillproductlist {
	
}

.terrabrillproductlist .views-field-field-sottotitolo {
	line-height: 155% !important;
	font-size: 90%;
}

.terrabrillproductlist .view-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: var(--abstand-1);
	margin-left: var(--abstand-2);
}

.owl .view-content {
	margin-left: 0 !important;
	margin-left: 0 !important;
}

.terrabrillproductlist .view-content .views-row {
	flex-basis: calc(33.333333% - 5vw);
	margin-right: 3vw;
	margin-bottom: calc(var(--abstand-3) *1.5);
	position: relative;
}

.terrabrillproductlist  .rowcontent {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.terrabrillproductlist .views-field-url-1,
.terrabrillproductlist .views-field-view-node-1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 80;
}

.terrabrillproductlist .views-field-url-1 img,
.terrabrillproductlist .views-field-view-node-1 img {
	width: 100%;
	height: 100%;
}


.terrabrillproductlist .views-row:nth-child(3n+3) {
	margin-right: 0px;
}

.terrabrillproductlist .views-field-field-immagine-prodotto img {
	width: 100%;
	height: auto;
}

.terrabrillproductlist .terrabrilllistset1 {
	flex-basis: 45%;
	display: flex;
	position: relative;
}



.terrabrillproductlist .terrabrilllistset2 {
	flex-basis: 55%;
	padding: 0px 0px 0px 20px;
	box-sizing: border-box;
}

.terrabrillproductlist .terrabrilllistset2 .views-field-field-sopratitolo-1 {
	position: relative;
	top: 5px;
}

.views-field-search-api-operations {
	position: relative;
	z-index: 99;
}

.terrabrillproductlist .terrabrilllistset1 .views-field-nothing {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 98;
}

.terrabrillproductlist .terrabrilllistset1 .views-field-nothing  img {
	width: 40px;
	height: auto;
	
	-webkit-transform: translateY(-20%) translateX(30%);
	-moz-transform: translateY(-20%) translateX(30%);
	transform: translateY(-20%) translateX(30%);
}


.terrabrillproductlist h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	color: var(--maincolor);
	position: relative;
	line-height: 110%;
}

.terrabrillproductlist h3:after {
	content: " ";
	background: var(--actioncolor);
	display: block;
	height: 2px;
	width: 25%;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.terrabrillproductlist .views-field-url,
.terrabrillproductlist .views-field-view-node,
.territhumbnail .views-field-view-node {
	text-transform: uppercase;
	color: var(--grau);
	position: relative;
}

.terrabrillproductlist .views-field-url,
.terrabrillproductlist .views-field-view-node {
	margin-top: 10px;
}

.terrabrillproductlist .views-field-url a,
.terrabrillproductlist .views-field-url a:visited,
.terrabrillproductlist .views-field-url a:hover,
.terrabrillproductlist .views-field-url a:active,

.terrabrillproductlist .views-field-view-node a,
.terrabrillproductlist .views-field-view-node a:visited,
.terrabrillproductlist .views-field-view-node a:hover,
.terrabrillproductlist .views-field-view-node a:active,

.territhumbnail .views-field-view-node a,
.territhumbnail .views-field-view-node a:visited,
.territhumbnail .views-field-view-node a:hover,
.territhumbnail .views-field-view-node a:active {
	display: table;
	position: relative;
	color: var(--grau);
}

.terrabrillproductlist .views-field-url .plus,
.territhumbnail .views-field-view-node .plus,
.terrabrillproductlist .views-field-view-node .plus {
	font-weight: var(--bold);
	color: var(--actioncolor);
	font-size: 150%;
	line-height: 100%;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	position: relative;
	float: left;
	margin-right: 5px;
}

.terrabrillproductlist .rowcontent:hover .views-field-url .plus,
.terrabrillproductlist .rowcontent:hover .views-field-view-node .plus,
.territhumbnail .views-row:hover .views-field-view-node .plus {
	transition: all 0.3s ease-in-out;
	transform: scale(1.3);
	margin-right: 10px;
}




.terrabrillproductlist .rowcontent .views-field-url .plus:hover,
.terrabrillproductlist .rowcontent .views-field-view-node .plus:hover {
	position: relative;
	transform: scale(1.06);
	transition: all 0.3s ease-in-out;
}



.terrabrillproductlist .views-exposed-form {
	margin-bottom: var(--abstand-2);
	position: relative;
	display: table;
}


.terrabrillproductlist .views-exposed-form label {
	display: none;
}

.terrabrillproductlist .views-exposed-form input[type=text] {
	padding: 13px 10px 13px 40px;
	box-sizing: border-box;
	background: var(--bgcolor);
	width: 100%;
	border: 0px;
}
.terrabrillproductlist .views-exposed-form input[type=submit] {
	width: 20px;
	height: 100%;
	background-color: transparent !important;
	text-indent: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px !important;
	overflow: hidden;
	background-image: url('../images/lupe.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 55% auto;
}

.terrabrillproductlist .views-exposed-form input[type=submit]:hover {
	background-image: url('../images/lupe-up.svg');
}


.owl.terrabrillproductlist {
	
}

.owl .owl-item {
	border-right: solid 2px var(--weiss);
	box-sizing: border-box;
	background: var(--bgcolor);
	padding: 30px 40px;
}


.owl .owl-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
}


.productdetail {
	position: relative;
}


.guardaanche.owl .owl-item  {
	padding: 20px 20px 40px 20px;
}

.guardaanche.owl .owl-item .views-field-view-node {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:65;
}

.guardaanche.owl .owl-item .views-field-view-node img {
	width: 100%;
	height: 100%;
}

.guardaanche.owl .view-id-cat_on_owl {
	line-height: 120%;
	margin-bottom: 20px;

}

/*
img.image-style-logo-marchio-on-detail {
	width: auto;
	height: 100px;
}
*/

.page-node-type-prodotto .field--name-field-marchio img {
	width: auto;
	height: 100px;
}

.productdetailset1 {
	padding-top: var(--abstand-1);
	padding-right: var(--abstand-3);
	box-sizing: border-box;
}

.productdetailset2 {
	padding-left: var(--abstand-4);
	box-sizing: border-box;
}

.productdetail > .view-content{
	margin-bottom: var(--abstand-2);
}

.productdetail .views-row {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: stretch;
}

.productdetail .views-row > .detailset,
.productdetail .view-footer > div {
	flex-basis: calc(50% - 1px);
	position: relative;
	z-index: 80;
}



.productdetailset2 .views-field-field-immagine-prodotto img {
	width: calc(100% - var(--abstand-1) - var(--abstand-1));
	max-width: 450px;
	height: auto;
	
	-webkit-filter: drop-shadow(3px 3px 10px rgba(75,30,00, 0.3)); 
	filter: drop-shadow(3px 3px 10px rgba(75,30,00, 0.3));
}

.magictextblock {
	margin-top: 30px;
}

.magictextblock p {
	margin: 0px;
}
.magictextblock p span {
	font-size: 120%;
}

.magictextblock hr {
	margin: 10px 0px;
}


.magicdetail .view-content {
	
}

.page-node-144 .layout-container {
	overflow: hidden;
}

.magicdetail .productdetailset2 .views-field-field-immagine-prodotto img {
	margin-top: 35px;
}


.productdetail .views-field-field-immagine-sfondo {
	line-height: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 3;

}

.productdetail .views-field-field-immagine-sfondo img {
	width: 120%;
	height: auto;
}



.magicdetail .views-field-field-immagine-sfondo  {
	width: 60%;
	top: -100px;

}

.magicdetail .views-field-field-immagine-sfondo .field-content {
			
	-webkit-transform: translateX(40%);
	-moz-transform: translateX(40%);
	transform: translateX(40%);
}

.terrabrilldetail  .views-field-field-immagine-sfondo {
	mask: url('../images/masketerrabrillneu.png');
	mask-size: 100% auto;
	mask-position: top left;
	mask-repeat: no-repeat;
	-webkit-mask: url("../images/masketerrabrillneu.png");
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: top left;
	-webkit-mask-repeat: no-repeat;
	width: 36%;
	right: -4%;
	top: 30px;

}

.terrabrilldetail .views-field-field-immagine-sfondo img {
	max-width: 100%;
	height: auto;
}

.magicbrilldetail .views-field-field-immagine-sfondo img {
	max-width: 100%;
	height: auto;

}

.productdetailset2 .views-field-field-immagine-sfondo {
	width: 100%;
	height: auto;
}


.terrabrilldetail h1 {
	color: var(--actioncolor);
}
.productdetail .view-scheda-tecnica-on-detail {
	margin-top: var(--abstand-2);
}

.productdetail .view-content {
	position: relative;
	z-index: 90;
}
.terrabrilldetail .view-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	
	position: relative;
	top: calc(-1 * var(--abstand-3));
	z-index: 80;
}

.terrabrilldetail .view-footer > div {
	background: var(--bgcolor);
	align-items: stretch; 
	box-sizing: border-box;

}

.terrabrilldetail .view-footer .view-content {
	background: var(--bgcolor);
	padding: var(--abstand-3) 0px;
	box-sizing: border-box;
}

.terrabrilldetail .view-footer .view-inc-icons-on-product {
	padding-left: var(--abstand-1);
	
}

.terrabrilldetail .view-footer .view-header {
	margin-left: var(--abstand-3);
}
.view-inc-litraggio-on-product {
	padding-left: var(--abstand-3);
}


.view-inc-icons-on-product .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.gaiadetail .view-inc-icons-on-product .view-content {
	margin-left: -20px;
}

.view-inc-icons-on-product .iconrow {
	align-self: center;
	margin: 10px 0px 10px 0px;
}

.view-inc-icons-on-product .view-content img {
	height: 85px;
	width: auto;
}


.terrabrilldetail .view-inc-litraggio-on-product,
.terrabrillbiodetail .view-inc-litraggio-on-product,
.gaiadetail .view-inc-litraggio-on-product {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0px;
}

.terrabrilldetail .view-inc-litraggio-on-product > div,
.terrabrillbiodetail .view-inc-litraggio-on-product > div,
.gaiadetail .view-inc-litraggio-on-product > div {
	align-self: center;
}
.terrabrillbiodetail .view-inc-litraggio-on-product .view-header {
	color: var(--weiss);
}

.view-inc-litraggio-on-product .view-header,
.gaiadetail .view-header {
	white-space: nowrap;
	margin-right: 20px;
	color: var(--grau);
}

.view-inc-litraggio-on-product .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.view-inc-litraggio-on-product .view-content .views-row {
	border-radius: 25px;
	padding: 2px 25px;
	box-sizing: border-box;
	font-weight: var(--bold);
	margin: 10px 10px 10px 0px;
	font-size: 130%;
	line-height: var(--lineheight);
	color: var(--grau);
	
}

.terrabrilldetail  .view-inc-litraggio-on-product .view-content .views-row {
	background: var(--weiss);
	border: solid 1px var(--grau);
}

.magicdetail  .view-inc-litraggio-on-product {
	margin-top: var(--abstand-4);
	margin-left: 10px;
	padding-left: 0px;
}

.magicdetail  .view-inc-litraggio-on-product .view-header {
	color: var(--lila);

}
.magicdetail  .view-inc-litraggio-on-product .view-content .views-row {
	background: var(--lila);
	border: solid 2px var(--lila);
	color: var(--weiss);
}

.views-field-field-scopri-dove-utlizzare .field-content {
	padding-right: 2px;
	box-sizing: border-box;
}
.views-field-field-scopri-dove-utlizzare {
	position: relative;
	z-index: 70;
}

.views-field-field-scopri-dove-utlizzare img {
	max-width: 100%;
	height: auto;

}

.utilizzo .owl-item {
	position: relative;
}

.utilizzo .owl-theme .owl-controls .owl-buttons .owl-next,
.terrabrillproductlist .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
}

.utilizzo .owl-carousel .owl-wrapper-outer {
	border-right: solid 2px var(--weiss);
	box-sizing: border-box;
}

.utilizzo .owl-item .views-field-field-scopri-dove-utlizzare-1 {
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 100%;
	text-align: center;
	z-index: 80;
	font-weight: var(--bold);
	color: var(--weiss);
	text-shadow: 0px 0px 7px var(--schwarz);
	font-size: 140%;
}


.magicdetail .magiclogo {
	position: relative;
	margin-left: calc(-1 * var(--abstand-1));
	width: 55%;
	position: absolute;
	left: -3vw;
	top: 100px;

}

.magicdetail h1.page-title {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.magicdetail .productdetailset1 {
	padding-top: calc(120px + var(--abstand-1) + var(--abstand-3));
}

.magicdetail h2,
.magicdetail strong {
	color: var(--maincolor);
}

.magicdetail .magiclogo img {
	max-width: 100%;
	height: auto;
}

/* TerraBrill BIO*/

.terrabrilllogoheader.bio {
	position: absolute;
	z-index: 95;
	right: calc(var(--abstand-1) + var(--abstand-3));
	left: auto;
	top: 0px;
	width: 13vw;
	height: 13vw;
	background-image: url(../images/biotoplogo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom;

	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}



.terrabrillbioheader {
	min-height: var(--sliderheight);
	position: relative;
}


.terrabrillbioheader .hobbyheader {
	height: 100%;
	z-index: 1;
	
	background-position: top center;
}

.terrabrillbiocontentcontainer {
	position: relative;
	z-index: 70;
	padding-top: 19vw;
	box-sizing: border-box;
	color: var(--weiss);
	padding-bottom: var(--abstand-2);
}

.terrabrillbiocontent h2,
.terrabrillbiocontent strong {
}

.terrabrillbiocontent .terrabrillbiologo {
	width: 42%;
	min-width: 300px;
}

.terrabrillbiocontent .terrabrillbiologo img {
	max-width: 100%;
	height: auto;
}

.terrabrillbiodetail {
	position: relative;

	box-sizing: border-box; 
}

.terrabrillbiodetail .tbrow {
	padding: var(--abstand-1) 0px;
	background-color: var(--maincolor);
}

.terrabrillbiodetail .views-field-field-immagine-sfondo-1 {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden !important;
	position: absolute;
}



.terrabrillbiodetail .views-field-field-immagine-sfondo-1 .bg1 {
	transform: scale(1.3);
}

.terrabrillbiodetail .views-field-field-immagine-sfondo-1 .bg2 {
	z-index: 2;
	filter: blur(10px) brightness(80%);
	
	mask: url('../images/mask1.png');
	mask-size: 65% 100%;
	mask-position: top left;
	mask-repeat: no-repeat;
	-webkit-mask: url("../images/mask1.png");
	-webkit-mask-size:65% 100%;
	-webkit-mask-position: top left;
	-webkit-mask-repeat: no-repeat;
	
	transform: scale(1.3);
}

.terrabrillbiodetail .blur {

	position: absolute;
	left: 0px;
	top: 0px;
	width: 60%;
	height: 100%;
	z-index: 40;
	filter: blur(0.3);
	display: none
	
}



.terrabrillbiodetail .productdetailset1 {
	padding-top: 0px;
	color: var(--weiss);
}

.terrabrillbiodetail .productdetailset1 h1 {
	margin-top: 0px;
	padding-top: 0px;
	color: var(--weiss);
}

.terrabrillbiodetail .productdetailset1 strong {
	color: var(--actioncolor);
}

.terrabrillbiodetail  .schedatecnica {
	background: transparent;
	border: solid 1px var(--weiss);
}

.terrabrillbiodetail  .schedatecnica:hover {
	background: var(--maincolor);
	border: solid 1px var(--maincolor);
}

.productdetail .view-scheda-tecnica-on-detail {
	margin-top: var(--abstand-3);
	margin-bottom: var(--abstand-4);
}

.terrabrillbiodetail .schedatecnica a,
.terrabrillbiodetail .schedatecnica a:visited {
	color: var(--weiss);
}

.terrabrillbiodetail .schedatecnica a:hover,
.terrabrillbiodetail .schedatecnica a:active {
	color: var(--weiss);
}

.terrabrillbiodetail .dlsize {
	color: var(--weiss) !important;
}


.terrabrillbiodetail  .view-inc-litraggio-on-product .view-content .views-row {

	border: solid 1px var(--weiss);
	color: var(--weiss);
}

.terrabrillbiodetail .tbrow{
	position: relative;
}


.terrabrillbiodetail .tbrow:nth-child(even) .views-row  {
	flex-direction: row;
}


.terrabrillbiodetail .tbrow:nth-child(even) .views-field-field-immagine-sfondo-1 .bg2 {
	mask-position: top right;
	-webkit-mask-position: top right;
}


.terrabrillbiodetail .tbrow:nth-child(even) .productdetailset2 .views-field-field-immagine-prodotto img {
	float: right;
	margin-right: var(--abstand-4);
}


.terrabrillbiodetail .tbrow:nth-child(even) .productdetailset1 {
	padding-left: var(--abstand-2);
	box-sizing: border-box;
	padding-right: 0px;
}



.terrabrillbioproduct .terrabrillbiodetail .terrabrillbioliste:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: var(--abstand-1);
	margin-right: var(--abstand-1);
	width: calc(100% - var(--abstand-1) - var(--abstand-1));
	z-index: 98;
	border-top: dashed 2px var(--weiss);
}

/* TERRI */ 

.terriheader {
	background: rgb(255,238,60);
	background: linear-gradient(90deg, rgba(255,238,60,1) 0%, rgba(244,132,2,1) 100%);
	overflow: hidden;
	position: relative;


}

.terriheader .maxwidthcontent {
	max-width: 1320px;
}

.terriheader > .view-content{
	padding-top: calc(var(--headerheight) + var(--abstand-1) + 60px);


}
.territhumbnailsubcontainer {
	
	background-image: url(../images/abdeckungterri.svg);
	background-position: center 20vh;
	background-repeat: no-repeat;
	background-size: cover;

	box-sizing: border-box;
}


.terriheader .bgimg {
	position: absolute;
	right: -10vw;
	left: auto;
	bottom: auto;
	top: -5vw;
	height: 53vw;
	width: 53vw;

}

.terriheader .bgimg {
	background-size: contain;
	background-position: top right;
}

.terricontent .terrilogo {
	width: 40%;
	min-width: 200px;
}

.terricontent {
	color: #000000;
}



.terricontent .views-row {
	padding-right: 40%;
	box-sizing: border-box;
}



.terridetail .view-inc-icons-on-product .view-content {
	margin-left: -25px;
}


.terridetail {
	margin-top: var(--abstand-1);
}

.terridetail .views-row {
	position: relative;
}

.terridetail  .views-row {
	flex-direction: row;
	margin-bottom: var(--abstand-1);
}
.terridetail  .views-row:nth-child(even) {
	flex-direction: row-reverse;
}

.terridetail .productdetailset2 .views-field-field-immagine-sfondo {
	position: absolute;
	top: -5vh;
	width: 80%;
	z-index: 1;
}

.terridetail .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-sfondo {
	left: calc(-1 * var(--abstand-4));
}

.terridetail  .views-row:nth-child(even) .views-field-field-immagine-sfondo  {
	right: calc(-1 * var(--abstand-4));

}

.terridetail  .productdetailset2 .views-field-field-immagine-sfondo img {
	max-width: 100%;
	height: auto;
}

.terridetail  .views-row .productdetailset2 .views-field-field-immagine-prodotto {
	position: relative;
	z-index: 50;
	padding-top: var(--abstand-1);
	box-sizing: border-box;
}

.terridetail  .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-prodotto {
	padding-left: calc(var(--abstand-1) + var(--abstand-2));
}

.terridetail  .views-row:nth-child(even) .productdetailset2 .views-field-field-immagine-prodotto {
	padding-right: calc(var(--abstand-1) + var(--abstand-2));
}


.terridetail  .views-row:nth-child(odd) .productdetailset1 {
	padding-right: calc(var(--abstand-1) *1.5);
	box-sizing: border-box;
	padding-left: 50px;
}

.terridetail  .views-row:nth-child(even) .productdetailset1 {
	padding-left: calc(var(--abstand-1) *1.5);
	box-sizing: border-box;
}


.terridetail .productdetailset2 .views-field-field-immagine-prodotto  img {
	width: 100%;
}


.terridetail .views-row  .view-inc-litraggio-on-product {
	display: flex;
	flex-direction: row;
	
	align-items: center;
	max-width: 670px;
	margin-top: 20px;
	margin-right: var(--abstand-4);
}


.terridetail .views-row:nth-child(odd) .view-inc-litraggio-on-product {
	justify-content: flex-end;
}

.terridetail .views-row:nth-child(even) .view-inc-litraggio-on-product {
	justify-content: flex-start;
}

.terridetail  .view-inc-litraggio-on-product,
.gaiadetail .view-inc-litraggio-on-product {
	padding-left: 0px;
}

.terridetail .view-inc-litraggio-on-product > div{
	align-self: center;
}

.terridetail .view-inc-litraggio-on-product .view-header {
	white-space: nowrap;
	margin-right: 20px;
}

.terridetail .view-inc-litraggio-on-product .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.terridetail .view-inc-litraggio-on-product .view-content .views-row {
	border-radius: 20px;
	padding: 1px 20px;
	box-sizing: border-box;
	font-weight: var(--bold);
	margin: 10px 10px 10px 0px;
	
}

.terridetail  .view-inc-litraggio-on-product .view-content .views-row {
	background: var(--weiss);
	border: solid 1px var(--grau);
}

.terridetail strong {
	color: var(--maincolor);
}


.terridetail .views-field-field-scopri-dove-utlizzare {
	position: absolute;
	left: var(--abstand-3);
	top: 22vw;
	width: 14vw;
	min-width: 160px;
}
.terridetail .views-field-field-scopri-dove-utlizzare img {
	max-width: 100%;
	height: auto;
}


.territhumbnail {
	position: relative;
	z-index: 89;
	width: 90%;
	margin-top: var(--abstand-2);
}

.territhumbnail .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.territhumbnail .views-row {
	flex-basis: calc(22%);
	text-align: center;
	position: relative;
}
.territhumbnail .views-row h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	position: relative;
	color: var(--maincolor);
}

.territhumbnail .views-row h3:after {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -10px;
	height: 2px;
	background-color: var(--actioncolor);
	width: 60px;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.territhumbnail .views-row p {
	margin: 0px;
	padding: 0px;
}

.territhumbnail .views-row .views-field-field-immagine-prodotto {
	margin-bottom: 10px;
}


.territhumbnail .views-row .views-field-field-immagine-prodotto img {
	max-width: 90%;
	height: auto;
}

.territhumbnail .views-row:hover {
	cursor: pointer;
}


.territhumbnail {

}


.territhumbnail .views-field-view-node {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	display: table;
}

.territhumbnail .views-field-view-node a {
	margin-left: auto;
	margin-right: auto;
}

.territhumbnail .views-field-view-node-1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 98;
}

.territhumbnail .views-field-view-node-1 img {
	width: 100%;
	height: 100%;
}




/* GAIA */

.gaiadetail .productdetailset1 {
	padding-right: calc(var(--abstand-1) *1.5);
	box-sizing: border-box;
}

.gaiadetail .views-row {
	flex-direction: row;
	position: relative;
	margin-top: var(--abstand-1);
}

.gaiaheader {
	background-color: var(--actioncolor);
	color: var(--weiss);
	min-height: var(--sliderheight);
}

.gaiaheader h2 {
	color: var(--maincolor);
	margin-top: 0px;
	font-size: 210%;
}

.gaiaheadercontent {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.gaiaheader .views-field-body {
	width: 65%;
}

.gaiaheadercontent .gaiaslider {
	flex-basis: 40%;
	position: relative;
	min-height: var(--sliderheight);

}

.gaiaheadercontent .gaiacontent {
	flex-basis: 55%;
	align-self: flex-end;
	padding-bottom: var(--abstand-2);
	padding-top: calc(var(--headerheight) + 60px);
}

.gaiaheadercontent .gaiacontent .maxwidthcontent {
	margin: 0px;
}

.gaiaheadercontent .gaiaslider .flexslider,
.gaiaheadercontent .gaiaslider .flexslider ul,
.gaiaheadercontent .gaiaslider .flexslider ul li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.gaiathumbnail {
	width: 75%;
	margin-left: 0px !important;
}

.gaiathumbnail img {
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.gaiathumbnail img:hover {
	transition: all 0.3s ease-in-out;
	transform: scale(1.06);
}


.gaiathumbnail .text-m {
	line-height: 135%;
	text-align: center;
	font-size: 95%;
	margin-top: 10px;
}

.gaiaheadercontent .gaialogo {
	width: 30%;
	max-width: 230px;
}


.view-gaia-product-thumnails {
	margin-top: var(--abstand-3);
}

.view-gaia-product-thumnails .view-content {
	display: flex;
	flex-direction: row;
}

.view-gaia-product-thumnails .view-content .views-row {
	flex-basis: 15%;
	margin-right: 5%;
}

.view-gaia-product-thumnails .view-content .views-row:hover {
	cursor: pointer;
}

.view-gaia-product-thumnails .view-content .views-row img {
	max-width: 100%;
	height: auto;
}


.gaiadetail  .view-inc-litraggio-on-product .view-content .views-row {
	background: var(--weiss);
	border: solid 1px var(--grau);
}


.gaiadetail .views-field-field-immagine-prodotto {
	text-align: right;
	padding-right: var(--abstand-3);
}


.gaiadetail .productdetailset1 strong {
	color: var(--maincolor);
}

.gaiadetail .productdetailset2 {
	position: relative;
	padding-right: 30px;
	box-sizing: border-box;
}
.gaiadetail .views-field-field-scopri-dove-utlizzare {
	position: absolute;
	left: 0%;
	top:12vw;
	width: 50%;
	max-width: 350px;
	max-height: 350px;
	height: 20vw;
	overflow: hidden;

}
.gaiadetail .views-field-field-scopri-dove-utlizzare img {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.gaiadetail h1 {
	margin-top: 5px;
	padding-top: 0px;

}
.gaiadetail .views-field-field-immagine-sfondo {
	text-align: right
}
.gaiadetail .views-field-field-immagine-sfondo img {
	width: 100%;
	max-width: 750px;
	height: auto;

}

.gaiadetail .productdetailset1 {
	padding-top: 0px;
}


/* PARAGRAPHs */

.productdetailset1 .paragraph {
	margin-top: var(--abstand-3);
}
.accordion {
	border-bottom: solid 1px var(--linegrau);
	padding-top: 0px;
	margin-bottom: 10px;
	box-sizing: border-box;	
}

.accordion .acctitle {
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
	line-height: 120%;
	padding-bottom: 5px;
}

.accordion .acctitle:hover {
	cursor: pointer;
}

.accordion .acctitle .plusminus {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 50%;
	font-weight: var(--bold);
	font-size: 150%;
	line-height: 100%;
	text-align: left;
	
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	
	display: flex;
	flex-direction: row;
	align-items: center;
}

.accordion .acctitle:hover .plusminus {
	transition: all 0.3s ease-in-out;
	transform: scale(1.7);
}



.terrabrillproductlist .views-field-field-sopratitolo-1 p {
	margin: 0px;
	padding: 0px;
}




.accordion .acctitle .plus {
	
}
.accordion .acctitle .minus {
	display: none;
	padding-left: 3px;
	box-sizing: border-box;
}

.accordion .acctitletitel {
	text-transform: uppercase;
}

.accordion .acctitledesc {
	color: var(--grau);
}

.accordion .acccontent {
	display: none;
}



.complementaridetail {
	
}

.complementaridetail .productdetailset1 {
	padding-top: 0px;
}

.complementaridetail .field--name-field-logo-marchio img  {
	width: 20vw;
	height: auto;
	max-width: 250px;
}



.cid32 .views-field-field-immagine-prodotto  {

	position: relative;
}

.cid32 .views-field-field-immagine-prodotto:after {
	content: url('/themes/custom/whtheme/images/kaefer.svg');
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: auto;
	
	-webkit-transform: translateY(50%) translateX(30%);
	-moz-transform: translateY(50%) translateX(30%);
	transform: translateY(50%) translateX(30%);
}


/* AZIENDA */

.page-node-type-azienda main {
	padding-bottom: 0px;
}
.aziendaheader {
	position: relative;
	z-index: 98;
}

.aziendaheader .views-field-field-headerslogan {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 96;
	white-space: nowrap;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.aziendaheader h3 {
	font-weight: var(--extrabold);
	color: var(--weiss);
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
	font-size: 250%;
	line-height: 135%;
}

.aziendaheader h3:before {
	content: " ";
	display: block;
	background:  var(--weiss);
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	width: 100%;
}

.aziendaheader h3:after {
	content: " ";
	display: block;
	background:  var(--weiss);
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 1px;
	width: 100%;
}


.page-node-357 .field--name-node-title h3 {
	margin-top: 0px;
	color: #A78350;
}

.page-node-357 .field--name-body {
	margin-bottom: var(--abstand-2);
}

.storiaparagraph {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	font-size: 130%;
	line-height: var(--lineheight);
}

.sx .storiaright {
	padding-left: 30px;
}

.dx .storialeft {
	padding-right: 30px;
}

.storiaparagraph > div {
	align-self: center;
}

.field--name-field-immaginestoria {
	line-height: 0px;
}


.sx .storialeft {
	text-align: right;
}

.dx .storialeft {
	text-align: right;
}

.dx .storia4 {
	margin-left: auto;
	margin-right: 0px;
}

.storia1 {
	font-size: 250%;
	line-height: 100%;
	font-family: var(--specialfont);
}

.storia2 {
	font-family: var(--specialfont);
	text-transform: uppercase;
}

.storia3 {
	font-size: 70%;
	line-height: var(--lineheight);
	text-transform: uppercase;
}

.storia4 {
	font-size: 80%;
	line-height: var(--lineheight);
	margin-top: 20px;
}





#id1950 img,
#id1993 img,
#id1997 img,
#id1998 img,
#id2012 img {
	width: auto;
	max-height: 500px;
}
#id1957 img,
#id1961 img,
#id1970 img,
#id1995 img,
#id2008 img,
#id2010 img  {
	width: auto;
	max-height: 570px;
}



#id1967 img,
#id1960 img,
#id2004 img,
#id2014 img,
#id2018 img  {
	width: auto;
	max-height: 450px;
}

#id2000 img,
#id2001 img,
#id2019_2 img,
#id2020 img  {
	width: auto;
	max-height: 400px;
}

#id2005 img,
#id2007 img {
	height: 100px;
	width: auto;
}

#id2019 img,
#id2021 img  {
	width: auto;
	max-height: 500px;
}



#id1960,
#id2004,
#id2005,
#id2007,
#id2012,
#id2014,
#id2018  {
	padding: var(--abstand-2) 0px;
	box-sizing: border-box;
	
}

#id2005 {
	width: 50%;
	float: left;
	padding-right: 20px;
}

#id2007 {
	width: 50%;
	float: right;
	padding-left: 20px;
}

#id2007 .maxwidth {
	margin-left: 0px !important;
}
#id2005 .maxwidth {
	margin-right: 0px !important;
}

#id2005,
#id2007 {
	height: 400px;
	display: flex;
	flex-direction: row;
	align-items:stretch;
}

#id2005 {
	justify-content: flex-end;
}

#id2005 .storiaparagraph,
#id2007 .storiaparagraph {
	align-items: flex-start;
	align-self: stretch;
}


#id2005 .storiaparagraph > div,
#id2007 .storiaparagraph > div {
	align-self: flex-start;
}

#id2005 .storiaright {
	padding-left: 20px;
}

#id2007 .storialeft {
	padding-right: 20px;
}

#id2008 {
	clear: both;
}

#id2019 {
	padding-bottom: var(--abstand-2);
	box-sizing: border-box;
}

#id2020 {
	padding: var(--abstand-3) 0px;
	box-sizing: border-box;
}

.searchblockonoverview {
	padding-right: 30px;
	box-sizing: border-box;
}


/* SIMPLE PAGE CONTENT */

.simplepagecontent {
	background: var(--weiss);
	padding: 50px;
	box-sizing: border-box;
}

.page-node-type-simple-page  .bgimg {
	background-position: bottom center;
}

.simplepagecontent h2 {
	color: var(--maincolor);
	margin-top: 0px;
	padding-top: 0px;
	font-weight: var(--medium);
}


.page-node-type-simple-page .sliderhome {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 70vh;
	z-index: 1;
}

.page-node-type-simple-page main {
	position: relative;
	z-index: 80;
	padding-top: 30vh;
}

.simplepageimage{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


.teamonazienda .view-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
} 

.teamonazienda .views-row {
	flex-basis: calc(33.333333% - 30px);
	margin: 0px 15px 5vh 15px;
	text-align: center;
}
.teamonazienda .views-row .views-field-field-portrait {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}


.teamonazienda .views-field-field-nome {
	color: var(--maincolor) !important;

}

.block-views-blockteam-on-block-1 {
	margin-top: var(--abstand-1);
}

.block-views-blockteam-on-block-1 .superblocktitle h6 {
	text-align: center;
	margin-left: auto !important; 
	margin-right: auto !important;
}
.block-views-blockteam-on-block-1 .superblocktitle h6:after {
	left: 50%;
		
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}


/* DOWNLOADS */

.field--name-field-downloads {
	margin-top: var(--abstand-2);
}

.field--name-field-downloads {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.field--name-field-downloads .field__item {
	flex-basis: calc(50% - 30px);
	
}

.paragraph--type--download {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: var(--abstand-2);
}

.downloadflex  h4 {
	color: var(--schwarz);
	margin: 0px 0px 20px 0px;
}

.paragraph--type--download .dlleft {
	flex-basis: calc(40% - 20px);
	align-self: center;
}

.paragraph--type--download .dlright{
	flex-basis: calc(60% - 20px);
	align-self: center;
}

.paragraph--type--download .dlright a {
	white-space: nowrap;
}

.field--name-field-pdf-preview img {
	width: 100%;
	height: auto;
}

/* ANNIVERSARIO */

video {
	width: 100%;
	height: auto;
}


.anniversario-video,
.view-anniversario-masonry {
	margin-bottom: 5vh;
}
.view-anniversario-masonry .view-content > .views-row {

}

.masonry-item {
	width: calc((100% / 4) - 4px);
	margin-right: 4px;
	margin-bottom: 4px;
}

.views-field-field-immagini-anniversario {
	line-height: 0px;
}

.views-field-field-immagini-anniversario img {
	width: 100%;
	height: auto;
}

/*
	
	
	
	
*/

@media all and (min-width: 2200px) {
	
	:root {

	}
		
		body {
			background: var(--weiss);
		}
		
		.maxwidth {
			max-width: 1920px;
			margin-left: auto;
			margin-right: auto;

		}
		
		.page-node-310 .maxwidth,
		.page-node-144 .maxwidth {
			position: relative;
		}
		
		.page-node-144  .view-inc-litraggio-on-product .view-header {
			text-align: left;
		}
		
		
		.terrabrilldetail .view-footer .view-inc-icons-on-product {
			padding-left: calc((100vw - 1920px) /2)
		}
		
		
		.page-node-type-prodotto-hobby .terrabrilllogoheader {
			padding-left: calc((100vw - 1920px) /2 - 175px)
		}
		
		.productdetail .views-row > .productdetailset2 {
				text-align: center;
		}
		
		.terridetail  .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-prodotto .field-content {
			text-align: right;
		}
		
		.terridetail  .views-row:nth-child(even) .productdetailset2 .views-field-field-immagine-prodotto .field-content {
			text-align: left;
		}
		
	


}

@media all and (min-width: 1840px) {
	.gaiadetail .views-field-field-scopri-dove-utlizzare  {
		left: calc((100vw - 1920px) /2)
	}
}


@media all and (max-width: 1740px) {


		
	:root {
									
			--fontsize: 100%;
			--lineheight: 185%;
	
	}
	.maxwidth {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}
		
	
		
}


@media all and (max-width: 1600px) {
	
		:root {
			--logowidth: 220px;
		}
		
				
		.sliderhome h2 {
			font-size: 320%;
			line-height: 115%;
		}

		
		.topline .views-row .views-field.views-field-field-telefono a {
			width: 35px;
			overflow: hidden;
			text-align: right;
			text-indent: 100px;
		}
		
		.topline .views-row .views-field.views-field-field-telefono {
			margin-right: 0px;
			text-align: right;
			position: relative;
			left: 10px;
			margin-left: 0px;
		}
		
		.scontainer .sliderflex .sliderleftblock {
			padding-left: 0px;
		}
		
		
		
	

}


@media all and (max-width: 1440px) {
	
		:root {
			--logowidth: 200px;
		}
		
		.sliderhome h2 {
			font-size: 300%;
			line-height: 115%;
		}
		
		.topmenu ul.level1 li.mlevel1 {
			margin: 0px 15px 0px 0px;
		}
		
		.colorblock .colorblockbgimg img {	
			 height: auto;
			 max-height: 90%;
				width: 31vw;
		}
		
		.produktliste .views-row {
			flex-basis: calc((100% / 3) - 30px);
		}
		
		.productdetailset1 {
			padding-top: 130px;
		}
		
		#dl-menu {

		}
		
	  .catuebersicht .views-row {
				flex-basis: calc(33.333333% - 30px);
   	}

}



@media all and (max-width: 1280px) {
	
		:root {
			--headerheight: 90px;
			--headerheightfront: 90px;
			--logowidth: 280px;
		}
		
		h1 {
			font-style: normal;
			font-size: 220%;
			line-height: 135%;
			font-family: var(--specialfont);
			font-weight: var(--regular);
		}
		
		
		header {
			background: var(--maincolor);
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
		}
		
		.topmenu {
			display: none;
		}
		
		.region-secondary-menu {
			display: block !important;
		}
		
		
		.region-header {
			z-index: 88;
	
		}
		
		.headerset {
			z-index: 70;
			position: absolute;
			right: 0px;
			bottom: 0px;
		}
		
		
		
		.headerset .region-headercontent {
				background: var(--actioncolor);
				height: 45px;
				border-top-right-radius: 0px;
				border-top-left-radius: 50px;
				margin-left: 4px;
		 }
		 
		 .topline {
			 padding-left: 20px;
			 padding-right: calc(var(--abstand-1) + 45px);
		 }
		 
		 #block-whtheme-branding {
			 position: absolute;
			 left: var(--abstand-1);
			 top: 50%;
			 
			 -webkit-transform: translateY(-50%);
			 -moz-transform: translateY(-50%);
			 transform: translateY(-50%);
		 }
		 
		 .path-frontpage .frontlogo,
		 .page-node-type-azienda .aziendalogo {
				 display: none !important;
		 }
		 
		 .mainlogo {
			 display: block !important;
		 }
		 
		 

		 footer .footerflex {
			 flex-wrap: wrap;
		 }
		 
		 footer .footerleftset {
			 flex-basis: 100%;
			 margin-bottom: var(--abstand-3);
		 }
		 
		 footer .footerleftset img {
			 max-width: var(--logowidth);
		 }
		 
		 footer .footerrightset {
			 flex-basis: 100%;
		 }
		 
		 .produktliste .views-row {
			 flex-basis: calc((100% / 2) - 30px);
		 }
		 
		 .terrabrillproductlist .view-content {
			 justify-content: space-between;
		 }
		 .terrabrillproductlist .view-content .views-row {
			 flex-basis: calc(50% - 5vw);
			 margin-right: 0vw;
		 }
		 .terrabrillbiocontentcontainer {
			 padding-top: 30vh;
		 }
		 
		 
		 #id2005 {
			 float: none;
			 width: 100%;
			 padding-left: var(--abstand-1);
			 padding-right: var(--abstand-1);
		 }
		 
		 #id2007 {
				float: none;
				width: 100%;
				padding-left: var(--abstand-1);
				 padding-right: var(--abstand-1);
			}
		 
}

@media all and (max-width: 1080px) {

		.maxwidthcontent {
			margin-left: var(--abstand-1);
			margin-right: var(--abstand-1)

		}
		
		.maxwidth .maxwidthcontent {
			margin-left: 0 !important;
			margin-right: 0 !important;
		
		}
}



@media all and (max-width: 1024px) {

		.owl-theme .owl-controls .owl-buttons div,
		.standardblock .owl-theme .owl-controls .owl-buttons div {
			width: 100px;
			height: 100px;
		}
		
		.twocol {
			flex-wrap: wrap;
		}
		
		.twocol > .layout-sidebar-first {
			flex-basis: 100%;
			width: 100%;
		}
		
		.page-node-type-categoria-prodotto .region-sidebar-first {
			height: 100px;
			overflow: hidden;
			position: relative;
			margin-bottom: 30px;
			
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
		}
		
		.page-node-type-categoria-prodotto .region-sidebar-first.clappactive {
			height: auto;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
		}
		
		.page-node-type-categoria-prodotto .clapper {
			display: block;
		}
		
		.page-node-type-categoria-prodotto .twocol {
			position: relative;
			padding-top: calc(var(--headerprofheight) + 30px);
		}
		
		.page-node-type-categoria-prodotto .region-contentheader {
			position: absolute;
			left: 0px;
			width: 100%;
			top: 0px;
		}
		
		.searchblock {
				margin-bottom: 60px;
		}
		
		.twocol > .layout-sidebar-first {
			flex-basis: 100%;
			padding-right: 0px !important;
			width: 100%;
		}
		
		.twocol > .layout-content {
			flex-basis: 100%;
			width: 100%:
		}
		
		.produktbreacrumb {
			left: 0px;
		}
		
		.page-node-type-prodotto .twocol .layout-content {
			padding-left: 0px;
		}
		
		.page-node-type-prodotto .layout-sidebar-first {
			display: none !important;
		}
		
		
		.produktlisteowl .owl-wrapper-outer {
			width: calc(100vw - var(--abstand-1) - var(--abstand-1));
		}
		
		.terrabrilldetail .view-footer {
			flex-wrap: wrap
		}
		
		.productdetail .views-row > .detailset, .productdetail .view-footer > div {
			flex-basis: 100%;
			border-bottom: solid 1px var(--weiss);
		}
		
		
		.terrabrilldetail .view-footer .view-inc-icons-on-product {
			padding-right: var(--abstand-1);
		}
		
		.productdetail .view-footer > div {
			padding-right: var(--abstand-1);
			padding-left: var(--abstand-1);
			box-sizing: border-box;
			border-top: solid 2px var(--weiss);
		}
		
		.terrabrilldetail .view-footer .view-header {
			margin-left: 0px;
		}
		
		.productdetail .view-inc-icons-on-product {
			margin-top: var(--abstand-1);
		}
		
		
		#id1950 img,
		#id1993 img,
		#id1997 img,
		#id1998 img,
		#id2012 img,
		#id1957 img,
		#id1961 img,
		#id1970 img,
		#id1995 img,
		#id2008 img,
		#id2010 img,
		#id1967 img,
		#id1960 img,
		#id2004 img,
		#id2014 img,
		#id2018 img,
		#id2000 img,
		#id2001 img,
		#id2019_2 img,
		#id2020 img,
		#id2005 img,
		#id2007 img,
		#id2019 img,
		#id2021 img  {
			width: auto;
			max-width: 100%;
			max-height: auto;
			height: auto;
		}
		

		
		.magicdetail .magiclogo {
			width: 70%;
		}
		
		
		.view-produkte-kategorieanzeige .views-field-title {
			margin-left: 0px;
		}
		
		.gaiadetail .views-field-field-scopri-dove-utlizzare {
			width: 100%;
			top: 0px;
		}
		
		.catuebersicht .view-content {
			justify-content: space-between;
		}
		
		.catuebersicht .views-row {
				flex-basis: calc(50% - 20px);
				margin-right: 0px;
		 }
		 
		.searchblockonoverview {
			padding-right: 0px;
		}
		
		.masonry-item {
			width: calc((100% / 3) - 4px);
			margin-right: 4px;
			margin-bottom: 4px;
		}

		
}

@media all and (max-width: 834px)  {

			.colorblock {
				height: auto;
				padding: var(--abstand-1) 0px;
				box-sizing: border-box;
			}

			footer .region-footerright2 > div:nth-child(1) {
				display: none !important;
			}
			
			.scontainer .sliderflex .sliderleftblock.mitbild {
				flex-basis: 100%;
			}
			.scontainer .sliderflex .sliderleftblock.ohnebild {
				margin-top: 40vh;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			
			.terrabrilllogoheader,
			.page-node-type-prodotto-hobby .terrabrilllogoheader {
			
					width: calc(var(--abstand-1) + 200px);
					height: 100px;
			
			}
			.views-field-field-footer-testo {
				display: none;
			}
			
			.gaiathumbnail .views-field-field-immagine-prodotto,
			.territhumbnail .views-field-field-immagine-prodotto,
			.territhumbnail .views-field-field-sopratitolo,
			.territhumbnail .views-field-field-sottotitolo,
			.territhumbnail .views-field-view-node {
				display: none;
			}	
			
			.territhumbnail .views-row h3:after {
				display: none;
			}
			
			.view-gaia-product-thumnails,
			.view-terri-product-thumnails {
				padding-bottom: var(--abstand-1);
			}
			
			.view-gaia-product-thumnails .view-content,
			.view-terri-product-thumnails .view-content {
				flex-wrap: wrap;
				font-size: 200%;
				line-height: 135%;
			}
			.view-gaia-product-thumnails .view-content > .views-row,
			.view-terri-product-thumnails .view-content > .views-row {
				flex-basis: 100%;
				padding-right: 0px;
				margin-right: 0px;
				border-bottom: solid 1px var(--weiss);
				text-align: left;
				font-family: var(--specialfont);
				position: relative;
				padding: 5px 0px;
			}
			
	
			.gaiathumbnail .text-m {
				text-align: left;
				padding-left: 30px;
			}
			
			.gaiathumbnail .text-m:before {
				content: " ";
				display: block;
				width: 20px;
				height: 100%;
				position: absolute;
				left: 0px;
				top: 0px;
				
				background-image: url(../images/pfeilbottom.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			
			.gaiadetail.productdetail .views-field-field-immagine-sfondo {
				position: relative;
			}
			
			.territhumbnail .views-row h3 {
				margin: 0px;
				padding-left: 30px;
				color: var(--weiss);
			}
			
			.territhumbnail .views-row h3:before {
				content: " ";
				display: block;
				width: 20px;
				height: 100%;
				position: absolute;
				left: 0px;
				top: 0px;
				
				background-image: url(../images/pfeilbottom.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
			.territhumbnailsubcontainer {
				background-image: none !important;
			
			}
			
			.terricontent .terrilogo {
				width: 30%;
				min-width: auto;
			}
			
			.terricontent .views-row {
				padding-right: 0px;
				margin-top: var(--abstand-2);
			
			}
			
			.terriheader .bgimg {
				width: 47vw;
				height: 47vw;
			}
			
			.contactcontent .views-row {
				flex-wrap: wrap;
				justify-content: center;
			}
			
			.contactcontent .views-row > div {
				flex-basis: calc(33.333333% - 20px);
				margin: 0px 10px;
				margin-bottom: var(--abstand-2);
			}
			
			.storiaparagraph {
				padding: 0px 0px;
				box-sizing: border-box;
				align-items: flex-start;
			}
			
			.page-node-type-categoria-prodotto .layout-container,
			.page-node-type-prodotto .layout-container {
				padding-top: var(--headerheight);
			}
			
			.storiaparagraph.maxwidth {
				margin-left: 0px !important;
				margin-right: 0px !important;
			}
			
			#id1950 img, #id1993 img, #id1997 img, #id1998 img, #id2012 img, #id1957 img, #id1961 img, #id1970 img, #id1995 img, #id2008 img, #id2010 img, #id1967 img, #id1960 img, #id2004 img, #id2014 img, #id2018 img, #id2000 img, #id2001 img, #id2019_2 img, #id2020 img, #id2005 img, #id2007 img, #id2019 img, #id2021 img {

			}
			
			#id1950 img,
			#id1993 img,
			#id1997 img,
			#id1998 img,
			#id2012 img,
			#id1957 img,
			#id1961 img,
			#id1970 img,
			#id1995 img,
			#id2008 img,
			#id2010 img,
			#id1967 img,
			#id1960 img,
			#id2004 img,
			#id2014 img,
			#id2018 img,
			#id2000 img,
			#id2001 img,
			#id2019_2 img,
			#id2020 img,
			#id2005 img,
			#id2007 img,
			#id2019 img,
			#id2021 img  {
				width: 100% !important;
				height:  auto !important;
				max-width: initial !important;
				max-height: initial !important;
			}
			
			
		
			
			.headerprofessional {
				width: 100vw;
				margin-left: calc(-1 * var(--abstand-1))
			}
			
			.page-node-type-prodotto .field--name-field-marchio {
				margin-top: 30px;

			}
			.produktbreacrumb {
				top: 20px;
			}
			
			.page-node-type-prodotto .field--type-tablefield {
				margin-top: var(--abstand-1);
				margin-bottom: var(--abstand-1);
			}
			.containerright {
				margin-bottom: var(--abstand-1);
			}

			main {
				margin-bottom: var(--abstand-1);
			}
			
			.terrabrillbiodetail .tbrow {
				padding-top: 100px;
			}
			
			.terrabrillbiodetail .views-row > .detailset {
				margin-top: var(--abstand-2);
			}
			
			.gaiadetail .view-inc-icons-on-product,
			.terridetail .view-inc-icons-on-product {
				margin-top: 0px !important;
			}
			
			
			.territhumbnail .views-row h3 {
				font-size: 115%;
				
			}
			
			.terridetail .views-row:nth-child(odd) .productdetailset1 {
				padding-left: 0px !important;
			}
			.terridetail .views-row:nth-child(even) .productdetailset1 {
				padding-right: 0px !important;
			}
			
			.terridetail .views-row .view-inc-litraggio-on-product {
				margin-right: 0px !important;
				max-width: 100%;
			}
			
			.terridetail .view-inc-litraggio-on-product .view-header,
			.terridetail .views-row .view-inc-litraggio-on-product {
				justify-content: center !important;
			}
			
			
			.gaiadetail .views-field-field-scopri-dove-utlizzare {
				width: 100%;
				top: 20vh;
				height: 50vh;
			}
			
			.terridetail .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-prodotto{
				padding-top: 20vh !important;
			}
			
			.terridetail .views-field-field-scopri-dove-utlizzare {
				top: 55vh;
			}
			
			.terridetail .productdetailset2 .views-field-field-immagine-sfondo {
				width: 110%;
			}
			
			
			.terridetail .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-sfondo {
				left: -30% !important;
			}
			
			.terridetail  .views-row:nth-child(even) .views-field-field-immagine-sfondo  {
				right: -30% !important;
			}
			
			
			.terridetail {
				overflow: hidden;
			
			}
			
			.terridetail .views-row {
				margin-bottom: 50px;
			}
			
			.complementaridetail .terrabrilldetail .productdetailset2 {
				padding-top: 30px;
			}
			
			.gmap {
				padding: 0px;
			}
			
			.gmap .maxwidth {
				margin-left: 0px !important;
				margin-right: 0px !important;
			}
			

			.teamonazienda .views-row .views-field-field-portrait {
				max-width: 90%;
			}
			
			
			.region-hobby .hobbymenusetleft {
				flex-basis: 100%;
			}
			
			.region-hobby .hobbymenusetright {
				display: none !important;
			}
		
			.hobbymenusetleft .views-field-field-hobby-menu-titel-image {
				top: 30px;
			}
			
			.hobbymenusetleft .view-content {
				min-height: 800px;
			}
			
}


@media all and (max-width: 834px)  and (orientation:portrait)  {

		.scontainer .sliderflex {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: flex-start;
		}
		
		.scontainer .sliderflex .sliderrightblock {
				padding-left: 0px;
				text-align: center;
				flex-basis: 100%;	
				align-self: flex-start;
		}
		
		.scontainer .sliderflex .sliderrightblock img {
			margin-left: auto;
			margin-right: auto;
		}
		
		.scontainer .sliderrightblock img {
			max-height: 50vh;
		}
		
		.scontainer .sliderflex .sliderleftblock {
			align-self: flex-start;
			flex-basis: 100%;
			text-align: center;
		}
		
		.scontainer .sliderflex .link {
			display: table;
			margin-left: auto;
			margin-right: auto;
		}

		.colorblockbgimg {
			background-image: none !important;
		}
		
	
		
		
		footer .region-footerright2 {
	
		}
		

		
		.detailcontainer {
			flex-wrap: wrap;
		}
		
		.containerright {
			flex-basis: 100%;
			margin-left: 0px;
			margin-top: var(--abstand-2);
		}
		
	

	
	.productdetail .views-row {
		flex-wrap: wrap;
	}
	
	.productdetailset1 {
		padding-top: 30px;
	}
	
	.terrabrilldetail .productdetailset2 {
		padding-top: 130px;
	}
	
	.terrabrilldetail .views-field-field-immagine-sfondo {
		top: 130px;
		width: 70%;
		right: -20%;
	}

	.magicdetail .magiclogo {
		position: relative;
		top: 10px;
	}
	
	.magicdetail .views-field-field-immagine-sfondo {
		width: 100%;
		top: 0px;
	}
	
	.terrabrillbiodetail .views-field-field-immagine-sfondo-1 .bg2 {
		display: none !important;
	}
	
	.terrabrilldetail .view-inc-litraggio-on-product, .terrabrillbiodetail .view-inc-litraggio-on-product, .gaiadetail .view-inc-litraggio-on-product {
		flex-wrap: wrap;
	}
	
	.terrabrilldetail .view-footer .view-header {
		flex-basis: 100%;
	}
	
	
	
	.terrabrilllogoheader.bio {
		right: auto;
		left: 50%;
		top: 0px;
		width: 20vw;
		height: 20vw;
		
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	
	
	.terrabrillbiodetail .views-field-field-immagine-sfondo-1 {
		width: 100%;
		height: 40vh;
	}
	
	.views-field-field-immagine-prodotto {
		text-align: center;
	}
	
	.productdetailset2 .views-field-field-immagine-prodotto img {
		width: calc(100% - var(--abstand-1) - var(--abstand-1));
		max-width: 350px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.terrabrilldetail.productdetail .views-row > .detailset {
		margin-top: 30px;
	}
	
	.magicdetail .productdetailset1 {
		padding-top: 20px;
	}
	
	.magicdetail .productdetailset2 {
		padding-top: 100px !important;
	}

	.productdetail .views-row > .detailset, 
	.productdetail .view-footer > div {
		border-bottom: 0px;
	}
	
	.terrabrillbiodetail .tbrow:nth-child(even) .productdetailset2 .views-field-field-immagine-prodotto img {
		float: none;
		margin-right: 0px;
	}
	
	
	.gaiaheadercontent {
		flex-wrap: wrap;
		align-items: flex-start;
	}
	
	.gaiaheadercontent .gaiaslider {
		flex-basis: 100%;
	}
	
	.gaiaheadercontent .gaiaslider .flexslider, .gaiaheadercontent .gaiaslider .flexslider ul, .gaiaheadercontent .gaiaslider .flexslider ul li {
		height: 50vh;
	}
	
	.gaiaheadercontent .gaiaslider {
		height: 50vh;
		min-height: 50vh;
	}
	
	.gaiaheadercontent .gaiacontent {
		padding: var(--abstand-1) var(--abstand-1) 0px var(--abstand-1);
	}
	
	.gaiaheadercontent .gaiacontent {
		flex-basis: 100%;
	}
	

	
	
	
	
	

	.terridetail .views-row:nth-child(even) .productdetailset1 {
		padding-left: 0px;
	}
	
	.terridetail .views-row:nth-child(odd) .productdetailset1 {
		padding-right: 0px;
	}
	
	.productdetailset2 {
		padding-left: 0px;
	}
	
	.terridetail .views-row:nth-child(even) .productdetailset2 .views-field-field-immagine-prodotto {
		padding-right: 0px;
		padding-top: 25vh;
	}
	
	.terridetail .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-prodotto {
		padding-left: 0px;
		padding-top: 30vh;
	}
	
	
	.terridetail .views-row:nth-child(odd) .productdetailset2 .views-field-field-immagine-sfondo {
		left: calc(-1 * var(--abstand-1));
		top: 10px;
	}
	
	.terridetail  .views-row:nth-child(even) .views-field-field-immagine-sfondo  {
		right: calc(-1 * var(--abstand-1));
		top: 10px;
	}
	

	
		.gaiaheader .views-field-body {
			width: 100%;
		}
		
		.gaiathumbnail {
			width: 100%;
		}
		
				

		
		#id2019 .field--name-field-immaginestoria {
			margin-top: -30px;
		}
		
		.terrabrillbiodetail .tbrow:nth-child(even) .productdetailset1 {
			padding-left: 0px;
		}
		
		.terrabrillbiodetail .productdetailset1 {
			padding-right: 0px;
		}
		
		.gaiadetail .productdetailset2 {
			padding-right: 0px;
			flex-basis: 80% !important;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		.views-field-field-portrait {
			padding: 30px 10px 30px 0px;
		}
		
		

	
	
}




@media all and (max-width: 768px) {
	
	
		
	h3 {
		font-size: 170%;
		line-height: 135%;
	}
	
		
	h6,
	footer h5 {
			font-size:100%;
	}
	
	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
		float: none;
	}
	
	.node--type-legal .node__content {
		overflow-x: hidden;
	}
	
	.paragraphbgblockflex {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}
	
	.paragraphbgblock {
		height: auto;
		padding: var(--abstand-1) 0px;
	}
	
	.paragraphbgblockflex > div {
		flex-basis: 100%;
	}
	
	.paragraphbgblock .field--name-field-immagine-para {
		text-align: center;
	}
	
	.paragraphbgblock .field--name-field-immagine-para img {
		max-width: 300px;
	}
	
	.bloccotestoimmagineflex .text {
		padding-left: 0px;
	}
	
	.bloccotestoimmagineflex {
		flex-wrap: wrap;
	}
	
	.bloccotestoimmagineflex .text {
		flex-basis: 100%;
	}
	
	.bloccotestoimmagineflex .bild {
		flex-basis: 100%;
	}

	
	.node--type-focus-news .field--name-field-immaginenews {
		width: 50%;
	}
	
	.focusliste .focusflex {
		align-items: flex-start;
	}
	
	.focusliste .focusflex > div {
		align-self: flex-start;
	}
	
	.magicdetail .magiclogo {

	}

	.bloccotestoimmagineflex .text h4 {
		margin-bottom: var(--abstand-1);
	}
	
	.magicdetail .magiclogo {

	
	}
	
	
	.colorboxsupercontainer .paragraph:nth-child(even) .contentblock  {

		padding-right: 50vw;
	}
	
	
	.terrabrillbiocontentcontainer {
		padding-top: 40vh;
	}
	
	.view-terri-product-thumnails .view-content > .views-row h3 {
		font-size: 100%;
	}
	
	.teamonazienda .view-content {
		justify-content: space-between;
	}
	
	.teamonazienda .views-row {
		flex-basis: calc(50% - 15px);
		margin: 0px 0px 5vh 0px;
		text-align: center;
	}
	.teamonazienda .views-row .views-field-field-portrait {
		max-width: 70%;
	}
	
	.field--name-field-downloads .field__item {
		flex-basis: 100%;
		
	}
	
	
}

@media all and (max-width: 736px) 	and (orientation:landscape)  {
	
		
	:root {
		--logowidth: 200px;
		--fontsize: 90%;
		--lineheight: 185%;
	}

	
	.scontainer {
		padding-top: calc(var(--headerheight) + 20px);
	}
	
	.scontainer .sliderflex .sliderrightblock {
		flex-basis: 30%;
		width: 30%;
	}
	
	.scontainer .sliderflex .sliderleftblock {
		flex-basis: 70%;
		width: 70%;
	}
	
	.sliderhome h2 {
		font-size: 200%;
		line-height: 115%;
	}
	
	h1 {
		font-size: 180%;
		line-height: 135%;
	}
	
	h1.page-title {
		font-size: 180%;
		line-height: 135%;
	}

	h4 {
		font-size: 130%;
		line-height: 135%;
	}
	
		

	

	
	.page-node-type-prodotto-hobby .terrabrilllogoheader {
		height: 80px;
		width: calc(var(--abstand-1) + 165px);
	}

	.view-inc-litraggio-on-product .view-content .views-row {
		font-size: 100%;
	}
	
	.terrabrillbioliste .productdetailset2 .views-field-field-immagine-prodotto img {
		height: 300px;
		width: auto;
	}
	
	.terrabrillbiodetail .views-field-field-immagine-sfondo-1 .bg2 {

	}
	
	.gaiaheader .views-field-body {
		width: 80%;
	}
	
	.gaiathumbnail {
		width: 80%;
	}
	
	
	.view-inc-icons-on-product .view-content img {
		height: 35px;
	}
	

	
	.terrabrilldetail .view-inc-litraggio-on-product, 
	.terrabrillbiodetail .view-inc-litraggio-on-product, 
	.gaiadetail .view-inc-litraggio-on-product,
	.view-inc-litraggio-on-product .view-content {
		flex-wrap: wrap;
	}
	
	.terridetail .views-row .view-inc-litraggio-on-product {
		flex-wrap: wrap;
	}
	
	.terridetail .views-row:nth-child(odd) .productdetailset1 {
		padding-right: 0px;
		padding-left: 30px;
	}
	
			
	.magicdetail .magiclogo {
		top: 0px;
	}
	
	
		





}

@media all and (max-width: 736px) {
	.magicdetail .magiclogo {
		top: 0px !important; 
	}
}

@media all and (max-width: 650px) {
	
	:root {
		--logowidth: 225px;
		--fontsize: 90%;
		--lineheight: 185%;
		
		--headerheight: 105px;
		--headerheightfront: 105px;
		
		--headerprofheight: 30vh;

	}
	

	
	.sliderhome {
	
	}
	
	h1.page-title {
		font-size: 180%;
		line-height: 115%;
	}
	
	.titelblock h1 {
		font-size:160%;
		line-height: 145%;
	}
	
	h3,
	.view-gaia-product-thumnails .view-content,
	.view-terri-product-thumnails .view-content {
		font-size: 180%;
		line-height: 135%;
	}
	
	h4 {
		font-size: 120%;
		line-height: 145%;
	} 
	
	.page-node-type-prodotto-hobby .layout-container {
		position: relative;
		padding-top: calc(var(--headerheight) + 10px);
	}
	
	.path-frontpage .node__content .field--name-body h4 {
		margin-top: 10px;

	}
	
	.terrabrillcontent .einleitung, 
	.productdetail .einleitung, 
	.terrabrillbiocontentcontainer .einleitung, 
	.terricontent .einleitung {
		line-height: 145%;
	}
	
	.catuebersicht .views-row {
		margin-right: 0px !important;
	}
	
	.productowl .owl-theme .owl-controls .owl-buttons .owl-next {
			right: calc((var(--abstand-3) - var(--abstand-3) - var(--abstand-3)) + 12px);
	}
	

	#block-whtheme-branding {
		 top: 10px;
		 left: 20px;
		 -webkit-transform: translateY(0%);
		 -moz-transform: translateY(0%);
		 transform: translateY(0%);
	 }
	 
	 .topline .views-field-field-social {
		 display: none;
	 }
	 
	.colorblock h2 {
		font-size: 250%;
		line-height: 115%;
	}

	
	.webform .wfleft {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfleft input {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfright {
		width: 100%;
		float: none;
		clear: both;
	
	}
	
	.webform .wfright input,
	.webform .wfright select {
		width: 100%;
		float: none;
		clear: both;
	}
	
	input.js-form-submit {
		width: 100%;
	}
	
	.scontainer {
		padding-top: calc(var(--headerheight) + 10px);
	}
	
	.scontainer .sliderrightblock img {
		max-height:45vh;
	}
	
	
	.sliderhome h2 {
		font-size: 220%;
		line-height: 115%;
		margin-top: 20px !important;
	}
	
	.scontainer .sliderflex .sliderleftblock .link {
		margin-top: 20px;
	}
	
		
	.scontainer .sliderflex .sliderleftblock h3 {
		font-size: 140%;
		line-height: 135%;
	}
	
	.colorboxsupercontainer .paragraph .contentblock {
		padding-left: var(--abstand-1) !important;
		padding-right: var(--abstand-1) !important;
		text-align: center;
	}
	
	.colorboxsupercontainer .paragraph .colorblockbgimg {
		position: relative;
	}
	
	.colorblock {
		flex-wrap: wrap;
	}
	
	
	.view-produkte-kategorieanzeige .views-field-title {
		justify-content: center;
	}
	
	.page-node-type-prodotto .view-produkte-kategorieanzeige .views-field-title {
		justify-content: flex-start;
	}
	
	.colorboxsupercontainer .paragraph .field--name-field-immagine-prodotto {
		text-align: center;
		
	}
	
	.colorboxsupercontainer .paragraph .colorblockbgimg {
		width: 100%;
	}
	
	.colorboxsupercontainer .paragraph .field--name-field-immagine-prodotto  {
		-webkit-transform: translateX(0%) !important;
		-moz-transform: translateX(0%) !important;
		transform: translateX(0%) !important;
	}
	
	.colorboxsupercontainer .paragraph .field--name-field-immagine-prodotto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.field--name-field-link-colorblock a.button {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.colorblock .colorblockbgimg img {
		width: 60vw;
	}
	
	.colorblock {
		padding: 50px 0px
	}
	
	
	.bloccotestoimmagine {
		padding: 50px 0px 0px 0px;
		position: relative;
		overflow: hidden;
	}
	
	.bloccotestoimmagine .text {
		position: relative;
		z-index: 80;
		text-align: center;
	}
	.bloccotestoimmagine .bild  {
		display: none !important;
	}
	
	.bloccotestoimmagineflex .text h5 {
		font-size: 150%;
		font-weight: var(--regular);
	}
	
	.bloccotestoimmagineflex .text h4:after {
		left: 50%;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.partnerblock .view-content {
		justify-content: center;
	}
	
	.partnerblock .views-row {
		flex-basis: 25%;
		margin: 20px 10%;
	}
	
	footer  {
		padding-bottom: 60px;
	}
	
	footer .region-footerright2 div:not(:last-child) h6 {
		display: none;
	}
	
	footer .region-footerright2 {
		flex-wrap: wrap;
		border-top: 0px;
		font-size: 120%;
	}
	
	footer .region-footerright2 > div {
		flex-basis: 100%;
		padding: 10px 0px;
	}
	
	footer .region-footerright2 > div:nth-child(2),
	footer .region-footerright2 > div:nth-child(3) {
		border-bottom: solid 1px var(--actioncolor);
		padding-bottom: 20px;
	}
	
	.page-node-type-landingpage-hobby footer .region-footerright2 ,
	 .page-node-type-prodotto-hobby footer .region-footerright2  {
		 border-top: solid 0px var(--weiss);
	 }
	 
	 
	 .page-node-type-landingpage-hobby footer .region-footerright2 > div:nth-child(2),
	 .page-node-type-landingpage-hobby footer .region-footerright2 > div:nth-child(3),
	 .page-node-type-prodotto-hobby footer .region-footerright2 > div:nth-child(2),
	 .page-node-type-prodotto-hobby footer .region-footerright2 > div:nth-child(3) {
		 border-bottom: solid 1px var(--maincolor);

	 }
	
	footer .region-footerright2 .block-views-blockfooter-blocks-block-3 {
		display: none;
	}
	
	footer .partnerlogo img {
		width: 100px;
	}
	
	.usermenu ul.menu {
		flex-wrap: wrap;
	}
	
	.usermenu ul.menu li {
		margin-bottom: 5px;
	}
	
	.headerslideset img {
		width: 35px;
		margin-right: 5px;
	}
	
	.headerslideset {
		padding-left: var(--abstand-1);
		padding-right: var(--abstand-1);
		box-sizing: border-box;
	}
	.headerslideset h1 {
		font-size: 160%;
		font-weight: var(--bold);
		letter-spacing: 1px;
		text-align: left;
	}
	

	
	.produktliste .views-row {
		flex-basis: 100%;
		margin-right: 0px;
	}
	
	.produktlistecontainer {
		padding: 0px;
	}
	
	.page-node-type-categoria-prodotto main {
		background: var(--bgcolor);
	}
	
	.page-node-type-categoria-prodotto main .searchblock input[type=text] {
		background: var(--weiss);
	}
	.page-node-type-categoria-prodotto main .catjump select {
		border: solid 1px var(--weiss);
	}
	.page-node-type-categoria-prodotto main .catjump  {
		padding: 0px;
	}
	
	.socialfooter {
		display: block;
	}
	
	
	.region-breadcrumb {
		display: none;
	}
	
	img.image-style-logo-marchio-on-detail {
		margin-top: 20px;
	}
	
	.productdetail .view-scheda-tecnica-on-detail {
		margin-top: 50px !important;
	}
	
	.gaiadetail.productdetail .view-scheda-tecnica-on-detail,
	.terridetail.productdetail .view-scheda-tecnica-on-detail {
		margin-top: 30px !important;
	}
	
	.terridetail .productdetailset1 {
		margin-top: 0px;
	}
	
	.terridetail .productdetailset1 h1 {
		margin-top: 0px;
	}
	
	.view-scheda-tecnica-on-detail .view-content > div {
		flex-wrap: wrap;
	}
	
	.view-scheda-tecnica-on-detail .view-content > div > div {
		margin-bottom: 15px;
	}
	
	
	.terrabrillcontent {
		margin-top: 50px;
	}
	
	
	.terrabrillproductlist .view-content .views-row {
		flex-basis: 100%;
		border-bottom: solid 1px var(--linegrau);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	
	.terrabrilldetail .views-field-field-immagine-sfondo img {
		display: none !important;
	}
	
	
	.terrabrilldetail .views-field-field-immagine-prodotto img,
	.magicdetail .productdetailset2 .views-field-field-immagine-prodotto img,
	.productdetailset2 .views-field-field-immagine-prodotto img {
		max-width: 70%;
		height: auto;
	}
	
	.terrabrilldetail.productdetail .views-row > .detailset {
		margin-top: 0px;
	}
	
	.view-inc-icons-on-product .view-content img {
		height: 60px;
	}
	
	
	.gaiadetail.productdetail  .productdetailset1{
		margin-bottom: 30px;

	}
	.view-inc-litraggio-on-product .view-content {
		flex-wrap: wrap;
	}
	
	.view-inc-litraggio-on-product .view-content .views-row {
		font-size: 100%;
		padding: 2px 20px;
	}
	
	.terrabrilldetail .view-inc-litraggio-on-product .view-header {
		position: relative;
		top: 10px;
		z-index: 98;
	}
	
	.magicdetail .magiclogo {
		width: 80%;


	
	} 
	
	
	.magicdetail .productdetailset2  {

	}
	
	.terrabrilllogoheader,
	.page-node-type-prodotto-hobby .terrabrilllogoheader {
			margin-top: 20px;
			width: calc(var(--abstand-1) + 140px);
			height: 70px;
	
	}
	
	.magicdetail .views-field-field-immagine-sfondo {
		display: none;
	}
	
	

	
	.terrabrillbiocontent .terrabrillbiologo {
		min-width: auto;
		width: 80%;
		margin-top: 50px;
	}
	
	
	.terrabrillbiodetail .views-field-field-immagine-sfondo-1 {
		height: 60vh;
	}
	
	.terrabrillbioliste {
		margin-top: 20vh;
	}
	
	
	.terriheader .bgimg {
		top: 15vw;
		width: 60vw;
		height: 60vw;
	}
	
	.terricontent .terrilogo {
		width: 50%;
	}
	
	.terridetail .views-row:nth-child(odd) .view-inc-litraggio-on-product {
		justify-content: flex-start;
	}
	
	.terridetail .views-row .view-inc-litraggio-on-product {
		flex-wrap: wrap;
	}
	
	.gaiadetail .productdetailset1 {
		padding-right: 0px;
	}
	
	.gaiadetail .productdetailset2 {
		flex-basis: 100% !important;
	}
	
	
	.teamblock .views-row {
		flex-basis: 100%;
	}
	
	.contactcontent .views-row {
		justify-content: center
	}
	
	.contactcontent .views-row > div {
		flex-basis: 50%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.storiaparagraph {
		flex-wrap: wrap;
	}
	
	.storiaparagraph > div {
		flex-basis: 100% !important;
	}
	
	.storialeft {
		margin-bottom: 20px;
	}
	
	#id2005,
	#id2007 {
		float: none;
		width: 100%;
		clear: both;
		display: table;
		height: auto;
	}
	
	#id2007 {
		padding-top: 0px !important;
	}
	
	#id2005 img,
	#id2007 img {
		max-width: 50%;
		height: auto;
		margin: 0px 20px;
	}
	
	#id2005 .storiaparagraph,
	#id2007 .storiaparagraph {
		flex-wrap: nowrap !important;
	}
	
	#id2005 {
		position: relative;
	}
	
	#id2005 .storialeft {
		flex-basis: 100% !important;
		width: 100%;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	#id2005 .storiaright {
		flex-basis: 20px !important;
		position: absolute;
		right: 0px;
		top: 40px;
	}
	
	
	#id2007 {
		position: relative;
	}
	
	#id2007 .storiaright {
		flex-basis: 100% !important;
		width: 100%;
	}
	
	#id2007 .storialeft {
		flex-basis: 20px !important;
		position: absolute;
		right: 0px;
		top: 40px;
	}
	
	
	
	.dx .storialeft {
		text-align: left;
	}
	
	.sx .storiaright,
	.dx .storialeft {
		padding: 30px 20px 30px 20px !important;
		
	}
	
	#id1960 img {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px) !important;
		height: auto !important;
		max-height: auto !important;
	}

  .storialeft {
		margin-bottom: 0px;
	}
	
	
		
	#id2005 img,
	#id2007 img {
		width: 80px !important;
		height: auto;
	}
	
	
	.magicdetail .magiclogo {
		top: 0px !important; 
	}
	
	
		
	.focusliste .focusflex {
		flex-wrap: wrap;
	}
	
	.focusliste .focusflex > div {
		flex-basis: 100%;
	}
	
	.focusliste .views-row {
		padding: 50px 0px;
	}
	
	.focusliste .views-field-field-immaginenews {
		margin-bottom: 20px;
	}
	
	.focusliste .views-field-body a {
		margin-top: 30px;
	}
	
	.node--type-focus-news .field--name-field-immaginenews {
		width: 100%;
		margin-left: 0px;
		
	}
	
	
	.sx .storiaright {
		padding-left: 0px;
	}
	.dx .storialeft {
		padding-right: 0px;
	}
	
	.owl-theme .owl-controls .owl-buttons div, 
	.standardblock .owl-theme .owl-controls .owl-buttons div {
		width: 60px;
		height: 60px;	
	}
	
	
	.colorblock .categorie {
		margin-bottom: 20px;
	}
	
	.colorblock .text {
		margin-bottom: 20px;
	}
	
	.paragraph--type--blocco-sfondo-testo-immagine .paragraphbgblockflex .bild {
		margin-bottom: 30px;
	}
	.paragraphbgblockflex {
		padding: 50px 0px;
	}
	
	.paragraphbgblockflex .text h3 {
		margin-bottom: 60px !important;
	}
	
	
	.terrabrillproductlist .views-field-url,
	.terrabrillproductlist .views-field-view-node, 
	.territhumbnail .views-field-view-node {
		margin-top: 10px;
	}
	
	.terrabrillbiodetail .view-content .tbrow:nth-child(odd) .bgimg {
		background-position: right center;
	}
	
	.terrabrillbiodetail .view-content .tbrow:nth-child(even) .bgimg {
		background-position: left center;
	}
	
	
	.gaiadetail .views-field-field-scopri-dove-utlizzare {
		width: 100%;
		top: 10vh;
		height: 50vh;
	}
	
	.aziendaheader .views-field-field-headerslogan {
		white-space: initial;
		text-align: center;
	}
	
	.aziendaheader .views-field-field-headerslogan {
		width: calc(80% - 40px);
		margin-left: 0px;

	}
	
	.catuebersicht .views-row {
			flex-basis: 100%;
			margin-right: 0px;
	 }
	 
	 
	 .simplepagecontent {
		 padding: 0px;
	 }
	 
	 
	 .page-node-type-simple-page .sliderhome {
		 height: 60vh;
	 }
	 
	 .page-node-type-simple-page main {
		 padding-top: calc(40vh + 30px);
	 }

	 .teamonazienda .views-row {
		 flex-basis: 100%;
		 margin-bottom: 50px;
	 }
	 
	 .teamonazienda .text-xl {
		 font-size: 180%;
		 line-height: 155%;
	 }
	 
	 .teamonazienda .views-row img {
		 width: 100%;
		 height: auto;
		 border-radius: 0px;
	 }
	 
	 .teamonazienda .views-row .views-field-field-portrait {
		 max-width: 100%;
		 margin: 0px 0px 20px 0px;
		 padding: 0px;
	 }
	 
	 .maxwidth.block-views-blockteam-on-block-1 {
		 margin-left: 0px;
		 margin-right: 0px;
	 }
	 
	 


	
}

@media all and (max-width: 550px) {
	.masonry-item {
		width: calc((100% / 2) - 4px);
		margin-right: 4px;
		margin-bottom: 4px;
	}
}


@media all and (max-width: 414px) {

			.hobbymenusetleft .view-content {
					min-height: 680px;
				}
}

@media all and (max-width: 375px) {

	.sliderhome h2 {
		font-size: 170%;
		line-height: 115%;
	}
}

@media all and (max-width: 320px) {
	
	.sliderhome h2 {
		font-size: 150%;
		line-height: 115%;
	}
	
	
	.socialfooter {
		top: 60px;
	}
	
	
	.view-inc-icons-on-product .view-content img {
		height: 55px;
	}
	
	.view-inc-litraggio-on-product .view-content .views-row {
		font-size: 100%;
		padding: 2px 15px;
	}
	
	.scontainer .sliderrightblock img {
		max-height:35vh;
	}
	
	
	
	
}


@media all and (max-height: 736px) and (orientation:landscape) {

		.colorblock .colorblockbgimg img {	
	 	height: auto;
	 	max-height: 90%;
			width: 25vw;
	}
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
	


	
  
	
}


@media only screen and (max-width: 736px) and (orientation:landscape)  {
	

	
}