/*  
Ditzign CSS
*/

@font-face {
 font-family: 'IBMplex-Light'; /* Gewünschter Name */
 src: url('/font/IBMPlexSans-ExtraLight.eot');
           /* für IE9 */
 src: url('/font/IBMPlexSans-ExtraLight.eot?#iefix') 
           format('embedded-opentype'),
           /* für IE6-IE8 */
      url('/font/IBMPlexSans-ExtraLight.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('/font/IBMPlexSans-ExtraLight.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
}

@font-face {
 font-family: 'IBMplex-Text'; /* Gewünschter Name */
 src: url('/font/IBMPlexSans-Bold.eot');
           /* für IE9 */
 src: url('/font/IBMPlexSans-Bold.eot?#iefix') 
           format('embedded-opentype'),
           /* für IE6-IE8 */
      url('/font/IBMPlexSans-Bold.woff') 
           format('woff'), 
          /* für moderne Browser */
      url('/font/IBMPlexSans-Bold.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
}


* { margin: 0;
	padding: 0;
	border: 0;
}
	
body {
	padding: 1em;
	color: #000;
	background-color: #fff;
	font-family: 'IBMplex-Light', Arial, sans-serif;
	font-size: 62.5%;
	text-decoration: none;
	line-height: 4.5em;
}

/* A U F B A U */



#box{
	position: relative;
	left: 0em;
	top: 0em;
	float:left;
	padding:30px;
	height:auto;
	width:auto;
	margin:0px;
	overflow:hidden;
}


/* T Y P O G R A F I E */


a {
	font-size:1.0em;
	color:#000;
	text-decoration: none;
}

a:link, a:visited {
	color: #000;
}

a:hover, a:active {
	color: #c77a00;
}

h1 {
	font-family: 'IBMplex-Text', Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.05em;

	}
	

p {
	font-size: 5em;
	display: block;
	font-weight: 100;
	letter-spacing: -0.03em;

}

/* N A V I G A T I O N */



#box_haupt:hover {
	background-color:#ffe8c8;
}

/* LA Y O U T */

img {
	margin: 3px 8px 0px 2px;
	max-height: 300px;
	max-width: 300px;
}