/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2022/2023 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | imail@machtWeb.de ----------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->													  6.00/00 - 08-09-22
/* layout	-> startpage														  */
/* file 	-> design/design.css												  */
/* colors	-> http://www.color-hex.com											  */
/* ------------------------------------------------------------------------------ */
/* -------------------------------------------------------------- 6.00/00 - 06-09-22
/* ROOT																			  */
/* ------------------------------------------------------------------------------ */
@charset 'UTF-8';
/*@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-logo:#ee741d;
	/* background body */
	--bgr-body: #fff;

/* grid-area */
	--grid-area-gap: 1rem;          /* gap - between all articles - def 1rem | check used shadow */
	--grid-area-mar: 1% 2%;          /* margin - check card-border-radius - def 1% 2% */
	--grid-area-pad: 1rem;          /* padding - check card-border-radius - def 1rem | min .3rem */

	/* viewport only */
	--view-col: #fff;
	--view-bgr: rgba(255,255,255,.8);	/* white */
	--view-320: rgba(44,62,80,.8); 	/* darkgray */
	--view-480:	rgba(231,76,60,.8); 	/* red */
	--view-768: rgba(245,171,53,.8); 	/* orange */
	--view-1280:rgba(0,177,106,.8); 	/* green */	
	--view-1920:rgba(52,152,219,.8); 	/* blue */
	}
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 01-07-22 */
::selection				{color:white;background:var(--color-logo,#ee741d);} 
::-moz-selection		{color:white;background:var(--color-logo,#ee741d);}
/* ------------------------------------------------------------------------------ */
/* RESETS */
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after	{content:'';display:table;}
.clearfix:after						{clear:both;}
*, *:before, *:after 				{box-sizing:inherit;}
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 01-07-22 */
/* HTML / BODY */
html {
	/*box-sizing:border-box;*/
	/*font-size: 100%;*/
	block-size:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	text-rendering:optimizeSpeed;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}

/* link		-> https://codepen.io/jenning/pen/mdRNjZq */
/* info		-> responsive typography */
/* update	-> 06-05-2021 */
body {
	margin:0;
	line-height: 1.4;	
	/*font-size: 1.2rem;*/
	font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
	background:var(--bgr-body,#fff);
	}



/* ------------------------------------------------------------------------------ */
/* CONTENT-WRAPPER */
/*
.content-wrapper {
	position:absolute;
	top:0;
	left:0;
	height:100vh;
	width:95vw;
	margin:1rem;
	padding:1rem;
	border: 0px dashed red;
	z-index:0;
    counter-reset:Element;
	}
*/

a 			{text-decoration:none;border:none;color:#fff;}
hr 			{margin:.4rem 0;border:solid #fff;border-width: 0 0 1px 0;}

.no-wrap {white-space:nowrap;}	

.centered  {
	display: flex;
  	justify-content: center;
  	align-items: center;
 	}
		
/* ------------------------------------------------------------------------------ */
/* FOOTER */
	
/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */