/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Main */
body {
    margin: 0;
    overflow-x: hidden;
	font-family: "Poppins", Sans-serif !important;
}
h1,h2,h3,h4,h5,h6 {
	hyphens: auto;
}
body {
	word-wrap: break-word;
	/*white-space: nowrap;*/
}
html, body, .elementor-location-footer {
	overflow-x:hidden !important;
	margin:0;
}
ul li ul li {
	list-style: disc !important;
}
p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/* Header */
#header {
	background-color:rgba(255,255,255,1);
	height: 170px;
	z-index: 7 !important;
}
#header-d1 {
	background: rgba(255,255,255,1);
	height: 170px;
	z-index: 7 !important;
}
#header-d1.elementor-sticky--effects {
    height: 120px;
    transition: all 0.5s ease;
}
#header.elementor-sticky--effects {
    background-color:rgba(255,255,255,1);
    height: 120px;
    transition: all 0.5s ease;
}
.elementor-sticky--effects .elementor-nav-menu a{
    transition: all 0.5s ease;
}
.logo img {
    width: auto;
    transition: all 0.5s ease;
}
.elementor-sticky--effects .logo img {
    width: 200px !important;
}
.elementor-sticky--effects {
	padding: 0 !important;
	transition: all 0.5s ease;
}

.elementor-3000 .elementor-element.elementor-element-993dfb8 {
	padding: 25px 22px 25px 22px;
	transition: all 0.5s ease !important;
}
.elementor-5779 .elementor-element.elementor-element-72f6997d {
	padding: 25px 22px 25px 22px;
	transition: all 0.5s ease !important;
}
.elementor-6548 .elementor-element.elementor-element-3e25acec {
	padding: 25px 22px 25px 22px;
	transition: all 0.5s ease !important;
}
#headerinfo a {
	color:#fff;
}
#headerinfo a:hover {
	color:#f7f7f7;
}
/* .menu-item-439 a {
	border: 1px solid #010101;
	padding: 5px 12px !important;
    margin-top: -5px;
} */
.elementor-nav-menu--main .elementor-nav-menu ul {
    z-index: 1000 !important;
}
.page-id-1094 #slider .swiper-slide-contents {
    width: 690px;
}
#rmp_menu_trigger-225 {
	top: 30px;
}

/* Slider */
#slider .elementor-slide-heading span {
	color: #fff;
	font-weight: 500;
	font-size: 1.85rem;
}
#slider .swiper-slide-inner {
	max-width: 1300px;
	padding: 10px;
}
#slider .swiper-slide-contents {
	background: rgb(60,60,60,0.65);
	padding: 50px 50px 50px 50px;
	position: relative;
	/*width: 470px;*/
}
.elementor-swiper-button {
    top: 60%;
}

/* Content */
#shrinkbox {
	width:650px;
}
#leistungsbox p a {
	color:#ffa918;
	font-style: italic;
	float:right;
	margin-top:15px;
}
#leistungsbox p a:hover {
	color: #333d49;
}
#leistungsbox .elementor-tab-title.elementor-active {
	background-color: #fff;
}
#leistungsbox .elementor-tab-title.elementor-active {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
}
#product-overlay .elementor-carousel-image:before {
    background-image: url('https://www.screen-experts.de/wp-content/uploads/Screen-Xperts_Logo-1.svg');
    background-size: 160px 56px;
    display: inline-block;
    width: 160px; 
    height: 56px;
    content:"";
	top: 20px;
    left: 20px;
	position:absolute;
}

/* Slider new */
.n2-ss-slide {
	box-shadow: 5px 10px 20px -5px rgb(0,0,0,0.5);
	margin-bottom: 25px;
}

/* LanguagePress - Language Icon */
#trp-floater-ls.trp-color-light {
	background: rgba(255,255,255,1) !important;
}

#trp-floater-ls {
    box-shadow: 0 0 4px #212121 !important;
}

#trp-floater-ls-current-language a, #trp-floater-ls-language-list a {
	font-weight: 700;
}

