/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; color:#04A1FF; }
a:active, a:hover { outline: 0; color:#fff;}
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight:700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

/* icons */
@font-face { font-family:'icomoon'; src:url("../../files/system/css/fonts/icomoon.eot?yiujfu"); src:url("../../files/system/css/fonts/icomoon.eot?yiujfu#iefix") format('embedded-opentype'), url("../../files/system/css/fonts/icomoon.ttf?yiujfu") format('truetype'), url("../../files/system/css/fonts/icomoon.woff?yiujfu") format('woff'), url("../../files/system/css/fonts/icomoon.svg?yiujfu#icomoon") format('svg'); font-weight: normal;  font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon { font-family: 'icomoon' !important;speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.down1:before { content: "\e900";}
.down2:before {content: "\e901";}
.xpand:before {content: "\e902";}
.facebook:before {content: "\e903";}
.instagram:before {content: "\e904";}
.line1:before {content: "\e905";}
.line2:before {content: "\e906";}
.linkedin:before {content: "\e907";}
.seeall:before {content: "\e909";}
.twitter:before {content: "\e910";}
.up1:before {content: "\e90b";}
.up2:before {content: "\e90c";}
.youtube:before {content: "\e90d";}
/* fonts */
@font-face { font-family:'sans-bold'; src:url("../../files/system/css/fonts/sans-bold-webfont.woff2") format('woff2'), url("../../files/system/css/fonts/sans-bold-webfont.woff") format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'sans-reg'; src:url("../../files/system/css/fonts/sans-reg-webfont.woff2") format('woff2'), url("../../files/system/css/fonts/sans-reg-webfont.woff") format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'serif-bold'; src: url("../../files/system/css/fonts/serif-bold-webfont.woff2") format('woff2'), url("../../files/system/css/fonts/serif-bold-webfont.woff") format('woff'); font-weight:normal; font-style:normal; }

body { font-family:'sans-reg', sans-serif; font-weight: 400; color:#fff; background:#dedede;}
h1, h2, h3, h4, h5, h6 {font-family:'serif-bold';}
b, strong {font-family:'sans-bold';}

/* allgemein */
.wrap {position:relative; opacity:0; width:100%; height:100%; }
.back {position:fixed; width:100%; height:100%; background:rgba(238,238,238,.85);}
.back_crunch {position:fixed; width:100%; height:100%; background:#000 url("../../files/system/images/trans.jpg") center center no-repeat; background-size: cover;}
.loading {position:fixed; top:50%; left:50%; margin:-40px 0 0 -70px; width:140px; height:81px; background:url("../../files/system/images/loading.png") no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }

/* seitenübergang */
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}
.wrap, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animsition-loading, .animsition-loading:after {display:none;}
@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% {  opacity: 1; }}
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; }}
.fade-in { -webkit-animation-name: fade-in;  animation-name: fade-in;}
@-webkit-keyframes fade-out { 0% {  opacity: 1; } 100% {  opacity: 0; }}
@keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; }}
.fade-out { -webkit-animation-name: fade-out;    animation-name: fade-out;}

/* header */
header {position:fixed; width:100%; z-index:1010;}
header .logo {position:relative; left:80px; top:30px;}

