*, *:before, *:after
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* allgemeine Style-Definitionen */

body
{
	color: black;
    background: white url("../../pic/logo-ike.svg") no-repeat top right fixed;
	text-align: left;
	margin: 0 auto;
	display: block;
	width: 80%;
}

/* Text */

p.englisch
{
	font-size: 3em;
    line-height: 1em;
	font-family: 'edwardian';
	margin: 50px 0px 50px 170px;
}

p.deutsch
{
	font-size: 1.2em;
    line-height: 1.5em;
	font-family: 'normal';
	display: block;
	margin: 50px 0 50px 170px;
}

a, a:hover, a:active
{
	color: black;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


/* Bilder */

img
{
	border-width:0;
}


img.signatur {
	position:fixed; top:260px; left:50px;
	width: 150px
}

img.portrait {
	position:fixed; top:50px; left:50px;
	width: 150px;
}


/* Pfeile */

#pf-li, #pf-re
{
	width: 20px; height: 10px;
}

#pf-li
{
	background: url('../icon/pfeile.svg') 0px 0px;
	position: fixed; top:330px; left: 50px;
}

#pf-re
{
	background: url('../icon/pfeile.svg') 0px 10px;
	position: fixed; top:330px; left: 180px;
}

#pf-li:hover, #pf-li:active {background-position: 20px 0px;}
#pf-re:hover, #pf-re:active {background-position: 20px 10px;}



/* Schrift */

@font-face
{
    font-family: 'normal';
    src: url('../../fonts/montserrat/light.woff2')  format('woff2');
}

@font-face
{
    font-family: 'bold';
    src: url('../../fonts/montserrat/regular.woff2')  format('woff2');
}

@font-face
{
    font-family: 'italic';
    src: url('../../fonts/montserrat/lightitalic.woff2')  format('woff2');
}

@font-face 
{
	font-family: 'edwardian';
	src:	url('../../fonts/edwardian/edwardian.woff2') format('woff2');
}

/*responsive*/

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

	img.portrait
	{
		display: none;
	}

	img.signatur {
		width: 200px;
		position:fixed; top:20px; left: calc(50% - 100px);
	}

	#pf-li
	{
		position: fixed; top:30px; left: 20px;
	}

	#pf-re
	{
		position: fixed; top:30px; left: calc(100% - 40px);
	}


	p.englisch
	{
		margin: 100px 0px 0px 0px;
	}

	p.deutsch
	{
		margin: 50px 0px 0px 0px;
	}

}