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


/*
** VARIABLES
*/
 :root {
    --mb-dark-blue: #005ac3;
    --mb-light-blue: #85b2ca;
    --mb-black: #071116;
    --mb-dark-grey: #4c5055;
    --mb-light-grey: #d6dce1;
}


/*
** HACKY HELPERS
*/
.copyright-text {
    padding: 8px;
    font-size: 11px;
    transform: translateY(-100%);
    pointer-events: none;
    user-select: none;
    filter: invert(1);
    mix-blend-mode: difference; 
}

/*
** HEADER / MENU / LOGO / SLIDER
*/

html.avada-header-color-not-opaque .fusion-header-wrapper .fusion-header {
    padding: 0 !important;
}

.fusion-main-menu > ul > li > a {
    text-transform: uppercase;
}
.fusion-main-menu .current-menu-item > a, 
.fusion-main-menu .current_page_item > a {
    color: #ffffff !important;
}
.fusion-main-menu .current-menu-item:hover > a, 
.fusion-main-menu .current_page_item:hover > a {
    color: var(--mb-dark-blue) !important;
}

.fusion-standard-logo {
    max-height: 165px !important;
}

.fusion-scroll-section-element h1,
.fusion-scroll-section-element h2 {
    text-transform: uppercase;
}

#sliders-container .flexslider {
    position: relative !important;
}

#sliders-container .fusion-slider-container,
#sliders-container .flexslider,
#sliders-container .flexslider .slides,
#sliders-container .flexslider .slides .background-image {
    min-height: 100vh !important;
}

#sliders-container .flexslider .slides {
    background-color: var(--mb-black) !important;
}

#sliders-container .tfs-slider .background-image {
    opacity: .62 !important;
}

#sliders-container .fusion-title-sc-wrapper {
    width: 100% !important;
}

#sliders-container .slide-id-3914 .fusion-text {
    font-weight: 100 !important;
    text-align: right !important;
}

/*KARRIERE MACHEN*/
#sliders-container .slide-id-3837 .slide-content-container {
    margin-top: 0.5vh !important;
}
/*UNSERE UNTERNEHMEN*/
#sliders-container .slide-id-3914 .slide-content-container {
    margin-top: 24vh !important;
}
/*ZUKUNFT GEMEINSAM GESTALTEN*/
#sliders-container .slide-id-3932 .slide-content-container {
    margin-top: 5.5vh !important;
}

#sliders-container .tfs-slider .slide-content-container {
    padding-left: 128px !important;
    padding-right: 64px !important;
}
#main .fusion-fullwidth {
    padding-left: 128px;
    padding-right: 64px;
}
#main .fusion-fullwidth.karriere {
    padding-right: 10px !important;
}
#benefits-container.fusion-fullwidth {
    padding-left: 64px !important;
    padding-right: 64px !important;
}

#main .fusion-fullwidth.karriere .fusion-builder-row-inner {
    height: 100% !important;
}
#main .fusion-fullwidth.karriere .muellerbleher .fusion-column-wrapper {
    background-size: 130% !important;
    background-position-x: left !important;
    background-position-y: 15vh !important;
}

#main .fusion-fullwidth.karriere .muellerbleher .prosa {
    max-width: 50%;
    align-self: end;
}
#main .fusion-fullwidth.karriere .faktorlicht .fusion-column-wrapper {
    background-size: 170% !important;
    background-position-x: 25% !important;
    background-position-y: 16vh !important;
}
#main .fusion-fullwidth.karriere .movetexx .fusion-column-wrapper {
    background-size: 320% !important;
    background-position-x: 55% !important;
    background-position-y: 18vh !important;
}
#main .fusion-fullwidth.karriere .mbsystems .fusion-column-wrapper {
    background-size: 135% !important;
    background-position-x: 35% !important;
    background-position-y: 18vh !important;
}
#main .fusion-fullwidth.karriere .mbglobal .fusion-column-wrapper {
    background-size: 120% !important;
    background-position-x: 50% !important;
    background-position-y: 17vh !important;
}

#main .fusion-fullwidth.karriere .prosa {
    margin-right: -12px !important;
    margin-left: -12px !important;
    font-size: 0.65vw !important;
}
#main .fusion-fullwidth.karriere .bigger {
    font-size: 0.75vw !important;
}
#main .fusion-fullwidth.karriere .prosa .link {
    margin-bottom: 0 !important;
}

