@font-face {
	font-family: 'Kerater';
	src: url('../fonts/NoLicense_KeraterMedium.ttf');
	src: local('NoLicense_KeraterMedium'), url('../fonts/NoLicense_KeraterMedium.woff') format('woff'), url('../fonts/NoLicense_KeraterMedium.ttf') format('truetype');
}
@font-face {
	font-family: 'CenturyGothicStd';
	src:url('../fonts/CenturyGothicStd.otf');
	src: local('CenturyGothicStd'), url('../fonts/CenturyGothicStd.woff') format('woff'), url('../fonts/CenturyGothicStd.ttf') format('truetype');
}
@font-face {
	font-family: 'Keraterultra';
	src: url('../fonts/NoLicense_KeraterUltraLight.ttf');
	src: local('NoLicense_KeraterUltraLight'), url('../fonts/NoLicense_KeraterUltraLight.woff') format('woff'), url('../fonts/NoLicense_KeraterUltraLight.ttf') format('truetype');
}
*{
	margin:0;
	padding:0;
}
#nav{
	width:100%;
	background-color:#FFF;
	overflow:hidden;
	position:fixed;
	top:0;
	z-index:999;
	height:261px;
}
.navwrap{
	width:250px;
	margin:56px auto;
}
.menu{
	margin:auto;
	position:relative;
	top:-157px;
	font-family:"Courier New";
	font-style:italic;
	font-size:18px;
	width:922px;
	color:#6c6c6c;
}
.menu li{
	list-style-type:none;
	float:left;
	margin-left:22px;
	cursor:pointer;
}
.menu ul li:hover,.menu ul li.active{
	color:#c00000;
}
.menu ul li a{
	color:#6c6c6c;
	text-decoration:none;
}
#slideshow{
	display: block;
    height: 759px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 260px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
