@charset "UTF-8";
/* ------------plastiker ----*/
html {
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	}
html, body {
	height:100%;
}
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:100%;
	letter-spacing:0.025rem;	
	display:-webkit-box;	
	display:-ms-flexbox;	
	display:-webkit-flex;	
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        -webkit-flex-flow:column nowrap;
	        flex-flow:column nowrap;
	margin:0;
	padding:0;
	}

article, .subnav, .subnav-verein {-webkit-box-sizing: border-box;box-sizing: border-box;}

p { 
		hyphens: auto;
-webkit-hyphens: auto;
	-ms-hyphens: auto;
	}

footer p { 
		hyphens: none;
-webkit-hyphens: none;
	-ms-hyphens: none;
	text-shadow:1px 1px 3px #000;
	}
/*
Vor- und Nachname auf gleicher Zeile
*/
p.namen {
	hyphens: none;
-webkit-hyphens: none;
	-ms-hyphens: none;
}
/*
logo klein -home
*/
header {
	-webkit-box-flex:0;
	    -ms-flex:0 0 auto;
	        -webkit-flex:0 0 auto;
	        flex:0 0 auto;
	height:112px;
	}
#logoklein {
	margin: 27px 0 20px 20px;
	width:57px;	
	/*height:65px;*/
	height:65px;
	}
#logoklein a:link {
	position:relative;
	width:57px;	
	height:65px;
	}
#logoklein a::before {
	content:'';
	position:absolute;
	display:block;
	width:57px;	
	height:65px;
	background:url("azb-logo-nachgebaut-2x-01-logoklein.svg") no-repeat 0 0;
	background-size:124px 65px;
	}
#logoklein a:hover::before,
#logoklein a:focus::before,
#logoklein a:active::before,
#logoklein a:visited:hover::before {
	background:url("azb-logo-nachgebaut-2x-01-logoklein.svg") no-repeat -67px 0 ;
	background-size:124px 65px;
	}
/*
logo klein -home -fertig
*/	
#wrapper {
	-webkit-box-flex:1;
	    -ms-flex:1 0 auto;
	        -webkit-flex:1 0 auto;
	        flex:1 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        -webkit-flex-flow:column nowrap;
	        flex-flow:column nowrap;
	margin:0 auto;
	width:100%;
}
/*
wuerfel font 16px
*/
#wuerfel {
	-ms-flex:0 0 162px;
	 -webkit-box-flex: 0;
	        -webkit-flex: 0 0 162px;
	        flex: 0 0 162px;
	
	position:relative;
	width: 162px;
	height:184px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-perspective:2000px;
	        perspective:2000px;
	
	margin:0 auto;
	padding:0;
}
#wuerfel li {
	list-style-type: none;
	position:absolute;
	width: 89px;
	height: 89px;
	background-color:#fff;
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
	}
#wuerfel li#oben {
	/* 121 = 0.86602 x 134 + 5 (häfte vom rand)  */
	-webkit-transform: translate(80px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	    -ms-transform: translate(80px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	        transform: translate(80px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	}
#wuerfel li#links {
	-webkit-transform: translate(0px,49px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	    -ms-transform: translate(0px,49px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	        transform: translate(0px,49px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	}
#wuerfel li#rechts {
	-webkit-transform: translate(84px,94px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	    -ms-transform: translate(84px,94px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	        transform: translate(84px,94px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	}
#wuerfel li a {
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
	display:block;
	padding:6px;
	text-decoration:none;
	height:86.602%;
	/*-webkit-font-smoothing: antialiased;*/
	-webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	}
#wuerfel li a:link, li a:visited {
	color:#000;
	} 
#wuerfel li a:hover, li a:focus, li a:active  {
	color:#fff;
	background-color:#000;
	}
#wuerfel li a.current {
	color:#fff;
	background-color:#000;
	cursor: pointer;
	}
#wuerfel li a.current:hover,
#wuerfel li a.current:focus {
	color:#fff;
	background-color:#000;
	cursor: pointer;
	}	
/*
wuerfel font 16px fertig
*/
/*
logo/würfel-switch auf startseite
*/
#logo-halter {
	-webkit-box-flex:1;
	    -ms-flex:1 1 186px;
	        -webkit-flex:1 1 186px;
	        flex:1 1 186px;
	margin:112px auto 0 auto;
	margin-top:calc(50% - 124px);/*2/3 von höhe --> frisst chrome nicht*/
	width:162px;
	height:186px;
	margin-top:calc(50vh - 124px);/*2/3 von höhe*/
	/*margin-top:calc(50vh - 236px);/* 124px = 2/3 von höhe würfel, + 112px = höhe logoklein, = 236px */
	}
