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

:root {
    --themecolor: #FEFEB5;
    --themecolorrgb: 254,254,181;
    --secondcolor: #869B89;
    --secondcolorrgb: 134,155,137;

    --anthrazitgraucolor: #595853;
    --anthrazitgraucolorrgb: 89,88,83;

    --gelbhell: #F9F6EB;
    --gelbhellrgb: 249,246,235;

    --creme: #f2f1ed;
    --cremergb: 242,241,237;

    --gruendunkel: #384039;
    --gruendunkelrgb: 56,64,57;

    --textcolor: #595853;
    --textcolorrgb: 89,88,83;

    --bluecolor: #526e92;
    --bluecolorrgb: 82,110,146;
    --bluelightcolor: #ebf5ff;
    --bluelightcolorrgb: 235,245,255;
    --beigecolor: #eeefef;
    --beigecolorrgb: 238,239,239;
    --lightgreycolor: #e8eaf2;
    --lightgreycolorrgb: 232,234,242;
    --greycolor: #dddddc;
    --greycolorrgb: 221,221,220;
    --darkgreycolor: #6b6b6b;
    --darkgreycolorrgb: 107,107,107;
    --browncolor: #AB9E80;
    --browncolorrgb: 171,158,128;
    --yellowcolor: #EEB033;
    --yellowcolorrgb: 238,176,51;
    --whitecolor: #FFFFFF;
    --whitecolorrgb: 255,255,255;


}


h1, h2, h3, h4, h5 {

}



/* Header */
.fusion-tb-header .fusion-fullwidth{
    position: relative;
    z-index: 100;
}


/* TopNav */


/* Nav */
@media (min-width: 1025px) {
    ul#menu-hauptnavigation > li {
        overflow: visible;
    }
    ul#menu-hauptnavigation > li > a {
        transition: transform .18s ease;
        transform-origin: center;
        will-change: transform;
    }
    /* Hover & Fokus */
    ul#menu-hauptnavigation > li:hover > a,
    ul#menu-hauptnavigation > li:focus-within > a {
        transform: scale(1.08);
    }
    /* Aktiver/aktueller Menüpunkt */
    ul#menu-hauptnavigation > li.current-menu-item > a,
    ul#menu-hauptnavigation > li.current_page_item > a,
    ul#menu-hauptnavigation > li.current-menu-ancestor > a {
        transform: scale(1.08);
    }
}
/* Barrierearm: Bewegungen minimieren, wenn gewünscht */
@media (prefers-reduced-motion: reduce) {
    .fusion-main-menu a { transition: none !important; }
}

/*
#menu-hauptnavigation li.menu-item a::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    border-right: 1px solid var(--darkgreycolor);
    margin-left: calc(var(--awb-items-padding-left) + var(--awb-border-left) + var(--awb-items-padding-right) + var(--awb-border-right));
}
#menu-hauptnavigation li.menu-item:last-child a::after {
    display: none;
}
*/
.awb-menu__highlight {
    margin-inline-start: 0.35em;
}



/* Sticky */



/* Navigation Fixed */
#fixednav {
    position: fixed;
    right: 0;
    top: 34%;
    z-index: 98;
}
#fixednav ul,
#fixednav li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#fixednav li a {
    display: block;
    background: rgba(5,89,151,0.8);
    margin-bottom: 2px;
    padding: 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    width: 70px;
    height: 70px;
    line-height: 75px;
    box-shadow: 1px 1px 10px 7px rgba(0,0,0,0.06);

}
#fixednav li a:hover {
    background: rgba(5,89,151,1);
}
#fixednav li a i:before {
    font-size: 30px;
}


/* Banner */
.wpb_revslider_element *,
.wpb_revslider_element,
.wpb_revslider_element div,
.wpb_revslider_element p,
.wpb_revslider_element ul,
.wpb_revslider_element span,
.wpb_revslider_element a {
    /*font-family: "Fuzzy Bubbles", Arial, Helvetica, sans-serif !important;*/
}