#slider_wrapper {
    display: block;
    height: 575px;
    left: 50%;
    margin-left: -1280px;
    margin-right: auto;
    position: relative;
    width: 2560px;
}
img.slider_img {
	width: 2560px;
	height: 759px;
}
.slider ul {
	margin: 0;
	padding: 0;
	width: 2560px;
	white-space: nowrap;
	position: relative;
}
.slider li {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	display: none;
}
.slider {
	width: 2560px;
	height: 759px;
	overflow: hidden;
	margin: 0 auto;
}
.toolbars {
    height: 70px;
    margin: 0 auto;
    position: relative;
    top: -350px;
    width: 900px;
    z-index: 1;
}
button {
	border:none;
	padding: 2px 5px;
	cursor: pointer;
	background-color:transparent;
}
.back {
	background:url(../image/animation/arrow-left.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    float: left;
    height: 70px;
    width: 64px;
}
.next {
	background:url(../image/animation/arrow-right.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    float: right;
    height: 70px;
    width: 64px;
}
.slide{
	width:100%;
	height:100%;
	position:relative;
	clear:both;
}
#home{
	background-color:#FFF;
	overflow:hidden;
	height:1767px;
}
.hometexts{
	width:850px;
	margin:auto;
	overflow:hidden;
	height:771px;
	position:relative;
	top:-21px;
}
.hometexts h2{
	color:#c00000;
	margin-top:89px;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
}
.hometextwrap{
	overflow:hidden;
	margin-top:167px;
	height:465px;
}
.hometext{
	width:320px;
	float:left;
	margin-left:68px;
	font-family:"Courier New";
	font-size:16px;
	color:#6c6c6c;
	font-style:italic;
	line-height: 23px;
}
.homepattern{
	width:750px;
	margin:auto;
	height:22px;
}
.hometext ul{
	color:#c00000;
	margin-top:20px;
	padding-left:30px;
}
.teaser{
	width:100%;
	background-color:#f5f5f5;
	height:430px;
	position:relative;
	z-index:2;
}
.teaserwrap{
	width:370px;
	height:370px;
	margin:auto;
	padding-top:30px;
}
.titles{
	width:724px;
	margin:auto;
}
.titles h3{
	font-family:'Keraterultra';
	color:#c00000;
	font-size:60px;
}
.titles p{
	font-family:'CenturyGothicStd';
	font-size:30px;
	color:#6c6c6c;
}
.titlesimg{
	position:relative;
	top:-24px;
	z-index:1;
}
.titlesimg2{
	position:relative;
	margin-top:20px;
	z-index:1;
}
.titelstext{
	text-align:center;
	position:relative;
	top:-320px;
}
.firsttitelstext{
	margin-top:140px;
}
.seconftitelstext{
	margin-top:20px;
}
#gallery{
	background-color:#FFF;
	overflow:hidden;
	height:1325px;
}
.galerywrap{
	position:relative;
	z-index:10;
	top:-1333px;
	width:100%;
	overflow:hidden;
}
#gallery h2{
	color:#c00000;
	margin-top:89px;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
	margin-left:15px;
}
.galeryimg{
	margin-top:104px;
	margin-left:100px;
	margin-right:100px;
	overflow:hidden;
	z-index:10;
}
.gimgl{
	float:left;
	width:48%;
	overflow:hidden;
	height:auto;
	z-index:10;
	min-height:685px;
}
.gimgr{
	float:right;
	width:48%;
	height:auto;
	overflow:hidden;
	z-index:10;
	min-height:685px;
}
.gimgl img,.gimgr img{
	width:100%;
	height:auto;
	z-index:10;
	cursor:pointer;
}
.gallerypattern{
	background: url("../image/pattern-bg/pattern-gallery.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 1330px;
    left: -200px;
    position: relative;
    width: 100%;
}
.firstgallery{
	width:980px;
	margin:auto;
	position:relative;
	top:-1330px;
	overflow:hidden;
	display:none;
}
.fgtitle{
	width:725px;
	margin:auto;
	overflow:hidden;
	margin-top:104px;
}
.fgtitle h3{
	font-size:32px;
	font-family:'Kerater';
	color:#6c6c6c;
	text-align:center;
}
.fgtitle img{
	float:right;
	margin-top:-40px;
	cursor:pointer;
}
.fgimage{
	width:971px;
	height:923px;
	margin:auto;
	overflow:hidden;
	margin-top:50px;
}
.thumbs a.fancybox-buttons span{
	font-size:23px;
	font-family:"Courier New";
}
.fgimage img {
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    background : #ff0000;
    transition: all 0.4s linear;
}

.fgimage img:hover {
    opacity: 1 !important;
}

.fancybox-buttons {
	background-color: #FF0000;
    display: block;
    margin-top: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-decoration : none;
}

.fancybox-buttons span.move-top {
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    top : -35px;
    transition: all 0.4s linear;
}

.fancybox-buttons span{
	background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    display: block;
    height : 35px;
    opacity: 0.8;
    position: relative;
    text-align: center;
    top: 0px;
    width: 100%;
}
a.thumb1{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 246px;
}
a.thumb2{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 447px;
}
a.thumb3{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 248px;
}
a.thumb4{
    float: left;
    height: 248px;
    width: 308px;
}
a.thumb5{
    float: left;
    height: 248px;
    width: 451px;

}
a.thumb6{
    float: right;
    height: 665px;
    width: 181px;

}
a.thumb7{
    float: left;
    height: 407px;
    width: 212px;

}
a.thumb8{
    float: left;
    height: 199px;
    width: 324px;

}
a.thumb9{
    float: left;
    height: 199px;
    width: 324px;
}
a.thumb10{
    float: right;
    height: 407px;
    width: 214px;
}

.thumbs a.fancybox-buttons p{
	text-decoration:none;
	text-align:center;
	background-color:#FFF;
	color:#000;
	font-family:"Courier New";
	font-size:12px;
}
.firstgallery input{
	background-color:#F00;
    border-style: none;
    color: #FFFFFF;
    font-size: 16pt;
    margin-left: 20px;
    padding: 6px;
}
/*//////////////////////////////////*/
.secondgallery{
	width:980px;
	margin:auto;
	position:relative;
	top:-1330px;
	overflow:hidden;
	display:none;
}
.sgtitle{
	width:725px;
	margin:auto;
	overflow:hidden;
	margin-top:104px;
}
.sgtitle h3{
	font-size:32px;
	font-family:'Kerater';
	color:#6c6c6c;
	text-align:center;
}
.sgtitle img{
	float:right;
	margin-top:-40px;
	cursor:pointer;
}
.sgimage{
	width:971px;
	height:925px;
	margin:auto;
	overflow:hidden;
	margin-top:50px;
}
.sgimage img {
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    background : #ff0000;
    transition: all 0.4s linear;
}

.sgimage img:hover {
    opacity: 1 !important;
}

a.thumb1{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 246px;
}
a.thumb2{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 447px;
}
a.thumb3{
    float: left;
    height: 248px;
    margin-top: 0;
    width: 248px;
}
a.thumb4{
    float: left;
    height: 248px;
    width: 308px;
}
a.thumb5{
    float: left;
    height: 248px;
    width: 451px;

}
a.thumb6{
    float: right;
    height: 665px;
    width: 181px;

}
a.thumb7{
    float: left;
    height: 407px;
    width: 212px;

}
a.thumb8{
    float: left;
    height: 199px;
    width: 324px;

}
a.thumb9{
    float: left;
    height: 199px;
    width: 324px;
}
a.thumb10{
    float: right;
    height: 407px;
    width: 214px;
}
.secondgallery input{
	background-color:#F00;
    border-style: none;
    color: #FFFFFF;
    font-size: 16pt;
    margin-left: 20px;
    padding: 6px;
}
#vita{
	background-color:#FFF;
	overflow:hidden;
	height:1460px;
}
.vitapattern{
	width:805px;
	margin:auto;
	height:230px;
}
#vita h2{
	color:#c00000;
	margin-top:89px;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
	position:relative;
	top:-223px;
	margin-right:46px;
}
.vitatexts{
	width:780px;
	margin:67px auto 75px auto;
	overflow:hidden;
	height:500px;
}
.vitatext{
	width:320px;
	float:left;
	margin-left:68px;
	font-family:"Courier New";
	font-size:16px;
	color:#6c6c6c;
	font-style:italic;
	line-height: 23px;
}
.zitapattern{
	width:555px;
	margin:auto;
	height:605px;
}
.zitatext{
	font-family:'Keraterultra';
	font-size:40px;
	color:#c00000;
	width:880px;
	margin:auto;
	position:relative;
	top:-444px;
	height:199px;
}
#ausstellungen{
	background-color:#c00000;
	overflow:hidden;
	height:1500px;
}
#ausstellungen h2{
	color:#FFF;
	margin-top:49px;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
}
.ausstellungentexts{
	width:780px;
	margin:auto;
	overflow:hidden;
	margin-top:49px;
	height:1190px;
}
.ausstellungentext{
	width:320px;
	float:left;
	margin-left:68px;
	font-family:"Courier New";
	font-size:16px;
	color:#FFF;
	font-style:italic;
	line-height: 23px;
}
#presse{
	background-color:#FFF;
	overflow:hidden;
}
.pressetext h2{
	color:#c00000;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
	position:relative;
	top:-130px;
}
.pressetext{
	width:525px;
	margin:auto;
	line-height: 23px;
}
.pressecontent{
	width:715px;
	margin:25px auto;
	font-family:"Courier New";
	font-size:16px;
	color:#6c6c6c;
	font-style:italic;
	height:151px;
	text-align:center;
}
.contactpattern{
	width:658px;
	margin:auto;
	margin-top:42px;
}
#contact{
	background-color:#f5f5f5;
	overflow:hidden;
	height:718px;
}
#contact h2{
	color:#c00000;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
	margin-top:58px;
}
.contacttext{
	width:894px;
	margin:auto;
	overflow:hidden;
	margin-top:58px;
	height:368px;
}
.row1{
	width:436px;
	float:left;
}
.row2{
	width:436px;
	float:left;
	margin-left:22px;
}
.contacttext input{
	background-color:#e9e7e8;
	border:none;
	color:#6c6c6c;
	font-size:16px;
	font-family:"Courier New";
	font-style:italic;
	height:43px;
	padding-left:5px;
	width:436px;
	margin-bottom:22px;
}
.contacttext form#form1 input#textfield4,.contacttext form#form1 input#textfield5{
	width:206px;
	float:right;
}
.contacttext form#form1 div.row1 img{
    float: right;
    height: 43px;
    width: 212px;
}

