@charset "UTF-8";
/* CSS Document */

body {
	font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 auto;
	padding: 5px;
	max-width: 60em;
}
h1 {
    font-size: 2em;	
}
.cl_kopf, footer{
	background: #E30B17;
	color: white;
	padding-left: 0.5em;
	padding-right: 0.1em;
}
#id_logo {
	width: 100px;
	float: right;
	margin: 5px;
}
.cl_app_container {
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.cl_app_link_div {
	flex: auto;
	margin: 10px;
	padding: 10px;
	background-color: #e1e1e1;
}
/* große Viewports */
@media all and (min-width: 45em) {
	.cl_app_container {
    	flex-direction: row;
	}
}

.cl_icon_link {
	width: 50px;
}
a {
	color: black;
	text-decoration: none;
}