.fusion-post-title-meta-wrap {
    margin-bottom: 0;
}
.category-aktuelles .fusion-post-title-meta-wrap .fusion-post-title,
.category-news .fusion-post-title-meta-wrap .fusion-post-title,
.category-karriere .fusion-post-title-meta-wrap .fusion-post-title {
    display: none !important;
}
.category-aktuelles .fusion-post-slideshow .fusion-post-title,
.category-news .fusion-post-slideshow .fusion-post-title,
.category-karriere .fusion-post-slideshow .fusion-post-title {
    display: block !important;
}

.fusion-body .fusion-flexslider .flex-direction-nav a {
    width: 48px !important;
}

/* 
** NEWSLETTER
*/
.newsletter-content .fusion-text p {
    text-align: justify !important;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}
.newsletter-content .caption p {
    text-align: left !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}
.newsletter-content .alignleft, 
.newsletter-content .fusion-alignleft {
    margin-right: 20px !important;
    margin-bottom: 20px !important;
}


/*
** KARRIERE
*/

.hacky-bg {
    background-size: 50% !important;
}

/* FAQs */
.fusion-panel {
    border-left: 0 !important;
    border-right: 0 !important;
    margin-bottom: -1px !important;
}

/* KACHEL */
.karriere-kachel .fontawesome-icon {
    border-radius: 0 !important;
}
.karriere-kachel .fontawesome-icon::before {
    display: block !important;
    transform: rotate(0deg) !important;
    transition: all .25s ease !important;
}
.karriere-kachel.toggled .fontawesome-icon::before {
    transform: rotate(45deg) !important;
}
.karriere-kachel p {
    margin-bottom: 0 !important;
}

.karriere-kachel ul {
    padding-left: 1em !important;
}
.karriere-kachel ul li::before {
    color: #ffffff !important;
}

.karriere-kachel {
    transition: all .5s ease;
}

.fusion_builder_column_inner_1_1 {
    max-height: 0px;
    opacity: 0;
    transition: all .5s ease;
    margin-bottom: 0 !important;
    overflow: hidden !important
}
.toggled .fusion_builder_column_inner_1_1 {
    max-height: 768px;
    opacity: 1;
}


/* CAROUSEL */
.fusion-carousel,
.awb-carousel {
    overflow: visible !important;
}

.fusion-carousel .fusion-carousel-holder,
.awb-carousel .fusion-carousel-holder {
    display: flex !important;
    align-items: start !important;
}
.fusion-carousel .fusion-carousel-item,
.awb-carousel .fusion-carousel-item {
    display: flex !important;
}

.fusion-carousel .fusion-nav-prev,
.awb-carousel .awb-swiper-button-prev {
	left: -32px !important;
}
.fusion-carousel .fusion-nav-next,
.awb-carousel .awb-swiper-button-next {
	right: -32px !important;
}

.fusion-image-carousel {
    margin-bottom: 0 !important;
}
.fusion-image-carousel .fusion-title {
    min-height: 90px !important;
    margin-right: -48px;
    margin-left: -48px;
    -webkit-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
}

/* BUTTONS */
.carreer-button {
    padding: 22px 8px 21px 8px !important;
}
.carreer-button.narrow {
    padding: 13px 8px 13px 8px !important;
}

.no_hand, .no_hand *{
    cursor: default !important;
}


/*
 * TITLES / TEXT / ETC
 */

.fusion-scroll-section-element h1 p,
.fusion-scroll-section-element h2 p {
    margin:0 !important;
    padding:0 !important;
}
.fusion-title {
    display: block !important;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.nopadd p {
    margin: 0 !important;
    padding: 0 !important;
}
#main .fusion-title h2,
#main .fusion-title h3 {
    margin-left: -48px !important;
}
#main .content-title h2,
#main .content-title h3 {
    margin-left: 0 !important;
}
#main .content-title p {
    margin-bottom: 0 !important;
}

#main .fusion-title h2 {
    --fontSize: 48px;
    --typography_sensitivity: 1;
}
#main .fusion-title h3 {
    --fontSize: 24px;
    --typography_sensitivity: 1;
}

#map-ansprechpartner .fusion-title h2,
#map-ansprechpartner .fusion-title h3 {
    margin-left: 0 !important;
}


