^*, *: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
{
    background: white url("../../pic/logo-ike.svg") no-repeat top right fixed;
	color: black;
	font-size: 1.2em;
    line-height: 1.5em;
	font-family:'normal';
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* 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');
}

b
{
	font-family:'bold';
}

i
{
	font-family:'italic';
}


/* Text */

#text
{
	margin: 50px;
	position:absolute; top:0; left:0;
	vertical-align:top;
	width: calc(100% - 100px);
}

.alpha
{
	font-family:'bold'; 
	color: red;
}

/* Überschriften */

h1, h2, h3, h4
{
    line-height: 1.5em;
	font-family: 'bold', sans-serif;
	text-align: left;
	margin-top: 1em;
}

h1
{
    font-size: 1.6em;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.0em;
}

/* Links */

a, a:visited
{
	font-family:'normal', sans-serif;
	color: black;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #de0000;
	text-decoration: none;
}

/* pic */

img.weiter
{
	display: block;
	margin: 50px auto;
}

img.mi
{
	margin: 30px auto;
	display: block;
	width: 100%;
	height: auto;
	clear: both;
}

img.re
{
	margin: 50px auto;
	display: block;
	width: 50%;
	height: auto;
	clear: both;
}

/* code */

code
{
	font-style: bold;
	font-size: 1.3em;
}

/* Quotes */

q
{
	quotes: "»" "«" "›" "‹" "‚" "’";
}

/* Umbrüche */

hr
{
	color:black;
	height:0.188em;
	/*margin: 1.250em;*/
}

.next {
	clear: both;
}

/* Tabellen */

td
{
	vertical-align:top;
}

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

/*	img.mi
	{
		width: 500px;
		height: auto;
	}*/

		img.re
	{
		float: right;
		width: 30%;
		height: auto;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

}