body.page-template-advent, body.page-template-kalendar,  body.page-template-advent_uebersicht, body.page-template-advent_best {
  background: #e4b95e;
}

body.page-template-advent_export {
  background: #80CBC4;
}

.best div {

  padding-bottom: 90px;
  padding-top: 40px;
}



p a, .huelsta-news-content a {
	text-decoration: underline;
	transition: all 0.2s linear;
}

p a:hover, .huelsta-news-content a:hover {
	text-decoration: none;
	color:#808080;
}

.page-template-80Jahre_produkte .row.zeile_box.no-bottom-pad, .page-template-80Jahre_produkte h2{
  padding: 0 !important;
  margin: 0 !important;
}

.page-template-80Jahre_produkte .designer-produkte .btn {
  margin-top:20px;
}

.page-template-80Jahre_produkte .designer-produkte {
  margin-top:0px;
}


.img-responsive.logo80jahre {
  margin: 0 auto;
  margin-top: -50px;
  mix-blend-mode:multiply;
}

.mobile-layer {

	text-align: center;
	font-size: 25px;
	padding: 30px;

	padding-top: 60px;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background: #fff;
	display: none;
	z-index:100000;
	pointer-events: none;


}


@media (min-width: 1000px) {

	.mobile-layer {

		display: none;


	}

}

.container.grid-lg {
    max-width: 1200px;
}



body.stop {
  	height: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
}

.grid-xl {
	max-width: 1430px !important;
}

.row {
	opacity: 1;
	transition: opacity 0.2s linear;
}

.row.loaded {
	opacity: 1;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin-bottom: 20px;
}

.wpml-ls-statics-footer {
	display: none;
}

.row {
	background: #fff;
}

.row.light-bg {
	padding-top: 0;
	padding-bottom: 0;
}

.light-bg {
	background-color: rgb(245, 245, 245);
}

.light-bg .bild-leisten:last-of-type {
	margin-bottom: 20px;
}

.light-bg .bild-leisten:first-of-type {
	margin-top: 10px;
}

.site-content-contain {
	margin-top: 60px;
}

.single-produktlinie .site-content-contain, .site-content-contain.no-margin {
	margin-top: 0px;
}

.single-product .site-content-contain {
	margin-top:80px;
}


.post-type-archive-produktlinie .site-content-contain {
	margin-top:80px;
}


@media (min-width: 1000px) {
	.site-content-contain {
		margin-top: 75px;
	}

	.single-produktlinie .site-content-contain, .site-content-contain.no-margin {
		margin-top: 0px;
	}

	.single-product .site-content-contain {
		margin-top:150px;
	}

	.post-type-archive-produktlinie .site-content-contain {
		margin-top:150px;
	}
}

p, .huelsta-news-content {
	font-size: 17px;
	line-height: 1.6;
  font-weight: 300;
}

.entry-header {
	margin-top:100px;
}

.entry-content img {
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
	display: none;
}




.menu .menu-item>a:hover, .menu .menu-item>a:active, .menu .menu-item>a:focus {
	color:#fff;
}

/*
.btn.btn-primary {
	transition: background 0.3s linear;
}
*/
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
	background: #494949;
	background-color: #494949;
}

.btn:hover, .btn:active,.btn:focus {
	color:#fff;
}


.call-to-action .btn.btn-secondary {
	background: transparent;
	border:1px solid #fff;
	color:#fff;
	height: 38px;
	line-height: 36px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 13px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.video .call-to-action .btn.btn-secondary {
	background: transparent;
	border:1px solid #fff;
	color:#fff;
	height: 50px;
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 18px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: none;
}


.call-to-action .btn.btn-secondary:hover {
	background: #ffffff;
	border:1px solid #fff;
	color:#2d2d2d;
}

.keyvisual .call-to-action {
	display: none;
}

.video .call-to-action {
	margin-top: 80px;
}

.navbar {
	height: 75px;
	border-bottom: 0px;
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index: 50;
	display: none;
	background: #fff;

	transition: top 0.2s ease-in-out;
}

.navbar.nav-up {
	top:-85px;
}

.navbar-overlay {
	position: fixed;
	left:-100%;
	top:0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 80;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.6s linear;
}

.navbar-overlay.show {
	left:0;
	opacity: 1;
	pointer-events: auto;
}

.search-overlay {
	position: fixed;
	left:-100%;
	top:0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 380;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.6s linear;
}

.search-overlay.show {
	left:0;
	opacity: 1;
	pointer-events: auto;
}

.hulsta-search {
	position: fixed;
	background: #fff;
	box-shadow: 0 0.2rem 0.5rem rgba(69,69,69,.3);
	top:-50%;
	left:50%;
	z-index: 381;
	transform: translate(-50%,0);
	opacity:0;
	padding:10px;
	padding-top:70px;
	border-radius: 2px 2px;
	transition: all 0.5s ease-in;

}

.hulsta-search.show {
	top:25%;
	transform: translate(-50%,-25%);
	opacity:1;
}


.modal.active .modal-overlay, .modal:target .modal-overlay {
	background: rgba(0,0,0,0.8);
}

.search-form {
	width: 100%;
	max-width: 300px;
	background: #fff;
	margin:0 auto;
}

.search-form {
	width: 100%;
	max-width: 300px;
	min-width: 300px;
	padding:0px;
}

.search-form .input-group {
	border:0;
	position: relative;
}

.search-form input {
	border:0;
}

.search-form input:focus {
	box-shadow: none;
}

.search-form .btn {

}

.search-form .input-group:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	pointer-events: none;
	top:5px;
	border-bottom:0px solid #dfdfdf;
	z-index: +1;
}

.search-form {
	border:1px solid #2d2d2d;
}

.produkt-layer_closer.search-closer {
	position: absolute;
	cursor: pointer;
	right: 10px;
	top:10px;
}

.search-header {
	position: absolute;
	cursor: pointer;
	left: 15px;
	top:15px;
	font-size: 25px;
	font-weight: 200;
	letter-spacing: 1px;
}

.search-header span {
	font-weight: 500;
}

.form-input.input-lg {
    font-size: .9rem;
    height: 2.6rem;
    padding: .25rem 0.8rem;
}

.pagination .page_item {
    margin: .05rem .0rem;
}

.pagination .page-item {
    margin: .05rem .0rem;
}

@media (min-width: 800px) {

	.pagination .page_item {
	    margin: .2rem .05rem;
	}

	.pagination .page-item {
	    margin: .2rem .05rem;
	}

	.form-input.input-lg {
    font-size: .9rem;
    height: 2.6rem;
    padding: .65rem 1.8rem;
}

	.search-form .btn {
		display: block;
	}


	.hulsta-search {
		position: fixed;
		background: #fff;
		box-shadow: 0 0.2rem 0.5rem rgba(69,69,69,.3);
		top:-50%;
		left:50%;
		z-index: 381;
		transform: translate(-50%,0);
		opacity:0;
		padding:30px;
		padding-top:70px;
		border-radius: 2px 2px;
		transition: all 0.5s ease-in;

	}

	.hulsta-search.show {
		top:25%;
		transform: translate(-50%,-25%);
		opacity:1;
	}


	.modal.active .modal-overlay, .modal:target .modal-overlay {
		background: rgba(0,0,0,0.8);
	}

	.search-form {
		width: 100%;
		max-width: 600px;
		background: #fff;
		margin:0 auto;
	}

	.search-form {
		width: 100%;
		max-width: 600px;
		min-width: 600px;
		padding:15px;
	}

	.search-form .input-group {
		border:0;
		position: relative;
	}

	.search-form input {
		border:0;
	}

	.search-form input:focus {
		box-shadow: none;
	}

	.search-form .btn {

	}

	.search-form .input-group:after {
		position: absolute;
		content: '';
		height: 100%;
		width: 100%;
		pointer-events: none;
		top:5px;
		border-bottom:0px solid #dfdfdf;
		z-index: +1;
	}

	.search-form {
		border:1px solid #2d2d2d;
	}

	.produkt-layer_closer.search-closer {
		position: absolute;
		cursor: pointer;
		right: 10px;
		top:10px;
	}

	.search-header {
		position: absolute;
		cursor: pointer;
		left: 15px;
		top:15px;
		font-size: 25px;
		font-weight: 200;
		letter-spacing: 1px;
	}

	.search-header span {
		font-weight: 500;
	}


}

.top-menu {
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 75px;
	max-height: 75px;
}

.top-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

.top-menu li a {
	height: 75px;
	line-height: 75px;
	display: block;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
  text-transform: uppercase;
}

.top-menu li.now a {
	height: 75px;
	content: '';
	line-height: 75px;
	width: 75px;
	display: block;
background-image: url('data:image/jpeg;base64,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VNtly7RDLjiiDJqiBR+Dx7dXMOBD/ufLnW0lyXELFhQntP7RuLtX1jDi10+1QZjvW1JwIQIYNwXBnm5mZ7jf6awlkRpKCkvUKyw5lwuy0c24K1RqFntI+cDpCN/gce3VzDgQ/wC57NJbWHC/VMjXSzwJLrWuCepMOGLYzl71u82EzYBR/rbOUK3LczM9xZy8KU0HoBVco+TNK00syvMO3IoRY+ym04k5xqP/AKH4HHt1cw4+QTthhDphJRMDiGDH9E6qpywlXXKWMxRZy/B49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49Vf4t7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7H7f9f8A/9oACAECAgY/ATSf/9oACAEDAgY/ATSf/9oACAEBAQY/AWqSkaYW2thLxLyVkzK1p+StN7Yxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGx/t7KOU8h5ZZkbFved9lKc7M8+KfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8gO07Iap1YH3zYSfdwqOkItNv07qh8gKUDpEplCqataUw+nClXpBwEZ4gJSLSlXgBhJzoS/lN3kSFXwyBad+LEnXiSamqC9sS2RqWB6Y5QFcqoZyLyRIpng3xN+Wj5FihZKkC8t5WxbToq9QvwDX1qlKxpp0gAfEu1PUj7mqqULzV2FjUCUemDUCVXRJ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');
background-size: 80%;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-left: 0px;
margin-right: 10px;
}

.top-menu li.now a:hover:after, .top-menu li.now a:hover:before {

	display: none;

}





.top-menu li.solid a {
	height: 75px;
	content: '';
	line-height: 75px;
	width: 75px;
	display: block;
background-image: url('../jpg/solid-logo-navigation.jpg');
background-size: 80%;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-left: 0px;
margin-right: 10px;
}

.top-menu li.solid a:hover:after, .top-menu li.solid a:hover:before {

	display: none;

}



@media (min-width: 1000px) {
	.navbar {
		display: block;
	}
}

.hide-for-1224 {
	display: none;
}

@media (min-width: 1399px) {
	.hide-for-1224 {
		display: block;
	}
}

.hide-for-1024 {
	display: none;
}

@media (min-width: 1199px) {
	.hide-for-1024 {
		display: block;
	}
}

@media (min-width: 1100px) {
	.top-menu li a {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media (min-width: 1200px) {
	.top-menu li a {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media (min-width: 1300px) {
	.top-menu li a {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.top-menu li a:before {

	position: absolute;
	content: '';
	height:52px;
	width: 100%;
	display: block;
	border-bottom:0px solid transparent;
	transition: all 0.3s ease;
	z-index: +1;
	top: 0;
	left:0;


}

.navbar .navbar-section:first-of-type {
		max-width: 20px;
		max-height: 0;
}


.top-menu li a:hover, .top-menu li a:focus, .top-menu li a:active {

	color:#555;
	text-decoration: none;
	outline: 0;
	border:0px;
	box-shadow: none;

}

.top-menu li a:hover:before {

	border-bottom:3px solid #555;

}

.top-bg {
	position: fixed;
	top:0px;
	z-index:100;

	height: 85px;
	width: 100%;
	max-width: 600px;
	left:-100%;
	transition: all 0.5s ease-out;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.top-bg-desktop {
	position: fixed;
	top:0px;
	left:0px;
	z-index:-1;
	opacity:0;
	height: 85px;
	width: 50%;
  max-width: 750px;
	transition: all 0.5s ease-out;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,1) 80%, rgba(232,232,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 80%,rgba(232,232,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 80%,rgba(232,232,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.top-bg.show {
	left:0px;
}

.top-bg-desktop.show {
	opacity:1;
	z-index:145;
}

.switcher {
	position: fixed;
	top:0px;
	left:0px;
	z-index:150;
	transition: top 0.2s ease-in-out;
	transform-origin: left top;
	transform: scale(0.8);
}

.logoer {
	position: fixed;
	top:0px;
	left:75px;
	z-index:200;
	transition: top 0.2s ease-in-out;
	transform-origin: left top;
	transform: scale(0.8);
}

.mobile-menu {
	background: #fff;
	height: 60px;
	position: fixed;
	display: flex;
	align-items: center;
	transition: top 0.2s ease-in-out;
	flex-flow: row-reverse;
	top:0px;
	z-index: 149;
	width: 100%;
}

.logo img {
	width: 100%;
	max-width: 150px;
	height: auto;
	margin-left: -10px;
	margin-top: 16px;
}

.site-header .logo {
  position: relative;
}

.site-header .logo .dev {
  position: absolute;
  top:50%;
  transform: translate(0,-50%);
  right:-45px;
  font-size: 17px;
  font-weight: 900;
  color:#fff;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  background: #ff5252;
  border-radius: 2px;
}


.top-right li {
	float: left;
	padding: 0;
	margin: 0;
	padding-left:10px;
	padding-right:10px;
  /*border-left: 1px solid #ddd;*/
  border-right: 1px solid #ddd;
}

#tooltipOuter.top-right li {

	padding-left:0px;
	padding-right:0px;
}

.top-right li:nth-child(2) {
	float: left;
	padding: 0;
	margin: 0;
	padding-left:0px;
	padding-right:8px;
}

.top-right li:last-of-type {

  padding-right:10px;
  padding-left:20px;
}

#tooltipOuter.top-right li:last-of-type {

  padding-right:0px;
  padding-left: 0px;
}

ul.left-menu li a {
	font-size: 16px;
}

ul.left-menu li.hidden {
	display: none !important;
}

.left-menu-sidebar {
	position: fixed;
	top:0;
	left:-100%;
	height: 100%;
	width: 100%;
	max-width: 600px;
	z-index: 90;
	background: #fff;
	padding: 50px;
	padding-top: 75px;
	padding-left: 70px;
	transition: all 0.5s ease-out;


	overflow-y: auto;
	overflow-x: hidden;
}

@media (min-width: 1000px) {

	.left-menu-sidebar {
		position: fixed;
		top:0;
		left:-100%;
		height: 100%;
		width: 100%;
		max-width: 600px;
		z-index: 90;
		background: #fff;
		padding: 50px;
		padding-top: 125px;
		padding-left: 50px;
		transition: all 0.5s ease-out;


		overflow-y: auto;
		overflow-x: hidden;
	}

	ul.left-menu li a {
		font-size: 18px;
	}

	.top-right li {
		float: left;
		padding: 0;
		margin: 0;
		padding-left:9px;
		padding-right:9px;
	}

  #tooltipOuter.top-right li {

		padding-left:0px;
		padding-right:0px;
	}

	.top-right li:nth-child(2) {
		float: left;
		padding: 0;
		margin: 0;
		padding-left:0px;
		padding-right:9px;
	}

	.top-right li:last-of-type {

		padding-right:30px;
    padding-left: 20px;
	}

  #tooltipOuter.top-right li:nth-child(2) {

		padding-right:0px;
	}

	#tooltipOuter.top-right li:last-of-type {

		padding-right:0px;
    padding-left: 0px;
	}

	.logo img {
		width: 100%;
		max-width: 186px;
		height: auto;
		margin-left: 20px;
		margin-top: 10px;
	}
	.mobile-menu {
		display: none;
	}

	.mobile-menu-bg {
		display: none;
	}

	.switcher {
		transform: scale(1);
	}

	.logoer {
		transform: scale(1);
	}

}

.switcher.nav-up {
	top:-85px;
}

.logoer.nav-up {
	top:-85px;
}

.mobile-menu.nav-up {
	top:-85px;
}


.logo {
	float: left;
}




.switch-left-menu {
	width: 75px;
	height: 75px;
	background: rgb(168, 168, 168);
	color:#fff;
	float: left;
	position: relative;
	cursor: pointer;
	transition: all 0.2s linear;


}

.switch-left-menu i {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	transition: all 0.2s linear;

}

.switch-left-menu:hover, .switch-left-menu.active {

	background: rgb(222, 222, 222);

}

.switch-left-menu:hover i, .switch-left-menu.active i {

	font-size: 27px;
	color:#2d2d2d;

}

.switch-left-menu:hover:after, .switch-left-menu.active:after {
	height: 78px;
	background: rgb(200, 200, 200);
	right: 0px;
	bottom: 0px;
	width: 2px;
}

.switch-left-menu:hover:before, .switch-left-menu.active:before {
	width: 78px;
	background: rgb(200, 200, 200);
	bottom: 0px;
	right: 0px;
	height: 2px;
}

.switch-left-menu:after {
	content:'';
	position: absolute;
	right: 5px;
	bottom:5px;
	height: 10px;
	width: 2px;
	background: #fff;
	transition: all 0.2s ease-in;

}

.switch-left-menu:before {
	content:'';
	position: absolute;
	right: 5px;
	bottom:5px;
	height: 2px;
	width: 10px;
	background: #fff;
	transition: all 0.2s ease-in;

}

.top-first, .top-second, .top-third, .top-fourth {
	position: fixed;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	background: rgb(232, 232, 232);
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	transition: all 0.5s ease-out;
	padding-top:100px;
	text-align: center;
	overflow-y: auto;
	overflow-x: hidden;
}

.top-first a, .top-second a, .top-third a, .top-fourth a {
	text-decoration: none !important;
}

.top-first a:focus, .top-second a:focus, .top-third a:focus,.top-first a:active, .top-second a:active, .top-third a:active, .top-fourth a:active, .top-fourth a:focus {
	outline: 0;
	box-shadow: none;
}



.top-first.show, .top-second.show, .top-third.show, .top-fourth.show {

	opacity: 1;
	pointer-events: auto;
	z-index: 140;

}

.menu-inner {
	display: flex;
	justify-content:flex-start;

}

.menu-title {
	max-width: 400px;
	font-size: 36px;
	font-weight: 700;
	color:#000;
	height: 70px;
	line-height: 70px;
	margin-left: 100px;
	width: 50%;
	white-space: nowrap;
	    text-align: left;
}

.menu-title-linien {

	font-size: 24px;
	text-transform: uppercase;
	height: 70px;
	line-height: 70px;
	margin-left: 100px;
	white-space: nowrap;
}

.menu-title-linien.solified {

	font-size: 24px;
	text-transform: uppercase;
	height: 70px;
	line-height: 70px;
	margin-left: 100px;
	white-space: nowrap;
  margin-top:125px;
}

.menu-title-linien a {
	display: block;
	text-align: left;
	transition: all 0.3s ease;
	position: relative;
}

.menu-title-linien:not(.germany) a:after {
	display: block;
	position: absolute;
	width: 15px;
	background: #000;
	height: 0px;
	left:-20px;
	top:50%;
	transform: translate(0,-50%);
	content: '';
	opacity: 0;
	transition: all 0.3s ease;
}

.menu-title-linien:not(.germany)  a:hover:after {
	opacity: 1;
	left:0px;
	height: 20px;

}

.menu-title-linien:not(.germany) a:hover {
	padding-left:20px;
}

 a:hover .menu-title-linien {
   transition: all 0.2s linear;
	color:#888;
}

.top-menu-first, .top-menu-second {

	list-style-type: none;
	overflow: hidden;
	max-width: 720px;
	margin: 0;
	padding: 0;
	flex-grow:2;
	margin-left:100px;

}

.top-menu-third-a, .top-menu-third-b, .top-menu-fourth {
	list-style-type: none;
	overflow: hidden;
	max-width: 720px;
	margin: 0;
	padding: 0;
	flex-grow:2;
	margin-left:100px;
}

.top-menu-third-a li, .top-menu-third-b li, .top-menu-fourth li {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
	text-align: left;
}

.top-menu-fourth li {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	text-align: left;
}



.top-third:not(.germany) li a, .top-fourth li a {
	font-size: 24px;
	text-transform: uppercase;
	display: inline-block;
	text-align: left;
	height: 50px;
	width: auto;
	line-height: 50px;
	position: relative;
}

.top-third:not(.germany) li.hidden, .top-fourth li.hidden  {
	display: none !important;
}

.top-third:not(.germany) li a:before, .top-fourth li a:before {

	position: absolute;
	content: '';
	height:45px;
	width: 100%;
	display: block;
	border-bottom:0px solid transparent;
	transition: all 0.3s ease;
	z-index: +1;
	top: 0;
	left:0;


}

.top-menu-fourth li.header a {
	float: none;
	font-weight: 700;
	pointer-events: none;
}

.top-menu-fourth li.hidden  {
	display: none !important;
}

.top-third:not(.germany) li a:hover, .top-fourth li a:hover {

	color:#555;


}

.top-third:not(.germany) li a:hover:before, .top-fourth li a:hover:before {

	border-bottom:2px solid #555;

}

.top-menu-first li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 460px;
	text-align: left;

}

.top-menu-second li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 460px;
	text-align: left;

}


.top-menu-first li a, .top-menu-second li a {
	font-size: 36px;
	text-transform: uppercase;
	display: inline-block;
	text-align: left;
	height: 70px;
	width: auto;
	line-height: 70px;
	position: relative;
  max-width: 450px;


}

.top-menu-first li a:after, .top-menu-second li a:after {
	position: absolute;
	content:'\203A';
	top:-4px;
	font-size: 40px;
	right: -30px;
	color:rgb(168, 168, 168);
	transition: all 0.2s linear;

}

.top-menu-first li a:hover:after, .top-menu-second li a:hover:after {

	color:#000000;
	font-size: 55px;

}

.top-menu-first li.active a:after, .top-menu-second li.active a:after {

	color:#000000;
	transform: rotate(-90deg);
	font-size: 40px;
}





.top-menu-second ul {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 400px;

	transition: opacity 0.5s linear 0.3s, padding-bottom 0.8s linear;


}

.top-menu-second ul li {
	float: left;
	max-width: 200px;
	min-width: 200px;
	overflow: hidden;
	padding-top:5px;
}

.top-menu-second ul li a {

	font-size: 24px;
	color: rgb(64, 71, 81);
	text-transform: none;
	line-height: 1.2;
	padding-top:5px;
	padding-bottom: 5px;
	height: auto;
	width:auto;
	display: inline-block;
	position: relative;

	overflow: hidden;
	text-overflow: ellipsis;

	white-space: nowrap;



}

.top-menu-second ul li a:before {

	position: absolute;
	content: '';
	height:100%;
	width: 100%;
	display: block;
	border-bottom:0px solid transparent;
	transition: all 0.3s ease;
	z-index: +1;
	top: 0;
	left:0;


}

.top-menu-second ul li a:hover {

	color:#555;


}

.top-menu-second ul li a:hover:before {

	border-bottom:3px solid #555;

}

.top-menu-second ul li a:after {
		display: none;
}

.top-menu-second ul.show {
	height: auto;
	overflow: hidden;
	padding-bottom:30px;
	opacity: 1;
}



.left-menu-sidebar.show {

	left:0;

}

ul.left-menu, ul.left-menu-lang, ul.left-menu-social {
	width: auto;
	display: block;
	margin:0;
	padding:0;
	list-style-type: none;
}

ul.left-menu-lang, ul.left-menu-social {
	margin-top:40px;
}

ul.left-menu-social li {
	margin:0;
	padding:0;
	float: left;
}

ul.left-menu li {
	margin:0;
	padding:0;
}

ul.left-menu-social li a {
	line-height: 40px;
	font-size: 18px;
	width: 40px;
	height: 40px;
	background: #000;
	border-radius: 50% 50%;
	display: block;
	margin-right: 10px;
	text-align: center;
	position: relative;
	transition: all 0.3s linear;
	border:1px solid #000;
}

@media (min-width: 840px) {

  ul.left-menu-social li a {
  	margin-right: 15px;
  }


}

ul.left-menu-social li a i {
	color:#fff;
	font-size: 18px;
	transition: all 0.3s linear;
}

ul.left-menu-social li a:hover {

	background: #fff;

}

ul.left-menu-social li a:hover i {
	color:#000;
}

ul.left-menu-social li a:after {

}

ul.left-menu-social li a:hover:after {
	display: none;
}

ul.left-menu li a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: auto;
	position: relative;



}

ul.left-menu li:not(.solid):not(.now) a {


  text-transform: uppercase;

}

ul.left-menu li.top a {
	font-weight: 700;
}

ul.left-menu li.now a {
	font-weight: 700;
	background-image: url('data:image/jpeg;base64,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VNtly7RDLjiiDJqiBR+Dx7dXMOBD/ufLnW0lyXELFhQntP7RuLtX1jDi10+1QZjvW1JwIQIYNwXBnm5mZ7jf6awlkRpKCkvUKyw5lwuy0c24K1RqFntI+cDpCN/gce3VzDgQ/wC57NJbWHC/VMjXSzwJLrWuCepMOGLYzl71u82EzYBR/rbOUK3LczM9xZy8KU0HoBVco+TNK00syvMO3IoRY+ym04k5xqP/AKH4HHt1cw4+QTthhDphJRMDiGDH9E6qpywlXXKWMxRZy/B49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49urmHonHt1cw9E49Vf4t7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7G3sbext7H7f9f8A/9oACAECAgY/ATSf/9oACAEDAgY/ATSf/9oACAEBAQY/AWqSkaYW2thLxLyVkzK1p+StN7Yxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGxzek3DnGx/t7KOU8h5ZZkbFved9lKc7M8+KfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8y+Edmin6IjhHfMvhHZop+iI4R3zL4R2aKfoiOEd8gO07Iap1YH3zYSfdwqOkItNv07qh8gKUDpEplCqataUw+nClXpBwEZ4gJSLSlXgBhJzoS/lN3kSFXwyBad+LEnXiSamqC9sS2RqWB6Y5QFcqoZyLyRIpng3xN+Wj5FihZKkC8t5WxbToq9QvwDX1qlKxpp0gAfEu1PUj7mqqULzV2FjUCUemDUCVXRJ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');
	background-size: contain;
	background-repeat: no-repeat;
	padding-left:50px;
	margin-top:0px;
	margin-bottom: 20px;
}

ul.left-menu li a:before {

	position: absolute;
	content: '';
	height:35px;
	width: 100%;
	display: block;
	border-bottom:0px solid transparent;
	border-top:0px solid transparent;
	transition: all 0.3s ease;
	z-index: +1;
	top: 0;
	left:0;


}

ul.left-menu li.now a:before {

	height:40px;
	width: 110%;
	transition: all	 0.5s ease;
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	z-index: -1;

}

ul.left-menu li a:hover {

	color:#555;
	text-decoration: none;


}

ul.left-menu li.now a:hover {

	color:#555;
	text-decoration: none;


}

ul.left-menu li a:hover:before {

	border-bottom:1px solid #555;

}

ul.left-menu li.now a:hover:before {
	/*
	border-bottom:1px solid #111;
	border-top:1px solid #111;
	border-right:1px solid #111;
	background: #f0f0f0;
	*/
	display: none;
}


ul.left-menu li.solid, .menu-item-14918,ul.top-menu li.solid {
  /* display: none !important; */
}



ul.left-menu li.solid a {
	font-weight: 700;
	background-image: url('../jpg/solid-logo-navigation.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	padding-left:50px;
	margin-top:20px;
	margin-bottom: 20px;
}



ul.left-menu li.solid a:before {

	height:40px;
	width: 110%;
	transition: all	 0.5s ease;
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	z-index: -1;

}


ul.left-menu li.solid a:hover {

	color:#555;
	text-decoration: none;


}

ul.left-menu li.solid a:hover:before {
	/*
	border-bottom:1px solid #111;
	border-top:1px solid #111;
	border-right:1px solid #111;
	background: #f0f0f0;
	*/
	display: none;
}

ul.left-menu li.top a:hover:before {

	border-bottom:3px solid #555;

}

.single-produktlinie .more-products {
	background: #fafafa;

}

.more-products h5 {
	margin-bottom:40px;
	margin-top:80px;
	font-size: 30px;

}

.row.features {
	padding-top:80px;

}

.row.material-konfigurator {

}

.h2er-layout-rechts {
	margin-top:50px;
}

.h2er-layout-links h2, .h2er-layout-rechts h2 {
	font-size: 38px;
	font-weight: 300;
	text-transform: uppercase;
}


.h2er-layout-links a, .h2er-layout-rechts a {
	margin-top: 20px;
	font-weight: 500;
	display: block;
}

.h2er-layout-links img, .h2er-layout-rechts img {
	margin-bottom: 20px;

}

.left-menu-lang .lang_de {
	/* background-image: url('data:image/png;base64,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'); */
  background-size: contain;
	background-repeat: no-repeat;
	/* padding-left:40px; */
	height: 20px;
	line-height: 20px;
	display: none;
}

.left-menu-lang .lang_de:hover {
	text-decoration: none;

}


.left-menu-lang .lang_gb {
	/* background-image: url('/wp-content/themes/hulsta/assets/images/en.png'); */
	background-size: contain;
	background-repeat: no-repeat;
	/* padding-left:40px; */
	height: 20px;
	line-height: 20px;
	display: none;
}

.left-menu-lang .lang_gb:hover {
	text-decoration: none;

}
/*

	H O T    S P O T S

*/

.btn.btn-primary.hotspot-link {
/*
	height: 60px;
	line-height: 60px;
	padding-right: 60px;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	transition: all 0.3s linear;
	border: none;
	z-index: +1;
	transition: all 0.2s linear;
	*/
}

.hotspot-link {
	position: relative;
	display: inline-block;
	margin-top: 20px;
}

@media (min-width: 800px) {

	.hotspot-link {
		position: absolute;
		left:50%;
		transform: translate(-50%,0);
		bottom:30px;
		margin-top: 0px;
	}

}


.hotspot-header {
	padding-top:66px;
	padding-bottom: 66px;
	text-align: center;
}

.hotspot-header h3 {

	font-size:24px;
	font-weight: 300;

}

.hotspot-header p {

	line-height: 0;
	margin: 0;

}

.hotspot-header div {

	display: block;
	font-size:38px;
	font-weight: 300;
	margin-top:8px;

}

.hotspot-header div b {

	font-weight: 500;
	display: inline-block;

}



.output {
  padding: 0;
  color: #fff;
  background: #525252;
  width: 100%;
  max-width: 100%;
	text-align: center;
	visibility: hidden;
}


.output#output {
  padding: 0;
  color: #fff;
  background: #525252;
  width: 100%;
  max-width: 100%;
	text-align: center;
	visibility: visible;
}

.outfit {
  line-height: 0;
  position: relative;
  width: auto;
  height: auto;
  background: #fff;
  display: block;
  max-width: 100%;
	text-align: center;
}
.outfit img {
  width: 100%;
  height: auto;
}

.logged-in .outfit img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.dot_window_closer {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}



.dot_window_closer i {
	color:#2d2d2d;
}

.dot_window_closer:hover i {
	color:#888888;
}



.dot {
  position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
  background: rgba(255,255,255,0.8);
	text-align: center;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

  font-weight: bold;
  transition: box-shadow .214s ease-in-out, transform .214s ease-in-out, background .214s ease-in-out;


	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  -webkit-animation: pulse 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate, opaciter 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate;
  -moz-animation: pulse 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate, opaciter 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate;
  -ms-animation: pulse 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate, opaciter 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate;
  animation: pulse 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate, opaciter 3.25s infinite cubic-bezier(0.66, 0, 0, 1) alternate;

	margin-top:-10px;
	margin-left:-10px;

	transform: scale(0.6,0.6);

}

@media (min-width: 800px) {

	.dot {
	  width: 50px;
	  height: 50px;
		line-height: 50px;
		font-size: 18px;
		transform: scale(1,1);
		margin-top:0px;
		margin-left:0px;
	}

}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}


@-webkit-keyframes opaciter {to {background: rgba(255, 255, 255, 1);}}
@-moz-keyframes opaciter {to {background: rgba(255, 255, 255, 1);}}
@-ms-keyframes opaciter {to {background: rgba(255, 255, 255, 1);}}
@keyframes opaciter {to {background: rgba(255, 255, 255, 1);}}

.dot:hover {
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.dot.saved {
	background: #32b643;
	color:#fff;
}

.dot.deleted {
	background: rgb(228, 84, 0);
	color: #fff;
}


.dot.ui-draggable-dragging {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  transform: scale3d(1.2, 1.2, 1.2);
  background: rgba(255, 255, 255, 0.7);
}

.hulsta_wp_id {
	position: absolute;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}

.dot_window {
	display: none;
	position: absolute;

	padding:50px;
	background: #fff;
	width: 100%;
	max-width: 460px;

	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.3);
}

.dot_window h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom:25px;
	margin-top:20px;
}

