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

body { color:#444; font-size: 15px; }

.intro-headline, .impressum-headline, .datenschutz-headline, .aktuelles-headline{
	font-size: 80px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	margin-top:200px;
}
/*
.impressum-headline, .datenschutz-headline, .aktuelles-headline {
	margin-top: 50%;
}
*/
.intro-subline, .impressum-subline, .datenschutz-subline, .aktuelles-subline {
	font-size: 40px;
	transition: all 0.5s ease-in-out;
}


.impressum-section h1, .datenschutz-section h1, .aktuelles-section h1, .news-section h3 {color: #b00042; text-align:left; margin-bottom: 20px;}
.impressum-section h2, .datenschutz-section h2, .aktuelles-section h2 {color: #2e2e2e; text-align:left; margin-bottom: 20px;}

.impressum-section p, .datenschutz-section p, .aktuelles-section p, .news-section p {text-align:left; color:#555; /* #77787b;*/}

h1 {font-size: 36px;}

h2 {font-size: 30px; margin-bottom: 20px;}

h3 {font-size: 20px; font-weight: 300; /*text-transform: uppercase;*/ }

h4 {font-size: 18px; font-weight: bold; text-transform: uppercase; }

h5 {font-size: 16px; font-weight: normal; text-transform: uppercase; }

h6 {font-size: 14px; font-weight: bold; }



.md-content { font-size:18px; }

.md-content p {font-size: 18px; color: #fff; text-align:left; transition: all 0.5s ease-in-out;}

.left {margin-top:15px; text-align: left; color:#fff; }

.md-content h1 {
	margin: 0;
	padding: 15px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	text-transform:uppercase;
	border-bottom: 2px solid #b00042;
	transition: all 0.5s ease-in-out;
}
.md-content h2 {margin-bottom: 30px; transition: all 0.5s ease-in-out;}
.md-content h3 {margin-bottom: 30px; text-transform:none; text-align: left; transition: all 0.5s ease-in-out;}

legend {
	display: block;
	padding: 0;
	/*margin-top: 20px;*/
	margin-bottom: 0px!important;
	font-size: 20px;
	font-weight: bold;
	line-height: inherit;
	color: #b00042;
	border: 0;
	border-bottom: none;
	text-align: left;
	text-transform: uppercase;
}


@media(min-width:0px) {
	.md-content h1{font-size:25px;}

	.md-content p { font-size: 14px; }

	.intro-headline, .impressum-headline, .datenschutz-headline, .aktuelles-headline {font-size: 35px;}

	.intro-subline, .impressum-subline, .datenschutz-subline, .aktuelles-subline {font-size: 20px;}

	.impressum-section h1, .datenschutz-section h1, .aktuelles-section h1, .news-section h3 {font-size:20px;}
	.impressum-section h2, .datenschutz-section h2, .aktuelles-section h2  {font-size:18px;}

	.zitat-left {color: #fff; font-size: 18px; text-transform: uppercase; margin-top: 60px;}

	.author-left {color: #b00042; font-size: 16px;}

	.zitat-right{ color: #fff; font-size: 18px; text-align:right; text-transform: uppercase; margin-top: 60px;}
	.zitat-right p {font-size: inherit; }

	.author-right{color: #b00042; font-size: 16px; text-align:right;}
}

@media(min-width:768px) {
	.md-content h1  {font-size:40px;}
	.md-content h2, .md-content h3 {font-size:25px;}
	.md-content p {font-size: 16px; }

	.intro-headline, .impressum-headline, .datenschutz-headline, .aktuelles-headline {font-size: 80px;}

	.intro-subline, .impressum-subline, .datenschutz-subline, .aktuelles-subline {font-size: 30px;}

	.impressum-section h1, .datenschutz-section h1, .aktuelles-section h1 {font-size: 30px;}
	.impressum-section h2, .datenschutz-section h2, .aktuelles-section h2 {font-size: 20px;}

	.zitat-left {color: #fff; font-size: 25px; text-transform: uppercase;margin-top: 15%;}

	.author-left {color: #b00042; font-size: 20px;}

	.zitat-right{ color: #fff; font-size: 25px; text-align:right; text-transform: uppercase; margin-top: 15%;}
	.zitat-right p {font-size: inherit; }

	.author-right{color: #b00042; font-size: 20px; text-align:right;}
}

@media(min-width:992px) {
	.md-content h1 {font-size:55px;}
	.md-content h2, .md-content h3 {font-size:25px;}
	.md-content p {font-size: 18px; }

	/*
	.intro-headline, .impressum-headline, .datenschutz-headline, .aktuelles-headline {font-size: 120px;}
*/
	.intro-subline, .impressum-subline, .datenschutz-subline, .aktuelles-subline {font-size: 40px;}
}

