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

/**
 * Theme Name:     DAZ
 * Theme URI:      http://daz.org/
 * Description:    Theme der ersten Generation für DAZ
 * Author:         Der Hersteller
 * Author URI:     http://www.der-hersteller.de
 * Version:        1.0
 */




html, body {
	height: 100%;
}
body {
	font: 62.5%/1.5em 'fira_sansregular', Helvetica, Arial, sans-serif;
	color: rgb(90,100,113);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * TYPOSATZ                                                                      *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1.index {
	font-family: 'asap_condensedsemibold';
	color: rgb(255,255,255);
	text-transform: uppercase;
	margin-bottom: 3em;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
h1.index > span {
	display: block;
	float: left;
	clear: left;
}
h1.index > span:first-child {
	font-size: 3.8em;
	line-height: 1em;
	letter-spacing: 0.02em;
	background: rgb(219,0,41);
	padding: 0.2em 0.3em 0.01em 0.3em;
}
h1.index > span:last-child {
	font-size: 1.3em;
	line-height: 0.7em;
	letter-spacing: 0.05em;
	background: rgb(0,72,138);
	padding: 0.4em 0.6em 0.2em 0.6em;
	margin-left: 8.2em;
}

#main > .inner > h1,
#main > .inner > h2 {
	display: inline-block;
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.05em;
	background: rgb(0,72,138);
	padding: 0.4em 0.6em 0.2em 0.6em;
	margin: 0 0 1.1em 0;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#main > .inner > h3 {
	font-size: 2.0em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin: 0 0 0.8em 0;
}
#main > .inner > h4,
#main > .inner > h5,
#main > .inner > h6 {
	font-family: 'fira_sansbold';
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	margin: 0 0 0.8em 0;
}
#main > .inner > h1 + p {
	/*margin-top: 1.1em;*/
}
#main > .inner > p + h2 {
	margin-top: 1.1em;
}
#main > .inner.veranstaltungen > h1 {
	display: block;
	padding: 0;
	background: none;
	margin-bottom: 0;
	margin-top: -0.8em !important;
}
#main > .inner.veranstaltungen > h1 span {
	display: inline-block;
	padding: 0.4em 0.6em 0.2em 0.6em;
	background: rgb(0,72,138);
}
#main > .inner.veranstaltungen > h2 {
	display: block;
	padding: 0;
	background: none;
	margin: -0.2em 0 0 4em;
}
#main > .inner.veranstaltungen > h2 span {
	display: inline-block;
	padding: 0.4em 0.6em 0.2em 0.6em;
	background: rgb(219,0,41);
}
#main > .inner.veranstaltungen > h2 + p {
	margin-top: 3em !important;
}

#main p {
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	margin: 0 0 1.1em 0;
}
b, strong {
	font-weight: normal;
	font-family: 'fira_sansbold';
}
i, em {
}
a:hover, a:active {
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
	-ms-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CLASS                                                                         *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

.scroll-top {
	position: fixed;
	right: 2em;
	bottom: 10em;
	-webkit-transition:0.4s ease;  
   	-moz-transition:0.4s ease;  
   	-o-transition:0.4s ease;  
   	transition:0.4s ease;
	z-index: 999;
}
.scroll-top.hide {opacity: 0;}
.scroll-top.show {opacity: 1;}

.nowrap {white-space: nowrap;}
.rot {color: rgb(219,0,41);}
.blau {color: rgb(0,72,138);}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CONTAINER                                                                     *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#wrapper {
	position: relative;
  	min-height: 100%;
  	height: auto !important;
  	height: 100%;
	background-color: rgb(255,255,255);
}
#panel {
	min-height: 100%;
  	height: auto !important;
  	height: 100%;
	background-color: rgb(255,255,255);
}

#overlay {
  	display: none;
	position: fixed;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 9998;
  	background-color: rgba(0, 0, 0, 0.5);
  	-webkit-animation: fade 500ms;
	-moz-animation: fade 500ms;
	-o-animation: fade 500ms;
  	animation: fade 500ms;
}
#content {
	padding: 1.4em 2em 5em 2em;
}

/* COOKIE HINWEIS */
#cookie-notice {
	opacity: 0.8 !important;
	padding: 0.5em;
}
#cookie-notice .cookie-notice-container {
	font-size: 1em !important;
}
#cookie-notice .cookie-notice-container a {
	color: rgb(255,255,255);
}
#cookie-notice .cookie-notice-container .button {
	border-color: rgb(255,255,255) !important;
	background: rgb(0,0,0) !important;
	color: rgb(255,255,255) !important;
}


/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * HEADER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#header {
	width: 100%;
}
#header img {
}