.dot_window .btn.btn-primary {
		height: 60px;
		line-height: 60px;
		padding-left:60px;
		padding-right:60px;
		padding-top:0px;
		padding-bottom:0px;
}

.dot_window.public .title, .dot_window.public .content, .dot_window.public .button {
	text-align: center;
	line-height: 1.4;
}

.dot_window .btn-group {

	margin-top:30px;

}

.dot_window.show {
	display: block;
	z-index: 100000;
}

.hotspot-overlay {
	position: fixed;
	left:-100%;
	top:0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 400;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s linear;
}

.hotspot-overlay.show {
	left:0;
	opacity: 1;
	pointer-events: auto;
}

@media (min-width: 800px) {

	.hotspot-overlay.show {
		left:0;
		opacity: 0;
		pointer-events: none;
	}

}

.dot_window .button {
	text-align: center;
	margin-top: 20px;
}

.dot_title {
	width: 100%;
	border:none;
	box-shadow: none;
	border-bottom:2px solid #ccc;
	line-height: 1.4;
	font-size:20px;
	text-align: center;
	text-transform: uppercase;
}

.dot_link {
	width: 100%;
	border:none;
	box-shadow: none;
	border-bottom:2px solid #ccc;
	line-height: 1.4;
	margin-top: 10px;
}

.dot_button {
	width: auto;
	border:none;
	box-shadow: none;
	border-bottom:2px solid #ccc;
	line-height: 1.4;
	font-size:20px;
	color:#fff;
	background:#000;
	text-align: center;
	text-transform: uppercase;
	padding-left:30px;
	padding-right: 30px;
	margin-top: 20px;
}


.dot_content {
	width: 100%;
	height: 100px;
	border:none;
	box-shadow: none;
	border-bottom:2px solid #888;
	line-height: 1.4;
	margin-top: 20px;
	text-align: center;
}

.dot_title:focus, .dot_content:focus, .dot_button:focus, .dot_content:focus, .dot_link:focus {
	background: #f8f8f8;
	color:#222;
	border-bottom:2px solid #32b643;
	outline:0;
}

.top-right {
	list-style-type: none;
	padding: 0;
	margin: 0;
}



#svg2 {
	position: absolute;
	top:0;
	left:0;
	transform: scale(0.07,0.07)	translate(-580px,-2660px) rotate(150deg);
}



.top-right li a  {
	display: block;
	position: relative;
	border:0px solid maroon;
	width: 30px;
	height: 36px;

}






.top-right li a:hover,.top-right li a:focus,.top-right li a:active   {
	outline: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;

}

.top-right li a:hover svg path  {

	transition: all 0.2s linear;

}


.top-right li a:hover svg path  {

	/*fill: #999 !important;*/

}



.top-right li a:hover {
	text-decoration: none;
}




.de .top-right li a:after {
	bottom: -20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(45, 45, 45, 0);
	border-bottom-color: #2d2d2d;
	border-width: 0px;
  transition: all .321s ease;
  z-index: +1;

  left:50%;

  transform: translate(-50%,0);



}


.de .top-right li#tooltipexpress a:after {
	bottom: -23px;




}



.de .top-right li a:hover:after {

	border-width: 10px;




}


.plan-and-configure, .search-and-list {
	margin-top:0px;
}

.leistentitel {
	margin-top:20px;
	cursor: pointer;
	font-weight: 400;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position: relative;
	color:rgb(128, 128, 128);
}

.leistentitel svg {
	position: absolute;
	right: 10px;
	top:16px;
	transition: all 0.2s linear;
}

.leistentitel.open svg {
	transform: rotate(45deg) !important;
}

.leistentitel.open {
	border-bottom:1px solid transparent;
}


.leiste {

	padding:20px;
	display: none;
	border-bottom:1px solid transparent;
}

.leisteninfo {

	padding:20px;
	display: none;
	border-bottom:1px solid transparent;
}

.leiste h4 {
	display: block;
	width: 100%;
	font-weight: 400;
	float: none;
	font-size: 18px;
}

.detail-bilder-header h3 {
	color: rgb(128, 128, 128);
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 30px;

}

.inner-leiste {
	width: 100%;
	display: block;
	float: none;
	color:rgb(128, 128, 128);
	padding-bottom: 40px;

}

.leiste.show {
	border-bottom:1px solid #ccc;
	display: block;
	margin-bottom:10px;
}

.leisteninfo.show {
	border-bottom:0px solid #ccc;
	display: block;
	margin-bottom:10px;
}

.leisten-bild {
	max-width: 240px;
	width: auto;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	color:rgb(128,128,128);


}

.leisten-bild:not(.pdf) img {
	mix-blend-mode: darken;

}

.leisten-bild.pdf .imgbg {
	border-bottom:2px solid rgba(128,128,128,0);
	transition: all 0.2s linear;
	margin-bottom:10px;

}

.imgbg {
	background:#fff;
}

.leisten-bild.pdf a:hover .imgbg {
	border-bottom:2px solid rgba(128,128,128,1);

}

.leisten-bild.pdf a {
	text-decoration: none !important;
	color:rgba(128,128,128,1);
	transition: all 0.2s linear;
}

.leisten-bild.pdf a:hover {
	text-decoration: none !important;
	color:rgba(68,68,68,1);
}

.toast {
	font-size: 13px !important;
}

.product-header {
	text-align: center;
	margin-bottom: 20px;
}

.product-header h1 {
	font-weight: 300;
	font-size: 36px;
	margin-bottom: .9em;
}

.product-header h2 {
	font-size: 22px;
	font-weight: 300;
}

.product-header h2 span {
	font-weight: 500;
}

.product-content {
	padding-bottom: 50px;
}


.product-content .highlight {
	margin-top:40px;
	border-left:15px solid #2d2d2d;
	display: inline-block;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
  margin-bottom: 30px;
}

.product-content .highlight p {
	margin-bottom:0px;
}

.product-content .highlight p span {
	font-weight: 700;
}

.detail-bilder-container {
	position: relative;
}



.slider-container {
	display: block;
	position: relative;
	margin-top: 0px;
	margin-bottom:20px;

}

.slider-container .slider:focus {
	outline: 0 !important;
	box-shadow: none;
}

.slider-container .text-right, .slider-container .text-left {
	padding-top:2px;
}

.slider-container .text-right i, .slider-container .text-left i {
	width: 30px;
	height: 30px;
	border-radius: 50% 50%;
	line-height: 30px;
	text-align: center;
	cursor:pointer;
}

.slider-container .text-right i:hover, .slider-container .text-left i:hover {
	background: #fff;
}






.detail-bilder {
	margin-bottom: 10px;
}

.detail-bilder {
	display: flex;
	overflow-y: hidden;
	overflow-x: scroll;
	height: 300px;
	width: auto;
	white-space: nowrap;


  -ms-scroll-snap-type: both mandatory;
      scroll-snap-type: both mandatory;


}

.detail-bilder img {

  scroll-snap-align: start;
  scroll-snap-stop: normal;
  scroll-padding: 50px;
}

.smoothed {
	scroll-behavior: smooth;
}

.detail-bilder::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.detail-bilder img {
	height: 300px;
	width: auto;
	margin-right: 15px;
	pointer-events: none;

}

@media (min-width: 800px) {

	.detail-bilder {
		height: 400px;
	}

	.detail-bilder img {
		height: 400px;
	}

}


@media (min-width: 1150px) {


	.detail-bilder {
		height: 450px;
	}

	.detail-bilder img {
		height: 450px;
	}

}





.hotness-outer {
	position: relative;
}

.hotness-outer .hotness {
	margin-top: 40px;
	float: left;
	/*margin-left: 20px;*/
}



.les-buttons .hotness {
 margin-top: 0px;
 float: left;

}

.hotness-outer .add_to_wunschliste {
	margin-top: 40px !important;

	float: left;
}

.hotness {
	height: 48px;
	display: inline-block;
	font-size: 14px;
	position: relative;
	width: auto;
	min-width: 80px;
	cursor: pointer;
	border:1px solid #a8a8a8;
	line-height: 48px;
	border-radius: 2px;
  transition: border-color 0.3s linear;
  margin-top:40px;

}

.hotness span {
	left: 40px;
	position: relative;
}


.hotness svg {
		top:15px;
		left:15px;
		position: absolute;
		transform: scale(1);


}

.hotness svg path {


}



.hotness.liked svg {
	animation: pulser-filled 0.387s alternate;

}

.hotness.liked  {
	border-color:rgb(238, 127, 0) !important;

}


.hotness.liked svg path {
	fill:#2d2d2d !important;

}

.hotness:hover  {

  border-color: #2d2d2d;

}

.hotness.liked {
	/*animation: pulser-left 0.2s alternate;*/

}

@media (min-width: 445px) {

	.hotness-outer .add_to_wunschliste {
		margin-left: 20px;
	}

	.les-buttons .hotness {
	 margin-left: 0px;
	}

}


@keyframes pulser-filled {

  to {
  	transform: scale(1.3);
  }
}

@keyframes pulser-left {

  to {
  	padding-left:25px;
  }
}





@media (min-width: 1150px) {

	.les-buttons .btn {
		width: auto;
		/*margin-bottom: 10px;*/
	}

}


.single-product article {
	margin-top:40px;
}



@media (min-width: 800px) {

	.single-product article {
		margin-top:30px;
	}

}

@media (min-width: 1300px) {



}

.buy-online , .search-and-list, .plan-and-configure {
	float: left;

}

.btn-secondary.btn-svg svg path {
		fill: #fff !important;
}

.btn-secondary.btn-svg svg  {
		top:5px;
}

.btn:not(.btn-secondary).btn-svg:hover svg path, .btn:not(.btn-secondary).btn-svg:hover svg polygon {
		fill: #fff !important;
}

.shop-search.btn-svg {
	padding-left: 40px;
}

.shop-search.btn-svg svg path {
	fill: #fff !important;

}

.haupt-bilder {
	position: relative;
}

.owl-nav {
	position: absolute;
	top:50%;
	width: 100%;
	transform: translate(0,-50%);
}

.haupt-bilder .owl-nav {
  pointer-events: none;
}




.owl-prev {
	float:left;
	font-size: 60px !important;
	color:#ffffff !important;
	margin-left:10px;
	display: block;
  pointer-events:auto;

}


.owl-next {
	float:right;
	font-size: 60px !important;
	color:#ffffff !important;
	margin-right:10px;
	display: block;
  pointer-events:auto;

}

.owl-prev, .owl-next {

	outline: 0 !important;
	transition: all 0.2s linear;
  height: 40px;
  width: 40px;
  position: relative;
  line-height: 20px !important;
  background: rgba(30,30,30,0.2) !important;


}

.owl-prev span, .owl-next span {

  position: absolute;


  top:30%;
  left:50%;

  transform: translate(-50%,-30%);




}

.owl-prev:hover, .owl-next:hover {

	color: #ffffff !important;
  background: rgba(30,30,30,0.5) !important;



}

.owl-carousel .owl-nav.disabled {
	display: block !important;
	visibility: hidden;

}

.owl-carousel .owl-dots.disabled {
	display: block !important;
	visibility: hidden;

}

.back-to-the-overview {
	line-height: 32px !important;
	position: relative;
}

.back-to-the-overview a {
	line-height: 32px !important;
	height: 32px;
	display: inline-block;
	color:#999;
	font-size: 14px;
	padding-left: 40px;
	text-align: none;
	transition: all 0.2s linear;
}

.back-to-the-overview a:hover {
	color:#2d2d2d;
	text-decoration: none;
}

