/*
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
{
    --side-spacing: max(8vw, 30px);
}

/* Layout algemein */
#main
{
    padding-bottom:0 !important;
}

body .fusion-text a {
  color: inherit;
}
body .fusion-text a:hover {
  color:  var(--link_hover_color);
}

.display-none
{
    display: none !important;
}

/* Headlines */

@media (max-width: 441px) {
  h1.fusion-responsive-typography-calculated {
    font-size: 2rem !important;
  }
}


/* Cursor */

/* Standard-Cursor überall */
body,
.fusion-column-wrapper .awb-instagram-element div.instagram-post a {
  cursor: url('assets/img/cursor.svg') 10 10, auto !important;
}

/* Links, Buttons, alles mit cursor: pointer → override */
a,
button,
input[type="submit"],
input[type="button"],
.fusion-button,
[role="button"],
.cursor-pointer {
  cursor: url('assets/img/cursor_pointer.svg') 0 0, auto !important;
}

/* Buttons */

.fusion-body a.fusion-button-default-size
{
    padding: 8px 25px;
}

/* Logo */

.bt-logo.fusion-imageframe {
  max-width: clamp(90px, 15vw, 130px) !important;
  height: auto; /* falls notwendig */
  aspect-ratio: 1 / 1; /* quadratisch */
}

.bt-logo svg {
  width: 100%;
  height: auto;
  max-width: clamp(90px, 15vw, 130px);
  display: block;
}

#rotating-group {
  transform-box: fill-box;
  transform-origin: center;
}

/* Hover imgs general */
 .fusion-image-hovers .hover-type-zoomin:hover img
 {
    opacity:1 !important;
 }


 /* Header IMG allgemein */
 .header-img
 {
    padding-left:0 !important;
    padding-right:0 !important;
 }
 .header-img .fusion-imageframe,
 .header-img .fusion-imageframe img
 {
    width:100%;
 }


/* Social Icons */

.fusion-social-networks-wrapper
{
    display:flex;
}
.fusion-social-networks-wrapper .fusion-facebook
{
    order:1;
}
.fusion-social-networks-wrapper .fusion-instagram
{
    order:2;
}
.fusion-social-networks-wrapper .fusion-twitter
{
    order:3;
}
.fusion-social-networks-wrapper .fusion-linkedin
{
    order:4;
}





/* Header */

.fusion-tb-header
{
    position: absolute;
  left: 0;
  top: 0;
  right: 0;
}


/* desktop */
#menu-bt-header li.current-menu-item {
  position: relative;
}
#menu-bt-header li.current-menu-item::before {
  content: "";
  display: block;
  width: 2px;
  height: 26px;
  background-color: var(--awb-color4);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}


/* mobile menu */
@media only screen and (max-width: 1100px) 
{
     #bt-header-menu
     {
        margin-top:20px;
     }
    /* mobile menu items */
    #bt-header-menu.awb-menu_row .menu-text
    {
        text-align:left;
    }
    /* abstand trigger zu menu items wenn offen */
    #bt-header-menu.awb-menu.collapse-enabled .awb-menu__main-ul
    {
       padding-top: calc(25px + 6.5vw);
       margin-top:5px;
       z-index:10;
       height: 100vh;
    }

    .fusion-sticky-transition .collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded) ul.awb-menu__main-ul
    {
        max-height:max-content;
    }
}




/* Footer */

