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

/* Überschreibt die Font Weight für die Schriften, weil Adobe Varaible Fonts nicht richtig unterstützt werden*/

/*
font-size: clamp(minimum, bevorzugter responsiver Wert, maximum);
*/

:root {
    --awb-typography1-font-weight: 800 !important;
    --awb-typography2-font-weight: 700 !important;
    --awb-typography3-font-weight: 700 !important;

    --awb-typography5-font-weight: 600 !important;
    --awb-custom_typography_1-font-weight: 600 !important;

    --button_typography-font-weight: 800 !important;

    /*
    --awb-typography1-font-size :clamp(40px, 50px, 80px) !important;
    --awb-typography4-font-size :clamp(15px, 20px, 30px) !important;
    --awb-typography5-font-size :clamp(30px, 40px, 60px) !important;*/


    --clip-path_01: polygon(1.7% 3%, 85.4% 3%, 98.5% 19.5%, 93.2% 83%, 25% 100%, 5.6% 95%);
    --clip-path_02: polygon(50% 2%, 99% 3%, 100% 60%, 100% 97%, 3% 97%, 0% 60%, 0 0);
    --clip-path_03: polygon(79% 0, 100% 4%, 100% 100%, 14% 100%, 0 96%, 0 1%);
    --clip-path_04: polygon(46% 4%, 76% 2%, 100% 0, 98% 44%, 100% 100%, 0 100%, 1% 68%, 0 17%, 10% 0);
    --clip-path_05: polygon(57% 7%, 100% 7%, 98% 92%, 82% 100%, 51% 97%, 23% 98%, 0 95%, 4% 2%);
}

*{
  hyphens: auto;
}

bold, strong {
    font-weight: 800 !important;
}

li.fusion-li-item {
    line-height: 1.2em;
}

.hrk-full-screen-video video{
    max-height: calc(100vh - 120px);
}

.video-square video{
  aspect-ratio: 1 / 1;
}

.smal-img-descr{
  font-size: 12px;
}
/* --------------- BUTTONS --------------- */

.fusion-button i{
    transform: translateX(0px);
    transition: transform 0.3s ease-in-out;
}

.fusion-button:hover i, .hrk-blog-card:hover .fusion-button i{
    transform: translateX(8px);
}

/* --------------- MENU --------------- */

.clip_bg_submenu .awb-menu__sub-ul{
  clip-path: var(--clip-path_02);
  background-color: #d2dc4b;
}

.clip_bg_submenu .awb-menu__sub-ul a span{
  font-size: 16px !important;
  font-weight: 600 !important;	
}

/* --------------- SOCIALS --------------- */
.socials-block {
  display: flex;
  gap: 25px;
}

.socials-block a {
    background-color: #d2dc4b;
    font-size: 20px;
    border-radius: 50px;
    padding: 8px;
    width: 36px;
    display: flex;
    height: 36px;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
}

.socials-block a:before{
    color: #3c1890 !important;
}

.socials-block a:hover{
    opacity: .5 !important;
}

/* --------------- FOOTER --------------- */
.foo-socials-block {
  display: flex;
  gap: 25px;
  justify-content: flex-end;
  }
  
  .foo-socials-block a {
      background-color: #d2dc4b;
      font-size: 14px;
      border-radius: 50px;
      padding: 8px;
      height: 25px;
      width: 25px;
      display: flex;
      aspect-ratio: 1 / 1;
      align-items: center;
      justify-content: center;
      transition: opacity 0.3s ease-in-out;
  }
  
  .foo-socials-block a:before{
      color: #006060 !important;
  }

  .foo-socials-block a:hover{
    opacity: .5 !important;
  }
  
  .foo-content{
    display: flex;
    gap: 50px;
    flex-direction: column;
    justify-content: flex-end;
  }

  .foo-wrapper {
    gap: 50px;
    display: flex;
    font-size: 16px;
    color: #d2dc4b;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.foo-wrapper a{
  color: #d2dc4b !important;
  transition: opacity 0.3s ease-in-out;
}