/* small classes for images and different things */

/* hides recaptcha banner on all pages and in accordance to Google's terms by adding a note in the user flow... */
.grecaptcha-badge { visibility: hidden; }

/* ...and shows it on the form page */ 
.page-id-6552 .grecaptcha-badge { visibility: visible; }

.BorlabsCookie p {
	text-align: left;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-btn {
	font-size: 15px;
}

elementor-message elementor-message-success {
	color:#0F71BA;
	font-size: 24px;
    font-weight: 600;
}

/* vertically aligns small bullet list icons / richtet kleine Aufzählungszeichen vertikal aus */
.elementor-icon-list-icon	{
	position: relative;
	top: 0;
}
/* image shadow */
.img-shadow-home	{
    filter: drop-shadow(18px 5px 15px #7c7c7c);
}

.elementor-testimonial__image img	{
    filter: drop-shadow(18px 5px 15px #7c7c7c);
    -o-object-fit: contain;
    object-fit: contain;
}

.img-shadow-icon	{
    filter: drop-shadow(6px 10px 10px #9c9c9c);
}
.img-product	{
	padding: 20px 0 50px 0;
	filter: drop-shadow(28px 5px 35px #7c7c7c);
}
.allCycles {
	display: none;
}
.cycleText-1 {
	display: block;
}

/* homepage - iconbox */
.se-icon-box {
    transition: transform .9s cubic-bezier(0.19, 1, 0.22, 1);
    filter: drop-shadow(6px 10px 10px #9c9c9c);
}

.se-icon-box .elementor-icon-box-icon {
    transition: transform .9s cubic-bezier(0.19, 1, 0.22, 1);
}

.se-icon-box .elementor-icon-box-icon:hover {
    transform: scale(1.1);
}

/* accordion border */
.elementor-accordion-item:first-child {
	border-radius: 10px 10px 0 0;
}

.elementor-accordion-item:last-child {
	border-radius: 0 0 10px 10px;
}
/* make click events on element pass through */
.no-click {
	pointer-events: none;
}


.elementor-repeater-item-effabac .swiper-slide-bg {
	padding: 20px 0 50px 0;
	filter: drop-shadow(28px 5px 35px #7c7c7c);
}
.elementor-repeater-item-effabac .swiper-slide-contents {
	display: none;
}

/* inserts icons in the mobile accordion title - Elementor doesn't have that option yet */
#elementor-tab-title-6331::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/genehmigung.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6332::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/3.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6333::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/Artboard-92.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6334::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/marketing.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6335::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/Garantie.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6336::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/1.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
#elementor-tab-title-6337::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/7-1.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}


.elementor-7074 .elementor-element.elementor-element-6f6d6de .elementor-accordion-item {
	border-radius: 10px !important;
}
#elementor-tab-title-1161::before {content: ""; background: url(https://www.screen-experts.de/wp-content/uploads/Zeichenflaeche-51.svg) left center no-repeat; vertical-align: middle; background-size: 45px 45px; padding: 25px 15px 25px 50px;}
/*--------------------------------------------------------------- */


/* Kachel */
#kachel .kachel-innen {
	background-color:#ADADAD;
	border-radius: 15px;
	transition: all .5s ease;
	box-shadow: -3px -3px 17px 0px rgba(0,0,0,0.5) inset;
	text-align:center;
	margin: 7px;
}
#kachel .kachel-innen:hover {
	background-color:#0e71b8;
	border-radius: 15px;
	transition: all .5s ease;
}
#kachel img {
	width: 50%;
	margin-top: 20px;
}
#kachel h3 {
	color: #FFFFFF;
	font-family: "Poppins", Sans-serif;
	font-size: 0.85em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align:center;
	height:25px;
}
#kachel .info {
	color: #FFFFFF;
	font-family: "Poppins", Sans-serif;
	font-size: 0.7em;
	font-weight: 400;
	letter-spacing: 0px;
	text-align:center;
	opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms cubic-bezier(.68,-.55,.265,1.55);
	position: relative;
	transform:translateY(0%);
}
#kachel .kachel-innen:hover .info {
    opacity: 1;
    filter: none;
	transform:translateY(-30%);
}


/* Formular */
#wpcf7-f6-p437-o1 input,
#wpcf7-f6-p437-o1 textarea {
	color:#000;
	border:1px solid #0e70b9;
	border-radius:0px;
	padding: 0.8rem 1rem 0.8rem 1rem;
}
#wpcf7-f6-p437-o1 .wpcf7-list-item-label {
	font-size:0.7em;
	color:#000;
}
#wpcf7-f6-p437-o1 .wpcf7-list-item-label a {
	color:#000;
}
#wpcf7-f6-p437-o1 .wpcf7-list-item-label a:hover {
	color:#0e70b9;
}
span.wpcf7-list-item {
    margin: 0em;
}
#wpcf7-f6-p437-o1 textarea {
	height:150px;
	width:98.5%;
}
#wpcf7-f6-p437-o1 .wpcf7-submit {
	background-color: #0e70b9;
	padding: 0.5rem 1.7rem;
	color:#fff;
}
#wpcf7-f6-p437-o1 .wpcf7-submit:hover {
	background-color: #fff;
	color: #0e70b9;
}
.elementor-field-textual	{
	padding: 0.5rem 1.7rem;
}
	

