/*! style.css v1.0.0 | christianlang.at */

/* Font styles
   ========================================================================== */

@font-face {
   font-family:'Heebo';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/Heebo-Light.ttf) format('ttf');
}
@font-face {
   font-family:'Heebo';
   font-style: normal;
   font-weight: 300;
   src: url(/fonts/Heebo-SemiBold.ttf) format('ttf');
}

/* Important styles
   ========================================================================== */

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], button { cursor: pointer; }

/* bicubic resizing for non-native sized IMG:
code.flickr.com/#notes/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Base styles
   ========================================================================== */

html { 
	background-color: whitesmoke;
	color: black;
	
	font-size: 62.5%;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

body {
	overflow-y: scroll;
	overflow-x: hidden;
	
	line-height: 1.4;
	font-size: 16px;
	font-size: 1em;
	
	font-family:'Heebo', sans-serif;
	font-weight: 300;
}

.container {
	position: absolute;
    top: 50%;
	width: 100%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.introduction {
	width: 86rem;
	font-size: 2.8rem;
	margin: 0 auto 0% auto;
	color: darkgray;
	
}

a[href^='mailto:'], a[href^='tel:'] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a:link, a:visited {
	text-decoration:none;
	color: dimgray;
}

a:hover {
	text-decoration:none;
	color: gray;
}

a[href^='mailto:']:before {
	content: attr(d-ste) "\0040" attr(d-usr) ;
	unicode-bidi: bidi-override;
	direction: rtl;
	
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

a[href^='mailto:']:after {
	content: attr(d-std);
	
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

/* =Cookie Notice
----------------------------------------------- */
/* Functionality: */
#cookie {
  z-index: 10;
  position: fixed;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
#cookie input {
    display: none;
}

/* Put text in CSS so search engines don't index it */
#cookie input:not(:checked) ~ span::before {
      content: "This site uses cookies to offer you an extraordinary experience!";
      display: inline;
    }
    
#cookie input:checked ~ * {
      display: none;
/* Prevent interacting with any elements in the notice after clicking it away. */
      pointer-events: none;
	  background-color: darkgray;
    }


/* Layout for demonstration: */
#cookie {
  color: dimgray;
  font-size: 1.4rem;
  background-color: gold;
  text-align: center;
}

#cookie > * {
    margin: 0.5em;
}



/* =Responsive Structure
----------------------------------------------- */

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

	.introduction {
		
		width: 84%;
	
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}

@media screen and (max-width: 767px)
/*screen and (767px max-device-width : 1040px) and (orientation : portrait)*/ {

}

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

}

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

@media screen and (max-width: 319px) /*iphone landscape: 320px*/{
	
}

/* =Print
----------------------------------------------- */

@media print {

	* { background-color: none !important; color: black !important; text-shadow: none; -webkit-print-color-adjust:exact; }
	a, a:visited { color: black !important; text-decoration: underline; }
	.summary a:after, .excerpt a:after { color: black; content: " (" attr(href) ")"; }

	header, img { page-break-inside: avoid; }

}