/*
 * MAPS / SETTLEMENTS
 */
#interactive-map .elegant-image-hotspot-item {
    transform: translate3d(0, -50%, 0);
}
#interactive-map .active .elegant-image-hotspot-pointer {
    background-color: var(--hover-background-color);
}
#interactive-map .active .elegant_sonar::after, 
#interactive-map .active .elegant_sonar::before {
    border-color: var(--hover-background-color);
}

#map-standorte .fusion-person,
#map-ansprechpartner .fusion-person {
    display: flex;
    align-items: end;
    background-color: rgb(255,255,255);
    padding: 24px;
}

#map-standorte .fusion-person .person-shortcode-image-wrapper,
#map-ansprechpartner .fusion-person .person-shortcode-image-wrapper {
    float: left;
    margin-right: 24px;
    max-width: 33.33333334%;
}


/*
 * FEATURED IMAGE SLIDER
 */
.single-post .fusion-post-slideshow {
    margin-left: var(--hundredp_padding-hundred_percent_negative_margin);
    margin-right: var(--hundredp_padding-hundred_percent_negative_margin);
    height: 100vh;
    overflow: hidden !important;
}

.single-post .category-aktuelles .fusion-post-slideshow,
.single-post .category-news .fusion-post-slideshow,
.single-post .category-karriere .fusion-post-slideshow {
    height: 62vh;
    margin-bottom: 0 !important;
}

/*.flexslider .slides li {
    background-color: var(--mb-black) !important;
}
.flexslider .slides img {
    opacity: .75 !important;
}*/

.flex-control-paging li a {
    background: #ffffff !important;
    box-shadow: none !important;
}
.flex-control-paging li a.flex-active {
    background: var(--mb-dark-blue) !important;
}


/*
 * ISOTOPE (REFERENZEN & KARRIERE ARCHIV)
 */
.pcp-post-thumb-wrapper {
    position: relative !important;
}
.pcp-post-thumb-wrapper:after {
    content: "" !important;
    display: block !important;
    padding-bottom: 62% !important;
}
.sp-pcp-post-thumb-area {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}
.pcp-readmore-link {
    text-decoration: underline !important;
}
.pcp-readmore-link:hover {
    color: var(--mb-dark-blue) !important;
}
.sp-pcp-post-meta,
.sp-pcp-title,
.sp-pcp-post-content {
    padding: 0 24px;
    pointer-events: none !important;
}
.sp-pcp-title a {
    min-height: 48px;
}

#aktuelles .sp-pcp-post {
    background: #ffffff;
    transition: all .3s ease-in-out;
}
#aktuelles .sp-pcp-post:hover {
    background: var(--mb-light-blue) !important;
}
.sp-pcp-post:hover img {
    transform: scale(1.08);
}
#aktuelles-archiv .sp-pcp-post h2 a {
    color: var(--mb-dark-grey) !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}
#aktuelles-archiv .sp-pcp-post:hover h2 a {
    color: var(--mb-dark-blue) !important;
}
.sp-pcp-post:hover .sp-pcp-post-meta ul, 
.sp-pcp-post:hover .sp-pcp-post-meta ul li, 
.sp-pcp-post:hover .sp-pcp-post-meta ul li a {
    color: #ffffff;
}


/*
 * FOOTER
 */
.fusion-footer-widget-area .fusion-column {
    width: 20%;
}
.fusion-footer-widget-area .fusion-column:nth-child(4) {
    width: 40%;
}

.fusion-footer-widget-area .widget_nav_menu li {
    border: 0;
    padding: 0 12px 12px 0;
}
.fusion-footer-widget-area .widget_nav_menu li a::before {
    display: none;
}

.fusion-footer-widget-area .current_page_item > a,
.fusion-footer-widget-area .current-menu-item > a {
    color: var(--mb-light-blue) !important;
}
.fusion-footer-widget-area .current_page_item:hover > a,
.fusion-footer-widget-area .current-menu-item:hover > a {
    color: var(--mb-dark-blue) !important;
}


/*
 * TYPO
 */
#content .fusion-text ul,
.mb-list ul {
    list-style: none;
}