/* header-top | header-nav */
.header-top {
	position: relative;
	background: rgb(236,236,237);
	padding: 0.8em 5em 0.9em 5em;
}
.header-top > .header-nav {
	float: right;
	width: auto;
}
.header-top > .header-nav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.header-top > .header-nav ul > li {
	display: inline-block;
}
.header-top > .header-nav ul > li a {
	font-family: 'asap_condensedsemibold';
	font-size: 1.45em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,100,113);
}
.header-top > .header-nav ul li a:hover,
.header-top > .header-nav ul li a:active,
.header-top > .header-nav ul li.current-menu-item a {
	color: rgb(219,0,41);
}
.header-nav ul.sub-nav {/* sub-nav */
	padding-top: 0.52em;
	margin-right: 1.2em;
}
.header-nav ul.sub-nav li {
	margin-right: 1.2em;
}
.header-nav ul.switch-language {/* switch-language */
	padding-top: 0.52em;
	margin-right: 2em;
}
.header-nav ul.switch-language li:after {
	font-family: 'asap_condensedsemibold';
	content:' | ';
    color: rgb(90,100,113);
	font-size: 1.45em;
	padding: 0 0.2em 0 0.1em;
}
.header-nav ul.switch-language li:last-child:after {
	content:'';
}
.header-nav ul.social-media { /* nav social-media */
}
.header-nav ul.social-media > li {
	margin-left: 1em;
}
.header-nav ul.social-media > li > a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	text-indent:-99999px;
}
.header-nav ul.social-media > li.facebook > a {
	width: 22px;
	background-image: url(images/icon-facebook.png);
	background-image: url(images/icon-facebook.svg);
	background-size: 22px 22px;
}
.header-nav ul.social-media > li.youtube > a {
	width: 53px;
	background-image: url(images/icon-youtube.png);
	background-image: url(images/icon-youtube.svg);
	background-size: 53px 22px;
}
.header-nav ul.social-media > li.xing > a {
	width: 19px;
	background-image: url(images/icon-xing.png);
	background-image: url(images/icon-xing.svg);
	background-size: 19px 22px;
}
.header-top .search { /* input search */
	float: right;
	margin-right: 3em;
	margin-top: 0.2em;
}
.header-top .search form {
	margin: 0;
}
.header-top .search input {
	display: block;
	float: left;
	width: 8.5em;
	color: rgb(219,0,41);
	background: none;
	border: none;
	border-bottom: 1px solid rgb(90,100,113);
	margin-right: 0.5em;
}
.header-top .search input:hover,
.header-top .search input:active {
	border-bottom-color: rgb(219,0,41);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
.header-top .search button {
	display: block;
	float: left;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-size: 16px 12px;
	background-image: url(images/lupe.png);
	background-image: url(images/lupe.svg);
	cursor: pointer;
}
.header-top .search button:hover,
.header-top .search button:active {
	background-image: url(images/lupe-hover.png);
	background-image: url(images/lupe-hover.svg);
}

/* header-banner */
.header-banner {
	position: relative;
	/*padding: 2.2em 0 0.45em 0;*/
	padding: 2.2em 0 0 0;
}
.header-banner .logo {
	display: block;
	width: 21em;
	height: 8.4em;
	text-indent:-99999px;
	background-repeat: no-repeat;
	background-size: 21em 8.4em;
	background-image: url(images/logo.png);
	background-image: url(images/logo.svg);
	margin-left: 5em;
	margin-bottom: 1.6em;
}
.header-banner > #banner { /* banner | slider */
	height: 32.6em;
	background-position: center center;
  	background-repeat: no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	text-indent:-99999px;
	margin-top: 1.9em;
	margin-bottom: 0.45em;
}
.header-banner #slider-banner ul,
.header-banner #slider ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.header-banner #slider-banner {
	height: 32.6em;
	overflow: hidden;
	text-indent:-99999px;
	margin-top: 0.3em;
	margin-bottom: 0.45em;
}
.header-banner #slider-banner section {
	height: 32.6em;
	background-position: center center;
  	background-repeat: no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.header-banner #slider {
	height: 35.6em;
	overflow: hidden;
	margin-top: -2.2em;
}
.header-banner #slider section {
	height: 32.6em;
	background-position: center center;
  	background-repeat: no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.header-banner #slider section .line-01,
