/*
 Theme Name:     Bootstrap Basic 4 Child LEDERWERK Hartberg
 Theme URI:      https://bootstrap-wp.com/
 Description:    WP Bootstrap4 Child-Theme
 Author:         rot
 Author URI:     r-ot.at
 Template:       bootstrap-basic4
 Version:        1.0.0
*/




html{
    max-width:100vw;
    /* overflow-x:hidden; */
    font-feature-settings: "ss01" 1;
}

:root body{
     background-color: var(--grey);
    --text-light: #a5a5a5;
    --text-medium: #5e5e5e;
    --text: #242424;
    --text-hover: #464646;
    --text2: #000;
    --grey: #3C3C3C;
    --grey-lighter: #9D9D9C;
    --grey-lightest: #C7C7C7;
    --grey-lightestest: #eee;
    --light: #f5f5f5;
    --grey-light: #8c8c8c;
    --grey-hover: #a7a7a7;
    --grey-dark: #282828;

    --primary-dark:#0e3127;
    --primary:#A16430;
    --primary-medium:#548c2f;
    --primary-light:#8ebd6d;
    --primary-lightest:#e3eed7;
    --primary-lightestest:#eef5e7;
    --primary-hover:var(--primary);

    --white75: rgba(255,255,255,0.9);
    --white-trans:#ffffff14;
    --warmwhite: #f5f5f5;
    /* --white: #e3dbd3; */
    --white: #fff;
    --realwhite: white;
    --whitewhite: white;

    --gradient: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--primary) 0%, var(--primary-dark) 100%);
    --gradient2: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--secondary) 0%, var(--secondary-darkest) 200%);
    --gradient3: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--text-hover) 0%, var(--text) 60%);

    --btn-theme-color: var(--primary);

    --transparent:transparent;

    --secondary: #614341;
    --secondary-light: var(--primary-light);
    /* --secondary-light: #656b78; */
    --secondary-lightest: var(--primary-lightest);
    --secondary-dark: var(--primary-dark);



    --bg-transparent-light:#ffffff14;
    --bg-transparent-light:#6e6e6e0d;
    --bg-transparent-light:#f3f3f391;
    --bg-transparent-dark:#00000014;
    --blur-dark-bg: #1f1f1fb5;
    /* --gradient: radial-gradient(165.13% 68.97% at 32.02% 70.23%, #0E8B8B 0%, #017981 100%); */

    /* --bg-transparent-dark:#ffffff14;
    --bg-transparent-light:#00000014; */

    --tertiary: #B3CF22;

    --hh-theater: #DAEFE2;
    --hh-green: #E2EDD3;
    --hh-wand: #E5EADD;
    --hh-shop: #EFF4CE;

     --admin-bar-height: 0px;


     /*TYPO*/
    --sans: 'IBM Plex Sans', sans-serif;
    --sans2: 'IBM Plex Sans', sans-serif;
    --serif: 'IBM Plex Sans', sans-serif;


    --h1-size:38px;
    --h1-larger:calc(var(--h1-size) + 14px);
    --h2-size:32px;
    --h3-size:24px;
    --h3-size-large:32px;

    --larger-p-size: 21px;
    --large-p-size: 1.4rem;
    --medium-p-size: 1.04rem;
    --regular-p-size: 1.1rem;
    --small-p-size: 0.85rem;
    --smallest-p-size: 0.75rem;

    --regular-p-mb:.86rem;

	--regular-p-font-weight:300;
	--regular-p-lineheight:1.48;

     /*SECTIONS*/
     --section-top:42px;
     --content-spacing-x:2rem;


     /*BTN*/
    --btn-font-weight:400;
     --btn-fontsize: 1.07rem;
     --btn-padding: 9px 12px;
     --btn-padding-sm: 4px 12px 1px;
     --btn-padding-regular: 0.3rem 1.04rem .2rem;
     --btn-padding-md: 2px 22px; /*pill*/
     --btn-border-radius:0px;
     --btn-border-radius-pill: 4px;
     --btn-border-width:0px;
     --btn-line-height:1; /*normal z.b. 18px -> 28px lineheight*/

     --focus-outline:3px dotted var(--primary);
	 --focus-outline-color: var(--text);
	 --focus-outline-style:dotted;
	 --focus-outline-width:3px;
     --focus-outline-color:var(--primary);
     --focus-outline-offset:.3rem;

     --cube-btn-height:32px;

     --border-radius-md:7px;
     --border-radius-lg:20px;
     --border-radius-sm:3px;

     /*BREADCRUMBS, TERMS*/
     --smallest-link-padding: 3px 8px 0;
     --breadcrumb-fontsize: var(--small-p-size);

     /*MENU*/
     --menu-font-size: 1.05rem;
     --menu-font-family: var(--sans2);
     --menu-text-transform: none;
     --nav-items-padding: 0;
     --nav-items-fontweight: 400;
     --menu-height:100%; /*header-height*/
     /* --menu-height:2.1em; header-height */
     --nav-link-padding: 1.15rem .0rem 1.25rem; /* consider --menu-height*/
     --main-menu-color: var(--white);
     /*MENU collapsed*/
     --c-menu-font-family: var(--serif);
     --c-menu-font-size: 1.35rem;
     --c-nav-items-fontweight: 500;
     --c-main-menu-color: var(--white);
     --c-menu-align: center;

     --main-menu-bg:var(--grey);
     --main-menu-hover-color: var(--white);
     --menu-item-hover-shadow:1px 1px 1px #000000a8;
     --menu-item-hover-shadow:none;
     /* --main-menu-font-size: 1.64rem; */
     /* --main-menu-font-weight: 400; */
     --menu-width: 900px;
     --menu-line-hight:1.8;

     --mobile-nav-minwidth:100%;

	 --cta-content-w:800px;

	 --item-gap:30px;


     /*NAV-HEADER*/
     --header-height: 82px;
     --headerheight: 82px;
     --headerheight-scrolled: 62px;
     --top-header-height: 0px;
	 --d-header-margin-top: 0px;


     /* horizontale verteilung der header-items! */
     --header-justify-content:space-between;

     --headerbackground: var(--grey);
     /*set this to transparent if you don't want any shading after the header*/
     --header-after-gradient2:linear-gradient(180deg, rgb(22 22 34 / 38%) 00%, rgba(0,0,0,0) 100%);
     --header-after-gradient:transparent;
     --content-bg-color:var(--grey);
     /*DISPLAY-HEADER (video,slider etc)*/
     --display-header-min-h:432px;
     --h-img2-min-height:360px;
     /*set text-shadow to "none" if you dont want any*/
     /* --header-caption-text-shadow:2px 2px 7px #00000087; */
     --header-caption-text-shadow:none;
     --header-caption-spacing-y:0rem;

	 --d-header-width:100%;


      --acc-col-padding:6px;
     --item-col-padding:15px;
      --h-col-padding:15px;
      --h-col-padding-wide:15px;

	 --border-radius-large:14px;
     --border-radius-medium:12px;




     --nav-toggler-color:var(--grey-lightest);

     /* LOGO */
     --logo-width:auto;
     --logo-height:100%;
     --logo-padding: 1rem  0.5rem;



     /*CARD, BOX*/
     --card-border-radius:12px;
    --cpt-item-padding-x:.6rem;



    /*IMAGES*/
    /*IMAGES*/
    --height-landscape:220px;
    --height-portrait:280px;
	--height-minigal: 180px;

    /*SPACING*/
     --spacing-lg:82px;
     --spacing-md:68px;

     --std-img-height: 296px;

	 --narrow:780px;

	 --narrow-width-2:100%;


     /*CTA*/
     --cta-content-fontsize:2rem;
	--cta-content-fontweight:500;


}
:root body.scrolled{
	--header-height:62px;
	--headerheight: 62px;
}
@media(max-width:991.98px){
	:root body.scrolled{
		--nav-link-padding: 1.15rem .0rem .9rem;
		--logo-padding: 0.4rem 0 0.25rem;
	}
}