#logo {
	display:block;
	opacity:1;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	margin:0;
	padding:0;
	}
#logo a:link {
	/*position:relative;*/
	display:block;
	width:162px;	
	height:279px;
	height:186px;
	margin:0;
	padding:0;
	}
#logo a::before {
	content:'';
	/*position:absolute;*/
	display:block;
	width:162px;	
	height:186px;
	background:url("azb-logo-nachgebaut-2x-01.svg") no-repeat 0 0;
	background-size:330px 186px;
	}
#logo a:hover::before,
#logo a:focus::before,
#logo a:active::before,
#logo a:visited:hover::before {
	background:url("azb-logo-nachgebaut-2x-01.svg") no-repeat -253px 0 ;
	background:url("azb-logo-nachgebaut-2x-01.svg") no-repeat -168px 0 ;
	background-size:330px 186px;
	}	
#wuerfel.start {
	margin-left: 0;
	display:none;
	max-height:0;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	opacity:0;
	overflow:hidden;	
	}
#logo-halter:target #wuerfel.start {
	max-height:186px;
	opacity:1;
	display:block;
	}
#logo-halter:target #logo {
	display:none;
	max-height:0;
	opacity:0;
	overflow:hidden;	
	}

/*
logo/würfel-switch auf startseite fertig (font 16px)
*/	
a:link {outline:none;}
article h1, h1 {
	
	font-weight:normal;
	font-weight:300;
	font-size:1.5rem;
	line-height:1.75rem;
	letter-spacing: 0.05rem;
	margin:1.25rem 0 1rem 0;
	text-transform: uppercase;	
	}
article h1:first-of-type {
	margin:0 0 2.5rem 0;
  /*margin:0 1rem 2.5rem 0; ---- wozu? macht die Titel "Gäste" und "Anmeldung" zu schmal */
	}
/*untertitel für mitglieder auswählbar */	
h2, .untertitel {font-weight:normal;
	font-size:1rem;
	line-height:1.5rem;
	letter-spacing: 0.05rem;
	margin:1.25rem 0 1rem 0;
	text-transform: uppercase;	
}	
#gastatelierdetail h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	color: #000;
}

/*
übersicht aller mitglieder
*/
a[href*="wimpfheimer"] 
{ letter-spacing: -.1px;
}
.back-to-top {
	position: fixed;
	bottom:0;
	right: calc(50% - 32px);
	padding:1em;
	background:#fff url("../../templates/img/icon-pfeil-top-16x9.svg") no-repeat center center;
	background:#fff url("../../templates/img/icon-pfeil-top-16x16.svg") no-repeat center center;
	width:32px;
	height:24px;
	opacity:.75; 
}
article,
nav.subnav {
	-webkit-box-flex:1;
		-webkit-flex:1 0 auto;
			-ms-flex:1 0 auto;
        		flex:1 0 auto;
	/*width: 410px;*/
	/*max-width: 100%;*/
	margin: 40px 20px 0 20px;
	}
nav.subnav ul {
	-webkit-columns: 2 200px;
	        columns: 2 200px;
	-webkit-column-gap: 10px;
	        column-gap: 10px;
	padding:0;
	margin:0;
	}
article {
	background-color:#fff;
	padding:3rem 2rem 2rem 2rem ;
	line-height:1.5rem;
	height:auto;
	min-height:100%;
	/*min-height:100%;*/
	/*height:100%;/*wegen safari 7/8 :article height:100%  -- sonst geht article nur bis zum unteren fensterrand, nach scrollen kein article/hintergrund mehr*/
	}
article .mitglied a, article .mitglied p {
	display:block; background-color:#fff;
	}
article.aktuell {
	background-color:transparent ;
	padding:0;
	}
article.mitglied h1 + h1::after {/*seite-in-bearbeitung  --- wegen safari 7/8 :article height:100%  -- */
	content:" ";
	display:block;
	height:1000px;
	width:50px;
	}
	
/*
subnav verein
*/	

article.verein-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	}
article.verein {
	margin:0 20px 0 20px;
	}	

