@charset "utf-8";
/* CSS Document */
/*
Theme Name: ESB Layer
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: main css
Version: 1.0
License: private
License URI: https://www.networkerz.de
*/
/* font-faces */
@font-face {font-family: "DIN Web W07 Regular";
  src: url("fonts/bf05f041f45dcd046f7d858d97c3fcda.eot"); /* IE9*/
  src: url("fonts/bf05f041f45dcd046f7d858d97c3fcda.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/bf05f041f45dcd046f7d858d97c3fcda.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/bf05f041f45dcd046f7d858d97c3fcda.woff") format("woff"), /* chrome、firefox */
  url("fonts/bf05f041f45dcd046f7d858d97c3fcda.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/bf05f041f45dcd046f7d858d97c3fcda.svg#DIN Web W07 Regular") format("svg"); /* iOS 4.1- */
}
* {
	 margin: 10; padding: ;
	 box-sizing: border-box;
	 }
html, body {
	font-family:"Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    
    
  font-size:14px;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	color:#202020;
	text-align: left;
	line-height: 20px;
	line-height: 1.4;
	margin:0px;
	padding:0px;
	height:100%;
	hyphens: auto;
	background-color:#fff;
}
strong {
	font-weight:bold;
}
h1 {
	font-size:22px;
	line-height: 1.1;
	text-transform;
	padding:10px;
}
h2 {
	font-size:22px;
	line-height: 1.1;
	margin-bottom: 20px;
}
a {
	color:#0f838b;
  text-decoration: none;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	transition: color 0.4s ease;
	}
a:visited, a:focus {
	color:#0076bd;
  text-decoration: none;
	}
a:focus {
    outline: none;
}
a:hover {
	text-decoration: underline;
	}
.text-link:before {
	content:"> ";
	color:#0076bd;
	font-size:20px;
	line-height:1.3;
}
ul, li {
		margin: 0;
    padding: 40;
		list-style:disc;
	}
img {
	width: 100%;
	height: auto;
	border:none;
	display:block;
	}
p {
	margin:20px 0;
}
/*   colors   */
.bg-grey {
	background-color:#FFFFFF;
}
/*  content  */
main {
	width:100%;
  max-width:1280px;
	padding-right: 0;
	padding-left: 0;
	margin:0 auto;
	}
section {
		width:100%;
		max-width: 1280px;
		margin: 0 auto;
		overflow-y: scroll;
		height: 100vh;
	  }
article {
	width: 100%;
	padding: 20px;
	}
.video-wrap {
	position: relative;
	  overflow: hidden;
	  width: 100%;
	  padding-top: 56.25%;
}
iframe {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
	border: none;
}