.header-banner #slider section .line-02,
.header-banner #slider section .line-03 {
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.header-banner #slider section .line-01 span,
.header-banner #slider section .line-02 span,
.header-banner #slider section .line-03 span {
	display: inline-block;
}
.header-banner #slider section .line-01,
.header-banner #slider section .line-03 {
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
}
.header-banner #slider section .line-01 {
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.08em;
	padding-top: 3em;
	margin-left: 0.15em;
}
.header-banner #slider section .line-01 span {
	padding: 0.3em 0.6em 0.1em 0.6em;
	background: rgb(219,0,41);
}
.header-banner #slider section .line-02 {
	font-family: 'eb_garamond12_italic';
	color: rgb(0,72,138);
	font-size: 8.0em;
	margin-top: -0.35em;
	margin-left: 0.8em;
	margin-bottom: 0;
}
.header-banner #slider section .line-02 span {
	padding: 0.50em 0.5em 0.68em 0.3em;
	background: rgb(255,255,255);
}
.header-banner #slider section .line-03 {
	font-size: 2.8em;
	line-height: 0.9em;
	letter-spacing: 0.03em;
	margin-top: -0.8em;
	margin-left: 21em;
}
.header-banner #slider section .line-03 span {
	padding: 0.3em 0.6em 0.1em 0.6em;
	background: rgb(0,72,138);
}
.header-banner > .teaser { /* teaser */
	display: table;
	position: absolute;
	right: 6.57em;
	top: 5.2em;
	text-transform: uppercase;
	text-align: center;
	color: rgb(255,255,255);
	min-width: 15.5em;
	min-height: 15.5em;
	background: rgb(219,0,41);
	border-radius: 50%;
	-webkit-transform: rotate(9deg); 
	-moz-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	transform: rotate(9deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 998;
}
.header-banner > .teaser p {
	width: 155px;
	height: 155px;
    display: table-cell;
    vertical-align: middle;
	font-family: 'asap_condensedmedium';
	font-size: 1.55em;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
.header-banner > .teaser p strong {
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;	
	font-family: 'asap_condensedsemibold' !important;
}
.header-banner > .teaser a {
	color: rgb(255,255,255);
	text-decoration: none;
}





/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * NAVIGATION                                                                    *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#nav {
	margin-left: -1.2em;
	margin-bottom: 3.5em;
	white-space: nowrap;
}
#nav ul {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul > li {
	position: relative;
	display: inline-block;
	margin-right: 0.9em;
	padding-bottom: 2em;
}
#nav ul > li:last-child {
	margin-right: 0;
}
#nav ul > li > a {
	display: block;
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,100,113);
	padding-left: 0.8em;
	background-position: left 0.15em;
	background-repeat: no-repeat;
	background-size: 9px 9px;
}

#nav ul > li > a:hover,
#nav ul > li > a:active,
#nav ul > li:hover > a,
#nav ul > li.current-menu-item > a,
#nav ul > li.current-page-ancestor > a {
	color: rgb(219,0,41);
	background-image: url(images/stern.png);
	background-image: url(images/stern.svg);
}

#nav ul > li > ul {
	display: none;
	position: absolute;
	top: 2em;
	width: auto;
	margin-left: -1.7em;
	padding: 0 1.7em 0 1.7em;
	background: rgb(255,255,255);
	z-index: 998;
	-webkit-box-shadow: 0 3px 5px 0 rgba(74,70,60,0.4);
	-moz-box-shadow: 0 3px 5px 0 rgba(74,70,60,0.4);
	box-shadow: 0 3px 5px 0 rgba(74,70,60,0.4);
}
#nav ul > li:hover > ul {
	display: block;
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;   
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
#nav ul > li > ul > li {
	display: block;
	white-space: nowrap;
	padding: 1.25em 0 1.0em 0;
	border-bottom: 2px solid rgb(208,213,222);
}
#nav ul > li > ul > li:last-child {
	border-bottom: none;
}
#nav ul > li > ul > li > a {
	padding-right: 0.8em;
}
#nav ul > li > ul > li:hover > a {
	background-image: none;
}
#nav ul > li > ul > li > a:hover,
#nav ul > li > ul > li > a:active,
#nav ul > li > ul > li.current-menu-item > a {
	background-image: url(images/stern.png);
	background-image: url(images/stern.svg);
	
}

/* nav-responive */
#nav-responsive {
	display: none;
}
#nav-responsive ul {
	padding: 0.8em 2em 0.8em 2em;
}
#nav-responsive ul > li {
	display: block;
	margin-right: 0;
	border-bottom: 2px solid rgb(208,213,222);
	padding: 1.25em 0 1em 0;
}
#nav-responsive ul > li:last-child {
	border-bottom: none;
	margin-bottom: 4em;
}
#nav-responsive ul > li > ul > li:last-child {
	margin-bottom: 0;
}
#nav-responsive ul > li > a {
	display: block;
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,100,113);
	padding-left: 0.8em;
	background-position: left 0.15em;
	background-repeat: no-repeat;
	background-size: 9px 9px;
}

#nav-responsive ul > li > a:hover,
#nav-responsive ul > li > a:active,
#nav-responsive ul > li:hover > a,
#nav-responsive ul > li.current-menu-item > a,
#nav-responsive ul > li.current-page-ancestor > a {
	color: rgb(219,0,41);
	background-image: url(images/stern.png);
	background-image: url(images/stern.svg);
}

#nav-responsive ul > li > ul {
	padding: 0.8em 0 0.8em 0;
}
#nav-responsive ul > li > ul > li {
	padding: 0;
	border-bottom: none;
	margin-bottom: 0.8em;
}
#nav-responsive ul > li > ul > li:last-child {
	margin-bottom: 0;
}
#nav-responsive ul > li > ul > li > a {
	padding-right: 0;
	font-size: 1.5em;
}