/* Accordion */


/* Widgets */


/* PopUp/Modal */


/* Caption Image */
.fusion-imageframe.awb-imageframe-style-resa {
    border-radius: 25px;
}
.fusion-imageframe.awb-imageframe-style-resa .fusion-masonry-element-container,
.awb-imageframe-style-resa img {

}
.awb-imageframe-style-resa img,
.awb-imageframe-style-resa .fusion-masonry-element-container {
    opacity: 0.4 !important;
}
.fusion-imageframe.awb-imageframe-style-resa .awb-imageframe-caption-container:before,
.fusion-imageframe.awb-imageframe-style-resa .awb-imageframe-caption-container:after {
    opacity: 1 !important;
    transform: none !important;
    border-radius: 25px;
}
.fusion-imageframe.awb-imageframe-style-resa .awb-imageframe-caption {
    justify-content: end;
    padding-bottom: 10px;
}


/* PORTFOLIO */
/* Portfolio Grid */
.fusion-portfolio-content-wrapper .fusion-image-wrapper {
    height: 220px;
    overflow: hidden;
}
.fusion-portfolio-content-wrapper .fusion-image-wrapper img {
    height: auto !important;
    max-width: none;
    width: 100%;
}


/* GALLERY */
/* Caption */
.fusion-gallery-column.awb-imageframe-style-1 {


}
.fusion-gallery-column.awb-imageframe-style-1 .awb-imageframe-caption-container {
    position: absolute;
    left: 5px;
    top: auto;
    bottom: 5px;
    z-index: 999;
    width: calc(100% - 10px);
    background-color: rgba(var(--greycolorrgb),0.5);
    font-weight: 700;
}
.fusion-gallery-column.awb-imageframe-style-1 .awb-imageframe-caption-container .awb-imageframe-caption-text {
    margin: 0;
    padding: 5px;
}


/* CHECKLIST */
#wrapper .fusion-checklist .icon-wrapper {
    width: auto;
}
/*#wrapper .fusion-checklist .fusion-li-item-content {
    margin-inline-start: 38px;
}*/


/* TESTIMONIALS */
.testimonials-custom-container .fusion-column-wrapper {
    position: relative;
}
.testimonials-custom-container .fb-icon-element {
    position: absolute;
    left: 40px;
    top: 30px;
}
.testimonials-custom-container .fusion-content-tb p {
    margin-bottom: 10px;
}


/* Footer */
.fusion-footer * {

}

.fusion-footer .awb-menu {

}


/* News */


/* Typography */
.font-family-caveat {
    font-family: "Caveat", Arial, Helvetica, sans-serif !important;
}
.font-family-fuzzy-bubbles {
    font-family: "Fuzzy Bubbles", Arial, Helvetica, sans-serif !important;
}
.font-family-sarabun {
    font-family: Sarabun, Arial, Helvetica, sans-serif !important;
}

.font-weight-ultralight {
    font-weight: 100;
}
.font-weight-light {
    font-weight: 200;
}
.font-weight-book {
    font-weight: 300;
}
.font-weight-normal {
    font-weight: 400;
}
.font-weight-medium {
    font-weight: 500;
}
.font-weight-semibold {
    font-weight: 600;
}
.font-weight-extrabold {
    font-weight: 800;
}

ol li {
    margin-bottom: 1em;
}

.lead,
.lead-small,
.lead-large,
.lead-xlarge {
    font-size: 40px;
    text-transform: none;
    color: var(--themecolor);
    font-weight: 700;
    line-height: 1em;
}
.lead-small {
    font-size: 26px;
    margin-bottom: 10px !important;
}
.lead-large {
    font-size: 50px;
    line-height: 1.1em;
}
.lead-xlarge {
    font-size: 70px;
    line-height: 1.1em;
}
.small {
    font-size: 20px;
}
.small-smaller {
    font-size: 19px;
}