.verein a,
.verein a:hover,
.verein a:active,
.verein a:focus,
.verein a:visited {
	text-decoration:none;
	color:#000;
	border-bottom:1px #000 solid;
	}
.verein a:hover {
	border-bottom:1px #999 solid;
	color:#999;
	}
.verein a.rfg_thumb_a {
	border-bottom:0 none;
	}
/* 
neu sept21
*/
.mitglied > p a,
.mitglied > p a:hover,
.mitglied > p a:active,
.mitglied > p a:focus,
.mitglied > p a:visited {
	text-decoration:none;
	color:#000;
	border-bottom:1px #000 solid;
	}
.mitglied > p a:hover {
	border-bottom:1px #999 solid;
	color:#999;
	}
/* 
neu sept21 fertig
*/
nav.subnav-verein {
	margin: 40px 20px 0 20px;
	}		
nav.subnav-verein ul {
	/*columns: 1 200px;*/
	display:block;
	padding:0;
	margin:0;
	}
nav.subnav-verein ul li {
	/*columns: 1 200px;*/
	display:inline-block;
	width:auto;
	margin:0 10px 10px 0;
	}
nav.subnav li,
nav.subnav-verein li {
	list-style-type: none;
	background-color: #fff;
	/*max-width: 200px;*/
	line-height: 2.5rem;
	}
nav.subnav a,
nav.subnav-verein a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 1rem;
	text-transform: uppercase;
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	}
nav.subnav-verein a {
	padding: 0 1rem 0 1rem;
	}	
nav.subnav a:link, nav.subnav a:visited,
nav.subnav-verein a:link, nav.subnav-verein a:visited {
	color: #000;
	}
	
nav.subnav a:hover, nav.subnav a:focus, nav.subnav a:active,
nav.subnav-verein a:hover, nav.subnav-verein a:focus, nav.subnav-verein a:active, 

nav.subnav-verein li.menu-current a {
	color: #fff;
	background-color: #000;
	}
/*
statuten
*/	
dt {
	margin-top:1.5rem;
	}
dt+dt {
	margin-top:0;
	}	
dd {
	margin-left:2rem;
	}
dd.abstand {
	line-height:.75rem;
	}
	

/*
gastatelier 
*/

/*
nav gastatelier auf/zu
*/	
#gaesteliste,
#anmeldung,
#gastatelierdetail {
	max-height:0;
	overflow:hidden;
	/*
	 -webkit-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
	*/
	}
.no-js #gaesteliste,
.no-js #anmeldung,
.no-js #gastatelierdetail {
	max-height:100000px;
	}		
#gaesteliste.aufZu,
#anmeldung.aufZu, 
#gastatelierdetail.aufZu {
	max-height:10000px;
	max-height:1000000px;/*-----------------------------------------------------------------11.9.22---------*/
	/*overflow:auto;*/
	overflow:hidden;
	/*
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
		*/
	margin:3.75rem 0;
	}

a.gaesteliste, a.anmeldung, a.gastatelierdetail,
a.gaesteliste:visited, a.anmeldung:visited, a.gastatelierdetail:visited {
	position:relative;
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
	text-decoration:none;	
	color:#000;
	}
a.gaesteliste:hover, a.anmeldung:hover, a.gastatelierdetail:hover,	
a.gaesteliste:focus, a.anmeldung:focus,	a.gastatelierdetail:focus,
a.gaesteliste:active, a.anmeldung:active, a.gastatelierdetail:active {
	border-bottom:1px solid #000;
	color:#000;
	}	
.no-js a.gaesteliste, .no-js a.anmeldung, .no-js a.gastatelierdetail,
.no-js a.gaesteliste:visited, .no-js a.anmeldung:visited, .no-js a.gastatelierdetail:visited,
.no-js a.gaesteliste:hover, .no-js a.anmeldung:hover, .no-js a.gastatelierdetail:hover,	
.no-js a.gaesteliste:focus, .no-js a.anmeldung:focus, .no-js a.gastatelierdetail:focus,
.no-js a.gaesteliste:active, .no-js a.anmeldung:active, .no-js a.gastatelierdetail:active {
	border-bottom:none 0;
}	
a.gaesteliste:after, 
a.gastatelierdetail:after,
a.anmeldung:after  { /*genau wie frontend-css accordion --- */
	content:'';
	display:inline-block;
	width:18px;	
	height:18px;
	background:url("../../templates/img/icon-plus-kreuz-12px.svg") no-repeat 0 0;
	background-size:90px 18px ;
	margin-left:auto;
	color:transparent;
	text-align:right;
	position:absolute;
	right:0;
	bottom:6px;
	}