.toggle-nav {
	display: none;
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,100,113);
	margin: 0;
}
.header-top .toggle-nav {
	position: absolute;
	left: 18px;
	top: 10px;
}
#nav-responsive .toggle-nav {
	margin-left: 2em;
	margin-top: 0.5em;
}
.toggle-nav span {
	font-size: 1.5em;
}
.toggle-nav:hover,
.toggle-nav:active {
	color: rgb(219,0,41);
}
.toggle-button {
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/menu-icon.png);
	background-image: url(images/menu-icon.svg);
	background-size: 20px 14px;
}
.toggle-button:hover,
.toggle-button:active {
	color: rgb(219,0,41);
	background-size: 20px 14px;
	background-image: url(images/menu-icon-hover.png);
	background-image: url(images/menu-icon-hover.svg);
}
.slideout-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 30em;
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	display: none;
	background: rgb(255,255,255);
}
.slideout-panel {
	position: relative;
  	z-index: 1;
  	will-change: transform;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * MAIN                                                                          *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#main {
	float: right;
	width: 67.78846153846155%; /* 705/1040 */
}
#main img {
	display: block;
	max-width: 100%;
	height: auto;
}
#main p > img {
	margin: 1.5em 0;
}
#main > .inner p a,
#main > .inner h3 a,
#main > .inner h4 a,
#main > .inner h5 a,
#main > .inner h6 a {
	color: rgb(90,100,113);
}
#main > .inner p a:hover,
#main > .inner p a:active,
#main > .inner h3 a:hover,
#main > .inner h3 a:active,
#main > .inner h4 a:hover,
#main > .inner h4 a:active,
#main > .inner h5 a:hover,
#main > .inner h5 a:active,
#main > .inner h6 a:hover,
#main > .inner h6 a:active {
	text-decoration: none;
	color: rgb(219,0,41);
}
#main > .inner p.mehr > a {
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
#main > .inner p.mehr > a:hover,
#main > .inner p.mehr > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
#main > .inner hr {
	border: none;
	border-bottom: 2px solid rgb(208,213,222);
	margin: 2.5em 0 2.5em 0;
}
#main > .inner hr + h2 {
	margin-top: 1.8em !important;
}

/* iframe container */
#main > .inner .embedded-box {
  	position: relative;
  	padding: 0 0 50% 0;
	margin: 4em 0;
  	height: 0;
  	overflow: hidden;
}
#main > .inner .embedded-box iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}

/* formular */
#main > .inner form {
	margin: 3em 0;
	width: 75%;
}
#main > .inner label {
}
#main > .inner input[type=text], 
#main > .inner input[type=email],
#main > .inner select {
	display: block;
	margin-bottom: 2em;
	width: 100%;
	border: none;
	border-bottom: 2px solid rgb(208,213,222);
	color: rgb(219,0,41);
	padding: 0.3em 0;
}
#main > .inner input[type=checkbox] {
	display: block;
	float: left;
	width: 1em;
	height: 1em;
	margin-left: 0;
	margin-right: 1em;
	border: 1px solid rgb(208,213,222);
}
#main > .inner input[type=submit] {
	clear: both;
	display: block;
	border: none;
	font-family: 'fira_sansbold';
	font-size: 0.9em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	padding: 0.2em 0 0.2em 1.2em;
	margin-top: 2em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
	cursor: pointer;
}
#main > .inner input[type=submit]:hover,
#main > .inner input[type=submit]:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}

.tnp-subscription {
	margin: 3em 0 !important;
	padding: 0 !important;
}
.tnp-subscription form {
	margin: 0 !important;
	padding: 0 !important;
} 
.tnp-subscription label {
	padding: 0 !important;
}
.tnp-subscription input[type=email] {
	margin-bottom: 2em !important;
	background: none !important;
	border: none !important;
	border-bottom: 2px solid rgb(208,213,222) !important;
	color: rgb(219,0,41) !important;
	padding: 0.3em 0 !important;
	height: 2em !important;
}
.tnp-subscription input[type=submit] {
	font-size: 1em !important;
	background-position: left 0.6em !important;
}



