/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* ken */

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-slide-heading {
	word-wrap: break-word!important;
	hyphens: auto!important;
	-webkit-hyphens: auto!important;
	-ms-hyphens: auto!important;
}

.kenburns1 {
	overflow:hidden;
}

.kenburns1 img {
	width: 100%;
	margin-left: 0px;
	position: relative;
	transition-property: all;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.kenburns1:hover img {
	transform: scale(1.2) rotate(2deg);
}

/* header */


.page-header-image .elementor-ken-burns--active {
    -webkit-transition-duration: unset;
    -o-transition-duration: unset;
    transition-duration: unset;
}

.headerlogo.elementor-widget-image .elementor-image img {
	height: 4.4vh;
	width: auto;
}

.hamburgericon.elementor-element-a57f980 .bdt-offcanvas-button {
	font-size: 3vh!important;
	margin-bottom: 16px;
}


/* Startseite */

.homegrid a {
	color: #fff;
}

.sheadimg h1,
.sheadimg h2 {
	font-size: 1.5vmax;
	font-weight: 700;
	color: #fff;
	width: auto;
	padding: 15px 0 0 25px;
	margin-bottom: 10px;
}

.sheadimg ul {
	list-style: none;
	margin-left: 25px;
}

.sheadimg nav {
	clear: both;
}

.sheadimg nav ul li {
	line-height: 1.5;
}

@media (min-height: 601px) {
	.sheadimg nav ul li a {
		color: #fff;
		font-size: 1.9vh;
	}
}

@media (max-height: 600px) {
	.sheadimg nav ul li a {
		color: #fff;
		font-size: 1vmax;
	}
}

.sleftcolumn {
	height: 90.90909091%;
	width: 56.25%;
	float: left;
}

.slefttop {
	height: 40%;
	width: 100%;
}

.sleftbottom {
	height: 60%;
	width: 100%;
}

.sltleft {
	float: left;
	width: 66.70%;
	height: 33.33333333vh;
	background: url("/wp-content/uploads/lueftungsgitter-s.jpg") no-repeat;
	background-size: cover;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.sltright {
	float: right;
	width: 33.30%;
	height: 33.33333333vh;
	background: url("/wp-content/uploads/sonnenschutz.jpg") no-repeat;
	background-size: cover;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.slbleft {
	width: 33.3333333%;
	height: 100%;
	float: left;
	border-right: 6px solid #fff;
}

.slbright {
	float: right;
	height: auto;
	max-height: 100%;
	width: 66.6666667%;
}

.slbltop {
	height: 33.33333333vh;
	background: url("/wp-content/uploads/leitern.jpg") no-repeat center;
	background-size: cover;
	border-bottom: 6px solid #fff;
}

.slblbottom {
	background-color: #2d8ca0;
	height: 16.66666667vh;
	display: flex;
	align-items: center;
	width:100%;
}

.slblbottom img {
	display: block;
	margin: 15px auto 0 auto;
	width: 5vw;
}

.slblbottom h2 {
	color: #fff;
	font-size: 1.5vmax;
	margin: 0;
	padding: 0 0 0 0;
	padding-left: 0;
	text-align: center;
	width: 100%;
}

.slbrtop {
	height: 25vh;
	background: url("/wp-content/uploads/gitterroste-s.jpg") no-repeat;
	background-size: cover;
	border-bottom: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.soverlay {
	display: block;
	height: 100%;
	cursor: pointer;
}


.soverlay nav ul li a {
	color: transparent;
}

.soverlay img {
	display: none;
}

.soverlay h2,
.soverlay:hover h2,
.soverlay:hover nav ul li a {
	color: #fff;
}

.soverlay:hover h1:hover,
.soverlay:hover h2:hover {
	text-decoration: underline;
}

.soverlay:hover nav ul li a:hover {
	font-weight: 700;
}

.soverlay:hover img {
	display: block;
	float: right;
	padding: 15px 25px 0 0;
	height: 7vh;
}

.soverlay:hover {
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(231, 48, 42, 0.5);
}

.slbrbottom {
	height: 50%;
}

.slbrtleft {
	display: inline-block;
	float: left;
	width: 70%;
}

.slbrtleftf {
	width: 100%;
}

.sproductcaticon {
	display: inline-block;
	float: right;
	width: 30%;
}

.soverlay .slbrtleft h2 a {
	word-wrap: normal;
}

.soverlay:hover .slbrtleft h2 a {
	word-wrap: break-word;
	hyphens: auto;
}

@media (max-height: 600px) {
	.slbrtleft h2 {
		margin-bottom: 5px;
	}
}

.slbrbleft {
	display: inline-block;
	width: 50%;
	background: url("/wp-content/uploads/balkonbodenplatten-1.jpg") no-repeat;
	background-size: cover;
	height: 25vh;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.slbrbright {
	float: right;
	width: 50%;
	background: url("/wp-content/uploads/schmutzschleusen-1.jpg") no-repeat center;
	background-size: cover;
	height: 25vh;
	border-left: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.srightcolumn {
	height: 90.90909091%;
	float: right;
	width: 43.75%;
	border-left: 6px solid #fff;
}

.srightbottom {
	width: 100%;
}

.srighttop {
	height: 41.66666667vh;
	width: 100%;
	background: url("/wp-content/uploads/wetterschutzwand-4.jpg") no-repeat;
	background-size: cover;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.srbleft {
	display: inline-block;
	width: 57.14285714%;
	background: url("/wp-content/uploads/ortsfeste-leitern-1.jpg") no-repeat;
	background-size: cover;
	height: 41.66666667vh;
	border-right: 6px solid #fff;
	box-shadow: inset 0 78px 120px 0px rgb(0 0 0 / 50%);
}

.srbright {
	float: right;
	width: 42.85714286%;
}

.srbrighttop {
	background-color: #E7302A;
	height: 25vh;
	border-bottom: 6px solid #fff;
}

.srbrighttop nav ul {
	list-style: none;
	margin-left: 15px;
	padding-top: 12px;
}

.srbrighttop nav ul li a {
	color: #fff;
	font-size: 1.5vmax;
	font-weight: 700;
}

.srbrightbottom {
	height: 16.66666667vh;
	background: url("/wp-content/uploads/gelaendersysteme.jpg") no-repeat;
	background-size: cover;
	box-shadow: inset 0 78px 80px 0px rgb(0 0 0 / 50%);
}

@media (max-height: 560px) {

	.slblbottom h2,
	.sproductcaticon {
		display: none;
	}
}

.sbottom {
	clear: both;
	width: 100%;
}

.ssocial1,
.ssocial2,
.ssocial3 {
	width: 6.25%;
	float: left;
	background-color: #E7302A;
	height: 8.333333333vh;
	line-height: 8.333333333vh;
	border-right: 6px solid #fff;
	text-align: center;
}

.ssocial1 a,
.ssocial2 a,
.ssocial3 a {
	height: 8.333333333vh;
	line-height: 8.333333333vh;
}

.ssocial1 img,
.ssocial2 img,
.ssocial3 img {
	transition: all .3s ease-in-out;
	width: 60%;
	vertical-align: middle;
}

.ssocial1:hover img,
.ssocial2:hover img,
.ssocial3:hover img {
	transform: scale(1.04);
}


.sspecial {
	width: 81.25%;
	float: right;
	background-color:#fff;
	height: 8.333333333vh;
}

.sspecial>div {
	height: 8.333333333vh;
}

.sspecial h2 {
	color: #E7302A;
	width: 100%;
	font-size: 1.4vmax;
	font-weight: 700!important;
	padding-top: 0;
	padding-left: 0;
}

.sspecial p {
	color: #E7302A;
	font-size: 1.3vmax;
	margin-bottom:0;
}

@media (min-width: 1025px) AND (max-width: 1199px) {
	.sspecial .bdt-slider .bdt-slide-item .bdt-slide-desc {
		margin-top: 26px!important;
	}
}

.pmargindeleter p {
	margin: 0 0 0 0!important;
}

.pmargindeleter h2 {
	margin-top: 15px;
}

@media (min-width: 1025px) {
	.sheadimgtabmob {
		display: none;
	}
}

@media (max-width: 1024px) {
	.sheadimg {
		display: none
	}

	.sheadimgtabmob h1,
	.sheadimgtabmob h2 {
		color: #E7302A;
		font-weight: 700;
		font-size: 25px!important;
		padding: 15px 15px 15px 25px;
	}

	.lctop {
		background: url("/wp-content/uploads/lueftungsgitter-1.jpg") no-repeat;
		background-size: cover;
	}

	.lcbottom {
		background: url("/wp-content/uploads/gitterroste-s.jpg") no-repeat;
		background-size: cover;
	}

	.rctop {
		background: url("/wp-content/uploads/leitern.jpg") no-repeat;
		background-size: cover;
	}

	.rcbleft,
	.rcbleft h2 {
		background-color: #E7302A;
		color: #fff;
	}

	.rcbright,
	.rcbright h2 {
		background-color: #E7302A;
		color: #fff;
	}
}

@media (min-width: 768px) AND (max-width: 1024px) {

	.sheadimgtabmob {
		width: 100%;
	}

	.lcol {
		width: 50%;
		float: left;
	}

	.rcol {
		width: 50%;
		float: right;
	}

	.lctop {
		border-right: 3px solid #fff;
		border-bottom: 6px solid #fff;
		height: 25vh;
		width: 100%;
	}

	.lcbottom {
		border-right: 3px solid #fff;
		height: 25vh;
	}

	.rctop {
		border-left: 3px solid #fff;
		border-bottom: 6px solid #fff;
		height: 25vh;
	}

	.rcbleft {
		border-left: 3px solid #fff;
		height: 25vh;
	}

/* Preisrechner Variante
	.rcbleft {
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		float: left;

		width: 50%;
	}

	.rcbright {
		border-left: 3px solid #fff;
		float: right;
		height: 25vh;
		width: 50%;
	}
*/
	.rcbleft h1,
	.rcbright h1,
	.rcbleft h2,
	.rcbright h2 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.rcbright img {
		position: absolute;
		bottom: 0;
		right: 0;
		height: auto;
		width: 100px;
	}

	.lctop h1,
	.lcbottom h1,
	.rctop h1 {
		height: 20vh;
		line-height: 38vh;
		padding: 15px 15px 15px 25px;
		font-size: 30px;
	}

	.lctop h2,
	.lcbottom h2,
	.rctop h2 {
		height: 20vh;
		line-height: 38vh;
	}
	
}

@media (max-width: 767px) {

	.sheadimgtabmob {
		width: 100%;
	}

	.lcol {
		width: 100%;
	}

	.rcol {
		width: 100%;
	}

	.lctop {
		border-bottom: 6px solid #fff;
		height: 25vh;
		width: 100%;
	}

	.lcbottom {
		border-bottom: 6px solid #fff;
		height: 25vh;
	}

	.rctop {
		border-bottom: 6px solid #fff;
		height: 25vh;
	}

	.lctop h1,
	.lcbottom h1,
	.rctop h1,
	.lctop h2,
	.lcbottom h2,
	.rctop h2 {
		height: 20vh;
		line-height: 38vh;
	}

	.rcbleft h2 {
		margin-bottom: 0;
	}

/* Preisrechner Variante
	.rcbleft {
		border-right: 3px solid #fff;
		float: left;
		height: 12.5vh;
		width: 50%;
	}

	.rcbright {
		border-left: 3px solid #fff;
		float: right;
		height: 12.5vh;
		width: 50%;
	}
*/
	.rcbright img {
		position: absolute;
		bottom: 0;
		right: 0;
		height: auto;
		width: 100px;
	}
}

/* rightbuttons */

.rightbuttons {
	right: -200px!important;
	width: auto!important;
	transition: all .2s ease-in-out; 
}

.rightbuttons:hover {
	right: 0!important;
	transform: scale(1.0);
}

.rightbuttons .elementor-button.elementor-size-lg {
	padding: 30px;
	width: 260px;
}

.rightbuttons .elementor-button .elementor-align-icon-right {
	margin-left: 0!important;
	float: right;
	line-height: 1.8;
}

.rightbuttons .elementor-button-icon {
	display: inline-block;
	position: absolute;
	left: 0;
}

.rightbuttons .elementor-button-content-wrapper {
	height: 60px;
}

.rightbuttons .elementor-button svg {
	width: 60px;
	height: 60px!important;
	margin-bottom: -4px;
}

.rightbuttons .elementor-button {
	padding: 0!important;
	margin-bottom: -1px;
}

.rightbuttons .elementor-button-text {
	padding-top: 18px;
}

.rightbuttons .cls-1 {
	fill:#198193;
}

/* Slider Startpage */

.startslider div div div .elementor-element .swiper .elementor-swiper-button-prev {
	left: 8%!important;
	top: 65%!important;
}

.startslider div div div .elementor-element .swiper .elementor-swiper-button-next {
	right: 8%!important;
	top: 65%!important;
}

.startslider .eicon-chevron-right::before,
.startslider .eicon-chevron-left::before {
	content: ""!important;
}

@media (min-width: 1025px) {
	.eicon-chevron-left:before {
		display: inline-block;
		content: ""; 
		background: url("/wp-content/uploads/arrow-left_big_white.png") no-repeat center!important;
		height: 71px;
		width: 71px;
	}

	.eicon-chevron-right:before {
		display: inline-block;
		content: ""; 
		background: url("/wp-content/uploads/arrow-right_big_white.png") no-repeat center!important;
		height: 71px;
		width: 71px;
	}
}

@media (max-width: 1024px) {
	.eicon-chevron-left:before {
		display: inline-block;
		content: ""; 
		background: url("/wp-content/uploads/arrow-left_sm_white.png") no-repeat center center;
		height: 36px;
		width: 36px;
	}

	.eicon-chevron-right:before {
		display: inline-block;
		content: ""; 
		background: url("/wp-content/uploads/arrow-right_sm_white.png") no-repeat center center;
		height: 36px;
		width: 36px;
	}
}

.startslider .elementor-repeater-item-8192342 .swiper-slide-bg {
	background-position: top!important;
}

.startslider div div div div div .swiper-slide-inner {
	background-color: rgba(176,60,66,0.8);
	margin: 50vh 0 20vh 0;
}

.sslidericon {
	margin-bottom: -16px;
	margin-right: 20px;
	height: 60px!important;
	width: auto!important;
}

@media (min-width: 463px) AND (max-width: 780px) {

	.startslider div div div div div .swiper-slide-inner {
		background-color: rgba(176,60,66,0.6);
		margin: 46vh 0 19vh 0;
	}

	.sslidericon {
		display: block;
		margin: 0 auto 10px auto;
	}
}

@media (max-width: 462px) {

	.startslider div div div div div .swiper-slide-inner {
		background-color: rgba(176,60,66,0.6);
		margin: 37vh 0 19vh 0;
	}

	.sslidericon {
		display: block;
		margin: 0 auto 10px auto;
	}
}

/* Kategorien Menü */

@media (min-width: 1025px){
	.topbar {
		top: 0px!important;
	}
}

.katmenu ul li {
	border-left: 1px solid #198193;
}

.katmenu ul li a {
	padding-left: 10px!important;
	line-height: 1.3!important;
}

/* Off Canvas Menü */

.bdt-offcanvas-bar {
	padding: 70px 0 0 0;
}

.offside-js--init {
	overflow-y: visible!important;
}

body .bdt-offcanvas > div {
	box-shadow: none!important;
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open {
	margin-top: 8.5vh;
}


.bdt-offcanvas-bar aside {
	margin: 0;
}

.bdt-offcanvas .bdt-offcanvas-bar ul {
	list-style: none;
	margin: 0;
	width: 100%;
}

.bdt-offcanvas .bdt-offcanvas-bar ul li {
	color: #fff;
}

.bdt-offcanvas .bdt-offcanvas-bar ul li a {
	color: #198193;
	display: block;
	padding: 10px 20px 10px 10px;
}

.bdt-offcanvas .bdt-offcanvas-bar ul li:hover {
	background-color: #198193;
}

.bdt-offcanvas .bdt-offcanvas-bar ul li:hover a {
	color: #fff;
}

.bdt-offcanvas .menuleft {
	text-align: left;
}

.menuleft nav a {
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1.2vmax!important;
	font-weight: 400!important;
}

.bdt-offcanvas .menutop {
	position: fixed!important;
	top: 80px;
	left: 0;
}

.bdt-offcanvas  .menufooter {
	position: fixed!important;
	bottom: 0;
	left: 0;
}

.bdt-offcanvas .bdt-offcanvas-bar .widget:not(:first-child) {
	text-align: left;
	background-color: #fff;
}

body:not(.bdt-offcanvas-flip) #bdt-offcanvas-a57f980.bdt-offcanvas.bdt-open>.bdt-offcanvas-bar {
	background-color: #198193!important;
}

.bdt-offcanvas-close {
	top: -20px;
	right: 30px;
}

.bdt-offcanvas-page .bdt-offcanvas-button .fa-bars:before {
	content: "\f00d";
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-nav-menu ul{
	display: block;
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-nav-menu--dropdown,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-nav-menu--dropdown .elementor-item:hover,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-nav-menu--dropdown .elementor-item:focus,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-sub-item.elementor-item-active,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-sub-item:hover {
	background-color: #198193!important;
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open .elementor-widget-nav-menu .elementor-nav-menu .elementor-item,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li:hover a,
.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li a {
	color: #fff;
}


.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li:not(:last-child) a {
	border-bottom: 1px solid #fff;
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li ul li a {
	border-bottom: 1px solid #fff;
	margin-left: 30px;
}

.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li a {
	padding-left: 0;
}

@media (max-width: 767px) {

	.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li ul li a {
		margin-left: 0;
		border-left: 0;
	}

	.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open h3,
	.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open a {
		text-align: center;
	}

	.bdt-offcanvas .menufooter {
		position: relative !important;
	}

	.bdt-offcanvas.bdt-offcanvas-overlay.bdt-open ul li a {
		border-bottom: 1px solid #fff;
	}

	.menuleft nav a {
		font-family: 'Open Sans', sans-serif!important;
		font-size: 1.8vmax!important;
		font-weight: 400!important;
	}
}

/* Referenzslider */


.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide {
	height: fit-content!important;
}

.elementor-cta__button {
	position: absolute;
	right: -26px;
	bottom: -40px;
}

.refslider .swiper-slide:hover .elementor-cta__button {
    color: #198193!important;
}

.refslider .swiper-slide {
	border: 1px solid #198193;
}

@media (min-width: 1026px) {
	.refslider .swiper-slide {
		transform: scale(0.8)!important;

	}

	.refslider .swiper-slide-prev,
	.refslider .swiper-slide-next {
		transform: scale(1)!important;
	}	

}


.refslider .bdt-panel-slider .bdt-panel-slide-item .bdt-panel-slide-desc {
	height: 100%!important;
}


.refslider .bdt-panel-slider .bdt-panel-slide-item .bdt-panel-slide-thumb {
	width: 40%!important;
	background-position: bottom left;
}

.refslider .bdt-panel-slider .bdt-panel-slide-item .bdt-panel-slide-title,
.refslider .bdt-panel-slide-text {
	margin-left: 42%;
	padding: 0 0 10px 0;
	opacity: 1;
}

.eicon-chevron-right:before,
.eicon-chevron-left:before {
	filter: hue-rotate(188.85deg) saturate(82.99%)!important;
}


.refslider .bdt-panel-slide-link {
	display: block;
	position: absolute;
	width: 93%;
	height: auto;
	right: 15px;
	bottom: 5px;
	text-align: right;
}

.refslider .bdt-transition-slide-bottom {
	transform: none;
}


.refslider .fa-address-book:before {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

@media (min-width: 1601px) {

	.refslider .bdt-panel-slider .bdt-navigation-next {
		right: 28.5vw!important;
	}

	.refslider .bdt-panel-slider .bdt-navigation-prev {
		left: 28.5vw!important;
	}
}

@media (min-width: 1026px) AND (max-width: 1600px) {

	.refslider .bdt-panel-slider .bdt-navigation-next {
		right: 26.5vw!important;
	}

	.refslider .bdt-panel-slider .bdt-navigation-prev {
		left: 26.5vw!important;
	}
}

@media (min-width: 768px) AND (max-width: 1025px) {

	.refslider .bdt-panel-slider .bdt-navigation-next {
		right: -2vw!important;
	}

	.refslider .bdt-panel-slider .bdt-navigation-prev {
		left: -2vw!important;
	}
}

@media (max-width: 767px) {
	
	.refslider .swiper-slide {
		width: 100%!important;
	}
	
	.refslider .bdt-panel-slider .bdt-navigation-next {
		right: 0vw!important;
	}

	.refslider .bdt-panel-slider .bdt-navigation-prev {
		left: 0vw!important;
	}
}

/* Subcategories Slider */

@media (max-width: 767px) {
	.page-header-image .elementor-slides .swiper-slide-inner {
		align-items: center!important;
		margin-top: 10px;
	}
}

.generate-back-to-top {
	right: 80px;
	bottom: 35px;
}

/* Subcategories Slider */

@media (max-width: 767px) {
	.page-header-image .elementor-slides .swiper-slide-inner {
		align-items: center!important;
		margin-top: 10px;
	}
}