/*** typo                                 */

@font-face { 
font-family: "Lato"; 
src: url("Lato-Regular.ttf"); 
}




h1 {
	font-family: Lato, Helvetica, Arial, sans-serif;
	color: rgba(110, 19, 14, 1); 
  }
  
h2 {
	font-family: Lato, Helvetica, Arial, sans-serif;
	color: rgba(110, 19, 14, 1); 
	font-size: 1.6em;
  }
  
p {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 1em;

  }
  
p.white {
  color: white; }  
  
  
/*** farben + hintegrund   */                    
.red {
  background-color: red; } 
.yellow {
  background-color: yellow; }  
.blue {
  background-color: blue; } 
.green {
  background-color: green; } 
.purple {
  background-color: purple; } 
 
  
.hintergrund1 {
  background-image: url(../../bilder/bild1quer.jpg); 
  background-position: center top;
  background-size: cover;
  background-size: 100% auto;
  background-repeat: no-repeat;
  } 
  
 .supperorange {
  color: #F47F34; }  
 
 

/*** abstaende                            */
.trenner {
    width: 100%;
	height: 1em;
	background-color: purple;
} 
 
.abstandrechts1em {
    margin-right: 1em;
}

.abstandunten1em {
    margin-bottom: 2em;
}

.abstandoben1em {
   
	margin-top: 1.3em;
}

.abstandinnen2em {
   
	padding: 2em;
}


/*** position                             */




/*** hoehen + breiten                     */

.mindesthoehe30 {
    min-height: 30em;
	
}

.breite100prozent {
    width: 100%;
	
}

.breite75prozent {
    width: 75%;
	
}

.breite50prozent {
    width: 50%;
	
}

/*** reihenfolge                         */ 


/*** displays                            */



@media screen and (min-width: 940px) {

	.kleinedisplays {
	display: none;
}

}
	
@media screen and (max-width: 939px) {
	

	
	.grossedisplays {
	display: none;
}
}


/*** logo                                 */  


.logobox { 
position: relative; 
top: -8em;

}



.logokreis { 
position: absolute;
z-index: 2;
}

.logoallein { 
position: absolute;
z-index: 5;
}

.logoabdeckung { 
z-index: 3;
position: absolute;
max-width: 23%;
}

.logobox div { position: absolute }

/*** kopf                                 */  








	
	#stage {
    position: relative;
    width: 100%;  
	margin-bottom: 20%;	
	}
	


