/* base */







body {

	font-family: 'aktiv-grotesk', sans-serif;

	font-weight: 400;

	font-size: 16px;

	letter-spacing: 0.05em;

	line-height: 24px;

	background-color: #444;

}



@media (min-width: 950px) { /* desktop */

	body {

		background-color: #fff;

	}

}







/* link styles */



a {

	color: black;

	text-decoration: none;

}



a:hover {

	color:#444;

}





.mainColumn a,

.sideColumn a {

	color: #d30e15;

}





.mainFooter a {

	color: #bbb;

}



@media (min-width: 950px) { /* desktop */

	

	.mainFooter a {

		color: #000;

	}



}









/* tags */



p,

ul {

	margin: 1.2em 0;

}



h2 + p,

h2 + h3 + p,

h2 + ul,

h2 + div,

h2 + h4,

.date + p {

	margin-top: 2em;

}



h2.sectionTitle + div {

	margin-top: 3em;

}



h3.sectionTitle + h2 {

	margin-top: 0em;

}



h4 + p,

h4 + ul,

h5 + p,

h5 + ul,

.contentFold>p {

	margin-top: 0;

}





b, strong {

	font-weight: 600;

}



em {

	font-style: italic;

}



h2 {

	text-transform: uppercase;

	font-weight: 400;

	margin: 0;

	font-size: 28px;

	line-height: 36px;

}





h3 {

	text-transform: uppercase;

	font-size: 28px;

	line-height: 36px;

	font-weight: 400;

}



.publikationen .entry h3,

.medien_presse .entry h3,

.schule .entry h3,

.medienarchiv .entry h3 {

	font-size: 1em;

	line-height: 1.5em;

	margin-bottom: 1em;

}



h4 {

	font-size: 24px;

	line-height: 32px;

	font-weight: 400;

}



h5 {

	font-style: italic;

}



h3 + h4 {

	margin-top: 2em;

}



ul + h3,

p + h3 {

	margin-top: 3em;

}





.sectionTitle {

	color: #aaa;

}





.date {

	margin: 0;

	font-size: 16px;

	display:block;

}







/* columns */



.mainFooter {

	font-size: 13px;

	line-height: 20px;

}











/* entries */





.entry {

	margin: 1em 0;

	padding: 2em 0 1em 0;

	border-top: 1px solid #aaa;

	clear: both;

	float: none;

}



.entry:first-of-type {

	border: none;

	margin-top: 2em;

}



.entry img.previewImage {

	width: 100px;

	margin-bottom: 1em;

	float: none;

}



.entry h3 {

	margin-top: -0.3em;

}





@media (min-width: 950px) { /* desktop */

	.entry p,

	.entry h3,

	.entry ul,

	.entry dl {

		display:block;

	}



	.entry h3,

	.entry dl,

	.entry ul {

		margin-left: 8em;

	}

	

	.entry img.previewImage {

		float: left;

	}



}





/* lists */



.mainColumn ul,

.sideColumn ul {

		list-style: none;

		padding-left: 1em;

}



.mainColumn li:before,

.sideColumn li:before {

		display: inline-block;

		content: "–";

		width: 1em;

		margin-left: -1em;

}



ul.linkList {

	padding-left: 0;

}



.linkList li a {

	display:inline-block;

	margin-left: 0.1em;

	padding: 0.7em 0 0.7em 1.3em;

	background-image:url('../img/linkpfeil.svg');

	background-repeat:no-repeat;

	background-size: 13px;

	background-position: left 1em;

}



.linkList li a:hover {

	background-image:url('../img/linkpfeil_hover.svg');

}



.linkList li:before {

	display:none;

}





@media (min-width: 950px) { /* desktop */

	.linkList li a {

		padding: 0.1em 0 0.1em 1.3em;

		background-position: left 0.45em;

	}

}









/* forms */



input {

	font-size: inherit;

	font-family: inherit;

}



input[type="text"],

input[type="email"],

textarea {

	display: block;

	width: 100%;

}



input[type="text"],

input[type="email"],

input[type="submit"],

textarea {

	margin: 0;

	padding: 4px 8px;

}



input[type="checkbox"] {

	display:inline-block;

	margin: 0.3em 0.5em 0 0;

}



label {

	display:inline-block;

}



input[type="checkbox"] + label {

	display:inline-block;

	width: 80%;

	vertical-align: top;

}



input.singleLine {

	display:block;

	width: 100%;

}



input.errorInput {

	border: 1px solid #d30e15;

}



#errorNote {

	color: #d30e15;

}











/* other */





.note {

	color: #aaa;

	font-style:italic;

}



.mail {

	margin-left: 0.1em;

	padding: 0.7em 0 0.7em 1.3em;

	background-image:url('../img/mailicon.svg');

	background-repeat:no-repeat;

	background-size: 13px;

	background-position: left center;

}



.mail:hover {

	background-image:url('../img/mailicon_hover.svg');

}


.phone {

	margin-left: 0.1em;

	padding: 0.7em 0 0.7em 1.3em;

	background-image:url('../img/phoneicon.svg');

	background-repeat:no-repeat;

	background-size: 13px;

	background-position: left center;

}



.phone:hover {

	background-image:url('../img/phoneicon_hover.svg');

}