/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@media (max-width:800px){ 
	.fusion-text p:not(.fusion-text.nicht-klein-mobil p) {
    font-size: 15px;
  }
}

b, strong {
	font-weight: 600;
}

a.email:before {
	content: "\e903";
	font-family: 'schwarzkopf' !important;
	color: #fff;
    font-weight: 600;
    padding-right: 10px;
}

.fusion-tb-footer a:hover {
	color: #F9F9F9;
}

.fusion-tb-footer a {
	color: #fff;
}

.danke a.telefon:before, .danke a.email:before {
	color: #000;
}


/* --------------------------------- Header --------------------------------- */

.fusion-tb-header > .fusion-fullwidth {
	backdrop-filter: blur(5px);
}

@media (max-width:1415px){                                 
	.fusion-tb-header .header-button-slidebar > .fusion-column-wrapper {
		 justify-content: flex-end;
	}
	}
@media (max-width:1415px){ 
	.fusion-tb-header .header-menu {
		display: none !important;
	}
}

@media (max-width:1399px){ 

	.fusion-tb-header {
		 margin-bottom: -16px;
	}
}

@media (min-width:1101px) and (max-width:1399px) { 
.fusion-tb-header .fusion-layout-column.header-button-slidebar {
		width: 80%;
	}
}

.icon-schwarzkopftelefon:before {
	font-size: 18px;
    font-weight: 600;
}


/* Slidebar Off Canvas */
#awb-oc-3236 {
	z-index: 999999999;
}

a.telefon:before {
	font-family: 'schwarzkopf' !important;
	content: "\e90e";
	color: #fff;
	font-weight: 600;
	padding-right: 10px;
}

#awb-oc-3236 a.telefon {
	color: #fff;
}

#menu-sidebar-menu li a:not(#awb-oc-3236 #menu-sidebar-menu li:last-child a) {
	padding-bottom: 0;
}

#menu-sidebar-menu ul.awb-menu__sub-ul {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

@media (max-width:400px){ 
	#awb-oc-3236 {
	--awb-border-top-left-radius: 0 !important;
    --awb-border-bottom-left-radius: 0 !important;
	}
}

#awb-oc-3236 .awb-off-canvas .awb-off-canvas-inner {
	 border-radius: 0 !important;
}
}

/* Standard: alle Browser */
@media (max-width: 800px) {
  #awb-oc-3236 .awb-off-canvas {
    height: 100vh !important;
  }
}

/* Nur Firefox */
@-moz-document url-prefix() {
  @media (max-width: 800px) {
    #awb-oc-3236 .awb-off-canvas {
      height: 88vh !important;
    }
  }
}

@media (max-width: 800px) {
  #awb-oc-3236 .awb-off-canvas {
    width: auto;
  }
}




/* --------------------------------- Mega Menü --------------------------------- */

/* Overlay im Grundzustand */
html::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 999999990;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

/* Overlay nur anzeigen, wenn ein Mega Menü wirklich per Hover/Fokus offen ist */
html:has(.awb-menu_em-hover .awb-menu__li:hover > .awb-menu__mega-wrap)::after,
html:has(.awb-menu_em-hover .awb-menu__li:focus-within > .awb-menu__mega-wrap)::after {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, visibility 0s linear 0s;
}

/* Mega Menü über dem dunklen Overlay halten */
.awb-menu__mega-wrap {
  z-index: 999999999 !important;
}

/* Header / Navigation ebenfalls über dem Overlay halten */
.fusion-tb-header,
.fusion-header-wrapper,
.awb-menu {
  position: relative;
  z-index: 999999999 !important;
}

.awb-menu__mega-wrap .fusion-layout-column .fusion-column-wrapper.fusion-column-has-bg-image {
	background: linear-gradient(to top, #ffffffd4 0%, #ffffff00 50%);
}


@media (max-width:800px){ 
	.einleitung-animiert p {
		font-size: 30px !important;
	}
}

/* --------------------------------- Hero Start --------------------------------- */

.hero-start .fusion-layout-column.fusion-animated {
	backdrop-filter: blur(5px);
	border-radius: 10px;
}

@media (max-width:1100px){ 
	.hero-start .fusion-layout-column.fusion-animated.fusion-builder-column-9 {
		order: 2;
	}
	.hero-start .fusion-layout-column.fusion-animated.fusion-builder-column-10 {
		order: 1;
	}
	
	.hero-start {
		min-height: 650px !important;
	}
}

.fuenf-sterne p:after {
	 content: "\e905";
	 font-family: 'schwarzkopf' !important;
	color: #fff;
	 padding-left: 12px;
	background-repeat: no-repeat;
}
.google p:before {
	content: "";
	background-image: url("/wp-content/uploads/2026/04/google-logo-weiss.svg");
	position: absolute;
	width: 80px;
	height: 30px;
	background-repeat: no-repeat;
    left: 0;
    top: 1px;
}
.google p {
	padding-left: 88px;
    position: relative;
}
.usp-mobile .fuenf-sterne p:after {
	color: #000;
}
.usp-mobile .google p:before {
	background-image: url("/wp-content/uploads/2026/04/google-logo-sw.svg");
}
@media (min-width:423px){ 
	.usp-mobile .google p:before {
		 top: -6px;
	}
}

/* --------------------------------- Küchenarbeitsplatte nach Maß + Handwerk seit 1913 Startseite --------------------------------- */
.arbeitsplatte-mass {
	margin-left: 40px !important;
    margin-right: 40px !important;
	justify-content: flex-start !important;
}

.arbeitsplatte-mass > .fusion-builder-row >.fusion-layout-column {
	backdrop-filter: blur(5px);
	background-color: #ffffff44;
    border-radius: 15px;
}

.blur-dunkel > .fusion-builder-row >.fusion-layout-column {
	backdrop-filter: brightness(0.85) contrast(0.9) blur(5px);
	background-color: transparent;
    border-radius: 15px;
}

@media (max-width:800px){ 
	.arbeitsplatte-mass {
	margin-left: 0 !important;
    margin-right: 0 !important;
}
}

/* --------------------------------- Post Cards Leistungen --------------------------------- */
.fusion-post-cards > .swiper-wrapper {
	height: 550px;
}

.fusion-post-cards .fusion-builder-row {
	background: linear-gradient(to top, #ffffffd4 0%, #ffffff00 50%);
    height: -webkit-fill-available;
    align-content: flex-end;
    padding: 10px 30px !important;
}

.fusion-post-cards .awb-swiper-button-prev {
	right: 130px !important;
    left: inherit;
	bottom: 0;
    top: inherit;
	opacity: 1 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
}

.fusion-post-cards .awb-swiper-button-next {
	right: 80px !important;
    left: inherit;
	bottom: 0;
    top: inherit;
	opacity: 1 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
}

.fusion-post-cards {
	padding-bottom: 80px !important;
}

@media (max-width:800px){ 
	.fusion-post-cards .awb-swiper-button-prev {
		right: 84px !important;
	}
	.fusion-post-cards .awb-swiper-button-next {
		right: 24px !important;
	}
	.fusion-post-cards {
	padding-bottom: 60px !important;
}
}



/* --------------------------------- Portfolio --------------------------------- */
.fusion-portfolio-post {
	pointer-events: none;
  	cursor: default;
}

.fusion-portfolio-element .fusion-filters {
	border: none !important;
}

.fusion-portfolio-element .fusion-filters .fusion-filter.fusion-active a {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
}

.fusion-portfolio-element .fusion-filters .fusion-filter a {
	font-size: 16px;
}


/* --------------------------------- Kundenstimmen --------------------------------- */

.kundenstimmen .fusion-content-tb > .fusion-fullwidth {
	padding: 0;
}
.kundenstimmen .fusion-content-tb > .fusion-fullwidth > .fusion-builder-row {
	padding: 10px !important;
}

.kundenstimmen .fusion-content-tb > .fusion-fullwidth > .fusion-builder-row .fusion-text p {
	font-size: 16px;
    line-height: 1.5;
}

.kundenstimmen .swiper-wrapper {
	height: auto;
}

@media (max-width:767px){ 
	.fuer-wen-piktogramme .fusion-content-boxes .fusion-column.content-box-column {
		width: 33%;
        float: left;
	}
}
@media (max-width:584px){ 
.fuer-wen-piktogramme .fusion-content-boxes .fusion-column.content-box-column {
		width: 50%;
	}
}



/* --------------------------------- Ablauf --------------------------------- */

.ablauf .fusion-column.content-box-column {
	margin-bottom: 0;
}
.ablauf .content-box-shortcode-timeline-vertical {
	border-color: #B3B3B3 !important;
    border-left-style: dotted !important;
    border-left-width: 2px !important;
}

/* --------------------------------- Anfrageformular --------------------------------- */

form.fusion-form-2584 .fusion-form-image-select label > span {
	font-size: 15px;
	text-align: left;
	order: 2;
}

form.fusion-form-2584 .fusion-form-image-select label picture {
	order: 1;
}

form.fusion-form-2584 .fusion-form-image-select label {
	display: grid;
}

form.fusion-form-2584 .fusion-form-image-select, form.fusion-form-2584 .fusion-form-image-select label {
	margin: 0 !important;
}

form.fusion-form-2584 > .awb-form-step > .fusion-fullwidth {
	padding: 0;
}

form.fusion-form-2584 .fusion-form-checkbox label:before, form.fusion-form-2584 .fusion-form-text-field input, form.fusion-form-2584 .fusion-form-email-field input, form.fusion-form-2584 .fusion-form-phone-number-field input {
	border: 1px solid #838383 !important;
}

form.fusion-form-2584 .fusion-form-text-field input, form.fusion-form-2584 .fusion-form-email-field input, form.fusion-form-2584 .fusion-form-phone-number-field input {
	background-color: #fff;
	height: 50px;
}

@media (max-width:1100px){ 
	.telefon-ueber-formular a {
		 font-size: 14px !important;
	}
}

@media (max-width: 799px){
/*Kundenstimmen mobil nicht abgeschnitten*/
.kundenstimmen .swiper-wrapper .swiper-slide, .kundenstimmen .swiper-wrapper .swiper-slide .fusion-carousel-item-wrapper   {min-height: fit-content;}

}


@media (max-width:469px){ 
	#wrapper form.fusion-form-2584 .fusion-form-field {
		    --awb-width: 140px !important;
	}
	
}
@media (max-width:422px){ 
	#wrapper form.fusion-form-2584 .fusion-form-field {
		    --awb-width: 130px !important;
	}
	.awb-form-nav__tl-step {
	padding: 10px !important;
}
	
}

@media (max-width:370px){ 
	#wrapper form.fusion-form-2584 .fusion-form-field {
		    --awb-width: 119px !important;
		--awb-height: 77px !important;
	}
	
}

@media (max-width:518px){
	.telefon-ueber-formular .fusion-layout-column, .telefon-ueber-formular .fusion-layout-column .fusion-column-wrapper div, .telefon-ueber-formular .fusion-layout-column .fusion-column-wrapper div a {
		width: 100%;
	}
	.telefon-ueber-formular .fusion-layout-column {
		margin-bottom: 10px;
	}
	.telefon-ueber-formular .awb-button-text-transition  {
		justify-content: center;
	}
}