/* 
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
*/


.menu-item-448 {
	display: none !important;
}

.boxes > .elementor-container{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: #fff;
}

.wpcf7-not-valid-tip {
    font-size: 17px;
    color: red;
}

.box .bttns a{
border-color: #ffffff!important;
}

.boxes > .elementor-container > .box {
  flex: 1 1 calc(33.333% - 20px);
  min-height: 279px;
}

.boxes > .elementor-container > .box .icn,
.boxes > .elementor-container > .box .bttns {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
}


.boxes > .elementor-container > .box:hover .icn,
.boxes > .elementor-container > .box:hover .bttns {
    opacity: 1;
    max-height: 100px; 
}

/*
.hexagon-left svg{
    width: 211px;
    height: 243px;
}

.hexagon-right svg{
    width: 211px;
    height: 243px;
}
*/



.wpcf7-list-item {
    display: inline-block;
    margin: 0 10px 0 0;
}

.elementor-7 .pp-contact-form-7 .wpcf7-not-valid-tip {
    font-size: 0.88em!important;
    font-style: italic;

}

.wpcf7 .wpcf7-list-item label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}


.wpcf7 .wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  padding: 0;
}


.wpcf7 .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 20px; 
  font-size: 16px;
  color: #ffffff;
}


.wpcf7 .wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 0px solid #fff;
  background: #fff;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}


.wpcf7 .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 5px;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}


.wpcf7 .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background: #009dff;
  border-color: #009dff;
}


.wpcf7 .wpcf7-list-item input[type="checkbox"]:focus + .wpcf7-list-item-label::before {
/*  box-shadow: 0 0 0 3px rgba(0,157,255,.25); */
}


.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::before {
  border-color: #009dff;
  background: #fff;
}


.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background: #009dff;
  border-color: #009dff;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  border-color: #fff;
}


.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 13px;
  line-height: 1.3em;
  text-indent: 20px;
  padding-left: 0px;
}



.wpcf7-form-control-wrap[data-name="anliegen"] .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}


.wpcf7-form-control-wrap[data-name="anliegen"] .wpcf7-list-item {
    flex: 1 1 auto; 
    min-width: 130px; 
    max-width: 300px; 
    display: flex;
    align-items: flex-start;
    margin: 0 0 5px!important;
    padding: 0;
}

.wpcf7-form-control-wrap[data-name="anliegen"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(5){
    max-width: 173.7px;
}

.wpcf7-form-control-wrap[data-name="anliegen"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(6){
    max-width: 120px;
}



.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}


.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-list-item {
    flex: 1 1 auto; 
    min-width: 130px; 
    max-width: 300px; 
    display: flex;
    align-items: flex-start;
    margin: 0 0 5px!important;
    padding: 0;
}

.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(1){
    max-width: 173.7px;
    width: 100%;
}

.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(2){
    max-width: 130px;
}

.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(3){
    max-width: 120px;
    width: 100%;
    margin-right: 50px!important;
}

.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(4){
    max-width: 173.7px;
    width: 100%;
}

body .wpcf7 .wpcf7-form input[type="submit"]{
background: transparent;
color: #fff;
border-color: #fff;
margin-top: 30px;
}

body .wpcf7 .wpcf7-form input[type="submit"]:hover{
background-color: #fff!important;
color: #074361;
border-color: #fff;
}

body .wpcf7 textarea{
height: auto;
height: 50px;
margin-top: 30px;
overflow: auto;             
  -ms-overflow-style: none;  
  scrollbar-width: none;   
}

body .wpcf7 textarea::-webkit-scrollbar {
  display: none;
}


#wpcf7-f109-p7-o2 .wpcf7-form-control-wrap[data-name="datenschutz"]{
    margin-top: 50px;
    float: left;
}

#wpcf7-f399-7-o1 .wpcf7-form-control-wrap[data-name="datenschutz"]{
    margin-top: 20px;
    float: left;
}

.contact-label {
    text-align: left;
}

.form-cover{
  position: relative;
}

.form-cover span[data-name="sontiges"]{
    position: absolute!important;
    left: 280px;
    bottom: 0px!important;
}

.form-cover span[data-name="sontiges"] input{
    border-bottom: 1px solid #fff!important;
    padding: 0px 5px!important;
    left: 0px!important;
}




.new-slider .wpr-slider-secondary-btn svg{
    float: left;
    margin-right: 10px;
}

