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


/*
farbthemen
*/
:root {
    --imre_white: var(--awb-color1);
    --imre_black: var(--awb-custom_color_1);
    --imre_black-hover: var(--awb-custom_color_2);
    --imre_black-10: var(--awb-color4);
    --imre_black-20: var(--awb-color5);
    --imre_black-40: var(--awb-color6);
    --imre_red-20: var(--awb-custom_color_3);

    --imre_yellow-20: var(--awb-custom_color_8);
    --imre_yellow-40: var(--awb-custom_color_9);

    --imre_green-20: var(--awb-custom_color_17);

    --imre_blue: var(--awb-custom_color_16);
    --imre_blue-20: var(--awb-custom_color_13);

    --imre_green: var(--awb-custom_color_20);
    --imre_green-20: var(--awb-custom_color_17);
    --imre_green-40: var(--awb-custom_color_18);

    --imre_yellow: var(--awb-custom_color_11);
    --imre_yellow-20: var(--awb-custom_color_8);

    --imre_red: var(--awb-custom_color_6);
    --imre_red-20: var(--awb-custom_color_3);
    --imre_red-40: var(--awb-custom_color_4);
    --imre_red-60: var(--awb-custom_color_5);


    --imre_padding-lr: 60px;
    --imre_padding-lr_tablet: 40px;
    --imre_padding-lr_mobile: 24px;
}

:root body.imre_grey{
    --teaser-triangle-color: var( --imre_black-20);
}
:root body.imre_blue{
    --teaser-triangle-color: var( --imre_blue-20);
}
:root body.imre_green{
    --teaser-triangle-color: var( --imre_green-40);
}
:root body.imre_yellow{
    --teaser-triangle-color: var( --imre_yellow-40);
}


.hyphens{
    hyphens:auto;
}

/*
lists
*/

#content .fusion-text>ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  
  #content .fusion-text>ul>li {
    padding-left: 1em;
    text-indent:0 ;
    position: relative;
    line-height:1.4;
  }
  
  #content .fusion-text>ul>li:before {
    position: absolute;
    content: "";
    top:6px;
    left:4px;
    height:13px;
    width:3px;
    transform: skew(-15deg);
    border-radius: 1px;
    background-color: var(--imre_black);
  }
 
  body.imre_green .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div .fusion-text>ul>li:before{
    background-color: var(--imre_white) !important;
  }





  a:hover{
    color:currentColor !important;
  }



    @media (max-width:1024px){
    h1{
        font-size: 0.9em !important;
    }
    }
    @media (max-width:640px){
        h1{
           font-size: 0.7em !important;
        }
        p{
            hyphens:auto !important;
        }
        
    }




/*
stage color
*/

body.imre_grey .headerstage_image,
body.imre_grey .headerstage_image .triangle_img_left:before,
body.single-post .headerstage_image .triangle_img_left:before{
    background-color: var(--imre_black-40);
    color: var(--imre_black);
}
body.imre_grey .headerstage_image h1{
    color: var(--imre_white) !important;
}


body.imre_blue .headerstage_image,
body.imre_blue .triangle_img_left:before{
    background-color: var(--imre_blue-20);
    color: var(--imre_black);
}
body.imre_green .headerstage_image,
body.imre_green .triangle_img_left:before{
    background-color: var(--imre_green-20);
    color: var(--imre_black);
}
body.imre_yellow .headerstage_image,
body.imre_yellow .triangle_img_left:before{
    background-color: var(--imre_yellow-20);
    color: var(--imre_black);
}

body.imre_red .headerstage_image,
body.imre_red .triangle_img_left:before{
    background-color: var(--imre_red-20);
    color: var(--imre_black);
}

body.imre_yellow .headerstage_image,
body.imre_yellow .triangle_img_left:before{
    background-color: var(--imre_yellow-20);
    color: var(--imre_black);
}


body.imre_red .headerstage_image,
body.imre_red .triangle_img_left:before{
    background-color: var(--imre_red-20);
    color: var(--imre_black);
}


/*
container alternating colors
*/

