#.zitat > h1 > a {
  position: relative;
  color: #636060;
  text-decoration: none;
}
.zitat > h1 > a:hover {
  color: #484848 !important;
}

/* .zitat > h1 > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #606060;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}*/
.zitat > h1 > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
*/



.zitat > h1 > a > img {
	display: none;
}



.zitat-read {

  display: none;

}
@media only screen and (max-width: 640px) {

/*	.zitat-read {
	  display: inline !important;
	  width: 1rem !important;
	  height: 1rem !important;
	  margin-bottom: 0.1rem !important;
	  margin-left: 0.4rem !important;
	} */

	.zitat > h1 > a:hover {
	  color: #000;
	  text-decoration: underline;
	}

/*	.zitat > h1 > a > img {
          display: inline !important;
	} */
}









@import url(https://fonts.googleapis.com/css?family=Avenir);
*, html, body {
	font-family: 'Avenir', Helvetica !important;
}
/*.subpage-skulptur {
	margin-top: 1vh;
} */
.subpage-skulptur > div > p:last-child {
	font-size: 30px !important;
}
@media only screen and (max-width: 860px) {
	.subpage-skulptur > div > p:last-child {
        	font-size: 14px !important;
	}
}
.subpage-inner > p {
        font-size: 30px !important;
}
@media only screen and (max-width: 860px) {
        .subpage-inner > p {
                font-size: 14px !important;
        }
	.subpage-inner > h6 {
        	font-size: 9px !important;
	}
}
.button-hp > a > object,
.button-hp > a > object svg
{
        margin-top: 2px;
        height: 28px !important;
        width: auto;
	margin-right: 2px;
}
.button-mail > a > object,
.button-mail > a > object svg
{
	margin-top: 2px;
	height: 30px !important;
	width: auto;
	padding-left: 12px;
}
.button-share > a > object,
.button-share > a > object svg
{
        height: 30px !important;
        width: auto;
	padding-left: 12px;
	padding-right: 12px;
}
.button-insta > a > object,
.button-insta > a > object svg
{
	margin-top: 2px;
        height: 30px !important;
        width: auto;
}
.container {
	padding-left: 10px;
	padding-right: 10px;
}
.section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* remove padding on p */
p {
  margin: 0;
  padding: 0;
  margin-bottom: 0.8rem !important;
}
.subpage-inner > p:last-child {
  /* HIER AUFPASSEN */
  /*  margin-bottom: 50px !important; */
   margin-bottom: 14px !important;
   padding-bottom: 1px !important;
}

@media only screen and (max-width: 860px) {
/* remove padding on p */
p {
  margin: 0;
  padding: 0;
  margin-bottom: 8px !important;
}

.subpage-inner > p:last-child {
  margin-bottom: 9px !important;
  padding-bottom: 1px !important;
}
}

/* remove padding on H1,2,3,4,5,6 */
h1,h2,h3,h4,h5,h6 {
  margin-top: 2px;
  margin-bottom: 2px;
  color: #636060;
}

/* SMALLER H1 on Mob-Device */
@media only screen and (max-width: 860px) {
  h1 {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.3 !important;
  }
}

/* SKULPTUR */
.skulptur {
  max-height: 80vh; /* 65vh 19.06.2018 */
  width: auto;
}
@media only screen and (max-width: 860px) {
  .skulptur {
    max-height: 65vh; /* 50vh 19.06.2018 */
    width: auto;
  }
}
.imageaa {
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

/* MENU */
#fullbanner-svg {
	position: absolute;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
          backface-visibility: hidden;
	left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}

/* BUTTONS */
.nogap {
  left: 0;
  right: 0;
  position: absolute;
  width: 100vw !important;
  margin: 0;
}
.menu-container {
        width: 100vw;
        max-width: 600px;
        height: 95%;
        max-height: 600px;
        display: inline-block;
        text-align: center;
        margin: 0;
}
.menu-container p {
  margin: 0 !important;
  padding: 0 !important;
}
div.artist p{
  font-size: 0;
}
div.artwork p{
  font-size: 0;
}
div.meterial p{
  font-size: 0;
}
div.setup p{
  font-size: 0;
}
div.artist {
	width: 50%;
	height: auto;
	float: left;
}
div.artwork {
        width: 50%;
	height: auto;
        float: left;
}
div.material {
        width: 50%;
	height: auto;
        float: left;
}
div.setup {
        width: 50%;
	height: auto;
        float: left;
}
/* FLIPPING PAGES */
.header-fixed #header {
  border-bottom: 0;
  background: none;
  z-index: 5;
  position: fixed;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
html, body {
  position: fixed;
  overflow: hidden;
  background-color: #fff7f6;
  height: 100vh;
  width: 100vw;
  color: #636060;
}
.background {
  top: 6vh;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 130vh;
  width:  100vw;
  position: absolute;
  -webkit-transform: translateY(30vh);
          transform: translateY(30vh);
  -webkit-transition: all 1.5s cubic-bezier(0.22, 0.44, 0, 1);
  transition: all 1.5s cubic-bezier(0.22, 0.44, 0, 1);
}
@media only screen and (max-width: 860px) and (orientation: landscape) {
  svg#fullbanner {
	top: 25px;
  }
  .background {
    top: 12vh;
    -webkit-transform: translateY(86vh); /* war 90vh */
            transform: translateY(86vh); /* war 90vh */
  }
  h1,h2,h3,h4,h5,h6 {
    font-size: large;
  }
  .menu-container > div > p > a > img {
     height: 25%;
     width: 25%;
  }
  .menu-container > div > div {
     width: 25%;
  }
  #foot-hide {
    height: 30vh !important;
    top: 95vh !important;
  }
}

