/*hotcha.ch: basic.css*/

	html {
		font-size:62.5%;
		box-sizing:border-box;
		}
		
	*, *::before,*::after {
		box-sizing:inherit;
		}
		
	body {
		background:#f1f1f1;
		font-family:courier new;
		width:100%;
		margin:0 auto;
		font-size:1.6rem;
		margin-left:0;
		}
		
	h1:first-child {
		margin-top:2em;
	}
		
	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;
	}
	
	
	article {
		width:100%;
		font-size:1.3rem;
		}
		
	.page-wrapper {
		margin:1rem 0;
		}


	h1{
		font-size:3rem;
		color:brown;
		clear:both;
		margin:4rem 0 auto;
		}	
	
	footer{
		border-top:solid brown 0.1rem;
		text-align:left;
		width:100%;
		}
		
	a{
		color:black;
		}
	a.small{
		font-size:1.3rem;
		}
		

	img {
		max-width:100%;
		height:auto;
		margin-top:0.5em;
		}
		
	.imagetitle {
		/* margin-top:-1em; */
	}
	.column {
		margin-top:1em;
	}
	
	.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: 0;
		}

	
	.kachel{
		width:40rem;
		float:left;
		}
	.small {
		width:300px;
		}
	.zweispaltig{
		width:100%;
		}
	
	citation::before, citation::after {
	content:"'";
	}