#stage img  {
   z-index: 1;
	position:absolute;
	left:0;
	top:0;
	width:100%;


	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration:30s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration:30s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: infinite;
	-ms-animation-duration:30s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration:30s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration:30s;		
}
#stage img:nth-of-type(1) {	
	-webkit-animation-name: fadingAnimation01;
	-moz-animation-name: fadingAnimation01;	
	-ms-animation-name: fadingAnimation01;	
	-o-animation-name: fadingAnimation01;	
	animation-name: fadingAnimation01;
}
#stage img:nth-of-type(2) {	
	-webkit-animation-name: fadingAnimation02;
	-moz-animation-name: fadingAnimation02;
	-ms-animation-name: fadingAnimation02;	
	-o-animation-name: fadingAnimation02;		
	animation-name: fadingAnimation02;
}
#stage img:nth-of-type(3) {	
	-webkit-animation-name: fadingAnimation03;
	-moz-animation-name: fadingAnimation03;
	-ms-animation-name: fadingAnimation03;	
	-o-animation-name: fadingAnimation03;	
	animation-name: fadingAnimation03;
}
#stage img:nth-of-type(4) {	
	-webkit-animation-name: fadingAnimation04;
	-moz-animation-name: fadingAnimation04;
	-ms-animation-name: fadingAnimation04;	
	-o-animation-name: fadingAnimation04;	
	animation-name: fadingAnimation04;
}
@-webkit-keyframes fadingAnimation01 {
	0%   { opacity:1;} 12,5% { opacity:1;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:1;} 
}
@-webkit-keyframes fadingAnimation02 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:1;} 37,5% { opacity:1;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-webkit-keyframes fadingAnimation03 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:1;} 62,5% { opacity:1;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-webkit-keyframes fadingAnimation04 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:1;} 87,5% { opacity:1;} 100% { opacity:0;} 
}
@-moz-keyframes fadingAnimation01 {
	0%   { opacity:1;} 12,5% { opacity:1;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:1;} 
}
@-moz-keyframes fadingAnimation02 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:1;} 37,5% { opacity:1;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-moz-keyframes fadingAnimation03 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:1;} 62,5% { opacity:1;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-moz-keyframes fadingAnimation04 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:1;} 87,5% { opacity:1;} 100% { opacity:0;} 
}
@-ms-keyframes fadingAnimation01 {
	0%   { opacity:1;} 12,5% { opacity:1;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:1;} 
}
@-ms-keyframes fadingAnimation02 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:1;} 37,5% { opacity:1;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-ms-keyframes fadingAnimation03 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:1;} 62,5% { opacity:1;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-ms-keyframes fadingAnimation04 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:1;} 87,5% { opacity:1;} 100% { opacity:0;} 
}
@-o-keyframes fadingAnimation01 {
	0%   { opacity:1;} 12,5% { opacity:1;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:1;} 
}
@-o-keyframes fadingAnimation02 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:1;} 37,5% { opacity:1;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-o-keyframes fadingAnimation03 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:1;} 62,5% { opacity:1;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@-o-keyframes fadingAnimation04 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:1;} 87,5% { opacity:1;} 100% { opacity:0;} 
}
@keyframes fadingAnimation01 {
	0%   { opacity:1;} 12,5% { opacity:1;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:1;} 
}
@keyframes fadingAnimation02 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:1;} 37,5% { opacity:1;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@keyframes fadingAnimation03 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:1;} 62,5% { opacity:1;} 75% { opacity:0;} 87,5% { opacity:0;} 100% { opacity:0;} 
}
@keyframes fadingAnimation04 {
	0%   { opacity:0;} 12,5% { opacity:0;	} 25% { opacity:0;} 37,5% { opacity:0;} 50% { opacity:0;} 62,5% { opacity:0;} 75% { opacity:1;} 87,5% { opacity:1;} 100% { opacity:0;} 
}
	










/*** navigation                           */

 .rahmensupperorangeunten {
	 border-bottom: 2px solid #F47F34; 
	 }  


li span { 
    font-family: 'Lato';
    color: rgba(110, 19, 14, 1);
	padding-left: 1em;
	 }  

 	 

li img {
	 width: 4em; 
	 height: 3em;
	 }   


li a:hover {


	  
	     -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: background-image 0.5s ease;
	
	transition-property: background-image;
	  
	  background-image: url(hintergrund_navigation.png);
	  background-repeat: no-repeat;
	  background-size: 3em;	  
	  
	 }   
	 
	 
li a:hover::before {
	    opacity: 1;
    }

li a:focus {

	  background-image: url(hintergrund_navigation.png);
	  background-repeat: no-repeat;
	  background-size: 3em;
	 } 

li a:active {

	  background-image: url(hintergrund_navigation.png);
	  background-repeat: no-repeat;
	  background-size: 3em;
	 } 
	 
.li_active {

	  background-image: url(hintergrund_navigation.png);
	  background-repeat: no-repeat;
	  background-size: 3em;
	 } 

	 
		 
	 
.menu a, .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
}	

img.bild_accordion_text {
    height: 20em;
    width: auto;
    float: left;
}
	













	
 
 .top-bar, .top-bar ul {
    background-color: white; 
}
 
/* -- Verlinkung --*/

.linkimtext {
    font-family: 'Lato';
	background-size: 0;
		  background-image: url(hintergrund_navigation_blanko.png) !important;
	  background-repeat: no-repeat;
	  background-size: 3em;	
    color: rgba(110, 19, 14, 1);

} 

.linkimtext:hover {
    color: white;
    background-color: rgba(110, 19, 14, 1);
} 

.linkimtext:focus {
    color: white;
    background-color: rgba(110, 19, 14, 1);
} 

/*** haupt                                */  

/** accordion                             */  

.accordion-title {
		font-family: Lato, Helvetica, Arial, sans-serif;
		color: rgba(110, 19, 14, 1); 
		font-size: 1.4em;
	 } 

li .accordion-title span { 
    font-family: 'Lato';
    color: rgba(110, 19, 14, 1);
	padding-left: 1em;
	 } 
	           