/* main-teaser */
.main-teaser {
	margin-bottom: 1.2em;
}
.main-teaser > .teaser-item {
	float: left;
	width: 31.631205673758867%; /* 223/705 */
	margin-right: 2.553191489361702%; /* 18/705 */
}
.main-teaser > .teaser-item:last-child {
	margin-right: 0;
}
.main-teaser > .teaser-item h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background: rgb(90,100,113);
	padding: 0.4em 0.5em 0.2em 0.5em;
	margin-bottom: 0.2em;
	margin-top: 0;
}
.main-teaser > .teaser-item img {
	display: block;
	margin-bottom: 1.6em;
}
.main-teaser > .teaser-item p > a {
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
.main-teaser > .teaser-item p > a:hover,
.main-teaser > .teaser-item p > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
.main-teaser > .teaser-item p > a:hover,
.main-teaser > .teaser-item p > a:active {
	color: rgb(219,0,41);
}

/* main-image-box */
.main-image-box {
	padding: 3em 0 1em 0;
	border-top: 2px solid rgb(208,213,222);
	border-bottom: 2px solid rgb(208,213,222);
	margin: 3em 0;
}
.main-image-box + .main-image-box {
	border-top: none;
	margin-top: -3em;
}
.main-image-box > .image {
	float: left;
	width: 25.53191489361702%; /* 180/705 */
	margin: 0 0 2.1em 0;
}
.main-image-box > .image img {
	display: block;
	margin: 0;
}
.main-image-box > .inner {
	float: right;
	width: 69.7872340425532%; /* 492/705 */
}
.main-image-box h2,
.main-image-box h3 {
	font-size: 2.0em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin: 0 0 0.8em 0;
}
.main-image-box + h3 {
	margin-top: -0.1em !important;
}

/* main-sublink-boxes */
.main-sublink-boxes {
	margin: 4em 0;
}
.main-sublink-boxes > .sublink-item {
	float: left;
	width: 31.631205673758867%; /* 223/705 */
	margin-right: 2.553191489361702%; /* 18/705 */
	margin-bottom: 2.553191489361702%;
}
.main-sublink-boxes > .sublink-item:nth-child(3n) {
	margin-right: 0;
}
.main-sublink-boxes > .sublink-item a {
	text-decoration: none;
	color: rgb(255,255,255);
}
.main-sublink-boxes > .sublink-item h2 {
	font-family: 'asap_condensedsemibold';
	min-height: 2.4em;
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background: rgb(90,100,113);
	padding: 0.4em 0.5em 0.2em 0.5em;
	margin-bottom: 0.2em;
	margin-top: 0;
}
.main-sublink-boxes > .sublink-item img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
}

/* main-gallery */
.main-gallery {
	padding: 0;
	margin: 4em 0;
	list-style: none;
}
.main-gallery + h1,
.main-gallery + h2 {
	margin-top: 1em !important;
}
.main-gallery > li {
	float: left;
	position: relative;
	width: 32.76595744680851%; /*231/705 */
	padding-top: 32.76595744680851%;
	overflow: hidden;
	margin-right: 0.851063829787234%; /*6/705 */
	margin-bottom: 0.851063829787234%;
	background-position: center center;
  	background-repeat: no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.main-gallery > li:nth-child(3n) {
	margin-right: 0;
}
.main-gallery > li > a {
	display: block;
	position:  absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

/* main-archive-events */
.main-archive-events {
	margin: 10em 0 4em 0;
}
.main-archive-events > .archive-events-header {
	border-bottom: 2px solid rgb(208,213,222);
	padding: 0 0 0.6em 0;
}
.archive-events-item + .archive-events-header {
	margin-top: 8em !important;
}
.main-archive-events > .archive-events-header > h1 {
	font-family: 'asap_condensedsemibold';
	font-size: 3.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgb(219,0,41);
	margin-bottom: 1.1em;
}
.main-archive-events > .archive-events-header > .month-nav {
	float: right;
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.main-archive-events > .archive-events-header > .month-nav a {
	color: rgb(90,100,113);
	text-decoration: none;
}
.main-archive-events > .archive-events-header > .month-nav .previous,
.main-archive-events > .archive-events-header > .month-nav .next {
	display: inline-block;
	text-indent:-99999px;
	width: 6px;
	height: 20px;
	background-repeat: no-repeat;
}
.main-archive-events > .archive-events-header > .month-nav .previous {
	margin-right: 0.5em;
	background-position: left 0.4em;
	background-image: url(images/arrow-left.png);
	background-image: url(images/arrow-left.svg);
	background-size: 6px 10px;
}
.main-archive-events > .archive-events-header > .month-nav .previous:hover,
.main-archive-events > .archive-events-header > .month-nav .previous:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-left-hover.png);
	background-image: url(images/arrow-left-hover.svg);
}
.main-archive-events > .archive-events-header > .month-nav .next {
	margin-left: 0.5em;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
.main-archive-events > .archive-events-header > .month-nav .next:hover,
.main-archive-events > .archive-events-header > .month-nav .next:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
.main-archive-events > .archive-events-header > .month-nav a:hover,
.main-archive-events > .archive-events-header > .month-nav a:active {
	color: rgb(219,0,41);
}
.main-archive-events > .archive-events-item {
	border-bottom: 2px solid rgb(208,213,222);
	padding: 0.6em 0 0.2em 0;
}
.main-archive-events > .archive-events-item:last-child {
	/*border-bottom: none;*/
}
.main-archive-events > .archive-events-item > .date {
	float: left;
	width: 25.53191489361702%; /* 180/705 */
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(219,0,41);
	margin-top: 1.4em;
	margin-bottom: 2.1em;
}
.main-archive-events > .archive-events-item > .date > span {
	display: block;
	line-height: 1.1em;
}
.main-archive-events > .archive-events-item > .date > .weekday {
	font-size: 2em;
}
.main-archive-events > .archive-events-item > .date > .day-month {
	font-size: 3.6em;
	letter-spacing: 0.05em;
}
.main-archive-events > .archive-events-item > .date > .time {
	font-size: 1.6em;
}
.main-archive-events > .archive-events-item > .inner {
	float: right;
	width: 69.7872340425532%; /* 492/705 */
}
.main-archive-events > .archive-events-item > .inner > h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 2em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin-bottom: 0.5em;
	margin-top: 0.6em;
}
.main-archive-events > .archive-events-item > .inner > h2.highlight {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/highlight.png);
	background-image: url(images/highlight.svg);
	background-size: 20px 20px;
	text-indent: 1.4em;
}
.main-archive-events > .archive-events-item > .inner > p > a {
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
.main-archive-events > .archive-events-item > .inner > p > a:hover,
.main-archive-events > .archive-events-item > .inner > p > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
.main-archive-events > .archive-events-item > .inner > p > a:hover,
.main-archive-events > .archive-events-item > .inner > p > a:active {
	color: rgb(219,0,41);
}

/* main-single-events */
.main-single-events {
}
.main-single-events > p {
	float: right;
}
.main-single-events > p > a {
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.42em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-left.png);
	background-image: url(images/arrow-left.svg);
	background-size: 6px 10px;
}
#footer p.mehr > a:hover,
#footer p.mehr > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-left-hover.png);
	background-image: url(images/arrow-left-hover.svg);
}
.main-single-events > p > a:hover,
.main-single-events > p > a:active {
	color: rgb(219,0,41);
}
.main-single-events > .image {
	clear: both;
	margin: 0 0 2.1em 0;
}
.main-single-events > .image figcaption {
	text-align: right;
	font-size: 1em;
}
.main-single-events > .date {
	float: left;
	width: 25.53191489361702%; /* 180/705 */
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(219,0,41);
	margin-top: 1.4em;
	margin-bottom: 2.1em;
}
.main-single-events > .date > span {
	display: block;
	line-height: 1.1em;
}
.main-single-events > .date > .weekday {
	font-size: 2em;
}
.main-single-events > .date > .day-month {
	font-size: 3.6em;
	letter-spacing: 0.05em;
}
.main-single-events > .date > .time {
	font-size: 1.6em;
}
.main-single-events > .inner {
	float: right;
	width: 69.7872340425532%; /* 492/705 */
}
.main-single-events > .inner > h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 2em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin-bottom: 0.5em;
	margin-top: 0.6em;
}
.main-single-events > .inner h2 + h2 {
	margin-top: -0.5em !important;
	margin-bottom: 1.1em !important;
}
.main-single-events > .inner > h2.highlight {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/highlight.png);
	background-image: url(images/highlight.svg);
	background-size: 20px 20px;
	text-indent: 1.4em;
}
.main-single-events > .inner > h3 {
	font-size: 2.0em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin: 0 0 0.8em 0;
}
.main-single-events > .inner > h4,
.main-single-events > .inner > h5,
.main-single-events > .inner > h6 {
	font-family: 'fira_sansbold';
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	margin: 0 0 0.8em 0;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * ASIDE                                                                         *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#aside {
	float: left;
	width: 29.03846153846154%; /* 302/1040 */
}
#aside img {
	max-width: 100%;
	height: auto;
}

