@charset "utf-8";
/* CSS Document */
  
/* ******* Thema ******* */
.thema .columns .columns {
	position: relative;	
}
.thema .headline {
	position: absolute;
	top: 0;
	left: 0.9375rem;
	color: #fff;
	background: #009ee0;
	padding: 0.2em 0.4em;
	font-size: 85%;	
}
.thema .headline:hover,
.thema .headline:focus {
	background: #00b1e6;	
}
.thema .headline a {
	color: #fff;	
}
/* ******* Thema ******* */

/* ******* sticky head ******* */
.sticky.is-stuck {
	width: 100%;
}
.sticky .logo,
.is-open .logo {
	position: absolute;
	left: 5em;
	right: 3em;
	top: 0.3em;
	/*max-width: 18em;*/
	max-width: 20em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.sticky.is-stuck .logo {
	max-width: 13.5em;
	top: 0.5em;	
}
/* ******* sticky head ******* */

/* ******* ONLY tablet ******* */
@media screen and (max-width: 64em) {
	/* ******* aside ******* */
	aside .media-object-section {
		display: block;
		width: 100%;
		float: none;
		padding-left: 0 !important;
	}
	aside .media-object-section p {
		padding-left: 0;	
	}
	aside .media-object-section img {
		padding-bottom: 0.5em;
		display: block;
		text-align:center;	
		margin: 0px auto;
	}
	.callout.hug p {
		position: static;
		margin-bottom: 0.2em;
	}
	/* ******* aside ******* */
	
	.sitemap .column:last-child:not(:first-child), 
	.sitemap .columns:last-child:not(:first-child) {
		float: left;	
	}
}
/* ******* ONLY tablet ******* */