:root {
  /* HAUPTFARBEN */
  --f0: #ede9de;
  --f1: #c0c7b7;
  --f2: #94a89c;
  --f3: #6b8884;
  --f4: #48686f;
  --f5: #2f4858;
  /* extrahell */
  --f0a: #e5e6d8;
  --f0b: #DADBCF;
  /* WARNEN (gelb) */
  --fg0: #f7edbd;
  --fg1: #f5e7a5;
  --navibg: #6c6f7d;
  /* TYPO */
  --serif: 'IBM Plex Sans', serif;
  --sansserif: 'Zilla Slab', sans-serif;
  --shareIcon: #883557;
  --shareIconHover: #23acd7;
}


body {
   background-image: linear-gradient(to top, #d4d4d4, #eeeeee);
   background-image: linear-gradient(to top, #b9bec6, #bdc1c9, #c2c4cc, #c6c8ce, #cacbd1, #c1c2c9, #b7b9c0, #aeb0b8, #9698a3, #7f828f, #686b7a, #525667);
   background-size: cover;
}

#logo {
  color: #fff;
  font-size: 1.5em;
  font-weight: 200;
  padding-top: 12px;
  padding-bottom: 16px;
}


#page-2 #logo {  
  padding-top: 54px;
  padding-bottom: 60px;
}



#topnavi {
  /* display: none; */
  justify-content: flex-end;
  text-align: right;
  color: #fff;
  margin-top: 6px;
  font-size: 0.9em;
}
#topnavi a{
  color: #fff;
  text-decoration: none;
  opacity: 0.5;
}
#topnavi a.active, #topnavi a:hover {
  opacity: 1;
}

#kopf {
  padding-left: 40px;
  padding-bottom: 2vH;
}

#ganzebreiteoben .frame {
  margin-bottom: 0;
}
#ganzebreiteoben {
  margin-bottom: 40px;
  margin-top: 30px;
}
#ganzebreiteoben figure.image {
  margin:0;
  padding:0;
}
#ganzebreiteoben .ce-above .ce-gallery {
  margin-bottom:0;
}
/*######################  MITTE  ##*/
#mitte {
  padding-bottom: 80px;
}

/*######################  FUSS ####*/
#fuss {
  display: none;
  position: fixed;
  left:0;
  bottom:0;
  height: 30px;
  background: #ddd;
}


/*Fancy box weiß ############*/

.pagelayout-1 .fancybox-bg {
    background: #fff;
  }
.pagelayout-1 .fancybox-caption {
    background: none;
    color: #aaa;
  }
.pagelayout-1 .fancybox-button {
    background: none;
    color: #aaa;
}
.pagelayout-1 .fancybox-button:hover {
  color: #666;
}
.pagelayout-1 .fancybox-is-open .fancybox-bg {
  opacitiy: 1;
}


#infobox {
  display: none;
  position: absolute;
  background: #fff;
  box-shadow: 3px 3px 7px rgba(0,0,0,0.2);
  padding: 10px;
  width: 400px;
  max-width: 400px;
  border: 1px solid #000;
}



/* Präsentation (Detail) Skulpturen etc.) */

.praesentation #rechts {
  margin-top: 44px;
  padding-left: 36px;
  opacity: 0.6;
}
.praesentation #rechts:hover {
  opacity: 1;
}


.pageMenu {
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  /* justify-content: flex-end; */
  flex-direction: column;
  margin-top: 250px;
}
.pageMenu > div {
  /* width: 100%; */
}
.pageMenu a:hover img.pfeil {
  filter: invert(0.55);
}


.en {
  display: none;
}

.nextMenuPfeil a, .prevMenuPfeil a{
  font-size: 5em;
  color: #fff;
  text-decoration: none;
  text-align: left;
  /* padding-left: 56px; */
}

.nextMenuPfeil img, .prevMenuPfeil img {
  width: 100px;
  max-width: 100px;
  margin-bottom: 8px;
}

.nextMenuImage img {
  border: 8px solid #fff;
  max-width: 100px;
}
.nextMenuTitle {
  font-size: 0.8em;
  color: #fff;
  margin-top: 8px;
}
.nextMenuTitle a {
  color: #fff;
  text-decoration: none;
}
.prevMenu {
  margin-top: 44px;
}
.prevMenuPfeil img {
  transform: rotate(180deg);
}


.legende p {
  color: #fff;
  font-size: 0.9em;
}
.legende h2 {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 8px;
}