/*
grey
*/
body.imre_grey .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_grey .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_grey .post-content>div:nth-child(2n) .triangle_img_left:before,
body.imre_grey .post-content>div:nth-child(2n) .triangle_img_right:before,
body.imre_grey .post-content>div:nth-child(2n):not(.custom_color),
body.imre_grey .post-content .cardloop>ul>li:nth-child(2n+1) .triangle_img_left:before{
    background-color: var(--imre_black-20);
}

body.imre_grey .post-content>div:nth-child(2n+3).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_grey .post-content>div:nth-child(2n+3).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_grey .post-content>div:nth-child(2n+3) .triangle_img_left:before,
body.imre_grey .post-content>div:nth-child(2n+3) .triangle_img_right:before,
body.imre_grey .post-content>div:nth-child(2n+3),
body.imre_grey .post-content .cardloop>ul>li:nth-child(2n),
body.imre_grey .post-content .cardloop>ul>li:nth-child(2n) .triangle_img_right:before{
    background-color: var(--imre_black-10);
}


/*
blue
*/
body.imre_blue .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_blue .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2>div:last-child:before,
/*body.imre_blue .post-content>div:nth-child(2n) .triangle_img_left:before,
body.imre_blue .post-content>div:nth-child(2n) .triangle_img_right:before,*/
body.imre_blue .post-content>div:nth-child(2n),
body.imre_blue .post-content>div:nth-child(2n).image_right_text_left h2,
body.imre_blue .post-content>div:nth-child(2n).image_left_text_right h2,
body.imre_blue .post-content>div:nth-child(2n).image_left_text_right h2,
body.imre_blue .post-content .cardloop>ul>li:nth-child(2n+1) .triangle_img_left:before{
    background-color: var(--imre_blue);
    color: var(--imre_white) !important;
    --link_color: var(--imre_white) !important;
}

body.imre_blue .post-content>div:nth-child(2n+3).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_blue .post-content>div:nth-child(2n+3).image_right_text_left>div.childcount_2>div:last-child:before,
/*body.imre_blue .post-content>div:nth-child(2n+3) .triangle_img_left:before,
body.imre_blue .post-content>div:nth-child(2n+3) .triangle_img_right:before,*/
body.imre_blue .post-content>div:nth-child(2n+3),
body.imre_blue .post-content .cardloop>ul>li:nth-child(2n),
body.imre_blue .post-content .cardloop>ul>li:nth-child(2n) .triangle_img_right:before{
    background-color: var(--imre_blue-20);
}





body.imre_green .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_green .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_green .post-content>div:nth-child(2n) .triangle_img_left:before,
body.imre_green .post-content>div:nth-child(2n) .triangle_img_right:before,
body.imre_green .post-content>div:nth-child(2n),
body.imre_green .post-content>div:nth-child(2n) h2{
    background-color: var(--imre_green);
    color: var(--imre_white) !important;
    --link_color: var(--imre_white) !important;
}

body.imre_green .post-content>div:nth-child(2n+3).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_green .post-content>div:nth-child(2n+3).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_green .post-content>div:nth-child(2n+3) .triangle_img_left:before,
body.imre_green .post-content>div:nth-child(2n+3) .triangle_img_right:before,
body.imre_green .post-content>div:nth-child(2n+3){
    background-color: var(--imre_green-20);
}

body.imre_yellow .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_yellow .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_yellow .post-content>div:nth-child(2n) .triangle_img_left:before,
body.imre_yellow .post-content>div:nth-child(2n) .triangle_img_right:before,
body.imre_yellow .post-content>div:nth-child(2n),
body.imre_yellow .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2 h2,
body.imre_yellow .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2 h2{
    background-color: var(--imre_yellow);
    color: var(--imre_white) !important;
    --link_color: var(--imre_white) !important;
}

body.imre_yellow .post-content>div:nth-child(2n+3).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_yellow .post-content>div:nth-child(2n+3).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_yellow .post-content>div:nth-child(2n+3) .triangle_img_left:before,
body.imre_yellow .post-content>div:nth-child(2n+3) .triangle_img_right:before,
body.imre_yellow .post-content>div:nth-child(2n+3){
    background-color: var(--imre_yellow-20);
}