.foo-wrapper a:hover{
  opacity: 0.5;
}

.foo-wrapper p{
    margin: 0;
}

.foo-links{
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.foo-init{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  flex-wrap: wrap;
}


.foo-init img{
  max-width: 130px;
}

.foo-wrapper{
  display: flex;
  justify-content: flex-end;
}


@media (max-width: 800px) {
  .foo-wrapper, .foo-init, .foo-socials-block{
    justify-content: flex-start !important;
  }
}
/* --------------- SWIPER IMAGE GALLERY --------------- */

.swiper-pagination{
    position: unset !important;
}

/* --------------- BIG SLIDER --------------- */
.hrk-slider-container {
    position: relative;
    height: 100vh;
    min-height: 720px;
    overflow: hidden;
    background: #ffffff;
  }
  
  .wood-swiper {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .wood-swiper .swiper-wrapper {
    height: 100%;
  }
  
  .wood-swiper .swiper-slide {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
  }
  
  .wood-content {
    position: absolute;
    left: 38%;
    top: 50%;
    z-index: 10;
    width: min(620px, clamp(320px, 32vw, 620px));
    transform: translate(0px, -50%);
    color: #3f1d98;
  }
  
  .wood-content h1 {
    color: #3f1d98 !important;
    margin: 0 0 30px;
  }
  
  .wood-btn {
    font-family: 'bakemono-variable', Arial, Helvetica, sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: #3c1890 !important;
    text-decoration: none;
    font-size: 30px;
    font-weight: 900;
    transition: opacity 0.3s ease-in-out;
  }

  .wood-btn i{transition: transform 0.3s ease-in-out;transform: translateX(0px);  }
  .wood-btn:hover i{transform: translateX(8px);  }
    
  .wood-pagination-wrap {
    position: absolute;
    left: max(30px, calc((100vw - 1600px) / 2));
    top: 57%;
    z-index: 30;
  }
  
  .wood-pagination-wrap .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    gap: 24px;
    width: auto;
  }
  
  .wood-pagination-wrap .swiper-pagination-bullet {
    font-family: 'bakemono-variable', Arial, Helvetica, sans-serif;
    width: 60px;
    height: 60px;
    margin: 0 !important;
    border-radius: 999px;
    background: #d7e640;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 50px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.25s ease;
  }
  
  .wood-pagination-wrap .swiper-pagination-bullet-active {
    background: #3c1890;
  }
  
  .wood-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
    display: block;
    z-index: -1;
  }
  
  
  @media (max-width: 800px) {
    .wood-content {
        position: unset;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        transform: translate(0%, 0%) !important; 
        color: #3f1d98;
        padding: 120px 30px 0 30px;
    }

    .wood-swiper {
        height: auto;
    }

    .hrk-slider-container{
        height: auto;
    }

    .wood-pagination-wrap {
        position: unset;
        padding: 40px 0 120px 0;
    }

    .wood-pagination-wrap .swiper-pagination {
        display: flex !important;
        justify-content: center !important;
    }

    .wood-pagination-wrap .swiper-pagination-bullet {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
  }
  

/* --------------- TOGGLE --------------- */
.hrk-toggle .fusion-panel{
  /*border-radius: 15px !important;*/
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.hrk-toggle .panel-body{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.hrk-toggle .toggle-content {
    background: #ffffff;
}

.hrk-toggle .toggle-content a{
    font-weight: 800;
}

.hrk-toggle .toggle-content a:hover, .hrk-toggle .toggle-content a:hover:after{
    color: #3c1890;
}

.hrk-toggle .toggle-content a:after{
    font-family: 'FA-Sharp-Light' !important;
    font-size: 18px;
    margin: 0 4px;
}

.hrk-toggle .toggle-content a.download-link:after{content: "\e9e2";}
.hrk-toggle .toggle-content a.ext-link:after{content: "\ef45";}

/* --------------- BLOG -------------------------- */

.hrk-blog-content-container .fusion-fullwidth {
    padding: 0;
}

.cat-neuigkeiten{
    background-color: #006060;
    /*border-radius: 15px;*/
    clip-path: var(--clip-path_05);
    padding: 3px 12px 5px 12px;
}


.cat-social-media-posts{
    background-color: #3c1890;
    /*border-radius: 15px;*/
    clip-path: var(--clip-path_05);
    padding: 2px 12px 5px 12px;
}

.cat-zahlen-daten-fakten {
    background-color: #CCD232; /*etwas dunkler als original, wegen kontrast*/
    /*border-radius: 15px;*/
    clip-path: var(--clip-path_05);
    padding: 2px 12px 5px 12px;
}

/* Neuigkeiten */

.blog-filter .fusion-filters li {
  margin-right: 15px !important;
}


.blog-filter .fusion-filters a[data-filter=".neuigkeiten"] {
    --filter-bg: 0 109 105;
    background-color: rgb(var(--filter-bg));
    color: #fff !important;
  }
  
  /* Zahlen Daten Fakten */
  .blog-filter .fusion-filters a[data-filter=".zahlen-daten-fakten"] {
    --filter-bg:204 210 50; /*etwas dunkler als original, wegen kontrast*/
    background-color: rgb(var(--filter-bg));
    color: #fff !important;
  }
  
  /* Social Media Posts */
  .blog-filter .fusion-filters a[data-filter=".social-media-posts"] {
    --filter-bg: 60 24 144;
    background-color: rgb(var(--filter-bg));
    color: #fff !important;
  }
  
  /* Alle */
  .blog-filter .fusion-filters a[data-filter="*"] {
    --filter-bg: 255 255 255;
    background-color: rgb(var(--filter-bg));
  }

  /* Hover nur Hintergrund transparenter */
  .blog-filter .fusion-filters a:hover, .fusion-filter.fusion-active a{
    background-color: rgb(var(--filter-bg) / 0.5) !important;
  }
  
  .blog-filter .fusion-filters a{
    clip-path: var(--clip-path_05);
    /*border-radius: 15px;*/
    padding: 0px 12px;
    font-size: 16px !important;
    border: none !important;
  }

  .hrk-blog-card img{
    scale: 1;
    transition: scale 0.3s ease-in-out;
    }

  .hrk-blog-card:hover img{
    scale: 1.05;
  }

  .fusion-loading-msg{
    display: none !important;
  }

  /* --------------- UNTERSTÜTZER --------------- */
  .hrk-unterstuetzer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 50px;
  }
  
  .hrk-unterstuetzer__item {
    aspect-ratio: 1 / 1;
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hrk-unterstuetzer__item img{
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
  }
  
  .hrk-unterstuetzer__item:hover img{
    transform: scale(1.05);
  }

  .hrk-unterstuetzer__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  
  .hrk-unterstuetzer__logo {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  /* --------------- FORMULAR --------------- */

  label[for="datenschutz"]:before {
    border-color: #d2dc4b !important;
  }

  label[for="datenschutz"]:after {
    background: #d2dc4b !important;
  }

  .fusion-alert-content{
    font-size: 18px !important;
  }

  /* --------------- IMG Carrusel --------------- */

  .fusion-image-carousel img{
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* --------------- EVENTS --------------- */

.clip_bg_events{
  clip-path: var(--clip-path_03);
  background-color: #d2dc4b;
  padding: 20px !important	;
}

/* --------------- 404 --------------- */
#post-404page {
    margin-top: 50px;
}

.error404 #main {
    background-image: url(http://kunden-mit-grips.de/hrk-relaunch/wp-content/uploads/2026/05/dhwr_bg-header-tree-darkgreen-scaled.png);
}

#post-404page h2, #post-404page h3, #post-404page p, #post-404page .fusion-li-item-content a{
    color: #fff!important;
}

#post-404page .fusion-error-page-404 {
    width: 50%;
}

#post-404page .error-message {
    color: #d2dc4b;
}

#post-404page .fusion-li-item-content {
    line-height:1.2;
    font-size: 26px;
}

#post-404page .fusion-error-page-search {
    display: none;
}