.contacttext form#form1 .refresh {
	background: url("../image/contact/refresh.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	height: 45px !important;
	margin: 0 0 22px 155px !important;
	width: 45px !important;
	cursor : pointer;
}

#lable{
	float:right;
}
.contacttext textarea{
	background-color:#e9e7e8;
	border:none;
	color:#6c6c6c;
	font-size:16px;
	font-family:"Courier New";
	font-style:italic;
	height:303px;
	padding-left:5px;
	width:436px;
	margin-bottom:22px;
	float:right;
	padding-top:5px;
}
.contacttext input.button{
	border:none;
	color:#FFF;
	font-size:18px;
	font-family:'Kerater';
	background-color:#c00000;
	width:894px;
	height:43px;
	margin-bottom:0px;
	cursor : pointer;
}

#err{
	color: #ff0000;
	height: 65px;
    text-align: left;
    width: 300px;
}

.code{
    float: left;
    height: 43px;
    margin-left: 83px;
    position: relative;
    text-align: right;
    top: 16px;
    width: 120px;
	font-family: "Courier New";
	font-size:16px;
	font-style:italic;
	color:#6c6c6c;
}
#imp{
	background-color:#FFF;
	overflow:hidden;
}
.imptext h2{
	color:#c00000;
	text-align:center;
	font-family:'Kerater';
	font-size:24px;
	position:relative;
	top:-132px;
}
.imptext{
	width:770px;
	margin:auto;
}
.impcontent{
	width:780px;
	margin:auto;
	overflow:hidden;
	margin-top:29px;
	height:330px;
}
.impcontent-privacy{
	width:780px;
	margin:auto;
	overflow:hidden;
	margin-top:29px;
	height:11480px;
}
.impcontent-privacy-en{
	width:780px;
	margin:auto;
	overflow:hidden;
	margin-top:29px;
	height:6150px;
}
.impcn{
	width:320px;
	float:left;
	margin-left:68px;
	font-family:"Courier New";
	font-size:16px;
	color:#6c6c6c;
	font-style:italic;
	line-height: 23px;
}
.impcn-privacy{
	width:690px;
	float:left;
	margin-left:68px;
	font-family:"Courier New";
	font-size:16px;
	color:#6c6c6c;
	font-style:italic;
	line-height: 23px;
}
.footerpattern{
	width:542px;
	margin:auto;
	margin-top:88px;
}
#footer{
	width:100%;
	background-color:#f5f5f5;
	overflow:hidden;
	height:212px;
}
.footerwrap{
	width:960px;
	margin:auto;
	overflow:hidden;
}
.footercn{
	width:410px;
	margin-left:68px;
	float:left;
	font-family:"Courier New";
	font-size:14px;
	color:#6c6c6c;
	font-style:italic;
}
.footercn p{
	margin-top:51px;
}
.footercn li{
	list-style-type:none;
	float:left;
	margin-left:26px;
}
.footimg{
	height:77px;
	overflow:hidden;
	position:relative;
}
.footimg li a img{
	text-decoration:none;
	cursor:pointer;
}
.footimg a:hover{
	position:relative;
	top:-77px;
}

/* cookie-consent */
#cookie-law {
    width: 100%;
    position: fixed;
    bottom:  0;
    margin: 15px;
    -moz-border-radius: 17px;
    overflow: hidden;
    z-index: 1000;
    background-color: rgb(239, 239, 239, 0.8);
    max-width: 400px;
}
 

@media (max-width:400px){
 #cookie-law { 
     margin: 0; 
 }
    
}

#cookie-law p {
    padding: 25px;
    font-size: 15px;
    width: calc(100% - 60px);
    text-align: left;
    color: #5d5d5d;
    line-height: 23px;
    margin: auto;
    font-family: Courier New;
    float:  left;
}

.close-cookie-banner{
    color: #fff;
    float:  right;
    padding: 10px;
    font-size: 20px;
    width:  100%;
    font-family: Courier New;
    text-align:  center;
    background-color: #c00000;
}