/* Footer */
/*.elementor-11692 a {
	color: #f3f3f3 !important;
	font-size: 17px;
}
.elementor-11692 a:hover {
	color: #59545f !important;
}*/
/*
#copyright a {
	color: #f3f3f3;
}
#copyright a:hover {
	color: #59545f;
}
*/
/* Responsive */
@media only screen and (max-width: 1024px) {
	#shrinkbox {
		width:100% !important;
	}
	.elementor-nav-menu--main {
		display:none !important;
	}
	#form-half {
		width: 100% !important;
		margin: 0px !important; 
	}	
	#form-half-top {
		width: 100% !important;
		margin: 0px 0px 20px 0px !important; 
	}
	/*
	#slider .elementor-slide-heading span {
		font-size:1.3rem;
	}*/
}
@media only screen and (max-width: 767px) {
	#slider .swiper-slide-contents {
		padding:30px !important;
	}
	#slider .elementor-slide-heading span {
		font-size:1.3rem;
	}
}
@media only screen and (max-width: 500px) {
	#slider .elementor-slide-heading {
		font-size:1.8rem;
	}
	#slider .elementor-slide-heading span {
		font-size:1rem;
	}
}
@media only screen and (max-width: 720px) {
/*	.logo img {
		width:50% !important;
	}*/
	#wpcf7-f6-p437-o1 textarea {
		width: 100% !important;
	}
}


/* - Colio is not in use, but might me useful later - */