:root body.admin-bar{
     --admin-bar-height: 46px;
}
:root body.has-top-header{
	--top-header-height: 38px;
}

@media(min-width:576px){
     :root body{
          --display-header-min-h:432px;
          --h2-size:44px;
          --h3-size-large:30px;
          --force-p-top:2rem;
          --force-p-bottom:3rem;
     }
}
@media(min-width:768px){
     :root body{
          /*TYPO*/
          --h1-size:48px;
          --h2-size:42px;
          --h3-size-large:36px;
          --btn-padding: 12px 16px;
          /* --h3-size:32px; */

          /*IMAGES*/
          --height-portrait: 320px;
		--height-landscape:var(--height-portrait);
		--height-minigal: 180px;


          /*DISPLAY-HEADER*/
          --display-header-min-h:480px;
          /* --display-header-min-h:calc(100vh - var(--header-height) - var(--admin-bar-height) - 3rem); */
          --header-caption-spacing-y:1.5rem;

          --h-col-padding-wide:20px;
          --item-col-padding:20px;
          --larger-p-size: 1.7rem;
     }
}


@media(min-width:782.02px){
     :root body.admin-bar{
          --admin-bar-height: 32px;
     }
     :root body{
          --header-height:150px;
          --headerheight: 150px;
     }
     :root body.scrolled{
          --header-height:150px;
          --headerheight: 150px;
     }
}
@media(min-width:992px){
     :root body{
          --menu-font-size: 1.05rem;
          --nav-link-padding: .0rem 0 0.25rem 0;
          --logo-padding:1rem .4rem;
          --logo-width-threshold:180px;
          --section-top:62px;

          --display-header-min-h:450px;
		--d-header-margin-top: 58px;

          --content-spacing-x:3.5rem;

          --force-p-top:3rem;
          --force-p-bottom:5rem;

          --h-col-padding-wide:25px;
          --item-col-padding:25px;

     }
     :root body.scrolled {
          /* --header-height: 78px;
          --headerheight: 78px; */
      }

}
@media(min-width:1200px){
     :root body{
          --menu-font-size:1.05rem;
          --logo-width-threshold:252px;
          /* --header-height: 78px;
          --headerheight: 78px; */
          --menu-width: 985px;
          --section-top:68px;
          --h1-size:72px;
          --h2-size:65px;
           --h3-size-large:48px;
		  --h-col-padding:40px;
		  --h-col-padding-wide:40px;

/*
          --btn-fontsize: 1rem;
          --btn-padding: 10px 23px 9px;
          --btn-border-width:2px; */
          --display-header-min-h:480px;
		  --h-img2-min-height:420px;
          --border-radius-large:14px;
          /* --display-header-min-h: calc(100vh - var(--header-height) - var(--admin-bar-height) - 13rem); */

          --content-spacing-x:1rem;
     }

}
@media(min-width:1440px){
     :root body{
		--regular-p-size: 1.25rem;

          --h1-larger:calc(var(--h1-size) + 24px);

          --menu-font-size: 1.1rem;
          --header-height:200px;
          --headerheight: 200px;
          --logo-width-threshold:300px;
		--h3-size:26px;
		--display-header-min-h:620px;


          --height-portrait: 420px;


		--narrow-width-2:calc(100% - 200px);

          --force-p-top:4rem;
          --force-p-bottom:6rem;
     }
     :root body.scrolled{
          --header-height:150px;
          --headerheight: 150px;
     }


}
@media(min-width:1600px){
     :root body{
          --h1-size:86px;
          --h2-size:72px;
           --h3-size-large:50px;
		  --menu-font-size: 1.2rem;
          --logo-width-threshold:352px;
		  --btn-fontsize: 1.25rem;
		  --d-header-margin-top: 68px;
          --display-header-min-h: 620px;
          /* --display-header-min-h: calc(100vh - var(--header-height) - var(--admin-bar-height) - 23rem); */
		  --cta-content-w:1000px;
            --h-col-padding:44px;
            --h-col-padding-wide:44px;
            --item-col-padding:30px;
     }

}
@media(min-width:1800px){
     :root body{
          --h1-size: 96px;
          --h2-size:80px;
          --h3-size-large:55px;
		  --d-header-width:1600px;
          /* --display-header-min-h: 620px;; */
          /* --display-header-min-h: calc(100vh - var(--header-height) - var(--admin-bar-height) - 23rem); */
		  --narrow-width-2:calc(var(--d-header-width) - 400px);
     }

}
@media(min-width:2200px){
     :root body{
    	--logo-width-threshold:600px;
		--narrow:1040px;
     }

}