@media only screen and (max-width: 860px) {
   .background {
	width:  100vw;
   }
   .background:before {
        width:  100vw;
   }
}
.background:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: inherit;
  overflow: hidden;
}
.background:first-child {
  -webkit-transform: translateY(-35vh);
          transform: translateY(-35vh);
}
.background:first-child .content-wrapper {
  -webkit-transform: translateY(30vh);
          transform: translateY(30vh);
}
.background:nth-child(1) {
  z-index: 4;
}
.background:nth-child(2) {
  z-index: 3;
}
.background:nth-child(3) {
  z-index: 2;
}
.background:nth-child(4) {
  z-index: 1;
}
.content-wrapper {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  color: #50596c;
/*  text-transform: uppercase; 19.06.2018 */
  -webkit-transform: translateY(60vh);
          transform: translateY(60vh);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.background.up-scroll {
  -webkit-transform: translate3d(0, -25vh, 0);
          transform: translate3d(0, -25vh, 0);
}
.background.up-scroll .content-wrapper {
  -webkit-transform: translateY(20vh);
          transform: translateY(20vh);
}
.background.up-scroll + .background {
  -webkit-transform: translate3d(0, 60vh, 0);
          transform: translate3d(0, 60vh, 0);
}
.background.up-scroll + .background .content-wrapper {
  -webkit-transform: translateY(30vh);
          transform: translateY(30vh);
}
.background.down-scroll {
  -webkit-transform: translate3d(0, -140vh, 0);
          transform: translate3d(0, -140vh, 0);
}
.background.down-scroll .content-wrapper {
  -webkit-transform: translateY(30vh);
          transform: translateY(30vh);
}
.background.down-scroll + .background:not(.down-scroll) {
  -webkit-transform: translate3d(0, -35vh, 0);
          transform: translate3d(0, -35vh, 0);
}
.background.down-scroll + .background:not(.down-scroll) .content-wrapper {
  -webkit-transform: translateY(25vh);
          transform: translateY(25vh);
}

/* ZITAT */
div > .zitat {
	margin-top: 10vh;
}
div > .zitat a,
div > .zitat a:hover,
div > .zitat a:link,
div > .zitat a:visited {
	font-size: 89px;
	     color: #636060;
}
@media only screen and (max-width: 860px) {
  div > .zitat {
    text-align: center;
    margin-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 860px) {
  div > .zitat a,
  div > .zitat a:hover,
  div > .zitat a:link,
  div > .zitat a:visited {
        font-size: 32px;
  }
}

#foot-hide {
  display: none;
  z-index: 10;
/*  background-color: #f0e8e6; */
  background-color: #faefef;
  height: 15vh;
  width: 100vw;
  position: absolute;
  top: 115vh;
  text-align: center;
}

#foot-hide > center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#foot-hide > center > h4 {
  font-size: 1rem;
  margin: 0;
}
#foot-hide > center > h4:last-child {
  margin-bottom: 1vh;
}
#foot-hide > center > h4 > a {
  color: #50596c;
}
#foot-hide > center > h4 > em {
  font-size: 0.8rem;
}
#subpage {
  position: absolute;
  min-height: 90vh;
  height: 96vh; /* war 100vh */
  width: 100vw;
  overflow: auto !important;
  margin-top: -4px !important;
}
.subpage-inner {
  height: 100%;
  width: 66%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: justify;
}
#subpage > div > h2 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2rem;
}
#subpage > div > p {
  padding: 0px;
  margin: 0px;
  font-size: 1.6rem;
}
.grav-youtube {
  width: 100%;
  height: 80%;
  left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.grav-youtube > iframe {
  width: 100%;
  height: 100%;
  left: 0
}
@media only screen and (max-width: 860px) {
  #body-wrapper > .container {
    padding: 0;
  }
  .setup-description > h2 {
    font-size: 1.0rem;
  }
  .grav-youtube {
    width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .grav-youtube > iframe {
    width: 100vw !important;
  }
}
.button-hp {
  float: left;
}
.button-mail {
  float: left;
  /* margin-top: 11.2px; */
}
.button-share {
  float: left;
 /*  margin: 1.022222px 12px 0px 14px; */
}
.button-insta {
  float: left;
 /*  margin-top: 11.56px; */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (orientation: portrait) { 
  .button-hp {
    padding-right: 0px !important;
  }
  .button-mail {
    padding-left: 15px !important;
  }
  .button-share {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .button-insta {
    padding-right: 0px !important;
  }

.button-hp > a > object,
.button-hp > a > object svg
{
        margin-top: 1px;
        height: 24px !important;
        width: auto;
        margin-right: 0px;
}
.button-mail > a > object,
.button-mail > a > object svg
{
        margin-top: 2px;
        height: 26px !important;
        width: auto;
        padding-left: 0px;
}
.button-share > a > object,
.button-share > a > object svg
{
        height: 26px !important;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
}
.button-insta > a > object,
.button-insta > a > object svg
{
        margin-top: 2px;
        height: 26px !important;
        width: auto;
}
.dropmenu {

margin-top: 10px !important;

}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (orientation: landscape) { 
  .button-hp {
    padding-right: 0px;
  }
  .button-mail {
    padding-left: 7px;
  }
  .button-share {
    padding-left: 8px;
    padding-right: 8px;
  }
  .button-insta {
    padding-right: 5px;
  }
}





@media only screen and (min-device-width: 860px) and (-webkit-min-device-pixel-ratio: 2) {

  #subpage {
    min-height: 70vh;
  /*  height: 95vh !important; */
    width: 100vw;
    /* margin-top: 5vh !important; */
  }
  .subpage-inner {
    padding-top: 0px;
    height: 100%;
    width: 92%;
  }
  #subpage > div > p {
    font-size: 1em;
  }

}



@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) { 
  #foot-hide {
    top: 103vh; /* war 105vh */
  }
  .content-wrapper {
    height: 90vh;
  }
  #subpage {
    min-height: 82vh;
    height: 82vh;
    width: 100vw;
  }
  .subpage-inner {
    margin-top: -15px;
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
  #subpage > div > h2 {
    padding-top: 0px;
    padding-bottom: 6px;
    font-size: 1.3rem;
  }
  #subpage > div > p {
    font-size: 1em;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { 
  .content-wrapper {
    height: 80vh;
  }
  #foot-hide {
    margin-top: -10vh;
  }
  #subpage {
    min-height: 70vh;
    height: 75vh;
    width: 100vw;
  }
  .subpage-inner {
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
  #subpage > div > p {
    font-size: 1em;
  }
}