/* aside-news */
.aside-news > .news-header {
	position: relative;
	margin-bottom: 1.0em;
}
.aside-news > .news-header > h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.05em;
	background: rgb(0,72,138);
	padding: 0.3em 0.6em 0.1em 0.6em;
	margin: 0;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 98;
}
.aside-news > .news-header .bar {
	display: block;
	position: absolute;
	width: 101%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9;
	background-image: url(images/aside-bar.svg);
	background-position: bottom;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
  	background-size: contain;
}
.aside-news > .news-item {
	border-bottom: 2px solid rgb(208,213,222);
	padding: 0.6em 0 0.6em 0;
}
.aside-news > .news-item:last-child {
	border-bottom: none;
}
.aside-news > .news-item > .news-date {
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1em;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgb(219,0,41);
	margin-bottom: 0;
}
.aside-news > .news-item > h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 2.0em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin-bottom: 0.5em;
	margin-top: 0.3em;
}
.aside-news > .news-item > h2.highlight {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/highlight.png);
	background-image: url(images/highlight.svg);
	background-size: 20px 20px;
	text-indent: 1.4em;
}
.aside-news > .news-item > p {
	margin-bottom: 1.2em;
}
.aside-news > .news-item > p > a {
	font-family: 'fira_sansbold';
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
.aside-news > .news-item > p > a:hover,
.aside-news > .news-item > p > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
.aside-news > .news-item > p > a:hover,
.aside-news > .news-item > p > a:active {
	color: rgb(219,0,41);
}

/* aside-events */
.aside-events > h1 {
	display: inline-block;
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.05em;
	background: rgb(0,72,138);
	padding: 0.4em 0.6em 0.2em 0.6em;
	margin: 0 0 0.5em 0;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.aside-events > .events-item {
	border-bottom: 2px solid rgb(208,213,222);
	padding: 2.2em 0 0.6em 0;
}
.aside-events > .events-item:last-child {
	border-bottom: none;
}
.aside-events > .events-item > .events-header {
	position: relative;
	margin-bottom: 2.5em;
}
.aside-events > .events-item > .events-header p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.05em;
	background: rgb(219,0,41);
	padding: 0.3em 0.6em 0.1em 0.6em;
	margin: 0;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 98;
}
.aside-events > .events-item > .events-header .bar {
	display: block;
	position: absolute;
	width: 101%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9;
	background: url(images/aside-bar.svg) bottom no-repeat;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
  	background-size: contain;
}
.aside-events > .events-item h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 2.0em;
	line-height: 1.25em;
	letter-spacing: 0.02em;
	margin-bottom: 0.5em;
	margin-top: 0.3em;
}
.aside-events > .events-item h2.highlight {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/highlight.png);
	background-image: url(images/highlight.svg);
	background-size: 20px 20px;
	text-indent: 1.4em;
}
.aside-events > .events-item > p {
	margin-bottom: 1.2em;
}
.aside-events > .events-item > p.no-event {
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1em;
	color: rgb(219,0,41);
	text-transform: uppercase;
}
.aside-events > .events-item > p > a {
	font-family: 'fira_sansbold';
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
.aside-events > .events-item > p > a:hover,
.aside-events > .events-item > p > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
.aside-events > .events-item > p > a:hover,
.aside-events > .events-item > p > a:active {
	color: rgb(219,0,41);
}

/* aside-termine */
.aside-termine {
	margin: 4em 0;
}
.aside-termine > h1 {
	display: inline-block;
	width: auto;
	font-family: 'asap_condensedsemibold';
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: 2.5em;
	line-height: 0.9em;
	letter-spacing: 0.05em;
	background: rgb(0,72,138);
	padding: 0.3em 0.6em 0.1em 0.6em;
	margin: 0;
	-webkit-transform: skew(-5deg) rotate(-5deg); 
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.aside-termine > ul {
	margin: 3em 0 0 0;
	padding: 0;
	list-style: none;
}
.aside-termine > ul > li {
	font-family: 'asap_condensedsemibold';
	margin-bottom: 1.1em;
	font-size: 1.6em;
	line-height: 1em;
	color: rgb(219,0,41);
	text-transform: uppercase;
}
.aside-termine > ul > li > a {
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(219,0,41);
}
.aside-termine > ul > li > a:hover,
.aside-termine > ul > li > a:active {
	color: rgb(90,100,113);
}

/* aside-nav */
.aside-nav ul {
	padding: 0;
	margin: 0 0 5.5em 0;
	list-style: none;
}
.aside-nav ul > li {
	display: block;
	margin-right: 0;
	border-bottom: 2px solid rgb(208,213,222);
	padding: 1.25em 0 1em 0;
}
.aside-nav ul > li:first-child {
	border-top: 2px solid rgb(208,213,222);
}
.aside-nav ul > li > a {
	display: block;
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,100,113);
	padding-left: 0.8em;
	background-position: left 0.15em;
	background-repeat: no-repeat;
	background-size: 9px 9px;
}
.aside-nav ul > li > a:hover,
.aside-nav ul > li > a:active,
.aside-nav ul > li:hover > a,
.aside-nav ul > li.current-menu-item > a,
.aside-nav ul > li.current-page-ancestor > a {
	color: rgb(219,0,41);
	background-image: url(images/stern.png);
	background-image: url(images/stern.svg);
}
.aside-nav ul > li > ul {
	padding-top: 1.25em;
	margin-bottom: 0;
}
.aside-nav ul > li > ul > li {
	border-bottom: none;
	padding-bottom: 0;
	padding-left: 1.25em;
	background-position: left 1.9em;
	background-repeat: no-repeat;
	background-size: 8px 2px;
	background-image: url(images/minus.svg);
}
.aside-nav ul > li > ul > li > a {
	padding-left: 0;
	padding-bottom: 0.7em;
	background: none;
	border-bottom: 2px solid rgb(208,213,222);
}
.aside-nav ul > li > ul > li:last-child > a {
	border-bottom: none;
	padding-bottom: 0;
}
.aside-nav ul > li > ul > li:hover,
.aside-nav ul > li > ul > li:active,
.aside-nav ul > li > ul > li.current-menu-item {
	background-image: url(images/minus-hover.svg);
}
.aside-nav ul > li > ul > li > a:hover,
.aside-nav ul > li > ul > li > a:active,
.aside-nav ul > li > ul > li:hover > a,
.aside-nav ul > li > ul > li.current-menu-item > a {
	background-image: none;
}


/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * FOOTER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	background: rgb(236,236,237);
}
#footer img {
	max-width: 100%;
	height: auto;
}
#footer .logo {
	display: block;
	width: 21em;
	height: 8.4em;
	text-indent:-99999px;
	background-repeat: no-repeat;
	background-size: 21em 8.4em;
	background-image: url(images/logo.png);
	background-image: url(images/logo.svg);
}
#footer > .inner {
	padding: 4.3em 2em 5em 2em;
}
#footer p {
	font-size: 1.5em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	margin-bottom: 1.1em;
}
#footer a {
	color: rgb(90,100,113);
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	color: rgb(219,0,41);
}
#footer p.mehr > a {
	font-family: 'fira_sansbold';
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(90,100,113);
	text-decoration: none;
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-image: url(images/arrow-right.png);
	background-image: url(images/arrow-right.svg);
	background-size: 6px 10px;
}
#footer p.mehr > a:hover,
#footer p.mehr > a:active {
	color: rgb(219,0,41);
	background-size: 6px 10px;
	background-image: url(images/arrow-right-hover.png);
	background-image: url(images/arrow-right-hover.svg);
}
#footer p.mehr > a:hover,
#footer p.mehr > a:active {
	color: rgb(219,0,41);
}
#footer hr {
	border: none;
	border-bottom: 2px solid rgb(172,176,184);
	margin-bottom: 2.2em;
}