strong, b {
    font-weight: 700;
}

.color {
    color: var(--themecolor);
}
.color-gelb {
    color: var(--themecolor);
}
.color-gelb-hell {
    color: var(--gelbhell);
}

.color-creme {
    color: var(--creme);
}
.color-anthrazitgrau {
    color: var(--anthrazitgraucolor);
}

.color-gruen {
      color: var(--secondcolor);
}
.color-gruen-dunkel {
    color: var(--gruendunkel);
}
.color-grey {
    color: var(--greycolor);
}
.color-dark-grey {
    color: var(--darkgreycolor);
}
.color-white,
.color-white a {
    color: #ffffff;
}
.color-black,
.color-black a {
    color: #1e1c1d;
}

.bg-themecolor {
    background-color: var(--themecolorrgb);
    padding: 8px 15px 10px 15px;
}
.bg-secondcolor {
    background-color: var(--secondcolorrgb);
    padding: 8px 15px 10px 15px;
}


.awb-imageframe-style-below .awb-imageframe-caption-container .awb-imageframe-caption-text {
    margin-top: 0.1em !important;
}

/* Blog */


/* Forma Avada */



/* Form */
form.wpcf7-form {

}
.wpcf7-form * {
    color: var(--darkgreycolor);
}
input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea, label {
    font-family: Sarabun, Arial, Helvetica, sans-serif !important;
}
.wpcf7-form span {

}
.wpcf7-form label {
    display: none;
}

.wpcf7 .input-text,
.wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea {
    padding: 5px 0 7px 25px;
}
.wpcf7 .input-text::placeholder,
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-weight: 700;
    opacity: 0.6;
    color: var(--textcolor);
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-radio, .wpcf7-form .wpcf7-form-control-wrap .wpcf7-checkbox {
    margin-bottom: 12px;
    display: inline-block;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-checkbox > span {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-checkbox.datenschutz > span {
    width: 100%;
}

.wpcf7-form .wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7-form span span.wpcf7-acceptance .wpcf7-list-item-label {
    display: inline;
    width: auto;
    margin-left: 5px;
}
.wpcf7-form .mk-grid {
    margin-left: -20px;
    margin-right: -20px;
}
input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea {
    width: 100% !important;
    margin-bottom: 14px;
    border-radius: 50%;
}
body.wunderpo .wpcf7-form input:not(.wpcf7-submit),
body.wunderpo .wpcf7-form textarea {
    padding: 18px 0 18px 25px;
}
body.wunderpo .wpcf7-form input:not(.wpcf7-submit) {
    height: auto;
}

/*div.wpcf7-response-output {
	display: none;
}*/
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    background-color: rgba(var(--themecolorrgb), 1);
    border: 1px solid var(--anthrazitgraucolor);
    color: var(--textcolor);
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
    /*border-color: #055997;
    background-color: #055997;*/
    color: #fff !important;
}
span.wpcf7-not-valid-tip {
    color: #f00 !important;
    width: auto;
}

/* Button-Arrow-Styling */
.wpcf7 .wpcf7-submit.arrow-submit {
    width: 50px;
    height: 100%;
    border: none;
    background: var(--anthrazitgraucolor);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, transform .2s ease;
}
.wpcf7 .wpcf7-submit.arrow-submit i {
    color: #fff;
    font-size: 18px;
    transition: transform .2s ease;
}
.wpcf7 .wpcf7-submit.arrow-submit:hover i {
    transform: translateX(4px);
}
.wpcf7 .wpcf7-submit.arrow-submit:hover {
    background: #333;
}



.wpcf7-form #feedbackform * {
    margin-bottom: 0;
    margin-top: 0;
}
.wpcf7-form #feedbackform p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.wpcf7-form #feedbackform .fusion-layout-column.fusion-one-third.fusion-column-first {
    padding-right: 20px;
}
.wpcf7-form #feedbackform .fusion-layout-column.fusion-one-third {
    width: auto;
}








