/* Fonts DSGVO Konform / GDPR Conform  */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Resets */
body, html { width:100%; height:100%; }
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #000;
  padding:0 !important;
  margin: 0px !important;
  background: white;
  cursor: default;
}
* { margin:0; padding:0 }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration:none; display:inline-block }
a:hover { text-decoration:none; }
a:focus, a:active { outline:none; }
span { display:inline-block; }
img { border:none; max-width:100%; }
ul, ol { list-style:none }
p, form, ul { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {
  margin: 0px;
  padding: 0px;
  line-height: normal;
  text-transform: uppercase;
}


/* Stuff */
.left{ float: left; }
.right{ float: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.center { text-align: center; }
.halftrans { opacity: 0.5; }
.pointer { cursor: pointer; }
.semi-bold { font-weight: 600; }
.bold { font-weight: 700; }

.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto; 
  width: 400px;
  text-align: center;

  -moz-box-shadow: 0px 0px 7px #ffffff;
  -webkit-box-shadow: 0px 0px 7px #ffffff;
  box-shadow: 0px 0px 7px #ffffff;
}