.back-to-the-overview a:focus, .back-to-the-overview a:active {
	text-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

.back-to-the-overview a:hover svg path {
	fill:#2d2d2d !important;
	transition: all 0.2s linear;
}

.back-to-the-overview a svg {
	line-height: 32px !important;
	height: 32px;
	display: inline-block;
	color:#999;
	position: absolute;
	left:0;
	font-size: 14px;
	transition: all 0.2s linear;
}


.produktkategorie-header {
	text-align: center;
}

.produktkategorie-header h1 {
	font-weight: 300;
	font-size: 28px;
  text-transform: none !important;
}

.produktkategorie-header p {
	font-weight: 300;
	font-size: 18px;
	margin: 0 auto;
}

.produktkategorie-header {
	/* padding-bottom:50px; */
}

.produktkategorie-filter {
	min-height: 30px;

}


.produktkategorie-filter h2 {
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
}

.produktlinien-filter h2 {
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}

.produktlinien-filter .form-group {
	text-align: left !important;
}

.tax-wohnidee .produktlinien-filter .form-group label, .page-template-wohnideen .produktlinien-filter .form-group label,  .page-template-wohnideen_produkte .produktlinien-filter .form-group label{
	padding-left: 60px;
}

.product-kachel {
	margin-bottom:30px;
	padding-bottom: 10px;
	position: relative;
	overflow:hidden;
}


.product-kachel a {
	text-decoration: none;

}

.product-kachel a:hover {
	text-decoration: none;

}

.product-kachel .produkt-image:after {
	position: absolute;
	content: '';
	top:50%;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(245, 245, 245, 0);
	transition: all 0.2s linear;

}

.product-kachel:hover .produkt-image:after {
	background: rgba(245, 245, 245, 1);
}

.product-kachel:hover .produkt-image {
	border-bottom:2px solid rgba(255,255,255,1);
	background: rgb(250, 250, 250);
}

.produkt-image {
	background: rgb(245, 245, 245);
	position: relative;
	border-bottom:2px solid rgba(255,255,255,0);
	transition: all 0.2s linear;

}



.produkt-image img:not(.logo) {
	mix-blend-mode: multiply;
	background-blend-mode: multiply;
	position: absolute;
	top:50%;
	transform: translate(0,-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.img-toolbar .stoerer {
	position: absolute;
	top:10px;
	left:10px;
	font-size:12px;
	background: #000;
	color: #fff;
	padding-left:25px;
	padding-right:25px;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
}

.img-toolbar .varianten {
	position: absolute;
	top:10px;
	right:10px;
	font-size:12px;
}

.user-action {
	position: absolute;
	bottom:10px;
	left:10px;
	display: block;



}

.marken_logo {
	max-width: 60px;
	width: 60px;
	max-height: 60px;
	height: 60px;
	position: absolute;
	display:block;
	bottom:5px;
	right:5px;
	background: #fff;
}

.marken_logo.now25 {
  max-height: 30px;
  height: 30px;
  bottom:10px;
  right:5px;
}



.marken_logo.jahre80 {
  max-height: 65px;
  height: 65px;
  max-width: 80px;
	width: 80px;
  bottom:-10px;
  background: transparent;
  right:5px;
}



.page-template-wohnideen .marken_logo,.page-template-wohnideen_produkte .marken_logo, .tax-wohnidee .marken_logo {

	display:none;

}

h3.produkt-kachel-titel {
	line-height: 30px;
	height: 30px;
	display: block;
	font-size: 20px;
	font-weight: 400;
	margin-top:8px;
	margin-bottom: 2px;
	transition: all 0.2s linear;
}

div.produkt-kachel-untertitel {
	color:rgb(128, 128, 128);
	transition: all 0.2s linear;

}


.product-kachel:hover h3.produkt-kachel-titel, .product-kachel:hover div.produkt-kachel-untertitel {
	margin-left: 10px;
}


.img-toolbar .lovethis {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 4px 4px;
	margin-right: 5px;
	transition: all 0.2s linear;
	background: rgba(40,40,40,0.2);
}



.img-toolbar .lovethis:hover {
	background: #282828;
}

.img-toolbar .lovethis path {
	transition: all 0.2s linear;
}



.img-toolbar .lovethis path {
	fill: rgba(255,255,255,0) !important;
  stroke: rgba(255,255,255,1) !important;
}

.img-toolbar .lovethis:hover path {
  fill: rgba(255,255,255,0) !important;
  stroke: rgba(255,255,255,1) !important;
}

.product-kachel:hover .img-toolbar .lovethis path {
  fill: rgba(255,255,255,0) !important;
  stroke: rgba(255,255,255,1) !important;
}

.img-toolbar .lovethis.liked:hover path {
  fill: rgba(255,255,255,0) !important;
  stroke: rgba(20,20,20,1) !important;
}

.product-kachel:hover .img-toolbar .lovethis.liked path {
  fill: rgba(255,255,255,0) !important;
  stroke: rgba(20,20,20,1) !important;
}




.img-toolbar .lovethis svg {
	width: 30px;
	height: 30px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) !important;


}


.img-toolbar .lovethis:focus {
	box-shadow: none !important;
}


.img-toolbar .lovethis svg {
	width: 30px;
	height: 30px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) !important;
	transform: scale(1);

}

.img-toolbar .lovethis.liked {

  background: rgba(255,255,255,1);

}


.img-toolbar .lovethis.liked path {
  fill: rgba(255,255,255,1) !important;
  stroke: rgba(20,20,20,1) !important;
}






/*
.img-toolbar .lovethis.liked svg#filled {
	animation: pulse-filled 0.5s alternate 2;


}

.img-toolbar .lovethis.liked svg#filled {
	animation: pulse-filled 0.5s alternate 2;


}
*/



@keyframes pulse-filled {

  to {
    transform: scale(2) translate(-25%, -25%);
		opacity:1;
  }
}

@keyframes pulse-outer {

	0% {
		opacity:0;
	}
  100% {
    transform: scale(2) translate(-25%, -25%);
		opacity:0;
  }
}






.like .modal-container {
	max-height: 210px;
	min-height: 210px;
}


/*

.detail-bilder-header .owl-carousel {
	max-height: 350px;
}

.owl-carousel.detail-bilder .owl-item {
	max-height:350px;

}

.owl-carousel.detail-bilder .owl-item img {
	max-height:350px;
	height:350px;
}

*/

.produktkategorie-filter ul {
	list-style-type: none;
	margin:0;
	padding: 0;
  width: auto;
  display: inline-block;
}

.produktkategorie-filter ul li {
	float: left;
	width: 50%;
	margin:0;
	padding: 0;
	border-bottom:1px solid #ccc;
}

.produktkategorie-filter ul li:last-of-type {
	border-bottom:0px solid #ccc;
}

.produktkategorie-filter ul li:nth-child(odd) {
		border-right:1px solid #ccc;
}

.page-template-wohnideen .filter li:first-of-type a.btn{
	background-color: #2d2d2d;
	color:#fff;
}

.btn.btn-category {
	display: block;
	margin: 0px;
	width: 100%;
	border-color: transparent;
	overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.produkt-kachel-titel {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.produktkategorie-filter {
	padding-top:30px;
}

@media (min-width: 840px) {

	.produktkategorie-filter {
		padding-top:0px;
	}

  .produktkategorie-header h1 {
  	font-weight: 300;
  	font-size: 38px;
  }


}



@media (min-width: 650px) {





	.produktkategorie-filter ul {
		list-style-type: none;
		margin:0 auto;
		padding: 0;
    list-style-type: none;
    margin:0;
    padding: 0;
    width: auto;
    display: inline-block;
	}

	.produktkategorie-filter ul li {
		float: none;
		width: auto;
    display: inline-block;
		margin:0;
		padding: 0;
		border-bottom:0px solid #ccc;
	}

	.produktkategorie-filter ul li:last-of-type {
		border-bottom:0px solid #ccc;
	}

	.produktkategorie-filter ul li:nth-child(odd) {
			border-right:0px solid #ccc;
	}

	.btn.btn-category {
		display: block;
		margin: 3px;
		width: auto;
    min-width: 200px;
		height: 35px;
		line-height: 35px;
		border-color: rgb(128,128,128);
		padding-top:0;
		padding-bottom:0;
	}

}

footer {
	background: rgb(69, 69, 69);
	padding-top:20px;
	padding-bottom:30px;
}

footer ul {
	list-style-type: none;
	margin:0;
	margin-left: -20px;
	margin-right: -20px;
	padding:0;
}

footer ul li {
	margin:0;
	padding:0;
}

footer ul li.hidden {
	display: none !important;
}



footer ul li a {
	color:rgb(220,220,220) !important;
	text-decoration: none !important;
	font-size: 15px;
	display: block;
	width: 100%;
	text-align: center;

	font-weight: 300 !important;
	background: rgb(220,220,220);
	position: relative;

	overflow: hidden;
	transition:all 0.2s linear;
	line-height: 0px;
	height: 0px;
	border-bottom: 0px solid rgb(210,210,210);
	border-top: 0px solid rgb(230,230,230);

}

footer ul.active li a {

	line-height: 50px;
	height: 50px;
	border-width: 1px;
  color:#2d2d2d !important;

}


footer ul li:not(.header) a:after {
	position: absolute;
	content: '';
	height:100%;
	width: 100%;
	display: none;
	border-bottom:0px solid transparent;
	transition: all 0.3s ease;
	z-index: +1;
	top: 0;
	left:0;
}

footer ul li.header {
	cursor: pointer !important;
	pointer-events: auto !important;
  text-transform: uppercase !important;
}



footer ul li.header a {
	font-weight: 700 !important;
	pointer-events: none !important;
	line-height: 50px;
	height: 50px;
	font-size: 15px;
	display: block;
	color: #dcdcdc !important;
	border-bottom: 0px solid rgb(25,25,25);
	border-top: 1px solid rgb(77,77,77);

	background: rgba(69,69,69,1) !important;

}


footer ul li.header a:after {
	position: absolute;
	content:'\203A';
	top:0px;
	display: block;
	font-size: 20px;
	right: 30px;
	color:#dcdcdc;
	transition: all 0.2s linear;

}

footer ul.active li.header a {
	font-weight: 700 !important;
	color: #fff !important;
	border-bottom: 0px solid rgb(25,25,25);
	border-top: 1px solid rgb(77,77,77);

	background: rgba(44,44,44);

}


footer ul.active li.header a:after {
	color:#fff;
	display: block;
	transform: rotate(-90deg);
}

footer ul.footer_bottom-menu   {
	list-style-type: none;
	margin:0;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	width: auto;
}

footer ul.footer_bottom-menu   li {
	float:none;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right: 10px;
}

footer ul.footer_bottom-menu   li a {
	color:#fff !important;
	text-decoration: none !important;
	font-size: 15px;
	display: block;
	line-height: 40px;
	height: 40px;
	font-weight: 400 !important;
	border:none;
	background: transparent;
}

footer ul.footer_bottom-menu   li.copy a {
	pointer-events: none !important;
}

.menu-footer-bottom-container, .menu-footer-bottom-englisch-container, .menu-footer-bottom-english-uk-container, .menu-footer-social-container, .menu-footer-bottom-chinese-simplified-container, .menu-footer-bottom-russian-container, .menu-footer-bottom-dutch-container {
	text-align: center;
	margin-top:50px;
}

ul.footer-menu-social {
	list-style-type: none;
	width: auto;
	display: inline-block;
}

ul.footer-menu-social li {
	margin:0;
	padding:0;
	float: left;
}



ul.footer-menu-social li a {

	font-size: 20px;
	line-height: 52px;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50% 50%;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	position: relative;
	transition: all 0.3s linear;
	z-index: +1;
	border:1px solid #fff;
}

@media (min-width: 840px) {

  ul.footer-menu-social li a {
  	margin-right: 20px;
  	margin-left: 20px;
  }


}

ul.footer-menu-social li a i {
	color:#000;
	font-size: 24px;
	transition: all 0.3s linear;
}

ul.footer-menu-social li a:hover {

	background: rgb(69, 69, 69);

}

ul.footer-menu-social li a:hover i {
	color:#fff;
}



ul.footer-menu-social li:not(.header) a:hover:after {
	display: none;
}

@media (min-width: 840px) {

	footer ul {
		margin-left: 20px;
    margin-right: 20px;
	}

	footer {
		background: rgb(69, 69, 69);
		padding-top:60px;
		padding-bottom:60px;
	}

	footer ul li {
		margin:0;
		padding:0;
	}



	footer ul li a {
		color:#fff !important;
		text-decoration: none !important;
		font-size: 15px;
		display: inline-block;
		width: auto;
		line-height: 30px;
		height: 30px;
		font-weight: 400 !important;
		position: relative;
		text-align: left;
		background: transparent;
		border:none;
	}

	footer ul li a:after {
		position: absolute;
		content: '';
		height:100%;
		width: 100%;
		display: block;
		border-bottom:0px solid transparent;
		transition: all 0.3s ease;
		z-index: +1;
		top: 0;
		left:0;
	}

	footer ul li a:hover:after {
		border-bottom:2px solid #fff;
		display: block;
	}

	footer ul li.header  {
		pointer-events: none !important;


	}

	footer ul li.header a {
		font-weight: 700 !important;
		pointer-events: none !important;
		line-height: 60px;
		height: 60px;
		border:none;


	}

	footer ul li.header a:after {
		display: none;


	}

	footer ul.footer_bottom-menu   {
		list-style-type: none;
		margin:0;
		padding:0;
		margin: 0 auto;
		overflow: hidden;
		display: inline-block;
		width: auto;
	}

	footer ul.footer_bottom-menu   li {
		float:left;
		margin:0;
		padding:0;
		padding-left:10px;
		padding-right: 10px;
	}

	footer ul.footer_bottom-menu   li a {
		color:#fff !important;
		text-decoration: none !important;
		font-size: 15px;
		display: block;
		line-height: 30px;
		height: 30px;
		font-weight: 400 !important;
	}

	footer ul.footer_bottom-menu   li.copy a {
		pointer-events: none !important;
	}

	.menu-footer-bottom-container, .menu-footer-social-container {
		text-align: center;
		margin-top:50px;
	}

	ul.footer-menu-social {
		list-style-type: none;
		width: auto;
		display: inline-block;
	}

	ul.footer-menu-social li {
		margin:0;
		padding:0;
		float: left;
	}



	ul.footer-menu-social li a {

		font-size: 20px;
		line-height: 52px;
		width: 50px;
		height: 50px;
		background: #fff;
		border-radius: 50% 50%;
		display: block;
		margin-right: 20px;
		margin-left: 20px;
		text-align: center;
		position: relative;
		transition: all 0.3s linear;
		z-index: +1;
		border:1px solid #fff;
	}

	ul.footer-menu-social li a i {
		color:#000;
		font-size: 24px;
		transition: all 0.3s linear;
	}

	ul.footer-menu-social li a:hover {

		background: rgb(69, 69, 69);

	}

	ul.footer-menu-social li a:hover i {
		color:#fff;
	}



	ul.footer-menu-social li a:hover:after {
		display: none;
	}

}

.empty {
	margin-bottom:50px;
}

.form-checkbox, .form-radio, .form-switch {
	padding: .4rem 1.2rem .4rem 1.4rem;
}

h2.header_one {
	font-weight: 300;
  font-size: 38px;
  text-transform: uppercase;
	line-height: 1.2;
  margin-bottom: .5em;
  margin-top: 40px;
}


ul.pagination {
	align-items: center;
  justify-content: center;
}

/* zeilen  */

.zeile_3_bilder_text h2 b {
	font-weight: 700;
	display: inline-block;
}

.zeile_3_bilder_text p {
	max-width: 100%;
	padding-bottom: 0	 !important;

}

.zeile_3_bilder_text h2, .zeile_3_bilder_text h1 {
	max-width: 100%;

}

.zeile_3_bilder_text.links p {
	max-width: 100%;

}

.zeile_3_bilder_text.links  h2, .zeile_3_bilder_text.links  h1 {
	max-width: 100%;

}

.zeile_3_bilder_text.rechts p {

}

.zeile_3_bilder_text.rechts  h2, .zeile_3_bilder_text.rechts 	 h1 {

}



.zeile_3_bilder_text .column, .zeile_3_bilder_text .columns {
	position: relative;
}

.zeile_3_bilder_text img.first {
	border:0px solid yellow;
	margin-top:0px;
}

.zeile_3_bilder_text img.second {
	position: relative;
	border:0px solid blue;
	right:0;
	width: 100%;
}

.zeile_3_bilder_text img.third {
	border:0px solid red;
	position: relative;
	width: 9100%;
	left:0%;
	margin-top:0%;
}

.zeile_3_bilder_text.links img.first {
	border:0px solid yellow;
	margin-top:0px;
}

.zeile_3_bilder_text.links img.second {
	position: relative;
	border:0px solid blue;
	right:0;
	width: 100%;
}

.zeile_3_bilder_text.links img.third {
	border:0px solid red;
	position: relative;
	width: 100%;
	left:0%;
	margin-top:0%;
}

.zeile_3_bilder_text.rechts img.first {
	border:0px solid yellow;
	margin-top:20px;
}

.zeile_3_bilder_text.rechts img.second {
	position: relative;
	border:0px solid blue;
	width: 100%;
	left:0%;
	margin-top:0%;
}

.zeile_3_bilder_text.rechts img.third {
	border:0px solid red;
	position: relative;
	left:0%;
	width: 100%;
	margin-top:0;
}

.zeile_3_bilder_text .opener {
	bottom:0px;
}

.zeile_3_bilder_text.rechts .opener {

}

.zeile_3_bilder_text.links .opener {

}

.wunschliste-error {
	height:0;
	color:red;
	overflow: hidden;
	margin-bottom:20px;
	transition: height 0.2s linear;
}

.wunschliste-error.show {
	height:30px;
}

#nachname_absender {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

@media (max-width: 800px) {

	.zeile_3_bilder_text.links .opener {
		margin: 0 auto;
		margin-top: 20px;
	}

}

.zeile_bild__text {
	position: relative;
}

.links {
	margin-top: 20px;
}



@media (min-width: 800px) {

	.links {
		margin-top: 0px;
	}


	/* zeilen  */

	.zeile_3_bilder_text h2 b {
		font-weight: 700;
		display: inline-block;
	}

	.zeile_3_bilder_text p {
		max-width: 80%;
		padding-bottom: 25%	 !important;

	}

	.zeile_3_bilder_text h2, .zeile_3_bilder_text h1 {
		max-width: 70%;

	}

	.zeile_3_bilder_text.links p {
		max-width: 80%;

	}

	.zeile_3_bilder_text.links  h2, .zeile_3_bilder_text.links  h1 {
		max-width: 70%;

	}

	.zeile_3_bilder_text.rechts p {
		margin-right: 0;
		margin-left: auto;

	}

	.zeile_3_bilder_text.rechts  h2, .zeile_3_bilder_text.rechts 	 h1 {
		margin-right: 10%;
		margin-left: auto;

	}



	.zeile_3_bilder_text .column, .zeile_3_bilder_text .columns {
		position: relative;
	}

	.zeile_3_bilder_text img.first {
		border:0px solid yellow;
		margin-top:70px;
	}

	.zeile_3_bilder_text img.second {
		position: relative;
		border:0px solid blue;
		right:-31.5%;
		width: 85%;
	}

	.zeile_3_bilder_text img.third {
		border:0px solid red;
		position: relative;
		width: 90%;
		left:10%;
		margin-top:-20%;
	}

	.zeile_3_bilder_text.links img.first {
		border:0px solid yellow;
		margin-top:70px;
	}

	.zeile_3_bilder_text.links img.second {
		position: relative;
		border:0px solid blue;
		right:-31.5%;
		width: 85%;
	}

	.zeile_3_bilder_text.links img.third {
		border:0px solid red;
		position: relative;
		width: 90%;
		left:10%;
		margin-top:-20%;
	}

	.zeile_3_bilder_text.rechts img.first {
		border:0px solid yellow;
		margin-top:70px;
	}

	.zeile_3_bilder_text.rechts img.second {
		position: relative;
		border:0px solid blue;
		width: 91.5%;
		left:0%;
		margin-top:-20%;
	}

	.zeile_3_bilder_text.rechts img.third {
		border:0px solid red;
		position: relative;
		left:-15%;
		width: 86%;
		margin-top:0;
	}

	.zeile_3_bilder_text .opener {
		position: absolute;
		bottom:0px;
	}

	.zeile_3_bilder_text.rechts .opener {
		right:auto;
		left:20px;
	}

	.zeile_3_bilder_text.links .opener {
		right:20px;
		left:auto;
	}

	.zeile_bild__text {
		position: relative;
	}



}

.text_mittig div {
	position: absolute;
	top:50%;
	transform: translate(0,-50%);
}

.text_karte {
	position: relative;
	margin-bottom:100px;
}

.text_karte div {
	position: absolute;
	width: 200%;
	background: #fff;
	/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
	padding:20px;
	transform: translate(-20%,190%);

}


.row .img-responsive {
	width:100%;
}

.row {
	padding-top:30px;
	padding-bottom:30px;
}

.row p {
	font-weight: 300;
}

.row p:last-of-type, .row.outfit {
	margin-bottom: 0;
	padding-bottom: 0;
}

.row.outfit, .row.produkt-hotspot, .row.produkt-buttons, .row.product-top-slides, .row.product-top-header {
	padding-top:0px;
	padding-bottom:0px;
}

.row.produkt-buttons {
	padding-top: 40px;
}

.row.no-bottom-pad {
	padding-bottom:0px;
}


.row.zeile_bild-karte.no-bottom-pad {
	padding-bottom:0px;
	padding-top:0px;
}

.row.hotspot-header {
	padding-bottom:0px;
}



.box {
	text-align: center;
	margin-bottom:40px;
}

.box.zentriert {
	text-align: center;
}

.box.rechts {
	text-align: right;
}

.box.links {
	text-align: left;
}

.zeile_box .col-12 p {
	padding-left:0px;
	padding-right: 0px;
}

.zeile_box .col-6 p {
	padding-left:0px;
	padding-right: 0px;
}

.zeile_box .col-4 p {
	padding-left:0px;
	padding-right: 0px;
}


@media (min-width: 800px) {

	.box {
		text-align: center;
		margin-bottom:0;
	}
	.row {
		padding-top:60px;
		padding-bottom:60px;
	}

}
@media (min-width: 840px) {

	.zeile_box .col-6 p {
		padding-left:0px;
		padding-right: 0px;
	}

	.zeile_box .col-12 .zentriert p, .zeile_box .col-12 .zentriert h1,  .zeile_box .col-12 .zentriert h2 , .zeile_box .col-12 .zentriert h3 , .zeile_box .col-12 .zentriert h4 {
		padding-left:50px;
		padding-right: 50px;
	}

}

@media (min-width: 1100px) {

	.zeile_box .col-6 .zentriert p {
		padding-left:70px;
		padding-right: 70px;
	}

	.zeile_box .col-12 .zentriert p, .zeile_box .col-12 .zentriert h1,  .zeile_box .col-12 .zentriert h2 , .zeile_box .col-12 .zentriert h3 , .zeile_box .col-12 .zentriert h4 {
		padding-left:140px;
		padding-right: 140px;
	}

}

.zeile_box .btn {
	margin-top: 20px;
}

.zeile_nur_uberschrift .zentriert h2, .zeile_nur_uberschrift .zentriert h1, .zeile_box .zentriert H1, .zeile_box .zentriert H2 {
	width: 100%;
	text-align: center;
}

.zeile_nur_uberschrift .rechts h2, .zeile_nur_uberschrift .rechts h1, .zeile_box .rechts H1, .zeile_box .rechts H2 {
	width: 100%;
	text-align: right;
}

.zeile_nur_uberschrift .links h2, .zeile_nur_uberschrift .links h1, .zeile_box .links H1, .zeile_box .links H2 {
	width: 100%;
	text-align: left;
}

.zeile_nur_uberschrift h2 b, .zeile_nur_uberschrift h1 b {
	font-weight: 700;
}

.zeile_nur_uberschrift.seiten-header {
	padding-top:150px;
	padding-bottom:150px;
}

.zeile_bild__text h2.zwischen {
	font-size:24px;
	font-weight: 500;
}

.zeile_bild__text h1, .zeile_bild__text h2  {
	font-size:36px;
}

.zeile_bild__text h1 b, .zeile_bild__text h2 b {
	font-size:36px;
	font-weight: 700;
}

.zeile_bild__text h1 span, .zeile_bild__text h2 span {
	font-size:36px;
	font-weight: 500;
}

.zeile_bild__text h1 b {
	font-size:36px;
	font-weight: 700;
}

.zeile_bild__text .btn {
	margin-top:20px;
}

.zeile_bild__text .btn.material-aktiv {
	margin-top:40px;
  margin-left: 20px;
	float: left;
}





.modal.form .content iframe {
	max-width: 100%;
}

.modal.form .content {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.modal.form .content iframe {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	border:0;
}
/* ratio 4x3 */
.modal.form .content.ratio4x3 {
  padding-bottom: 75%;
}



.zeile_box img {
	margin-bottom: 30px;
}

.zeile_box H1, .zeile_box H2, .zeile_box H3 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.zeile_box .col-6 H2 {

}

.zeile_box .col-4 H2 {
	font-size:24px;
	font-weight: 300;
}


.produkt-overlay {
	position: fixed;
	left:-100%;
	top:0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 400;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.6s linear;
}

.produkt-overlay.show {
	left:0;
	opacity: 1;
	pointer-events: auto;
}

.produkt-layer {
	background: #fff;
	padding:20px;
	text-align: center;
	position: fixed;
	width: 100%;
	max-width: 1035px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 401;
	display: none;
	top:0;
	left:0;
	transform: translate(0,0);

}

.produkt-layer.show {
	display: block;
}

.produkt-layer_closer {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.modal-container {

}

@media (min-width:800px) {

	.modal-container {
		padding: 0;
		max-height: 120vh;
		min-height: 750px;
		max-width: 940px;
		background: #f9f9f9;
	}
}

.modal-header {
	position: relative;
}





.produkt-layer_closer i {
	color:#2d2d2d;
}

.produkt-layer_closer:hover i {
	color:#888888;
}



.produkt-layer h4, .produkt-container h4 {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	margin-top:20px;
	margin-bottom:35px;
	max-width: 80%;
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.produkt-container {
	padding-top: 20px;
	padding-bottom: 20px;
}

.container.bild-karte.grid-xl {
	padding-top:20px;
	padding-bottom: 20px;
}


@media (min-width: 840px) {

	.container.bild-karte.grid-xl {
		padding-top:0px;
		padding-bottom: 0px;
	}

	.produkt-container {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.produkt-layer {
		padding: 50px;
		top:50%;
		height: auto;
		left:50%;
		transform: translate(-50%,-50%);
	}

}

.hotspot-content {
	position: relative;
}

.hotspot-content .btn.opener {
	position: absolute;
	left:50%;
	transform: translate(-50%,0);
	margin-top:-100px;
}

.row.zeile_bild-karte.bottom {
	padding-top: 0px;
	padding-bottom: 0px;
}

.row.zeile_bild-karte.bottom .column {
	padding-left: 60px;
	padding-right: 60px;
	position: relative;
}

.row.zeile_bild-karte.bottom .column h2 {
	position: absolute;
	top:-100px;
	color: #fff;
}

.row.zeile_bild-karte.bottom .column h3 {
	position: absolute;
	top:-140px;
	color: #fff;
}

.row.zeile_bild-karte.bottom .column .btn {
	margin-top: 20px;
}


.flex-karte {
  display: flex;

	height: 400px;
	width: 100%;
	margin: auto;
	flex-flow: row wrap;
  /* This aligns items to the end line on main-axis */
  justify-content: flex-end;
	 flex-direction:row;

	padding:3px;


}

.flex-karte .first {
  height: 100%;
	width: 100%;
}

.flex-karte.bottom-text .first {
  height: 100%;
	width: 100%;
}

.flex-karte .second {
  height: 0%;
	width: 0%;
}

.flex-karte .third {
  height: 0%;
	width: 0%;
}

.flex-karte .fourth {
	height: 0%;
	width: 0%;
}

.flex-karte .fifth {
	height: 0%;
	width: 0%;
}

@media (min-width: 750px) {

	.flex-karte .first {
	  height: 100%;
		width: 50%;
	}

	.flex-karte.bottom-text .first {
	  height: 100%;
		width: 75%;
	}

	.flex-karte .second {
	  height: 40%;
		width: 25%;
	}

	.flex-karte .third {
	  height: 60%;
		width: 25%;
	}

	.flex-karte .fourth {
	  height: 70%;
		width: 25%;
	}

	.flex-karte .fifth {
	  height: 30%;
		width: 25%;
	}

	.flex-karte {
	  display: flex;

		height: 800px;
		width: 100%;
		margin: auto;
		flex-flow: row wrap;
	  /* This aligns items to the end line on main-axis */
	  justify-content: flex-end;
		 flex-direction:column;

		padding:3px;


	}

}


.flex-karte > div {
	border:3px solid #fff;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	transition: all 2s linear;
}

.bild-karte .flex-karte {
	padding-left: 0;
	padding-right: 0;
}

.bild-karte .flex-karte > div:nth-of-type(1) {
	border-left:0px solid #fff;
}

.bild-karte .flex-karte.bottom-text > div:nth-of-type(2) {
	border-right:0px solid #fff;
}

.bild-karte .flex-karte.bottom-text > div:nth-of-type(3) {
	border-right:0px solid #fff;
}


.bild-karte .flex-karte > div:nth-of-type(4) {
	border-right:0px solid #fff;
}

.bild-karte .flex-karte > div:nth-of-type(5) {
	border-right:0px solid #fff;
}

.flex-karte > div:nth-of-type(1):hover {

	background-position: 100% 0%;

}

.flex-karte > div:nth-of-type(2):hover {

	background-position: 0% 100%;

}

.flex-karte > div:nth-of-type(3):hover {

	background-position: 20% 80%;

}

.flex-karte > div:nth-of-type(4):hover {

	background-position: 0% 100%;

}

.flex-karte > div:nth-of-type(5):hover {

	background-position: 100% 0%;

}




.flex-karte div.inhalt {
	position: absolute;
	color:#fff;
	opacity: 0;
	top:20px;
	font-size: 14px;
	left:0px;
	transition: all 0.2s linear;
}

.flex-karte div.uberschrift {
	position: absolute;
	color:#fff;
	bottom:20px;
	left:20px;
	opacity: 1;
	transition: all 0.2s linear;
}

a.curtain {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0;
	transition: all 0.2s linear;
}

.page-id-5997 a.curtain.video {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+81,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	opacity: 1;
	z-index: +1;
	transition: all 0.2s linear;
}

.flex-karte.bottom-text a.curtain {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0;
	transition: all 0.2s linear;
}

.flex-karte > div:hover a.curtain {
	opacity: 1;
}

.flex-karte > div:hover div.inhalt {
	opacity: 1;
	left:20px;
}

.flex-karte > div:hover div.uberschrift {
	opacity: 0;
	bottom:0px;
}




.zeile_fullscreen_slider {
	position: relative;
	overflow: hidden;
}

.slide-container {
	position: relative;
	background: #454545;
}




.slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	background-color: #454545;
	transition: opacity 2.5s ease, transform 9s ease-in;

}

.zeile_fullscreen_slider.keyvisual, .zeile_fullscreen_slider.keyvisual .slide, .zeile_fullscreen_slider.haendler, .zeile_fullscreen_slider.haendler .slide {
	height: 600px;
	width: 100%;
}

.no-sliding .slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 1;
	position: absolute;
	top:0;
	left:0;
	background-color: #454545;

}

.slide.show {
	opacity: 1;
	transform: scale(1.05);

}

.slide:after {
	content: '';
	position: absolute;
	top:0;
	z-index: +1;
	left:0;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.zeile_fullscreen_slider .inhalt-container {
	position: absolute;
	color:#fff;
	top:auto;
	bottom: 60px;
	left:20px;
	transform: translate(0,0);
	z-index: +2;
}

.zeile_fullscreen_slider.homepage .inhalt-container {
	position: absolute;
	color:#fff;
	top:auto;
	bottom: 40px;
	left:50px;
  padding-right:20px;
	transform: translate(0,0);
	z-index: +1;
  opacity: 0;
  pointer-events: none;
}

.zeile_fullscreen_slider.homepage .inhalt-container.show {
	opacity: 1;
  pointer-events: auto;
}



.zeile_fullscreen_slider.video .inhalt-container {
	position: absolute;
	color:#fff;
	bottom:60px;
	top:auto;
	left:50%;
	transform: translate(-50%,0);
	z-index: +2;
	text-align: center;
}

.zeile_fullscreen_slider.video .inhalt-container {
	position: absolute;
	color:#fff;
	bottom:60px;
	top:auto;
	left:50%;
	transform: translate(-50%,0);
	z-index: +2;
	text-align: center;
}

.inhalt-container h2 {
	font-size: 25px;
}

.uberschrift_kleiner h3 {
	font-size: 23px;
}

.h1, h1 {
    font-size: 2em;
}

.rechts {
	margin-top: 30px;
}

@media (min-width: 800px) {

	.rechts {
		margin-top: 0px;
	}

	.h1, h1 {
    font-size: 2rem;
	}

	.zeile_fullscreen_slider .inhalt-container {
		position: absolute;
		color:#fff;
		top:50%;
		bottom: auto;
		left:75px;
		/* transform: translate(0,-50%); */
    transform-origin: 0;
    transform: translate3d(0,-50%,0);
		z-index: +2;
	}


  .zeile_fullscreen_slider.homepage .inhalt-container {
    position: absolute;
		color:#fff;
		top:50%;
		bottom: auto;
		left:75px;
		transform: translate(0,-50%);
		z-index: +1;
    opacity: 0;
    pointer-events: none;
  }

	a.curtain {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+0,0+100 */
		background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		opacity: 0;
		transition: all 0.2s linear;
	}

	.slide:after {
		content: '';
		position: absolute;
		top:0;
		z-index: +1;
		left:0;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+0,0+100 */
		background: -moz-linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}


	.zeile_fullscreen_slider.video .inhalt-container {
		position: absolute;
		color:#fff;
		bottom:120px;
		top:auto;
		left:50%;
		transform: translate(-50%,0);
		z-index: +2;
		text-align: center;
	}

	.inhalt-container h2 {
		font-size: 50px;
	}

  .zeile_fullscreen_slider.homepage .inhalt-container h2 {
		font-size: 30px;
	}

}

@media (min-width: 1200px) {

  .zeile_fullscreen_slider.homepage .inhalt-container h2 {
		font-size: 50px;
	}

}



.arrow-container {
	position: absolute;
	pointer-events: none;
	top:50%;
	left:0;
	width: 100%;
	height: auto;
	transform: translate(0,-50%);
	z-index: +2;
	overflow: hidden;
}

.arrow-container .arrow-left {
	float: left;
	color:rgba(255,255,255,0.3);
	padding-left: 20px;
	pointer-events: auto;

}

.arrow-container .arrow-right {
	float: right;
	color:rgba(255,255,255,0.3);
	padding-right: 20px;
	pointer-events: auto;
}

.arrow-container .arrow-left i {
	font-size:30px;
	color:rgba(255,255,255,0.3);
	pointer-events: auto;
}

.arrow-container .arrow-right i {
	font-size:30px;
	color:rgba(255,255,255,0.3);
	pointer-events: auto;
}

.arrow-container .arrow-left:hover i {
	font-size:30px;
	color:rgba(255,255,255,1);
	cursor: pointer;
	pointer-events: auto;

}

.arrow-container .arrow-right:hover i {
	font-size:30px;
	color:rgba(255,255,255,1);
	cursor: pointer;
	pointer-events: auto;

}

.lines-container {
	position: absolute;
	pointer-events: none;
	display: none;
	bottom:75px;
	z-index: 1;
	left:50%;
	transform: translate(-50%,0);

}

.lines-container ul {
	margin:0;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
}

.lines-container ul li {
	margin:0;
	padding: 0;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

.lines-container ul li div {
	width: 80px;
	height: 5px;
	background: rgba(255,255,255,0.3);
	position: relative;
	cursor: pointer;
	pointer-events: auto;
}

.lines-container ul li div:hover {

	background: rgba(255,255,255,1);

}

.lines-container ul li div:after {
	content: '';
	position: absolute;
	width: 0px;
	height: 5px;
	left:0;
	top:0;
	background: rgba(255,255,255,1);


}

.lines-container ul li div.show:after {
	transition: width 9s linear;
	width: 100%;
}

.lines-container ul li div.clicked:after {
	transition: width 0s linear;
	width: 100%;
}

.lines-container ul li div.hide:after {
	height: 0;
}

.uberschrift_kleiner h3 {
	margin-bottom: 5px;
}



.row.material-konfigurator {
	background-color: rgb(242, 242, 242);

}

.row.material-konfigurator .columns {
	position: relative;
}

.konfigurator-links {

	padding:20px;
	padding-left:0px;
	padding-right:0px;
}

.konfigurator-pdfs {
	margin-bottom: 40px;
}

.nl2go-widget {
  display: none;
}

@media (min-width: 800px) {

	.konfigurator-pdfs {
		margin-bottom: 0px;
	}

	.lines-container {
		position: absolute;
		pointer-events: none;
		display: block;
		bottom:75px;
		z-index: 1;
		left:50%;
		transform: translate(-50%,0);

	}
}

@media (min-width: 1200px) {
	.konfigurator-links {

		padding:20px;
		padding-left:60px;
		padding-right: 20px;
	}
}

.konfigurator-links .btn {
	margin-bottom:40px;
}

.konfigurator-links .btn:not(.input-group-btn) {
	display: block;
	width: 100%;
}

.konfigurator-pdfs {
	margin-top:20px;
}

.material-konfigurator .pdf-box {
	overflow: hidden;

}

.material-konfigurator .pdf-box .info {
	float: left;
	width: 50%;
}

.material-konfigurator .pdf-box .actions {
	float: right;
	width: 50%;
}

.material-konfigurator .pdf-box .actions .btn {
	display: block;
	width: 100%;
	margin-bottom:40px;
}

.handler-search  {
	position: relative;
}

.handler-search label {
	position: absolute;
	width: 100%;
	top:-19px;
	font-size: 12px;
}

.handler-search label a {
	text-decoration: underline;
}



.material-aktiv {
	display: none;


}

.zeile-outer {
	width: 100%;
	overflow: hidden;
	border:0px solid #000;
	border-bottom:0px solid #fff;
	position: relative;
	text-align: center !important;
}
.zeile-outer img {
	border:0px solid #000;
}


.zeile-one img {
	border:0px solid #000;
}
.zeile-outer a, .zeile-one a {
	position: relative;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
	background: rgba(0,0,0,0);
}

.zeile-outer a:hover, .zeile-one a:hover {

	background: rgba(0,0,0,0.6);

}


.zeile-outer a .inner, .zeile-one a .inner {
	position: relative;
	top:0%;
	text-align: center;
	width: 100%;
	transform: translate(0,0) scale(1);
	opacity: 1;

}


.zeile-outer a:hover .inner, .zeile-one a:hover .inner {

}




.page-template-startseite .zeile-outer {
	width: 100%;
	overflow: hidden;
	border:0px solid #000;
	border-bottom:0px solid #fff;
	position: relative;
	text-align: center !important;
}
.page-template-startseite .zeile-outer img {
	border:0px solid #000;
}

.page-template-startseite .zeile-outer a {
	position: relative;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;


}

.page-template-startseite .zeile-outer a:hover {

	background: rgba(0,0,0,0.6);

}


.page-template-startseite .zeile-outer a .inner {
	position: relative;
	top:auto;
	width: auto;
	transform: translate(0,0) scale(1);
	opacity: 1;

}

.page-template-startseite .zeile-outer a:hover .inner, .zeile-one a:hover .inner {

}

.spalte-landscape, .spalte-quadrat {
	position: relative;
}




.zeile-outer a .inner svg, .zeile-one a .inner svg {
	display: inline-block;
  position: absolute;
  top:1px;
  right: 20px;
  width: 20px !important;
  height: 20px !important;

}

.zeile-outer a h2, .zeile-one a h2, .zeile-outer a h3, .zeile-one a h3 {
	color:#fff;
	font-size: 17px;
	font-weight: 400;
	color: #f8f8f8;
  max-width: 70%;
  margin:0 auto;
	margin-top: 7px;
  padding-bottom: 20px;

}

.zeile-outer .zeile-left {
 float: none;
 width: 100%;
 position: relative;

}
.zeile-outer .zeile-right {
	float: none;
	width: 100%;
	position: relative;

}



.zeile-top {

 position: relative;
}

.zeile-bottom {
 position: relative;

}

.zeile-middle {

}



.zeile-outer {
  background: #000;
  padding:0px;
  position: relative;
}

.zeile-outer.reversed {
  background: #000;

}

.img-container {
  position: relative;
  overflow: hidden;
}


.produkt-container .img-container {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.produkt-container.produkt .img-container {
  position: relative;
  overflow: hidden;
  background:#f0f0f0;
  display: flex;
  align-items: center;
}

.produkt-container.produkt .img-container img {
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.zeile-one {
  background: #000;

  padding:0px;
  position: relative;
}

.zeile-inner {
  position: relative;
}

.zeile-one .img-toolbar, .zeile-outer .img-toolbar {
  position: absolute;
  z-index: +10;
  width: 100px;
  display: none;
}







.zeile-outer.reversed {
	width: 100%;
	border:0px solid #000;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
}
.zeile-outer img {
	border:0px solid #000;
}

.zeile-outer img.logo {
	border:0px solid #000;
}
.zeile-outer.reversed .zeile-left {
 float: none;
 width: 100%;
 position: relative;
}
.zeile-outer.reversed .zeile-right {
	float: none;
	width: 100%;
	position: relative;
}

.zeile-outer:after {
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 0px;
	bottom:0;
	z-index: +4;
	left:0;
}

.page-template-startseite .zeile-outer:after {
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 0px;
	bottom:0;
	z-index: +4;
	left:0;
}


.wohnidee-row-top  {
	background: rgb(242, 242, 242);
	text-align: center;
}

.wohnidee-row h1 {

	text-transform: uppercase;
	margin-bottom: 60px;

}

.wohnideen-overview-image {
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: 50% 50;
  background-color:#2d2d2d;
}

.zeile-one {
	border-left:0px solid #000;
	border-right:0px solid #000;
	position: relative;
}

.container.kacheln.grid-xl {

}

.page-template-startseite .container.kacheln.grid-xl {

}

.page-template-startseite .zeile-topper {
	overflow: hidden;
}

.page-template-startseite .zeile-topper .spalte-landscape {
	width: 100%;
	float: left;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-template-startseite .zeile-topper .spalte-landscape img, .page-template-startseite .zeile-topper .spalte-quadrat img {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-template-startseite .zeile-topper .spalte-quadrat {
	width: 100%;
	float: left;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.row.zeile_bild-karte_7 {
	background: #000;
}

.row.zeile_bild-karte_7 h2 {
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

.page-template-startseite .zeile-outer {
	width: 100%;
	overflow: hidden;
	border:0px solid #fff;
	border-bottom:0px solid #fff;
	position: relative;
	text-align: center !important;
}
.page-template-startseite .zeile-outer img {
	border:2px solid #000;
}
.page-template-startseite .zeile-outer img.logo {
	border:0px solid #fff;
}

.page-template-startseite .zeile-outer a {
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
	background: rgba(0,0,0,0);
	z-index: +1;
	border:0px solid #000;
	transition: background 0.2s linear;
}

/*
.zeile-outer a .inner, .zeile-one a .inner {
	position: absolute;
	top:50%;
	text-align: center;
	width: 100%;
	transform: translate(0,-50%) scale(2);
	transition: all 0.2s ease 0.1s;
	opacity: 0;

}

.zeile-outer a:hover .inner, .zeile-one a:hover .inner {
		transform: translate(0,-50%) scale(1);
		opacity: 1;
}

*/

.page-template-startseite .zeile-outer {
	width: 100%;
	overflow: hidden;
	border:0px solid #000;
	border-bottom:0px solid #fff;
	position: relative;
	text-align: center !important;
}
.page-template-startseite .zeile-outer img {
	border:2px solid #000;
}

.page-template-startseite .zeile-outer a {
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
	background: rgba(0,0,0,0);
	z-index: +1;
	border:2px solid #000;
	transition: background 0.3s linear;
	overflow: hidden;
}

.page-template-startseite .zeile-outer a:after {

	position: absolute;
	z-index: +1;
	content: attr(data-title);
	bottom:15px;
	left:35px;
	width: auto;
	transform: scale(1) translate(0,0);
	transition: all 0.4s ease 0s;
	opacity: 1;
	letter-spacing: 0;
	color:#fff;
	font-size: 24px;
	font-weight: 300;
}

.page-template-startseite .zeile-outer a:before {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: -20px;
	content: '';
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+81,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	z-index: +1;
	border:0px solid #000;
	transition: all 0.3s linear;

}

.page-template-startseite .zeile-outer a:hover {

	background: rgba(0,0,0,0) !important;

}

.page-template-startseite .zeile-outer a:hover:before {

	bottom:0;

}

.page-template-startseite .zeile-outer a:hover:after {

	left:50%;
	transform: translate(-50%, 0) scale(1.2);
	letter-spacing: 2px;

}

.post-type-archive-produktlinie .container, .page-template-produktkategorien .container, .page-template-produkte .container, .post-type-archive-product .container, .tax-produktkategorie .container {
	padding-top:30px;
	padding-bottom: 10px;
}



@media (min-width: 900px) {

  .zeile-one .img-toolbar, .zeile-outer .img-toolbar {

    display: block;
  }


  .zeile-middle img, .zeile-top img, .zeile-bottom img {
  	transition: all 1.2s ease-in;
  }

  .zeile-middle:hover img, .zeile-top:hover img, .zeile-bottom:hover img {
  		transform: scale(1.1);
  }

  .zeile-middle img.logo, .zeile-top img.logo, .zeile-bottom img.logo {
  	transition: all 0s linear;
  }

  .zeile-middle:hover img.logo, .zeile-top:hover img.logo, .zeile-bottom:hover img.logo {
  		transform: scale(1);
  }

  .zeile-outer {

    padding:40px;
    padding-top:0px;

  }

  .zeile-one {

    padding:40px;
    padding-top:0px;

  }

	.post-type-archive-produktlinie .container, .page-template-produktkategorien .container, .page-template-produkte .container, .post-type-archive-product .container, .tax-produktkategorie .container {
		padding-top:70px;
		padding-bottom: 30px;
	}

	.zeile-outer a .inner svg, .zeile-one a .inner svg {
		display: block;

	}

  .zeile-outer a .inner svg, .zeile-one a .inner svg {
  	display: inline-block;
    position: relative;
    top:0px;
    right: 0px;
    width: 30px !important;
    height: 30px !important;

  }

	.container.kacheln.grid-xl {

	}

	.page-template-startseite .container.kacheln.grid-xl {
			padding-left: 13px;
			padding-right: 13px;
	}

	.zeile-outer {
		width: 100%;
		border:0px solid #000;
		border-bottom:0px solid #fff;
		position: relative;
		text-align: center !important;
	}
	.zeile-outer img {
		border:0px solid #000;
	}
	.zeile-outer img.logo {
		border:0px solid #000;
	}

	.zeile-outer a, .zeile-one a {
		position: absolute;
		height: 100%;
		width: 100%;
		top:0;
		left: 0;
		background: rgba(0,0,0,0);
  	overflow: hidden;
		border:0px solid #000;
		transition: background 0.2s linear;
	}

	.zeile-outer a:hover, .zeile-one a:hover {

		background: rgba(0,0,0,0.6);

	}

	.page-template-startseite .zeile-outer {
		width: 100%;
		overflow: hidden;
		border:0px solid #fff;
		border-bottom:0px solid #fff;
		position: relative;
		text-align: center !important;
	}
	.page-template-startseite .zeile-outer img {
		border:0px solid #000;
	}
	.page-template-startseite .zeile-outer img.logo {
		border:0px solid #fff;
	}

	.page-template-startseite .zeile-outer a {
		position: absolute;
		height: 100%;
		width: 100%;
		top:0;
		left: 0;
    display: block;
		background: rgba(0,0,0,0);
		z-index: +1;
		border:2px solid #000;
		transition: background 0.2s linear;
	}

	.zeile-one a {
		position: absolute;
		height: 100%;
		width: 100%;
		top:0;
		left: 0;
		background: rgba(0,0,0,0);
		transition: background 0.2s linear;
	}


	.zeile-outer a .inner, .zeile-one a .inner {
		position: absolute;
		top:50%;
		text-align: center;
		width: 100%;
    height: 100%;
		transform: translate(0,-50%) scale(2);
		transition: all 0.2s ease 0.1s;
    z-index: +1;
		opacity: 0;
    display: flex;
    justify-content:center;
    align-items: center;

    flex-flow: row wrap;

    /* Then we define how is distributed the remaining space */
    flex-direction: column;

	}

  .zeile-outer a .inner h2, .zeile-one a .inner h2 {



  }

	.zeile-outer a:hover .inner, .zeile-one a:hover .inner {
			transform: translate(0,-50%) scale(1);
			opacity: 1;
	}

	.page-template-startseite .zeile-outer {
		width: 100%;
		overflow: hidden;
		border:2px solid #000;
		border-bottom:0px solid #fff;
		position: relative;
		text-align: center !important;
	}
	.page-template-startseite .zeile-outer img {
		border:2px solid #000;
	}

	.page-template-startseite .zeile-outer a {
		position: absolute;
		height: 100%;
		width: 100%;
		top:0;
		left: 0;
		background: rgba(0,0,0,0);
		z-index: +1;
		border:2px solid #000;
		transition: background 0.3s linear;
		overflow: hidden;
	}

	.page-template-startseite .zeile-outer a:after {

		position: absolute;
		z-index: +1;
		content: attr(data-title);
		bottom:15px;
		left:35px;
		width: auto;
		transform: scale(1) translate(0,0);
		transition: all 0.4s ease 0s;
		opacity: 1;
		letter-spacing: 0;
		color:#fff;
		font-size: 24px;
		font-weight: 300;
	}

	.page-template-startseite .zeile-outer a:before {
		position: absolute;
		height: 100%;
		width: 100%;
		bottom: -20px;
		content: '';
		left: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+81,000000+100&0+0,0.65+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		z-index: +1;
		border:0px solid #000;
		transition: all 0.3s linear;

	}

	.page-template-startseite .zeile-outer a:hover {

		background: rgba(0,0,0,0) !important;

	}

	.page-template-startseite .zeile-outer a:hover:before {

		bottom:0;

	}

	.page-template-startseite .zeile-outer a:hover:after {

		left:50%;
		transform: translate(-50%, 0) scale(1.2);
		letter-spacing: 2px;

	}


	.spalte-landscape, .spalte-quadrat {
		position: relative;
	}

	.zeile-outer a h2, .zeile-one a h2, .zeile-outer a h3, .zeile-one a h3 {
		color:#fff;
		font-size: 29px;
		font-weight: 300;
		color: #fff;
		margin-top: 0px;
	}

	.zeile-outer a h3 {
		color:rgba(255,255,255,0.8);
	}

	.zeile-outer a:hover h3 {
		color:rgba(255,255,255,1);
	}



  .zeile-left .zeile-top {
    padding-bottom:0px;
  }
  .zeile-right .zeile-top {
    padding-bottom:40px;
  }

   .reversed .zeile-left .zeile-top{
    padding-bottom:40px;
  }

  .reversed .zeile-right .zeile-top {
   padding-bottom:0px;
 }



	.zeile-top {

	 position: relative;
	}
	.zeile-bottom {
	 position: relative;
	}

	.zeile-middle img, .zeile-top img, .zeile-bottom img {
		transition: all 3.0s ease-in;
	}

	.zeile-middle:hover img, .zeile-top:hover img, .zeile-bottom:hover img {
			transform: scale(1.1);
	}

	.zeile-middle img.logo, .zeile-top img.logo, .zeile-bottom img.logo {
		transition: all 0s linear;
	}

	.zeile-middle:hover img.logo, .zeile-top:hover img.logo, .zeile-bottom:hover img.logo {
			transform: scale(1);
	}





	.zeile-outer.reversed {
		width: 100%;
		border:0px solid #000;
		border-top:0px solid #fff;
		border-bottom:0px solid #fff;
	}
	.zeile-outer img, .zeile-one img {
		border:0px solid #000;
	}
	.zeile-outer img.logo, .zeile-one img.logo {
		border:0px solid #000;
	}


	.zeile-outer:after {
		position: absolute;
		content: '';
		background: #000;
		width: 100%;
		bottom:0;
		z-index: +4;
		left:0;
	}

	.row.wohnidee-row-top  {
		background: rgb(242, 242, 242);
		text-align: center;
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.wohnidee-row h1 {

		text-transform: uppercase;
		margin-bottom: 60px;

	}

	.tax-wohnidee .img-responsive {
		width: 100%;
		height: auto;
		background-size: cover;
		background-position: 50% 50;
	}

	.zeile-one {
		border-left:0px solid #000;
		border-right:0px solid #000;
		position: relative;
	}

	.tax-wohnidee .img-container .img-responsive, .page-template-wohnideen .img-container .img-responsive, .page-template-wohnideen_produkte .img-container .img-responsive {
		width: 100%;
		height: auto;
		background-size: cover;
		background-position: 50% 50;
	}

	.zeile-one {
		border-left:0px solid #000;
		border-right:0px solid #000;
		position: relative;
	}

	.container.kacheln.grid-xl {

	}

	.page-template-startseite .container.kacheln.grid-xl {

	}

	.page-template-startseite .zeile-topper {
		overflow: hidden;
	}

	.page-template-startseite .zeile-topper .spalte-landscape {
		width: 50%;
		float: left;
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.page-template-startseite .zeile-topper .spalte-landscape img, .page-template-startseite .zeile-topper .spalte-quadrat img {
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.page-template-startseite .zeile-topper .spalte-quadrat {
		width: 33.3333%;
		float: left;
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.row.zeile_bild-karte_7 {
		background: #000;
	}

	.row.zeile_bild-karte_7 h2 {
		color: #fff;
		width: 100%;
		text-align: center;
		margin-bottom: 60px;
	}



  .zeile-outer .zeile-right .zeile-top h2, .zeile-outer .zeile-right .zeile-bottom h2 {
    font-size: 22px !important;
  }

  .zeile-outer.reversed .zeile-left .zeile-top h2, .zeile-outer.reversed .zeile-left .zeile-bottom h2 {
    font-size: 22px !important;
  }

  .zeile-outer.reversed .zeile-right .zeile-top h2, .zeile-outer.reversed .zeile-right .zeile-bottom h2 {
    font-size: 29px !important;
  }
}


@media (min-width:1400px) {

  .zeile-outer.reversed .zeile-left .zeile-top h2, .zeile-outer.reversed .zeile-left .zeile-bottom h2 {
    font-size: 29px !important;
  }

  .zeile-outer .zeile-right .zeile-top h2, .zeile-outer .zeile-right .zeile-bottom h2 {
    font-size: 29px !important;
  }


}


.counter {
  width: 100%;
  height: 40px;
  display: none;
  line-height: 40px;
  text-align: left;
  padding-left: 0px;
  position: absolute;
  bottom:-37px;
  color:#F0F0F0;
  font-size: 13px;
  z-index: +1;
}


@media (min-width:900px) {

  .counter {

    display: block;

  }

  .zeile-right {
    padding-left:0px;
  }

  .reversed .zeile-right {
    padding-left:40px;

  }

  .zeile-left {
    padding-right:40px;
  }

  .reversed .zeile-left {
    padding-right:0px;

  }

  .zeile-outer .zeile-left {
	 float: left;
	 width: 71.1%;
	 position: relative;
	}
	.zeile-outer .zeile-right {
		float: right;
		width: 28.9%;
		position: relative;
	}

  .zeile-outer.reversed .zeile-left {
	 float: left;
	 width: 28.9%;
	 position: relative;
	}
	.zeile-outer.reversed .zeile-right {
		float: right;
		width: 71.1%;
		position: relative;
	}
}

@media (min-width:1023px) {

  .zeile-outer .zeile-left {
	 float: left;
	 width: 70.1%;
	 position: relative;
	}
	.zeile-outer .zeile-right {
		float: right;
		width: 29.9%;
		position: relative;
	}

  .zeile-outer.reversed .zeile-left {
	 float: left;
	 width: 29.9%;
	 position: relative;
	}
	.zeile-outer.reversed .zeile-right {
		float: right;
		width: 70.1%;
		position: relative;
	}
}



@media (min-width:1200px) {
  .zeile-outer .zeile-left {
	 float: left;
	 width: 69.6%;
	 position: relative;
	}
	.zeile-outer .zeile-right {
		float: right;
		width: 30.4%;
		position: relative;
	}

  .zeile-outer.reversed .zeile-left {
	 float: left;
	 width: 30.4%;
	 position: relative;
	}
	.zeile-outer.reversed .zeile-right {
		float: right;
		width: 69.6%;
		position: relative;
	}
}

@media (min-width:1400px) {
  .zeile-outer .zeile-left {
	 float: left;
	 width: 69.1%;
	 position: relative;
	}
	.zeile-outer .zeile-right {
		float: right;
		width: 30.9%;
		position: relative;
	}

  .zeile-outer.reversed .zeile-left {
	 float: left;
	 width: 30.9%;
	 position: relative;
	}
	.zeile-outer.reversed .zeile-right {
		float: right;
		width: 69.1%;
		position: relative;
	}
}

.wohnideen-row {
  padding-top:40px;
	background: #000000;
}

.tax-wohnidee .container.kacheln, .page-template-wohnideen .container.kacheln, .page-template-wohnideen_produkte .container.kacheln {
	padding-left: 0;
	padding-right: 0;
}



.logo a:focus {
	outline: 0;
	box-shadow: none;
}

h2.linien-trenner {
	position: relative;
	width: 100%;
	display: block;
	text-align: left;
	margin-top:60px;
	margin-bottom: 35px;
}

h2.linien-trenner span {
	background: #fff;
	padding-right: 20px;
	z-index: +1;
	position: relative;
	display: inline-block;
}

h2.linien-trenner:before {
	position: absolute;
	content: '';
	display: block;

	height: 1px;
	top:80%;
	transform: translate(0,-80%);
	right: 0;
	background: #d0d0d0;
	width:98%;
}

.centered {
  text-align: center;
}

.now-sub {
	/*position: relative;*/
}

.top-now-logo {
	left: 100px;
	max-width: 75px;
	position: absolute;
	top:0px;
	z-index: -1;
  opacity: 0;
}

.top-now-logo.solified {

	top:200px;

}



.top-now-logo.show {
	z-index: 2000;
  opacity: 1;
}

.top-solid-logo {
	left: 100px;
	max-width: 75px;
	position: absolute;
	top:0px;
	z-index: -1;
  opacity: 0;
}

.top-solid-logo.show {
	z-index: 2000;
  opacity: 1;
}


.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.zeile_doppel-feature_quadrat .column {
	position: relative;
}

.zeile_doppel-feature_quadrat .logo_2, .zeile_doppel-feature_quadrat .logo_1  {
		position: absolute;
		top:50px;
		left:50px;
}



.zeile_doppel-feature_quadrat .button {
	position: relative;
  margin: 0 auto;
	margin-top: 20px;
  display: inline-block;
  margin-bottom: 40px;

}

@media (min-width: 800px) {

  .zeile_doppel-feature_quadrat .button {

    margin-bottom: 0px;

  }

}

.zeile_doppel-feature_quadrat {
  text-align: center;
}

.owl-carousel.haupt-bilder {
	opacity: 0;
	overflow: hidden;
	transition: height 0.3s linear, opacity 0.6s linear;
}

.to-top {
	position: fixed;
	right:-150px;
	bottom:60px;
	display: block;
	z-index: 100;
}

.to-top.show {
	right: 20px;
}



.to-top {

	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 52px;
	background: #fff;
	color:#2d2d2d;
	box-shadow: 0 8px 10px rgba(60,60,60,0.2);
	border:1px solid #fff;
	cursor: pointer;
	border:1px solid #f0f0f0;
	transition: all 0.4s ease;

}

.to-top:hover {

	border:1px solid #f0f0f0;
	box-shadow: 0 0px 2px rgba(0,0,0,0.1);
}


.zeile_doppel-feature_quadrat .logo_2 img, .zeile_doppel-feature_quadrat .logo_1 img  {
		max-height: 50px;
		width: auto;
}

.zeile_doppel-feature_quadrat .logo_2, .zeile_doppel-feature_quadrat .logo_1  {
	top:20px;
	left: 20px;
}



.page-id-5207 .zeile_doppel-feature_quadrat .logo_1, .page-id-10349 .zeile_doppel-feature_quadrat .logo_1  {

		top:20px;
		left: 20px;

}

.page-id-5207 .zeile_doppel-feature_quadrat .logo_2, .page-id-10349 .zeile_doppel-feature_quadrat .logo_2  {

		top:20px;
		left: 20px;

}



.page-id-5207 .zeile_doppel-feature_quadrat .logo_2 img, .page-id-10349 .zeile_doppel-feature_quadrat .logo_2 img {
		max-width: 50px;
		height: auto;
}

.page-id-5207 .zeile_doppel-feature_quadrat .logo_1 img, .page-id-10349 .zeile_doppel-feature_quadrat .logo_1 img {
	max-height: 30px;
	width: auto;
}

@media (min-width: 800px) {


	.zeile_doppel-feature_quadrat .logo_2 img, .zeile_doppel-feature_quadrat .logo_1 img  {
			max-height: 100px;
			width: auto;
	}



	.page-id-5207 .zeile_doppel-feature_quadrat .logo_1, .page-id-10349 .zeile_doppel-feature_quadrat .logo_1  {

			 top:40px;

	}



	.page-id-5207 .zeile_doppel-feature_quadrat .logo_2 img, .page-id-10349 .zeile_doppel-feature_quadrat .logo_2 img {
			max-width: 100px;
			height: auto;
	}

	.page-id-5207 .zeile_doppel-feature_quadrat .logo_1 img, .page-id-10349 .zeile_doppel-feature_quadrat .logo_1 img {
		max-height: 50px;
		width: auto;
	}

	.to-top {
		position: fixed;
		right:-150px;
		bottom:80px;
		display: block;
		z-index: 4000;
	}

	.to-top.show {
		right: 40px;
	}

}

.to-top.hide {
  opacity: 0;
}

body.page-template-wunschliste {
	background: #f2f2f2;
}

.row.wunschliste, .row.1-items {
	background: #f2f2f2;
}

.wunschliste h1 {
	text-align: center;
	width: 100%;
}

.row.wunschliste-items .container {
	background: #fff;
	box-shadow: 0 0px 2px rgba(30,20,30,0.3);
}

.wunschliste .modal-body {
	text-align: center;
}



.wunschliste-layer_closer, .wunschliste-remover {
	position: absolute;
	right: -10px;
	top:10px;
	cursor: pointer;
}

.wunschliste-remover path, .wunschliste-remover polygon {
	transition:all 0.2s linear;
}

.wunschliste-remover:hover path, .wunschliste-remover:hover polygon {
	fill:red !important;
}



.produkt-container {
	position: relative;
	text-align: center;
}

.wunschliste-items .columns {
	padding:20px;
}

.wunschliste-items .produkt-container {
	padding:40px;
}

.wunschliste-items .columns	 {
	padding-top:50px;
	padding-bottom:50px;
}

.wunschliste-items .form-input {
	margin-bottom: 0px;
}

.row.wunschliste {
    padding-top: 60px;
    padding-bottom: 0px;
}

.wunschliste-top .header {
	text-align: center;
	margin-bottom: 50px;
}

.wunschliste-top.hide{
	display: none;
}

.wunschliste-items .buttons {
	text-align: center;
}

.wunschliste-items textarea {
	height: 186px;
}

.versenden-container {
	text-align: center;
}

.btn.wunschliste-versenden, .btn.alle-anzeigen {
	margin:0 auto;
	margin-top: 30px;
}

.anzeigen-alle {
	text-align: center;
}

input.error, textarea.error {
	border-color:red;
}


.column.datenschutz {

	padding-top:30px;
	padding-bottom:80px;
}

@media (min-width: 800px) {

	.column.datenschutz {
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
		padding-bottom:80px;
	}

}

@media (min-width: 1100px) {

	.column.datenschutz {
		padding-left:100px;
		padding-right:100px;
		padding-top:30px;
		padding-bottom:80px;
	}

}

.column.datenschutz a {
  text-decoration: none;
}

.column.datenschutz a:hover {
text-decoration: underline;
}

.row.wunschliste-items.form {
	display: none;
}

.row.wunschliste-items.form.show {
	display: block;
}

.pagination .page_item {
    margin: .2rem .05rem;
		display: none;
}


.pagination .page_item a {
    border-radius: .1rem;
    color: #686868;
    display: inline-block;
    padding: .2rem 0.3rem;
    text-decoration: none;
		margin-left:2px;
		margin-right: 2px;
		background: #f2f2f2;
}

.pagination .page-item {
    margin: .2rem .05rem;
}


.pagination .page-item a {
    border-radius: .1rem;
    color: #686868;
    display: inline-block;
    padding: .2rem 1rem;
    text-decoration: none;
		margin-left:2px;
		margin-right: 2px;
		border:1px solid #c0c0c0;
}

.pagination .page_item {
    margin: .05rem .0rem;
}

.pagination .page-item {
    margin: .05rem .0rem;
}

@media (min-width: 800px) {

	.wunschliste .modal-container {
			max-height:304px;
			min-width: 450px;
			min-height:304px;
	}

	.pagination .page_item a {
	    border-radius: .1rem;
	    color: #686868;
	    display: inline-block;
	    padding: .2rem 1rem;
	    text-decoration: none;
			margin-left:10px;
			margin-right: 10px;
			background: #f2f2f2;
	}

	.pagination .page_item {
	    margin: .2rem .05rem;
			display: block;
	}

	.pagination .page-item {
	    margin: .2rem .05rem;
	}

}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

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

.zeile_youtube_video .videoWrapper {
  margin-bottom: 20px;
}

.zeile_youtube_video .col-6:first-of-type {
  margin-bottom:20px;
}

@media (min-width: 840px) {

  .zeile_youtube_video .col-6:first-of-type {
    margin-bottom:0px;
  }

}


@media (min-width:900px) {
  .page-template-wohnideen .marken_logo, .tax-wohnidee .marken_logo, .page-template-wohnideen_produkte.marken_logo {

  	display:block;

  }
}

.NO.SPC  {

}

.NO.SPC a  {
  height: 44px;
  display: block;
  line-height: 44px;
  transition: all 0.3s ease;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 180px;
  color:#fff;
  background: rgba(255,255,255,0.2);

}

.NO.SPC a img  {
  margin-right: 10px;

}

.NO.SPC a:after  {
  display: block;
  position: absolute;
  width: 15px;

  height: 20px;
  left: -20px;
  top: 50%;
  transform: translate(0,-50%);
  content: '';
  opacity: 0;
  transition: all 0.3s ease;
}

.NO.SPC a i {
  color:rgba(0,0,0,0) !important;
  position: relative;
  transition: color 0.3s ease 0s;
  left: -6px;
}

.NO.SPC a:hover i {
  color:#2d2d2d !important;

}

.NO.SPC a:hover  {
  text-decoration: none !important;
  background: rgba(255,255,255,0.7);
  color:#2d2d2d !important;
}

.NO.SPC a:hover:after  {

}

.left-menu-sidebar .NO.SPC a  {

  color:#2d2d2d !important;
  background: rgba(255,255,255,0.2) !important;

}
.left-menu-sidebar .NO.SPC a:hover  {
  text-decoration: none !important;
  background: rgba(200,200,200,0.2) !important;
  color:#2d2d2d !important;
}

.left-menu-sidebar .NO.SPC a i {
  color:rgba(0,0,0,0) !important;
  position: relative;
  transition: color 0.3s ease 0s;
  left: -6px;

}

.left-menu-sidebar .NO.SPC a:hover i {
  color:#2d2d2d !important;

}


.languages {
  height: 0;
  overflow: hidden;
  width: auto;
  transition: all 0.3s ease;

}

.languages.show {
  padding-top:15px;
  height: 60px;
  overflow: hidden;
  width: auto;

}

*:focus {
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.with-lang {
  position: relative !important;
}

footer .languages {

  width: auto;
  display:block;
  position: relative;

  z-index: +1;
}

footer .languages a {
  color: rgba(255,255,255,1) !important;
}

.languages-footer {
  text-align: left !important;
}

.languages-footer a {
  text-align: left !important;
}

@media (min-width:840px) {
  footer .languages {

    width: auto;
    display:block;
    position: absolute;
    margin-top: 1px;
    margin-bottom: -40px;
    margin-left:-20px;
    bottom: 100%; /* added this attribute */

    position: absolute;
    z-index: +1;
  }

  footer .languages a {
    color: rgba(255,255,255,1) !important;
  }
}

.master_counter {
  position: absolute;
  font-size: 26px;
  font-weight: 700;
  width: 70px;
  height: 70px;
  right:10px;
  top:10px;
  line-height: 70px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  border:2px solid rgba(255,255,255,0.7);
  color: rgba(255,255,255,1);
  border-radius: 50%;

}

.zeile_geoip_downloads .column {
  display: flex;
  align-items:flex-end;
}

.zeile_geoip_downloads .column a {
  margin-top:20px
}

.d-none {
 /*  display: block !important; */
}

.siegel-top {
  border-top:1px solid #dddddd;
  padding-top: 0;
  background: #fff;
  padding-bottom: 0;
  max-width:331430px;
  margin:0 auto;
  display: none;
}

@media (min-width:1023px) {
  .siegel-top {
    display: block;
  }
}

.siegel-container {
  display: flex;
  justify-content:space-evenly;
  align-content:stretch;
  align-items: center;
  margin-top:40px;
  padding-bottom: 20px;
  opacity: 0;
  transition: bottom 0.3s linear, opacity 0.7s linear;
  position: relative;
  bottom:-100px;
}

.siegel-container.show {
  opacity: 1;
  bottom: 0;
}

.siegel {
  text-align: center;
  flex-grow: 1;
  position: relative;
  flex-basis: 0;

  height: 100%;
  min-height: 100%;
  display: block;

  cursor: pointer;
}


.siegel:after {
  content: '';
  position: absolute;
  border-right:1px solid #dfdfdf;
  width: 100%;
  height: 80%;
  top:0%;
  left:0;
}

.siegel:last-child:after {
  border-right:0px solid #dfdfdf;
}


.siegel img {
  max-height: 100px;
  max-width: 100px;
  width: auto;
  height: auto;
  position: relative;
  margin:0 auto;
  top:50%;
  transform: translate(0,-50%);
}


.siegel .inner-siegel.landscape img {
  max-height: 150px;
  max-width: 150px;

}


.inner-siegel {
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Roboto Condensed';
  text-decoration: none !important;
  font-size: 13px;
  color:#898989;
}



.siegel-titel {
  font-family: 'Roboto Condensed';
  text-decoration: none !important;
  font-size: 13px;
  color:#898989;

}

.siegel-ref:hover {
  color:#222222;
  text-decoration: none !important;
}

.siegel:hover .siegel-titel {
  color:#222222;
  text-decoration: none !important;
}

.siegel-titel {
  transition: color 0.123s linear;
  padding:20px;
}

/* advent */



.zeile_fullscreen_slider.advent {
  position: relative;
}

.zeile_fullscreen_slider.advent, .zeile_fullscreen_slider.advent .slide-container, .zeile_fullscreen_slider.advent .slide {
  max-height: 450px;
  height: 450px;
}

@media (min-width:768px) {
  .zeile_fullscreen_slider.advent, .zeile_fullscreen_slider.advent .slide-container, .zeile_fullscreen_slider.advent .slide {
    max-height: 750px;
    height: 750px;
  }
}

.advent-headline, .advent-logo {
  position: absolute;
  z-index: +1;

}

.advent-headline {
  top:100px;
  left:30px;
  opacity:0;
  max-width: 200px;
  height: auto;
}

.advent-logo {
  right:20px;
  bottom:20px;
  max-width: 120px;
  height: auto;

}

@media (min-width:768px) {

  .advent-logo {
    right:20px;
    bottom:20px;
    max-width: 200px;
    height: auto;

  }

  .zeile_fullscreen_slider.advent, .zeile_fullscreen_slider.advent .slide-container, .zeile_fullscreen_slider.advent .slide {
    max-height: 750px;
    height: 750px;
  }

  .advent-headline {
    top:150px;
    left:80px;
    opacity:0;
    max-width: 100%;
    height: auto;
  }
}

.advent-headline.zoomIn {
  opacity:1;
}



.advent-intro {
  text-align: center;
  padding-top:18px;
  padding-bottom: 28px;
  color:#fff;
}

.thischeckans.error, .daQuesgtion.error {
  color:darkred;
}

#input-email.error, #input-vorname.error, #input-nachname.error {
  color:darkred !important;
}

#input-nachname.error::-webkit-input-placeholder, #input-email.error::-webkit-input-placeholder, #input-vorname.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:darkred !important;
}
#input-nachname.error::-moz-placeholder, #input-email.error::-moz-placeholder, #input-vorname.error::-moz-placeholder { /* Firefox 19+ */
  color:darkred !important;
}
#input-vorname.error:-ms-input-placeholder, #input-email.error:-ms-input-placeholder, #input-nachname.error:-ms-input-placeholder { /* IE 10+ */
  color:darkred !important;
}
#input-vorname.error:-moz-placeholder, #input-email.error:-moz-placeholder, #input-nachname.error:-moz-placeholder { /* Firefox 18- */
  color:darkred !important;
}

.advent-intro h1 {
  margin:0;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  font-weight: 500;
  font-size:25px;
}

.advent-intro h2 {
    font-size: 1.2rem;
}

.advent-intro {
  text-align: center;
  padding-top:38px;
  padding-bottom: 28px;
  color:#fff;
}

.advent-outro h3 {
      font-size: 1rem;
}

.intro-text {
  padding:15px;
  max-width: 90%;
  margin: 0 auto;
}

@media (min-width:730px) {

  .intro-text {
    padding:55px;
    max-width: 90%;
    margin: 0 auto;
  }

  .advent-outro h3 {
        font-size: 1.4rem;
  }

  .advent-intro h2 {
      font-size: 1.6rem;
  }

  .advent-intro {
    text-align: center;
    padding-top:138px;
    padding-bottom: 78px;
    color:#fff;
  }

  .advent-intro h1 {
    margin:0;
    text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
    font-weight: 500;
    font-size:37px;
  }

}

.advent-outro {
  text-align: center;
  padding-top:38px;
  padding-bottom: 78px;
  color:#fff;
}




.intro-links {
  text-align: center;
  padding-top: 55px;
  color:#fff;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.kalendar .columns.advent-trenner {
  margin-top: 55px;

}

.intro-links a {
  color: #ffffff;
}


.intro-links .advent-legal.back {
  font-size: 15px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  padding-left: 35px;
  padding-right: 35px;
  border-radius: 2px;
  width: auto;
  border:1px solid rgba(255,255,255,0.3);
  text-decoration: none;
  background: rgba(255,255,255,0.1);
  transition: all 0.3s linear;
}

.intro-links .advent-legal.back:hover {
  font-size: 15px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  padding-left: 35px;
  padding-right: 35px;
  border-radius: 2px;
  width: auto;
  border:1px solid #fff;
  text-decoration: none;
  background: rgba(40,40,40,0.1);
  box-shadow: 0px 2px 5px rgba(40,40,40,0.1);
}

.intro-butt {
  position: relative;
  display: inline-block;
  width: auto;
}

.advent-trenner {
  border-top:1px solid #fff;
}

.btn.advent-go, .btn.advent-go:after {
  background: linear-gradient(-45deg, rgb(252, 19, 7), rgb(199, 10, 0), rgb(252, 19, 7), rgb(199, 10, 0));
  animation: adventgo 16s linear infinite;
  background-size: 600%;
  color:#fff;
  font-weight: 500;
  font-size:15px;
  height: 60px;
  position: relative;
  line-height: 60px;
  padding: 0;
  padding-right: 50px;
  padding-left: 50px;
  border:none;
}

.btn.advent-go:after {
  position: absolute;
  z-index: -1;
  width: 100%;
  content: '';
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: 0.8;
  color: transparent;
  left:0px;

}

main {
  overflow-x:hidden;
  width: 100%;
  max-width: 100%;
}

.btn.advent-go:hover {
  opacity: 0.8;
}

@-webkit-keyframes adventgo {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }

}
@keyframes adventgo {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }

}




.btn.colors-go {
  background: rgba(255,255,255,1);
  color:#2d2d2d;
  font-weight: 500;
  font-size:15px;
  height: 50px;
  position: relative;
  line-height: 50px;
  padding: 0;
  padding-right: 50px;
  padding-left: 50px;
  border:1px solid #ccc;

  margin-top: 20px;
  margin-bottom: 20px;

  transition: opacity 0.3s ease;
}

.btn.colors-go:after {
  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  animation: adventgo 16s linear infinite;
  background-size: 600%;
  color:#fff;
  font-weight: 500;
  font-size:15px;
  height: 50px;
  position: relative;
  line-height: 50px;
  padding: 0;
  padding-right: 50px;
  padding-left: 50px;
  border:none;

  transition: opacity 0.3s ease;

}

.btn.colors-go:before {
  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  animation: adventgo 16s linear infinite;
  background-size: 600%;
  color:#fff;
  font-weight: 500;
  font-size:15px;
  position: relative;
  padding: 0;
  border:none;
  width: 100%;
  height: 100%;

  transition: opacity 0.3s ease;

}

.btn.colors-go:after {
  position: absolute;
  z-index: -1;
  width: 100%;
  content: '';
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: 0.8;
  color: transparent;
  left:0px;

}


.btn.colors-go:before {
  position: absolute;
  z-index: -1;
  width: 100%;
  content: '';
  opacity: 0;
  color: transparent;
  left:0%;

}

main {
  overflow-x:hidden;
  width: 100%;
  max-width: 100%;
}

.btn.colors-go:hover {
  background: rgba(255,255,255,0.8);
  color: rgba(0,0,0,1);
}

.btn.colors-go:hover:after {

  opacity: 0;


}

.btn.colors-go:hover:before {

  opacity: 1  ;


}


@-webkit-keyframes newslettergo {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }

}
@keyframes newslettergo {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }

}

.columns.preise {
  padding-bottom: 60px;
}
.columns.preise .column {
  perspective: 1000px;
  padding:15px;
}

.columns.preise img {
  position: relative;
  filter: drop-shadow(5px 10px 10px rgba(0,0,0,0.3));

  max-width: 530px;
  width: 100%;
  height: auto;

  transition: .3s;
  transform: rotateX(0deg);

}

.columns.preise img:hover {
  filter: drop-shadow(5px 10px 10px rgba(0,0,0,0.3));
  transform: rotateX(20deg);
}

.columns.preise .col-6 {
  padding:20px;
}

/* Kalendar */

.container.advent.kalendar {
  padding-top:20px;
}

.container.advent.kalendar.grid-lg {
  padding-top:0;
  padding-bottom:40px;
}

.advent .modal-container {
  max-height: 95vh;
}

.advent-best .modal-container {
  max-height: 95vh;
  min-height: 300px !important;
  background: rgb(209, 171, 106);
  border:6px solid #fff;
  color:#fff !important;
}

@media (min-width:730px) {
  .container.advent.kalendar {
    padding-top:100px;
  }

  .advent .modal-container {
    max-height: 75vh;
  }

  .container.advent.kalendar.grid-lg {
    padding-top:0;
    padding-bottom:100px;
  }
}

.kalendar-snow {
  position: absolute;
  width: 100%;
  height: auto;
  pointer-events: none;
}

main {
  position: relative;
}

.tetrim {
  position: absolute;
  pointer-events: none;
  left:-540px;
  top:800px;
  max-width: 400px;
  display: none;
  transition: left 0.2s linear;

  z-index:49;

  filter: drop-shadow(5px 10px 10px rgba(0,0,0,0.3));


}

.tetrim.kal {
  top:600px;
  display: none;
}

.tetrim-right {
  position: absolute;
  pointer-events: none;
  right:-540px;
  top:500px;
  max-width: 400px;
  z-index:49;
  display: none;
  filter: drop-shadow(5px 10px 10px rgba(0,0,0,0.3));
}

@media (min-width:1265px) {

  .tetrim {
    left:-240px;
    top:1150px;
    max-width: 400px;
    display: block;
  }

  .tetrim.kal {
    top:600px;
    display: block;
  }

  .tetrim-right {
    right:-240px;
    top:500px;
    max-width: 400px;
    display: block;
  }

}

@media (min-width:1500px) {

  .tetrim {
    left:-140px;
    top:1150px;
    max-width: 400px;
  }

  .tetrim.kal {
    top:600px;
  }

  .tetrim-right {
    right:-140px;
    top:500px;
    max-width: 400px;
  }


}

.columns.preise {
  padding-bottom: 180px;
}


.kalendar-snow.first {
  opacity: 0.5;

}

.kalendar-snow.rotated {
  transform:rotate(180deg);
  bottom:0;
  left:0;
}

.kalendar .advent-intro h1 {
  text-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  padding-left:30px;
  padding-right: 30px;
  font-weight: 500;
}

.kalendar .door {
  background: rgb(199, 10, 0);
  border:3px solid #f9eaca;
  display: flex;
  justify-content:center;
  align-items:center;
  position: relative;
  overflow: hidden;
}

.kalendar .door .message {
  position: absolute;
  color:#fff;
  background: rgba(186, 9, 9,1);
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  font-size: 30px;
  font-family:'Lobster';
  font-style: italic;
  font-weight: 700;

}

.kalendar .door.inactive-pre .message {
  background: rgb(237, 25, 14);

}

.kalendar .door.tocome .message {

  background: rgba(98, 125, 77,1);

}

.kalendar .door .message.zoomIn {
  opacity: 1;



}

.kalendar .door .message span{
  position: absolute;
  color:#fff;
  display: inline-block;
  top:50%;
  left:50%;

  transform: translate(-50%,-50%);

}



.kalendar .door {
  background: -webkit-linear-gradient(135deg, #FFE598, #E7B24D, #F9C955, #B77612);
  background: -o-linear-gradient(135deg, #FFE598, #E7B24D, #F9C955, #B77612);
  background: linear-gradient(-45deg, #FFE598, #E7B24D, #F9C955, #B77612);
  -webkit-box-shadow: 0px 0px 0px #e4b95e;
          box-shadow: 0px 0px 0px #e4b95e;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  cursor: pointer;
  position: relative;
  top:0;
}

.kalendar .door.shine:not(.inactive) {
  animation: adventgo 16s linear infinite;
  background-size: 600%;
}

.btn.advent-go-noanim {
  background: rgb(199, 10, 0);
  color:#fff;
  height: 50px;
  line-height: 50px;
  padding-left:30px;
  padding-right:30px;
  padding-top:0;
  padding-bottom:0;
  border-color: #fff;
}

.btn.advent-go-noanim:hover {
  background: rgb(237, 25, 14);
}




.num {
  color:#fff;
  font-size: 70px;
  font-family:'Lobster';
  font-style: italic;
  font-weight: 700;
}



.door.tocome:hover {

  background: #B77612;
  border-color: #fff;

  color:#fff !important;

}


.door:not(.inactive):not(.tocome):hover {
  box-shadow: 0px 5px 30px rgba(117, 72, 3, 0.6);
  /*background: linear-gradient(-45deg, #3cf0c5, #338aff, #ff3d77, #ffa63d);*/
  background: #AB6A05;
  border-color: #fff;
  top:-5px;
}



.door.inactive {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0);
}

.door.inactive.pre .message {
  background: #AB6A05;
  /*cursor:not-allowed;*/
}

.door.inactive .num {
  color: rgba(255, 255, 255, 0.5);
}

.door:not(.inactive):hover .num {
/*  text-shadow: 2px 2px 5px rgb(119, 73, 1);*/
  transition: all 0.2s linear;
}

.kalendar .column {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.modal.modal-lg.advent .modal-container {
  background: rgb(209, 171, 106);
  border:6px solid #fff;
}

.advents-inner {
  display: flex;
  color:#fff;
  flex-direction:column;
}
.advents-produkt, .advents-form {
  flex: 1 0 auto;
}

.modal-container .modal-body {
  overflow-y: auto;
  padding: .4rem;
  position: relative;
}

.modal.modal-lg.advent .modal-container {
  padding: 0 .4rem;
}

.btn.advent-go-noanim {
  display: block;
  width: 100%;
  text-align: center;
  margin:0 auto;

}



@media (min-width:730px) {

  .btn.advent-go-noanim {
    display: inline-block;
    width: auto;
    text-align: center;
    margin:0 auto;

  }


  .advents-inner {
    flex-direction:row;
  }
  .advents-produkt, .advents-form {
    flex: 1 1 0;
  }
  .modal-container .modal-body {
    overflow-y: auto;
    padding: 1.4rem;
    position: relative;
  }
  .modal.modal-lg.advent .modal-container {
    padding: 0 .7rem;
  }
}

@media (min-width:1023px) {
  .modal.modal-lg.advent .modal-container {
    padding: 0 1.4rem;
  }
}

.advents-inner p {
  color:#fff;
}

.day-chooser ul {
  list-style-type: none;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

.day-chooser ul li {
  float: left;
  padding:10px;
}

.daayos {
  display:block;
}

.daayos.show {
  display:block;
}

.day-chooser ul li a {
  width:30px;
  height: 30px;
  display: block;
  background: #fff;
  border-radius: 3px;
  color:#8f8f8f;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.day-chooser ul li a:hover {
  width:30px;
  height: 30px;
  display: block;
  background: #8f8f8f;
  border-radius: 3px;
  color:#fff;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.day-chooser ul li a.active {
  width:30px;
  height: 30px;
  display: block;
  background: #2d2d2d;
  border-radius: 3px;
  color:#fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 30px;
}




.modal.advent .modal-container .modal-header {
  padding-top:0;
  padding-bottom:0;
}

.advent .form-group label {
  display: block;
}

.advent .form-group input.form-input {
  margin-bottom: 10px;
}

.advent .form-group input.form-input:focus {
  border-color: darkred;
}

.advents-produkt {
  display: flex;
  flex-flow: column;
  align-content:flex-start;
  padding-right: 0px;

  font-size: 18px;
}

label.form-checkbox {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
}

.advents-produkt p, .advents-form p {
  font-size: 18px;
  font-weight: 300;
}

.advents-form p {
  margin-bottom: 5px;
}

.advents-produkt p b {
  font-weight: 700;
}

.advents-produkt p a {
  color:#fff !important;
  text-decoration: underline;
}

.advents-produkt-header {
  font-size: 30px;
}

.advents-produkt .advents-produkt-header {
  margin-bottom: 20px;
  padding-right: 30px;
}

.advents-produkt img {
  margin-bottom: 30px;
}


.advent  .wunschliste-layer_closer, .advent  .wunschliste-remover {
	position: absolute;
	right: 10px;
	top:10px;
	cursor: pointer;
  color:#fff;
  z-index: 2000;
}

.scroll-message {
  background: rgba(209, 171, 106,0.7);
  position: absolute;
  width: 100%;
  height: 40px;
  bottom:0;
  left:0;
  text-align: center;
  color:#fff;
  pointer-events: none;
  display: none;
}

.scroll-message.visible {
  display: block;
}

.scroll-message a {
  color:#fff;
}
.arrow {
  text-align: center;
  margin-top:10px;
}
.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@media (min-width:730px) {
  .advents-produkt {
    display: flex;
    flex-flow: column;
    align-content:flex-start;
    padding-right: 45px;

    font-size: 20px;
  }
  .advents-produkt p, .advents-form p {
    font-size: 20px;
    font-weight: 300;
  }
  .advent  .wunschliste-layer_closer, .advent  .wunschliste-remover {
  	right: -8px;
  }
}


@media (min-width:1023px) {

  .advent  .wunschliste-layer_closer, .advent  .wunschliste-remover {
  	right: -23px;
  }

}

.advent  .wunschliste-layer_closer svg, .advent  .wunschliste-layer_closer svg, .advent-best  .wunschliste-layer_closer svg, .advent-best  .wunschliste-layer_closer svg {

  fill:#fff !important;
}

.advent .wunschliste-layer_closer path, .advent .wunschliste-layer_closer polygon, .advent-best .wunschliste-layer_closer path, .advent-best .wunschliste-layer_closer polygon {
	transition:all 0.2s linear;
  fill:#fff !important;
  stroke: fff!important;
}

.advent .wunschliste-layer_closer:hover path, .advent .wunschliste-layer_closer:hover polygon, .advent-best .wunschliste-layer_closer:hover path, .advent-best .wunschliste-layer_closer:hover polygon {
	fill:red !important;
  stroke: red !important;
}


.advent .form-checkbox .form-icon, .advent .form-radio .form-icon {
  background: transparent;
  height: .9rem;
  left: 0;
  top: .5rem;
  width: .9rem;
}




.advent .form-checkbox .form-icon, .advent .form-radio .form-icon, .advent .form-switch .form-icon {
  border: 2px solid #ffffff;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  transition: all .2s ease;
}


.advent .form-checkbox input:checked+.form-icon, .advent .form-switch input:checked+.form-icon {
    background: #d1ab6a;
    border-color: #fff;
    box-shadow:0 0 0 rgba(0,0,0,0);
}

.advent .form-checkbox input:focus+.form-icon, .advent .form-switch input:focus+.form-icon {
    background: #d1ab6a;
    border-color: #fff;
    box-shadow:0 0 0 rgba(0,0,0,0);
}

.advent .form-radio input:checked+.form-icon, .advent .form-radio input:focus+.form-icon {
  background: #fff;
  border-color: #fff;
  box-shadow:0 0 0 rgba(0,0,0,0);
}

.page-template-advent_best .intro-text {
  padding-bottom: 190px;
  font-size: 23px;

}

.page-template-advent_uebersicht .advent-intro {
  padding-bottom: 290px;
  font-size: 16px;

}

.page-template-advent_uebersicht .advent-intro h2 {
  margin-top:30px;

}

.page-template-advent_best .intro-text p {
  font-size: 23px;

}

.advent-intro table {
  font-size: 14px !important;
  margin: 0 auto;
  width: 100%;
}

.advent-intro table tr {
  transition: all 0.3s linear;
}

.advent-intro table td.name {
  text-align: left;
  width: 30%;
}

.advent-intro table td.email {
  text-align: left;
  width: 30%;
  font-weight: 700 !important;
}

.advent-intro table td {
  padding: 5px;
}



.advent-intro table td.answer {
  text-align: center;
  width: 25%;
}

.advent-intro table td.zeit {
  text-align: center;
  width: 15%;
  font-size: 14px !important;
}

.advent-intro table td.zeit .fa-check {
  color:#4CAF50;
}

.advent-intro table td.zeit .fa-times {
  color:#f44336;
}

.advent-intro table tr:nth-of-type(odd) {
  background: #dfdfdf !important;
  color:#2d2d2d !important;
}

.advent-intro table tr:nth-of-type(even) {
  background: #f9f9f9 !important;
  color:#2d2d2d !important;
}

.advent-intro table tr:nth-of-type(odd):hover {
  background-color: #888888 !important;
  color:#fff !important;
}

.advent-intro table tr:nth-of-type(even):hover {
  background-color: #888888 !important;
  color:#fff !important;
}

.advent-intro table tr.active {
  background: rgb(186, 9, 9) !important;
  color:#fff !important;
}

.modal.modal-sm .modal-container {
  max-width: 620px;
}

.anrede div, .anrede label, .anrede input{
  display: inline-block !important;
}

.modal-container {
  min-height: 0 !important;
}
.daAnrede {
  margin-right: 30px;
}

.form-group.underlined {
  border-bottom:1px solid rgba(255,255,255,0.4);
  margin-bottom:5px;
}

.advent-legal-form {
  color:#fff !important;
  text-decoration: underline;
}

.error .advent-legal-form {
  color:darkred !important;
  text-decoration: underline;
}

.daAnrede.error {
  color:darkred !important;
}


.buttsa_adenvet a.btn {
  height: 80px;
  line-height: 55px;
  font-size: 20px;
  padding-left:60px;
  padding-right:60px;
  font-weight: 500;
  color:#fff;
  background: #26A69A;
  margin:30px;
  margin-top:90px;
  border:2px solid #009688;
  font-family: 'Roboto Condensed'
}

.buttsa_adenvet a.btn:hover {
  background: #B2DFDB;
  border-color: #26A69A;
  color:#00796B;
  box-shadow: 4px 4px 14px (255,255,255,0.8) !important;
}


.columns-presse {
  display: flex;
  flex-direction: column;

}

.column-presse.col-left {
  width: 100%;
  flex-grow: 1;
  padding:0px;
  padding-bottom:30px;
}

.column-presse.col-right {
  width: 100%;
  min-width: 100px;
  max-width: 700px;
  flex-grow: 0;
}

.page-template-pressematerial h4 {
  font-size: 1rem;
}

a.material {
    display: flex;
    color:#808080;
    font-size: 18px;
    width: 100%;
    border-top:1px solid #D0d0d0;
    padding:10px;
    padding-top:20px;
    padding-.bottom: 20px;
    font-weight: 300;
    text-decoration: none;
    transition: all 0.3s;
    flex-direction: column;

}

a.material:last-of-type {
  border-bottom:1px solid #D0d0d0;
}

.datei i.show-desk {
  display: inline-block !important;
}

.hide-desk {
  display: none !important;
}


a.material .download-name {

  color:#808080 !important;
  font-weight: 700 !important;

}

a.material i.show-desk {

  color:#F57C00 !important;

}

.info-box {
  border-top:1px solid #D0d0d0;
}

.info-box, .info-box p, .huelsta-titel-bild {
  font-size:14px;
}

.container-name:not(:first-child) {
  margin-top:40px;
}


@media (min-width: 768px) {



  .columns-presse {
    display: flex;
    flex-direction: row;
  }

  .column-presse.col-left {
    width: 100%;
    flex-grow: 1;
    padding:30px;
  }

  .column-presse.col-right {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    flex-grow: 0;
  }


}




@media (min-width: 841px) {

  .page-template-pressematerial h4 {
    font-size: 1.2rem;
  }

  a.material {
      font-size: 24px;

  }

}


@media (min-width: 950px) {

  a.material .download-name {

    color:#808080 !important;
    font-weight: 300 !important;

  }

  .hide-desk {
    display: block !important;
  }

  .datei i.show-desk {
    display: none !important;
  }

  a.material {
      display: flex;
      color:#808080;
      width: 100%;
      border-top:1px solid #D0d0d0;
      padding:10px;

      padding-top:20px;
      padding-.bottom: 20px;
      font-weight: 300;
      text-decoration: none;
      transition: all 0.3s;
      flex-direction: row;

  }



  a.material:hover .download-name {

    color:#2d2d2d !important;

  }
}

.contact-widget {
  padding:30px;
  background: rgb(247, 247, 245);
  font-size: 15px;

}



.contact-widget p {

  font-size: 15px;

}





a.material:hover {
    text-decoration: none;
    color:#2d2d2d;

}

a.material:hover .download-icon {
    color:#F57C00;

}

.download-icon {
  padding-right: 40px;
  transition: all 0.3s;
  color:#2d2d2d;
}

.row.pressematerial {
  margin-bottom: 120px;
}





#share-toolbar {
  position: fixed;
  bottom: -51px;
  left:0;
  right:0;
  height: auto;
  width: 100%;
  background:rgba(50,50,50,0);
  z-index:2000004;
  padding:0px;
  padding-bottom:0px;
  text-align: center;
  transition: bottom 0.2s;
}

#share-toolbar a {
  display: block;
  width: 100%;
  height: 50px !important;
  line-height: 50px !important;
}

#share-toolbar a .fa-whatsapp {
  font-size: 20px;
}

#share-toolbar.show {
  bottom: 0px !important;

}

#share-toolbar .menu {
  padding:0 !important;
  overflow: hidden;

}

#share-toolbar .menu li {
  margin:0 !important;
  float: left;
  width: 25%;

}

#share-toolbar-inline {
  position: relative;
  width: 100%;
  background:rgba(50,50,50,0);
  padding:0px;
  padding-bottom:0px;
  margin-top: 40px;
  text-align: center;
  transition: bottom 0.2s;
  padding-right: 10px;
}

.supercontent #share-toolbar-inline {
  position: relative;
  width: 100%;
  background:rgba(50,50,50,0);
  padding:0px;
  padding-bottom:20px;
  margin-top: 20px;
  text-align: center;
  transition: bottom 0.2s;
  padding-right: 60px;
  margin-left: -17px;
}

#share-toolbar-inline.show-md .right {
  float: left;
  width: auto;
  text-align: left;
  padding-left: 20px;
  white-space: nowrap;
}



/* Larger than tablet */
@media (min-width: 960px) {

  #share-toolbar-inline.show-md .right {
    float: right;

  }

  #share-toolbar-inline {

    padding-right: 90px;
  }

}

#share-toolbar-inline .right {
  float: right;
  width: 85%;
}



.show-md .produktautor {
  margin-bottom: 5px;
}




#share-toolbar-inline .left {
  float: left;
  width: 15%;
}