a.accordion-title:hover,
a.accordion-title:active,
a.accordion-title:focus {
		background-size: 0;
		background-color: rgba(110, 19, 14, 1);
	}

a.accordion-title:hover span,
a.accordion-title:active span,
.accordion-title:focus span {
	  color: #ffffff !important;
	 }
	 
.accordion-title img {
	 height: 5em;
	 } 
	 
.accordion_box {
    width: 100%;
    display: table-row;	 
	 }

.accordion_links	{
		float: left;
	 } 
	 
.accordion_rechts	{
		float: left;
	 } 	 


/*** fuss                                 */ 

/** Popup-Boxen                 */  


/** Modals                */  

@media print, screen and (min-width: 40em) {
	
.reveal {
    width: 70% !important;
    max-width: 75rem;
	}
}

/* imagebox_v2 ANFANG */

.imageBox_v2 {
	position: relative;
	width: 90%;
	float: left;
	overflow: hidden;
	margin-right: 15px;	
	margin-left: 1em;
	margin-bottom: 30px;	
	/* width: 85%; */
	
-webkit-box-shadow: 10px 10px 14px -4px rgba(0,0,0,0.33);
-moz-box-shadow: 10px 10px 14px -4px rgba(0,0,0,0.33);
box-shadow: 10px 10px 14px -4px rgba(0,0,0,0.33);
	
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
}

.imageBox_v2 .tr-opacity {
	opacity:0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.imageBox_v2:hover .tr-opacity {
	opacity:1;
}

.popup-image {
/*	height: 100%; */
}

/* transition slideIn */

.imageBox_v2 .tr-slideIn {
	position: absolute;
	padding-left: 1em;
	padding-top: 3%;
	font-size: 0.9em;
	line-height: 1.5em;
	bottom: -83%;
	width: 100%; height: 100%;
	margin: 0;	
	background: rgba(254, 204, 55, 0.8) !important;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;	
}

.imageBox_v2 .tr-slideInaktiv {
	font-size: 0.9em;
	bottom: 0px;
	width: 100%; height: 100%;
	margin: 0;	
	background: rgba(254, 204, 55, 0.6) !important;
	color: #ffffff;
}

.imageBox_v2:hover .tr-slideIn {
	bottom: 0;
	width: 100%; height: 100%;
	padding-top: 0.7em;
	margin: 0;	
}

.popup-ueberschrift {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: rgba(110, 19, 14, 1); 
}

.popup-text {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: rgba(110, 19, 14, 1); 
	margin-top: 1em;
}

/* imagebox_v2 ENDE */

/* transition tr-slideImgOut */

/* tabelle ausstellungen	 */

.tabelle_ausstellungenlinks {
    font-size: 1rem;
    line-height: 1.3;
    vertical-align: top;
    background-color: #ffffff;
    border: 0px !important;
    width: 20%;
}

.tabelle_ausstellungenrechts {
    font-size: 1rem;
    line-height: 1.3;
    vertical-align: top;
    background-color: #ffffff;
    border: 0px !important;
    width: 30em;
    padding-bottom: 2em;
}

.tabelle_ausstellungengesamt {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 1em;
  }
  
thead, tbody, tfoot {
    border: 0;
}

/* ---- Orbit Galerie ----*/
/*

.orbit-container {
    height: 40em;
}
*/

.orbit-figure {
    text-align: center;
}

/* -- anpassung buttons galerie  -- */

.owl-pagination {
    top: -1.5em;
    position: relative;
}

.owl-buttons {
    top: -1.5em;
    position: relative;
}

.orbit-image {
    height: 100%;
}

.orbit-previous {
    background-color:  rgba(220,220,220,0.5);
}

.orbit-next {
    background-color: rgba(220,220,220,0.5);
}

/* -- Projekte--*/

a.linkprojekte {
	font-family: 'Lato';
    color: rgba(110, 19, 14, 1);
	line-height: 3em;
    text-decoration: none;
    display: block;
}

a.linkprojekte:hover,
a.linkprojekte:active {

	background-image: url(hintergrund_navigation.png);
	background-repeat: no-repeat;
	background-size: 3em;
}


/* -- footer --*/
.zentriert {
    text-align: center;
}









/* ----	 */