/* hamburger */
.menu_icon { position:fixed; top:50%; left:20px; cursor:pointer; background:none; width:35px; height:26px; margin-top:-13px; z-index:999; display:block;}
.menu_icon span { background: #fff none repeat scroll 0 0; display: block; height:2px; width: 35px; margin-bottom: 10px; overflow: hidden; position: relative; text-indent: 100%; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; }
.menu_icon:hover .icon_bar_1 { -webkit-transform: translate3d(0px, -2px, 0px); -moz-transform: translate3d(0px, -2px, 0px); -ms-transform: translate3d(0px, -2px, 0px); transform: translate3d(0px, -2px, 0px); }
.menu_icon:hover .icon_bar_3 { -webkit-transform: translate3d(0px, 2px, 0px); -moz-transform: translate3d(0px, 2px, 0px); -ms-transform: translate3d(0px, 2px, 0px); transform: translate3d(0px, 2px, 0px); }

/* navigation */
.navigation {position:fixed; z-index:1000; color:#fff; width:60%; height:100%; background:#000 url("../../files/system/images/trans.jpg") center center no-repeat; background-size: cover; left:-100%;}
.navigation .menu_icon {top:20px;}
.main_nav { margin-top:5%; }
.XXXmain_nav li {float:left; width:45%; position:relative; margin-bottom:60px;}
.main_nav li {position:relative; margin-bottom:30px;}
.main_nav li a { font-family:'serif-bold';font-size:50px; line-height:65px; letter-spacing:0.5px; color:#fff; padding-right:20px;}
.main_nav li.mail_link a { font-size:30px; line-height:45px; letter-spacing:0.5px;padding-right:0;}
.main_nav li a .desc { font-family:'sans-reg', sans-serif; font-size:12px; line-height:12px; color:#fff; display:none;}
.main_nav li:hover a, .main_nav li.trail a, .main_nav li.active a { color:#04A1FF; }

.navigation  .inner {position:absolute; width:100%; height:100%; padding:200px 60px 30px 180px; }
.navigation  .inner .overflowbox{ position: relative; height:100%; max-height: 100%; overflow:auto; }
.navigation .nav_bottom {position:absolute; width:100%; bottom:0; height:320px;}
.navigation .nav_bottom .col {float:left; width:31.3333%; padding-right:2%; display:none;}
.navigation .nav_bottom {font-size:12px; line-height:18px; }
.navigation .nav_bottom h6 {font-family:'sans-bold'; font-size:12px; color:#fff; }

.newsletter_sign {display:none;}

.navigation .nav_bottom div a.link {font-family:'sans-bold'; font-size:12px; line-height:12px; position:relative; padding-right:60px;}
.navigation .nav_bottom div a.link:after {content:""; position:absolute; margin-left:10px; width:50px; height:2px; background:#04A1FF; bottom:3px;}
.navigation .nav_bottom .more_info {font-size:12px; margin:20px 0 40px; display:none; float:none; width:100%;}
.imprint_nav {position:absolute; bottom:0; right:0;}
.imprint_nav li {float:left;}
.imprint_nav li:first-child {margin-right:30px;}
.imprint_nav li a{color:#fff;}
.imprint_nav li a:hover, .imprint_nav li.active{color:#04A1FF;}

.close { position:absolute; top:50%; margin-top:-20px; right:20px; display:block; width:40px; height:40px;}
.close .x { background: #fff none repeat scroll 0 0; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height:40px; width:40px; -webkit-transition-duration: 1s; transition-duration: 0.5s;}
.close .x.flop:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.close .x b {display: block;height: 0;margin: 0;padding: 0;position: absolute;width: 0;}
.close .x.large b {border: 20px solid rgba(255, 255, 255, 0);}
.close .x b:nth-child(1) {border-top-color: #000;top: -1px;}
.close .x b:nth-child(2) {border-left-color: #000;left: -1px;}
.close .x b:nth-child(3) {border-bottom-color: #000;bottom: -1px;}
.close .x b:nth-child(4) {border-right-color: #000;right: -1px;}

.social { position:absolute; right:80px; top:58px; color:#04A1FF;}
.navigation .social {display:none; z-index:1020; top:70px;}
.social .show_moments {float:left;position:relative; font-family:'sans-bold'; font-size:14px; line-height:14px; padding-right:60px; color:#fff;}
.social .show_moments:hover {color:#FA3B4D;}
.social .show_moments { -webkit-animation-duration: 2s; animation-duration: 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse {  0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }


.social .show_moments:after {content:""; position:absolute; margin-left:10px; width:50px; height:2px; background:#fff; bottom:3px;}
.social .show_moments:hover:after {background:#FA3B4D;}
.social_nav {float:right; margin-top:-8px; }
.social_nav li {float:left;margin-left:30px;}
.social_nav li a {color:#fff; display:block; font-size:20px; line-height:20px;}
.social_nav li a:hover {color:#FA3B4D;}
.social_nav li a span {display:none;}
.social_nav li a.youtube {font-size:20px;margin-top:1px;}

.mod_changelanguage {position:absolute; right:20px; top:100px; -moz-transform: rotate(30deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.mod_changelanguage li {font-size:16px; line-height:16px; }
.mod_changelanguage li a {position:relative; padding-left:25px;}
.mod_changelanguage li a:before {position:absolute; left:0; top:-2px; font-family: 'icomoon' !important;speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90b"; font-size:20px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mod_changelanguage a {color:#fff;}
.mod_changelanguage a:hover {color:#04A1FF;}

#mc_embed_signup {display:none; margin-top:10px;}
#mc_embed_signup label {font-size:12px; display:block;}
#mc_embed_signup input {font-size:12px; display:block; padding:5px 10px; color:#000;}
#mc_embed_signup input#mc-embedded-subscribe {margin-top:10px; background:#04A1FF; border:1px solid #04A1FF; border-radius:5px; color:#fff;}
#mc_embed_signup input#mc-embedded-subscribe:hover {background:#000; border:1px solid #fff;}

@media (max-width: 1650px) { 
	.navigation  .inner {padding:200px 60px 30px 120px; }
}
@media (max-width: 1550px) { 
	.navigation  .inner {padding:200px 60px 30px 120px; }
	.navigation .nav_bottom {font-size:14px; line-height:22px; }
}
@media (max-width: 1300px) { 
	.main_nav li a { font-size:40px; line-height:60px;  }
}
@media (max-width: 1150px) { 
	.main_nav li a { font-size:35px; line-height:55px;  }
}
@media (max-width: 1024px) { 
	header .logo {left:18px; top:20px;}
	.social { right:20px; top:48px; }
	.navigation  .inner {padding:200px 60px 30px 40px; }
	.main_nav li a { font-size:30px; line-height:40px;  }
	.main_nav li.mail_link a { font-size:24px; }
}
@media (max-width: 768px) { 
	.navigation {width:100%;}
	header .social {display:none;}
	.navigation .social {display:block;}
	.mod_changelanguage {top:140px; }
}
@media (max-height: 800px) { 
	.main_nav { margin-top:0; }
	.main_nav li { margin-bottom:40px;}
}
@media (max-height: 700px) { 
	.navigation  .inner {padding:120px 60px 30px 40px; }
	header .logo svg { width:52.5px; height:30px; }
	.XXXnavigation .nav_bottom .more_info {display:block;}
	.navigation .nav_bottom {height:auto; bottom:auto; position:relative;}
}
@media (max-width: 600px) { 
	.social p {display:none;}
	header .logo svg { width:52.5px; height:30px; }
	.navigation .social { top:35px; }
	.mod_changelanguage {top:110px; right:5px;}
	.social_nav li {margin-left:15px;}
	.menu_icon { left:10px; cursor:pointer; background:none; width:20px; height:24px; margin-top:-14px;}
	.menu_icon span { background: #D50EEA none repeat scroll 0 0; display: block; height:2px; width: 20px; margin-bottom:6px;}	
	.close {  margin-top:-15px; right:10px; width:30px; height:30px;}
	.close .x {  height:30px; width:30px; }
	.close .x.large b {border: 15px solid rgba(255, 255, 255, 0);}
	.close .x b:nth-child(1) {border-top-color: #000;top: -1px;}
	.close .x b:nth-child(2) {border-left-color: #000;left: -1px;}
	.close .x b:nth-child(3) {border-bottom-color: #000;bottom: -1px;}
	.close .x b:nth-child(4) {border-right-color: #000;right: -1px;}	
	.navigation  .inner {padding:120px 60px 30px 20px; }
	.main_nav {padding-left:20px;}
	.main_nav li a {padding-right:0;}
	.navigation .nav_bottom {height:auto; bottom:auto;}
	.navigation .nav_bottom .col {float:none; width:100%; display:none; margin-bottom:30px; padding-right:0; padding-left:20px;}
	.imprint_nav {position:relative; bottom:auto; right:auto; margin-bottom:30px;}
	.navigation .nav_bottom .more_info {display:none;}
	.imprint_nav {position:relative; bottom:auto; margin-top:40px; width:90%; left:20px;}
}
@media (max-width: 500px) { 
	.main_nav {padding-bottom:30px;}
	.main_nav li {float:none; width:100%;  margin-bottom:20px;}
}
@media (max-width: 400px) { 
	.main_nav li.mail_link a { font-size:16px; }
}

/* main */
main {position:relative; width:100%; height:100%; }
img {width:100%; height:auto;}
.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

/* footer */
footer {position:fixed; z-index:1000; right:80px; bottom:40px; font-size:12px; color:#04A1FF; }

.go_top {position:fixed; right:20px; bottom:20px; width:35px; height:35px; background:#92c80e; z-index:999; text-align:center; display:none;}
.go_top:hover {background:#00426a;}
.go_top .arrow {width:18px; height:18px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg); top:12px; left:9px;}

.show_go {height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1010; }

/* responsive schnickschnack */
@media (max-width: 1024px) { 
	footer {right:20px; bottom:20px; }
}
@media (max-width: 900px) { 
	footer {display:none; }
}
@media (max-height: 700px) { 
	footer {display:none; }
}
@media (max-width: 768px) { 
	
}
@media (max-width: 650px) { 

}
@media (max-width: 500px) { 

}
@media (max-width: 400px) { 

}
.all_exhibitions {width:100%; position:relative;}
.exhibition {width:33.3333%; position:relative; display:block; float:left; color:#fff;}
.size {width:100%; height:auto;}
.description {position:absolute; bottom:15%; left:10%; opacity:0; -webkit-transition: opacity 1s ease 1.8s; transition: opacity 1s ease 1.8s; padding-right:20px;}
.visible .description { opacity:1; }
.description h2 {font-size:45px; line-height:35px; margin-bottom:30px;}
.black {position:absolute; height:100%; width:100%; top:0; left:0; background:#000; opacity:0; }
.exhibition:hover .black {opacity:.7;}
.gradient {position:absolute; height:0; width:100%; top:0; left:0; -webkit-transition: height .8s; transition: height .8s; }
.visible .gradient { height:100%; }
.image {position:absolute; height:0; width:100%; top:0; left:0; -webkit-transition: height 1s ease .8s; transition: height 1s ease .8s; }
.visible .image { height:100%; }
.image picture img { height: 100%; object-fit: cover; position: relative; width: 100%; }
.image picture.objectfit {position:absolute; background-size: cover; background-position: center center;}
.image picture.objectfit img {display:none;}

/* responsive schnickschnack */
@media (max-width:1320px) { 
	.description h2 {font-size:40px; line-height:40px; margin-bottom:20px;}
}
@media (max-width:1200px) { 
	.description { bottom:10%; left:10%; }
}
@media (max-width: 1024px) { 
	.exhibition {width:50%;}
}
@media (max-width: 768px) { 
	.description h2 {font-size:30px; line-height:30px; margin-bottom:10px;}
}
@media (max-width: 600px) { 
	.exhibition {width:100%;}
	.description { bottom:15%; left:15%; }
}
@media (max-width: 400px) { 
	.description h2 {font-size:25px; line-height:25px; }
}