/*
 Theme Name:     Bootstrap Basic 4 Dr.Sommer Child
 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{
    --text-light: #a5a5a5;
    --text-medium: #5e5e5e;
    --text: #2c2c2c;
    --text-hover: #29500c;
    --text2: #1f2024;
    --grey: #525252;
    --grey-lighter: #bbbbbb;
    --grey-lightest: #cacaca;
    --light: #f5f5f5;
    --grey-light: #8c8c8c;
    --grey-hover: #a7a7a7;

    --primary-dark:#bc0f40;
    --primary:#e93367;
    --primary-medium:#e4235a;
    --primary-light:#f57095;
    --primary-lightest:#ffc8d8;
    --primary-lightestest:#fff8fa;
    --primary-hover:var(--primary-light);

    --white75: rgba(255,255,255,0.9);
    --white: #f1f1f1;
    --white: #fff;
    --realwhite: white;
    --whitewhite: white;

    --gradient: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--primary) 0%, var(--primary-medium) 100%);
    --gradient2: radial-gradient(165.13% 68.97% at 32.02% 70.23%, var(--primary) 0%, var(--primary-medium) 200%);

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


    --secondary-light: #4bcad6;
    --secondary-lightest: #dff2f4;
    --secondary-lightestest: #edf7f8;
    --secondary-dark: #1a757d;
    --secondary-darkest: #0d5056;

    --secondary: #2eb7c3;

    --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;

     --admin-bar-height: 0px;


     /*TYPO*/
    --sans: 'Barlow', sans-serif;
    --sans2: 'Barlow', sans-serif;
    --serif: 'Barlow', serif;


    --h1-size:32px;
    --h2-size:28px;
    --h3-size:24px;
	--h4-size:20px;

    --larger-p-size: 1.7rem;
    --large-p-size: 1.4rem;
    --medium-p-size: 1.14rem;
    --regular-p-size: 1rem;
    --small-p-size: 0.8rem;
    --smallest-p-size: 0.75rem;

	--header-lead-fontsize:var(--medium-p-size);

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

     /*SECTIONS*/
     --section-top:58px;


     /*BTN*/
    --btn-font-weight:500;
     --btn-fontsize: .95rem;
     --btn-padding: 12px 10px;
     --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:normal; /*z.b. 18px -> 28px lineheight*/

     --border-radius-md:12px;
     --border-radius-lg:20px;
     --border-radius-sm:6px;

     /*BREADCRUMBS, TERMS*/
     --smallest-link-padding: 3px 8px 0;
     --breadcrumb-fontsize: 1rem;
     /*MENU*/
     --menu-font-size: 1.04rem;
     --menu-text-transform: none;
     --nav-items-padding: 8px 10px 8px;


     /*MENU collapsed*/
     --main-menu-bg:var(--gradient);
     --main-menu-color: var(--white);
     --main-menu-font-size: 1.64rem;
     --main-menu-font-weight: 400;
     --menu-width: 900px;
     --menu-line-hight:1.8;

     /*NAV-HEADER*/
     --header-height: 89px;
     --headerheight: 89px;
     --headerheight-scrolled: 78px;

     --headerbackground: var(--white);
     /*set this to transparent if you don't want any shading after the header*/
     --header-after-gradient:linear-gradient(180deg, rgb(22 22 34 / 18%) 00%, rgba(0,0,0,0) 100%);
     /* --header-after-gradient:transparent; */

     /*DISPLAY-HEADER (video,slider etc)*/
     --display-header-min-h:352px;
     /*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:1rem;
     --border-radius-large:14px;
     --border-radius-medium:12px;




    --cpt-item-padding-x:.6rem;

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

     --std-img-height: 296px;


     /*CTA*/
     --cta-content-fontsize:2rem;
	--cta-content-fontweight:500;
}
:root body.scrolled{
	/* --header-height:78px; */
	/* --headerheight: 78px; */
}
:root body.admin-bar{
     --admin-bar-height: 46px;
}

@media(min-width:576px){
     :root body{
          --display-header-min-h:392px;
     }
}
@media(min-width:768px){
     :root body{
          /*TYPO*/
          --h1-size:44px;
          --h2-size:40px;
          --h3-size:24px;


          /*DISPLAY-HEADER*/
          --display-header-min-h:492px;
          --header-caption-spacing-y:1.5rem;
     }
}


@media(min-width:782.02px){
     :root body.admin-bar{
          --admin-bar-height: 32px;
     }
     :root body{
          --header-height:98px;
          --headerheight: 98px;
     }
     :root body.scrolled{
          /* --header-height:68px; */
          /* --headerheight: 68px; */
     }
}
@media(min-width:992px){
     :root body{
          --menu-font-size: 1.08rem;
          --header-height: 94px;
          --headerheight: 94px;
          --section-top:72px;

          --display-header-min-h:492px;
     }
     :root body.scrolled {
          /* --header-height: 82px; */
          /* --headerheight: 82px; */
      }

}
@media(min-width:1200px){
     :root body{
          --menu-font-size: 1.08rem;
          --header-height: 88px;
          --headerheight: 88px;
          --menu-width: 985px;
          --section-top:80px;

          --btn-fontsize:1rem;
          --display-header-min-h:520px;
          --border-radius-large:14px;
     }

}
@media(min-width:1440px){
     :root body{
          --menu-font-size: 1.14rem;
          --display-header-min-h: 620px;
		  --header-lead-fontsize:1.34rem;
     }

}

.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:46px!important;
}
@media(min-width:782.2px){
     body.admin-bar .rot-fixd-top-tablet,
     body.admin-bar .background-fixed:not(.parallax-scroll){
          top:32px!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:32px!important;
     }
}