body.imre_red .post-content>div:nth-child(2n).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_red .post-content>div:nth-child(2n).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_red .post-content>div:nth-child(2n) .triangle_img_left:before,
body.imre_red .post-content>div:nth-child(2n) .triangle_img_right:before,
body.imre_red .post-content>div:nth-child(2n),
body.imre_red .post-content>div:nth-child(2n) h2{
    background-color: var(--imre_red-60);
    color: var(--imre_white) !important;
    --link_color: var(--imre_white) !important;
}

body.imre_red .post-content>div:nth-child(2n+3).image_left_text_right>div.childcount_2>div:first-child:before,
body.imre_red .post-content>div:nth-child(2n+3).image_right_text_left>div.childcount_2>div:last-child:before,
body.imre_red .post-content>div:nth-child(2n+3) .triangle_img_left:before,
body.imre_red .post-content>div:nth-child(2n+3) .triangle_img_right:before,
body.imre_red .post-content>div:nth-child(2n+3){
    background-color: var(--imre_red-20);
}


/*
external links
*/
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?4h20s3');
    src:  url('fonts/icomoon.eot?4h20s3#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?4h20s3') format('truetype'),
      url('fonts/icomoon.woff?4h20s3') format('woff'),
      url('fonts/icomoon.svg?4h20s3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
.fusion-text  a[href^="http"]::after,
.fusion-text a[href^="https://"]::after
{
    content: "\e901";
    font-family: 'icomoon' !important;
    font-size:16px;
    width: 14px;
    height: 14px;
    margin-left: 4px;
}

.fusion-text a[href^="https://impulsregion.djzkunden.de/"]::after
{
  display: none !important;
}


h3 a[href^="http"],
h3 a[href^="http"]{
    color:var(--imre_black) !important;
}
h3 a[href^="http"]::after,
h3 a[href^="https://"]::after
{
    content: "\e901";
    font-family: 'icomoon' !important;
    font-size:18px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    color:var(--imre_black);
}

h3 a[href^="https://impulsregion.djzkunden.de/"]::after
{
  display: none !important;
}
body.imre_blue h3 a[href^="http"]:hover::after,
body.imre_blue h3 a[href^="https://"]:hover::after{
    color:var(--imre_blue) !important;
}



/*
header
*/
body.imre_blue .fusion-tb-header>.fusion-fullwidth{
    border-bottom-color:var(--imre_blue);
}
body.imre_green .fusion-tb-header>.fusion-fullwidth{
    border-bottom-color:var(--imre_green);
}
body.imre_yellow .fusion-tb-header>.fusion-fullwidth{
    border-bottom-color:var(--imre_yellow);
}
body.imre_red .fusion-tb-header>.fusion-fullwidth{
    border-bottom-color:var(--imre_red);
}


/*
desktop menu
mobile
*/
ul#menu-main>li>a>span.awb-menu__open-nav-submenu-hover{
    display: none;
}
ul#menu-main>li.current_page_item>a::after,
ul#menu-main>li.current_page_parent>a::after,
ul#menu-main>li:hover>a::after{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    z-index:-1;
    transform: skew(-15deg);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}   
body.imre_blue ul#menu-main li.current_page_item a::after,
body.imre_blue ul#menu-main li.current_page_parent a::after,
ul#menu-main li.theme_blue a::after,
ul#menu-main>li.theme_blue ul.awb-menu__sub-ul li,
.awb-off-canvas ul.fusion-menu>li.theme_blue>ul>li,
.awb-off-canvas ul.fusion-menu>li.theme_blue>ul>li>ul>li{
    background-color: var(--imre_blue);
}
body.imre_red ul#menu-main li.current_page_item a::after,
body.imre_red ul#menu-main li.current_page_parent a::after,
ul#menu-main li.theme_red a::after,
ul#menu-main>li.theme_red ul.awb-menu__sub-ul li,
.awb-off-canvas ul.fusion-menu>li.theme_red>ul>li{
    background-color: var(--imre_red);
}
body.imre_green ul#menu-main li.current_page_item a::after,
body.imre_green ul#menu-main li.current_page_parent a::after,
ul#menu-main li.theme_green a::after,
ul#menu-main>li.theme_green ul.awb-menu__sub-ul li,
.awb-off-canvas ul.fusion-menu>li.theme_green>ul>li{
    background-color: var(--imre_green);
}
body.imre_yellow ul#menu-main li.current_page_item a::after,
body.imre_yellow ul#menu-main li.current_page_parent a::after,
ul#menu-main li.theme_yellow a::after,
ul#menu-main>li.theme_yellow ul.awb-menu__sub-ul li,
.awb-off-canvas ul.fusion-menu>li.theme_yellow>ul>li{
    background-color: var(--imre_yellow);
}

