/*
Theme Name: Mezotix Info
Version: 10
Template: mz
*/

b, strong {
    font-weight: 600!important;
}


/*H1 Orange*/
.h1orange {color: rgb(250, 165, 28);}

/* Vorher Nachher*/
.vornach-padding {padding: 30px 0 0px}

.vornach-padding img:hover {padding: 1px;}

.vornach-text {padding: 0 20px 0 0!important}
.vornach-text  .vc_column-inner {border-top: 1px solid #e1a41a;
    border-spacing: 10px;
	border-right: 1px solid #faa51c;}

.vornach-text .vc_column-inner:after {
	float: right;
	border-radius: 15px;
    background-color: #faa51c;
	margin-right: -25px;
}

.btn-jump-form .button.button_scope_1, .btn-jump-form .button.button_scope_2 {animation: btnamim 2s infinite; border-width: 3px; border-style: groove}
@keyframes btnamim {
	1% {border-color: #faa51c;}
  	50% {border-color: #fff;}
  	100% {border-color: #faa51c;}
}


.btn-jump-form2 .button.button_scope_3 {background: #3E3E3E; animation: btnamim2 2s infinite; border-width: 3px; border-style: groove}
@keyframes btnamim2
{
	1% { background-color: #8C8C8C; border-color: #faa51c;}
	50% { background-color: #E5E5E5; border-color: #faa51c; color: #000}
	100% { background-color: #878787; border-color: #fff;}
}





/*Bildgröße Mobil*/



@media screen and (max-width: 480px) {
	
	.before-after img, .vorteile img  {width: 85%; margin: auto}

}

/*Menu*/

/*Mobil Navi auf Startseite ausblenden*/
.home .responsive_navigation {display: none!important}
/**/

#navigation  ul li a {background: #F0F0F0}

/*Video*/
/*Aus Borlabs youtube-content-blocker*/
.aspect9-16 .brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube{aspect-ratio: 9/16;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/*
.aspect16-9 .brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}*/

.wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper, .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 0!important;
}


.aspect9-16 .brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe {width: 99.5%!important}

.img-overlay1 img {margin: -149px -45px 1px -130px;
    position: absolute;}

@media screen and (max-width: 480px) {
	
.img-overlay1 img {margin: -149px -45px 1px -66px;}
}

.border-top .wpb_wrapper{margin: 15px 0; border-top: 1px solid #e1a41a;}

.border-top p {text-align: right}

@media screen and (max-width: 480px) {
.border-top p {text-align: center; margin-bottom: 15px!important}
}


/*Stoerer*/

.videoblock2 {padding-bottom: 200px}
.videoblock2 .vc_shape-divider-wrap {bottom: -90px}
@media screen and (max-width: 480px) {
	
.videoblock2 {padding-bottom: 140px}	
	.videoblock2 .vc_shape-divider-wrap {bottom: 0}	
}

.stoerer1 {
-webkit-box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.75);
box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.75);
}

.stoerer1 h3 {font-weight: 300; font-size: 22px}


.logo-underline img {margin-bottom: 10px}

.logo-underline  .vc_column-inner {border-bottom: 1px solid #e1a41a;
    border-spacing: 10px;
}

.logo-underline .vc_column-inner:after {
	float: right;
	border-radius: 15px;
    background-color: #faa51c;
    border-color: transparent;
    border-style: solid;
   margin-right: -18px;
    margin-top: -9px;
}

@media screen and (max-width: 480px) {
.logo-underline .vc_column-inner:after {margin-right: -15px;}
}


/**/
@media screen and (max-width: 480px) {
.order  { display:flex!important;}	
.order { flex-direction:column-reverse!important}
}


.vorteile .wpb_wrapper, .vorteile .wpb_wrapper .wpb_text_column{padding: 30px 0}

@media screen and (max-width: 480px) {
	
	.vorteile h3 {text-align: center;}
	.vorteile p {hyphens: auto}
	
	.vorteile .wpb_wrapper .wpb_text_column {padding-top: 60px}
	.vorteile .wpb_wrapper {padding: 0}
	
}


/**/

.padding90-90 {padding: 90px 0 90px}

.padding90-40 {padding: 90px 0 40px}

.space100-40 {margin: 100px 0 40px 0}

.space100 {padding: 100px 0 100px 0}

@media screen and (max-width: 480px) {
	
.space100 {padding: 50px 0 100px 0}	
	
.padding90-90 {padding: 40px 0 70px}

.padding90-40 {padding: 40px 0 70px}	
	
.space100-40 {margin: 40px 0}	
}


@media screen and (max-width: 480px) {
	
	h1 {font-size: 36px!important}	
	
	
}


.feedback {padding: 70px 0 90px}

@media screen and (max-width: 480px) {
	
	.feedback {padding: 20px 0}
	
	
}

.feedback p {font-size: 14px; line-height: 23px}

.feedback-textbox {margin: 80px 0}

@media screen and (max-width: 480px) {
.feedback-textbox {margin: 120px 0}
}

.feedback-textbox .vc_column-inner .wpb_wrapper{background: #fff; padding: 10px}

.image-feedback img{   
	position: absolute;
    top: -80px;
    right: 20px;
    left: 20px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 0 auto;
}

.feedback-textbox-innen {padding-top: 50px; min-height:300px}

.col1.animated {animation-delay: 400ms;}
.col2.animated {animation-delay: 500ms;}
.col3.animated {animation-delay: 600ms;}
/**/

/*Kontakt*/

.kontakt {
	background: #fafafa url(/wp-content/uploads/2024/03/footer-bg.jpg?id=131)!important;

	background-repeat: no-repeat!important;
	background-position: center!important}

.kontakt a {color: #fff}
.kontakt a:hover {color: #C8C8C8}

/*Form*/

.formtop {margin: 80px 0 55px}

.form-body {border: #faa51c solid 6px;
	margin: 25px 0;
-webkit-box-shadow: -3px 5px 15px 5px rgba(0,0,0,0.29); 
box-shadow: -3px 5px 15px 5px rgba(0,0,0,0.29);	
background: #f9f9f9;
}

/*.form-body .vc_column-inner{
-webkit-box-shadow: -3px 5px 15px 5px rgba(0,0,0,0.29); 
box-shadow: -3px 5px 15px 5px rgba(0,0,0,0.29);

}*/


.anfrageform {margin: 25px 50px 80px;}

.wpcf7-form label{font-size: 16px!important; color: #000;padding:0 10px}

.form-anmerkung {margin-top: 25px}

.wpcf7-form textarea, .wpcf7-form textarea:focus {font-size: 16px; border-color: #000; margin: 7px 0; color: #000}

@media screen and (max-width: 480px) {
	.anfrageform {margin: 25px 0 80px}
}

.anfrageform span {border-bottom: 1px solid #000}

.anfrageform input::placeholder {color: #000}

.anfrageform input[type=text], .anfrageform input[type=email] {border: none; background: transparent; margin:25px 0 5px!important; color: #000; font-size: 1rem;}

.formtop h2 {text-align: center; font-size: 40px}

.sendbtn {margin: 60px 0 20px}
.sendbtn p {text-align: center}

.sendbtn .wpcf7-spinner {display: block; margin: 15px auto 0}



.wpcf7-acceptance .wpcf7-list-item {margin: 25px 0;}

.anfrageform .datenschutz  span   {border-bottom: none!important}

.datenschutz {margin-top:25px}

.wpcf7 form.sent .wpcf7-response-output {
	text-align: center;
    font-weight: 600;
    margin: 41px 0;
    border: 6px solid #46b450!important;
    border-radius: 25px;}

.wpcf7 form.invalid .wpcf7-response-output {
	text-align: center;
    font-weight: 600;
    margin: 41px 0;
    border: 6px solid #A70000!important;
    border-radius: 25px;}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: .8em;
    font-weight: normal;
    display: block;
	padding: 0 10px;}