/* Style by owc-online.de für Testzentren Traunstein */

@font-face {
    font-family:'din_pro_condensed_black';
    src: url('../fonts/din_pro_condensed_black.eot');
	  src: url('../fonts/din_pro_condensed_black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_condensed_black.woff2') format('woff2'),
		url('../fonts/din_pro_condensed_black.woff') format('woff'),
		url('../fonts/din_pro_condensed_black.svg#din_pro_condensed_black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_condensed_bold';
    src: url('../fonts/din_pro_condensed_bold.eot');
	  src: url('../fonts/din_pro_condensed_bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_condensed_bold.woff2') format('woff2'),
		url('../fonts/din_pro_condensed_bold.woff') format('woff'),
		url('../fonts/din_pro_condensed_bold.svg#din_pro_condensed_bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_condensed_medium';
    src: url('../fonts/din_pro_condensed_medium.eot');
	  src: url('../fonts/din_pro_condensed_medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_condensed_medium.woff2') format('woff2'),
		url('../fonts/din_pro_condensed_medium.woff') format('woff'),
		url('../fonts/din_pro_condensed_medium.svg#din_pro_condensed_medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_condensed_regular';
    src: url('../fonts/din_pro_condensed_regular.eot');
	  src: url('../fonts/din_pro_condensed_regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_condensed_regular.woff2') format('woff2'),
		url('../fonts/din_pro_condensed_regular.woff') format('woff'),
		url('../fonts/din_pro_condensed_regular.svg#din_pro_condensed_regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_condensed_light';
    src: url('../fonts/din_pro_condensed_light.eot');
  	src: url('../fonts/din_pro_condensed_light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_condensed_light.woff2') format('woff2'),
		url('../fonts/din_pro_condensed_light.woff') format('woff'),
		url('../fonts/din_pro_condensed_light.svg#din_pro_condensed_light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_black';
    src: url('../fonts/din_pro_black.eot');
	  src: url('../fonts/din_pro_black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_black.woff2') format('woff2'),
		url('../fonts/din_pro_black.woff') format('woff'),
		url('../fonts/din_pro_black.svg#din_pro_black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_bold';
    src: url('../fonts/din_pro_bold.eot');
	  src: url('../fonts/din_pro_bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_bold.woff2') format('woff2'),
		url('../fonts/din_pro_bold.woff') format('woff'),
		url('../fonts/din_pro_bold.svg#din_pro_bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_medium';
    src: url('../fonts/din_pro_medium.eot');
	  src: url('../fonts/din_pro_medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_medium.woff2') format('woff2'),
		url('../fonts/din_pro_medium.woff') format('woff'),
		url('../fonts/din_pro_medium.svg#din_pro_medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_regular';
    src: url('../fonts/din_pro_regular.eot');
	  src: url('../fonts/din_pro_regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_regular.woff2') format('woff2'),
		url('../fonts/din_pro_regular.woff') format('woff'),
		url('../fonts/din_pro_regular.svg#din_pro_regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'din_pro_light';
    src: url('../fonts/din_pro_light.eot');
	  src: url('../fonts/din_pro_light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din_pro_light.woff2') format('woff2'),
		url('../fonts/din_pro_light.woff') format('woff'),
		url('../fonts/din_pro_light.svg#din_pro_light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}



body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300;
color: #666;
}

div.mittig {
position: absolute;
left: 50%;
/*top:50%;*/
width: 900px;
/*height: 900px;*/
margin-left: -450px;
/*margin-top: -450px;*/
margin-top: 30px;
}
body, html, p {font-family:'din_pro_regular',arial;}
.headline {color: #47A799;text-align:center;font-family:'din_pro_condensed_bold',arial;text-transform:uppercase;font-size:2em;}
.infotext {color: #403F41;font-size:1.2em;font-family:'din_pro_regular',arial;text-align:center;}
h2.untertitel {color: #47A799;font-family:'din_pro_condensed_medium',arial;text-transform:uppercase;font-size:1.8em;}
h3.untertitel {color: #47A799;text-align:center;font-family:'din_pro_condensed_medium',arial;text-transform:uppercase;font-size:1.8em;}
p, li {font-size:1em;}
.fett {font-family:'din_pro_medium',arial;}
h4 {color: #47A799;text-align:center;font-family:'din_pro_condensed_medium',arial;font-size:1.4em;}

.kleiner {font-size:1.1em;}
.linie {border-bottom: 5px solid #47A799;width:100.3%;}
h4 {font-size:1.5em;font-family: 'Source Sans Pro', sans-serif;}
.postadresse {font-size:2.2em;margin:20px 0;}
.telefon {font-size:1.8em;}
.mail {font-size:1.8em;margin-bottom:20px;}
a {color:#403f41;}
a:hover {color:#47A799;}
.rechts {text-align:right;font-size:1em;}
#impressum a.uk-modal-close, #datenschutz a.uk-modal-close {text-decoration:none;}
.rot {color:#af0000;text-align:center;font-weight:bold;font-size:1.2em;}

@media screen and (min-width:641px) and (max-width:960px) {
div.mittig {position: absolute;margin: 0 auto;display:block;top:10%;left:50%;width:700px;margin-left: -350px;}
#test1, #test2, #test3 {display:block;margin:0 auto;text-align:center;}
#test2, #test3 {margin-top:40px;}
.linie {border-bottom: 5px solid #47A799;}
body {line-height:100%;}
}

@media screen and (min-width:440px) and (max-width:640px) {
div.mittig {position: absolute;margin: 0 auto;display:block;top:10%;left:50%;width:400px;margin-left: -200px;}
.linie {border-bottom: 5px solid #47A799;}
body {line-height:100%;}
}


@media screen and (max-width:439px) {
div.mittig {position: absolute;margin: 0 auto;display:block;top:5%;left:50%;width:360px;margin-left: -180px;}
.linie {border-bottom: 3px solid #47A799;}
.untertitel {font-size:1.7em !important;}
.rechts {margin-bottom:100px;}
.uk-h1, h1 {font-size:1.5em !important;}
}

.zeilenhoehe {line-height:16px !important;}

@media screen and (min-width:1200px) {
  .uk-modal-dialog {width:900px;}
  .uk-modal-dialog h4 {text-align:left !important;}
}