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

@media screen and (min-width: 64em){

	/* ******* basic styles ******* */
	body{
		font-size: 100%;
	}
	/* ******* basic styles ******* */

	/* ******* header ******* */
	header {
		margin-bottom: 0;
	}
	#header-content {
		text-align: left;
		padding-bottom: 0 !important;
	}
	#header-img {
		position: relative;
		top: 0 !important;
	}
	#header-img img{
		position: absolute;
		right: 0;
		top: 4em;
	}
	.header-text{
		margin-top: 2.7em;
	}
	h1 {
		font-size: 3.15rem;
	}
	.header-text p:first-of-type {
		font-size: 2.1rem;
		font-weight: 600;
		line-height: 1.2;
	}
	.header-text p:last-of-type {
		font-size: 1.75rem;
		line-height: 1.2;
	}
	/* ******* header ******* */

	/* ******* nav ******* */
	nav {
		padding: 0.5rem;
	}
	.top-bar-center{
		width: max-content;
	}
	.top-bar-center li.active::after{
		content: " ";
		background: #cc0012;
		height: 0.3rem;
		width: 65%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-top: -0.5em;
		margin-bottom: 0.5em;
	}
	.top-bar-center li a:active,
	.top-bar-center li a:hover,
	.top-bar-center li a:focus{
		color: #cc0012;
		background-color: transparent;
	}
	.top-bar-center li.active a:hover,
	.top-bar-center li.active a:focus{
		color: #514c4c;
	}
	.top-bar-center a{
		font-size: 1.6rem;
	}
	#responsive-menu ul {
		display: flex;
	}
	div#responsive-menu {
		position: absolute;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.top-bar {
		width: auto;
		border-top: none;
		margin-top: 0;
	}
	.top-bar-left {
		margin-left: 1rem;
		max-width: 120px;
	}
	.top-bar-right{
		margin-right: 1rem;
		max-width: 200px;
		top: 50%;
	}
	.top-bar-left img{
		width: 100%;
	}

	/* ******* nav ******* */

	/* ******* main ******* */
	.info-text{
		margin: 1.2em 0 1.5em 0;
		padding-right: 1.5em;
		font-size: 1.75rem;
		text-align: left;
	}
	.info-text p{
		line-height: 1.3;
	}
	main .row .row {
		margin: 0;
	}
	.headline {
		margin-bottom: 2em;
	}
	h3{
		display: inline-block;
		text-align: center;
		line-height: 1.2;
		font-size: 2.1rem;
		font-weight: 600;
	}
	.main-content {
		position: relative;
		color: #ffffff;
		margin-bottom: 5em;
	}
	.block-wrap {
		position: absolute;
		background: #cc0012;
		width: 355px;
		height:312px;
		max-width: 356px;
		padding: 1.5em;
		top: 50%;
		left: 60.5%;
		right: 0 !important;
		transform: translateY(-50%);
		margin: 0;
	}
	#krise figure, #fragen figure {
		text-align: left;
	}
	#stress .block-wrap {
		left: 0;
	}
	#stress figure {
		text-align: right;
	}
	#fragen {
		clear: both;
	}
	/* ******* main ******* */
    .main-text img{
        width: auto;
        max-height: 5rem;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.5rem;
    }

	/* ******* list ******* */
.block-wrap li {
	font-size: 1.2em;
	line-height: 1.3;
}
	.block-wrap ul {
		list-style-position: outside;
	}
	/* ******* list ******* */

	/* ******* footer ******* */
	footer .row ul {
		float: right;
	}
	#contact .columns {
		text-align: left;
	}
	/* ******* footer ******* */

	/* ******* inhaltsseiten ******* */
	.inhaltsseite .header-text {
		margin-top: 10em;
	}
	.inhaltsseite header {
		margin-bottom: 6em;
	}
	.inhaltsseite h1 {
		font-size: 5rem;
	}
	.inhaltsseite main {
		margin-bottom: 5em;
	}
	.inhaltsseite .info-text {
		font-size: 2rem;
	}
	.inhaltsseite main .main-text{
		margin-bottom: 1rem;
	}
	.inhaltsseite .main-text p{
		font-size: 1.3em;
	}
	.firstcharacter {
		color: #cc0012;
		float: left;
		font-size: 3em;
		line-height: 0.75em;
		padding-top: 10px;
		padding-right: 5px;
		font-weight: bold;
	}
	.inhaltsseite .highlight p {
		font-size: 1.5rem;
	}
	.inhaltsseite .row.contact {
		margin-bottom: 1em;
	}
	.contact p {
		margin-bottom: 0;
	}
	/* ******* inhaltsseiten ******* */

	/* ******* impressum ******* */
	#impressum header {
		margin-bottom: 3em;
	}
	#impressum main .small-12 {
		margin-bottom: 1em;
	}
	#impressum h4 {
		font-size: 1.5em;
	}
	#impressum main {
		margin-bottom: 0;
	}
	/* ******* impressum ******* */
}