ul#menu-main>li ul.awb-menu__sub-ul{
    margin-left:-30px;
}
ul#menu-main>li ul.awb-menu__sub-ul li:hover>a>span:first-child{
    text-decoration: underline;
} 


/*
mobile off canvas menu 
*/
/* open close + - */
.awb-menu__open-nav-submenu_click:before,
.awb-menu__open-nav-submenu_mobile:before {
    position: absolute;
    content:"" !important;
    width:25px;
    height:3px;
    border-radius: 2px;
    background-color: #fff;
    right:25px;
}
.awb-menu__open-nav-submenu_click:after,
.awb-menu__open-nav-submenu_mobile:after {
    position: absolute;
    content:"" !important;
    width:3px;
    height:25px;
    border-radius: 2px;
    background-color: #fff;
    right:37px;
    transition: all 0.2s ease-out;
}

.awb-menu_v-stacked .awb-menu__open-nav-submenu_mobile[aria-expanded=true]:after {
    transform: rotate(90deg)!important;
}

/*
li.expanded .awb-menu__open-nav-submenu_click:after,
li.expanded .awb-menu__open-nav-submenu_mobile:after {
    transform: rotate(90deg);
}
*/




.awb-off-canvas .mobilemenu ul.fusion-menu>li button{
    padding-right:75px !important;
}
/* theme indicator */
.awb-off-canvas .mobilemenu ul.fusion-menu>li>a:before{
    content:"";
    position: absolute;
    left:24px;
    top:15px;
    width:10px;
    height:40px;
    z-index:-1;
    transform: skew(-15deg);
   background-color: #969A9D;
}
body.imre_blue .awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_blue>a:before,
.awb-off-canvas ul.fusion-menu>li.theme_blue:hover>a:before{
    background-color: var(--imre_blue);
}
body.imre_green .awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_green>a:before,
.awb-off-canvas ul.fusion-menu>li.theme_green:hover>a:before{
    background-color: var(--imre_green);
}
body.imre_yellow .awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_yellow>a:before,
.awb-off-canvas ul.fusion-menu>li.theme_yellow:hover>a:before{
    background-color: var(--imre_yellow);
}
body.imre_red .awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_red>a:before,
.awb-off-canvas ul.fusion-menu>li.theme_red:hover>a:before{
    background-color: var(--imre_red);
}



.awb-off-canvas .mobilemenu .awb-menu_v-stacked .awb-menu__main-li {
    padding-bottom: 0 !important;
}
.awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_blue>ul>li>ul>li{
    padding-left:25px;
}
.awb-off-canvas .mobilemenu ul.fusion-menu>li.theme_blue>ul>li>ul{
    border-top: 1px solid #50575c;
}


.burgericon a>span:first-child{
    transform: skew(-15deg);
}


/*
    headerstage_image
*/
#main .post-content>div.headerstage_image>div>div:nth-child(1){
    z-index:2;
}

/***********************************************
*
*
*
*
*                  container
*
*
*
***********************************************/
#main .fusion-flex-container .fusion-builder-row .fusion-layout-colum{

}


/*
padding top bottom in container

#main .post-content>.fusion-flex-container.fusion-fullwidth>.fusion-builder-row>.fusion-layout-column:not(.custom):not(.triangle_img_left):not(.triangle_img_right)>div.fusion-column-wrapper{
    padding-top:30px;
    padding-bottom:30px;
}
@media (min-width:641px){
    #main .post-content>.fusion-flex-container.fusion-fullwidth>.fusion-builder-row>.fusion-layout-column:not(.custom):not(.triangle_img_left):not(.triangle_img_right)>div.fusion-column-wrapper{
        padding-top:60px;
        padding-bottom:60px;
    }
}
@media (min-width:1025px){
    #main .post-content>.fusion-flex-container.fusion-fullwidth>.fusion-builder-row>.fusion-layout-column:not(.custom):not(.triangle_img_left):not(.triangle_img_right)>div.fusion-column-wrapper{
        padding-top:100px;
        padding-bottom:100px;
    }
}*/