.video #share-toolbar-inline .left {
  border: 0px solid #ccc;
}

.overview.videos {
  width: 100%;
  max-width: 1260px;
  margin:0 auto;
}

.column.col-12.videos {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.videos a h1 {
  font-size: 27px !important;
    color: #5e5e5e !important;
    text-decoration: none;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed',sans-serif;

  }


 .videos a  {
    color: #5e5e5e !important;

  }

#share-toolbar-inline.show-md .left {
  float: left;
  width: 20%;
  min-width: 70px;
  background-color: #dcdcdc;
  padding:5px;
  border-radius: 7px 7px;
}

#share-toolbar-inline a:not(.prodauthor) {
  display: block;
  width: 100%;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 7px 7px;
  transition: opacity 0.2s;
}
#share-toolbar-inline a:hover {
  opacity: 0.9;
  text-decoration: none;
}

#share-toolbar-inline a .fa-whatsapp {
  font-size: 20px;
}

#share-toolbar-inline.show {
  bottom: 0px;

}

#share-toolbar-inline .menu {
  padding:0 !important;
  overflow: hidden;
  box-shadow: none !important;
  background-color: transparent !important;
  z-index: 0;

}

#share-toolbar-inline .menu li {
  margin:0 !important;
  float: left;
  width: 25%;
  padding-left:5px;
  padding-right: 5px;


}