#content .fusion-text ul li::before,
.mb-list ul li::before {
    content: "\25AA";
    color: var(--mb-dark-blue);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


/*
 * FORMS
 */
.wpcf7-form input[type="checkbox"] {
	display: none;
}
.wpcf7-form .wpcf7-acceptance span.wpcf7-list-item{
	margin-left: 48px;
}
.wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
	width: 24px;
	height: 24px;
	border: 2px solid var(--footer_link_color);
	border-radius: 0;
	background-color: transparent;
	color: #ffffff;
	display: block;
	content: "";
	float: left;
	
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#content .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
	border: 2px solid var(--mb-light-blue);
}

.wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	box-shadow: inset 0px 0px 0px 4px var(--footer_bg_color);
	background-color: var(--button_border_color);
}
#content .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	box-shadow: inset 0px 0px 0px 4px #ffffff;
}

.wpcf7-form input[type="submit"] {
	border-color: var(--footer_link_color) !important;
	background-color: var(--footer_link_color) !important;
}
#content .wpcf7-form input[type="submit"] {
	border-color: var(--mb-light-blue) !important;
    background-color: var(--mb-light-blue) !important;
    max-width: 48% !important;
}
.wpcf7-form input[type="submit"]:hover {
	border-color: var(--footer_link_color) !important;
    background-color: transparent !important;
    color: var(--footer_text_color) !important;
    cursor: pointer !important;
}
#content .wpcf7-form input[type="submit"]:hover {
	border-color: var(--mb-light-blue) !important;
    background-color: transparent !important;
    color: var(--mb-light-blue) !important;
    cursor: pointer !important;
}

.wpcf7-form input[type="submit"]::after,
.wpcf7-form .wpcf7-submit::after {
    content: "\f0e0" !important;
    font-family: "Font Awesome 5 Free" !important;
    color: #ffffff !important;
}

/* FORMS ON BLUE BG */
#content .blue-bg .wpcf7-form .formtext {
    color: #ffffff;
}
#content .blue-bg a {
    color: #ffffff !important;
    text-decoration: underline !important;
}
#content .blue-bg a:hover {
    color: var(--mb-dark-blue) !important;
}
#content .blue-bg .wpcf7-form input[type="submit"] {
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
    color: var(--mb-light-blue) !important;
    padding: 0 !important;
    height: 48px !important;
}
#content .blue-bg .wpcf7-form input[type="text"],
#content .blue-bg .wpcf7-form input[type="email"],
#content .blue-bg .wpcf7-form input[type="tel"],
#content .blue-bg .wpcf7-form input[type="submit"]:hover,
#content .blue-bg .wpcf7-form .wpcf7-select {
    border: 2px solid #ffffff !important;
    background-color: transparent !important;
	color: #ffffff !important;
}
#content .blue-bg .wpcf7-form input[type="file"] {
    color: #ffffff !important;
}
#content .blue-bg .wpcf7-form input:focus,
#content .blue-bg .wpcf7-form .wpcf7-select:focus {
	border: 2px solid var(--mb-dark-blue) !important;
	color: #ffffff !important;
}
#content .blue-bg .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
}
#content .blue-bg .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	box-shadow: inset 0px 0px 0px 4px var(--mb-light-blue) !important;
	background-color: var(--mb-light-blue) !important;
}
#content .blue-bg .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	box-shadow: inset 0px 0px 0px 4px var(--mb-light-blue) !important;
	background-color: var(--mb-dark-blue) !important;
}

#content .blue-bg .wpcf7-list-item-label {
    color: #ffffff !important;
}

/* HACKY FORM FIX */
.wpcf7-select-parent .select-arrow {
    top: 2px !important;
}


/* COUNTER / FACTS */
.fusion-counters-box .fusion-counter-box {
    text-align: left !important;
}
.fusion-counters-box .fusion-counter-box .counter-box-container {
    padding: 0 !important;
}
.fusion-counters-box .fusion-counter-box .counter-box-content {
    font-weight: 700;
}

.fusion-counters-box sup {
    position: absolute !important;
}


/*
 * FIXES / HACKS
 */
.hidden, .hide {
    display: none !important;
}
.small {
    font-size: 0.75em !important;
}

.fusion-body .fusion-builder-column:last-child {
    margin-bottom: 0 !important;
}

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


/*
** MEDIA QUERIES
*/