.mt-5, .my-5 {
     margin-top: 4rem !important;
}




.logocolor-primary{fill:var(--primary)!important;}
.logocolor-secondary{fill:var(--secondary)!important;}



body.admin-bar .rot-fixed-top-mobile,
body.admin-bar .background-fixed:not(.parallax-scroll){
     /* top:calc(0px + var(--top-header-height))!important; */
     top:calc(var(--admin-bar-height) + var(--top-header-height))!important;
}
@media(min-width:782.2px){
     body.admin-bar .rot-fixd-top-tablet,
     body.admin-bar .background-fixed:not(.parallax-scroll){
          /* top:calc(0px + var(--top-header-height))!important; */
          top:calc(var(--admin-bar-height) + var(--top-header-height))!important;
     }
}
@media(min-width:768px){
     .position-md-fixed{
          position:fixed!important;
     }
}
@media(min-width:992px){
     .position-lg-fixed{
          position:fixed!important;
     }
     body.admin-bar .rot-fixed-top-desktop,
     body.admin-bar .background-fixed:not(.parallax-scroll){
          /* top:calc(0px + var(--top-header-height))!important; */
          top:calc(var(--admin-bar-height) + var(--top-header-height))!important;
     }
}

#wwidth {
     display: block;
     position: fixed;
     top: var(--admin-bar-height);
     right: 0;
     color: white;
     background: #999999;
     padding: 4px 1rem;
     z-index: 20000000;
     pointer-events: none;
     opacity:.3;
 }