.noborder{    border-collapse: collapse;    border: none;    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-style: normal;    font-weight: 400;    color:#000000;    letter-spacing:0px;    word-spacing:1px;    line-height:25px;    text-align: left;}.html2canvas-container { width: 3000px !important; height: 30000px !important; }.cellrotate{    text-align: center;    white-space: nowrap;    vertical-align: middle;    width: 1.5em;}.cellrotate div {    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */    -ms-transform: rotate(-90.0deg);    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */    transform: rotate(-90.0deg);    margin-left: -10em;    margin-right: -10em;}html {    font-family: sans-serif; /* 1 */    line-height: 1.15; /* 2 */    -ms-text-size-adjust: 100%; /* 3 */    -webkit-text-size-adjust: 100%; /* 3 */    color:#868889;  }  input[type=number] {    width: 90px;    text-align:center;     vertical-align:middle;    -webkit-appearance: none;    -moz-appearance:textfield;    margin: 0;}label > input{ /* HIDE RADIO */  visibility: hidden; /* Makes input not-clickable */  position: absolute; /* Remove input from document flow */}label > input + img { /* IMAGE STYLES */  cursor:pointer;  border:2px solid transparent;}label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */  border:2px solid #97BF0D;}label > input:checked + figure { /* (RADIO CHECKED) IMAGE STYLES */    border:2px solid #97BF0D;  }figure.einzel {	position: relative;	display: inline-block;	width: 32.9%;}body {     font-family: "Open Sans", Helvetica, Arial, sans-serif;}.button {    background-color: #97BF0D; /* Green */    border: none;    color: white;    padding: 15px 32px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 12px;    font-family: "Open Sans", Helvetica, Arial, sans-serif;    cursor: pointer;}.button:hover {background-color: #76777C}input[class="radio_check"] {    display:none;   }input[class="radio_check"]:checked + label {    border: solid 1px #25283E;    background-color: #E3E5E9;}font[class="oxygen_ueberschrift"]{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:normal;    font-size:14px;    color:#000000;    letter-spacing:0px;    word-spacing:1px;    line-height:47px;}font[class="oxygen_normal"]{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:400;    font-size:13px;    color:#000000;    letter-spacing:0px;    word-spacing:1px;    line-height:47px;}font[class="oxygen_footer"]{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:400;    font-size:14px;    line-height: 1.6em;    letter-spacing: 0px;    padding: 0;    margin: 0;    color:#868889; } b, strong {    font-weight: 700;}p[class="ueberschrift_1"]{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:400;    font-size:16px;    line-height: 1.6em;    letter-spacing: 0px;    padding: 0;    margin: 0;    color:#97BF0D;}p[class="ueberschrift_2"]{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:400;    font-size:14px;    line-height: 1.6em;    letter-spacing: 0px;    padding: 0;    margin: 0;    color:#97BF0D;}p{    font-family: "Open Sans", Helvetica, Arial, sans-serif;    font-weight:400;    font-size:12px;    line-height: 1.6em;    letter-spacing: 0px;    padding: 0;    margin: 0;    color:#868889;}* {    box-sizing: border-box;}span[class=green]{    padding: 0.5rem;    background: #97BF0D;    display: inline;    color:white;    padding-left: 15px;    padding-right: 12px;}span[class=grau]{    padding: 0.5rem;    background: #868889;    display: inlien-block;    width: 500px;    color:white;    box-shadow: 10px 0 0 #868889, -10px 0 0 #868889;}hr {height: 2px;color: #97BF0D;background-color: #97BF0D;border: none;}div#load_screen{    background: #FFFFFF;    opacity: 1;    position: fixed;    z-index: 10;    top: 0px;    left: 0px;    width: 100%;    height: 1600px;}div#load_screen > div#loading{    color: #000000;    width: 120px;    height: 24px;    margin: 300px auto;}ul.footer {    list-style-type: none;    color: #E4E4E4;    font-weight: 400;    font-size: 13px;    letter-spacing: 0px;    line-height: 1.6em;    padding: 0;    margin: 0;}a:link {    color: #868889;    text-decoration: none;    letter-spacing: 0px;    font-weight: 400;    font-size: 13px;    line-height: 1.6em;    padding: 0;    margin: 0;}a:visited {    color: #868889;}a:hover {    color: #97BF0D;}a:active {    color: #97BF0D;} /* Customize the label (the container) */ .container {    display: inline;    position: relative;    padding-left: 35px;    margin-bottom: 12px;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;  }    /* Hide the browser's default checkbox */  .container input {    position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;  }    /* Create a custom checkbox */  .checkmark {    position: absolute;    top: -5px;    left: 110px;    height: 25px;    width: 25px;    background-color: #eee;  }    /* On mouse-over, add a grey background color */  .container:hover input ~ .checkmark {    background-color: #ccc;  }    /* When the checkbox is checked, add a blue background */  .container input:checked ~ .checkmark {    background-color: #2196F3;  }    /* Create the checkmark/indicator (hidden when not checked) */  .checkmark:after {    content: "";    position: absolute;    display: none;  }    /* Show the checkmark when checked */  .container input:checked ~ .checkmark:after {    display: block;  }    /* Style the checkmark/indicator */  .container .checkmark:after {    left: 9px;    top: 5px;    width: 5px;    height: 10px;    border: solid white;    border-width: 0 3px 3px 0;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);  }   /* Ab hier der Teil für die Hinweismeldung */  /* The Modal (background) */.modal {  display: none; /* Hidden by default */  position: fixed; /* Stay in place */  z-index: 1; /* Sit on top */  left: 0;  top: 0;  width: 100%; /* Full width */  height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */  background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */  -webkit-animation-name: fadeIn; /* Fade in the background */  -webkit-animation-duration: 0.4s;  animation-name: fadeIn;  animation-duration: 0.4s}/* Modal Content */.modal-content {  position: fixed;  top: 0;  background-color: #fefefe;  width: 100%;  -webkit-animation-name: slideIn;  -webkit-animation-duration: 0.4s;  animation-name: slideIn;  animation-duration: 0.4s}/* The Close Button */.close {  color: white;  float: right;  font-size: 28px;  font-weight: bold;}.close:hover,.close:focus {  color: #000;  text-decoration: none;  cursor: pointer;}.modal-header {  padding: 2px 16px;  background-color: #97BF0D;  color: white;}.modal-body {padding: 2px 16px;}.modal-footer {  padding: 2px 16px;  background-color: #97BF0D;  color: white;}/* Add Animation */@-webkit-keyframes slideIn {  from {top: -300px; opacity: 0}   to {top: 0; opacity: 1}}@keyframes slideIn {  from {top: -300px; opacity: 0}  to {top: 0; opacity: 1}}@-webkit-keyframes fadeIn {  from {opacity: 0}   to {opacity: 1}}@keyframes fadeIn {  from {opacity: 0}   to {opacity: 1}}/* Bis hier für Hinweismeldung */