/*
 Theme Name: Rot Barebone Child
 Template: rot-bootstrap-barebone
 Text Domain: rot-barebone-child
*/
:root{
	--display-header-min-h: 520px;
	--header-height:72px;
}

:root body{
	--primary-dark:#3e433d;
	--primary:#a9f6fc;
	--primary-light:#cddf5d;
	--bs-primary:var(--primary);
	--bs-primary-rgb:rgb(169, 246, 252);

	--secondary:#62b790 ;
	--secondary-dark:#58aa84;
	--bs-secondary:var(--secondary);
	--bs-secondary-rgb:rgb(98, 183, 144);
	--secondary-light:rgb(129, 210, 174) ;

	--tertiary:#e5a2ce;
	--tertiary:#f37ece;
	--tertiary-light:#ffd0ef;
	--bs-tertiary:var(--tertiary);
	--bs-tertiary-rgb:rgb(229, 162, 206);

	--turquoise:var(--primary);
	--blue:var(--primary);
	--green:var(--secondary);
	--pink:var(--tertiary);
	--orange:#e7885a;
	--orange-dark:#d57343;

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

	--white-45: #ffffff45;

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


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

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

	--rot-h2-size: calc(1.325rem + 3vw);
	--rot-h3-size: calc(2rem + 0vw);
	--h2-size-focus: calc(var(--rot-h2-size) + .3em);

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


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






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:1200px){
	:root body{
		--regular-p-size:1.12rem;
	}
}
@media(min-width:1400px){
	:root body{
		--regular-p-size:1.15rem;
	}
}
@media(min-width:1900px){
	:root body{
		--regular-p-size:1.17rem;
	}
}