a.gaesteliste:hover:after,
a.gastatelierdetail:hover:after,
a.anmeldung:hover:after { /*kein focus: auf tablet reagiert erst auf doppelklick*/
	background:url("../../templates/img/icon-plus-kreuz-12px.svg") no-repeat -36px 0;
	background-size:90px 18px ;
	}
a.gaesteliste.offen:after,
a.gastatelierdetail.offen:after,
a.anmeldung.offen:after {
	background:url("../../templates/img/icon-plus-kreuz-12px.svg") no-repeat -72px 0;
	background-size:90px 18px ;
	}
.no-js a.gaesteliste:after,
.no-js a.gastatelierdetail:after,
.no-js a.anmeldung:after  {	
	background:none;
	background-size:0px 0px ;
}	
/*
div.mitglied-kopf enthält Name, website, email
*/
.mitglied-kopf,
.gastatelier-kopf {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        -webkit-flex-flow:column nowrap;
	        flex-flow:column nowrap;
	-webkit-box-flex:1;
	    -ms-flex:1 1 auto;
	        -webkit-flex:1 1 auto;
	        flex:1 1 auto;
	}

.sprache-web-mail-box {
	-webkit-box-flex:0;
	    -ms-flex:0 1 auto;
	        -webkit-flex:0 1 auto;
	        flex:0 1 auto;
			
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
        -webkit-flex-flow:column nowrap;
	        flex-flow:column nowrap;
			
	margin-left:auto;
	margin-bottom:2rem;
	}
.gastatelier-kopf .sprache-web-mail-box {
	-ms-flex-item-align: end;
	    -webkit-align-self: flex-end;
	        align-self: flex-end;/*für safari*/
	-webkit-box-flex:0;
	    -ms-flex:0 1 auto;
	        -webkit-flex:0 1 auto;
	        flex:0 1 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        -webkit-flex-flow:row nowrap;
	        flex-flow:row nowrap;
	margin-left:auto;
	margin-bottom:2rem;
	}
.gastatelier-kopf .zwei-mail {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	}	
.mitglied-kopf p {
	margin-left:auto;
	margin-top:.25rem;
	}
.gastatelier-kopf p {
	margin-left:2rem;
	margin-top:.25rem;
	}	
.mitglied-kopf + p,
.gastatelier-kopf + p {/* gleicher abstand zwischen kopf und inhalt div */
	margin-top:0;
	}

.mitglied-kopf a,
.mitglied-kopf a:hover,
.mitglied-kopf a:active,
.mitglied-kopf a:focus,
.mitglied-kopf a:visited,

.gastatelier-kopf a,
.gastatelier-kopf a:hover,
.gastatelier-kopf a:active,
.gastatelier-kopf a:focus,
.gastatelier-kopf a:visited {
	font-size:.85rem;
	text-transform: uppercase;
	letter-spacing: 0.035rem;
	text-decoration:none;
	border-bottom:none;
	color:#999;
	}
.mitglied-kopf a:hover,	
.mitglied-kopf a:focus,

.gastatelier-kopf a:hover,	
.gastatelier-kopf a:focus {
	color:#000;
	border-bottom:solid 1px #000;
	padding-bottom:1px;
	}	
/*
Seite AKTUELL Topics übersicht 
(loop ist übersichtsseite, page ist einzelseite)
*/
.austellungs-titel {
	/*font-weight:600;*/
	}
.mod_topic_loop, .mod_topic_page {
	background-color:#fff;
	max-width:410px;
	padding:3rem 1rem 1rem 2rem ;
	line-height:1.5rem;
	margin:0;
	margin-bottom:10px;
	margin-bottom:30px;/*neu dez20*/
	border-bottom:none 0px;
	}
.mod_topic_page.keine_aktuell {
	padding-top:2rem;
}
.mod_topic_page.letzte_ausstellungen {/*link-box*/
	padding-top:1rem;
}
.mod_topic_loop > a {
/*	display:block;*/
	/*flex: 1 0 auto;*/
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
		max-width: 298px;

	}
