html, body { height: 100% }
body, h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #012 }
body { background: transparent; font-size: 1em }
a, a:link { outline: 0!important }
input[type="text"], input[type="email"] { height: 40px!important; border: none!important; margin: 0 0 .75em!important }
.wpcf7 input[type="text"] { height: inherit!important; border: inherit!important; margin: inherit!important }
.button, button { -o-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; -khtml-transition: background-color 300ms ease-out; -webkit-transition: background-color 300ms ease-out; -ms-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out }
small { font-size: 80% }
strong, b { font-weight: 700 }
p { margin: 0 0 .75em }
.entry-utility { display: none; visibility: hidden }
.fixed { z-index: 1041!important }
.row { background: #fff!important; max-width: 71.25em!important }
.contain-to-grid, .top-bar.expanded .title-area { background: #012!important }
.contain-to-grid .top-bar, .top-bar .row { background: #012!important; max-width: 71.25em!important }
.top-bar { height: 90px!important; line-height: 90px!important }
.top-bar .name { padding: 1em!important }
.top-bar .name, .top-bar.expanded { min-height: 90px!important; height: auto!important }
.top-bar.expanded { background: #012!important }
.top-bar-section li { background: transparent!important }
.top-bar-section li:first-child { margin-top: 2em!important }
.top-bar-section li a { font-family: 'Open Sans', sans-serif!important; font-weight: 400!important; background: transparent!important; color: #fff!important }
.top-bar-section li a span { display: block!important }
.container { opacity: 0 }
.reveal-modal .row { background: transparent!important }
.reveal-modal p { color: #fff; padding: .75em .65em; margin-top: 0; margin-left: .5em; margin-bottom: 0 }
.reveal-modal .button { width: inherit!important; height: 40px!important; background: #012!important; line-height: inherit!important; margin: inherit!important; padding: .5em 0!important; color: #fff!important; font-size: 1em!important; text-transform: none!important }
.reveal-modal .close-reveal-modal { color: #012; top: .35rem }
.entry-content { position: relative }
.entry-content .captions { color: #012!important }
#footer { max-width: 71.25em; width: 100%; margin: 0 auto }
#footer .top { border-top: 1px solid #abc; border-bottom: 1px solid #abc; border-left: 1px solid #fff; border-right: 1px solid #fff }
#footer .top.row { background: transparent!important }
#footer .top h4 { margin: 2em 0 0; padding: 0; font-size: 1em; text-transform: uppercase }
#footer .top span { color: #abc }
#footer .top a.button { background: #fff; margin: 1.5em auto; padding: .5em 1.875em }
#footer .top a.button h4 { text-transform: none; margin: 0; padding: 0 }
#footer .bottom .columns { border-right: 1px solid #abc }
#footer .bottom .columns:nth-of-type(6) { border: none }
#footer .bottom .columns img { margin: 1em 0; display: block }
#footer .bottom p { font-size: 80%; margin: 1em 0 }
#footer .bottom a { color: #012 }
#footer .bottom a:hover, #footer a:focus { text-decoration: underline }
#footer .bottom ul, #footer .bottom ul li { margin: 0; padding: 0 }
#footer .bottom ul li { list-style-type: none; line-height: 1.2 }
#footer .bottom ul li:first-child { margin: .75em 0 0 }
#footer .bottom ul li a { font-size: 80% }

@media screen and (min-width:40.0625em) {
html { background: #EAEEF2; overflow-y: scroll }
.medium-2-5, .large-2-5 { width: 20.833335% }
.medium-9-5, .large-9-5 { width: 79.166665% }
.top-bar .name { padding: 0!important }
.top-bar { height: 120px!important; line-height: 120px!important; border-bottom: 1px solid #abc!important }
.top-bar .name, .top-bar .name img { width: 175px!important; height: 120px!important }
.contain-to-grid, .contain-to-grid .top-bar, .contain-to-grid, .top-bar { background: transparent!important }
.contain-to-grid .top-bar, .top-bar .row { background: #fff!important }
.top-bar-section li { height: 120px!important; line-height: 120px!important; padding-top: 0!important; padding-bottom: 0!important }
.top-bar-section li:first-child { margin-top: 0!important }
.top-bar-section li a { color: #012!important; text-transform: uppercase!important; font-size: 1em!important; padding: 1.5em 1.25em!important; height: 120px!important; -o-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; -khtml-transition: background-color 300ms ease-out; -webkit-transition: background-color 300ms ease-out; -ms-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out }
.top-bar-section li a:hover, .top-bar-section li a:focus { background: #abc!important; color: #fff!important }
.top-bar-section li a:hover span, .top-bar-section li a:focus span { background: transparent!important; color: #fff!important }
.top-bar-section li.active a { background: #012!important; color: #fff!important }
.top-bar-section li a span { color: #abc!important; line-height: 0!important }
.top-bar-section li.active a span { color: #abc!important }
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] { border-right: solid 1px #abc!important; height: 120px!important }
.top-bar-section .right { margin: 2.5em 0!important }
.top-bar-section .right li { display: inline-block!important; height: 40px!important; width: 40px!important; line-height: inherit!important }
.top-bar-section .right li a { height: 40px!important; width: 40px!important; line-height: inherit!important; margin: 0!important; padding: 0!important; outline: 0!important }
.top-bar-section .right li a, .top-bar-section .right li a:hover, .top-bar-section .right li a:focus { background: transparent!important }
.top-bar-section .right li .button { width: inherit!important; height: 40px!important; background: #012!important; line-height: inherit!important; margin: inherit!important; padding: .5em 0!important; color: #fff!important; font-size: 1em!important; text-transform: none!important }
.top-bar-section .right li p { color: #fff!important; padding: 0 .65em; margin-top: 0; margin-left: .5em; margin-bottom: 0 }
.top-bar-section .right li img { display: inline-block!important; height: 40px!important; width: 40px!important }
.top-bar-section .right li:first-child { width: 225px!important; background: #F8F9FA!important; margin: 0!important; padding: 0!important }
.top-bar-section .right li:first-child img { display: inline!important; vertical-align: top!important; margin: 0!important; padding: 0!important }
.top-bar-section .right li:first-child span { display: inline!important; font-size: 1.25em!important; margin: .5em!important; line-height: 2!important }
.top-bar-section .right li a.fn { height: 40px!important; width: 40px!important; display: inline-block!important }
.top-bar-section .right li a.nl { height: 40px!important; width: 40px!important; background: transparent url(/wp-content/uploads/2015/11/newsletter.png) 0 0 no-repeat!important; display: inline-block!important }
.top-bar-section .right li a.fb { height: 40px!important; width: 40px!important; display: inline-block!important }
.f-dropdown { outline: 0!important }
.f-dropdown.content { position: absolute; background: #abc; display: none; left: -9999px; list-style: none; margin-left: 0; border: none; font-size: inherit; padding: .5em 0; max-width: none; width: 305px; max-height: none; height: 195px; z-index: 89; overflow: hidden }
.f-dropdown.drop-left:before, .f-dropdown.drop-left:after { display: none; visibility: hidden }
.f-dropdown .row { background: transparent!important }
.link-ausstellungen { color: inherit!important }
.link-ausstellungen:hover { color: #abc!important; text-decoration: none!important }
.reveal-modal.tiny { width: 305px; max-width: none }
#footer .top h4 { margin: 2em 0 0 2.5em }
#footer .top a.button { margin: 1.5em 0 }
#footer .top a.button:hover, #footer .top a.button:focus { background: #abc }
#footer .top a.button:hover h4, #footer .top a.button:hover span, #footer .top a.button:focus h4, #footer .top a.button:focus span { color: #fff }
#footer .bottom .columns img { margin: 1em auto }
#footer .bottom ul li a:hover, #footer .bottom ul li a:focus, #footer .bottom ul li.current-menu-item a { text-decoration: underline }
}
.top-bar.expanded .toggle-topbar a {
    color: #fff;
}
.top-bar.expanded .toggle-topbar a span {
	box-shadow: none;
}
@media only screen and (min-width:64.063em) {
.top-bar-section li a { font-size: 1.25em!important; padding: 1.25em!important }
}