.footer-left {
	float: left;
	width: 29.03846153846154%; /* 302/1040 */
}
.footer-right {
	float: right;
	width: 67.78846153846155%; /* 705/1040 */
	margin-bottom: 4em;
}
.footer-right > .footer-col {
	float: left;
	width: 31.631205673758867%; /* 223/705 */
	margin-right: 2.553191489361702%; /* 18/705 */
}
.footer-right > .footer-col:last-child {
	margin-right: 0;
}
.footer-bottom {
	clear: both;
}
.footer-bottom p {
	font-size: 1.3em;
	float: left;
	width: 55%;
}
.footer-bottom ul.foerderer {
	float: right;
	margin: 2em 0 0 2.5em;
	padding: 0;
	list-style: none;
}
.footer-bottom ul.foerderer li {
	display: inline-block;
	margin-right: 2.5em;
	height: 50px;
	background-repeat: no-repeat;
}
.footer-bottom ul.foerderer li a {
	display: block;
	height: 50px;
	text-indent:-99999px;
}
.footer-bottom ul.foerderer li:nth-child(1) {
	width: 122px;
	background-image: url(images/logo-bw-regierungspraesidium.png);
	background-image: url(images/logo-bw-regierungspraesidium.svg);
	background-size: 122px 50px;
}
.footer-bottom ul.foerderer li:nth-child(2) {
	width: 134px;
	background-image: url(images/logo-stuttgart.png);
	background-image: url(images/logo-stuttgart.svg);
	background-size: 134px 50px;
}
.footer-bottom ul.foerderer li:nth-child(3) {
	width: 70px;
	background-image: url(images/logo-us-embassy-berlin.png);
	background-image: url(images/logo-us-embassy-berlin.svg);
	background-size: 70px 50px;
	margin-right: 0;
}
.footer-right > .footer-col h2 {
	font-family: 'asap_condensedsemibold';
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 1em;
	margin-top: 0;
}