.mod_topic_loop:hover,
.mod_topic_loop:focus,
.mod_topic_loop:active {
	background-color:#000;
	cursor:pointer;
	}
.mod_topic_loop:hover h1, .mod_topic_loop:hover h2, .mod_topic_loop:hover p,
.mod_topic_loop:focus h1, .mod_topic_loop:focus h2, .mod_topic_loop:focus p,
.mod_topic_loop:active h1, .mod_topic_loop:active h2, .mod_topic_loop:active p {
	color:#fff;
	}	
		
.mod_topic_loop a:link,
.mod_topic_loop a:visited,
.mod_topic_loop a:hover, 
.mod_topic_loop a:focus,
.mod_topic_loop a:active,
.mod_topic_loop a:visited:hover { color: #000; text-decoration:none;  }

.mod_topic_loop h1:first-child,
.mod_topic_page h1:first-child {
	margin: 0 0 1rem 0;
	}
.mod_topic_page h1:nth-child(2) {
	margin: 3rem 0 1rem 0;
	}
/*
Seite AKTUELL Topics einzelseite
*/

.mod_topic_page a,
.mod_topic_page a:hover,
.mod_topic_page a:active,
.mod_topic_page a:focus,
.mod_topic_page a:visited {
	text-decoration:none;
	color:#000;
	border-bottom:1px #000 solid;
	padding-bottom:2px;
	}
.mod_topic_page a:hover,	
.mod_topic_page a:focus {
	border-bottom:1px #999 solid;
	color:#999;
	}
.mod_topic_page a.bildlink {
	text-decoration:none;
	border-bottom:0;
}

.mod_topic_page .topics-back a,
.mod_topic_page .topics-back a:hover,
.mod_topic_page .topics-back a:active,
.mod_topic_page .topics-back a:focus,
.mod_topic_page .topics-back a:visited	
.mod_topic_page .topics-back a:hover,
.mod_topic_page .topics-back a:focus {
	border-bottom:none 0;
	color:#000;
	text-decoration:none;
	}	
img {
	max-width:100%;
	height:auto;
	}
.mod_topic_loop,
.mod_topic_page	{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	}
/*
plus / kreuz	
*/
.mod_topic_loop .mehr,
.mod_topic_page .topics-back {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 48px;
	    -webkit-flex: 1 0 48px;
	        flex: 1 0 48px;
	flex: 0 0 48px;
	}
.mod_topic_loop .tp_readmore a,
.mod_topic_page .topics-back a {
	content:'';
	display:block;
	width:32px;	
	height:32px;
	background:url("../../templates/img/icon-plus-32x96-s-w.svg") no-repeat 0 0;
	background-size:96px 32px ;
	margin-left:auto;
	color:transparent;
	overflow:hidden;
	}
.mod_topic_loop:hover .tp_readmore a,
.mod_topic_loop:focus .tp_readmore a,
.mod_topic_loop:active .tp_readmore a {
	background:url("../../templates/img/icon-plus-32x96-s-w.svg") no-repeat -64px 0;
	}
.mod_topic_page .topics-back a {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	}
/*
video
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
topics fertig
*/		
article table {
	border-collapse: collapse;
	border:0 none;
	width:100%;
	padding:0;
	line-height:1.25rem;
	margin-bottom:2rem;
	}
article .accordion-content table {
	margin-top:calc(1rem + 5px);/* gleicher abstand nach oben wie <p> */
	}
table {
	border:0;
	font-size:1rem;
	vertical-align:baseline;
	}	
td  {
	vertical-align:baseline;
	padding-bottom:1.25rem;
	}		
td:first-child {
	color:#999;
	padding-right:1rem;
	padding-bottom: .5rem;
	width:22%;
	}
#gastatelierdetail td:first-child {
	color:#000;
	width:100%;
}
td > p, 
.wb-accordion td > p {
	margin-top:0;
	margin-bottom:1.25rem;
	padding:0;
	}
td > p:last-of-type, 
.wb-accordion td > p:last-of-type {
	margin:0;
	padding:0;
	}	
/*
für kleine screens 
*/
table, thead, tbody, th, td, tr { display: block; }
tr {padding-bottom: 1.5rem;}
footer {
	-webkit-box-flex:0;
	    -ms-flex:0 0 auto;
	        -webkit-flex:0 0 auto;
	        flex:0 0 auto;
	/*display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;*/
	margin:0;
	margin-top:auto;
	padding:0;
	}
