/*hotcha.ch: basic.css*/

	html {font-size:62.5%;box-sizing:border-box;}
	*, *::before,*::after {box-sizing:inherit;}
	body {background:gray;font-family:courier new, verdana;width:100%;margin:0 auto;font-size:1.6rem;margin-left:2rem;}
	header{font-weight:bold;color:brown;position:relative;padding-top:2rem;border-top-color:brown;border-top-style:solid;border-top-width:0.1rem;font-size:5rem;max-width:100%;height:auto;}
	
	
	aside{font-size:1.4rem;}
	.col1 {float:left;width:40rem;padding-right:5rem;padding-top:0;}
	.col2 {float:left;width:80rem;padding-top:3rem;padding-left:2rem;}
	article {width:100%;font-size:1.3rem;}
	.page-wrapper {margin:1rem 2rem;}


	h1{font-size:3rem;color:brown;clear:both;margin:0 auto;}	
	
	footer{border-top:solid brown;text-align:left;width:100%;}
	a{color:black;}
	a.small{font-size:1.3rem;}
	img {max-width:100%;heigth:auto;}
	
	.nodeco{text-decoration:none;}	
	.text{font-weight:bold;font-size:1.2em;}

	.bouton::before {content:"--->";}
	.bouton::after{content:"<---";}
	.bouton{text-decoration:underline dotted;}
	

	.alleSpalten{width:120rem;margin:0 auto;}

	.divider{margin:2rem auto;}
	.imagewithcaption{margin: 10px auto;}
	.imagetitle{margin:0.8em auto 0.8em;}
	
	.kachel{width:40rem;float:left;}
	.small {width:300px;}
	.zweispaltig{width:100%;}