.amazcy-share-facebook {
  background-color: #3b5998 !important;
  color:#fff !important;
}

.amazcy-share-twitter {
  background-color: #00b6f1 !important;
  color:#fff !important;
}

.amazcy-share-google {
  background-color: #df4a32 !important;
  color:#fff !important;
}

.amazcy-share-email {
  background-color: var(--link-colour) !important;
  color:#fff !important;
}

.amazcy-share-whatsapp {
  background-color: #25d366 !important;
  color:#fff !important;
  line-height: 65px !important;
}



#cookie-info {
  position: fixed;
  bottom: -200px;
  left:0;
  right:0;
  height: auto;
  width: 100%;
  background:rgba(50,50,50,0.8);
  z-index:2000000;
  padding:20px;
  padding-bottom:20px;
  text-align: center;
  transition: bottom 0.2s;
}

#cookie-info.show {
  bottom: 0;

}

.cookie-info-inner {
  color:#fff;
}

#cookie-info a {
  color:#fff !important;
  text-decoration: underline !important;
}

@media (max-width: 959px) {
  #cookie-info .btn {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 12px;
    max-width: 200px;
  }

  .produkt-template-default .totop {
    bottom: 70px;
  }

}

#cookie-info .btn {
  /*position: absolute;
  bottom: 10px;
  right: 20px;*/
}

/*Hier wird die Hintergrudfarbe des Balkens geändert*/
.cc_container {
background: #2d2d2d none repeat scroll 0 0!important;
font-size: 14px !important;
}

/*Hier wird die Farbe des Buttons angepasst*/
.cc_container .cc_btn, .cc_container .cc_btn:visited {
color: #fff!important;
background-color:rgba(63,147,243,1) !important;
}
/*Hier wird die Farbe des "Mehr erfahren"-Links angepasst*/
a.cc_more_info {
color: white!important;
text-decoration: underline !important;
}



#share-toolbar {
  position: fixed;
  bottom: -51px;
  left:0;
  right:0;
  height: auto;
  width: 100%;
  background:rgba(50,50,50,0);
  z-index:2000004;
  padding:0px;
  padding-bottom:0px;
  text-align: center;
  transition: bottom 0.2s;
}

#share-toolbar a {
  display: block;
  width: 100%;
  height: 50px !important;
  line-height: 50px !important;
}

#share-toolbar a .fa-whatsapp {
  font-size: 20px;
}

#share-toolbar.show {
  bottom: 0px !important;

}

#share-toolbar .menu {
  padding:0 !important;
  overflow: hidden;

}

#share-toolbar .menu li {
  margin:0 !important;
  float: left;
  width: 25%;

}

#share-toolbar-inline {
  position: relative;
  width: 100%;
  background:rgba(50,50,50,0);
  padding:0px;
  padding-bottom:0px;
  margin-top: 40px;
  text-align: center;
  transition: bottom 0.2s;
  padding-right: 10px;
}

.supercontent #share-toolbar-inline {
  position: relative;
  width: 100%;
  background:rgba(50,50,50,0);
  padding:0px;
  padding-bottom:20px;
  margin-top: 20px;
  text-align: center;
  transition: bottom 0.2s;
  padding-right: 60px;
  margin-left: -17px;
}

#share-toolbar-inline.show-md .right {
  float: left;
  width: auto;
  text-align: left;
  padding-left: 20px;
  white-space: nowrap;
}



/* Larger than tablet */
@media (min-width: 960px) {

  #share-toolbar-inline.show-md .right {
    float: right;

  }

  #share-toolbar-inline {

    padding-right: 90px;
  }

}

#share-toolbar-inline .right {
  float: right;
  width: 85%;
}



.show-md .produktautor {
  margin-bottom: 5px;
}




#share-toolbar-inline .left {
  float: left;
  width: 15%;
}

.video #share-toolbar-inline .left {
  border: 0px solid #ccc;
}

.overview.videos {
  width: 100%;
  max-width: 1260px;
  margin:0 auto;
}

.column.col-12.videos {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.videos a h1 {
  font-size: 27px !important;
    color: #5e5e5e !important;
    text-decoration: none;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed',sans-serif;

  }


 .videos a  {
    color: #5e5e5e !important;

  }

#share-toolbar-inline.show-md .left {
  float: left;
  width: 20%;
  min-width: 70px;
  background-color: #dcdcdc;
  padding:5px;
  border-radius: 7px 7px;
}

#share-toolbar-inline a:not(.prodauthor) {
  display: block;
  width: 100%;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 7px 7px;
  transition: opacity 0.2s;
}
#share-toolbar-inline a:hover {
  opacity: 0.9;
  text-decoration: none;
}

#share-toolbar-inline a .fa-whatsapp {
  font-size: 20px;
}

#share-toolbar-inline.show {
  bottom: 0px;

}

#share-toolbar-inline .menu {
  padding:0 !important;
  overflow: hidden;
  box-shadow: none !important;
  background-color: transparent !important;
  z-index: 0;

}

#share-toolbar-inline .menu li {
  margin:0 !important;
  float: left;
  width: 25%;
  padding-left:5px;
  padding-right: 5px;


}

.amazcy-share-facebook {
  background-color: #3b5998 !important;
  color:#fff !important;
}

.amazcy-share-twitter {
  background-color: #00b6f1 !important;
  color:#fff !important;
}

.amazcy-share-google {
  background-color: #df4a32 !important;
  color:#fff !important;
}

.amazcy-share-email {
  background-color: var(--link-colour) !important;
  color:#fff !important;
}

.amazcy-share-whatsapp {
  background-color: #25d366 !important;
  color:#fff !important;
  line-height: 65px !important;
}

.holas.cont .dropdown.dropdown-right a:hover, .holas.cont .dropdown.dropdown-right span:hover {
  background: #fff !important;
  color:var(--link-colour) !important;
}

.holas.cont:hover .dropdown.dropdown-right a, .holas.cont:hover .dropdown.dropdown-right span {
  background: #fff !important;
  color:var(--link-colour) !important;
}



.holas.cont:hover .dropdown.dropdown-right .menu.notification a {
  background: #fff !important;
  color:var(--theme-colour) !important;
}

.footer-top {
  text-align: center !important;
}

.footer-top h6 {
  font-weight: 600;
  font-size: 15px !important;
  margin-top: 30px !important;
}

.footer-top .footer-text {
  max-width: 1280px;
  margin:0 auto;
  margin-top:30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px !important;
  line-height: 1.8;
}

.footer-logo img {
  max-width: 240px;
  height: auto;
  opacity: 0.65;
}



.site-footer .wrap {
  text-align: center;
  padding-bottom: 50px;
}

.section-search .ajax_register {
  background:var(--link-colour);
  color:#fff !important;
  padding-left:20px;
  padding-right: 20px;
  height: 40px !important;
  line-height: 40px !important;
  display: inline-block;
  border-radius: 30px 30px;
  transition: all 0.2s;
}

.section-search .ajax_register:hover {
  text-decoration: none;
  background: #216ec7;
}

.holas.cont.login {
  margin-top: 2px;
}

.ueber_uns_intro {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ueber_uns_header  {
  padding-top: 70px !important;
  padding-bottom: 50px !important;

}

.ueber_uns_header .textwidget {
  padding-left:10px;
  padding-right: 10px;
}




.ueber_uns_header h1 {
  font-size: 38px !important;
  font-weight: 300;
  margin-bottom: 40px;
}

.ueber_uns_header p {
  font-size: 22px !important;
  font-weight: 300;
  margin-bottom: 40px;
  line-height: 1.3;
}

.footer-socials {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
  display: block;
  height: 20px;
}

.footer-socials a {
  float: left;
  display: block;
  width: 25%;
  color: #414141 !important;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;

  transition: all 0.2s;
}

.footer-socials a:hover {
  color: var(--link-colour) !important;

}

.footer-socials a:hover i {
  color: var(--link-colour) !important;
  /*background-color: #fff !important;*/

}

.news h1 {
  margin-top:30px;
  margin-bottom: 30px;
  max-width: 90%;
}

.footer-socials a i {
  color: #ffffff !important;
  background: transparent;
  font-size: 35px;
  transition: all 0.2s;

}

.inline-sharebar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  clear: both;
  margin-left: 20px;
}