footer p {
	margin: 0 20px 0 20px ;
	margin-bottom:1.5rem;
	padding:0; 
	/*
	margin-left:20px;
	margin-bottom:1.5rem;
	*/
	color:#fff;
	line-height:1.25rem;
	letter-spacing:0.0625rem; /*16px*/
	}
/*
google map bei kontakt
*/	
.verein iframe {
    -webkit-filter: grayscale(1);
       -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
         -o-filter: grayscale(1);
            filter: grayscale(1);
			
			width:100%;
			height:400px;
			border:none;
			margin:1.5rem 0 0 0;
			border-radius:0 ;
	}
.verein iframe:hover,
.verein iframe:active,
.verein iframe:focus {
    -webkit-filter: grayscale(.5);
       -moz-filter: grayscale(.5);
        -ms-filter: grayscale(.5);
         -o-filter: grayscale(.5);
            filter: grayscale(.5);
	}		
	
@media screen and (min-width: 662px) and (max-width: 912px) { /*max-width sub-nav ( 2x200 + 1 x 10 gap = 410 ) + 202 würfel 1x10 margin würfel-subnav + 2x20 margin = 662 */
p { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }
p {-webkit-hyphens: manual;}
p {-ms-hyphens: manual;}

/*
wrapper
*/
#wrapper {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        -webkit-flex-flow:row nowrap;
	        flex-flow:row nowrap;
	width:662px;
	}
/*
wuerfel font 20px
*/
#wuerfel {
	-ms-flex:0 0 202px;
	 -webkit-box-flex: 0;
	        -webkit-flex: 0 0 202px;
	        flex: 0 0 202px;
	
	width: 202px;
	height:230px;
	margin:0;
	margin-left:20px;
	}
#wuerfel li {
	width: 111px;
	height: 111px;
	}
#wuerfel li#oben {
	/* 121 = 0.86602 x 134 + 5 (häfte vom rand)  */
	-webkit-transform: translate(101px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	    -ms-transform: translate(101px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	        transform: translate(101px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	}
#wuerfel li#links {
	-webkit-transform: translate(0px,61px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	    -ms-transform: translate(0px,61px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	        transform: translate(0px,61px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	}
#wuerfel li#rechts {
	-webkit-transform: translate(105px,117px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	    -ms-transform: translate(105px,117px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	        transform: translate(105px,117px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	}
#wuerfel li a {
	font-size:20px;
	padding:8px;
	}
/*
wuerfel 20px fertig
*/
/*
logo/würfel-switch auf startseite
*/
#logo-halter {
	-webkit-box-flex:1;
	    -ms-flex:1 1 202px;
	        -webkit-flex:1 1 202px;
	        flex:1 1 202px;
	
	margin:auto;
	margin-top:112px;
	margin-top:calc(50vh - 155px);/*2/3 von höhe*/
	/*margin-top:calc(50vh - 276px);/* 155px = 2/3 von höhe würfel, + 112px = höhe logoklein, = 267px */
	width:202px;
	}
#logo a:link {
	width:202px;	
	height:232px;
	}
#logo a::before {
	width:202px;	
	height:232px;
	background-size:413px 232px;
	}
#logo a:hover::before,
#logo a:focus::before,
#logo a:active::before,
#logo a:visited:hover::before {
	background:url("azb-logo-nachgebaut-2x-01.svg") no-repeat -211px 0 ;
	background-size:413px 232px;
	}	
#logo-halter:target #wuerfel.start {
	max-height:500px;
	}
/*
logo/würfel-switch auf startseite fertig
*/	
article.verein {
	margin:0 20px 0 10px;
	}
nav.subnav-verein {
	width: 420px;
	margin: 61px 20px 0 10px; 
	}
nav.subnav-verein ul li {
	width:200px;
	margin:0 10px 10px 0;
	}
/*nav.subnav-verein ul li.menu-first*/
	nav.subnav-verein ul li:nth-of-type(5){
	width:410px;
	}		
article,
nav.subnav {
	width: 410px;
	margin: 61px 20px 0 10px; 
	}
article {
	padding:3.75rem 2rem 3.75rem 2rem ;
	}
nav.subnav ul {
	-webkit-columns: 2 200px;
	        columns: 2 200px;
	-webkit-column-gap: 10px;
	        column-gap: 10px;
	}

