@font-face {
    font-family: 'TSSL';
    src: url('../fileadmin/templates/fonts/tssl.eot');
    src: url('../fileadmin/templates/fonts/tssl.eot?#iefix') format('embedded-opentype'),
    url('../fileadmin/templates/fonts/tssl.woff') format('woff'),
    url('../fileadmin/templates/fonts/tssl.ttf') format('truetype'),
    url('../fileadmin/templates/fonts/tssl.svg#TSSL') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'TSSB';
    src: url('../fileadmin/templates/fonts/tssb.eot');
    src: url('../fileadmin/templates/fonts/tssb.eot?#iefix') format('embedded-opentype'),
    url('../fileadmin/templates/fonts/tssb.woff') format('woff'),
    url('../fileadmin/templates/fonts/tssb.ttf') format('truetype'),
    url('../fileadmin/templates/fonts/tssb.svg#TSSB') format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'thesans_b4_semilightregular';
    src: url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.eot');
    src: url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.woff2') format('woff2'),
         url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.woff') format('woff'),
         url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.ttf') format('truetype'),
         url('../fileadmin/templates/fonts/thesans-b4semilight-webfont.svg#thesans_b4_semilightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'thesans_b5_plainregular';
    src: url('../fileadmin/templates/fonts/thesans-b5plain-webfont.eot');
    src: url('../fileadmin/templates/fonts/thesans-b5plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fileadmin/templates/fonts/thesans-b5plain-webfont.woff2') format('woff2'),
         url('../fileadmin/templates/fonts/thesans-b5plain-webfont.woff') format('woff'),
         url('../fileadmin/templates/fonts/thesans-b5plain-webfont.ttf') format('truetype'),
         url('../fileadmin/templates/fonts/thesans-b5plain-webfont.svg#thesans_b5_plainregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

body {
	font-family: "TSSL", serif;
	line-height:1.3em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 1em;
	color: black;
	}

a {
	color: black;
	text-decoration: none;
}

.container {
	margin: auto;
	max-width: 900px;
}

.clearer {
	clear: both;
}

.box1, 
.box2, 
.box3 {
	text-align: center;
}
	
.box1 img, 
.box2 img {
	width: 100%;
	height: auto;
	max-width: 200px;
}

.box3 {
	padding-top: 1em;
}

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

body {
	padding: 2em;
}

.box1 {
	padding-right: 1em;
}

.box2 {
	padding-left: 1em;
}

.box1, 
.box2 {
	float: left;
	width: 50%;
}


}


@media only screen and (min-height: 700px) and (min-width:750px) {

body {
	padding-top: 15vh;
}


}