@import url(_reset.scss);h1{margin:0  0 4em 0;font-weight:bold}h2{margin:4em 0 2em 0;font-weight:bold}h3{margin-top:2em;font-weight:bold}p{margin-bottom:2em}a{color:#444;text-decoration:none}a:hover,a.aktiv{color:#D58820}b{font-weight:bold}.icon{height:.6em;vertical-align:middle}body{padding:1em;font-family:Futura, sans-serif;line-height:1.2em;color:#444}body header,body div#seite{max-width:80em;margin:0 auto}body header{display:flex;flex-direction:column;justify-content:space-between}body header img#schriftzug{width:60%;margin-bottom:4vh}body header ul#menue{display:inline-block}body header ul#menue li{display:table;position:relative;margin:.2em 0}body header ul#menue li ul.unter-menue{display:none;font-size:.8em}body header ul#menue li:hover,body header ul#menue li.aktiv{color:#D58820}body header ul#menue li:hover svg.icon,body header ul#menue li.aktiv svg.icon{fill:#D58820}body header ul#menue li:hover ul.unter-menue,body header ul#menue li.aktiv ul.unter-menue{display:initial;position:absolute;left:100%;top:calc(-50% + .3em);padding:.5em;white-space:nowrap}body header ul#menue li:hover ul.unter-menue li,body header ul#menue li.aktiv ul.unter-menue li{display:block;margin-left:0;color:#444}body header ul#menue li:hover ul.unter-menue li:hover,body header ul#menue li.aktiv ul.unter-menue li:hover{color:#D58820}body div#seite{margin-top:4vh}body div#seite a{color:#888}body div#seite a:hover{color:#D58820}body div#seite figure img{width:100%}body div#seite figure figcaption{padding:.6em 0;font-size:.8em}body div#seite div.inhalt{margin-top:8vh}body div#seite div.inhalt h1,body div#seite div.inhalt h2,body div#seite div.inhalt p{width:100%}body div#seite div.inhalt#index ul{margin-bottom:2em}body div#seite div.inhalt figure{cursor:pointer}body div#seite div.inhalt#ausstellungen{display:flex;flex-wrap:wrap;justify-content:space-between}body div#seite div.inhalt#ausstellungen figure{width:calc((100vw - 3 * 1em) / 2);margin-bottom:2em}body div#seite div.inhalt#ausstellungen figure:last-child{cursor:initial}body div#seite div.inhalt#ausstellungen figure div{height:calc((100vw - 3 * 1em) / 2 / 3 * 4);background-size:cover;background-position:center;border:.1px solid #aaa}body div#seite div.inhalt#presse{display:flex;flex-wrap:wrap;justify-content:space-between}body div#seite div.inhalt#presse h1{width:100%}body div#seite div.inhalt#presse figure{width:calc((100vw - 2 * 1em));margin-bottom:2em}body div#seite div.inhalt#presse figure div{height:calc((100vw - 2 * 1em));background-size:cover;background-position:center;border:.1px solid #aaa}body footer{margin-top:8vh;text-align:center}body figure#backdrop{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;height:100%;width:100%;background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8))}body figure#backdrop figcaption{padding:1em 0;text-align:center;color:white}body figure#backdrop img#vollbild{max-width:100%;max-height:100%}body figure#backdrop img#vollbild::selection{background:transparent}body figure#backdrop .navigation{position:absolute;height:3rem;width:3rem;border-radius:50%;background-color:rgba(0,0,0,0.25);cursor:pointer}body figure#backdrop .navigation.close{top:1vw;right:1vw;font-size:3rem;color:white;padding:.95rem 0 0 0;text-align:center;box-sizing:border-box}body figure#backdrop .navigation.vor{top:calc(50vh - 1.5em);right:1vw}body figure#backdrop .navigation.vor:before{content:'';position:absolute;top:.725em;left:1.1em;height:0;width:0;border-style:solid;border-width:.8em 0 .8em 1em;border-color:transparent transparent transparent white}body figure#backdrop .navigation.zurueck{top:calc(50vh - 1.5em);left:1vw}body figure#backdrop .navigation.zurueck:before{content:'';position:absolute;top:.725em;left:.8em;height:0;width:0;border-style:solid;border-width:.8em 1em .8em 0;border-color:transparent white transparent transparent}@media (min-width: 800px){body{padding:2em}body header{flex-direction:row}body header img#schriftzug{width:40%}body header ul#menue{margin-top:1em}body header ul#menue li{display:inline}body header ul#menue li:not(:first-child){margin-left:.8em}body header ul#menue li:not(:last-child){margin-right:.8em}body header ul#menue li:hover ul.unter-menue,body header ul#menue li.aktiv ul.unter-menue{left:-.5em;top:100%}body div#seite div.inhalt#ausstellungen figure{width:calc((100vw - 4 * 2em) / 3)}body div#seite div.inhalt#ausstellungen figure div{height:calc((100vw - 4 * 2em) / 3 / 3 * 4)}body div#seite div.inhalt#presse figure{width:calc((100vw - 3 * 2em) / 2)}body div#seite div.inhalt#presse figure div{height:calc((100vw - 3 * 2em) / 2)}}@media (min-width: 1100px){body{padding:2em}body div#seite{display:flex;justify-content:space-between;margin-top:4em}body div#seite div.inhalt{order:1;margin:0}body div#seite div.inhalt#index{width:48%}body div#seite div.inhalt#kuenstler div#lebenslaeufe{display:flex;flex-wrap:wrap;justify-content:space-between}body div#seite div.inhalt#kuenstler div#lebenslaeufe ul{width:48%}body div#seite div.inhalt#kuenstler div#lebenslaeufe figure{width:100%;margin-top:6vh}body div#seite div.inhalt#ausstellungen figure{width:calc((100vw - 5 * 2em) / 4)}body div#seite div.inhalt#ausstellungen figure div{height:calc((100vw - 5 * 2em) / 4 / 3 * 4)}body div#seite figure{order:2;width:48%;margin:0}}@media (min-width: 1280px){body div#seite div.inhalt#ausstellungen figure{width:calc((80em - 5 * 2em) / 4)}body div#seite div.inhalt#ausstellungen figure div{height:calc((80em - 5 * 2em) / 4 / 3 * 4)}body div#seite div.inhalt#presse figure{width:calc((80em - 3 * 2em) / 2)}body div#seite div.inhalt#presse figure div{height:calc((80em - 3 * 2em) / 2)}}