body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		galeriefuchs.de v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
        
@import url("../../files/galf/css/fonts.css"); 
		


/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}
      
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* 	==========================================================================
   	Allgemeines
   	========================================================================== */
   
		html, body { 
				height: 100%;}
		
		body {
			  font-size: 16px;
				font-family: 'Work Sans', sans-serif;
        font-weight: 300;
				color: #000;
				background-color: #fff;}
				
		::selection {background: #000; color: #fff;}
		::-moz-selection {background: #000; color: #fff;}
		
		.mod_navigation a {
				text-decoration: none;}
        
    strong {
        font-weight: 400;}
        
    i, em {
      font-style: italic;}

	p, h3 {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 23px;
	}  
        
    .ovr p { font-size: 15px; line-height: 20px; margin-bottom: 10px !important;}
    .grauerHintergrund p, .textbox p, .ovr_accordion p, .ovr_accordion div {
        font-size: 20px;
        line-height: 26px;} 
        
        
    .textbox p, .ovr_accordion p { margin-bottom: 0 !important;}
    
    .textbox2 p {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 0 !important;}
        
    div {
        font-size: 16px;
        line-height: 23px;}
        
    .ce_text p, .ce_text .info div {width: 100%; max-width: 850px; } 
    
        
    a { text-decoration: none; color: #000;}
    a:hover { color:#aaa;}
        
		h1 {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 10px;
        font-weight: 400;}
				
		h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
        font-weight: 400;}
        
        .ovr h2 { font-size: 16px; }
        
    .eventliste h2, .eventdetail h1 {
        margin-bottom: 0;}
        
    .eventdetail h1 { }
    
		h4, h5, h6 {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px;
        font-weight: 400;}
		

		
/* 	==========================================================================
   	Layout
   	========================================================================== */
    
    .page {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 24px;}
      
    .header {
      width: 100%;
      padding-top: 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;}
      
    .logo {
      font-size: 22px;
      width: 260px;
      padding-bottom: 30px;
      position: relative;
      border-bottom: 1px solid #d3d3d3;
      /*z-index: 9999;*/ } 
      
    .logo strong { font-size: 22px; }
      
    .navigation {
      width: calc(100% - 260px);
      position: relative;
      padding-bottom: 30px;
      border-bottom: 1px solid #d3d3d3;}
      
    .subnavigation {
      width: 100%;
      margin-top: 40px;}
      
    nav.subsubnavi ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-end;} 
      
    .subnavigation ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-end;
     
    } 
    
    .block {
    overflow: visible;
}
      
    .subnavigation ul li, nav.subsubnavi ul li { margin-left: 25px; } 
    
    nav.subsubnavi ul li, .subnavigation ul li {margin-top: -28px;}
      
    nav.subsubnavi ul li.first, .subnavigation ul li.first, .subnavigation ul li:first-child { 
      width: 100%;
      margin-left: 0;
      margin-top: 0;}
      
    nav.subsubnavi ul li.first a, .subnavigation ul li.first, .subnavigation ul li:first-child {font-size: 22px !important; font-weight:400;}
                                  
    .mobile {
      display: none;}
      
    .content {
      margin-top: 40px;
      width: 100%;}
      
    .content2 {
      margin-top: 20px;
      width: 100%;}
      
    .content a:hover, .hover, .content2 a:hover {
      color:#aaa;}
      
    .ausstellung, .ausstellung .back {
      width: 100%;}
      
    .start {
      width: 100%;
      margin-top: 40px;} 
    
    .ausstellung {
      float: left;
      margin-top: 40px;
      width: 100%;}
      
    .info {
      display: block;} 
/*      
    .ausstellung .eventdetail {
      width: 100%;}
*/       
    .ausstellung .eventContent, .team > .mod_article {
      width: 100%;
       display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;} 

     
     .ausstellung .eventContent > .ce_image, .team > .mod_article > .ce_text { width: 31%; margin-bottom: 40px; } 
     
/*       
     .ausstellung .eventdetail .text ul {
      width: 100%; 
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      margin-bottom: 20px;} 
*/                          

      .ausstellung .eventContent > .ce_text,  .ausstellung .eventContent > .ce_text > .info { width: 100%; }
      
      .ausstellung ul.tabs { 
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-end;
          align-items: baseline;
          margin-bottom: 20px; } 
      
     .ausstellung #tab-2 .ce_image  {
       width: 31%; margin-bottom: 40px;}   
     
     .ausstellung ul.tabs {width:100%;}
/*     
     .ausstellung .eventdetail .text ul li {
      font-size: 22px;} 
 */     
     .ausstellung ul.tabs li { cursor: pointer; }
     
     .tab-content{
			display: none;
      width: 100%;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;}

		.tab-content.current{
			display: flex;
		} 
      
     .ausstellung .eventdetail .text ul li.first {
      font-weight: 400;}  
      
     .ausstellung ul.tabs li.first {font-size: 22px !important; font-weight: 400; }
      
    .ausstellung ul.tabs li { margin-left: 25px;} 
    
    .ausstellung ul.tabs li {margin-top: -28px;}
    
    @media screen and (max-width: 780px)  {.ausstellung ul.tabs li {margin-top: 10px;} }
      
    .ausstellung ul.tabs li.first { 
      width: 100%;
      margin-left: 0;
      margin-top: 0;} 
/*      
     .ausstellung .eventdetail .eventContent .menu {
      margin-bottom: 20px;}
      
     .ausstellung .eventdetail .eventContent .menu ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;}
      
     .ausstellung .eventdetail .eventContent .menu ul li {
      margin-right: 25px;} 
*/     
    .start .info, .start .hoch .image_container {
      width:100%;}
      
    .start .hoch .image_container {
      float: left;
      width: 67.5%;}  
    
    .start .image_container img, .ausstellung .image_container img {
			max-width: 100%;
			width: auto\9; /* ie8 */} 
    
    .start .ce_text {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 80px;} 

.ce_fornm form { margin-bottom: 50px;}
.para_css_clear p { clear: left !important; }
      
    .ce_form label, .mod_login label {
      display: block;
      float: left;
      padding-top: 15px;
      width: 150px;}
      
    .ce_form input.text, .mod_login input.text, .mod_subscribe input.text, .mod_unsubscribe input.text {
			border: 1px solid black;
			font-size: 16px;
			padding: 2px 2px 2px 5px;
			width: 250px;
			font-weight: 400;
			margin: 12px 0;}
      
    .ce_form .submit, .mod_login input.submit {
			font-size: 16px;
			font-weight: normal;
			display: block;
			float:left;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			margin: 12px 0 24px 0;
			background-color:  #000;
      cursor: pointer;
			color: #fff;}
      
    .mod_subscribe input.submit, .mod_unsubscribe input.submit {
			font-size: 16px;
			font-weight: normal;
			display: block;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			margin: 12px 0 24px 0;
			background-color:  #000;
      cursor: pointer;
			color: #fff;}
      
    
    .mod_eventlist h3, .eve {
      display: none;}
      
      .eventteaser, .empty {
        margin-bottom: 21px;}
        
    .mittig .info{
      width: 90%;
      float:none;
      margin: 0 auto;
      text-align:center;}
      
    .ce_downloads {
      margin-bottom: 20px;}
      
    .clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;}
    
    .news h2{
      margin-bottom: 0 !important;}
      
    #mc_embed_signup {
      margin-bottom: 60px;}

    .footer {
      width: 100%;
      clear: left;
      padding: 20px 0;
      text-align: right;
      border-top: 1px solid #d3d3d3;
      margin: 40px 0; } 
      
    .footer ul {
      display: flex;
      flex-direction: row; 
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;}
      
    .footer ul li {
      margin-left: 30px;}
      
    .footer a {
      font-size: 16px;
      color: #000;} 
      
    .mod_eventlist { 
      width: 100%;
      display: flex;
      flex-direction: row; 
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;} 
    .mod_eventlist h1 {width: 100%; } 
    .mod_eventlist .eventliste {width: 31%; margin-bottom: 20px; }
    
    .eventliste figure {margin-bottom: 20px; }  
    .eventliste .caption {display: none}
    
    .bygone h2 {
      display: block;
      padding: 20px 0 0 0;
      width: 100%;
      border-top: 1px solid #d3d3d3;
      margin-bottom: 20px; }
      
    .bygone { margin-bottom: 40px }
    
    .ce_text.block { clear: left; }
    
   .publi .image_container.float_left {
      margin-right: 25px;
      margin-bottom: 90px;
    }
    .messen_css .image_container {
      margin-bottom: 20px;
    }
    .image_container.float_above { margin-bottom: 20px;}
      
/* 	==========================================================================
   	Bildergalerie K�nstler
   	========================================================================== */
      
		.image_container img {
			max-width: 100%;
			width: auto\9; /* ie8 */} 
 /*     
    .kuenstler2 .ce_image{
      position: relative;
			display: inline-block;
			vertical-align: bottom;
      width: 32.5%;
      margin-bottom: 50px;} 
      
    .kuenstler .ce_image{
      position: relative;
			display: inline-block;
			vertical-align: bottom;
      width: 99%;
      margin-bottom: 50px;} 
      
    .kuenstler2 .ce_image .image_container {
      width: 70%;
      margin: 0 auto;} 
      
    .kuenstler .ce_image .image_container {
      width: 100%;
      margin: 0 auto;}
*/      
    .ce_image .caption, .ce_text .caption {
      text-align:center;
      font-size: 13px;
      padding-top: 10px;}
      
    .zweispaltig {
     display: flex;
      flex-direction: row; 
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 40px;}
      
     .zweispaltig .image_container {
      width: 55%;}  
      
      .zweispaltig .info {
      width: 41%;}
      
     .dreispaltig, .messen {
        width: 100%;
       display: flex;
      flex-direction: row; 
      flex-wrap: wrap;
      justify-content: space-between;}  
      
    .zentriert {
      align-items: center;} 
      
     .messen .ce_headline {width: 100%;}
       
     .messen .ce_text, .dreispaltig .ce_image {
       width: 31%; margin-bottom: 40px;} 
       
     .ce_accordionSingle, .accordion { width: 100%; } 
     
     .ce_accordionSingle { margin-bottom: 60px; }
       
      
/* 	==========================================================================
   	Neue K�nstlerliste
   	========================================================================== */
    
    .artists {
      float: left;
      width: 100%;
      margin-top: 40px;
      padding-bottom: 40px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start; 
      height: auto;
      min-height: 84vh; }
    
    .artists .artists-list {
      width: 29%;
      }
      
    .artists .artist-images {
        width: 70%;
        position: relative;}  
         
    .artists div img {
		max-width: 100%;
		width: auto\9; /* ie8 */
        max-height: 80vh;
        float: right;}
      

        
     .artist-link.active a {
        font-weight: 400;}
        
    .artist-link a {
        /*font-size: 22px;*/
        font-size: 22px;
        line-height: 35px;
        font-weight: 300;
        }
        
    .artists-list.hover a {
        color:#aaa;}
        
    .artists-list.hover .active a {
        display: block;
        color: #000 !important;
        font-weight: 400;}
        
    .invisible { display: none;} 
    
    .artists .artist-images .mod_article div{
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        transition: opacity 300ms ease-in;
        -webkit-transition: opacity 300ms ease-in;} 
        
    .artists .artist-images .mod_article div.show {
        opacity:1;} 
        
    .artist-link p {
      margin-bottom: 3px !important;}
/* 	==========================================================================
   	Navigation top
   	========================================================================== */
    
    .navigation ul {
      display: flex; 
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;}
    
    .navigation ul li{
      font-size: 16px;
      margin-top: 2px;
      margin-left: 25px;
      font-weight: 300;
      text-align: left;}
      
    .navigation ul li.active, .navigation ul li.trail a{
      font-weight: 400;}
      
    .navigation ul li a{
      text-decoration: none;
      color: #000;}
      
    .navigation ul li a:hover{
      color:#aaa;}
      
    .mnavilink {
      display: none;}
      
/* 	==========================================================================
   	Subnavigation
   	========================================================================== */
    .extrawurst ul {
      display: none;}  
     
    .subnavigation ul li{
      line-height: 28px;}
      
    .subnavigation ul li.active{
      font-weight: 400;}
      
    .subnavigation ul li a{
      text-decoration: none;
      color: #000;}
      
    .subnavigation ul li a:hover{
      color:#aaa;}
      
    .subsubnavi ul li.first {
      font-weight: 400;
      text-decoration:none;}

      
/* 	==========================================================================
   	tablets portrait format
   	========================================================================== */
@media screen and (min-width: 888px) and (max-width: 1100px){

      
    .logo { 
      width: 100%;
      padding-bottom: 0;
      border-bottom: none;}
      
    .navigation {
      width: 100%;
      z-index: 1;
      
      margin-top: 15px;}
      
    .subnavigation {
      width: 100%;
      z-index: 1;
      margin-top: 25px;}
      
    .extrawurst ul {
      display: inline;}
    
      
    .navigation ul li.english {
      margin-right: 0;}
      
    #start .ce_image {
      width: 100%;
      margin-top: -0px !important;} 
      
    .mod_eventlist .eventliste {width: 48%; margin-bottom: 20px;}
    
    nav.subsubnavi ul li, .subnavigation ul li {margin-top: 10px;} 
    
    .mod_eventlist .eventliste, .messen .ce_text, .dreispaltig .ce_image, .ausstellung .eventContent > .ce_image, .ausstellung #tab-2 .ce_image, .team > .mod_article > .ce_text  {width: 47.5%; }
    }
    
/* 	==========================================================================
   	smartphone format
   	========================================================================== */
@media screen and (min-width: 200px) and (max-width: 887px) {
    .page {
      width: calc(100% - 20px);
      margin: 0 10px 0 10px;
      padding: 0;}
      
    .artists .artists-list {
      width: 100%;}
      
    .header {
      padding-top: 15px;}
      
    .logo {
      width: 260px;
      padding-top: 5px;
      padding-bottom: 0;
      border-bottom: none;}
      
    .navigation {
      width: 100%;
      margin-top: 15px;
      display: none;
      padding-bottom: 5px;}
      
    .navigation ul li{
      width: 155px;
      font-size: 16px;
      margin-right:0;
      margin-bottom: 6px;}
      
    .subnavigation, .extrawurst {
      margin-top: 15px;
      width: 100%;}
      
    .extrawurst ul {
      display: inline;}
      
    .content, .content2 {
      margin-top: 25px;
      width: 100%;}
      
    .start {
      margin-top: 15px;
      width: 100%;}
      
    .start .hoch .image_container {
      float: left;
      width: 100%;
      margin-right: 0px}
      
    .start .quer .image_container {
      float: left;
      width: 100%;
      margin-right: 0px;}
      
    .subnavigation ul li, nav.subsubnavi ul li {
      width: 100%;
      margin-left:0px;}
      
    .navigation ul li.english {
      float: left;
      margin-right: 0;}
      
    .kuenstler2 .ce_image{
      position: relative;
			display: inline-block;
			vertical-align: top;
      width: 99%;
      margin-bottom: 50px;
      text-align:center;
      /*border-top: 1px solid red;*/}
      
    .kuenstler2 .ce_image .image_container {
      width: 100%;
      float: none;
      margin:0 auto;}
      
    .mnavilink {
      display: block;
      cursor: pointer;
      float: right;}
      
    .mobile {
      display: block;}
      
    p {
      clear: left;}
      
    .ce_text .image_container{
      text-align:center;}  
      
    .mod_eventlist .eventliste {width: 100%; } 
    
    nav.subsubnavi ul li, .subnavigation ul li {margin-top: 10px;}
    
    .mod_eventlist .eventliste, .messen .ce_text, .dreispaltig .ce_image, .zweispaltig .image_container, .zweispaltig .info, .ausstellung .eventContent > .ce_image, .ausstellung #tab-2 .ce_image, .team > .mod_article > .ce_text {width: 100%; margin-bottom: 20px; } 
    }
    
/* --------------- OVR -------------------- */

.flex-layout {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
    
.flex-layout>div { width:100%; margin-bottom: 35px;}

.ovr {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;}
    
.ovr figure, .ovr .grafik { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    
.ovr figure img { width: 80%; align-self: center; transition: all .2s ease-in-out;}
.ovr figure img:hover { transform: scale(0.99);}
.ovr .grafik img { width: 80%; align-self: center;}
.ovr figcaption { }

.ovr.half .text p, .ovr.half .text h2, .ovr.half .text h3, .ovr.half .text h4, .ovr.half .text h5, .ovr.half .text .button,
.ovr.full .text p, .ovr.full .text h2, .ovr.full .text h3, .ovr.full .text h4, .ovr.full .text h5, .ovr.full .text .button, .ovr .kunstwerk figcaption { width: 80%; margin: 0 auto;}
.ovr.vixt.full .text p, .ovr.vixt.full .text h2, .ovr.vixt.full .text h3, .ovr.vixt.full .text h4, .ovr.vixt.full .text h5, .ovr.vixt.full { width: 100%; }    
.ovr.half { width: 50%;}
    
.ovr.reverse {flex-direction: row-reverse; }
.kunstwerk { background-color: #FFF;}
.kunstwerk, .grauerHintergrund { }

.ovr.reverse p, .ovr.reverse h2, .ovr.reverse h3, .ovr.reverse div { text-align: right;}
    
.grey { background-color: #f8f8f8; }
    
.ai-stretch { align-items: stretch; }
.ai-center { align-items: center; }
.ai-start { align-items: flex-start; }
.ai-end { align-items: flex-end; }
.ai-baseline { align-items: baseline; }

.ovr figure { margin: 0; padding: 0; background-color: #fff; cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;}
    
.ovr .grafik { margin: 0; padding: 0; background-color: #fff;}
    
.ovr>figure, .ovr>div.text, .kunstwerk, .grauerHintergrund, .ovr>.vid, .ovr>.grafik {width:50%;}
.ovr.half>figure, .ovr.half>div.text, .ovr.full>figure, .ovr.full>div.text, .ovr.full>.vid, .ovr.half>.grafik, .ovr.full>.grafik {width:100%;}

.ovr.half>div.text, .ovr.full>div.text, .kunstwerk figcaption { padding-top: 25px; padding-bottom: 25px;}
.ovr>div.text { padding: 10px 6% 0 6%}
.ovr.vixt.full>div.text { padding: 25px 0;}
.kunstwerk figcaption { width: 100%; padding-left: 6%; padding-right: 6%; }
.ovr.reverse>div.text, .ovr.reverse .kunstwerk figcaption { padding: 10px 6% 0 0; }
.grey>div.text, .grauerHintergrund {padding: 48px 6%;}
.grey.reverse>div.text {padding: 48px 6% 48px 0%;}
/*, .reverse .grauerHintergrund {padding: 35px 6% 35px 0%;}*/
@media screen and (max-width: 780px){
.ovr>figure, .ovr>div.text, .ovr.half, .ovr>.grafik {width:100%;}
.kunstwerk, .grauerHintergrund, .vid { flex-basis: 100%;}
.ovr>div.text { padding: 0;}
figure, .kunstwerk, .grafik { margin-bottom: 25px;}
.ovr>div.text { padding: 25px 6%;}
.ovr .text p, .ovr .text h2, .ovr .text h3, .ovr .text h4, .ovr .text h5, .ovr .text .button {width: 80%; margin: 0 auto;} 
}

.button { margin: 15px 0; font-size: 13px;} 
.button a { font-weight: 400; color: #000;}

.center h2, .center p, .center div { text-align: center; }
.right h2, .right p, .right div { text-align: right; }
.ovr figure .icon { display: none;}
@media (pointer: coarse)  {
.ovr figure { position: relative;} 
.ovr figure .icon { 
position: absolute;
right: 4%;
bottom: 5px;
display: inline;
width: 15px;}
}
.kunstwerk .info { width: 80%; padding-top: 10px;}
.kunstwerk .info>p { text-align: left; width: 100%; margin-bottom: 0 !important;}

/* --------------- OVR OVERLAY-------------------- */
.overlayZoom { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.99);
    opacity: 0;
    z-index: -1;}
    
@media screen and (max-width: 580px){ 
.overlayZoom { align-items: flex-start; }
}
    
.overlayZoom.expanded {  
  z-index: 9990;
  opacity: 1;
   animation: popout 0.4s ease;
  -webkit-animation: popout 0.4s ease;}
    
@keyframes popout {
    from{transform:scale(0)}
    80%{transform:scale(1.05)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(0)}
    80%{transform:scale(1.05)}
    to{-webkit-transform:scale(1)}
}
    
.overlayZoom .grafik  {
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    overflow: hidden;
    padding-right: 10px; }
    
.overlayZoom .info  {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center; }

@media screen and (max-width: 580px){ 
.overlayZoom .grafik  {
    padding-right: 10px;}
}

    
.overlayZoom .info h2, .overlayZoom .info p, .overlayZoom .info div {text-align: left;}
    
.overlayZoom .grafik img { max-height: 85vh; width: auto; } 

/* align-self: center;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
.overlayZoom .grafik img.zoomed:hover { max-height: 100%;  } 
.overlayZoom .grafik img.zoomed:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

.overlayZoom .grafik img.zoomed { overflow:hidden }
.overlayZoom .grafik img.zoomed:hover { transform: scale(1.5);}
*/

.thumbs{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  list-style:none;
  max-width:100%
  margin: 20px auto;
}

.thumbs li{
  display:inline-block;
  padding:4px 4px 4px 4px;
}
.thumbs li:first-child, .thumbs li:first-child img { padding-left:0; }

.thumbs img{
  width:70px;
  height:50px;
  cursor:pointer;
  padding:4px;
  max-width:100%;
  height:auto;
}

.logoFix {
 font-size: 22px;
position: absolute;
top: 40px;
left: 2vw;}

.closeOverlay {
background: url(../../files/galf/img/close.png) no-repeat;
    width: 55px;
    height: 55px;
position: absolute;
top: 40px;
right: 2vw;
cursor:pointer;}

.grafik img { position: relative; }

.large {
  width: 175px;
  height: 175px;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(191, 191, 191, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(191, 191, 191, 0.25);
  background-repeat: no-repeat;
  display: none;
  z-index: 9999;
}

.formimg { width: 100%; max-width: 200px; margin: 20px 0;}
button.submit { padding: 8px 10px !important; }

.textbox, .textbox2, .ovr_accordion {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    padding: 0;}

.textbox.grey, .textbox2.grey, .ovr_accordion.grey {
    padding: 48px 0;}
        
.ovr_accordion .toggler span{ cursor: pointer; text-decoration: underline;}
.ovr_accordion .acccontent { margin-top: 10px;}
    
.textbox .info, .textbox2 .info, .ovr_accordion .accwrapper { 
    width: 70%;}
    
.ce_sliderStart, .ce_player { margin-bottom: 35px; }

.v60 { width: 60%; float:left;}
.v100 { width: 100%;}
.t40 { width: 40%; float:left; padding: 20px;}

@media screen and (max-width: 780px){    
.overlayZoom .grafik, .overlayZoom .info { width: 90%;}
.overlayZoom .grafik { height: 60%; border-bottom: 1px solid #fefefe;}
.overlayZoom .info { height: 40%;}
.overlayZoom .grafik img { max-height: 90%;}
.closeOverlay { top: 5px; }
.textbox .info, .textbox2 .info, .ovr_accordion .accwrapper { width: 90%; }
}
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/galf/fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/galf/fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/galf/fonts/work-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/galf/fonts/work-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-300italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/galf/fonts/work-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/galf/fonts/work-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/galf/fonts/work-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/galf/fonts/work-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/galf/fonts/work-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/galf/fonts/work-sans-v18-latin-700italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}