.inline-sharebar li {
  float: left;
  margin-top:5px;
}

.inline-sharebar li a {
  display: block;
  height: 30px;
  width: auto;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 3px;
  transition: all 0.2s;
}

.inline-sharebar li a.amazcy-share-email {
  background-color: #888 !important;

}

.image-caption {
  margin-bottom: 30px;
}

.news-btn-presse {
  margin-top:30px;
}

.image-caption .dis-cap {
  font-size: 14px;
  padding-top:10px;
  color:#8f8f8f;
}



.right-sticky-container  {
  position:-webkit-sticky;
  position: sticky;
  top:80px;
}


.backos-conti {
  background: rgb(247, 247, 245);
  height: 200px;
  position: relative;
}

.backos-conti .back-to-the-overview {
  padding-top:40px;
}

.row.news {
  padding-top: 0;
  padding-bottom: 0;
}

.news .columns-presse {
  position: relative;
  top:-100px;
}

.meist-gelesen {
  margin-top:180px;
}

.meist-gelesen li:not(:first-of-type) {
  margin-top:20px;
}

.meist-gelesen a img, .news-feature, .image-caption img {
  border: 1px solid #d0d0d0;
}


.meist-gelesen {
  height: auto;
  width: 100%;
  border:1px solid #ccc;
  margin-bottom:30px;
  padding: 30px;
}

.meist-title {
  font-size: 14px;
  margin-top: 8px;
  color:#565656 !important;
}

.row.more-news {
  padding-top: 0;
  padding-bottom: 0;

}

.row.more-news.bg {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(247, 247, 245);
}

.huelsta-ad {
  height: auto;
  width: 100%;
  margin:0 auto;
  margin-bottom:30px;
  padding: 0px;

}

.huelsta-ad a {
  font-size: 15px;
}

.huelsta-ad img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.image-caption-container {
  margin-top: 30px;
}



.image-caption-container.gallery .image-caption {
  max-width: 100%;
  width:  100%;
}

.news-template-default .column-presse.col-left {
  padding-right: 0px;
}

h3.news-kachel-titel  {
  font-size: 18px;
}

.news-kachel-untertitel {
  margin-top:10px;
  margin-bottom:10px;
  font-size: 12px;
}

.meist-gelesen h6 {
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}

.meist-gelesen ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.meist-gelesen ul li {
  padding: 0;
  margin: 0;
}

@media (min-width:768px) {

  .huelsta-ad {
    height: auto;
    width: 300px;
    margin:0 auto;
    margin-bottom:30px;
    padding: 0px;
  }

  .meist-gelesen {
    height: auto;
    width: 300px;
    border:1px solid #ccc;
    margin-bottom:30px;
    padding: 30px;
  }

  .news-template-default .column-presse.col-left {
    padding-right: 30px;
  }

}

.hide-768 {
  display: none;
}

@media (min-width:768px) {
  .hide-768 {
    display: inline-block;
  }
}



@media (min-width:1000px) {


  .news-template-default .column-presse.col-left {
    padding-right: 80px;
  }

  .image-caption-container.gallery {
    display: flex;
    justify-content:space-between;
  }

  .image-caption-container.gallery .image-caption {
    max-width: 48.3%;
    width: 48.3%;
  }

  .image-caption-container.gallery.two .image-caption {
    max-width: 48.3%;
    width: 48.3%;
  }

  .image-caption-container.gallery.three .image-caption {
    max-width: 32%;
    width: 32%;
  }
}


.prodauthor {
  text-decoration: none !important;
}

.date-conti, .produktautor {
  white-space: nowrap;
}

.date-conti.show-md {
  display: inline-block !important;
}

@media (min-width:840px) {

  .date-conti.show-md {
    display: none !important;
  }

}

.date-conti.show-xl {
  margin-top: 10px;

}

.prodauthor:hover span {
  text-decoration: underline !important;
}


.news-template-default main {
  overflow: visible !important;
}



.news .info-box {
  margin-top: 50px;
  padding-top: 50px;
}

.huelsta-titel-bild {
  margin-top:50px;
}

.inline-sharebar li a:hover {
  opacity: 0.88;
  text-decoration: none;
}

.huelsta-meta {
  display: flex;
  line-height: 1 !important;
}

.huelsta-news-content {
  margin-top: 30px;
}

.produktautor i {
  margin-left: 20px;
}

.news-top-row {
  margin-top: 30px;
  margin-bottom: 60px;
}


.post-type-archive-news .page-header, .tax-newskategorie .page-header {
  height: 350px;
  background-color: rgb(247, 247, 245);
  text-align: center;
  display: flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;

  background-position: 50% 50%;
  color:#fff;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;

}

.page-header .curtain {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background: rgba(0,0,0,0.45);

	opacity: 1;
	transition: all 0.2s linear;

}

.page-header h1, .page-header h2 {
  z-index: +1;
  position: relative;
}

.news-btn-presse {
    text-transform: uppercase;
}

.tabhead {
  border-bottom: 1px solid #454545;
}

.post-type-archive-news .page-header h2,  .tax-newskategorie .page-header h2  {

  max-width: 800px;
}

.news-kachel a {
  display: block;
  margin-top:30px;
  text-decoration:none !important;
}

.news-kachel a .news-kachel-untertitel {
  text-decoration:none !important;
}


.news-kachel a:hover .news-kachel-untertitel {
  text-decoration:none !important;
}

.news-kachel a:hover .news-kachel-titel {
  text-decoration:underline !important;
}

.news-kachel a img {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #d0d0d0;
}

.avatar {
  background: #fff;
}

.page-header a {
  color:#fff;
}

.news-frontpage h2 {
  text-align: center;
  margin-top: 35px;
}

.news-top-row.news-frontpage {
  margin-top: 0;

}


.newsletter-conatiner {
  margin-top:40px;
  margin-bottom: 80px;
}

#w-preview-consent-checkbox-label {
  display: inline-block;
  margin-left: 23px;
  position: relative;
  top:-23px;
}

.add_to_wunschliste {
  text-transform: uppercase;
}


.btn:not(.btn-category) {
  text-transform: uppercase !important;
}

.newsletter_legal {
  text-decoration: underline;
}



.left-menu-sidebar select {
  min-width: 250px;
}

.row.zeile_bild__text.hintergrund {
  padding-top: 0;
  padding-bottom: 0;
}

.row.zeile_bild__text.hintergrund .rechts.text {
  padding: 20px;

}

@media (min-width:940px) {

  .row.zeile_bild__text.hintergrund .rechts.text {
    padding: 50px;
    position: relative;
    top:50%;
    transform: translate(0,-50%);
  }

}

.personl {
  height: 40px;
}

.toast.toast-error, .toast.toast-warning, .toast-error-surname, .toast-error-name, .toast-error-anrede {
  font-size: 16px !important;
  margin-bottom: 20px;
}

.toast.hidden {
  display: none;
  opacity:0;
}


.toast.toast-warning {
  /*background: rgba(255,183,0,.1);
  color: #ffb700;
  border-color: transparent;*/
  background: #eee;
  color: #e85600;
  border-color: transparent;
}

.toast.toast-error, .toast-error-surname, .toast-error-name, .toast-error-anrede {
  /*background: rgba(232,86,0,.1);*/
  background: #eee;
  color: #e85600;
  border-color: transparent;


}

.toast.toast-error.bounceIn, .toast.toast-warning.bounceIn , .toast-error-surname.bounceIn, .toast-error-name.bounceIn, .toast-error-anrede.bounceIn {
  opacity:1;
}



.newsletter-modal .content {
  position: relative;
  padding:10px;
  padding-bottom:20px;
}

.newsletter-modal ul {
      margin: 0;
      margin-bottom: 20px;
}

.newsletter-modal ul li {
  margin-top: 2px;
}

@media (min-width:440px) {


  .newsletter-modal ul {
        margin: 1.4rem 0 1.4rem 1.4rem;
  }



}

@media (min-width:940px) {

  .newsletter-modal .content {
    position: relative;
    padding:20px;
  }




}

.newsletter-modal .content .topper {
  text-align: center;
}


.topper h2 {



}

.topper h2 span {

  font-weight: 700;

}





.news.modal-closer {

  position: relative;
  text-align: right;
  cursor: pointer;

}

.modal.modal-sm .modal-container {
    font-size: 15px !important;
    padding: 0 0rem;
}

.modal.modal-sm .modal-container p {
    font-size: 15px !important;

}

@media (min-width:640px) {

  .modal.modal-sm .modal-container {
      padding: 0 1rem;
  }

}


@media (min-width:940px) {


  .topper .btn {
    width: 260px;
  }

  .news.modal-closer {

    position: absolute;
    cursor: pointer;
    top:10px;
    right: 10px;
    z-index: +1;
  }


  .modal.modal-sm.newsletter-anme .modal-container {
    max-width: 910px;
  }

  .newsletter-anme {
    padding: 0 !important;
  }

  .newsletter-anme .modal-container {
    padding: 0 !important;
  }

  .newsletter-anme .modal-body {
    padding: 0 !important;
  }


  .newsletter-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;

  }



  .newsletter-modal .image {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 425px;
    min-width: 425px;
    height: 510px;
    min-height: 510px;
  }

  .newsletter-modal .content {
    position: relative;
    padding:40px;
  }

  .newsletter-modal .content .topper {
    text-align: center;
  }


  .topper h2 {



  }

  .topper h2 span {

    font-weight: 700;

  }

  .newsletter-modal ul {

  }

  .newsletter-modal ul li {
    margin-top: 2px;
  }

  .topper .btn {
    width: 260px;
  }


}

.pflichtfelder {
  font-size: 13px;
  color:#9f9f9f;
  margin-top:30px;
}

span.pflicvht {
  color:#F4511E;
}


.abmeldung {
  margin-top: 60px;

}

.abmeldung a:hover i {
  color: rgba(232,86,0,1);
  padding-right: 10px;


}
.abmeldung a:hover {
  color: #666666;
  text-decoration: none;


}

.abmeldung a i {
  transition: all 0.23s ease;
  font-size: 14px !important;

}


.fa-language {
  font-size: 24px;
  position: relative;
  top:4px;
  padding-right: 3px;
}





/*  DESIGNER    */



.designer-wrapper {
  height: 50%;
}


.designer-wrapper.viewing-designer {
  position: absolute;
}










.desi-outer {
  background: rgb(235, 235, 235);
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 50px;
}

.outer25 h3 {
  font-size: 50px;
}

.outer25 h3 strong {
  font-weight: 900;
}
.detail-desi {
  margin-top: 30px;
  margin-bottom:30px;
}

.voting-stripe-container {
  height: 100px;
}


.designer-slider {

}

.voting_butt {
  margin-top: 30px;
  margin-bottom: 80px;
}

.designer-slider h4 {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.designer-info, .designer-slider {
  padding-top:0px;
}

/* .designer-info, */



.designer-kachel {
  margin-bottom: 30px;
}

.designer-kachel .centered {
  position: relative;
  background: #fff;
}

.designer-kachel .centered:after {
  position: absolute;
  content: '  ';
  display: block;
  width: 100%;
  height: 0;
  top:0;
  left:50%;
  background: linear-gradient(#cccccc, #fff);
  background-size: 400% 400%;
  z-index: -1;

  filter: blur(16px);

  transform: translate(-50%,0);




  transition: all 0.3s ease;

}


@-webkit-keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.designer-kachel:hover .centered:after {

  height: 100%;
  width: 100%;
  transform: translate(-50%,0);

  background: linear-gradient(#ccc, #fff);

  background-size: 100% 100%;

}



.designer-container .img-toolbar a {
  position: relative;
}

.user-action a.vote {
  background: #fff;
  margin-right: 10px;
  border:2px solid #ccc;
  /* box-shadow: 0 4px 10px rgba(0,0,0,0.509); */
  width: 50px;
  height: 50px;
  display: inline-block;
}


.designer-container .img-toolbar a.vote i {
  width: auto;
  height: auto;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);

}


.designer-container .img-toolbar a.vote i.fa-thumbs-up {
  display: block;
  color:#ccc;

}



.designer-container .img-toolbar a:hover  {
  background: #2d2d2d;
  border-color:#2d2d2d;
  color:#fff;
  /* box-shadow: 0 4px 10px rgba(0,0,0,0.509); */
}

.designer-container .img-toolbar a:focus  {
  background: #fff;
  border-color:#ccc;
  /* box-shadow: 0 4px 10px rgba(0,0,0,0.509); */
}

.designer-container .img-toolbar a.vote.voted  {
  background: #66BB6A;
  border-color:#66BB6A;
}

.designer-container .img-toolbar a.vote.voted i.fa-thumbs-up {
  display: block;
  color:#fff;

}
.designer-container .img-toolbar a.vote.voted i.fa-times {
  display: none;
  color:#ef9a9a;
}


.voting-stripe {
  position: absolute;
  z-index: 4000;
  width: 90%;
  height: auto;
  padding:20px;
  left:50%;
  transform: translate(-50%,0);
  background: #f8f8f8;
  bottom:0px;
  font-size:19px;
  color:#2d2d2d;
  opacity: 1;

  border:1px solid #cfcfcf;

  display: flex;
  justify-content:center;
  align-items: center;

  transition: all 0.3s ease;

  text-align: center;

}

.voting-stripe.float {
  position: fixed;
  box-shadow: 0 3px 30px rgba(0,0,0,0.202);
  bottom:40px;
}


@media (min-width:960px) {

  .voting-stripe {
    position: absolute;
    z-index: 4000;
    width: 50%;
    height: auto;
    padding:30px;
    left:50%;
    transform: translate(-50%,0);
    background: #f8f8f8;
    bottom:0px;
    font-size:26px;
    color:#2d2d2d;
    opacity: 1;

    display: flex;
    justify-content:center;
    align-items: center;

    transition: all 0.3s ease;

    text-align: center;

  }

  .voting-stripe.float {
    position: fixed;
    box-shadow: 0 3px 30px rgba(0,0,0,0.202);
    bottom:40px;
  }

}

.voting-stripe.hide {
  opacity: 0;
}

.voting-stat {
  display: none;
}

.voting-stat.show {
  display: block;
}

.voting-next-step {
  display: none;
}

.voting-next-step.show {
  display: block;
}


.voting-form {

  height: 0;
  overflow: hidden;
  visibility: hidden;


}


.voting-form.show {

  height: auto;
  overflow: hidden;
  visibility: visible;


}

.designer-container .columns.inactive {
  opacity: .4;
  pointer-events: none;
  transition: opacity 0.3s linear;
}


.voting-stripe.move-boldly {

  position: fixed !important;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  color:#000;
  font-size:30px;

  box-shadow: 0 3px 50px rgba(0,0,0,0.42);

  transition: all 0.5s ease-in-out 0.3s;

}

.voting-stripe.move-boldly.bye {

  opacity: 0;
  pointer-events: none;

}

.designer .produkt-image {
	background: rgba(245, 245, 245,0);
	position: relative;
	border-bottom:2px solid rgba(255,255,255,0);
	transition: all 0.2s linear;

}


.designer-container .produkt-image img:not(.logo) {
  background-size: cover;
  background-blend-mode: normal !important;
  mix-blend-mode:normal !important;
  max-height: 100%;
}

.designer-wrapper .produkt-image img:not(.logo) {
  background-size: cover;
  background-blend-mode: normal !important;
  mix-blend-mode:normal !important;
  max-height: 100%;
}

.desiger-auswahl {
  text-align: center;
}

.viewing-designer-dots {
  text-align: center;
  padding-top:10px;
  padding-bottom:10px;
}

.viewing-designer-dots .owl-dot {
  width: 80px;
  height: 5px;
  padding: 0;
  background: #f0f0f0;
  border-color: #f0f0f0;
  margin-left: 5px;
  margin-right: 5px;
}

.viewing-designer-dots .owl-dot.active {

  background: #3c3c3c;
  border-color: #3c3c3c;
}

.viewing-designer-dots .owl-dot:after {
  display: none;
}


.viewing-designer-dots .owl-dot:before {
  display: none;
}


.desiger-auswahl .designer-aiuswahl-bild  {
  width: 100%;
  height: 170px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border:1px solid #cfcfcf;

}

.desiger-auswahl .designer-aiuswahl-name {
  padding-top: 10px;
  font-weight: 700;
  color:999;
  padding-bottom: 20px;
}

.designer-wrapper a {
 display: block !important;
}



.designer-wrapper.viewing-designer.expand {
  position: fixed;
  left:50%;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.23);
  padding:20px;
  top:50%;
  z-index: 4001;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  max-width: 800px;

  transition: height 0.4s ease;

}

.btn.btn-primary.bestseller {
  background: rgb(64, 105, 89) !important;
  border-color: rgb(64, 105, 89) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100%;
}

.btn.btn-primary.bestseller:hover, .btn.btn-primary.bestseller:focus,.btn.btn-primary.bestseller:active {

  background: rgba(64, 105, 89,0.8) !important;
  border-color: rgba(64, 105, 89,0.8) !important;
}


.designer-wrapper.viewing-designer.expand {

  display: block;


}

.viewing-designer-inner {
  display: flex;
  flex-direction:column;
}


.viewing-designer-inner .owl-carousel .owl-item img {
  max-height: 100%;
}




.designer-wrapper.viewing-designer.expand .viewing-designer-top {
  position: relative;
  display: flex;
  flex-direction:row;


}

.designer-wrapper.viewing-designer.expand .viewing-designer-top h3 {
  padding-left: 20px;


}

.designer-wrapper.viewing-designer.expand .viewing-designer-bottom {
  position: relative;



}

.designer-wrapper.viewing-designer.expand  .viewing-designer-top img {
  position: relative;
  width: 100px;
  height: 100px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.viewing-designer .closer {
  position: absolute;
  right:10px;
  top:10px;
  padding:10px;
  cursor: pointer;
  color:#000;
  font-size: 20px;
  display: block;
}



.designer-wrapper.badge:not([data-badge])::after, .designer-wrapper.badge[data-badge]::after {
    background: #FF5722;
    background-clip: padding-box;
    border-radius: 50% 50%;
    box-shadow: 0 0 0 0.1rem #fff;
    color: #fff;
    content: attr(data-badge);
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 37px;
    font-size: 20px;
    position: absolute;
    top:10px;
    right:10px;
    transform: translate(0,0);
}


.designer-wrapper.expand.badge:not([data-badge])::after, .designer-wrapper.expand.badge[data-badge]::after {
    top:15px;
    right:60px;
}




.admin-info {
  position: absolute;
  width: 100%;
}


.designer-image img {
  border:1px solid #cfcfcf;
}

/*
*
* EXTRA Buttons
*
*/

.btn.btn-produktkategorie {
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px !important;
  padding: 0 !important;
  padding-left:20px !important;
  padding-right: 20px !important;

  margin-top:15px;

}

.day-chooser {
  display: none;
}


.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}





/* DESIGNER II */


.designer_wrap {
  position: relative;
}



  .designer-hero-content {
    position: absolute;
    z-index: 2;
    font-size: 50px !important;
    text-align: center;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

  }

  .designer-curtain {
    z-index: 1;
    position: absolute;
    background: rgba(235, 235, 235, 0);
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    display: none;
  }

  .designer-archive-content {
    text-align: center;
  }

  .designer-hero-content p  {

    color: rgba(33,33,33,1);
    font-size: 50px !important;

  }

  .designer-hero-content p strong  {

    font-weight: 900 !important;

  }




  .trenner_linie {
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom:2px solid rgba(33,33,33,1);
    left:0;


  }

  .trenner_text {
    position: relative;
    top:50%;
    left:50%;
    height: auto;
    display: inline-block;
    width: auto;
    font-size: 36px !important;
    padding-left:20px;
    padding-right:20px;


    background: #fff;
    transform: translate(-50%,-50%);
  }

  .trenner_text p {
    margin-bottom: 0 !important;
    font-size: 36px !important;
  }

  .trenner_text p strong {
    font-weight: 900;
  }


  .loscolumnos {
    /* margin-top: 30px; */
  }

  .designer-info i.fa-arrow-left {
    margin-right: 20px;
  }

  .designer-info i.fa-arrow-right {
    margin-left: 20px;
  }



  .nav25 {


  }

  .designer-info {

    display: flex;
    align-items:center;
    align-content:center;
    height: 100%;

  }

  .designer-produkte h3 strong {
    font-weight: 700 !important;
  }

  .designer-kachel h2 {
    font-size: 20px !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .designer-kachel.last-kachel-standing h2 {
    font-size: 24px !important;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .designer-kachel .centered {
    border:1px solid #ccc;
    padding:20px;
  }

  .designer-kachel:hover a  {
    text-decoration: none !important;
  }

  .designer-info h1 {
    font-weight: 500;
  }

  .designer-vita h3 {
    font-weight: 500;
    padding-top: 30px;
  }

  .designer-vita a {
    margin-top: 30px;
  }

  .desi-outer {
    background: rgb(235, 235, 235);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
  }

  .desi-outer .container {
    padding-left: 0;
    padding-right: 0;
  }


  .designer-produkte {
   margin-top:20px;
   margin-bottom: 20px;
 }


 .outer25 {
   background: #C3C9C5;
   padding-top: 20px;
   padding-bottom: 40px;
 }


 .outer25.jahre80 {
   background: #f2f2f2;
   padding-top: 60px;
   padding-bottom: 40px;
 }

 .voting-butt-box h4 {

   padding-top:30px;
   padding-bottom: 20px;
   font-size: 30px;
   font-weight: 400;
   margin-bottom: 0 !important;

 }

 .losvotos {
  margin-bottom: 80px;
 }

 .voting-butt-box  {

   margin-bottom: 60px;

 }

 .voting-butt-box p {


 }

 .designer-vita {
   margin-bottom: 40px;
 }

 .designer-info a {
   padding-bottom: 10px;
   padding-top: 10px;
   display: block;
 }

 .logo25 {
   margin-top:40px;
 }

 .designer-info img {
   margin: 0 auto;
   margin-top: 30px;
   max-width: 300px;
   height: auto;
 }

 .voting-desi {
   background: rgba(235, 235, 235, 0.6);
   padding-top: 30px;
   padding-bottom: 30px;
 }

 .voting-stripe.move-boldly {

   position: fixed !important;
   top:50%;
   left:50%;
   transform: translate(-50%,-50%);
   color:#000;
   font-size:18px;

   transition: all 0.5s ease-in-out 0.3s;

 }


 .designer-hero {


   opacity: 1;
   /*filter: blur(3px);*/
   mix-blend-mode: normal;
   border-radius: 0px;

   width: 100%;
   height: 390px;


   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;

   background: #C3C9C5;
 }

 .designer-container {
   margin-top:30px;
   margin-bottom:30px;
   position: relative;

 }



 .designer-info h1 {
   font-weight: 500;
 }


 .designer-header {
   background: #C3C9C5;
 }

 .header-image, .header-content {
   position: relative;
   height: auto;
 }

 .header-image-inner, .header-content-inner {
   position: relative;

   width: auto;
   height: auto;

 }

 .designer-archive-loshead {
   margin-top: 60px;
   margin-bottom: 0px;
   padding-bottom: 0px  ;
 }

 .designer-archive-loshead h3 {
   font-weight: 700;
   font-size: 30px;
 }

 .header-content-inner-head {
 }

 .header-content-inner h3 {
   /*font-size: 1.1rem;*/
 }

 .header-content-inner h1 span {
   font-size: 1.7rem;
   font-weight: 700;
   padding-left: 30px;
   color: #406959;
   white-space: nowrap;
 }

 .header-content-inner h1 {
   display: flex;
   font-size: 1.5rem;
   align-items:center;
   flex-wrap:nowrap;
   justify-content: flex-start;
   align-content: flex-start;
   margin-bottom: 0 !important;

 }

 .header-content-inner h3 {
   font-size: 1.2rem;
 }

 .header-content-inner {
   top:-50px;
 }


 .header-content-inner h1, .header-content-inner h3 {
   padding-left:30px;
   padding-right:30px;
 }

 .header-logo-25 {
   max-width: 250px;
   margin: 0 auto;
 }

 .content-logo-25 {
   max-width: 250px;
   margin: 0 auto;
   position: relative;
   top:-50px;
 }

 p span.s1big {
   font-weight: 300 !important;
   font-size: 20px;
   display: block;
   max-width: 100%;
   margin:0 auto;
   padding-bottom: 30px;
 }

 p span.s1big .bolder {
   font-weight: 500 !important;
   font-size: 20px;
 }

 .aftertext {
   display: flex;
   flex-direction: column;

 }

 .aftertext > div {
   width: 100%;
   text-align: left;
 }

 .trenner_block {
   display: block;
   position: relative;
   margin-top: 150px;
   margin-bottom: 20px;
   padding-left: 40px;
   padding-right: 40px;
 }


 @media (max-width:559px) {

   .designer-info h1 {
     font-weight: 500;
     font-size: 1.3em;
   }



 }

 @media (max-width:959px) {

   .designer-hero-content h1 p {
      font-size: 20px !important;
   }

   .designer-header .column {
     padding-left: 0;
     padding-right: 0;
   }





 }


 .header-image-inner.holo-1 {
   display: none;
 }

 .header-image-inner.holo-2 {
   display: none;
 }

 .header-image-inner.holo-3 {
   display: none;
 }

 #losgehts {
   position: absolute;
   margin-top:-160px !important;
 }

 .trenner-format span {
   display: block;
   font-size: 30px !important;
   white-space: nowrap;
   padding-left: 10px;
   padding-right: 10px;
 }



 @media (min-width:840px) {


   .designer-archive-loshead h3 {
     font-weight: 900;
     font-size: 42px;
   }




   .trenner-format span {
     display: inline-block;
     font-size: 36px !important;
     white-space: normal;
   }

   .designer-archive-loshead {
     margin-top: 60px;
     margin-bottom: 60px;
     padding-bottom: 0;
   }


   .trenner_block {
     display: block;
     position: relative;
     margin-top: 150px;
     margin-bottom: 20px;
   }

   p span.s1big {
     font-weight: 300 !important;
     font-size: 27px;
     display: block;
     max-width: 80%;
     margin:0 auto;
     padding-bottom: 30px;
   }

   p span.s1big .bolder {
     font-weight: 500 !important;
     font-size: 27px;
   }

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

   }

   .aftertext > div {
     width: 47%;
     text-align: left;
   }

   .header-content-inner h3 {
     font-size: 1.4rem;
   }

   .header-logo-25 {
     max-width: 400px;
     margin:0;
     margin-left: 10px;
     cursor: pointer;
   }

   .header-content-inner {
     top:0px;
   }

   .header-content-inner h1 span {
     font-size: 2rem;
     font-weight: 700;
     padding-left: 30px;
     color: #406959;
     white-space: nowrap;
   }

   .header-content-inner h1 {
     display: flex;
     font-size: 1.9rem;
     align-items:center;
     flex-wrap:wrap;
   }



   .header-image-inner {
     position: absolute;
     top:60%;
     transform: translate(0, -60%);
     left:0;
     width: auto;
     height: auto;
   }

   .header-content-inner {
     position: absolute;
     top:50%;
     transform: translate(0, -50%);
     left:0;
     width: auto;
     height: auto;
   }

   .header-image, .header-content {
     position: relative;
     height: 700px;
   }

   .header-image-inner {
     transform: rotate(0deg) translate(50px,-150px);
     border:13px solid #fff;
     display: block;
     transform-origin: left 5px -3px;
     box-shadow: 2px 2px 20px rgba(0,0,0,0.3);
     opacity: 1;
     transition: opacity 0.2s linear;
   }

   .header-image-inner.holo-1 {
     transform: rotate(-1deg) translate(50px,-150px);
     display: block;
     opacity: 1;

   }

   .header-image-inner.holo-2 {
     transform: rotate(-2deg) translate(50px,-150px);
     display: block;
     opacity: 1;

   }

   .header-image-inner.holo-3 {
     transform: rotate(-3deg) translate(50px,-150px);
     display: block;
     opacity: 1;

   }

   .header-image-inner.show {
      opacity: 1 !important;
   }


   .header-content-inner {

     padding-left:80px;
     padding-right: 80px;
   }
 }


  @media (min-width:960px) {


    .trenner_text {
      white-space: nowrap;
    }

    .header-content-inner h1 span {
      font-size: 2rem;
      white-space: nowrap;
    }


    .designer-vita a {
      margin-top: 0px;
    }



    .designer-container {
      margin-top:100px;
      margin-bottom:50px;
      position: relative;

    }

    .designer-hero {


        opacity: 1;

        border-radius: 0px;

        width: 100%;
        height: 723px;


        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
      }

    .voting-stripe.move-boldly {

      position: fixed !important;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
      color:#000;
      font-size:30px;

      transition: all 0.5s ease-in-out 0.3s;

    }

    .voting-desi {
      background: rgba(235, 235, 235, 0.6);
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .designer-info img {
      margin: 0 auto;
      margin-top: 0px;
      max-width: 200px;
      height: auto;
    }




    .designer-info a {
      padding-bottom: 0px;
      padding-top: 0px;
      display: block;
    }

    .designer-vita {
      margin-bottom: 100px;
    }

    .voting-butt-box h4 {

      padding-top:80px;
      padding-bottom: 40px;
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 0 !important;

    }

    .outer25 {
      background: #C3C9C5;
      padding-top: 50px;
      padding-bottom: 30px;
    }

    .designer-produkte {
     margin-top:80px;
     margin-bottom: 80px;
   }

    .desi-outer {
      background: rgb(235, 235, 235);
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: 50px;
    }

    .designer-vita h3 {
      padding-top: 0px;
    }

    .img-responsive.logo25 {
      min-width: 300px;
    }
  }

  .designer-vita img.img-responsive {
    width: 100%;
    border:1px solid #cfcfcf;
  }

  .desig-kachel-inner {
    display: block;
  }





  .designer .img-toolbar, .designer .img-toolbar .user-action {
    position: relative;
    left:0;
  }

  .designer .img-toolbar {
    margin-top: 20px;
  }

  .product-kachel.designer:hover h3.produkt-kachel-titel, .product-kachel.designer:hover div.produkt-kachel-untertitel {
    margin-left: 0;
  }

  .user-action a.vote {
    margin-left: 0;
  }

  .product-kachel.designer:hover .produkt-image:after {
  	background: rgba(245, 245, 245, 0);
  }

  .product-kachel.designer:hover img {
    transition: all 0.2s linear;
    box-shadow: 0 3px 20px rgba(0,0,0,0.4);
  }

  .voting-steps, .total-count {
    font-weight: 700;
  }

  .vote-link {
    pointer-events: none;
  }

  .img-dimension {
    position: absolute;
    bottom:0;
    right:0;
    display: block;
    width: 60px;
    height: 60px;
    border:3px solid #fff;
    background: rgba(0,0,0,0.4);
    padding:10px;
    margin:10px;
    transition: all 0.2s linear;
  }
  .desig-item {
    position: relative;
  }

  .img-dimension:hover {

    background: rgba(0,0,0,0.7);
    padding:10px;

  }

  .designer-name-links {
    position: relative;
    display: flex;
  }

  .designer-name-links a {
    display: block;
    height: 35px;
    width: 35px;
    line-height: 33px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-left: 20px;
    border:1px solid #2d2d2d;
    transition: all 0.2s linear;
  }

  .designer-name-links a:hover {

    background: #2d2d2d;

    color:#fff;
  }


.flag img {
  max-width: 18px;
}

.logo-express {
  padding:20px;
}

.designer-auswahl-columns strong {
  font-weight: 500;
  font-size: 15px;
  color:#111111;
}

img.logo25modal {
  max-width: 300px;
  margin:0 auto;
}

img.logo25auswahl {
  max-width: 180px;
}

.navbar-section.bigone, .mobile-menu {
  border-bottom:1px solid  #f0f0f0;
}

#slider  {
  border:1px solid #f0f0f0;
}

.form-switch {
    padding-left: 3.4rem !important;
}

.voting_butt .btn, .voting_butter .btn {
  background: rgb(64, 105, 89);
  border-color: rgb(64, 105, 89);
  text-transform: uppercase;

  height: 60px;
  line-height: 60px;
  padding:0 !important;
  padding-left:40px !important;
  padding-right:40px !important;
  font-size: 20px;

  font-weight: 300;

  font-stretch: 20px;

}

.voting_butt .btn:hover, .voting_butt .btn:active, .voting_butt .btn:focus, .voting_butter .btn:hover, .voting_butter .btn:active, .voting_butter .btn:focus {
  background: rgba(64, 105, 89,0.8);
  border-color: rgba(64, 105, 89,0.8);
}


.outer25 h1, .outer25 h2, .outer25 h3, .designer-archive-loshead h3, .trenner_text {
  color: #121212 ;
}

.designer-archive-loshead h3, .voting_butt, .voting_butter {
  visibility: hidden;
}


.voting-new {
  padding-top: 0px;
}

.fadeIn, .fadeInUpBig, .fadeInDown, .fadeInUp, .zoomIn { visibility: visible !important; }

.haupt-bilder .owl-dots {
  display: none;
}

.cc-buttons {
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
  /*display: none !important;*/
}

.cc-buttons button, .cc-buttons .btn {
  width: 100% !important;
  margin-top: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 60px !important;
  line-height: 60px !important;
}

.cc-buttons .toast {
  margin-top: 20px !important;
}


.owl-carousel.haupt-bilder .owl-dots {
  display: none !important;
}

.les-buttons {
	display: block;
	margin: 0 auto;
  margin-bottom: 20px;
	width: auto;
	float: none;
	clear: both;
}

.les-buttons .btn:not(.input-group-btn) {
	width: 100%;
	float:none;
	margin-right:20px;
	margin-bottom:20px;
}

.les-buttons .btn.btn-svg {
  padding-left: 45px;
}


.les-buttons .btn.btn-svg  {
  position: relative;
}

.les-buttons .btn.btn-svg svg {
  left: 15px;
  top:13px;
}

.les-buttons .input-group {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
}

@media (min-width: 580px) {

  .cc-buttons {
    display: inline-block;
    width: auto;
  }

  .les-buttons .btn:not(.input-group-btn) {
  	width: 250px;
  	float:left;
  	margin-right:20px;
  	margin-bottom:20px;
  }

  .cc-buttons button, .cc-buttons .btn {
    width: 520px !important;
    margin-top: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 60px !important;
    line-height: 60px !important;
  }
}


@media (min-width: 840px) {

  .cc-buttons {
    display: block;
    width: 100%;
  }

  .les-buttons .btn:not(.input-group-btn) {
  	width: 100%;
  	float:left;
  	margin-right:20px;
  	margin-bottom:20px;
  }

  .cc-buttons button, .cc-buttons .btn {
    width: 100% !important;
    margin-top: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 60px !important;
    line-height: 60px !important;
  }
}

@media (min-width: 1330px) {

  .les-buttons .btn:not(.input-group-btn) {
  	width: 250px;
  	float:left;
  	margin-right:20px;
  	margin-bottom:20px;
  }

  .cc-buttons button, .cc-buttons .btn {
    width: 520px !important;
    margin-top: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 60px !important;
    line-height: 60px !important;
  }
}

.backtothefuture {
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding-left:30px;
  display: inline-block !important;
  width: auto;
  padding-right:30px;
  color:#999 !important;
  border:1px solid #d0d0d0;
  transition: all 0.2s linear;
}

.backtothefuture:hover, .backtothefuture:focus, .backtothefuture:active {
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  border:1px solid #f8f8f8;
  padding-left:30px;
  display: inline-block !important;
  width: auto;
  padding-right:30px;
  text-decoration: none;
  color:#111 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12349);
}


.buttonleiste {
  display: block;
  margin-top:-60px;
}

.buttonleiste a.btn {

  width: 100% !important;
  height: 60px !important;
  line-height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;

}

@media (min-width: 500px) {

  .buttonleiste a.btn {
    width: 320px !important;
    margin-left: 20px;
    margin-right: 20px;


  }
}

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


@media (min-width: 500px) {

  .buttonleiste a.btn {
    width: 320px !important;
    margin-left: 20px;
    margin-right: 20px;


  }
}

#haendler.modal.modal-lg .modal-container {
  max-height: 90% !important;
  /*background: #ffffff !important;*/
  padding:0 1rem;
}