#main .post-content>div:not(.image_left_text_right):not(.image_right_text_left):not(.headerstage_image):not(.custom_padding){
    padding-top:30px;
    padding-bottom:30px;
}
@media (min-width:641px){
    #main .post-content>div:not(.image_left_text_right):not(.image_right_text_left):not(.headerstage_image):not(.custom_padding){
        padding-top:60px;
        padding-bottom:60px;
    }
}
@media (min-width:1025px){
    #main .post-content>div:not(.image_left_text_right):not(.image_right_text_left):not(.headerstage_image):not(.custom_padding){
        padding-top:100px;
        padding-bottom:100px;
    }
}




/*
media query container with colored triangle
*/

@media (max-width:1024px){
    .image_left_text_right>div.childcount_2>div,
    .image_right_text_left>div.childcount_2>div{
        width:100%;
    }

    /* image always above text */
    .image_right_text_left>div.childcount_2>div:first-child{
        order:2;
    }
    .image_right_text_left>div.childcount_2>div:last-child{
        order:1;
    }
}




/*
    text padding wide section/  container with colored triangle
*/
.image_left_text_right>div.childcount_2>div:last-child>div.fusion-column-wrapper,
.image_right_text_left>div.childcount_2>div:first-child>div.fusion-column-wrapper,
.headerstage_image>div>div:first-child>div.fusion-column-wrapper{
    padding-right:30px;
    padding-left:30px;
    padding-top:30px;
    padding-bottom:30px;
}
@media (min-width:641px){
    .image_left_text_right>div.childcount_2>div:last-child>div.fusion-column-wrapper,
    .image_right_text_left>div.childcount_2>div:first-child>div.fusion-column-wrapper,
    .headerstage_image>div>div:first-child>div.fusion-column-wrapper{
        padding-top:60px;
        padding-bottom:60px;
    }
}
@media (min-width:1025px){
    .image_left_text_right>div.childcount_2>div:last-child>div.fusion-column-wrapper,
    .widesection_textright>div.fusion-column-wrapper{
    padding-right: max(calc(50vw - 624px), 30px);
    padding-left:0;
    padding-top:100px;
    padding-bottom:100px;

    }
    .image_right_text_left>div.childcount_2>div:first-child>div.fusion-column-wrapper,
    .headerstage_image>div>div:first-child>div.fusion-column-wrapper,
    .widesection_textleft>div.fusion-column-wrapper{
        padding-left: max(calc(50vw - 600px), 30px);
        padding-right:0;
        padding-top:100px;
        padding-bottom:100px;
    }
}





/*
coored triangle by container class
*/

.image_left_text_right>div.childcount_2>div:first-child,
.image_right_text_left>div.childcount_2>div:last-child,
.triangle_img_left,
.triangle_img_right{
    position: relative;
    overflow:hidden !important;
    align-self: stretch;
}
.image_left_text_right,
.image_right_text_left{
    padding-left:0 !important;
    padding-right:0 !important;
}
.image_left_text_right>div,
.image_right_text_left>div{
    width: calc( 100% + 25px ) !important;
    max-width: calc( 100% + 25px ) !important;
    margin-left: calc(-25px / 2 );
    margin-right: calc(-25px / 2 );
}





@media (min-width:1025px){
    .image_left_text_right>div.childcount_2>div:first-child img,
    .image_right_text_left>div.childcount_2>div:last-child img,
    .headerstage_image>div>div:last-child img{
        display:none;
    }
}

.image_left_text_right>div.childcount_2>div:first-child:before,
.triangle_img_left:before,
.image_right_text_left>div.childcount_2>div:last-child:before,
.triangle_img_right:before{
    content:"";
    position: absolute;
    z-index:100;
    width:50vw;
    height:100%;
    transform: skew(-10deg);
    right:calc(-50vw);
    transform-origin: top left;
}

