/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2022/2023 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | imail@machtWeb.de ----------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->													  6.00/00 - 10-11-22
/* layout	-> startpage														  */
/* file 	-> design/design.css												  */
/* colors	-> http://www.color-hex.com											  */
/* ------------------------------------------------------------------------------ */
/* -------------------------------------------------------------- 6.00/00 - 10-11-22
/* ROOT																			  */
/* ------------------------------------------------------------------------------ */
@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap");*/
/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);*/
/*@import url(https://fonts.googleapis.com/css?family=Rajdhani:300&display=swap);*/
/* ------------------------------------------------------------------------------ */
/* COLORS - CUSTOMER */
/* main -> orange #ee741d - rgba(238,116,29,1) */
:root {
	--color-main:rgb(25,118,210,1); /* #1976D2 MD-blue */
	}
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 01-07-22 */
::selection				{color:white;background:var(--color-main);} 
::-moz-selection		{color:white;background:var(--color-main);}
/* ------------------------------------------------------------------------------ */
html {
	box-sizing:border-box;
	/*font-size: 100%;*/
	block-size: 100%;
	/*overflow-y: auto;*/
	-webkit-overflow-scrolling:touch;
	text-rendering:optimizeSpeed;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}

*, *:before, *:after 	{box-sizing:inherit;margin:0;padding:0;}
body, html 				{margin:0;padding:0;font-size:100%;}
body					{/*overflow-y:scroll;*/font-family:sans-serif;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after	{content:'';display:table;}
.clearfix:after 					{clear:both;}

/* ------------------------------------------------------------------------------ */
/* CONTENT-WRAPPER */
.content-wrapper {
	width:75vw;
	margin:0 auto;
	padding:1rem;
	border: 0px dashed red;
	z-index:0;
    counter-reset:Element; /* reset must be here */
	}
/*
h2 {
	padding:1rem;
	text-align:center;
	}
h3 {
	font-size: 1rem;
	padding: 0 0 6px 0;
	}
*/
hr {
	margin: 1rem 0;
	border: solid #fff; /* var(--color-main); */
	border-width: 0 0 1px 0;
    }

article {
	padding: 1rem;
	border: 1px solid #fff;
}
	
.centered  {
	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 100vw;
	margin: auto;
	}
		
/* ------------------------------------------------------------------------------ */
/* FOOTER */
footer {
	width: 50vw;
	bottom: 4rem;
	margin: 4rem auto;
  	padding: 1rem;
	font-size: 1rem;
	border: 1px solid #ccc;
	background: rgba(0,0,0,.2);
	color:#fff;
	}	

	
/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */