/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2022/2023 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | imail@machtWeb.de ----------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->													  6.00/00 - 02-05-23
/* 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 */
/* QR2CODE */

/* Center container */
.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

/* Add margin between QR code image and canvas */
.mb-4 {
  margin-bottom: 1rem;
}

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