/* Colio */
/*.colio-theme-white table td, .colio-theme-white table th {
    padding: 10px;
}
.colio-theme-white .colio-container {
    background: #fff;
}
.colio-theme-white .colio-item .colio-title {
	font-size: 20px;
	color: #000;
}
.colio-theme-white table td, .colio-theme-whitetable th {
    border: 0px solid #ccc;
}
.colio-wrap .colio-filters {
    margin: 0 20px 40px 0;
}
.colio-wrap .colio-filters a {
    padding: 5px 15px 4px;
    background-color: #fff;
    border-radius: 0px;
	font-size:15px !important;
	color:#555;
}
.colio-view .colio-button, .colio-view .colio-button:visited {
    border-radius: 0px;
}
#colio_projekte .colio-summary h4 a {
    font-weight: 600 !important;
}
.colio-wrap .colio-filters a.colio-disable-filters {
    padding: 5px 15px 4px;
    background-color: #fff !important;
    border-radius: 0px;
    display: block;
    color: #999;
    line-height: 20px;
    font-size: 85%;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.flex-direction-nav a {
    opacity: 1 !important;
}
.colio-slider.flexslider .flex-direction-nav a {
    background-color: #0e71b8 !important;
}
.colio-slider.flexslider .flex-direction-nav a:hover {
    background-color: #555555 !important;
}
#colio_viewport_projekte .colio-navigation a, #colio_viewport_projekte .colio-feed li a {
    background-color: #ccc !important;
}
#colio_viewport_projekte .colio-navigation a:hover, #colio_viewport_projekte .colio-feed li a:hover {
    background-color: #555 !important;
}
.colio-wrap .colio-filters a.colio-disable-filters:hover {
	color: #555 !important;
}
.colio-wrap.colio-filters-left .colio-filters li:first-child {
    float: left !important;
}
.colio-list .colio-summary {
    padding: 0px 10px 10px;
}
.colio-slider.flexslider .flex-direction-nav a::before {
    font-size: 17px;
    line-height: 23px;
}
table tbody tr:hover > td, table tbody tr:hover > th {
    background-color: transparent !important;
}
#colio_projekte a.colio-active-filter {
	background-color: #0e71b8 !important;
	color:#fff !important;
}
.colio-main table tr td table tr td {
	padding:0px !important;
	font-size: 1.1em !important;
}
.colio-main table tr td:nth-child(1) {
	width:100px !important;
	border-right: 5px solid #fff;
}
.colio-main .innerdunkel td {
	border-right: 0px solid #fff !important;
}
table.innerdunkel tbody  > tr:nth-child(2n+1) > td, table.innerdunkel tbody > tr:nth-child(2n+1) > th {
    background-color: #eee !important;
}
table tr td table tbody  > tr:nth-child(2n+1) > td, table tr td  table tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}
table tr td table tbody  > tr:nth-child(2n+1):hover, table tr td  table tbody > tr:nth-child(2n+1):hover {
    background-color: transparent !important;
}
table tbody > tr:nth-child(2n+1):hover > td {
    background-color: transparent !important;
}
table table {
	margin-bottom:0px !important;
}
.colio-main table tr td table tr td:nth-child(1) {
    border-right: 5px solid transparent !important;
}
#colio_89764 table tr td table tbody  > tr:nth-child(2n+1) > td, #colio_89764 table tr td  table tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}
#colio_12610 table tr td table tbody  > tr:nth-child(2n+1) > td, #colio_12610 table tr td  table tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}
.colio-active-item .colio-summary h4 a {
    text-decoration: none !important;
}
	#colioblock .elementor-container {
		/* max-width:90% !important; */
/*	}
	.colio-navigation:before {
		content: "Weitere Referenzen";
		float: left;
		margin-right: 10px;
		margin-top: 8px;
		font-size: 12px;
		text-transform: uppercase;
	}
	.colio-theme-white .colio-navigation {
	    right: 60px;
	}

	.colio-view .colio-button, .colio-view .colio-button:visited {
		border-radius:0px !important;
	}
	#colio_referenzen,
	.colio-theme-white .colio-item .colio-title,
	#colio_referenzen .colio-summary h4 a {
		font-family: "Poppins", Sans-serif !important;
	}
*/


/* header */
@media only screen and (max-width: 1274px) {
	#contact {
		display: none !important;
	}
	.elementor-3000 .elementor-element.elementor-element-1d1fa3d {
		width: 100% !important;
	}
}
@media only screen and (max-width: 1025px) {
	#contact {
		display: block !important;
	}
}

@media only screen and (max-width: 815px) {
	#contact {
		display: none !important;
	}
}


/* animations */
@keyframes slideInDown{
    0%{
        transform:translate3d(0,-50%,0);
        visibility:visible
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
.elementor-element.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    0%{
        transform:translate3d(-50%,0,0);
        visibility:visible
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
.elementor-element.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    0%{
        transform:translate3d(50%,0,0);
        visibility:visible
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
.elementor-element.slideInRight{
    animation-name:slideInRight
}
@keyframes slideInUp{
    0%{
        transform:translate3d(0,50%,0);
        visibility:visible
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
.elementor-element.slideInUp{
    animation-name:slideInUp
}