/* Videos */
/*
video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
*/

/* Cookie Notice */
/*
body:not(.cookieNotice-hidde) {
	padding-bottom: 47px;
}
.cookieNotice {
  background: #fff;
  text-align: center;
  width: 100%;
  padding: 4px 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 311;
  border-top: 1px solid #055997;
  font-size: 15px;
  display: none;
}
.cookieNotice div,
.cookieNotice section {
	margin: 0;
	padding: 0;
}
.cookieNotice p {
  margin: 0;
}
.cookieNotice a {
  color: #055997;
  margin: 0 10px 10px 10px;
}
.cookieNotice .cookieNoticeCloser {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  padding: 4px 20px;
  width: auto;
  font-weight: 300;
  font-family: inherit;
  background: #055997;
  color: #fff;
}
@media (max-width:991px) {
	body:not(.cookieNotice-hidde) {
		padding-bottom: 117px;
	}
	.cookieNotice a {
		display: block;
	}
}
@media (max-width:675px) {
	body:not(.cookieNotice-hidde) {
		padding-bottom: 147px;
	}

}
@media (max-width:480px) {
	body:not(.cookieNotice-hidde) {
		padding-bottom: 147px;
	}

}
*/



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1199px) {

}

@media (max-width: 1140px) {

}

@media (max-width:991px) {
    .lead,
    .lead-small,
    .lead-large,
    .lead-xlarge {
        font-size: 34px;
    }
    .lead-small {
        font-size: 24px;
    }
    .lead-large {
        font-size: 40px;
    }
    .lead-xlarge {
        font-size: 40px;
    }
    .lead-xlarge.font-family-caveat {
        font-size: 60px;
    }
}

@media (max-width:767px) {

    .fusion-tb-header .fusion-flex-justify-content-flex-end {
        justify-content: start !important;
    }
    .fusion-tb-header .fusion-flex-justify-content-flex-end .fa-envelope {
        margin-right: 20px !important;
    }

    h1, h1 * {
        font-size: 40px !important;
    }
    h2, h2 * {
        font-size: 32px !important;
    }

    h3, h4, h5,
    h3 *, h4 *, h5 * {
        font-size: 18px !important;
    }
    .fusion-title-typeIn .fusion-title-heading,
    .fusion-title-typeIn .fusion-title-heading * {
        font-size: 36px !important;
    }

    .lead,
    .lead-small,
    .lead-large,
    .lead-xlarge {
        font-size: 34px;
    }
    .lead-small {
        font-size: 24px;
    }
    .lead-large {
        font-size: 35px;
    }
    .lead-xlarge {
        font-size: 40px;
    }
    .lead-xlarge.font-family-caveat {
        font-size: 40px;
    }
    .small {
        font-size: 19px;
    }
    .small-smaller {
        font-size: 18px;
    }

    .fusion-checklist .fusion-li-item-content {
        line-height: 30px !important;
        /*margin-inline-start: 38px !important;*/
    }
    .fusion-checklist .fusion-li-item-content,
    .fusion-checklist .icon-wrapper {
        font-size: 22px !important;
    }

    body.wunderpo .wpcf7 .wpcf7-submit.arrow-submit {
        width: 80px;
        height: 40px;
        margin-top: 4px !important;
    }

    .testimonials-custom-container .fb-icon-element {
        left: 10px;
        font-size: 18px !important;
    }

    .button-amazon {
        font-size: 19px !important;
    }

}

@media (max-width:480px) {

}


@media (min-width: 481px) {

}

@media (min-width: 768px) {
    /* min-height-480 Teaser */
    .min-height-480 {
        min-height: 488px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1141px) {

}

@media (min-width: 1200px) {

}


@media (min-width:481px) and (max-width:991px) {

}