/* --------------------------------------------- 

* Filename:     style.css
* Website:      http://www.dieter-widawski.de/
* Description:  System Styles
* Author:       Dana Widawski
				dana@widawski.com

-----------------------------------------------*/


/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600'); */

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*        url('fonts/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */ */
       url('fonts/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Montserrat-Regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-light - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Montserrat-Light.eot');
  src: local(''),
       url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
/*        url('fonts/Montserrat-Light.woff2') format('woff2'),  */
       url('fonts/Montserrat-Light.woff') format('woff'),
       url('fonts/Montserrat-Light.svg#Montserrat') format('svg');
       url('fonts/Montserrat-Light.ttf') format('truetype');
}

/* montserrat-bold - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Montserrat-SemiBold.eot')
  src: local(''),
       url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
/*        url('fonts/Montserrat-SemiBold.woff2') format('woff2'),  */
       url('fonts/Montserrat-SemiBold.woff') format('woff'), 
       url('fonts/Montserrat-SemiBold.svg#Montserrat') format('svg'); 
       url('fonts/Montserrat-SemiBold.ttf') format('truetype');
}


html {
  height: 100%;
  box-sizing: border-box;
	width: 100%;
}

body {
	margin-top: 90px !important;
	background: #fff;
	text-align: center;
	color: #222;
	font-family: Montserrat, 'Lucida sans', Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	line-height: 100%;
	min-height: 100%;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

h1 {
	font-weight: 600;
	color: #0b126b;
	font-size: 1.4em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: -20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

a {
	color: #0b126b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

td p {
	font-family: Montserrat, 'Lucida sans', Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	color: #000;
	line-height: 140%;
	margin-bottom: 6px !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
 
 
/* 
@media screen and (min-width: 919.9px) {

h1 {
	font-size: 20px;
}

img.bild {
	width: auto;}
}

section {
        color: white;
        border-radius: 1em;
        padding: 1em;
        position: relative;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) }
}   

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


table {
    width: 100% !important;
}

h1 {
	font-size: 2em !important;
}

p, td, td > p {
	font-family: Montserrat, 'Lucida sans', Helvetica, sans-serif;
	font-size: 1.8em !important;
	font-weight: 600;
	color: #000;
	line-height: 140%;
	margin-bottom: 6px !important;
	}
}
 */


@media (max-width: 600px) {

img.bild {
	width: -webkit-fill-available;}

h1 {
	font-size: 1.4em !important;
}
td {
	padding-left: 20px;
}

}