@charset "utf-8";
/* CSS Document */
body {
	padding-top: 20px;
	font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
}
a.mainNavItem {
	width: 100%;
	height: 100%;
}
.navbar-toggler {
	border: none;
}
.image {
	width: 80%;
	margin: 10%;
	position: relative;
	left: 0;
	top: 0;
}
#aktuelles1 span, #events1 span, #kuenstler1 span, #beratung1 span, #kontakt1 span, #presse1 span, #arkiv1 span, #project1 span {
	text-align: center;
	position: absolute;
	width: 80%;
	margin: 10%;
	z-index: 100;
	top: 0;
	left: 0;
	color: #fff;
	font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 120%;
	line-height: 100%;
}
#aktuelles1 span {
	padding-top: 15%;
}
#events1 span {
	padding-top: 5%;
}
#kuenstler1 span {
	padding-top: 22%;
}
#beratung1 span {
	padding-top: 6%;
}
#kontakt1 span, #presse1 span, #arkiv1 span {
	padding-top: 30%;
}
#project1 span {
	padding-top: 60%;
	transform: rotate(-90deg);
	text-transform: uppercase;
	color: transparent;
	font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 130%;
}
#aktuelles1 {
	position: relative;
}
#aktuelles1 .image {
	width: 86%;
	background-color: #A2A2A2;
	background-image: url(../images/aktuellesBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#events1 .image {
	width: 86%;
	background-image: url(../images/eventsBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#kuenstler1 .image {
	width: 86%;
	background-image: url(../images/kuenstlerBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#beratung1 .image {
	width: 86%;
	background-image: url(../images/beratungBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#kontakt1 .image {
	width: 86%;
	background-image: url(../images/kontaktBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#presse1 .image {
	width: 86%;
	background-image: url(../images/presseBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#arkiv1 .image {
	width: 86%;
	background-image: url(../images/archivBTN.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#project1 .image {
	width: 86%;
	background-image: url("../images/projectBTN.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}
#aktuelles1 .image:before, #events1 .image:before, #kuenstler1 .image:before, #beratung1 .image:before, #kontakt1 .image:before, #presse1 .image:before, #arkiv1 .image:before, #project1 .image:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
a#aktuelles1 .image, a#events1 .image, a#kuenstler1 .image, a#beratung1 .image, a#kontakt1 .image, a#presse1 .image, a#arkiv1 .image, a#project1.image {
	-webkit-filter: brightness(100%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a#aktuelles1 .image:hover, a#events1 .image:hover, a#kuenstler1 .image:hover, a#beratung1 .image:hover, a#kontakt1 .image:hover, a#presse1 .image:hover, a#arkiv1 .image:hover, a#project1 .image:hover {
	-webkit-filter: brightness(80%);
}
/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	#aktuelles1 span, #events1 span, #kuenstler1 span, #beratung1 span, #kontakt1 span, #presse1 span, #arkiv1 span, #project1 span {
		font-size: 110%;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	body {
		padding-top: 0px;
	}
	#aktuelles1 span, #events1 span, #kuenstler1 span, #beratung1 span, #kontakt1 span, #presse1 span, #arkiv1 span, #project1 span {
		font-size: 150%;
	}
	#aktuelles1 {
		position: relative;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#aktuelles1 span, #events1 span, #kuenstler1 span, #beratung1 span, #kontakt1 span, #presse1 span, #arkiv1 span, #project1 span {
		font-size: 110%;
	}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	#aktuelles1 span, #events1 span, #kuenstler1 span, #beratung1 span, #kontakt1 span, #presse1 span, #arkiv1 span, #project1 span {
		font-size: 130%;
	}
}