/*
 Theme Name: Rot Bootstrap AIMS Child
 Template: rot-bootstrap-barebone
 Text Domain: rot-barebone-child
*/
:root{
	--display-header-min-h: 520px;
	--header-height:64px;
}
:root body.home{
	--display-header-min-h: calc(100vh - var(--admin-bar-height));
	--display-header-min-h: calc(100dvh - var(--admin-bar-height));
}

:root body{
	background:#fff7f7;

	--text:#3d3d3d;

	--primary-dark:#306294;
	--primary:#4081c0;
	--primary-light:#4eade4;
	--primary-lightest:#b0dffb;
	--primary-hover:#4eade4;
	--bs-primary:var(--primary);
	--bs-primary-rgb:rgb(64, 129, 192);

	--secondary:#d44144 ;
	--secondary-dark:#b13436;
	--bs-secondary:var(--secondary);
	--bs-secondary-rgb:rgb(212, 65, 68);
	--secondary-light:#fd5658 ;
	--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;



	--sans: 'Noto Sans',sans-serif;
	--sans2: 'Open Sans',sans-serif;
	--serif: 'Bitter',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: clamp(2.3rem, calc(1.625rem + 3vw), 10rem);
	--rot-h2-size: calc(1.325rem + 1.6vw);
	--rot-h3-size: calc(2rem + 0vw);
	--h2-size-focus: calc(var(--rot-h2-size) + .3em);


	/*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);





	/*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:768px){
	:root body{
		--regular-p-size:1.12rem;
		--rot-h2-size: calc(1.325rem + 1.2vw);

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

	}
}
@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:1200px){
	:root body{
		--regular-p-size:1.01rem;

		/*TYPO*/
		--rot-h1-size: calc(1.625rem + 2.5vw);
		--rot-h2-size: calc(1.325rem + .9vw);

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

	}

}
@media(min-width:1400px){
	:root body{
		--regular-p-size:1.02rem;
		/*GRID Border*/
		--rot-border-padding: 2rem;
	}
}
@media(min-width:1700px){
	:root body{
		--regular-p-size:1.03rem;

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

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







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