/*
Theme Name: rot-bootstrap-barebone
Author: Du
Version: 1.0.0
Description: Super minimalistisches WP-Theme mit Bootstrap 5, ohne Customizer-Zeug.
Text Domain: rot-bootstrap-barebone
*/


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

:root{
    --text-light: #a5a5a5;
    --text-medium: #5e5e5e;
    --text: #242424;
    --text-hover: #464646;
    --text2: #000;
    --grey: #bbb9b5;
    --grey-light: #b5b5b5;
    --grey-lighter: #bbbbbb;
    --grey-lightest: #cacaca;
    --grey-lightestest: #f6f6f6;
    --light: #f5f5f5;
    --grey-medium: #666666;
    --grey-hover: #a7a7a7;
    --grey-dark: #282828;

    --primary-on-dark:#788330;
    --primary-dark:#919e3f;
    --primary:#a9b74c;
    --primary-medium:#baca54;;
    --primary-light:#cddf5d;;
    --primary-lightest:#d3e467;
    --primary-lightestest:#fdf5f1;
    --primary-hover:var(--primary);
	--transparent-primary: #ffe0d3;

    --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: #5FC1B8;
    --secondary-light: #88dbd3;
    --secondary-lightest: #bdf4ee;
    --secondary-dark: #43aa9f;
    --secondary-hover: #38a196;
	--transparent-secondary: #deebe9;

	--tertiary: #B3CF22;

	--content-bg-color:var(--white);

    --bg-transparent-light:#ffffff14;
    --bg-transparent-light:#6e6e6e0d;
    --bg-transparent-light:#f3f3f391;
    --bg-transparent-dark:#000000e1;
    --blur-dark-bg: #1f1f1fb5;

	--sans:'Funnel Display';

    --admin-bar-height: 0px;
	--header-height:72px;
	--display-header-min-h: 40vh;
}
:root body.admin-bar{
     --admin-bar-height: 46px;
}
@media(min-width:782.02px){
     :root body.admin-bar{
          --admin-bar-height: 32px;
     }
}
:root{
	font-family:var(--sans),sans-serif;
}


/*CONTAINER*/

:root{
	--container-width:100%;
	--container-margin:calc(100% - var(--container-width) / 2);
	--container-margin-vw:calc(100vw - var(--container-width) / 2);
}
body .container{
	max-width:var(--container-width);
}
@media(min-width:576px){
	body .container{padding-left:0;padding-right:0;}
	:root{
	--container-margin:20px;
	--container-width:calc(100% - var(--container-margin) * 2);
	}
}
@media(min-width:1200px){
	:root{
	--display-header-min-h: 60vh;
	}
}
@media(min-width:1800px){
	:root{
	--container-margin:60px;
	}
}