#foot-hide > center > h4 {
	font-size: 0.8rem;
}
#foot-hide > center > h4 > em {
	font-size: 0.6rem;
}



#header .logo svg {
	width: 115px;
}


.topmenu-buttons {
	margin-right: 4px;
}

#foot-hide a,
#foot-hide a:link,
#foot-hide a:visited {
	color: #606060;
}
#foot-hide a:hover {
	color: #000000;
}






/* MEHR DAZU */
.zitat-button
.zitat-button:active,
.zitat-button:link,
.zitat-button:visited
{
  font-size: 26px !important;
  text-decoration: none;
  color: #636060 !important;
/*  background: #b3b3b3; */
  background: transparent;
  border: 3px solid #636060;
  padding: 15px 40px;
  border-radius: 2px;
  font-weight: normal;
  text-transform: uppercase;
/*   transition: all 0.2s ease-in-out; */
/*  box-shadow: 0 2px 4px #454040; */
}

.zitat-glow-button:hover {
/*  box-shadow: 0 6px 8px #636060; */
}

.zitat-button-ph {
 height: 80px !important;
}

@media only screen and (max-device-width: 640px) {
.zitat-button-ph {
 height: 40px !important;
}


.zitat-button
.zitat-button:active,
.zitat-button:link,
.zitat-button:visited,
.zitat-glow-button:hover
{
  margin-left: 3px;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 30px;
}
}