/*
aktell topic
*/	
.mod_topic_loop, .mod_topic_page {
	padding:3.75rem 2rem 1rem 2rem ;
	padding:3.25rem 2rem 1rem 2rem ;
	max-width: 410px;
}
.mod_topic_page.keine_aktuell {
	padding-top:3.25rem;
}	
.mod_topic_loop > a {
/*	display:block;*/
	max-width: 298px;
	}	
.mod_topic_page .hanneswrap {
	display:block;
	max-width: 298px;
	}

/*
azb-mitglied 
*/
.mitglied-kopf,
.gastatelier-kopf {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
 	-webkit-flex-flow:row wrap;
	        flex-flow:row wrap;
	}
.sprache-web-mail-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        -webkit-flex-flow:column nowrap;
	        flex-flow:column nowrap;
	margin-left:auto;
	margin-bottom:2rem;
	}
/*
für kleine screens 
table, thead, tbody, th, td, tr { display: block; }
*/	
table {display: table; }
tr {display:table-row; }
td {display:table-cell; }
th {display: table-cell;}
tbody {display: table-row-group;}
thead {display: table-header-group;}
	
#gastatelierdetail td:first-child {
color:#000;
width:25%;
	}
}


@media screen and (min-width: 913px) { /* max-width sub-nav ( 3x200 + 2 x 10 gap = 620  ) + 243px wuerfel + 1x10 margin würfel-subnav + 2x20 margin = 913 px */
p { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }
p {-webkit-hyphens: manual;}
p {-ms-hyphens: manual;}
/*
wrapper
*/
#wrapper {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        -webkit-flex-flow:row nowrap;
	        flex-flow:row nowrap;
	width:913px;
	}
/*
wuerfel font 24px
*/

#wuerfel {
	-ms-flex:0 0 243px;
	 -webkit-box-flex: 0;
	        -webkit-flex: 0 0 243px;
	        flex: 0 0 243px;
	
	width: 243px;
	height:276px;
	margin:0;
	margin-left:20px;
	}
#wuerfel li {
	width: 134px;
	height: 134px;
	}
#wuerfel li#oben {
	/* 121 = 0.86602 x 134 + 5 (häfte vom rand)  */
	-webkit-transform: translate(121px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	    -ms-transform: translate(121px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	        transform: translate(121px,0px) rotate(30deg) skewX(-30deg) scaleY(0.86602)  ;
	}
#wuerfel li#links {
	-webkit-transform: translate(0px,74px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	    -ms-transform: translate(0px,74px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	        transform: translate(0px,74px) rotate(30deg) skewX(30deg) scaleY(0.86602);
	}
#wuerfel li#rechts {
	-webkit-transform: translate(126px,141px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	    -ms-transform: translate(126px,141px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	        transform: translate(126px,141px) rotate(-30deg) skewX(-30deg) scaleY(0.86602);
	}
#wuerfel li a {
	font-size:24px;
	padding:10px;
	}
/*
wuerfel 24px fertig
*/	
/*
logo/würfel-switch auf startseite
*/
#logo-halter {
	margin:auto;
	margin-top:112px;
	/*margin-top:calc(50% - 186px);/*2/3 von höhe*/
	margin-top:calc(50vh - 186px);/*2/3 von höhe*/
	width:243px;
	}
#logo a:link {
	width:243px;	
	height:279px;
	}
#logo a::before {
	width:243px;	
	height:279px;
	background-size:496px 279px;
	}
#logo a:hover::before,
#logo a:focus::before,
#logo a:active::before,
#logo a:visited:hover::before {
	background:url("azb-logo-nachgebaut-2x-01.svg") no-repeat -253px 0 ;
	background-size:496px 279px;
	}	
#logo-halter:target #wuerfel.start {
	max-height:500px;
	}
/*
logo/würfel-switch auf startseite fertig / min-width 913px
*/	
article {
	padding:3.75rem 2rem 3.75rem 3.75rem ;
	line-height:1.5rem;
	}
article,
nav.subnav {
	width: 620px;/* 3x200 + 2x10 gap = 620 +2x border = 622 */
	margin: 74px 20px 0 10px; /* 74 = breite einer würfelseite*/
	}
nav.subnav ul {
	-webkit-columns: 3 200px;
	        columns: 3 200px;
	-webkit-column-gap: 10px;
	        column-gap: 10px;
	}
