.logo {
  height: 2.5em;
}

section.image--grid {


}

h1 {
    font-size: 5vw;
    line-height: 5vw;

}
h1.case-mb {
	color: #c82724;

    padding: 20vw 0vw 0vw 0vw;
}
h1.case-pg {
	color: orange;
    padding: 25vw 0vw 0vw 0vw;
}
h1.case-schott {
	color: #1361bd;
    padding: 35vw 0vw 0vw 0vw;
}
h1.case-schott-2 {
	color: #000000;
    padding: 20vw 0vw 0vw 0vw;
}
h1.case-schott-3 {
	color: #1361bd;
    padding: 36vw 0.5vw 0vw 0vw;
}


h1.case-pxp {
	color: #54e3ba;
  padding: 20vw 6vw 0vw 0vw;
}
h1.case-basf {
    color: #485a19;
    padding: 15vw 0vw 0vw 0vw;
}
h1.case-ferchau {
	color: #f10808;
    padding: 47vw 0vw 0vw 0vw;
}
h1.case-bosch {
	color: #36495a;
    padding: 53vw 0vw 0vw 0vw;
}
h1.case-astor {
	color: #8f5f56;
    padding: 39vw 0vw 0vw 0vw;
}
h1.case-asics {
	color: #00ffff;
    padding: 26vw 0vw 0vw 16vw;
}
h1.case-sinfonie {
	color: #91c0e4;
  padding: 26vw 0vw 0vw 16vw;
}

h1.case-pag {
    color: #e47e3c;
    padding: 20vw 0vw 0vw 0vw;
}
.studio h1{
  color: #000000;
  font-size: 2vw;
  line-height: 2.5vw;
}
.studio_en h1{
  color: #000000;
  font-size: 1.8vw;
  line-height: 2.5vw;
}


section.image--grid-ferchau{
    padding-top: 200px;
	padding-top: 12vw;
    position: relative;
}
section.video--full--border{
    position: relative;
    margin-bottom: 80px;
    margin-left: 3vw;
    margin-right: 3vw;
}
@media screen and (min-width: 629px) {
  .space{    padding-top: 210px !important;}
}


/*
footer {
    padding-top: 140px;
}
*/


/* Safari 6.1+ (10.0 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and(min-width: 629px)
{ @media {
	h1.case-mb {
		padding: 26vw 0vw 0vw 0vw;
	}
  h1.case-sinfonie {
    padding: 21vw 0vw 0vw 43vw;
    border: 1px solid red;
  }
	h1.case-ferchau {
		padding: 38vw 0vw 0vw 0vw;
	}
	h1.case-bosch {
		padding: 46vw 0vw 0vw 0vw;
	}
	h1.case-astor {
		padding: 37vw 0vw 0vw 0vw;
	}
	h1.case-teaser {
		padding: 17vw 0vw 0vw 1em;
	}
	div.caption {
		left: 0px;
		top: 0px;
		transform: none;
		width: 100% !important;
	}
}}
/* Safari 10.0+ */
/* reseting all changes */
_::-webkit-:host:not(:root:root), h1.case-mb {
    padding: 20vw 0vw 0vw 0vw;
}
_::-webkit-:host:not(:root:root), h1.case-ferchau {
    padding: 47vw 0vw 0vw 0vw;
}
_::-webkit-:host:not(:root:root), h1.case-bosch {
	padding: 53vw 0vw 0vw 0vw;
}
_::-webkit-:host:not(:root:root), h1.case-astor {
	padding: 39vw 0vw 0vw 0vw;
}
_::-webkit-:host:not(:root:root), h1.case-teaser {
	padding: 0vw 0vw 0vw 0vw;
}
_::-webkit-:host:not(:root:root), div.caption {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 100px) !important;
    z-index: 99;
}


@media screen and (max-width: 629px) {
  /**
       * Remove all paddings around the image on small screen
       */
	section.image--grid {
    	padding-top: 80px;
    	position: relative;

	}
	section.image--grid-ferchau{
    	padding-top: 80px;
    	position: relative;
	}

	nav, section {
    	padding-left: 15px;
   		padding-right: 15px;
	}

	h1.case-bosch, h1.case-ferchau, h1.case-basf, h1.case-schott, h1.case-schott-3,h1.case-pg, h1.case-mb, h1.case-astor {
    	padding: 0vw 0vw 0vw 0vw;
	}
  h1.case-schott-3 {
      padding: 19vw 0vw 0vw 0vw;
  }
  h1.case-sinfonie {
    padding: 21vw 0vw 0vw 43vw;
  }
	h1 {
    	font-size: 8vw;
	    line-height: 8vw;
	    font-weight: 700;
        text-align: -webkit-auto;
	}
	div.caption {
		left: 40px;
		top: 20px;
		transform: translate(0%, 0%);
		width: calc(0% - 0px) !important;
		z-index: 99;
    }
    columns-studio {
		width: inherit;
    }
}
.embed-container-anam {
    height: calc(100vh - 300px) !important;
    max-height: calc(100vw / 1.9);
    padding-bottom: 0 !important;
}

@media screen and (min-width: 1500px) {
  /**
       * For Timo only
       */
	footer {
    	/**padding-top: 17%;**/
	}
	section.image--grid-ferchau{
		padding-top: 12vw;
		position: relative;
	}
	h1.case-astor {
		color: #8f5f56;
		padding: 39vw 0vw 0vw 0vw;
	}
}
