/* ------------------------ 
	  HEADER
	  ------------------------ */	
	  #header { padding: 10px 0}
	  #header div { 
		  vertical-align: middle;
		  padding: 0 20px;
		  line-height: 0px;
	  }
	  /* logo + brand guide */
	  #header .company-logo img { 
		object-fit: contain;
		vertical-align: middle;
		
		/*max-width: 170px; */
		height: 35px;
		width: auto;
		object-position: left center;
		
 	 }
	  #header .brandguide p { 
	  	font-size: .9em; 
		padding-top: 3px;  
	 }
	  
	  /* ------------------------ 
	  PAGE LINK
	  ------------------------ */
	  #page-link h3.left { margin-left: 110px; }
	  #page-link h3.right { margin-right: 110px; }
	
	  #page-link h3 { 
	  	position: relative; 
		line-height: 0em;
	 }
	  #page-link h3:after {
		  content: '';
		  position: absolute;
		  top: -27px;
		  background: url('../img/svg/page-arrow.svg') top center no-repeat;
		  width: 51px;
		  height: 51px; 
		  
		  right: auto;
		  left: auto;
		  
	  }
	  #page-link h3.left:after {
		  left: -70px;
	  }
	  #page-link h3.right:after {
		  right: -70px;
		  transform: rotate(180deg);
	  }
	  
	  /*hover*/
	  #page-link a:hover h3 {opacity: .6;}
	
	
	  /* ------------------------ 
	  FOOTER
	  ------------------------ */
	  footer .col-12 { padding: 1em 1.5em 2em; }
	  footer .col-6 { vertical-align: top;}
	  
	  /* LEFT SIDE */
	  /* email */
	  footer .email { 
		padding-bottom: 1em; 
		cursor: pointer;
	  }
	  footer .email h2:hover { color: rgba(255,255,255,.65); }
	  
	  /* imprint */
	  footer a.imprint { padding-left: 35px; }
	  
	  /* RIGHT SIDE */
	  /* to top */
	  footer .col-4 {
		  padding-bottom: 1em; 
		  display: inline-block; 
	  }
	  
	  footer .to-top p {
		  padding-bottom: 2em; 
		  padding-right: 55px;
		  position: relative; 
		  cursor: pointer;
	  }
	  footer .to-top p:after {
		  content: '';
		  position: absolute;
		  background: url('../img/svg/to-top2.svg') top center no-repeat;
		  top: -2px;
		  right: 0px;
		  
		  width: 40px;
		  height: 40px;
			  
		  transition: .15s ease all;
		  -moz-transition: .15s ease all;
		  -webkit-transition: .15s ease all;	
	  }
	 
	  /* made*/
	  footer .made a:hover { color: rgba(255,255,255,.65); }
	 
	  /* hover */
	  footer a.imprint:hover p,
	  footer a.studio:hover{ text-decoration: underline;}
	  footer a:hover h3 { opacity: .7;}
	  footer .to-top p:hover:after { top: -12px;} 
	  
	  
	  @media only screen and (max-width: 1023px) { 
	    footer { position: relative; }
		
		footer .col-12 {padding: 1em 1.5em 1em;}
		footer .col-8,
		footer .col-4 { width: 100%; }
		
		footer .email {padding-bottom: 1em;}
		
		footer .col-4 .to-top { 
			position: absolute; 
			right: 1.5em; 
			top: 1em; 
		}
		footer .col-4 .t-right {
			text-align: left;
			margin-top: 10px;
		}
		
		footer a.imprint {
			position: absolute;
			bottom: 20px;
			right: 30px;
		}
		
	  }
	 
	  
	  @media only screen and (max-width: 766px) { }
	  
	  @media only screen and (max-width: 599px) { 
	  	  
		  footer .col-12 {padding: .5em 1em 1em;}
		  
		  footer .no-mobile { display: none; }
		  footer .to-top p:after {transform: scale(.85); } 
	  }
	   
	  @media only screen and (max-width: 479px) { 
	  	 
		  #header div {padding: 0 10px;}
		  
		  #page-link h3 {line-height: 1.2em;}
		  #page-link h3.left:after,
	  	  #page-link h3.right:after {top: -15px;}
		  
		  footer .col-12 {padding: 1em .5em;}
		  
		  footer .col-4 .to-top {right: 1em;}
		  footer .to-top p:after {transform: scale(.75);}
		  footer .to-top p {padding-right: 45px;}
		 
	  }