/*
 Theme Name: Rot Bootstrap BROCKMANN Child
 Template: rot-bootstrap-barebone
 Text Domain: rot-barebone-child
*/
:root{
	--display-header-min-h: 580px;
	--header-height:64px;
}
:root body.home{

	--display-header-min-h: calc(100dvh - var(--admin-bar-height));
	--display-header-min-h: calc(420px);
	--display-header-min-h: calc(700px);
}

:root body{
	--white:#fff7f7;
	--bs-body-bg: var(--white);
	background:var(--white);

	--text:#3d3d3d;

	--primary-dark:#55859b;
	--primary:#66a1bc;
	--primary-light:#73b6d4;
	--primary-lightest:#c1e0ed;
	--primary-hover:var(--primary-dark);
	--bs-primary:var(--primary);
	--bs-primary-rgb:rgb(102, 161, 188);

	--secondary:#c2d774 ;
	--secondary-dark:#9daf5a;
	--bs-secondary:var(--secondary);
	--bs-secondary-rgb:rgb(194, 215, 116);
	--secondary-light:#d2e785 ;
	--secondary-hover:var(--secondary-light) ;

	--tertiary:#5e5e5e;
	--tertiary-light:#a8a8a8;
	--bs-tertiary:var(--tertiary);
	--bs-tertiary-rgb:rgb(94, 94, 94);


	--text-50:#24242480;
	--text-075:#242424bf;
	--primary-50: #a9f6fc7d; /*rot-focus border--*/

	--semi-transparent-dark:#00000054;
	--semi-transparent-darker:#000000d4;

	--white-45: #ffffff45;

	--grey:#d7d7d7;
	--grey-light-x:#eee;
	--grey-dark:#282828;


	--purple:#a377a3;

	--sans: 'Ubuntu Sans',sans-serif;
	--sans2: 'Ubuntu Sans',sans-serif;
	--serif: 'Love Ya Like A Sister',sans-serif;

	font-family:var(--sans),sans-serif;

	/*typo*/
	/* --regular-p-size:1rem;
	--display-p-size:1.3rem;
	--display2-p-size:1.5rem; */

	/* --rot-h1-size-xl: clamp(3.4rem, calc(1.625rem + 4.3vw), 12rem); */
	--rot-h1-size-xl: clamp(calc(1.625rem + 8.3vw), calc(1.625rem + 4.3vw), 12rem);

	--rot-h1-size: 50px;
	--rot-h2-size: 38px;
	--rot-h3-size: calc(1.3rem + 0.6vw);
	--rot-h4-size: calc(1.14rem + 0.3vw);
	--h2-size-focus: calc(var(--rot-h2-size) + .3em);

	--rot-menu-fontsize: 1.1rem;
	--rot-mega-h-title-size:35px;
	--rot-mega-link-title-size:1em;

	/*links*/
	/*links*/
	--bs-link-color-rgb:var(--primary);
	--bs-link-color:var(--primary);
	--bs-link-hover-color-rgb:var(--primary-hover);
	--bs-link-hover-color:var(--primary-hover);


	/*btns*/
	/*btns*/
	/*btns*/
	--btn2-bg-color:var(--primary);
	--btn2-color:var(--text);
	--btn2-font-weight:500;
	--btn2-border-radius: 10px;
    --btn2-padding: .5rem 1rem;
	--btn2-hover-bg-color:var(--tertiary);



	/*nav, header*/
	--header-logo-width:120px;


	/*GRID*/
	--rot-border-padding: 2rem;



	/* --bs-nav-link-font-weight:300!important; */
}

h1{color:var(--text);}


section.rot-front-hero{
	/* min-height:var(--fig-minh); */
	overflow:hidden;
}

@media(max-width:575.98px){
	:root{
		--container-margin:15px;
	}
}
@media(min-width:640px){
	:root body{
		--rot-h1-size-xl: clamp(calc(1.625rem + 7.3vw), calc(1.625rem + 4.3vw), 12rem);
	}
}
@media(min-width:768px){
	:root body{
		--regular-p-size:1.12rem;
		--rot-h2-size: 45px;

		/*GRID*/
		--rot-border-padding: 2.5rem;

		--rot-h1-size-xl: clamp(calc(1.625rem + 6vw), calc(1.625rem + 4.3vw), 12rem);
	}
}
@media(min-width:420px) and (max-width:991.98px){
	body #d-header{
		--rot-h1-size: clamp(2.6rem, calc(1.625rem + 3vw), 10rem);
	}

}

@media(min-width:992px){
	:root body{
		--rot-h1-size-xl: clamp(calc(1.625rem + 5.7vw), calc(1.625rem + 4.3vw), 12rem);
		--rot-h1-size-xl: clamp(calc(1.025rem + 5.9vw), calc(1.625rem + 4.3vw), 12rem)
	}
}
@media(min-width:1200px){
	:root body{
		--regular-p-size:1.01rem;

		/*TYPO*/
		--rot-h1-size: calc(1.625rem + 2.5vw);
		--rot-h2-size: 45px;
		--rot-h3-size: 28px;
		--rot-h4-size: 22px;

		--rot-menu-fontsize: 1.2rem;

		/*GRID Border*/
		--rot-border-padding: 2rem;

	}
	:root body.home{
		--display-header-min-h: calc(640px);
	}


}
@media(min-width:1400px){
	:root body{
		--regular-p-size:1.02rem;
		/*GRID Border*/
		--rot-border-padding: 2rem;
		--rot-h1-size-xl: clamp(calc(1.625rem + 5.2vw), calc(1.625rem + 4.3vw), 12rem);
	}
	:root body.home{
		--display-header-min-h: calc(720px);
	}
}
@media(min-width:1700px){
	:root body{
		--regular-p-size:1.03rem;

		/*TYPO*/
		--rot-h1-size: calc(1.325rem + 2.8vw);
		--rot-h2-size: 48px;

		/*GRID Border*/
		--rot-border-padding: 3rem;
	}
}
@media(min-width:1900px){
	:root body{
		--regular-p-size:1.055rem;
	}
	:root body.home{
		--display-header-min-h: calc(760px);
	}
}







body .navbar{
	--bs-navbar-toggler-focus-width: 0.1rem;
	--bs-navbar-nav-link-padding-x: 1rem;
}
body .navbar-nav{
	--bs-nav-link-font-size:1.8rem;
	--bs-nav-link-font-weight:300!important;
}

/*collapsed*/
@media(min-width:1200px){
	body .navbar-nav{
		--bs-nav-link-font-size:1.3rem;
	}
}

/* Standard (Chrome, Edge, Safari) */
::selection {
	background: var(--primary); /* Hintergrund */
	color: var(--text);        /* Textfarbe */
}

/* Firefox */
::-moz-selection {
	background: var(--primary); /* Hintergrund */
	color: var(--text);        /* Textfarbe */
}

/* Chrome / Edge / Safari */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: #111;               /* Textfarbe */
	-webkit-box-shadow: 0 0 0 1000px #e9d609 inset; /* "Fake" Background */
	box-shadow: 0 0 0 1000px #beb43c inset;         /* fallback */
	caret-color: #111;                            /* Cursorfarbe */
}

/* Optional: auch bei Hover/Focus etc */
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fffbcc inset;
	box-shadow: 0 0 0 1000px #fffbcc inset;
}