article.verein {
	margin:0 20px 0 10px;
	}
nav.subnav-verein {
	/*max-width: 650px;*/
	width: 650px;
	margin: 74px 20px 0 10px;
	}
nav.subnav-verein ul li {
	width:200px;
	margin:0 10px 10px 0;
	}	
/*nav.subnav-verein ul li.menu-first*/ 
	nav.subnav-verein ul li:nth-of-type(5){
	width:410px;
	}	
.mitglied-kopf,
.gastatelier-kopf {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        -webkit-flex-flow:row nowrap;
	        flex-flow:row nowrap;
	}
article h1:first-of-type {
	margin:0 0 3.5rem 0;
	}	
.sprache-web-mail-box {
	-ms-flex-item-align:stretch;
	    -webkit-align-self:stretch;
	            -ms-grid-row-align:stretch;
	        align-self:stretch;/*weil margin-left:auto; in safari nichts macht steht oben für kleine screens align-self:flex-end;  */
	}

	
.gastatelier-kopf .zwei-mail {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-flow:row nowrap;
	        -webkit-flex-flow:row nowrap;
	        flex-flow:row nowrap;
	}		
.mod_topic_loop, .mod_topic_page {
	padding:3.75rem 2rem 2rem 3.75rem ;
	max-width: 620px;
}
.mod_topic_page.keine_aktuell {
	padding-top:3.75rem;
}
.mod_topic_page.letzte_ausstellungen /*link-box*/ {
	padding-top:2rem;
}	
.mod_topic_loop > a {
	/*display:block;*/
	max-width: 480px;
	}
.mod_topic_page .hanneswrap {
	display:block;
	max-width: 480px;
	}


	
/*
für kleine screens 
table, thead, tbody, th, td, tr { display: block; }
*/	
table {display: table; }
tr {display:table-row; }
td {display:table-cell; }
th {display: table-cell;}
tbody {display: table-row-group;}
thead {display: table-header-group;}	
	
	#gastatelierdetail td:first-child {
color:#000;
width:25%;
		width:30%;
		
	}
/*	
@ media queries fertig
*/
}


@media screen and (min-width: 486px) { 
footer p {
	margin-left:50%;
	margin-bottom:1.5rem;
	}
}
/*
rFG Titel und Description ausblenden
*/
div.fg_header.fg_design {display:none;}

/*
seite übersicht mitglieder: wenn seite-in-bearbeitung sichtbar, dieses li über das von hauptseite schieben. 
*/
nav.subnav li.menu-expand {
	position:relative;
	/*height:2.5rem;*/
	}
nav.subnav li.menu-expand ul {
	position:absolute;
	top:0;
	} 
/*
datum durchstreichen für aktuell-archiv
*/
span.datum {text-decoration: none;}
.archiv span.datum { text-decoration: line-through; /*text-decoration-color: #f00;*/ }
/*
telnummer kunsthalle schlieren unter aktuell
*/
@media screen and (min-width: 486px){
.mod_topic_page a.mobile-only {border-bottom:0px;}
}
/*
neue gäste in neuem acordion
.sid-1006 {display:none;}
*/

/*
link zur englischen mitgliederseite zeigen/verbergen
*/
.mitglied-sprache {display:none;}
.mitglied-sprache:has(> span.ja) {display:block;}


.eigener_bg {
	position:fixed;
	top:0;
	left:0;
	z-index:-1000000;
	z-index:-5000;
	background-position: top left;
	background-repeat: no-repeat;
	background-size:cover;
	width:100vw;
	height:100vh;
	overflow:hidden;
	flex:none;
}

/*
masonry fake für gäste -> minigal2 mit sectionpicker
https://kulturbanause.de/blog/responsive-masonry-layout-mit-css/#h-losungen-mit-javascript
*/
.fake-masonry {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	/*column-width:261px !important;*/
	column-gap: 6px !important;
	margin-top:2.5rem;
}


.safari-wrapping-fix {
    display: inline-block;
    white-space: nowrap;
}

.fake-masonry img {
	margin:0;
	clear:both;

}
@media screen and (min-width: 913px){
	.flex-images .item img {max-width: 261px}
}
@media screen and (max-width : 480px){
	.fake-masonry .flex-images .item img {max-width: none;}
	.fake-masonry { column-count: 1; column-gap: 0; column-width:100%;}
}