div.grav-vimeo {
/*  left: 0 !important; */
/* height: 93vh !important;
  width: 100% !important; */
  height: 100% !important;
  width: 100% !important;
/*  position: absolute; */
/*  top: 50% !important;
  left: 50% !important; */
/*  transform: translate(-50%, -50%) !important; */
  text-align: justify !important;
}
.grav-vimeo > iframe {

/*  left: 0 !important; */
  height: 100% !important;
  width: 100% !important;

}
.subpage-inner-vid {
  height: 95%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: justify;
}

@media only screen and (max-width: 950px)  {

.subpage-inner-vid {

  top: 48%;
  height: 40% !important;

}

}
.subpage-inner-vid-text {
/*  height: 95%; */
  margin-top: 2vh !important;
  width: 100%;
  position: relative;
/*  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  text-align: center !important;
  margin-bottom: 2vh !important;
}
.subpage-inner-vid-text > p {
        font-size: 30px !important;
}
@media only screen and (max-width: 860px) {
        .subpage-inner-vid-text > p {
                font-size: 14px !important;
        }
        .subpage-inner-vid-text > h6 {
                font-size: 9px !important;
        }
}
.subpage-inner-vid-text > p:last-child {
   margin-bottom: 14px !important;
   padding-bottom: 1px !important;
}
@media only screen and (max-width: 860px) { .subpage-inner-vid-text > p:last-child {
  margin-bottom: 9px !important;
  padding-bottom: 1px !important;
}
}
@media only screen and (min-device-width: 860px) and (-webkit-min-device-pixel-ratio: 2) {
  .subpage-inner-vid-text {
    padding-top: 0px;
    height: 100%;
    width: 92%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
  .subpage-inner-vid-text {
    margin-top: -15px;
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
  .subpage-inner-vid-text {
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
}
.subpage-inner-vid-text > p {
        font-size: 30px !important;
}
@media only screen and (max-width: 860px) {
        .subpage-inner-vid-text > p {
                font-size: 14px !important;
        }
        .subpage-inner-vid-text > h6 {
                font-size: 9px !important;
        }
}
.subpage-inner-vid-text > p:last-child {
   margin-bottom: 14px !important;
   padding-bottom: 1px !important;
}
@media only screen and (max-width: 860px) { .subpage-inner-vid-text > p:last-child {
  margin-bottom: 9px !important;
  padding-bottom: 1px !important;
}
}
@media only screen and (min-device-width: 860px) and (-webkit-min-device-pixel-ratio: 2) {
  .subpage-inner-vid-text {
    padding-top: 0px;
    height: 100%;
    width: 92%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
  .subpage-inner-vid-text {
    margin-top: -15px;
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
  .subpage-inner-vid-text {
    padding-top: 0px;
    height: 90%;
    width: 92%;
  }
}