@media only screen and (max-width: 640px) {
    .carreer-button.narrow {
        padding: 22px 8px 21px 8px !important;
    }
}
@media only screen and (min-width: 641px) and (max-width: 833px) {
    .carreer-button.narrow {
        padding: 13px 8px 13px 8px !important;
    }
}
@media only screen and (min-width: 834px) and (max-width: 1024px) {
    .carreer-button.narrow {
        padding: 22px 8px 21px 8px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1511px) {
    .carreer-button.narrow {
        padding: 13px 8px 13px 8px !important;
    }
}
@media only screen and (min-width: 1512px) {
    .carreer-button,
    .carreer-button.narrow {
        padding: 22px 8px 21px 8px !important;
    }

    #sliders-container .tfs-slider .buttons {
        margin-right: 7.5vw;
    }
}

@media only screen and (min-width: 1280px) {
    #sliders-container .tfs-slider .buttons {
        margin-right: 12.5vw;
    }
}

@media only screen and (max-width: 1280px) {
    .slide-id-3914 .fusion_builder_column_1_3 {
      width: 100% !important;
      order: 0;
    }
  }

@media only screen and (min-width: 1024px) {

    #sliders-container .tfs-slider .buttons {
        text-align: right !important;
        transform: translateY(calc(-100% - 10px)) !important;
    }

    .fusion-carousel .fusion-carousel-wrapper {
        padding-right: 64px !important;
        overflow: visible !important;
    }
    .fusion-image-carousel .fusion-title {
        margin-right: -42px !important;
        margin-left: -42px !important;
    }

    #sliders-container .tfs-slider h1.title-heading-left {
        font-size: 80px !important;
        line-height: 1.2 !important;
    }
}

@media only screen and (max-width: 1024px) {
    html.avada-header-color-not-opaque .fusion-header-wrapper .fusion-header,
    #sliders-container .tfs-slider .slide-content-container,
    #main .fusion-fullwidth {
        padding-right: 74px !important;
        padding-left: 74px !important;
    }
    #main .fusion-fullwidth.karriere {
        padding-right: 74px !important;
    }
    #main .fusion-fullwidth.karriere .fusion-title h2 {
        font-size: 32px !important;
    }
    
    #sliders-container .slide-id-3914 .fusion-text {
        text-align: left !important;
        margin-bottom: 24px !important;
        padding-left: 0.75vw !important;
    }

    #sliders-container .tfs-slider h1.title-heading-left {
        font-size: 75px !important;
        line-height: 1.2 !important;
    }

    .fusion-image-carousel .fusion-title {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .hacky-bg {
        background-size: 100% !important;
    }
    #ausbildung-studium .fusion-title-7 {
        text-shadow: 2px 0px 16px rgb(214, 220, 225);
    }

    #main .fusion-fullwidth.karriere .muellerbleher .prosa {
        max-width: unset !important;
        width: 50% !important;
    }
}


@media only screen and (max-width: 800px) {
    #sliders-container .tfs-slider h1.title-heading-left {
        font-size: 64px !important;
        line-height: 1.2 !important;
    }
}


@media only screen and (max-width: 720px) {
    #sliders-container .tfs-slider h1.title-heading-left {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
}

@media only screen and (max-width: 640px) {
    html.avada-header-color-not-opaque .fusion-header-wrapper .fusion-header,
    #sliders-container .tfs-slider .slide-content-container,
    #main .fusion-fullwidth {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    #main .fusion-fullwidth.karriere {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #main .fusion-fullwidth.karriere .muellerbleher .fusion-column-wrapper {
        background-size: 225% !important;
        background-position-x: center !important;
        background-position-y: 12vh !important;
    }

    #main .fusion-fullwidth.karriere .muellerbleher .imageframe-9 {
        max-width: calc(50% - 10px) !important;
    }

    #main .fusion-fullwidth.karriere .fusion-builder-column-20 {
        min-height: 50vh !important;
    }
    #main .fusion-fullwidth.karriere .prosa {
        display: none !important;
    }
    #main .fusion-fullwidth.karriere .fusion-title-11 {
        padding-left: 42px !important;
    }

    #main .fusion-fullwidth.karriere .button-6,
    #main .fusion-fullwidth.karriere .button-7 {
        margin-left: 42px !important;
        width: calc(100% - 84px) !important;
    }

    .newsletter-content .alignleft, 
    .newsletter-content .fusion-alignleft {
        display: block !important;
        float: none !important;
    }

    .flex-direction-nav,
    .flex-prev, .flex-next {
        display: block !important;
    }
}