#haendler.modal.modal-lg .modal-container .modal-header {
  padding-bottom:0px !important;
  padding-top:20px !important;
  padding-left:0.4rem !important;
  padding-right:0.4rem !important;
}

#haendler.modal.modal-lg .modal-container .modal-header img {
  max-height: 30px;
  width: auto;
  display: inline-block;
  position: relative;
  bottom: -7px;
  margin-right: 10px;
}




#haendler .wunschliste-layer_closer {
  right: -15px;
}


#haendler .h2, #haendler h2 {
  font-size: 17px;
  font-weight: 400;
}



@media (min-width: 840px) {

  #haendler.modal.modal-lg .modal-container .modal-header img {
    max-height: 30px;
    width: auto;
    display: inline-block;
    position: relative;
    bottom: -5px;
  }

  #haendler .wunschliste-layer_closer {
    right: 0px;
  }

  #haendler .h2, #haendler h2 {
    font-size: 24px;
    font-weight: 300;
  }

}
.haendler_link {
  padding:20px;
  text-align: center;
  border:1px solid #dcdcdc;
  box-shadow:0 1px 4px rgba(0,0,0,0.0345);
  display: block;
  margin-bottom:20px;
  position: relative;
  top:0;
  transition: all 0.2s linear;
  background: #fff;
  color:#2d2d2d !important;
}



@media (min-width: 840px) {


  .haendler_link {
    padding:20px;
    text-align: center;
    border:1px solid #dcdcdc;
    box-shadow:0 1px 4px rgba(0,0,0,0.0345);
    display: block;
    margin-bottom:20px;
    position: relative;
    top:0;
    transition: all 0.2s linear;
    background: #fff;
    color:#999999 !important;
  }

  .haendler_link:hover {
    text-decoration: none;
    box-shadow:0 3px 7px rgba(0,0,0,0.2345);
    top:-5px;
    color:#2d2d2d !important;
  }
}

.haendler_link img {
  max-width: 130px;
  margin:0 auto;
}

.haendler_link h5 {
  font-size: .7rem;
  font-weight: 500;
}

.varianten_verfugbar {
  margin-top:15px;
  font-style: italic;
  color:#909090;
  text-align: center;
  font-size: 13px;
  margin-top:8px;
}


.teaser-25 {
  margin-top: 100px;
  margin-bottom: 300px;
  text-align: center;
}

h3 {
  font-size: 1.2rem;
}

.privacy-policy h1 {

    font-size: 1.2em !important;
    font-weight: 400 !important;

}

.privacy-policy .box.links {
  padding-bottom: 80px;
}

@media (min-width: 760px) {

  h3 {
    font-size: 1.4rem;
  }

  .privacy-policy h1 {

      font-size: 2em !important;
      font-weight: 300 !important;

  }

}



.wunschliste.add_to_wunschliste, .btn.btn-primary.add_to_wunschliste.btn-svg, .hidden_wunschliste {
  display: none !important;
}


.material-konfigurator .pdf-box .info {
  font-size: 0.8em;
}

li.express a {
  display: block !important;
  width: 50px !important;
  height: 100% !important;
}

li.express {
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  padding-left: 0px !important;
}

li.bordered {
  border-left:1px solid #ddd;
  padding-right: 0px !important;
}


.post-edit-link {
  height: 50px;
  line-height: 50px;
  position: relative;
  color:transparent;
  background: transparent;
  display: inline-block;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 2px;
  margin-top:-30px;
  z-index: 20;
}

.post-edit-link:hover {

  display: inline-block;

}

.post-edit-link:after {
  position: absolute;
  height: 100%;
  width: auto;
  content: "Diese Seite in Wordpress bearbeiten";
  background: #e53935;
  color: #dddddd;
  font-weight: 400 !important;
  padding-left: 20px;
  white-space: nowrap;
  padding-right: 20px;
  border-radius: 1px;
  left:50%;
  transform: translate(-50%,0);
  transition: all 0.23s linear;

}


.post-edit-link:hover:after {
  position: absolute;
  height: 100%;
  width: auto;
  content: "Diese Seite in Wordpress bearbeiten";
  background: #ff5252;
  color: #ffffff;
  font-weight: 400 !important;
  padding-left: 20px;
  white-space: nowrap;
  padding-right: 20px;
  border-radius: 1px;
  left:50%;
  transform: translate(-50%,0);
  box-shadow: 0 2px 10px #e53935;

}

/*** new navi german ***/


.top-third .top-row {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-between;
  width: 100%;
  max-width:1300px;
  margin:0 auto;

}

.top-third .top-row > div {

  width: 33.333%;

}


.top-third.germany {
  text-align: left !important;
  padding-left:40px;
  padding-right: 40px;
}

.top-third .top-row .menu-title-linien {
  margin-left: 0;
}

.top-third .top-row a .menu-title-linien  {
  font-size: 17px !important;
}

.top-third .top-row a:hover .menu-title-linien  {
  color:#888888;
  font-size: 17px !important;
}



.top-third .top-row img {
  max-height: 77px;
  width: auto;
  max-width:100%;
}

.top-third  .top-row img.hulsta {
  position: relative;
  left:-10px;
}

.middle-row {
  border-top: 1px solid #aaa;
  width: 100%;
  max-width:1300px;
  margin:0 auto;
  text-align: left;

  margin-top: 80px;
  font-size: 17px !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.middle-row h4 {
  font-size: 17px !important;
  font-weight: 400 !important;
}

.middle-row h4 span {
  font-weight: 700;
}

.middle-row a:hover h4  {
  transition: color 0.2s linear;
  color:#888;
}

.bottom-row {
  width: 100%;
  max-width:1300px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.bottom-row > div {
  /*width: 16.6666666667%;*/
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.bottom-row > div a {
  width: 100%;
  display: block;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  transition: all 0.2s linear;
  border: 1px solid rgb(232, 232, 232);
}

@media (min-width:1200px) {
  .bottom-row > div a {

    font-size: 18px;

  }

  .bottom-row > div {
    width: 16.6666666667%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.bottom-row > div a > div {
  margin-top: 20px;
}

.bottom-row a img {
  display: block;
  max-height: 100px;
  margin: 0 auto;
  width: auto;
  transition: transform 0.1s linear;

}


.bottom-row a:hover img {
  transform: scale(1.1);


}

.bottom-row a {
  display: block;
}

.bottom-row a:hover {
  color:#888;
  background: #fff;
  border: 1px solid #dddddd;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.123);
}

.logoer.hide {
  transition: opacity 0.2s linear;
  opacity: 0 !important;
  pointer-events: none;
}

.top-third.germany .top-row a:hover {
  transition: all 0.2s linear;
  background: #fff;
}

.produktkategorie-header.wohnidee {

  margin-top:100px;

}

.more-funis {

  margin-bottom:100px;

}

.list-funis {
  margin-top:100px;
}

.ihu {
  margin-top:80px;
  margin-bottom: 80px;
}

.toolipmaster {
  position: fixed;
  top:76px;
  right: 0;
  width: 240px;
  z-index: 10;

}

.toolipmaster .tip-haendlersuche, .toolipmaster .tip-express, .toolipmaster .tip-suche {

  position: absolute;
  opacity: 1;
  display: block;
  top:0;
  right: 0;

  background: #2d2d2d;
  color:#fff;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;

  font-size: 16px !important;
  font-weight: 100 !important;
  text-align: center;

  margin-top: -200px;

  transition: all 0.2s linear;



}



.toolipmaster .tip-haendlersuche:after, .toolipmaster .tip-express:after, .toolipmaster .tip-suche:after {
	bottom: 0%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(45, 45, 45, 0);
	border-bottom-color: #2d2d2d;
	border-width: 10px;
  transition: all .5s ease;
  z-index: 11;



}

.express-top {
  width: 49px !important;
  height: 33px !important;
  margin: 0 auto;
}

.toolipmaster .tip-haendlersuche:after {
	left: 19%;
	margin-left: -15px;
}

.toolipmaster .tip-express:after {
  left: 50%;
	margin-left: -15px;
}

.toolipmaster .tip-suche:after {
  right: 15%;
	margin-left: -15px;
}

.toolipmaster .inner {
  position: absolute;
}



.toolipmaster .tip-haendlersuche.show, .toolipmaster .tip-express.show, .toolipmaster .tip-suche.show {

  opacity: 1;
  margin-top: 0;
  z-index: 20020020;

}

.toolipmaster .tip-haendlersuche.show:after, .toolipmaster .tip-express.show:after, .toolipmaster .tip-suche.show:after {

  bottom:100%;

}

.de #top-menu .solid, .de #top-menu .now {
  display: none !important;
}

#tooltipOuter li a {
  width: 80px !important;
  text-align: center;
}

.btn.sortierer {
  position: relative;
  top:30px;
}




/*

---> only live: now25-produkte

*/


.page-template-25_produkte .row.zeile_box {
  padding-top:0;
}

.page-template-haendler_cards .haendler-karten  {
  margin-top:50px;
}

.page-template-haendler_cards .haendler-karten h4 {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin: 0;
  align-items: center;
}

.page-template-haendler_cards .haendler-karten h4 div {
  margin-left:20px;
  font-size: 0.8em;
}

.page-template-haendler_cards .haendler-karten hr {

  margin-top: 50px;
}

.page-template-haendler_cards .haendler-karten .logo {
  max-width: 85px;
  width:100%;
  height: auto;
}

.page-template-haendler_cards .haendler-kachel .logo {
  max-width:174px;
  width:100%;
  height: auto;
  float: none;
}

.haendler-karten-list {
  margin-top:0px;
  padding-top: 50px;
}



.karte {
  overflow: hidden;
  padding:40px;
  border:1px solid #dfdfdf;
  margin-bottom: 40px;
}


.haendler-adresse, .haendler-kontakt {


  margin-top:10px;

  display: block;
  width: 100%;


}

.haendler-name {
  font-size: 1.3em;
}

.haendler-kontakt {


  font-size: .9em;
  margin-bottom: 20px;


}

.haendler-kontakt > div a {
  margin-bottom:5px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding-top:3px;
  padding-bottom:3px;
}

.haendler-kontakt > div svg {
  margin-right: 10px;
}


@media (min-width: 760px) {


  .page-template-haendler_cards .haendler-karten h4 div {
    font-size: 1em;
  }

  h3 {
    font-size: 1.4rem;
  }

  .privacy-policy h1 {

      font-size: 2em !important;
      font-weight: 300 !important;

  }

}
/*
.page-template-25_produkte .box.zentriert .lozad {
  display: none;

}
*/


.page-template-25_produkte .box.zentriert  {
  margin-bottom: 0;
  margin-top: -40px;

}

.h_produktlinien_fixed_leiste-unten .btn, .h_produktlinien_fixed_leiste-unten button {
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height: 40px !important;
  font-size: 11px !important;
  padding:0px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;

}

.h_produktlinien_fixed_leiste-unten .btn {
  margin-right: 10px;

}

.h_produktlinien_fixed_leiste-unten button {
  border:1px solid #dfdfdf !important;
  background-color: #000!important;
  margin-left: 10px;
}

@media (min-width: 350px) {
  .h_produktlinien_fixed_leiste-unten .btn, .h_produktlinien_fixed_leiste-unten button {

    font-size: 13px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;

  }

  .h_produktlinien_fixed_leiste-unten .btn {
    margin-right: 10px;

  }

  .h_produktlinien_fixed_leiste-unten button {
    margin-left: 10px;
  }

}

@media (min-width: 500px) {
  .h_produktlinien_fixed_leiste-unten .btn, .h_produktlinien_fixed_leiste-unten button {

    font-size: 15px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;

  }

  .h_produktlinien_fixed_leiste-unten .btn {
    margin-right: 10px;

  }

  .h_produktlinien_fixed_leiste-unten button {
    margin-left: 10px;
  }

}

@media (min-width: 600px) {
  .h_produktlinien_fixed_leiste-unten .btn, .h_produktlinien_fixed_leiste-unten button {

    font-size: 16px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;

  }

  .h_produktlinien_fixed_leiste-unten .btn {
    margin-right: 10px;

  }

  .h_produktlinien_fixed_leiste-unten button {
    margin-left: 10px;
  }

}

.produktkategorie-header.produktlinie_fixed  {
  margin-top: 50px;
}

.produktkategorie-header.produktlinie_fixed h1 {
  /*text-transform: lowercase !important;*/
}

.produktkategorie-header.produktlinie_fixed h1 span {
  /*text-transform: uppercase !important;*/
  font-weight: 700;
}
.produktkategorie-header.produktlinie_fixed {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 300;
}
.marken_logo.now25 {
  background: transparent;
}

#planungsservice, #showroom, #onlineberatung {
	position: relative;
	line-height: 0;
	display: inline;
	overflow: hidden;
	top:-80px;
}

.modal.active, .modal:target {
  z-index: +1;
}


.les-buttons .CC_BuyBtn1 .CC_FI_887GE12_btn ,.les-buttons .btn {

  border-radius: .1rem;
  cursor: pointer;
  display: block !important;
  font-size: 14px;
  outline: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;

  width: 100% !important;
  height:50px !important;
  line-height: 50px !important;
  padding-top:0 !important;
  padding-bottom: 0 !important;


  margin-right: 0px !important;
  margin-bottom: 20px !important;


  float: none !important;


  transition: all 0.2s linear;


}



@media (min-width:580px) {


  .les-buttons .CC_BuyBtn1 .CC_FI_887GE12_btn ,.les-buttons .btn {




      display: inline-block !important;

      width: 250px !important;



      margin-right: 20px !important;
      margin-bottom: 20px !important;


      float: none !important;

  }


}

.winner a img {
	margin:0 auto;
}

.winner .column {
	text-align: center;
}

.winner a {
	display: block;
	min-width: 100%;
	text-align: center;
}

.socbutts  {
	text-align: center;
	padding-top: 40px;

}

.socbutts a {
	text-align: center;
	display: inline-block;
	width: auto;

}


/*

.jahre80logo {
  position: absolute;
  top:10px;
  right:-10px;
  max-width: 110px;
  height: auto;
}


.columns.designer-produkte .centered {
  padding-top: 70px;
}

*/


.en #cookie-notice, .en-gb #cookie-notice, .ru #cookie-notice, .nl #cookie-notice, .zh-hans #cookie-notice {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  left:-20000px !important;
}

#menu-item-wpml-ls-78-de {
  margin-top: 30px !important;
}