.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Saans";--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1000ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:45px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-accent );}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 a:hover{color:#000000;text-decoration:underline;}.elementor-kit-7 h2{font-size:30px;font-weight:600;line-height:38px;}.elementor-kit-7 h3{font-size:28px;line-height:36px;}.elementor-kit-7 h4{font-size:23px;}.elementor-kit-7 h6{font-size:20px;line-height:28px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* SIZE VARS */

    :root{
        --large: min(max(130px), calc(40px + 3.5vw));;
        --medium-large: min(max(100px), calc(30px + 3vw));
        --medium: min(max(28px), calc(18px + .5vw));
        --medium-small: min(max(28px), calc(18px + 1.5vw));
        --small: min(max(24px), calc(16px + 0.4vw));
        --marginal: min(max(18px), calc(14px + 0.3vw));
        --line-height-small: 115%;
        --line-height-medium-small: 130%;
        --line-height-medium: 145%;
        --line-height-large: 150%;
        
        --mp-lr: min(max(200px), calc(10px + 6vw));
        --mp-tb: min(max(200px), calc(30px + 2.5vw));

        
    }
    
    body{
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important;
    }


/* FONT-SIZES */

    .large h1,
    .large h2,
    .large h3,
    .large h4,
    .large h5,
    .large h6,
    .large p,
    .large div{
        --font-size: var(--large);
        font-size: var(--font-size);
        margin-bottom: calc(var(--font-size)*1);
        line-height: var(--line-height-small)!important;
        text-underline-offset: calc(var(--font-size)*0.3);
    }
    
    .medium-large *{
        --font-size: var(--medium-large);
        font-size: var(--font-size);
        margin-bottom: calc(var(--font-size)*1);
        line-height: var(--line-height-small)!important;
        text-underline-offset: calc(var(--font-size)*0.3)
    }
    
    .medium h1,
    .medium h2,
    .medium h3,
    .medium h4,
    .medium h5,
    .medium h6,
    .medium p{
        --font-size: var(--medium);
        font-size: var(--font-size);
        margin-bottom: calc(var(--font-size)*1);
        line-height: var(--line-height-medium)!important;
        text-underline-offset: calc(var(--font-size)*0.3)
    }
    
    ul{
        margin-bottom: var(--font-size);
    }
    
    .medium-small *,
    .header-footer-link {
        --font-size: var(--medium-small);
        font-size: var(--font-size);
        margin-bottom: calc(var(--font-size)*1);
        line-height: var(--line-height-medium);
        text-underline-offset: calc(var(--font-size)*0.3);
    }
    
    .small h1,
    .small h2,
    .small h3,
    .small h4,
    .small h5,
    .small h6,
    .small p,
    .small div,
    .small a,
    .legal-text,
    .header-link{
        --font-size: var(--small);
        font-size: var(--font-size);
        margin-bottom: calc(var(--font-size)*0.75);
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important;
        line-height: var(--line-height-large)!important;
        text-underline-offset: calc(var(--font-size)*0.25);
        hyphens: auto;
    }
    
    .teaser_headline *{
        --font-size: var(--marginal);
        font-size: var(--font-size);
        font-weight: 600;
        margin-bottom: calc(var(--font-size)*0.1)!important;
        line-height: var(--line-height-medium-small)!important;
    }
    
    .teaser_text{
        --font-size: var(--marginal);
        font-size: var(--font-size);
        line-height: var(--line-height-medium-small)!important;
    }
    
    .legal-text h1{
        --font-size: calc(var(--medium)*1.75);
        font-size: var(--font-size);

        margin-bottom: calc(var(--font-size)*0.75);
        line-height: var(--line-height-medium)!important;
        text-underline-offset: calc(var(--font-size)*0.3)
    }

    .legal-text h2{
        --font-size: var(--medium);
        font-size: var(--font-size);
        margin-top: calc(var(--font-size)*1);
        margin-bottom: calc(var(--font-size)*0.75);
        line-height: var(--line-height-medium)!important;
        text-underline-offset: calc(var(--font-size)*0.3)
    }

/* TEXT COLORS */

    .white *{
        color: white!important;
    }


/* WIDTHS */

/* SEITENVERHÄLTNIS */

    .square img{
        aspect-ratio: 1/1;
        object-fit: cover!important;
    }
    

/* STANDARD-PADDINGS-MARGINS */

    .module-padding-universal{
        padding: var(--mp-tb) var(--mp-lr)!important;
    }
    
    .module-padding-left-right{
        padding: 0 var(--mp-lr);
    }

    .module-padding-top-left-right{
        padding: var(--mp-tb) var(--mp-lr) 0 var(--mp-lr);
    }


    .no-bottom-margin :not(p),
     .no-bottom-margin p:last-child{
        margin-bottom: 0!important;
    }

    .no-top-margin :not(p),
    .no-top-margin p:last-child{
        margin-top: 0!important;
    }