.header-button a{
	border: 1px solid #ffffff;
margin-left: 17px;
}

.header-button a:hover{
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #00B3FF!important;
}

header{
	position: relative;
	z-index: 999!important;
}

span.wpcf7-form-control-wrap[data-name="datenschutz"]{
    float: left;
    margin-top: 40px;
}





.new-slider .wpr-slider-prev-arrow{
background-image: url(https://weber-chemie.de/wp-content/uploads/arrow-left-2.svg);
background-repeat: no-repeat;
background-size: cover;
width: 54px;
height: 54px;
}

.new-slider .wpr-slider-prev-arrow i{
display: none;
}

.new-slider .wpr-slider-next-arrow{
background-image: url(https://weber-chemie.de/wp-content/uploads/arrow-left-2.svg);
background-repeat: no-repeat;
background-size:  cover;
width: 54px;
height: 54px;
}

.new-slider .wpr-slider-next-arrow i{
display: none;
}


.button-with-icon .elementor-button-icon svg {
width: 18px;
}

.button-with-icon .elementor-button-link:hover .elementor-button-icon svg path{    
  fill: #074361;  
  stroke: #074361; 
}

.button-with-icon:hover svg path{
  fill: #fff;  
  stroke: #fff;
}


.elementor-swiper-button.elementor-swiper-button-prev{
background-image: url(https://weber-chemie.de/wp-content/uploads/arrow-left-2.svg);
background-repeat: no-repeat;
background-size: cover;
width: 54px;
height: 54px;
}

.elementor-swiper-button.elementor-swiper-button-prev i{
display: none;
}

.elementor-swiper-button.elementor-swiper-button-next{
background-image: url(https://weber-chemie.de/wp-content/uploads/arrow-right-2.svg);
background-repeat: no-repeat;
background-size:  cover;
width: 54px;
height: 54px;
}

.elementor-swiper-button.elementor-swiper-button-next i{
display: none;
}

.contact-label {
    color: #fff;
    margin: 30px 0px 20px;
}


.main-slider .wpr-slider-content{
margin-top: -100px!important;
}

.home .page-header{
display: none;
}

.site-main .page-header h1.entry-title{
 display: none;
}

.elementor-post__read-more{
    padding: 13px 41px 13px 41px;
border: 1px solid #074361;
margin-top: 20px;
float: left;
}

.elementor-post__read-more:hover{
background: #074361;
color: #fff!important;
border: 1px solid #074361;
}

.wpcf7 input[type=text]{
margin-bottom: 8px;
}

.faq-border .elementor-accordion-item {
    border-left: 0px!important;
    border-right: 0px!important;
}
/*
.bread, .bread span, .bread a{
font-family: "Arial"!important;
font-size: 16px!important;
font-weight: normal;
line-height: 26px!important;
font-style: normal;
text-align: left;
color: #000000;
}
*/

.breadcrumbs {
font-family: "Arial"!important;
font-size: 16px!important;
font-weight: normal;
line-height: 26px!important;
font-style: normal;
text-align: left;
}
.breadcrumbs a {
  color: #000;
  text-decoration: none;
  font-family: "Arial"!important;
font-size: 16px!important;
font-weight: normal;
line-height: 26px!important;
font-style: normal;
text-align: left;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .sep {
  margin: 0 6px;
  color: #000;
}

.elementor-tab-title.elementor-active .elementor-accordion-title{
	font-weight: 700!important;
}

.elementor-tab-title.elementor-active, 
.elementor-tab-content.elementor-active{
  border-width: 0px!important;
}



.faq-border .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    display: inline-block;
    width: 38px;
    margin-top: -5px;
}

.faq-border .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    height: 38px;
    width: 38px;
}


body .elementor-widget-n-accordion .e-n-accordion-item-title {
    justify-content: space-between;
}

	.wpcf7-form-control-wrap[data-name="wie_gefunden"] .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:nth-child(2) {
    max-width: 150px;
}
	
	.video-parallax-400 {
  position: relative;
  overflow: hidden;
  height: 500px; 
}

.video-parallax-400 video.elementor-background-video-hosted {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  will-change: transform;
  transition: transform 0.2s ease-out;
}
	
	
	
	
	
	.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease;
}
	
	
	header[data-elementor-id="115"] {
  transition: all 0.5s ease; 
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  backdrop-filter: blur(8px);  
  transform: translateY(-100%);
  animation: slideDown 0.5s forwards;
}

@keyframes slideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
	
	
	
	
.trans-button a, 
.trans-button a:focus, 
.trans-button a:active, 
.trans-button a:visited{
background: transparent!important;
color: #fff;
border: 1px solid #fff;
}


.trans-button a:hover{
background: #ffffff!important;
color: #074361!important;
border: 1px solid #fff;
}


.elementor-location-footer h2 a{
font-weight: 700;
}




@media (min-width: 1940px) {
.main-slider .wpr-slider-item-bg {
    background-position: bottom center!important;
}
}



/*

@media (min-width: 1940px) {
.main-slider .swiper-slide, 
.main-slider .wpr-advanced-slider, 
.main-slider .wpr-advanced-slider .wpr-slider-item-bg, 
.main-slider .wpr-advanced-slider .slick-list{
height: 1200px!important;
}

.main-slider .wpr-slider-item-bg {
    background-position: bottom center!important;
}
}

@media (min-width: 2400px) {
.main-slider .swiper-slide, 
.main-slider .wpr-advanced-slider, 
.main-slider .wpr-advanced-slider .wpr-slider-item-bg, 
.main-slider .wpr-advanced-slider .slick-list{
height: 1400px!important;
}
}

@media (min-width: 2860px) {
.main-slider .swiper-slide, 
.main-slider .wpr-advanced-slider, 
.main-slider .wpr-advanced-slider .wpr-slider-item-bg, 
.main-slider .wpr-advanced-slider .slick-list{
height: 1600px!important;
}
}
*/


@media (min-width: 1940px) {
.main-slider .wpr-advanced-slider,
.main-slider .slick-list,
.main-slider .slick-track,
.main-slider .wpr-slider-item,
.main-slider .wpr-slider-item-bg {
    height: 1200px !important; 
    min-height: 1200px !important;
  }
}


@media (min-width: 2400px) {
.main-slider .wpr-advanced-slider,
.main-slider .slick-list,
.main-slider .slick-track,
.main-slider .wpr-slider-item,
.main-slider .wpr-slider-item-bg {
    height: 1200px !important; 
    min-height: 1200px !important;
  }
}


@media (min-width: 2860px) {
.main-slider .wpr-advanced-slider,
.main-slider .slick-list,
.main-slider .slick-track,
.main-slider .wpr-slider-item,
.main-slider .wpr-slider-item-bg {
    height: 1200px !important; 
    min-height: 1200px !important;
  }
}


@media (min-width: 1470px) and (max-width: 1540px) {
    .main-menu .elementor-item {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 17px !important;
    }
}



@media (min-width: 1025px) and (max-width: 1280px) {
footer h2{
font-size: 14px!important;
}

   body .elementor-17 .elementor-element.elementor-element-13f0237 .elementor-nav-menu .elementor-item {
        font-size: 15px;
    }
    
    body .elementor-17 .elementor-element.elementor-element-376c1ef .elementor-nav-menu .elementor-item {
    font-size: 15px;
}

body .elementor-17 .elementor-element.elementor-element-65ce9b6 .elementor-nav-menu .elementor-item {
    font-size: 15px;
}
}



@media (min-width: 1025px) and (max-width: 1469px) {
.main-menu .elementor-item{
      padding-left: 7px!important;
    padding-right: 7px!important;
    font-size: 14px!important;
}

.header-button a {

    margin-left: 2px;
}
}

@media (max-width: 1318px) {
.boxes > .elementor-container > .box{
min-height: 379px!important;

}

.boxes > .elementor-container > .box:hover .icn, .boxes > .elementor-container > .box:hover .bttns {
    opacity: 1;
    max-height: 160px;
}
}


@media (min-width: 1024px) and (max-width: 1280px) {
  .new-slider .wpr-slider-content {
    margin-top: -300px!important;
  }

  
}


@media (max-width: 1199px) {
.globe > .elementor-widget-container {
    margin: 100px 0px 0px 0px!important;
}
}

@media (max-width: 1024px) {
.new-slider .wpr-slider-prev-arrow{
display: none!important;
opacity: 0;
visibility: hidden;
height: 0;
}


.new-slider .wpr-slider-next-arrow{
display: none!important;
opacity: 0;
visibility: hidden;
height: 0;
}
}


@media (max-width: 940px) {
.boxes > .elementor-container > .box{
    flex: 1 1 100%;
    min-height: 279px!important;
}

.boxes > .elementor-container > .box:hover .icn, .boxes > .elementor-container > .box:hover .bttns {
    opacity: 1;
    max-height: 100px;
}
}

@media (max-width: 1780px) {
.home-third{
background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
}
}


/* Between 1479px and 1614px */
@media (min-width: 1479px) and (max-width: 1614px) {
  header .elementor-nav-menu {
    padding-left: 0px;
    margin-left: 0px;
  }

  header .elementor-nav-menu .elementor-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Between 1025px and 1103px */
@media (min-width: 1025px) and (max-width: 1103px) {
  header .elementor-container .elementor-column:last-child {
    width: 76.068%;
  }
}



 @media (min-width: 992px) and (max-width: 1103px) { 
  .footer-1{
	width: 25%!important;
}

.footer-2{
	width: 75%!important;
}
}


 @media (min-width: 768px) and (max-width: 991px) { 
   .elementor-location-footer h2{
font-size: 1em!important;
} 
}


@media (max-width: 1179px) {
.form-cover span[data-name="sontiges"]{
    left: 100px;
}
}

@media (max-width: 991px) {
.footer-menu .elementor-nav-menu__align-end .elementor-nav-menu{
    justify-content: center;
    margin-inline-start: inherit;
}

.elementor-7 .elementor-element.elementor-element-61f1215 img {
    width: 310px;
}
}

@media (max-width: 768px) {

.main-slider .wpr-slider-content {
    margin-top: 0px !important; 
}


   body .elementor-17 .elementor-element.elementor-element-b4f9f29 {
            width: 57px;
    right: 0px!important;
    left: auto!important;
    }


.back{
    z-index: 9;

    position: relative!important;
    margin-top: -80px!important;
}


.header-button a {
    border: 2px solid #ffffff;
    margin-left: 0px;
}

.header-button a:hover {
    color: #ffffff;
}

.elementor-swiper-button.elementor-swiper-button-prev,
.elementor-swiper-button.elementor-swiper-button-next{
display: none!important;
}

.footer-menu .elementor-nav-menu__align-end .elementor-nav-menu{
    justify-content: center;
    margin-inline-start: inherit;
}

.footer-menu .elementor-nav-menu {
    justify-content: start!important;
    margin-inline-start: 0!important;
    margin-left: -8px !important;
}

.second-col.elementor-inner-column{
order: 2;
}

.globe > .elementor-widget-container {
    margin: 100px 0px 0px 0px!important;
}

.hexagon-left img {
    width: 120px!important;
    height: auto!important;
    margin-top: 20px;
}

.hexagon-right img {
    width: 120px!important;
    height: auto!important;
        margin-top: 80px;
}

.elementor-17 .elementor-element.elementor-element-0030039 > .elementor-widget-container {
    margin: 0;
    float: left; 
}
}

@media (max-width: 877px) {
    .form-cover span[data-name="sontiges"] {
        left: 100px;
        position: static !important;
    }
}


@media (max-width: 840px) {
.with-background{
    background-position: 20% 0%!important;
    background-size: cover;
}
}


@media (max-width: 768px) {
.elementor-17 .elementor-element.elementor-element-0030039 > .elementor-widget-container {
    margin: 0px 0px 0px 0px!important;
}

    .elementor-17 .elementor-element.elementor-element-a7dec68 > .elementor-element-populated {
        margin: 0px 0px 0px 0px!important;
    }
    
        .elementor-17 .elementor-element.elementor-element-3a01311 > .elementor-widget-container {
        padding: 0px 0px 0px 0px!important;
    }
    
    

    
}



@media (max-width: 600px) {
.boxes > .elementor-container > .box{
    flex: 1 1 100%;
    min-height: 320px!important;
}

.boxes > .elementor-container > .box:hover .icn, .boxes > .elementor-container > .box:hover .bttns {
    opacity: 1;
    max-height: 160px;
}
}

@media (max-width: 483px) {
.new-slider .wpr-slider-secondary-btn{
margin-top: 10px!important;
}
}








/* CSS Solution - Hide the first breadcrumb item */
#breadcrumbs span span:first-child {
    display: none;
}

/* Alternative CSS - Hide first link and following separator */
#breadcrumbs span span:first-child,
#breadcrumbs span span:first-child + span {
    display: none;
}