/*******************************************************************/
/* Homepage:  ibasqum - Ingenieurbüro Armin Scheuerer              */
/*            Qualitäts- und Umwelt-Management                     */
/* Domain:    www.ibasqum.com                                      */
/* Titel:     Layout-Formatierungen für 2-spaltigen Inhalt         */
/* Author:    Armin Scheuerer                                      */
/* Version:   1.0                                                  */
/* Datum:     03.11.2019                                           */
/* Copyright : All Rights Reserved - 2019                          */
/*******************************************************************/


article {
	width: 65%;
	margin: 0 2.5% 0 0;
}

aside {
	background: #fff;
	width: 30%;
	font-size: 1em;
	margin: 0 0 0 2.5%;
}

aside p {
	text-align: center;
}

.aside_img_90 {
	width: 90%;
}

.aside_img_50 {
	width: 50%;
}

.aside_img_40 {
	width: 40%;
}

.aside_img_30 {
	width: 30%;
}

.aside_img_20 {
	width: 20%;
}

.aside_img_10 {
	width: 10%;
}

.aside_img_5 {
	width: 5%;
}

.aside_img_2 {
	width: 2%;
}



@media (min-width: 32em) {
	/* mehrspaltiges Layout für breitere Viewports */
	
	article {
		float: left;
		width: 65%;
		margin: 0 2.5% 0 0;
	}
	aside {
		float: left;
		margin-top: 5em;
		width: 30%;
		margin: 0 0 0 2.5%;
	}
	footer {
	clear: both;
	width: 100%;
	}

}