/* TEXT FORMATIERUNG */

    .underline {
        text-decoration: underline;
    }

/* BUTTONS-LINKS */

    p a,
    h6{
    text-underline-offset: 0.3vw;
    }
    
    .small a{
        text-decoration: underline
    }
    
    .header-footer-link a:hover{
        text-decoration: underline
    }
    
    .elementor-button-icon {
        font-size:16px; vertical-align:middle;
    }
    
    .button a {
        --font-size: var(--small);
        font-size: var(--font-size);
        background: none!important;
        color: black;
        border: 1px solid black;
        padding: calc(var(--font-size) * .5) calc(var(--font-size) * 2)!important;
    }
    
    .button a:hover{
        background: black!important;
        color: white;
        text-decoration: none !important;

    }
    
    .jet-filter-items-dropdown__label{
        border: 1px solid black!important;
        border-radius: 0px!important;
        padding: calc(var(--font-size) * .5) calc(var(--font-size) * 2.5) calc(var(--font-size) * .5) calc(var(--font-size) * 1.5)!important;
    }
    
    .jet-filter-items-dropdown__label:after{
        right: calc(var(--font-size) * 1.25)!important;
    }
    
    .btn_back-to-home .elementor-button{
        background-color: white!important;
        font-size: var(--small);
        padding: calc(var(--small)/2) var(--small);
        text-align: left;
    }
    
    .btn_back-to-home .elementor-button-icon{
        font-size: var(--small);
        margin-right: calc(var(--small)/2);
    }
    
    .btn_back-to-home a:hover,
    .btn_back-to-home-black a:hover{
        text-decoration: none!important;
    }
    
    .btn_back-to-home-black .elementor-button{
        background-color: black!important;
        color: white!important;
        font-size: var(--small);
        padding: calc(var(--small)*1.5) calc(var(--small)*1.5) calc(var(--small)*1.5) 0 ; 
        text-align: left;
        width:100vw;
    }
    
/* BUTTONS-LINKS */
    
    @media (min-width: 768px) {
      .jet-checkboxes-list {
        transform: translateX(50%);
      }
      .jet-checkboxes-list-wrapper {
        transform: translateX(-47%);
      }
    }
    
/* FILTER-BUTTON STARTSEITE */

    .no-wrap-button {
      display: inline-block;
      white-space: nowrap;
      box-sizing: border-box;
      cursor: pointer;
    }
    
    @media (max-width: 767px) {
        .no-wrap-button {
            min-width:200px!important;
        }
    }

/* LISTE WERKSTATTBUCHEINTRÄGE */

    .jet-listing-grid__loader{
        position: relative;
        top:3vw;
        margin-bottom: 1.5vw;
    }
    
    .galerie-beitrag-image img{
        aspect-ratio: 4 / 3.25!important;
        object-fit:cover;
    }
    
    @media (max-width: 1024px) {
        
        .jet-listing-grid__loader{
            position: relative;
            top: 10vw;
            margin-bottom: 5vw;
        } 
    }
    
/* SWIPER */

    @media (min-width: 1025px){
        .swiper .elementor-swiper-button-prev {
            left: calc(var(--mp-lr)*-0.5)!important;
        }
        
        .swiper .elementor-swiper-button-next {
            right: calc(var(--mp-lr)*-0.5)!important;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1024px) {
        
        .swiper .elementor-swiper-button-prev {
            left: calc(var(--mp-lr)*-0.78)!important;
        }
        
        .swiper .elementor-swiper-button-next {
            right: calc(var(--mp-lr)*-0.78)!important;
        }    

    }
    
    
    @media (max-width: 767px) {
        
        .swiper .elementor-swiper-button-prev {
            left: calc(var(--mp-lr)*-0.8)!important;
        }
        
        .swiper .elementor-swiper-button-next {
            right: calc(var(--mp-lr)*-0.8)!important;
        }    

    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Saans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://werkstattbuch.at/wp-content/uploads/2025/04/SaansTRIAL-Regular.woff2') format('woff2'),
		url('https://werkstattbuch.at/wp-content/uploads/2025/04/SaansTRIAL-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Saans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://werkstattbuch.at/wp-content/uploads/2025/04/SaansTRIAL-SemiBold.woff2') format('woff2'),
		url('https://werkstattbuch.at/wp-content/uploads/2025/04/SaansTRIAL-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */