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


* { margin: 0; padding: 0; } 
			
	body {
				background: #fff;
				
		font-family:  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
				font-size: 11px;
				padding: 0;
			}
.stop{ overflow: hidden;}			


			.mobile, .phone{
				display: none;
			}
           .col1-phone{display: none;}
			
			a{text-decoration: none;color:#777;}
	a:hover{text-decoration: none;color:#ccc;}

.logo {margin: auto; width: 90%;text-align: center; letter-spacing: 0.01em;padding-top: 50px;font-size: 35px; font-family: 'Conv_Copperplate';  font-weight: 600;  text-transform: uppercase; color:#777; }


	
	#menue-n ul{text-align: center;}
	#menue-n ul li{display: inline-block;text-transform: uppercase; font-size: 11px; font-family: 'Josefin Sans', sans-serif;font-family: 'Prompt', sans-serif; font-weight: normal;letter-spacing:0.15em; padding: 15px 18px 12px 18px;margin-bottom: 0em ;}
	#menue-n{width: 67%; min-width: 800px; margin: auto; margin-top: 50px;border-bottom:  1px dotted #ccc; border-top:  1px dotted #ccc;}


#menue-n ul li:last-child a {padding-left: 10px; color: #66819e; /*color: #2E2E94;  */ font-weight: normal; }


/* SPEZIAL */

#menue-n ul li:last-child a {display: none;}
#menue ul li:last-child a {display: none;}
#menue-n ul {margin-left: 36px;}


/* SPEZIAL */

@-moz-document url-prefix() {
 .header, .header1 {margin-top: 0px;}
}

.header, .header1 {margin-top: 5px;}

	.headline{border-bottom:  1px dotted #ccc; border-top:  1px dotted #ccc; font-family: 'Josefin Sans', sans-serif; font-weight: normal;letter-spacing:0.15em; font-size: 11px; text-transform: uppercase;padding: 15px 0px 12px 0px;margin: 10px 0px  30px 0px;width: 100%; display: block; float:left; position: relative;}
	h1{font-family: 'Josefin Sans', sans-serif; font-weight: 100;letter-spacing:0.08em;font-size: 15px; text-transform: uppercase;
	 color:#515151; color:#777; text-align: center; width: 100%;margin: auto; margin-bottom: 40px;margin-top: 70px; }

	
    
    .col1, .col1a, .col2 {width: 47%;height: auto;float:left; font-family: Verdana, Arial, Helvetica, sans-serif;
		font-family:  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
		line-height: 18px;font-size: 11.5px;line-height: 26px; color:#515151; margin-top: 30px; }
	.col1, .col1a {padding-right:5.9%; padding-bottom: 20px;}
.col1a{ width:100%;}

.col1 img {padding-bottom: 20px;}


/*------------- HAMBURGER ------------------------*/	
	
label.hamburg1 { 
   display: block;
   width: 75px; height: 50px; 
   position: absolute; 
  top:20px;
	right:20px;
	cursor: pointer;
	z-index: 100;
}

input#hamburg1 {
	display:none
	}		
	
	
.line1 { 
   position: absolute; 
   left:10px;
   height: 1.5px; 
	width: 40px; 
   background: #555; border-radius: 2px;
   display: block; 
   transition: 0s; 
   transform-origin: center; 
}

.line1:nth-child(1) { top: 14px; }
.line1:nth-child(2) { top: 27px; }
.line1:nth-child(3) { top: 40px; }

#hamburg1:checked + .hamburg1 .line1:nth-child(1){
   transform: translateY(13px) rotate(-45deg);
}

#hamburg1:checked + .hamburg1 .line1:nth-child(2){
   opacity:0;
}

#hamburg1:checked + .hamburg1 .line1:nth-child(3){
   transform: translateY(-13px) rotate(45deg);
}
	
/*------------- HAMBURGER END------------------------*/


/*------------- MENUE ------------------------*/	
	
.box {
	position: fixed;
	top:120px;
	left: 0;
  display: block;  
  background: rgba(255,255,255,0.95);
height:100vh;
	padding-left: 0%;
	padding-top: 0px;
	font-family: 'Josefin Sans', sans-serif;
font-weight:300;
font-size: 25px;
text-transform:uppercase;
	z-index: 3;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
	
.box ul li{
	width: 96%;
margin-bottom: 10px;
	padding-left: 4%;
	padding-top: 15px;
}
	

#menue {
	
	left:-1800px;
  width: 90%;
  opacity: 0;
  transition: all .35s ease;
	overflow: hidden;
}
	
	#menue ul{
	margin-top:20px;
}

#menue.show {
  opacity: .99;
  left:5%;
	z-index: 100;
}
	
.m-extra{
		font-size: 15px;
	}
	
.one{
	display:block;
	margin-top: 40px;
	}
	
	
/*------------- MENUE END ------------------------*/







/*------------- BUTTON ------------------------*/	
	
	.info{opacity: 0; width: 65%; position: absolute; top: -1000px; left: 15%; background-color: rgba(255,255,255,0.95); padding: 2.5%; height: auto;}
	.button {cursor: pointer; z-index: 20;position:absolute; top: -5px; right:0 ; width: 93px; height:20px; border: 0.5px #777 solid;  padding: 0px 0px 1px 2px; background-color: #fff; border-radius: 5px;}
	.button-wrap{width: 67%; height: 20px; margin:auto; position: relative;}
	.info-t { position: absolute; left:21px; top: 6px; cursor: pointer; color: #9F9F9F;}
	.show{opacity: 1;}
.show1{opacity: 1; top: 300px;}
	
/*------------- BUTTON END ------------------------*/	

			
/* ---------------------- LISTE ------------------------*/			
.container{
	width: 67%;
    max-width: 1600px; 
	min-width: 800px;
    margin:auto;
	margin-top: 40px;
	margin-bottom: 40px;
	
}
	
.container	ul li{
		display:inline-block;
		vertical-align:middle;
		margin-bottom: 2.5em;
		
	}
			
.mein-element img {
    box-shadow: 0px 10px 8px -6px #666;
}


.mein-element {
		opacity: 0;
		transform: translateY(8%);
		transition: all .9s ease-in-out;
		position: relative;
		
		
		
		
	}

	.visible {
		transform:translateY(0);
		opacity: 1;
		
	}
			
	.grau{
		background-color:#f9f9f9;
		margin: 2em;
		margin-bottom: 1em;
		padding: 6%;
		}




	.w24{width: 24%;}
	.w28{width: 28%;}
	.w32{width: 32%;}
.w32-5{width: 32.5%;}
	.w33{width: 33%;}
	.w34{width: 34%;}
	.w37{width: 37%;}
	.w38{width: 38%;}
	.w40{width: 40%;}
	.w42{width: 42%;}
	.w46{width: 46%;}
	.w47{width: 47%;}
	.w49{width: 49%;}
	.w50{width: 50%;}
	.w53{width: 53%;}
	.w56{width: 56%;}
.w58{width: 58%;}
	.w59{width: 59%;}
	.w60{width: 60%;}
	.w65{width: 65%;}
	.w70{width: 70%;}
	.w85{width: 85%;}
.w92{width: 92%;}
	.w100{width: 100%;}



	
	.w85 .grau {padding: 4%; margin-left: 7%;}
	.w100 .grau{padding: 2.8%;}
.w92 .grau {padding: 2.8%;}
		
	.caps{
		text-align:center;
		font-size: 8px;
		font-family:Verdana, Geneva, sans-serif;
		color: #555;
	}

/* ---------------------- ARTIST-SEITE ------------------------*/


.sssnext{display: none;}
	.sssprev{display: none;}
	
	.slider-flexbox{width: 100%; /*display: flex; position: fixed;*/ flex-direction: column; justify-content:center; margin-top:50px; }
	.slider{width: 59%; height: auto;margin: auto; min-width:800px; max-width: 1000px;}
	.slider a {text-decoration: none;color: rgba(153,153,153,1.00);}
	.slider a:hover .caption {color: #777;}
	.frame{display: table-cell; vertical-align: middle; min-height: 10em; color:#000; padding-top: 260px; width:670px; margin: auto;}	
	.caption{opacity:0;  font-family: 'Prompt', sans-serif; font-weight:100;font-size: 20px; padding-top: 15px;letter-spacing: 0.08em; width: 100%; text-align: center; transition: all 0.5s }
	a:hover .caption{opacity:0;}


.artists{
	position: relative;
float: left;
width: 310px;
height: auto;
outline: none;
margin-right:5%;
margin-top:50px;
	margin-left:20px;
	z-index: 2;
	padding-bottom: 40px;
}

.image-container{
/*float: left;
width: 60%;
display: table-cell;
vertical-align: middle;*/
	overflow: hidden;
	margin-top:50px;
	position: absolute;
		position: absolute;
		padding-left: 370px;

	z-index: 1;
}
	
.bild{
width:auto;
height:100%;
}
	
.vh_height100 {
height: 100vh;
overflow: hidden;
}
	
.vh_height80 {
height: 90vh;
overflow: hidden;
}
	
	.vh_height70 {
height: 80vh;
overflow: hidden;
}


.online-ex {font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; 
		font-size:11.5px; 
		color:#777; 
		text-transform: none;  
		line-height: 1.5em; 
		max-width:300px; 
		padding-top: 150px;
		margin: auto; 
		margin-bottom: 200px;
		text-align: center;
		font-weight: 100;
letter-spacing: 0.08em;
	}



/* ---------------------- ARTIST-SEITE ENDE------------------------*/



@media only screen and (max-width: 1000px) {
	
	.no-mobile {display: none !important;}
	.mobile {display: block !important;}
	
	#menue-n{width: 85%; margin: auto; margin-top: 50px; min-width: unset;}
	
	.col1 img {padding-bottom: 10px;}
	.col2 {padding-bottom: 40px;}
	.col1-mobile{width: 64%;}
	
	
	
	
	/* ---------------------- LISTE ------------------------*/			
.container{
	width: 85%;
	margin-top: 20px;
	min-width: unset;
}	

/*------------- BUTTON ------------------------*/	
	
	.info{opacity: 0; width: 84%; position: absolute; top: -1000px; left: 8%; background-color: rgba(255,255,255,0.95); padding: 0%; height: auto;}
	.button {cursor: pointer; z-index: 20;position:absolute; top: -5px; right:0 ; width: 93px; height:20px; border: 0.5px #777 solid;  padding: 0px 0px 1px 2px; background-color: #fff; border-radius: 5px;}
	.button-wrap{width: 85%; height: 20px; margin:auto; position: relative;}
	.info-t { position: absolute; left:21px; top: 6px; cursor: pointer; color: #9F9F9F;}
	.show{opacity: 1;}
	.show1{opacity: 1; top: 300px;}
	
/*------------- BUTTON END ------------------------*/	
	
	
	.artists-mobile {

    position: relative;
    float: left;
    width: 45% ;
    height: auto;
    outline: none;
	margin-left:0px ;
    margin-right: 0%;
    margin-top: 100px;
	}
	
	.vh_height80 {

    height: 65vh !important;
    overflow: hidden;
}
	.image-container {
    margin-top: 95px;
    position: absolute;
    padding-left: 36%;
    z-index: 1;

}
	
	.slider {
		
		margin-top: 50px;
		min-width: unset;
		width: 85%;
	}
	
	.slider-flexbox {
		
		margin-top: 100px;
	}
	
	
	
	
}


@media only screen and (max-width: 768px) {
	
	.artists-mobile {
    width: 63%;
    margin-left: 0px;
    margin-right: 0%;
    margin-top: 50px;
}
	
	.alink {
    font-size: 30px !important;
	}
	
	
	.image-container {
		display:none;
	}
	
}

@media only screen and (max-width: 640px) and (orientation: portrait){
	
	body{
	margin-top: 100px;
	}	
	
	
	
	.header, .header1 {
    margin-top: 30px;
}
	
	
		#menue-n {
    display: none;
}
	
	
		.logo {
padding-top: 33px;
padding-left: 42px;
text-align: left;
font-size: 25px;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
height: 55px;
z-index: 100;
width: 100%;
}
	
	
	@-moz-document url-prefix() {
label.hamburg1{	
		position: fixed;
top: 19px;
right: 15px;
	}
}
	
	label.hamburg1{	
position: fixed;
top: 19px;
right: 15px;
	}
	
	
	.box{
		top:88px;
	}
	
	#menue.show {
    opacity: .99;
    left: 7.5%;
    z-index: 100;
}
	
	#menue {
    width: 85%;
}
	
	#menue ul li:last-child a{
		color: #66819e;
	}
	
	.slider-flexbox{
		display: none;
	}
	
	
	.slider-flexbox {

    margin-top: 50px;

}
	
	.phone{
		display: block;
	}
	
	.artists-mobile {
    width: 100%;
		margin-top:0px;
	}
	
	.alink {
    font-size: 23px !important;
		color:#333 !important; font-weight: 200 !important;
	}
	
	.image-container {
    display: none;
	}
	
	.grau {

    background-color: #f9f9f9;
    margin: 0em;
    margin-bottom: 1em;
	margin-right:0em !important;
	}
	
	
		.w24, .w28, .w32, .w32-5,.w33,.w34,.w37,.w38,.w40,.w42,.w46,.w47,.w49,.w50,.w53,.w56,.w58,.w59,.w60,.w65,.w70,.w85,.w92,.w100{width: 100%; margin-left:0 !important; margin-right:0 !important;}
	
	.w100 .grau, .w92 .grau {padding: 6%;}
	
	.col1-mobile{display: none;}
	.col1-phone{display: block;}
	.col1, .col2, .col1-phone{width: 100%; margin-top: 0px;}
	.col2 {margin-top: 0px;}
	
	.col1{	padding-right: 0%;
    padding-bottom: 0px;}

	.info{top: -1000px; width: 80%;left: 7%;padding: 3%; }
	.show1{opacity: 1; top: 170px;}
	
	.caps{
		
		font-size: 10px;
	}

	.mobile{
		margin-top: 0px;
	}
	
	.container {
    width: 80%;
    margin-top: 0px;
}
	
	.container a {
    opacity: 1 !important;
}
	
	.button {
    top: 25px;
    right: 35%;
	}
	
	.button-wrap {
    height: 30px !important;
	}
	
	.online-ex { font-size:11.5px; color:#777; text-transform: none;  line-height: 1.5em; 
		max-width:300px; 
		padding-top: 50px;
		margin: auto; 
		margin-bottom: 150px;
		text-align: center;
		font-weight: 100;
letter-spacing: 0.08em;
	}

}