/* mobile menu */
@media only screen and (max-width: 1100px) 
{
    .bt-footer-menu .awb-menu__main-ul_column .awb-menu__main-a_regular
    {
        justify-content: center;
    }
    .fusion-tb-footer .fusion-text table
    {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .fusion-tb-footer .fusion-fa-align-right
    {
        display:none;
    }
    .fusion-tb-footer .fusion-text-1
    {
        display:flex;
        justify-content: center;
    }
    .fusion-tb-footer .fusion-text
    {
        text-align: center !important;
    }
    .fusion-tb-footer .fusion-social-networks-wrapper
    {
        justify-content: center;
    }

}






/* Startseite */

/* Start Header */

@media only screen and (max-width: 1024px) 
{
    .bt-start-header-text .fusion-text p
    {
        color: var(--awb-color2);
        
    }
}


/* Leistung Cards */
.bt-card-container
{
    background-image: linear-gradient(181deg, var(--awb-color1) 10%, #292a49 10.2%) !important;
}

.bt-card-container .bt-card-row
{
    margin-bottom:60px;
}

.bt-card-container .BT-card-text
{
    background-color:var(--awb-color2);
    color:var(--awb-color1) !important;
    padding: 15px 40px 10px;
    width: 70% ;
    min-width:230px ;
    margin-left: -20px;
    margin-top: -75px;
    z-index: 1;
}

.bt-card-container .BT-card-text h4
{
    color:var(--awb-color1) !important;
}

.bt-card-container .bt-card-img.has-aspect-ratio img
{
    pointer-events: none;
    transition: transform 0.3s ease;
     object-fit: cover;
    object-position: center;
}
.bt-card-container .bt-card-img
{
    width:100%;
}

.bt-card-container .bt-card-row:hover .bt-card-img img {
  transform: scale(1.05); /* oder filter, opacity, etc. */
  transition: transform 0.3s ease;
}


@media only screen and (max-width: 1024px) 
{
    .bt-card-container .bt-card-img.has-aspect-ratio img
    {
        aspect-ratio: 100/85;
    }
}

/* Startseite Testimonials */

.bt-testimonials h1
{
    color:var(--awb-color1) !important;
}
.bt-testimonials .fusion-testimonials
{
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
.fusion-testimonials.classic .author
{
    justify-content: center;;
}
.fusion-testimonials.classic .alignment-left span.company-name
{
    flex-wrap: wrap;
    justify-content: center;
    text-align:center;
}
.bt-testimonials .awb-quote
{
    padding-top: 0 !important;
    padding-left:0 !important ;
    padding-right:0 !important;
    font-style:italic !important;
}

/* Startseite Instagram */




/* Beratung und Kreation */

.bt-bk-card h4
{
    color:var(--awb-color1) !important;
    /* word-break: break-word;
    overflow-wrap: break-word; */
    hyphens:auto;
    margin-bottom:30px;
}


/* Moderation & Präsentation */

.text-bild-bg-blau
{
    /* background: linear-gradient( 1deg, transparent 10%, var(--awb-color2) 10.4%, var(--awb-color2) 95%, white 95.4% ) !important; */
    overflow: hi;
   
}
.text-bild-bg-blau::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 60px; /* Höhe der schrägen Fläche */
  background: white;
  transform: skewY(1deg);
  transform-origin: top left;
}
.text-bild-bg-blau::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 60px; /* Höhe der schrägen Fläche */
  background: white;
  transform: skewY(1deg);
  transform-origin: top left;
}
.text-bild-bg-blau h3
{
    color:var(--awb-color1) !important;
}

.bt-quote h3
{
    color:var(--awb-color2) !important;
    
}

.bt-buehne h3
{
    color:var(--awb-color1) !important;
    
}

.fusion-gallery.marquee-gallery {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: auto !important;
  margin: 0 !important;
  margin-bottom: 1rem !important;
}

/* Default mobile fallback: stacked images */
@media screen and (max-width: 640px) {
  .fusion-gallery.marquee-gallery {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .fusion-gallery.marquee-gallery img {
    height: auto !important;
    max-width: 100%;
  }

  .fusion-gallery.marquee-gallery .fusion-gallery-image {
    margin-left:var(--awb-spacing-left);
    margin-right:var(--awb-spacing-right);
    
  }


  .marquee-track {
    all: unset; /* Remove animation and layout styles */
    display: contents;
  }

  .marquee-track .marquee-duplicate {
    display: none !important;
  }
}

/* Marquee only for screens > 640px */
@media screen and (min-width: 641px) {
  .marquee-track {
    display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    width: max-content;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

    .marquee-track {
    animation-play-state: running;
  }

  .marquee-track:hover {
    animation-play-state: paused;
  }

  .marquee-track img {
    height: 500px;
    width: auto;
    flex-shrink: 0;
  }

  .marquee-gallery.left .marquee-track {
    animation-name: marquee-scroll-left;
  }

  .marquee-gallery.right .marquee-track {
    animation-name: marquee-scroll-right;
  }

  @keyframes marquee-scroll-left {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes marquee-scroll-right {
    0% {
      transform: translateX(-50%);
    }
    100% {
      transform: translateX(0%);
    }
  }
}


/* Projekte */

/* Project Cards */

.portfolio-card img.wp-post-image
{
    width:100%;
     object-fit: cover;
    object-position: center;
}

.portfolio-card  .portfolio-card-text .fusion-column-wrapper
{
    padding: 20px 28px;
}

.portfolio-cards .fusion-loading-container
{
    display:none !important;
}
.portfolio-card  .portfolio-card-text
{
    margin-top:-10px;
}
li.portfolio-card .fusion-classic-product-image-wrapper
{
    aspect-ratio: 100 / 85;
}

 .portfolio-cards .fusion-load-more-button
{
    padding: 8px 25px;
    border-radius:4px;
    line-height:1;
}

/* nur desktop */

/* Fancy Prjekt Layout nur ab 1024px */
@media screen and (min-width: 1024px) {

    .portfolio-cards .fusion-load-more-button
    {
        width: auto;
        margin-left: auto;
        margin-right: auto;
       
    }


    .portfolio-cards > ul.fusion-grid
    {
        align-items: stretch;
    }

    .portfolio-card  .portfolio-card-text
    {
        margin-top:-100px;
        margin-left:-20px;
    }

    li.portfolio-card
    {
        align-items:flex-end;
    }

    /* Gruppe A: 1., 4., 7., … */
    li.portfolio-card:nth-child(3n+1) {
        /* style A */
        width:40%;
    }
    li.portfolio-card:nth-child(3n+1) .portfolio-card-text {
    /* style A */
        max-width:400px;
    }

    li.portfolio-card:nth-child(3n+1) .fusion-classic-product-image-wrapper
    {
        aspect-ratio: 100 / 100;
    }

    /* Gruppe B: 2., 5., 8., … */
    li.portfolio-card:nth-child(3n+2) {
        /* style B */
        width:60%;
        padding-bottom: 60px !important;
    }
    li.portfolio-card:nth-child(3n+2) .portfolio-card-text {
        /* style B */
        max-width:450px;
        margin-top:-140px;
    }
    li.portfolio-card:nth-child(3n+2) .fusion-classic-product-image-wrapper
    {
        aspect-ratio: 100 / 85;
    }

    /* Gruppe C: 3., 6., 9., … */
    li.portfolio-card:nth-child(3n) {
        /* style C */
        width: 50%;
        margin-left: 30%;
        margin-right: 20%;
    }
    li.portfolio-card:nth-child(3n)  .portfolio-card-text {
        /* style C */
        max-width:550px;
    }

    li.portfolio-card:nth-child(3n) .fusion-classic-product-image-wrapper
    {
        aspect-ratio: 100 / 62;
    }
}


/* Blog */

/* Blog Cards */

.blog-card img.wp-post-image
{
    width:100%;
    aspect-ratio: 100/ 100;
    object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.blog-card  .blog-card-text .fusion-column-wrapper
{
    padding: 40px 40px 20px;
}

.blog-cards .fusion-loading-container
{
    display:none !important;
}
.blog-card  .blog-card-text
{
    margin-top:-10px;
}
li.blog-card .fusion-classic-product-image-wrapper
{
    aspect-ratio: 100 / 85;
}

.blog-cards .fusion-load-more-button
{
    padding: 8px 25px;
    border-radius:4px;
    line-height:1;
}

.blog-cards .post-card:hover .fusion-post-card-image img {
  transform: scale(1.05); /* oder filter, opacity, etc. */
  transition: transform 0.3s ease;
}

.blog-cards .post-card:hover .mehr-lesen {
  text-decoration: underline;
}



/* nur desktop */

/* Fancy Prjekt Layout nur ab 1024px */
@media screen and (min-width: 1024px) {

    li.blog-card .fusion-classic-product-image-wrapper
    {
        aspect-ratio: 100 / 100;
        width: 70%;
    }

    .blog-cards .fusion-load-more-button
    {
        width: auto;
        margin-left: auto;
        margin-right: auto;
       
    }

    .blog-card .blog-card-text
    {
        margin-top:-100px;
        margin-left:auto;
        width:50%;
        min-width:300px;
    }

    
}

/* Blog einzelseite */

.blog-content
{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}
.blog-content h3
{
    font-style:italic !important;
}

div.single-blog-heading
{
    width:100% !important;
}

.single-blog-heading h1
{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    font-style:italic !important;
}
@media screen and (min-width: 800px) {
.single-blog-heading h1
{
    font-size:60px !important;
}
}










/* Kontakt */

.kontakt-txt a
{
    color: var(--awb-color2) !important;
}