/**
 * © 2013-2026 Higi Bigler (nullnulleins.ch). All rights reserved.
 */

html, body { height: 100%; }
body { margin: 0; padding: 0; color: #373737; background-color: #FFF; font: normal normal .76em/1.3em Helvetica, Arial, sans-serif; }

/* structure */
header, nav { display: block; margin: 0; padding: 0; }
#container { margin: 0 0 0 var(--g-navigationbar-width, 0px); padding: 0; width: calc(100% - var(--g-navigationbar-width, 0px)); }
header { border-bottom: 1px dashed #808080; margin: 0 0 10px 47px; padding: 0; }
#logo { margin: 17px 0 18px 0; padding: 0; }
#logo a { display: block; height: 84px; width: 360px; background-position: left center; background-repeat: no-repeat; background-image: url(./../img/editionbenjamindodell.svg); margin: auto; background-size: contain; }

body.kulturmanagement #logo { margin-bottom: 0; }
body.kulturmanagement #logo a { height: 84px; width: 285px; background-image: url(./../img/bd_konzeptbuero.png); }
body.kulturmanagement #navigation { display: none; }


nav ul { margin: 0; padding: 0; list-style: none; }
nav ul li { margin: 0; padding: 0; list-style: none; }
nav a { text-decoration: none; color: #373737; }
nav a:hover { text-decoration: underline; }
nav a.active { font-weight: bold; }
nav a.activesparent { font-weight: bold; }
#navigation { overflow: auto; padding: 0; scrollbar-width: thin; }
#navigation ul { display: flex; flex-wrap: nowrap; }
#navigation ul li { margin: 0; padding: 0 26px 6px; border-left: 1px dashed #808080; white-space: nowrap; }
#navigation ul li a { margin: 9px 0 0; padding: 0; display: block; position: relative; }
#navigation ul li a::after { content: attr(data-g-title); font-weight: bold; opacity: 0; }
#navigation ul li a span { position: absolute; left: 0; }
#navigation ul li:first-child { border: none; padding-left: 0; }
#sidenavigation { width: 260px; margin: 0 0 0 47px; padding: 0; min-height: 500px; line-height: 29px; }
#sidenavigation ul { margin-top: 20px; }
#sidenavigation ul li { border-bottom: 1px dashed #808080; }
#sidenavigation ul ul { margin-top: 0; display: none; }
#sidenavigation ul li.activesparent ul { display: block; }
#sidenavigation ul ul li { border-bottom: none; border-top: 1px dotted #808080; margin-left: 32px; }
body.news #sidenavigation { display: none; }


#body { padding: 0 0 33px 0; margin: 0; display: grid; grid-template-columns: 340px auto; }
#content { border-left: 1px dashed #808080; }
body.news #body { display: block; }
body.news #content { margin: 0 0 0 47px; border: none; padding: 0; display: block; }
#content article section.top { border-bottom: 1px dashed #808080; margin: 0 0 6px; padding: 0 0 8px; }
#content article div.bottom { display: table; margin: 0; padding: 8px 0 0; }
#content article section.bottomleft { margin: 0 0 6px; padding: 0 33px 6px 0; display: table-cell; }
#content article section.bottomright { border-left: 1px dashed #808080; margin: 0 0 6px 513px; padding: 0 0 6px 33px; display: table-cell; }
#content article { margin: 0; padding: 0; width: 100%; }
#content article div.text { width: 480px; }
#content article div.bottom div.text { margin-top: -6px; }
#content article section.bottomright div.text { width: 240px; }
#content article section.imagestrip { border-bottom: 1px dashed #808080; margin: 12px 0 6px; padding: 0 0 14px; overflow: auto; scrollbar-width: thin; }
ul.imagestrip { margin: 0; padding: 0; list-style: none; }
ul.imagestrip li { margin: 0; padding: 0; list-style: none; clear: none; display: table-cell; vertical-align: top; }
ul.imagestrip li img { height: 420px; width: auto; }
section.imagestrip figure { margin: 0 14px 0 0; padding: 0; }
figure img { display: block; }
figure figcaption { margin-bottom: -6px; }
#content article section.imagestrip figcaption { max-width: 94vw; }

#projectlist { margin: 0 0 0 -33px; padding: 0 33px 0 0; }
#projectlist > li { display: table-cell; border-right: 1px dashed #808080; }
section.projecttype { width: 272px; padding: 26px 33px; margin: 0; min-height: 500px; }
section.projecttype h1 { border-bottom: 1px dashed #808080; margin: 0; padding: 0 0 7px; }
section.projecttype img.cover { margin: 12px 0; padding: 0; display: block; }
section.projecttype a.more { font-style: italic; }
ul.projects { list-style: none; margin: 0; padding: 0; }
ul.projects > li { margin: 0; padding: 1px 0 12px; border-bottom: 1px dashed #808080; }

ul.exhibitions {}
ul.exhibitions li { padding: 6px 0; margin: 0; }

a { outline: none; color: #373737; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

h1, h2, h3 { font-size: 110%; margin: 6px 0; padding: 0; }
h2, h3 { font-size: 100%; }
h3, h6 { font-weight: normal; font-style: italic; }
h3 + h2 { margin-top: -6px; }
h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; line-height: 1.3em; }
h5 { font-weight: normal; }
p { margin: 6px 0; padding: 0; }
p.caption { font-style: italic; font-size: 90%; }
ul, ol { margin: 6px 0; padding: 0 0 0 16px; }
ul li, ol li { margin: 0; padding: 0; }

div.newstitle { border-bottom: 1px dashed #808080; padding: 0 0 5px 0; }
div.newswrapper { display: table; margin: 8px 0; }
div.news { display: table-cell; border-left: 1px dashed #808080; width: 272px; margin: 0; padding: 2px 33px; position: relative; }
div.news:first-child { border-left: none; padding-left: 0; }
div.news h1 { padding: 0 0 12px 0; margin: 6px 0 12px; }
div.news h1.border { border-bottom: 1px dashed #808080; }

img.gimageleft { margin: 2px 20px 20px 0 !important; }
img.gimageright { margin: 2px 0 20px 20px !important; }

#newsletterform { margin: 0; padding: 0; }
#newsletterform li.error { color: red; font-weight: bold; }
#newsletterform ul, #newsletterform li { list-style: none; margin: 0; padding: 0; width: 250px; }
#newsletterform li { margin-bottom: 2px; width: 250px; float: left; }
#newsletterform li.nolabel { text-align: right; }
#newsletterform li input.text { float: right; font-size: 100%; width: 50%; }
#newsletterform label.radiobutton { width: 67px; display: inline-block; margin: 0; padding: 0; text-align: left; }

hr { border: none; border-top: 1px dashed #000; height: 1px; padding: 0; margin: 20px 0; }

#mc_embed_signup { width: 256px; }
.mc-field-group { margin: 0 0 2px; }
.mc-field-group label { width: 125px; display: inline-block; }
.mc-field-group input { width: 125px; display: inline-block; }
.clear { margin: 0 0 0 125px; }
.clear input { float: right; }

#content { display: flex; flex-wrap: wrap; gap: 20px 33px; margin: 0; padding: 20px 0 0 33px; overflow: hidden; }
div.editionteaser { width: 208px; border-bottom: 1px dashed #808080; margin: 0; padding: 0; position: relative; display: flex; flex-direction: column; }
div.editionteaser.noborder { border-bottom-color: transparent; }
div.editionteaser > a { display: flex; flex-grow: 1; flex-direction: column; }
div.editionteaser > a:hover { text-decoration: none; }
div.editionteaser figure { padding: 0; margin: 0 22px; position: relative; aspect-ratio: 1/1; }
div.editionteaser figure img { margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; height: auto; width: auto; }
div.editionteaser > div.caption { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
div.editionteaser div.caption { margin: 3px 0; flex-grow: 1; justify-content: center; display: flex; flex-direction: column; }
div.editionteaser div.text { text-align: center; margin: 0; padding: 0 5px; }
div.editionteaser div.text p { margin: 0; padding: 0; }
div.editionteaser.clickable { cursor: pointer; }

@media only screen and (max-width: 1244px) {
	#body { display: block; }
	#logo { padding-right: 3vw; }
	#logo a { max-width: 60vw; }
	#content { padding-left: 3vw; border-left: unset; }
	#navigation { display: block !important; }
	#navigation ul li { padding: 0 12px 6px; }
	body.kulturmanagement #sidenavigation { display: none; }

	header { margin: 0 0 0 3vw; padding: 0; position: sticky; top: -101px; z-index: 2; background-color: #FFF; }
	#sidenavigation { display: block; width: unset; margin: 0 0 0 3vw; min-height: unset; overflow: auto; border-bottom: 1px dashed #808080; line-height: inherit; position: sticky; top: 32px; z-index: 1; background: #FFF; }
	body.kulturmanagement header { top: -83px; }
	body.kulturmanagement #sidenavigation { top: 14px; }
	#sidenavigation ul { display: flex; margin: 0; }
	#sidenavigation ul li { margin: 0; padding: 0 12px 6px; border-left: 1px dashed #808080; white-space: nowrap; border-bottom: unset; }
	#sidenavigation ul li:first-child { padding-left: 0; border-left: unset; }
	#sidenavigation ul li a { padding-top: 9px; display: block; }
	/*
	#navigationwrapper { position: fixed; top: 0; left: 0; }
	#navigation, #navigation ul { display: block; }
	#navigation ul li { padding: 0; }
	#navigation ul ul { display: block; }
	*/
}
@media only screen and (max-width: 844px) {
	#content article div.text, #content article section.bottomright div.text { width: unset; padding-right: 3vw; }
	#content article div.bottom, #content article section.bottomleft, #content article section.bottomright { display: block; padding: 0; border: none; margin: 0; }
	#content article div.bottom section { padding-top: 8px; padding-bottom: 8px; }
	#content article div.bottom section.bottomright { border-top: 1px dashed #808080; padding-top: 12px; }
	body.editions #content { display: grid; grid-template-columns: repeat(3, 1fr); }
	body.editions #content div.editionteaser { width: auto; }
	div.editionteaser figure { margin: 0 11px; }
}
@media only screen and (max-width: 600px) {
	body.editions #content { grid-template-columns: repeat(2, 1fr); }
}