.image_left_text_right>div.childcount_2>div:first-child>div.fusion-column-wrapper,
.image_right_text_left>div.childcount_2>div:last-child>div.fusion-column-wrapper{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


@media (min-width:1025px){

    .image_right_text_left>div.childcount_2>div:last-child:before,
    .triangle_img_left:before{
        left: calc(-50vw + 85px);

        transform-origin: bottom right;
    }
    .image_left_text_right>div.childcount_2>div:first-child:before,
    .triangle_img_right:before{
        right:calc(-50vw + 85px);

        transform-origin: top left;
    }
    .image_right_text_left>div.childcount_2>div:last-child:before,
    .triangle_img_left_border:before{
        border-right: 4px solid #fff;
    }
    .image_left_text_right>div.childcount_2>div:first-child:before,
    .triangle_img_right_border:before{
        border-left: 4px solid #fff;
    }
}

/*
.triangle_color_black-60:before{
    background-color: #969A9D;
}
.triangle_color_black-40:before{
    background-color: #B9BCBE;
}
.triangle_color_black-20:before{
    background-color:#DCDDDE;
}
.triangle_color_black-10:before{
    background-color:#ECEDED;
}*/




.triangle_right{
        position: relative;
        overflow:hidden !important;
}
.triangle_right::before{
    content:"";
    width:50vw;
    height:150%;
    right:-50vw;
    top:0;
    z-index:100;
    position: absolute;
    transform-origin: top left;
    transform: rotate(10deg);
}

.triangle_right_halfheight{
    position: relative;
    overflow:hidden !important;
}
.triangle_right_halfheight::before{
    content:"";
    position: absolute; 
            right:12.5px;
            bottom: 12.5px;
            aspect-ratio: 1 / 5;
            height: 30%; 
            border-bottom-right-radius: 7px;
            clip-path: polygon(100% 0%, 100% 100%, 0% 100%); 
}



.skew_button span{
    z-index: 1;
}
.skew_button::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
    background-color: #50575C;
    border-radius: 5px;
}
.skew_button:hover::after{
    background-color: #000000;
}
.skew_button.button_white::after{
    background-color: #fff;
}
.skew_button.button_white:hover::after{
   background-color: #000;
}
.skew_button.button_white span,
.skew_button.button_white i{
    color: #000;
}
.skew_button.button_white:hover span{
   color: #fff;
}

.download_button .fusion-button-text{
    margin-right:25px;
}
.download_button .fusion-button-text:after{
    content:"";
    position:absolute;
    margin-left:10px;
    width:20px;
    height:18px;
    background-image: url(images/download.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.download_button.button_white .fusion-button-text:after{
    background-image: url(images/download-black.svg);
}
.download_button.button_white:hover .fusion-button-text:after{
    background-image: url(images/download.svg);
}




.swiper-pagination-bullet{
    border-radius: 1px !important;
    height:35px !important;
    transform: skew(-15deg);
    width:7px !important;
}
.swiper-pagination-bullet:hover{
background-color: var(--imre_black-hover) 
}

/*
*/
.ytvideo{
    aspect-ratio: 16 / 9;
   width:100%;
   height:auto;
   border-radius:10px;
}

/*
 blog carousel
*/
.blog_arr_left.fb-icon-element{
    margin:0 20px 0 -45px!important;
    min-width:25px !important;
    width:25px !important;
    height:50px !important;
    line-height:50px !important;
    text-align: right;
}

.blog_arr_right.fb-icon-element{
    margin:0 -45px 0 20px !important;
    min-width:25px !important;
    width:25px !important;
    height:50px !important;
    line-height:50px !important;
    text-align: left;
}


#blogCarousel .awb-swiper-button-prev,
#blogCarousel .awb-swiper-button-next{
display:none;
}
@media (max-width:1320px){

    .blog_arr_left.fb-icon-element{
        margin:0 20px 0 0 !important;
        min-width:25px !important;
        width:25px !important;
        height:50px !important;
        line-height:50px !important;
        text-align: right;
    }
    
    .blog_arr_right.fb-icon-element{
        margin:0 0 0 20px !important;
        min-width:25px !important;
        width:25px !important;
        height:50px !important;
        line-height:50px !important;
        text-align: left;
    }

}


/*
tabs sport im park
*/
.fusion-tabs.clean .nav-tabs li .tab-link,
.fusion-tabs .nav-tabs li.active .tab-link{
    background: none !important;
    border:none !important;
    position: relative;
}
.fusion-tabs.clean .nav-tabs li .tab-link h4{
    color:#fff !important;
}
.fusion-tabs.clean .nav-tabs li .tab-link:before{
    position: absolute;
    content: "";
    top:0;
    left:5%;
    height:100%;
    width:90%;
    transform: skew(-15deg);
    border-radius: 7px;
    background-color: var(--imre_red-40);
    z-index:-11;
}
@media (max-width:1024px){
    .fusion-tabs.clean .nav-tabs li .tab-link:before{
        left:0;
        width:100%;
    }
    .tab-pane>div{
        padding-left: 0  !important;
        padding-right:0  !important;
    }
}
.fusion-tabs .nav-tabs li.active .tab-link:before,
.fusion-tabs.clean .nav-tabs li .tab-link:hover:before{
    background-color: var(--imre_red-20) !important;
}

/*
teaser card with triangle right o desktop and tablet
*/
@media (min-width:641px){
    .teaser_card>div.fusion-column-wrapper{
        position: relative;
        overflow: hidden;
    }
    .teaser_card>div.fusion-column-wrapper::before{
        content:"";
        width:10%;
        height: 30%; 
        right:-10%;
        bottom:0;
        z-index:100;
        position: absolute;
        transform-origin: right top;
        transform: skew(-10deg);
        background-color: var(--teaser-triangle-color);
    }
}


/*
impressum responsive_table
*/
.responsive_table tr:first-child td{
    font-weight:bold;
}


.responsive_table tr td{
   padding:5px 10px 15px 0;
   vertical-align: top;
}
@media (max-width:1280px){
    .responsive_table tr:first-child{
        display:none;
    }
    .responsive_table tr{
        clear: both;
        display:block;
        width:100%;
        padding-bottom:25px;
        height:auto;
        overflow:hidden;
        position: relative;
    }
    .responsive_table tr td:nth-child(1){
        display:block;
        width:100%;
        position: relative;
        padding-bottom:30px;
    }
    .responsive_table tr td:nth-child(2),
    .responsive_table tr td:nth-child(3){
        display:block;
        width:50%;
        float:left;
        position: relative;
        padding-bottom:30px;
    }
    .responsive_table tr td:nth-child(1):before{
        content:"Unterseite: ";
        font-weight:bold;

    }
    .responsive_table tr td:nth-child(2):before{
        content:"Dateiname Original: ";
        font-weight:bold;
        position: absolute;
        top:-20px;
    }
    .responsive_table tr td:nth-child(3):before{
        content:"Fotograf: ";
        font-weight:bold;
        position: absolute;
        top:-20px;
    }
}
@media (max-width:768px){
    .responsive_table tr td:nth-child(2),
    .responsive_table tr td:nth-child(3){
        width:100%;
        float:none;
    }
}


/* footer login
*/

.login_input input{
    background-color:var( --imre_black-40) !important;
    border:none !important;
    
}

.login_input  .fusion-form-field{
    margin-top:0 !important;
   
    
}
.login_input .fusion-form-submit-field{
    width:150px !important;
}
.login_input .skew_button{
    margin-left: 5px !important;
}


.job-filter,
.companies-filter,
.gewerbeflache-filter {
    margin-bottom:25px;
}



/*
langselector
*/

.langselect ul:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
    border:2px solid white !important;
    border-radius: 5px;
}

.langselect li.current-lang span.menu-text{
  color:#51575c  !important;
}
.langselect li:not(.current-lang) span.menu-text{
    color:#bbbcbf  !important;
}
.langselect li.current-lang:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
    background-color:#fff !important;
    border-radius: 5px;
}

.langselect li:not(.current-lang):hover span.menu-text{
    color:#fff !important;
}
.langselect li:not(.current-lang):hover:after{
        content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
   background-color: var(--imre_black-40);
    border-radius: 5px;
}