/* responsive-search-social-media */
#footer .responsive-search-social-media {
	display: none;
	margin-bottom: 6em;
}
#footer .responsive-search-social-media .search {
	float: left;
}
#footer .responsive-search-social-media .search form {
	margin: 0;
}
#footer .responsive-search-social-media .search input {
	display: block;
	float: left;
	width: 8.5em;
	color: rgb(219,0,41);
	background: none;
	border: none;
	border-bottom: 1px solid rgb(90,100,113);
	margin-right: 0.5em;
}
#footer .responsive-search-social-media .search input:hover,
#footer .responsive-search-social-media .search input:active {
	border-bottom-color: rgb(219,0,41);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
#footer .responsive-search-social-media .search button {
	display: block;
	float: left;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	background-size: 16px 12px;
	background-image: url(images/lupe.png);
	background-image: url(images/lupe.svg);
	cursor: pointer;
}
#footer .responsive-search-social-media .search button:hover,
#footer .responsive-search-social-media .search button:active {
	background-image: url(images/lupe-hover.png);
	background-image: url(images/lupe-hover.svg);
}
#footer .responsive-search-social-media ul.social-media {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .responsive-search-social-media ul.social-media > li {
	display: inline-block;
	margin-left: 1em;
}
#footer .responsive-search-social-media ul.social-media > li > a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	text-indent:-99999px;
}
#footer .responsive-search-social-media ul.social-media > li.facebook > a {
	width: 22px;
	background-image: url(images/icon-facebook.png);
	background-image: url(images/icon-facebook.svg);
	background-size: 22px 22px;
}
#footer .responsive-search-social-media ul.social-media > li.youtube > a {
	width: 53px;
	background-image: url(images/icon-youtube.png);
	background-image: url(images/icon-youtube.svg);
	background-size: 53px 22px;
}
#footer .responsive-search-social-media ul.social-media > li.xing > a {
	width: 19px;
	background-image: url(images/icon-xing.png);
	background-image: url(images/icon-xing.svg);
	background-size: 19px 22px;
}